/*

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;

}