/*
¶ ↑
Project: Designer - Styling Author: Matt Grantham - @MattGrantham
¶ ↑
*/
body.sc-theme, body.sc-theme > .sc-pane.sc-main.workspace {
overflow: hidden; background: static_url('images/main-bg.png');
}
.workspace {
background: static_url('images/main-bg.png');
}
/* Design Area ———————————————- */
.workspace .design {
background: #fff; border: 1px solid #1c1c1c; box-shadow: 0 3px 6px rgba(0,0,0,0.75); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.75); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.75);
}
.workspace .rotated-page {
transform: rotate(0.8deg); -moz-transform: rotate(0.8deg); -webkit-transform: rotate(0.8deg); border: 1px solid #111; background: #ccc;
}
/* Dock ———————————————- */
.workspace .dock, .workspace .dock .sc-collection-view {
/*HACK: Overriding gray border since I can't figure out how to turn it off in all cases */ border: none !important; background: static_url('images/dock-bg.png') repeat-x;
}
/* Collection Items */ .workspace .dock .sc-collection-view .sc-collection-item {
background: static_url('images/dock-item-bg.png') repeat-x; color: #fff; text-shadow: 0 1px 0 #000; text-align: center;
} .workspace .dock .sc-collection-view .sc-collection-item .sc-outline {
background: static_url('images/dock-item-divider.png') no-repeat right;
} .sc-theme.focus .workspace .sc-collection-view.focus .sc-collection-item.sel, .workspace .dock .sc-collection-view .sc-collection-item.sel {
background: static_url('images/dock-item-sel-bg.png') repeat-x; color: #aebf85;
} .workspace .dock .sc-collection-view .sc-collection-item.sel .sc-outline {
background: static_url('images/dock-item-sel-divider.png') no-repeat right;
}
.workspace .dock .sc-list-item-view.has-icon label {
left: 4px; right: 4px; bottom: 6px; height: 18px; margin-top: 10px;
} .workspace .dock .sc-collection-item .icon {
width: 32px; height: 32px; position: absolute; top: 10px; margin-top: 0; left: 50%; margin-left: -16px;
}
.workspace .dock .sc-collection-item .icon.pane {
background: static_url('images/pane.png') no-repeat;
} .workspace .dock .sc-collection-item .icon.controller {
background: static_url('images/controller.png') no-repeat;
} .workspace .dock .sc-collection-item .icon.view {
background: static_url('images/view.png') no-repeat;
} .workspace .dock .sc-collection-item .icon.page {
background: static_url('images/page.png') no-repeat;
}