2012-02-23 20:19:03 +01:00
/** This file is the central collection of included modules, links to custom SCSS files, and any global SCSS variable definitions. DO NOT ADD stylesheet rules to this file directly! Note: By prefixing files with an underscore, they won't create individual CSS files. */
/** ----------------------------- Core Compass Libraries ------------------------------ */
/** ----------------------------- CMS Components ------------------------------ */
2012-04-16 15:55:19 +02:00
/** Style custom to the CMSMain admin interface. CMSMain extends the built in SilverStripe admin section styles. As much as possible we want to use those built in styles. If anything in this file can be implemented in a generic way then it should be include in the admin scss files. @package cms */
2012-02-23 20:19:03 +01:00
/** ------------------------------------------------------------------ Page History Section. ----------------------------------------------------------------- */
# cms-page-history-versions tr . loading { color : #999 ; }
# cms-page-history-versions tr . loading td : hover { cursor : none ; }
# cms-page-history-versions td : hover { cursor : pointer ; }
. CMSPageHistoryController ins { background-color : #DFD ; padding : 2 px ; text-decoration : none ; }
. CMSPageHistoryController del { background-color : #FDD ; padding : 2 px ; color : #ff4444 ; }
2012-04-16 15:55:19 +02:00
/** -------------------------------------------- Tree View (collapsed for sidebar) -------------------------------------------- */
# cms-content-treeview . cms-tree-expand-trigger { display : none ; }
2012-04-18 03:36:15 +02:00
. cms-content-tools # cms-content-treeview . cms-content-toolbar { border-bottom : none ; box-shadow : none ; margin-bottom : 8 px ; }
2012-04-16 15:55:19 +02:00
. cms-content-tools # cms-content-treeview . cms-tree-view-modes , . cms-content-tools # cms-content-treeview . cms-content-batchactions { display : none ; }
2012-12-17 12:46:03 +01:00
. cms-content-tools # cms-content-treeview . cms-tree-expand-trigger { display : block ; float : left ; margin : 0 0 2 px 0 ; }
2012-04-18 03:36:15 +02:00
. cms-content-tools # cms-content-treeview . cms-tree-expand-trigger span . ui-button-text { padding-right : 8 px ; }
2012-04-16 15:55:19 +02:00
. cms-content-tools # cms-content-treeview . cms-tree . badge , . cms-content-tools # cms-content-treeview . cms-tree a > . jstree-icon { display : none ; }
2012-07-23 12:16:39 +02:00
. cms-content-tools # cms-content-treeview . cms-tree a : hover > . text > . badge , . cms-content-tools # cms-content-treeview . cms-tree . jstree-clicked > . text > . badge { display : inline-block ; }
2012-04-16 15:55:19 +02:00
2012-05-10 02:01:57 +02:00
/** ------------------------------------------------------------------ URLSegment field ----------------------------------------------------------------- */
2012-08-17 10:05:39 +02:00
. field . urlsegment . loading { background : url ( ../images/loading.gif ) no-repeat 162 px 8 px ; }
2012-05-10 14:18:22 +02:00
. field . urlsegment . prefix , . field . urlsegment . preview { padding-top : 8 px ; display : inline-block ; }
. field . urlsegment . prefix { color : #777 ; }
. field . urlsegment . cancel , . field . urlsegment . update , . field . urlsegment . edit { margin-left : 7 px ; }
2012-06-13 13:16:15 +02:00
. field . urlsegment . help { margin-left : 0 ; }
2012-05-10 02:01:57 +02:00
2012-05-13 06:55:26 +02:00
# Form_EditForm # Title . update { margin-left : 7 px ; }
2012-03-12 22:52:30 +01:00
. cms . AssetAdmin . cms-content-fields { overflow : hidden ; }
. cms . AssetAdmin . cms-content-fields . cms-edit-form . AssetAdmin { overflow-y : auto ; }
2012-03-13 04:11:51 +01:00
. cms . AssetAdmin . cms-content-fields . cms-content-tools . cms-panel-content { overflow : hidden ; }
. cms . AssetAdmin . cms-content-fields . cms-content-tools . cms-panel-content . cms-search-form { height : 100 % ; }
2012-11-06 15:01:34 +01:00
. cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav li a { font-weight : bold ; padding : 0 20 px 0 ; text-indent : -9999 em ; background : url ( ../images/content-header-tabs-sprite.png ) no-repeat ; }
2012-05-10 23:12:35 +02:00
. cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav li . content-treeview a { background-position : 2 px 0 px ; }
. cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav li . content-galleryview a { background-position : -160 px 0 px ; }
. cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav li . content-listview a { background-position : -39 px 0 px ; }
2012-03-07 21:03:03 +01:00
. cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-state-active , . cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active , . cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active { border-top : none ; }
2012-05-10 23:12:35 +02:00
. cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-state-active . content-treeview a , . cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active . content-treeview a , . cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active . content-treeview a { background-position : 1 px -40 px ; }
. cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-state-active . content-galleryview a , . cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active . content-galleryview a , . cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active . content-galleryview a { background-position : -161 px -40 px ; }
. cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-state-active . content-listview a , . cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active . content-listview a , . cms . AssetAdmin . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active . content-listview a { background-position : -38 px -40 px ; }
2012-08-17 10:05:39 +02:00
. cms . AssetAdmin . cms-content-toolbar . cms-page-add-button { background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #f3f3f3 ) , color-stop ( 100 % , #d9d9d9 ) ) ; background-image : -webkit- linear-gradient ( #f3f3f3 , #d9d9d9 ) ; background-image : -moz- linear-gradient ( #f3f3f3 , #d9d9d9 ) ; background-image : -o- linear-gradient ( #f3f3f3 , #d9d9d9 ) ; background-image : linear-gradient ( #f3f3f3 , #d9d9d9 ) ; border-color : #c0c0c2 ; }
2012-03-07 05:33:15 +01:00
. cms . AssetAdmin . cms-content-toolbar . cms-page-add-button span . btn-icon-add { height : 17 px ; }
. cms . AssetAdmin . cms-content-toolbar . cms-page-add-button span . ui-button-text { color : #393939 ; text-shadow : white 0 1 px 1 px ; }
2012-04-26 02:30:32 +02:00
. cms . AssetAdmin # Root_TreeView . cms-tree ul . class-Folder a span . text span . jstree-foldericon { background : url ( ../images/blue-folder-horizontal.png ) no-repeat ; width : 16 px ; height : 16 px ; float : left ; display : block ; margin-right : 4 px ; }
2012-02-23 20:19:03 +01:00
. cms . AssetAdmin # Form_EditForm_File td { padding-top : 0 ; padding-bottom : 0 ; }
2012-03-06 03:00:36 +01:00
. cms . AssetAdmin # Form_EditForm_File td . bottom-all { padding : 0.7 em ; }
2012-05-18 04:39:26 +02:00
. cms . AssetAdmin # Form_EditForm_File td . col-StripThumbnail { padding : 1 px 5 px ; width : 32 px ; height : 32 px ; }
2012-02-23 20:19:03 +01:00
. cms . AssetAdmin # Form_EditForm_File td . col-StripThumbnail img { width : 32 px ; height : 32 px ; }
2012-05-18 04:39:26 +02:00
. cms . AssetAdmin # Form_EditForm_File tr [ data-class = Folder ] td . col-StripThumbnail { background : transparent url ( ../images/treeicons/blue-folder-horizontal.png ) no-repeat center ; }
. cms . AssetAdmin # Form_EditForm_File tr [ data-class = File ] td . col-StripThumbnail { background : transparent url ( ../images/treeicons/blue-document.png ) no-repeat center ; }