2011-08-01 00:54:31 +02: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. Notes: -------------------------------------------------------------- Z-indexes: * Menu bar on the right should always be on top. This is in the 80 range * Top navingation bar must always sit over the content. This is in the 60 range * Footer must sit over the content as well so this in the 40 range */
2011-05-20 01:29:40 +02:00
/** ----------------------------- Core Compass Libraries ------------------------------ */
2011-06-25 07:52:33 +02:00
html , body , div , span , applet , object , iframe , h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre , a , abbr , acronym , address , big , cite , code , del , dfn , em , img , ins , kbd , q , s , samp , small , strike , strong , sub , sup , tt , var , b , u , i , center , dl , dt , dd , ol , ul , li , fieldset , form , label , legend , table , caption , tbody , tfoot , thead , tr , th , td , article , aside , canvas , details , embed , figure , figcaption , footer , header , hgroup , menu , nav , output , ruby , section , summary , time , mark , audio , video { margin : 0 ; padding : 0 ; border : 0 ; font-size : 100 % ; font : inherit ; vertical-align : baseline ; }
2011-04-14 07:10:50 +02:00
2011-06-25 07:52:33 +02:00
body { line-height : 1 ; }
2011-04-14 07:10:50 +02:00
ol , ul { list-style : none ; }
2011-06-25 07:52:33 +02:00
table { border-collapse : collapse ; border-spacing : 0 ; }
2011-04-14 07:10:50 +02:00
caption , th , td { text-align : left ; font-weight : normal ; vertical-align : middle ; }
2011-06-25 07:52:33 +02:00
q , blockquote { quotes : none ; }
q : before , q : after , blockquote : before , blockquote : after { content : "" ; content : none ; }
2011-04-14 07:10:50 +02:00
a img { border : none ; }
2011-07-21 20:14:33 +02:00
article , aside , details , figcaption , figure , footer , header , hgroup , menu , nav , section , summary { display : block ; }
2011-06-25 07:52:33 +02:00
2011-05-20 01:29:40 +02:00
/** ----------------------------- Theme ------------------------------ */
2011-07-07 07:34:55 +02:00
/** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */
2011-05-20 01:29:40 +02:00
/** ----------------------------------------------- Colours ------------------------------------------------ */
2011-08-04 02:02:39 +02:00
/** ----------------------------------------------- Textures ----------------------------------------------- */
2011-07-29 05:10:14 +02:00
/** ----------------------------------------------- Typography. ------------------------------------------------ */
2012-02-14 11:18:58 +01:00
/** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both x (=horizontal) and y (=vertical). All internal padding and margins are scaled to this and accounting for paragraphs ------------------------------------------------ */
2011-07-28 06:57:41 +02:00
/** ----------------------------------------------- Application Logo (CMS Logo) Must be 24px x 24px ------------------------------------------------ */
2011-08-01 00:54:31 +02:00
/** ----------------------------- Custom mixins ------------------------------ */
2011-07-29 05:10:14 +02:00
/** This file contains generic mixins which we use throughout the admin panels. Mixins should be stored here rather than individual files so that we can keep. */
/** ---------------------------------------------------- Hides the overflowing text from a container Note: you must define a width on the element with this overflow. ----------------------------------------------------- */
/** ---------------------------------------------------- Clear the properties of sub form fields. Often needed for nested form fields and ----------------------------------------------------- */
2011-08-04 02:02:39 +02:00
/** ---------------------------------------------------- Double tone borders http://daverupert.com/2011/06/two-tone-borders-with-css3/ ----------------------------------------------------- */
2011-08-05 06:46:03 +02:00
/** ----------------------------- Sprite images ----------------------------- */
2012-02-17 00:35:10 +01:00
/** Helper SCSS file for generating sprites for the interface. */
2012-03-06 17:24:46 +01:00
. btn-icon-sprite , . ui-state-default . btn-icon-accept , . ui-state-default . btn-icon-accept_disabled , . ui-state-default . btn-icon-add , . ui-state-default . btn-icon-add_disabled , . ui-state-default . btn-icon-addpage , . ui-state-default . btn-icon-addpage_disabled , . ui-state-default . btn-icon-arrow-circle-135-left , . ui-state-default . btn-icon-back , . ui-state-default . btn-icon-back_disabled , . ui-state-default . btn-icon-chain--arrow , . ui-state-default . btn-icon-chain--exclamation , . ui-state-default . btn-icon-chain--minus , . ui-state-default . btn-icon-chain--pencil , . ui-state-default . btn-icon-chain--plus , . ui-state-default . btn-icon-chain-small , . ui-state-default . btn-icon-chain-unchain , . ui-state-default . btn-icon-chain , . ui-state-default . btn-icon-cross-circle , . ui-state-default . btn-icon-cross-circle_disabled , . ui-state-default . btn-icon-decline , . ui-state-default . btn-icon-decline_disabled , . ui-state-default . btn-icon-download-csv , . ui-state-default . btn-icon-drive-upload , . ui-state-default . btn-icon-drive-upload_disabled , . ui-state-default . btn-icon-magnifier , . ui-state-default . btn-icon-minus-circle , . ui-state-default . btn-icon-minus-circle_disabled , . ui-state-default . btn-icon-navigation , . ui-state-default . btn-icon-navigation_disabled , . ui-state-default . btn-icon-network-cloud , . ui-state-default . btn-icon-network-cloud_disabled , . ui-state-default . btn-icon-pencil , . ui-state-default . btn-icon-pencil_disabled , . ui-state-default . btn-icon-plug-disconnect-prohibition , . ui-state-default . btn-icon-plug-disconnect-prohibition_disabled , . ui-state-default . btn-icon-preview , . ui-state-default . btn-icon-preview_disabled , . ui-state-default . btn-icon-settings , . ui-state-default . btn-icon-settings_disabled , . ui-state-default . btn-icon-unpublish , . ui-state-default . btn-icon-unpublish_disabled { background : url ( '../images/btn-icon-sb5d07676ff.png' ) no-repeat ; }
2012-02-17 00:35:10 +01:00
. ui-state-default . btn-icon-accept { background-position : 0 0 ; }
. ui-state-default . btn-icon-accept_disabled { background-position : 0 -17 px ; }
. ui-state-default . btn-icon-add { background-position : 0 -34 px ; }
. ui-state-default . btn-icon-add_disabled { background-position : 0 -52 px ; }
. ui-state-default . btn-icon-addpage { background-position : 0 -70 px ; }
. ui-state-default . btn-icon-addpage_disabled { background-position : 0 -88 px ; }
. ui-state-default . btn-icon-arrow-circle-135-left { background-position : 0 -104 px ; }
2012-02-21 21:16:52 +01:00
. ui-state-default . btn-icon-back { background-position : 0 -120 px ; }
2012-03-06 03:02:36 +01:00
. ui-state-default . btn-icon-back_disabled { background-position : 0 -135 px ; }
2012-03-06 17:24:46 +01:00
. ui-state-default . btn-icon-chain--arrow { background-position : 0 -150 px ; }
. ui-state-default . btn-icon-chain--exclamation { background-position : 0 -166 px ; }
. ui-state-default . btn-icon-chain--minus { background-position : 0 -182 px ; }
. ui-state-default . btn-icon-chain--pencil { background-position : 0 -198 px ; }
. ui-state-default . btn-icon-chain--plus { background-position : 0 -214 px ; }
. ui-state-default . btn-icon-chain-small { background-position : 0 -230 px ; }
. ui-state-default . btn-icon-chain-unchain { background-position : 0 -246 px ; }
. ui-state-default . btn-icon-chain { background-position : 0 -262 px ; }
. ui-state-default . btn-icon-cross-circle { background-position : 0 -278 px ; }
. ui-state-default . btn-icon-cross-circle_disabled { background-position : 0 -294 px ; }
. ui-state-default . btn-icon-decline { background-position : 0 -310 px ; }
. ui-state-default . btn-icon-decline_disabled { background-position : 0 -327 px ; }
. ui-state-default . btn-icon-download-csv { background-position : 0 -344 px ; }
. ui-state-default . btn-icon-drive-upload { background-position : 0 -362 px ; }
. ui-state-default . btn-icon-drive-upload_disabled { background-position : 0 -378 px ; }
. ui-state-default . btn-icon-magnifier { background-position : 0 -394 px ; }
. ui-state-default . btn-icon-minus-circle { background-position : 0 -410 px ; }
. ui-state-default . btn-icon-minus-circle_disabled { background-position : 0 -426 px ; }
. ui-state-default . btn-icon-navigation { background-position : 0 -442 px ; }
. ui-state-default . btn-icon-navigation_disabled { background-position : 0 -458 px ; }
. ui-state-default . btn-icon-network-cloud { background-position : 0 -474 px ; }
. ui-state-default . btn-icon-network-cloud_disabled { background-position : 0 -490 px ; }
. ui-state-default . btn-icon-pencil { background-position : 0 -506 px ; }
. ui-state-default . btn-icon-pencil_disabled { background-position : 0 -522 px ; }
. ui-state-default . btn-icon-plug-disconnect-prohibition { background-position : 0 -538 px ; }
. ui-state-default . btn-icon-plug-disconnect-prohibition_disabled { background-position : 0 -554 px ; }
. ui-state-default . btn-icon-preview { background-position : 0 -570 px ; }
. ui-state-default . btn-icon-preview_disabled { background-position : 0 -587 px ; }
. ui-state-default . btn-icon-settings { background-position : 0 -604 px ; }
. ui-state-default . btn-icon-settings_disabled { background-position : 0 -620 px ; }
. ui-state-default . btn-icon-unpublish { background-position : 0 -636 px ; }
. ui-state-default . btn-icon-unpublish_disabled { background-position : 0 -654 px ; }
2012-02-17 00:35:10 +01:00
2011-08-09 01:39:12 +02:00
. icon { text-indent : -9999 px ; border : none ; outline : none ; }
2012-02-17 00:35:10 +01:00
. icon . icon-24 { width : 24 px ; height : 24 px ; background : url ( '../images/menu-icons/24x24-s546fcae8fd.png' ) ; }
2011-08-09 01:39:12 +02:00
. icon . icon-24 . icon-assetadmin { background-position : 0 -192 px ; }
. icon . icon-24 . icon-cmsmain { background-position : 0 -168 px ; }
. icon . icon-24 . icon-cmspagescontroller { background-position : 0 -144 px ; }
. icon . icon-24 . icon-cmssettingscontroller { background-position : 0 -72 px ; }
. icon . icon-24 . icon-securityadmin { background-position : 0 -24 px ; }
. icon . icon-24 . icon-reportadmin { background-position : 0 -216 px ; }
. icon . icon-24 . icon-commentadmin { background-position : 0 0 ; }
. icon . icon-24 . icon-help { background-position : 0 -120 px ; }
2012-02-17 00:35:10 +01:00
. icon . icon-16 { width : 16 px ; height : 16 px ; background : url ( '../images/menu-icons/16x16-s170d9d69bb.png' ) ; }
2011-08-09 01:39:12 +02:00
. icon . icon-16 . icon-assetadmin { background-position : 0 -128 px ; }
. icon . icon-16 . icon-cmsmain { background-position : 0 -112 px ; }
. icon . icon-16 . icon-cmspagescontroller { background-position : 0 -96 px ; }
. icon . icon-16 . icon-cmssettingscontroller { background-position : 0 -48 px ; }
. icon . icon-16 . icon-securityadmin { background-position : 0 -16 px ; }
. icon . icon-16 . icon-reportadmin { background-position : 0 -144 px ; }
. icon . icon-16 . icon-commentadmin { background-position : 0 0 ; }
. icon . icon-16 . icon-help { background-position : 0 -80 px ; }
2011-08-05 06:46:03 +02:00
2011-05-20 01:29:40 +02:00
/** ----------------------------- CMS Components ------------------------------ */
2011-08-26 04:09:25 +02:00
/** File: typography.scss Contains the basic typography related styles for the admin interface. */
2012-02-28 18:07:55 +01:00
body , html { font-size : 12 px ; line-height : 16 px ; font-family : Arial , sans-serif ; color : #444444 ; }
2011-08-26 04:09:25 +02:00
. cms h2 , . cms h3 , . cms h4 , . cms h5 { font-weight : bold ; margin : 16 px 0 16 px 0 ; line-height : 16 px ; }
. cms h2 { font-size : 18 px ; line-height : 24 px ; }
. cms h3 { font-size : 16 px ; }
. cms h4 { font-size : 14 px ; }
. cms h5 { font-size : 12 px ; }
. cms p { line-height : 16 px ; margin-bottom : 16 px ; }
. cms code { font-family : 'Bitstream Vera Sans Mono' , 'Courier' , monospace ; }
2011-10-29 02:01:06 +02:00
/** This file defines CMS-specific customizations to the jQuery UI theme. Every rule in this file should be wrapped in the '.cms' selector (to make it more specific), and contain ONLY overwritten jQuery UI rules (with 'ui-' prefix). This file should be fairly short, as we're using our own custom jQuery UI theme already. TODO Add theme reference Use _style.scss to add more generic style information, and read the jQuery UI theming API: http://jqueryui.com/docs/Theming/API */
2012-01-03 17:38:11 +01:00
. cms . ui-tabs { padding : 0 ; background : #f0f3f4 url ( ../images/textures/bg_cms_main_content.png ) repeat top left ; }
. cms . ui-tabs . ui-widget-header { border : 0 ; background : none ; }
. cms . ui-tabs . ui-tabs-nav { margin : 0 ; padding : 0 ; }
. cms . ui-tabs . ui-tabs-nav li { top : 0 ; }
. cms . ui-tabs . ui-tabs-nav li a { padding : 0 15 px ; }
. cms . ui-tabs . ui-tabs-nav . ui-state-active { border-color : gray ; }
2012-02-21 18:15:02 +01:00
. cms . ui-tabs . ui-tabs-panel { background : transparent ; padding : 0 ; }
2012-01-03 17:38:11 +01:00
. cms . ui-widget-content , . cms . ui-widget { color : #444444 ; font-size : 12 px ; font-family : Arial , sans-serif ; border : 0 ; }
2012-02-17 05:00:29 +01:00
. cms . ui-widget-header { background-color : #b0bec7 ; padding : 8 px 8 px 6 px 8 px ; border-bottom : 2 px solid #8399a7 ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #dde3e7 ) , color-stop ( 100 % , #92a5b2 ) ) ; background-image : -webkit- linear-gradient ( #dde3e7 , #92a5b2 ) ; background-image : -moz- linear-gradient ( #dde3e7 , #92a5b2 ) ; background-image : -o- linear-gradient ( #dde3e7 , #92a5b2 ) ; background-image : -ms- linear-gradient ( #dde3e7 , #92a5b2 ) ; background-image : linear-gradient ( #dde3e7 , #92a5b2 ) ; border-bottom : 3 px solid #5c7382 ; padding : 8 px ; -moz- border-radius : 0 ; -webkit- border-radius : 0 ; -o- border-radius : 0 ; -ms- border-radius : 0 ; -khtml- border-radius : 0 ; border-radius : 0 ; }
2012-01-03 17:38:11 +01:00
. cms . ui-widget-header . ui-dialog-title { padding : 6 px 0 ; text-shadow : #ced7dc 1 px 1 px 0 ; }
. cms . ui-widget-header a . ui-dialog-titlebar-close { position : absolute ; top : -8 px ; right : -15 px ; width : 30 px ; height : 30 px ; z-index : 100000 ; }
. cms . ui-widget-header a . ui-state-hover { border-color : transparent ; background : transparent ; }
2012-02-24 00:32:30 +01:00
. cms . ui-widget-header a . ui-state-hover . ui-icon-closethick { background : url ( '../images/sprites-32x32-sa4e142f7f0.png' ) 0 -252 px no-repeat ; }
. cms . ui-widget-header . ui-icon-closethick { background : url ( '../images/sprites-32x32-sa4e142f7f0.png' ) 0 -292 px no-repeat ; width : 30 px ; height : 30 px ; }
2012-01-03 17:38:11 +01:00
. cms . ui-state-hover { cursor : pointer ; }
. cms . ui-widget input , . cms . ui-widget select , . cms . ui-widget textarea , . cms . ui-widget button { color : #444444 ; font-size : 12 px ; font-family : Arial , sans-serif ; }
2011-04-15 01:27:23 +02:00
2011-07-29 05:10:14 +02:00
/** This file defines common styles for form elements used throughout the CMS interface. It is an addition to the base styles defined in sapphire/css/Form.css. @package sapphire @subpackage admin */
2011-07-07 07:34:55 +02:00
/** ---------------------------------------------------- Basic form fields ---------------------------------------------------- */
2011-08-16 04:57:30 +02:00
form . nostyle . field { padding : 0 ; border : 0 ; }
2011-04-30 05:11:10 +02:00
form . nostyle label { float : none ; width : auto ; }
form . nostyle . middleColumn { margin-left : 0 ; }
2012-01-03 14:49:35 +01:00
. field { display : block ; padding : 10 px 0 ; border-bottom : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; -moz- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; -webkit- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; -o- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; padding : 0 0 7 px 0 ; margin : 0 0 8 px 0 ; * zoom : 1 ; }
2011-07-21 20:14:33 +02:00
. field : after { content : "\0020" ; display : block ; height : 0 ; clear : both ; overflow : hidden ; visibility : hidden ; }
2012-01-03 17:38:11 +01:00
. field . nolabel . middleColumn { margin-left : 0 ; }
2012-01-06 20:44:34 +01:00
. field label . left { float : left ; display : block ; width : 176 px ; padding : 8 px 8 px 8 px 0 ; line-height : 16 px ; font-weight : bold ; text-shadow : 1 px 1 px 0 white ; }
2011-07-21 20:14:33 +02:00
. field label . right { cursor : pointer ; }
2011-08-22 06:44:41 +02:00
. field . middleColumn { margin-left : 184 px ; }
. field span . readonly { padding-top : 8 px ; line-height : 16 px ; display : block ; }
2012-02-14 03:18:24 +01:00
. field . help { color : #777777 ; font-style : italic ; padding-top : 1 em ; }
2012-01-03 14:49:35 +01:00
. field input . text , . field textarea , . field select , . field . TreeDropdownField { width : 100 % ; max-width : 512 px ; -moz- box-sizing : border-box ; -webkit- box-sizing : border-box ; -ms- box-sizing : border-box ; box-sizing : border-box ; }
2012-02-01 02:06:06 +01:00
. field input . text , . field textarea , . field . TreeDropdownField { background : #fff ; border : 1 px solid #b3b3b3 ; padding : 7 px 7 px ; line-height : 16 px ; margin : 0 ; outline : none ; -moz- transition : 0.2 s box-shadow ease-in ; -webkit- transition : 0.2 s box-shadow ease-in ; -o- transition : 0.2 s box-shadow ease-in ; transition : 0.2 s box-shadow ease-in ; -moz- transition : 0.2 s border ease-in ; -webkit- transition : 0.2 s border ease-in ; -o- transition : 0.2 s border ease-in ; transition : 0.2 s border ease-in ; -moz- border-radius : 4 px ; -webkit- border-radius : 4 px ; -o- border-radius : 4 px ; -ms- border-radius : 4 px ; -khtml- border-radius : 4 px ; border-radius : 4 px ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #eaeaea ) , color-stop ( 10 % , #ffffff ) ) ; background-image : -webkit- linear-gradient ( #eaeaea , #ffffff 10 % ) ; background-image : -moz- linear-gradient ( #eaeaea , #ffffff 10 % ) ; background-image : -o- linear-gradient ( #eaeaea , #ffffff 10 % ) ; background-image : -ms- linear-gradient ( #eaeaea , #ffffff 10 % ) ; background-image : linear-gradient ( #eaeaea , #ffffff 10 % ) ; }
2011-12-21 19:45:20 +01:00
. field input . text : focus , . field textarea : focus , . field . TreeDropdownField : focus { border : 1 px solid #9a9a9a ; border-top-color : gray ; -moz- box-shadow : 0 1 px 3 px rgba ( 0 , 0 , 0 , 0.2 ) inset ; -webkit- box-shadow : 0 1 px 3 px rgba ( 0 , 0 , 0 , 0.2 ) inset ; -o- box-shadow : 0 1 px 3 px rgba ( 0 , 0 , 0 , 0.2 ) inset ; box-shadow : 0 1 px 3 px rgba ( 0 , 0 , 0 , 0.2 ) inset ; }
2011-11-14 12:23:59 +01:00
. field input [ disabled ] , . field textarea [ disabled ] , . field select [ disabled ] { color : #777777 ; background : #efefef ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #bcbcbc ) , color-stop ( 10 % , #efefef ) , color-stop ( 90 % , #ffffff ) , color-stop ( 100 % , #bcbcbc ) ) ; background-image : -webkit- linear-gradient ( #bcbcbc , #efefef 10 % , #ffffff 90 % , #bcbcbc ) ; background-image : -moz- linear-gradient ( #bcbcbc , #efefef 10 % , #ffffff 90 % , #bcbcbc ) ; background-image : -o- linear-gradient ( #bcbcbc , #efefef 10 % , #ffffff 90 % , #bcbcbc ) ; background-image : -ms- linear-gradient ( #bcbcbc , #efefef 10 % , #ffffff 90 % , #bcbcbc ) ; background-image : linear-gradient ( #bcbcbc , #efefef 10 % , #ffffff 90 % , #bcbcbc ) ; border : 1 px solid #b3b3b3 ; }
2012-01-03 14:49:35 +01:00
form . stacked . field label , . field . stacked label { display : block ; float : none ; padding-bottom : 10 px ; }
form . stacked . field . middleColumn , . field . stacked . middleColumn { margin-left : 0 px ; clear : left ; }
2012-02-13 18:14:29 +01:00
form . small . field label . left , . field . small label . left { width : 112 px ; }
form . small . field . middleColumn , . field . small . middleColumn { margin-left : 120 px ; }
form . small . field input . text , form . small . field textarea , form . small . field select , form . small . field . TreeDropdownField , . field . small input . text , . field . small textarea , . field . small select , . field . small . TreeDropdownField { width : auto ; }
2012-01-03 14:49:35 +01:00
. field { /* TreeDropdowns */ /* dropdowns */ /* chzn override */ /* Date Fields */ }
. field . TreeDropdownField { padding : 0 ; }
. field . TreeDropdownField . treedropdownfield-panel { border : 1 px solid #b3b3b3 ; border-top : none ; -moz- border-radius-bottomleft : 4 px ; -webkit- border-bottom-left-radius : 4 px ; -o- border-bottom-left-radius : 4 px ; -ms- border-bottom-left-radius : 4 px ; -khtml- border-bottom-left-radius : 4 px ; border-bottom-left-radius : 4 px ; -moz- border-radius-bottomright : 4 px ; -webkit- border-bottom-right-radius : 4 px ; -o- border-bottom-right-radius : 4 px ; -ms- border-bottom-right-radius : 4 px ; -khtml- border-bottom-right-radius : 4 px ; border-bottom-right-radius : 4 px ; }
2011-07-21 20:14:33 +02:00
. field . TreeDropdownField . treedropdownfield-open-tree { -moz- border-radius-bottomleft : 0 ; -webkit- border-bottom-left-radius : 0 ; -o- border-bottom-left-radius : 0 ; -ms- border-bottom-left-radius : 0 ; -khtml- border-bottom-left-radius : 0 ; border-bottom-left-radius : 0 ; -moz- border-radius-bottomright : 0 ; -webkit- border-bottom-right-radius : 0 ; -o- border-bottom-right-radius : 0 ; -ms- border-bottom-right-radius : 0 ; -khtml- border-bottom-right-radius : 0 ; border-bottom-right-radius : 0 ; }
. field . dropdown select { margin-top : 8 px ; }
. field . chzn-container . chzn-results li { font-size : 11 px ; line-height : 16 px ; padding : 4 px 4 px ; }
. field . chzn-container-active . chzn-single { border : 1 px solid #9a9a9a ; }
2012-02-13 18:14:29 +01:00
. field . chzn-container-single . chzn-single { height : 26 px ; line-height : 26 px ; /* not relative, as then we'd had to redo most of chzn */ font-size : 12 px ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #efefef ) , color-stop ( 10 % , #ffffff ) , color-stop ( 90 % , #ffffff ) , color-stop ( 100 % , #efefef ) ) ; background-image : -webkit- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : -moz- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : -o- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : -ms- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; }
2011-07-21 20:14:33 +02:00
. field . chzn-container-single . chzn-single : hover , . field . chzn-container-single . chzn-single : focus , . field . chzn-container-single . chzn-single : active { text-decoration : none ; outline : none ; }
. field . chzn-container-single . chzn-single div { width : 24 px ; }
2012-02-13 18:14:29 +01:00
. field . chzn-container-single . chzn-single div b { background-position : 4 px 0 px ; }
2011-07-21 20:14:33 +02:00
. field input . hasDatepicker { width : 50 % ; max-width : 96 px ; }
2011-04-30 05:11:10 +02:00
2011-07-07 07:34:55 +02:00
/** ---------------------------------------------------- Buttons ---------------------------------------------------- */
2012-02-17 00:35:10 +01:00
. cms . Actions > * , . cms . cms-actions-row > * { display : block ; float : left ; margin-right : 8 px ; }
. cms . Actions > * : last-child , . cms . cms-actions-row > * : last-child { margin-right : 0 ; }
. cms . Actions { min-height : 30 px ; }
. cms . Actions > div { overflow : auto ; }
2012-01-03 17:38:11 +01:00
. cms input . loading , . cms input . ui-state-default . loading , . cms . ui-widget-content input . ui-state-default . loading , . cms . ui-widget-header input . ui-state-default . loading { padding-left : 24 px ; color : #525252 ; background : #eeeded url ( ../../images/network-save.gif ) no-repeat 4 px center ; border-color : #d5d3d3 ; cursor : default ; text-shadow : none ; -moz- box-shadow : none ; -webkit- box-shadow : none ; -o- box-shadow : none ; box-shadow : none ; }
2012-02-17 00:35:10 +01:00
. cms . ss-ui-button { font-weight : bold ; text-decoration : none ; line-height : 16 px ; color : #393939 ; border : 1 px solid #c0c0c2 ; border-bottom : 1 px solid #a6a6a9 ; cursor : pointer ; text-shadow : white 0 1 px 1 px ; background-color : #e6e6e6 ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #d9d9d9 ) ) ; background : -webkit- linear-gradient ( #ffffff , #d9d9d9 ) ; background : -moz- linear-gradient ( #ffffff , #d9d9d9 ) ; background : -o- linear-gradient ( #ffffff , #d9d9d9 ) ; background : -ms- linear-gradient ( #ffffff , #d9d9d9 ) ; background : linear-gradient ( #ffffff , #d9d9d9 ) ; /* constructive */ /* destructive */ }
2012-01-23 10:23:49 +01:00
. cms . ss-ui-button . buttonset { margin : 0 -1 px ; }
2012-02-17 00:35:10 +01:00
. cms . ss-ui-button . ui-state-hover , . cms . ss-ui-button : hover { text-decoration : none ; background-color : white ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : linear-gradient ( #ffffff , #e6e6e6 ) ; -moz- box-shadow : 0 0 5 px #b3b3b3 ; -webkit- box-shadow : 0 0 5 px #b3b3b3 ; -o- box-shadow : 0 0 5 px #b3b3b3 ; box-shadow : 0 0 5 px #b3b3b3 ; }
. cms . ss-ui-button : active , . cms . ss-ui-button : focus , . cms . ss-ui-button . ui-state-active , . cms . ss-ui-button . ui-state-focus { border : 1 px solid #b3b3b3 ; background-color : white ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : linear-gradient ( #ffffff , #e6e6e6 ) ; -moz- box-shadow : 0 0 5 px #b3b3b3 inset ; -webkit- box-shadow : 0 0 5 px #b3b3b3 inset ; -o- box-shadow : 0 0 5 px #b3b3b3 inset ; box-shadow : 0 0 5 px #b3b3b3 inset ; }
. cms . ss-ui-button . ss-ui-action-constructive { font-weight : bold ; color : white ; border-color : #78a127 ; border-bottom-color : #59781d ; background-color : #669933 ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #80bf40 ) , color-stop ( 100 % , #59862d ) ) ; background : -webkit- linear-gradient ( #80bf40 , #59862d ) ; background : -moz- linear-gradient ( #80bf40 , #59862d ) ; background : -o- linear-gradient ( #80bf40 , #59862d ) ; background : -ms- linear-gradient ( #80bf40 , #59862d ) ; background : linear-gradient ( #80bf40 , #59862d ) ; text-shadow : #4d7326 0 1 px 1 px ; }
. cms . ss-ui-button . ss-ui-action-constructive . ui-state-hover , . cms . ss-ui-button . ss-ui-action-constructive : hover { border-color : #59781d ; background-color : #80bf40 ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #8cc653 ) , color-stop ( 100 % , #669933 ) ) ; background : -webkit- linear-gradient ( #8cc653 , #669933 ) ; background : -moz- linear-gradient ( #8cc653 , #669933 ) ; background : -o- linear-gradient ( #8cc653 , #669933 ) ; background : -ms- linear-gradient ( #8cc653 , #669933 ) ; background : linear-gradient ( #8cc653 , #669933 ) ; }
. cms . ss-ui-button . ss-ui-action-constructive : active , . cms . ss-ui-button . ss-ui-action-constructive : focus , . cms . ss-ui-button . ss-ui-action-constructive . ui-state-active , . cms . ss-ui-button . ss-ui-action-constructive . ui-state-focus { background-color : #619130 ; -moz- box-shadow : inset 0 1 px 3 px #17181a , 0 1 px 0 rgba ( 255 , 255 , 255 , 0.6 ) ; -webkit- box-shadow : inset 0 1 px 3 px #17181a , 0 1 px 0 rgba ( 255 , 255 , 255 , 0.6 ) ; -o- box-shadow : inset 0 1 px 3 px #17181a , 0 1 px 0 rgba ( 255 , 255 , 255 , 0.6 ) ; box-shadow : inset 0 1 px 3 px #17181a , 0 1 px 0 rgba ( 255 , 255 , 255 , 0.6 ) ; }
2012-01-03 17:38:11 +01:00
. cms . ss-ui-button . ss-ui-action-destructive { color : red ; background-color : #e6e6e6 ; }
. cms . ss-ui-button . ss-ui-button-small { padding : 4 px 4 px ; }
. cms . ss-ui-button . ui-state-highlight { background-color : #e6e6e6 ; border : 1 px solid #708284 ; }
2012-02-17 00:35:10 +01:00
. cms . ss-ui-button . ss-ui-action-minor { background : none ; border : 0 ; color : #393939 ; text-decoration : underline ; -moz- box-shadow : none ; -webkit- box-shadow : none ; -o- box-shadow : none ; box-shadow : none ; }
2012-01-03 17:38:11 +01:00
. cms . ss-ui-button . ss-ui-action-minor : hover { text-decoration : none ; color : #1f1f1f ; }
. cms . ss-ui-button . ss-ui-action-minor : focus , . cms . ss-ui-button . ss-ui-action-minor : active { text-decoration : none ; color : #525252 ; }
2011-07-21 20:14:33 +02:00
/** ---------------------------------------------------- Grouped form fields ---------------------------------------------------- */
. fieldgroup . fieldgroup-field { float : left ; display : block ; width : 184 px ; padding-right : 8 px ; }
. fieldgroup . fieldgroup-field . field { border : none ; padding-bottom : 0 ; }
/** ---------------------------------------------------- Checkbox Field ---------------------------------------------------- */
2012-01-03 14:49:35 +01:00
. field . checkbox { padding-left : 184 px ; margin-bottom : 8 px ; }
. field . checkbox input { margin-left : 0 ; }
2011-07-21 20:14:33 +02:00
2012-01-06 20:44:34 +01:00
input . checkbox { margin-left : 0 ; }
/** ---------------------------------------------------- Radiobutton Field ---------------------------------------------------- */
. field . radio { padding-left : 184 px ; margin-bottom : 8 px ; }
. field . radio input { margin-left : 0 ; }
input . radio { margin-left : 0 ; }
2011-07-21 20:14:33 +02:00
/** ---------------------------------------------------- Optionsets and Checkboxsets ---------------------------------------------------- */
2012-01-06 20:44:34 +01:00
. optionset { padding-bottom : 8 px ; }
. optionset li { float : left ; display : block ; width : 216 px ; padding-bottom : 8 px ; line-height : 16 px ; list-style : none ; }
. optionset li input { display : inline-block ; padding-right : 0 ; margin-right : 0 ; }
. optionset li label { display : inline ; cursor : pointer ; padding-left : 8 px ; }
2011-07-21 20:14:33 +02:00
/** ---------------------------------------------------- HTML Text ---------------------------------------------------- */
2011-12-14 16:54:52 +01:00
. htmleditor textarea { visibility : hidden ; }
2012-01-03 14:49:35 +01:00
. htmleditor . mceEditor input , . htmleditor . mceEditor select { width : auto ; }
2011-07-07 07:34:55 +02:00
2011-06-10 04:56:55 +02:00
. action-hidden { display : none ; }
2012-02-07 23:24:42 +01:00
/ * *
* This file defines most styles of the CMS : Colors , fonts , backgrounds ,
* alignments , dimensions .
*
* Use SCSS variable definitions in screen . css to avoid repeating styles
* like background colours or padding dimensions . See themes / _default . scss
* to get started .
*
* To avoid this file getting too large and complicated , it is encouraged to
* create new SCSS files for larger components like the CMS menu or tree
* ( see _tree . scss and _menu . scss ) .
* /
2011-07-21 20:14:33 +02:00
/** ---------------------------------------------------- Core Styles. ---------------------------------------------------- */
2012-02-28 18:07:55 +01:00
html , body { width : 100 % ; height : 100 % ; }
2011-05-20 01:29:40 +02:00
2012-01-03 17:38:11 +01:00
body . cms { overflow : hidden ; }
2012-03-05 14:39:44 +01:00
. cms a { color : #1556b2 ; text-decoration : none ; }
2011-07-21 20:14:33 +02:00
. cms a : hover , . cms a : focus { text-decoration : underline ; }
. cms body . ui-widget { font-family : Arial , sans-serif ; font-size : 12 px ; }
. cms strong { font-weight : bold ; }
2011-03-31 06:43:20 +02:00
2011-08-22 06:44:41 +02:00
/** -------------------------------------------- Helpers -------------------------------------------- */
. cms-helper-hide-actions . Actions { display : none ; }
2011-07-21 20:14:33 +02:00
/** -------------------------------------------- Panels Styles -------------------------------------------- */
. cms-container { height : 100 % ; background : #f0f3f4 url ( ../images/textures/bg_cms_main_content.png ) repeat top left ; }
2011-04-05 11:06:56 +02:00
2011-07-21 20:14:33 +02:00
. cms-preview , . cms-menu , . cms-content , . cms-content-header , . cms-content-tools , . cms-content-fields , . cms-edit-form , . cms-preview , . cms-preview iframe , . cms-preview-controls { display : -moz- inline - box ; -moz- box-orient : vertical ; display : inline-block ; vertical-align : middle ; * vertical-align : auto ; }
. cms-preview , . cms-menu , . cms-content , . cms-content-header , . cms-content-tools , . cms-content-fields , . cms-edit-form , . cms-preview , . cms-preview iframe , . cms-preview-controls { * display : inline ; }
2011-07-21 11:52:17 +02:00
2012-02-07 23:24:42 +01:00
. cms-content-header { padding : 0 px 8 px 8 px ; height : 32 px ; z-index : 60 ; background-image : url ( ../images/textures/cms_content_header.png ) ; background-repeat : repeat ; }
2012-02-14 16:01:26 +01:00
. cms-content-header a { color : #1556b2 ; }
2012-02-28 23:06:42 +01:00
. cms-content-header . backlink { float : left ; margin-top : 7 px ; }
2012-03-08 04:29:19 +01:00
. cms-content-header . backlink span . btn-icon-back { height : 15 px ; }
2012-02-28 23:06:42 +01:00
. cms-content-header h2 { float : left ; padding : 8 px 8 px 0 8 px ; font-size : 14 px ; line-height : 24 px ; font-weight : bold ; text-shadow : #bfcad2 1 px 1 px 0 ; max-width : 400 px ; margin : 0 ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; o-text-overflow : ellipsis ; }
2011-05-20 01:29:40 +02:00
. cms-content-header > div { width : 9999 em ; overflow : hidden ; }
2012-02-07 23:24:42 +01:00
. cms-content-header . cms-content-header-tabs { position : fixed ; right : 40 px ; }
2012-03-07 02:48:00 +01:00
. cms-content-header . cms-content-header-tabs . ui-tabs-nav li a { font-weight : bold ; line-height : 16 px ; padding : 12 px 20 px 11 px ; }
2012-02-17 00:40:19 +01:00
. cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-state-default , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-default , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-default { border-top : none ; }
. cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-state-active , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active { border-top : none ; }
2012-02-17 05:00:29 +01:00
. cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-all , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-top , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-right , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-tr { border-radius : 0 ; }
. cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-all , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-top , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-left , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-tl { border-radius : 0 ; }
2012-02-17 00:40:19 +01:00
2012-03-07 02:48:00 +01:00
. cms-edit-form . cms-content-header-tabs . ui-tabs-nav li a { text-indent : 0 ; }
. cms-edit-form . cms-content-header-tabs . ui-tabs-nav . ui-state-default a , . cms-edit-form . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-default a , . cms-edit-form . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-default a { color : #1f1f1f ; }
2012-02-28 15:57:39 +01:00
/** -------------------------------------------- Tabs -------------------------------------------- */
. ui-tabs . cms-content-header . ui-tabs-nav li , . cms-dialog . ui-tabs-nav li { margin : 0 ; }
. ui-tabs . cms-content-header . ui-tabs-nav li a , . cms-dialog . ui-tabs-nav li a { font-weight : bold ; line-height : 16 px ; padding : 12 px 20 px 11 px ; }
2012-02-28 20:17:43 +01:00
. ui-tabs . cms-content-header . ui-tabs-nav . ui-state-default , . ui-tabs . cms-content-header . ui-tabs-nav . ui-widget-content . ui-state-default , . ui-tabs . cms-content-header . ui-tabs-nav . ui-widget-header . ui-state-default , . cms-dialog . ui-tabs-nav . ui-state-default , . cms-dialog . ui-tabs-nav . ui-widget-content . ui-state-default , . cms-dialog . ui-tabs-nav . ui-widget-header . ui-state-default { background-color : #b0bec7 ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #b0bec7 ) , color-stop ( 100 % , #8ca1ae ) ) ; background-image : -webkit- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -moz- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -o- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -ms- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : linear-gradient ( #b0bec7 , #8ca1ae ) ; border-right-color : #a6a6a6 ; border-left-color : #d9d9d9 ; border-bottom : none ; text-shadow : white 0 1 px 0 ; }
. ui-tabs . cms-content-header . ui-tabs-nav . ui-state-active , . ui-tabs . cms-content-header . ui-tabs-nav . ui-widget-content . ui-state-active , . ui-tabs . cms-content-header . ui-tabs-nav . ui-widget-header . ui-state-active , . cms-dialog . ui-tabs-nav . ui-state-active , . cms-dialog . ui-tabs-nav . ui-widget-content . ui-state-active , . cms-dialog . ui-tabs-nav . ui-widget-header . ui-state-active { background : #eceff1 ; border-right-color : #a6a6a6 ; border-left-color : #a6a6a6 ; margin-right : -1 px ; margin-left : -1 px ; z-index : 2 ; }
2012-02-28 15:57:39 +01:00
. ui-tabs . cms-content-header . ui-tabs-nav . ui-state-active a , . ui-tabs . cms-content-header . ui-tabs-nav . ui-widget-content . ui-state-active a , . ui-tabs . cms-content-header . ui-tabs-nav . ui-widget-header . ui-state-active a , . cms-dialog . ui-tabs-nav . ui-state-active a , . cms-dialog . ui-tabs-nav . ui-widget-content . ui-state-active a , . cms-dialog . ui-tabs-nav . ui-widget-header . ui-state-active a { border-bottom : none ; }
2011-04-14 07:10:50 +02:00
2012-03-07 02:48:00 +01:00
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav li a { font-weight : bold ; line-height : 16 px ; padding : 12 px 20 px 11 px ; text-indent : -9999 em ; }
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav li a . content-treeview { background : url ( ../images/content-header-tabs-sprite.png ) no-repeat 2 px 0 px ; }
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav li a . content-galleryview { background : url ( ../images/content-header-tabs-sprite.png ) no-repeat -87 px 0 px ; }
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav li a . content-listview { background : url ( ../images/content-header-tabs-sprite.png ) no-repeat -38 px 0 px ; }
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-state-active , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active { border-top : none ; }
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-state-active a . content-treeview , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active a . content-treeview , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active a . content-treeview { background : url ( ../images/content-header-tabs-sprite.png ) no-repeat 2 px -40 px ; }
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-state-active a . content-galleryview , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active a . content-galleryview , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active a . content-galleryview { background : url ( ../images/content-header-tabs-sprite.png ) no-repeat -87 px -40 px ; }
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-state-active a . content-listview , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active a . content-listview , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active a . content-listview { background : url ( ../images/content-header-tabs-sprite.png ) no-repeat -38 px -40 px ; }
2011-08-22 06:44:41 +02:00
/** ------------------------------------------------------- Loading Interface ------------------------------------------------------- */
2011-12-14 17:13:33 +01:00
. cms-content-loading-overlay { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; z-index : 9998 ; }
2011-05-20 01:38:36 +02:00
2011-12-14 17:13:33 +01:00
. cms-content-loading-spinner { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; z-index : 9999 ; background : url ( ../images/spinner.gif ) no-repeat 50 % 50 % ; }
2011-10-29 12:31:56 +02:00
2011-06-10 03:37:54 +02:00
/** ----------------------------------------------- Loading Screen ------------------------------------------------ */
2011-12-15 16:54:33 +01:00
. ss-loading-screen { width : 100 % ; height : 100 % ; overflow : hidden ; position : absolute ; z-index : 100000 ; background : #fff ; background : -moz- radial-gradient ( 50 % 50 % 180 deg , circle cover , white , #efefef , #c7c7c7 100 % ) ; background : -webkit- gradient ( radial , 50 % 50 % , 350 , 50 % 50 % , 0 , from ( #e3e3e3 ) , to ( white ) ) ; }
. ss-loading-screen . loading-logo { width : 100 % ; height : 100 % ; overflow : hidden ; position : absolute ; background : transparent url ( ../images/logo.gif ) no-repeat 50 % 50 % ; }
. ss-loading-screen p { width : 100 % ; text-align : center ; position : absolute ; bottom : 80 px ; z-index : 100001 ; }
. ss-loading-screen p span . notice { width : 300 px ; font-size : 14 px ; padding : 10 px 20 px ; color : #dc7f00 ; border : none ; background : none ; -moz- border-radius : 5 px ; -webkit- border-radius : 5 px ; -o- border-radius : 5 px ; -ms- border-radius : 5 px ; -khtml- border-radius : 5 px ; border-radius : 5 px ; display : inline-block ; zoom : 1 ; * display : inline ; }
2011-03-31 06:43:20 +02:00
. ss-loading-screen . loading-animation { display : none ; position : absolute ; left : 49 % ; top : 75 % ; }
2011-04-19 06:34:30 +02:00
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Actions -------------------------------------------- */
2012-02-01 02:06:06 +01:00
. cms-content-actions { margin : 8 px 16 px 16 px 16 px ; height : 32 px ; z-index : 70 ; -moz- box-shadow : #f0f3f4 0 -16 px 16 px ; -webkit- box-shadow : #f0f3f4 0 -16 px 16 px ; -o- box-shadow : #f0f3f4 0 -16 px 16 px ; box-shadow : #f0f3f4 0 -16 px 16 px ; }
2011-05-20 01:29:40 +02:00
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Messages -------------------------------------------- */
2011-07-21 20:14:33 +02:00
. message { margin : 0 0 8 px 0 ; padding : 7 px 7 px ; font-weight : bold ; border : 1 px black solid ; }
2011-04-19 06:34:30 +02:00
. message . notice { background-color : #ffbe66 ; border-color : #ff9300 ; }
2011-08-26 04:09:25 +02:00
. message . notice a { color : #999 ; }
2011-04-19 06:34:30 +02:00
. message . warning { background-color : #ffbe66 ; border-color : #ff9300 ; }
2012-03-05 16:55:21 +01:00
. message . error , . message . bad , . message . required { background-color : #ffbe66 ; border-color : #ff9300 ; }
2011-12-21 19:45:20 +01:00
. message . good { background-color : #99cc66 ; border-color : #669933 ; }
2011-09-19 21:01:17 +02:00
. message p { margin : 0 ; }
2011-04-19 06:34:30 +02:00
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- "Add page" dialog -------------------------------------------- */
2011-12-14 16:54:52 +01:00
. cms-page-add-form-dialog { display : none ; }
2012-01-05 12:30:29 +01:00
. cms-add-form # PageType li { float : none ; width : 100 % ; padding : 9 px 0 9 px 15 px ; overflow : hidden ; border-bottom-width : 2 px ; border-bottom : 2 px groove rgba ( 255 , 255 , 255 , 0.8 ) ; -webkit- border-image : url ( ../images/textures/bg_fieldset_elements_border.png ) 2 stretch stretch ; border-image : url ( ../images/textures/bg_fieldset_elements_border.png ) 2 stretch stretch ; }
. cms-add-form # PageType li : last-child { border-bottom : none ; }
. cms-add-form # PageType li : hover , . cms-add-form # PageType li . selected { background-color : rgba ( 255 , 255 , 102 , 0.3 ) ; }
. cms-add-form # PageType li . disabled { color : #aaaaaa ; }
. cms-add-form # PageType li . disabled : hover { background : none ; }
. cms-add-form # PageType li input { margin : inherit ; }
. cms-add-form # PageType li label { padding-left : 0 ; padding-bottom : 0 ; }
. cms-add-form # PageType li input , . cms-add-form # PageType li label , . cms-add-form # PageType li . icon , . cms-add-form # PageType li . title { float : left ; line-height : 1.3 em ; }
. cms-add-form # PageType li . icon { width : 20 px ; display : block ; width : 16 px ; height : 16 px ; margin : 0 4 px ; background-color : transparent ; background-image : url ( ../images/sitetree_ss_pageclass_icons_default.png ) ; background-repeat : no-repeat ; }
. cms-add-form # PageType li . class-HomePage { background-position : 0 -48 px ; }
. cms-add-form # PageType li . class-RedirectorPage { background-position : 0 -16 px ; }
. cms-add-form # PageType li . class-VirtualPage { background-position : 0 -32 px ; }
. cms-add-form # PageType li . class-ErrorPage { background-position : 0 -112 px ; }
. cms-add-form # PageType li . title { width : 120 px ; font-weight : bold ; padding-right : 10 px ; }
. cms-add-form # PageType li . description { font-style : italic ; }
2011-04-24 01:05:59 +02:00
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Content toolbar -------------------------------------------- */
2012-02-07 23:24:42 +01:00
. cms-content-toolbar { display : block ; margin : 0 0 15 px 0 ; border-bottom : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; -webkit- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; -moz- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; -o- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; * zoom : 1 ; /* smaller treedropdown */ }
2011-07-21 20:14:33 +02:00
. cms-content-toolbar : after { content : "\0020" ; display : block ; height : 0 ; clear : both ; overflow : hidden ; visibility : hidden ; }
2012-02-28 21:44:11 +01:00
. cms-content-toolbar . cms-tree-view-modes { float : right ; padding-top : 5 px ; }
2011-04-24 01:05:59 +02:00
. cms-content-toolbar . cms-tree-view-modes * { display : inline-block ; }
2012-02-07 23:24:42 +01:00
. cms-content-toolbar . cms-tree-view-modes * label { color : #1556b2 ; }
. cms-content-toolbar . chzn-container-single . chzn-single { height : 26 px ; line-height : 26 px ; padding-left : 25 px ; color : #576468 ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #e6e6e6 ) , color-stop ( 100 % , #cdcdcd ) ) ; background-image : -webkit- linear-gradient ( #e6e6e6 , #cdcdcd ) ; background-image : -moz- linear-gradient ( #e6e6e6 , #cdcdcd ) ; background-image : -o- linear-gradient ( #e6e6e6 , #cdcdcd ) ; background-image : -ms- linear-gradient ( #e6e6e6 , #cdcdcd ) ; background-image : linear-gradient ( #e6e6e6 , #cdcdcd ) ; font-size : 13 px ; font-weight : bold ; text-shadow : #e6e6e6 0 -1 px 1 px ; box-shadow : none ; }
. cms-content-toolbar . chzn-container-single . chzn-single : hover { -moz- box-shadow : 0 0 5 px #b3b3b3 ; -webkit- box-shadow : 0 0 5 px #b3b3b3 ; -o- box-shadow : 0 0 5 px #b3b3b3 ; box-shadow : 0 0 5 px #b3b3b3 ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ebebeb ) , color-stop ( 100 % , #d2d2d2 ) ) ; background-image : -webkit- linear-gradient ( #ebebeb , #d2d2d2 ) ; background-image : -moz- linear-gradient ( #ebebeb , #d2d2d2 ) ; background-image : -o- linear-gradient ( #ebebeb , #d2d2d2 ) ; background-image : -ms- linear-gradient ( #ebebeb , #d2d2d2 ) ; background-image : linear-gradient ( #ebebeb , #d2d2d2 ) ; }
. cms-content-toolbar . chzn-container-single . chzn-single : active { -moz- box-shadow : inset 0 1 px 3 px #4d4d4d ; -webkit- box-shadow : inset 0 1 px 3 px #4d4d4d ; -o- box-shadow : inset 0 1 px 3 px #4d4d4d ; box-shadow : inset 0 1 px 3 px #4d4d4d ; }
. cms-content-toolbar . chzn-container-single . chzn-single span { padding-top : 1 px ; }
2012-02-17 00:35:10 +01:00
. cms-content-toolbar . chzn-container-single . chzn-single div { background : url ( ../images/btn-icon/settings.png ) 5 px 4 px no-repeat ; border-left : none ; width : 100 % ; }
. cms-content-toolbar . chzn-container-single . chzn-single div b { background : url ( ../images/sprites-32x32/menu-arrow-deselected-down.png ) no-repeat 9 px 11 px ; float : right ; width : 24 px ; }
2011-04-24 01:41:21 +02:00
2011-07-21 20:14:33 +02:00
/* -------------------------------------------------------- Content Tools is the sidebar on the left of the main content panel */
2012-02-17 00:35:10 +01:00
. cms-content-tools { background-color : #dde3e7 ; width : 192 px ; border-right : 1 px solid #bfcad2 ; overflow-y : auto ; overflow-x : hidden ; z-index : 70 ; -moz- box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 4 px ; -webkit- box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 4 px ; -o- box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 4 px ; box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 4 px ; float : left ; position : relative ; }
2012-02-17 05:00:29 +01:00
. cms-content-tools . cms-panel-header { margin : 0 0 7 px ; line-height : 24 px ; border-bottom : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; -webkit- box-shadow : 0 1 px 0 rgba ( 228 , 230 , 230 , 0.8 ) ; -moz- box-shadow : 0 1 px 0 rgba ( 228 , 230 , 230 , 0.8 ) ; -o- box-shadow : 0 1 px 0 rgba ( 228 , 230 , 230 , 0.8 ) ; box-shadow : 0 1 px 0 rgba ( 228 , 230 , 230 , 0.8 ) ; }
. cms-content-tools . cms-panel-content { width : 176 px ; padding : 8 px 8 px ; overflow : auto ; height : 100 % ; }
. cms-content-tools . cms-content-header { background-color : #748d9d ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #b0bec7 ) , color-stop ( 100 % , #748d9d ) ) ; background-image : -webkit- linear-gradient ( #b0bec7 , #748d9d ) ; background-image : -moz- linear-gradient ( #b0bec7 , #748d9d ) ; background-image : -o- linear-gradient ( #b0bec7 , #748d9d ) ; background-image : -ms- linear-gradient ( #b0bec7 , #748d9d ) ; background-image : linear-gradient ( #b0bec7 , #748d9d ) ; }
2011-08-22 06:44:41 +02:00
. cms-content-tools . cms-content-header h2 { text-shadow : #5c7382 -1 px -1 px 0 ; width : 176 px ; color : white ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; o-text-overflow : ellipsis ; }
2011-07-21 20:14:33 +02:00
. cms-content-tools h3 , . cms-content-tools h4 , . cms-content-tools h5 { font-weight : bold ; line-height : 16 px ; }
. cms-content-tools h3 { font-size : 13 px ; }
2011-08-16 04:57:30 +02:00
. cms-content-tools . ui-widget-content { background : none ; }
2012-02-07 23:24:42 +01:00
. cms-content-tools . field { /* Fields are more compressed in the sidebar compared to the main content editing window so the below alters the internal spacing of the fields so we can move that spacing to between the form fields rather than padding */ }
2011-08-16 04:57:30 +02:00
. cms-content-tools . field label { float : none ; width : auto ; font-size : 11 px ; padding : 0 8 px 4 px 0 ; }
. cms-content-tools . field . middleColumn { margin : 0 ; }
2011-08-22 06:44:41 +02:00
. cms-content-tools . field input . text , . cms-content-tools . field select , . cms-content-tools . field textarea { padding : 5 px ; font-size : 11 px ; }
2011-10-29 02:36:03 +02:00
. cms-content-tools . field . checkbox { padding : 0 8 px 0 ; }
2011-08-22 06:44:41 +02:00
. cms-content-tools . field . checkbox input { margin : 2 px 0 ; }
2011-07-21 20:14:33 +02:00
. cms-content-tools . fieldgroup . fieldgroup-field { width : auto ; padding : 0 ; }
. cms-content-tools . fieldgroup . fieldgroup-field . field { margin : 0 ; padding : 0 ; }
2011-08-22 06:44:41 +02:00
. cms-content-tools table { margin : 8 px -4 px ; }
. cms-content-tools table thead th { color : #1f1f1f ; font-weight : bold ; line-height : 16 px ; font-size : 11 px ; padding : 4 px ; }
. cms-content-tools table tr . active { background-color : #338dc1 ; color : white ; }
. cms-content-tools table tr . active td . first-column { -moz- border-radius : 6 px 0 0 6 px ; -webkit- border-radius : 6 px 0 0 6 px ; -o- border-radius : 6 px 0 0 6 px ; -ms- border-radius : 6 px 0 0 6 px ; -khtml- border-radius : 6 px 0 0 6 px ; border-radius : 6 px 0 0 6 px ; }
. cms-content-tools table tr . active td . last-column { -moz- border-radius : 0 6 px 6 px 0 ; -webkit- border-radius : 0 6 px 6 px 0 ; -o- border-radius : 0 6 px 6 px 0 ; -ms- border-radius : 0 6 px 6 px 0 ; -khtml- border-radius : 0 6 px 6 px 0 ; border-radius : 0 6 px 6 px 0 ; }
. cms-content-tools table td { padding : 4 px ; line-height : 16 px ; vertical-align : top ; }
. cms-content-tools td { border-bottom : 1 px solid #ced7dc ; padding : 7 px 2 px ; font-size : 11 px ; }
2011-07-07 08:01:25 +02:00
2011-08-16 04:57:30 +02:00
/** CMS Batch actions */
2012-02-07 23:24:42 +01:00
. cms-content-batchactions { float : left ; position : relative ; display : block ; margin-left : 8 px ; }
2011-08-16 04:57:30 +02:00
. cms-content-batchactions form > * { display : block ; float : left ; }
. cms-content-batchactions form . cms-batch-actions { float : left ; }
2011-07-07 08:01:25 +02:00
2011-10-29 12:59:42 +02:00
# Form_BatchActionsForm select { width : 200 px ; }
2012-01-03 17:38:11 +01:00
/** -------------------------------------------- Preview -------------------------------------------- */
. cms-switch-view a { padding-right : 1 em ; }
2011-07-21 20:14:33 +02:00
. cms-preview { width : 1 px ; z-index : 100 ; }
2012-01-03 17:38:11 +01:00
. cms-preview . cms-preview-toggle { width : 10 px ; cursor : pointer ; }
. cms-preview . cms-preview-toggle a { display : block ; padding : 2 px 12 px 2 px 6 px ; height : 16 px ; position : relative ; top : 48 % ; background-color : #b0bec7 ; color : white ; font-weight : bold ; text-decoration : none ; z-index : 2000 ; line-height : 16 px ; -moz- border-radius-bottomright : 4 px ; -webkit- border-bottom-right-radius : 4 px ; -o- border-bottom-right-radius : 4 px ; -ms- border-bottom-right-radius : 4 px ; -khtml- border-bottom-right-radius : 4 px ; border-bottom-right-radius : 4 px ; -moz- border-radius-topright : 4 px ; -webkit- border-top-right-radius : 4 px ; -o- border-top-right-radius : 4 px ; -ms- border-top-right-radius : 4 px ; -khtml- border-top-right-radius : 4 px ; border-top-right-radius : 4 px ; -moz- box-shadow : 0 0 10 px rgba ( 180 , 180 , 180 , 0.4 ) ; -webkit- box-shadow : 0 0 10 px rgba ( 180 , 180 , 180 , 0.4 ) ; -o- box-shadow : 0 0 10 px rgba ( 180 , 180 , 180 , 0.4 ) ; box-shadow : 0 0 10 px rgba ( 180 , 180 , 180 , 0.4 ) ; }
. cms-preview . is-collapsed . cms-preview-toggle a { left : -15 px ; }
2011-05-20 01:29:40 +02:00
. cms-preview iframe { width : 100 % ; height : 100 % ; }
2011-07-21 20:14:33 +02:00
. cms-preview . cms-preview-controls { z-index : 99 ; background : #eceff1 ; padding : 10 px ; min-height : 30 px ; }
. cms-preview . cms-preview-controls . cms-navigator { width : 100 % ; }
. cms-preview . cms-preview-controls . cms-navigator * { display : inline-block ; }
. cms-preview . cms-preview-controls . cms-preview-states { margin-right : 10 px ; }
. cms-preview . cms-preview-controls . cms-preview-popup-link { display : inline-block ; }
2011-12-17 03:56:34 +01:00
. cms-preview . cms-preview-controls . cms-preview-toggle-link { float : right ; }
2012-02-17 00:35:10 +01:00
. cms-preview-toggle-link { display : block ; float : right ; font-size : 12 px ; text-decoration : none ; }
2011-05-20 01:29:40 +02:00
2011-04-24 01:41:21 +02:00
. cms-preview-header { background-color : #FFBE66 ; padding : 10 px ; font-weight : bold ; }
2011-04-28 12:36:28 +02:00
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Member Profile -------------------------------------------- */
2011-04-30 05:11:10 +02:00
form . member-profile-form # CsvFile . middleColumn { background : none !important ; }
form . member-profile-form . advanced h4 { margin-bottom : .5 em ; }
form . member-profile-form . Actions { text-align : left ; border : 0 ; }
2012-01-06 20:44:34 +01:00
form . member-profile-form input . customFormat { width : 80 px ; border : 1 px solid #ccc !important ; padding : 3 px ; display : inline-block ; margin-left : 1 em ; }
form . member-profile-form . formattingHelpToggle { display : block ; font-size : 11 px ; }
2011-12-21 19:45:20 +01:00
form . member-profile-form . formattingHelpText { margin : 5 px 0 0 -5 px ; color : #333 ; padding : 5 px 10 px ; background : #fff ; border : 1 px solid #ccc ; }
2011-04-30 05:11:10 +02:00
form . member-profile-form . formattingHelpText ul { padding : 0 ; }
2012-01-06 20:44:34 +01:00
form . member-profile-form . formattingHelpText li { font-size : 11 px ; color : #333 ; margin-bottom : 2 px ; padding-bottom : 0 ; float : none ; width : auto ; }
2011-12-21 19:45:20 +01:00
form . member-profile-form # Groups . middleColumn { margin-left : 0 ; width : 100 % ; }
form . member-profile-form # Groups . middleColumn . TreeDropdownField { width : 90 % ; max-width : 90 % ; }
2012-01-06 20:44:34 +01:00
form . member-profile-form # Permissions . optionset li { float : none ; width : auto ; }
2012-02-17 00:40:19 +01:00
form . member-profile-form . ui-tabs-nav li { margin : 0 0 -1 px 0 ; }
2012-02-17 05:00:29 +01:00
form . member-profile-form . ui-corner-all , form . member-profile-form . ui-corner-top , form . member-profile-form . ui-corner-right , form . member-profile-form . ui-corner-tr { border-radius : 0 ; }
form . member-profile-form . ui-corner-all , form . member-profile-form . ui-corner-top , form . member-profile-form . ui-corner-left , form . member-profile-form . ui-corner-tl { border-radius : 0 ; }
2011-04-30 05:11:10 +02:00
2011-07-21 20:14:33 +02:00
. cms . cms-content { border-right : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; -moz- box-shadow : 3 px 0 4 px rgba ( 0 , 0 , 0 , 0.15 ) ; -webkit- box-shadow : 3 px 0 4 px rgba ( 0 , 0 , 0 , 0.15 ) ; -o- box-shadow : 3 px 0 4 px rgba ( 0 , 0 , 0 , 0.15 ) ; box-shadow : 3 px 0 4 px rgba ( 0 , 0 , 0 , 0.15 ) ; -moz- border-radius : 0 ; -webkit- border-radius : 0 ; -o- border-radius : 0 ; -ms- border-radius : 0 ; -khtml- border-radius : 0 ; border-radius : 0 ; }
2012-02-23 22:43:37 +01:00
. cms . cms-content-fields { /* always show a y scroll bar as popups like TreeDropdowns can trigger longer pages and the extra scroll bar doesn't fire our sizing bar */ overflow-y : auto ; overflow-x : auto ; background : none ; width : 100 % ; }
2012-03-08 00:46:13 +01:00
. cms . cms-content-fields . aligned_right_label { margin-left : 184 px ; padding : 8 px 0 ; }
2011-07-06 15:21:46 +02:00
2012-03-04 21:57:05 +01:00
/** -------------------------------------------- "Settings" Form -------------------------------------------- */
# CanViewType . optionset li , # CanEditType . optionset li , # CanCreateTopLevelType . optionset li { float : none ; width : auto ; }
2012-03-04 22:07:36 +01:00
# ViewerGroups select , # EditorGroups select , # CreateTopLevelGroups select { width : 512 px ; }
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Panels -------------------------------------------- */
2011-05-13 03:30:49 +02:00
. cms-panel { overflow : hidden ; }
2011-10-29 02:01:06 +02:00
. cms-panel . cms-panel-toggle { -moz- box-shadow : 0 0 5 px rgba ( 107 , 120 , 123 , 0.5 ) ; -webkit- box-shadow : 0 0 5 px rgba ( 107 , 120 , 123 , 0.5 ) ; -o- box-shadow : 0 0 5 px rgba ( 107 , 120 , 123 , 0.5 ) ; box-shadow : 0 0 5 px rgba ( 107 , 120 , 123 , 0.5 ) ; }
. cms-panel . cms-panel-toggle a { display : block ; text-align : right ; padding : 4 px 0 ; width : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #b0bec7 ) , color-stop ( 100 % , #92a5b2 ) ) ; background-image : -webkit- linear-gradient ( #b0bec7 , #92a5b2 ) ; background-image : -moz- linear-gradient ( #b0bec7 , #92a5b2 ) ; background-image : -o- linear-gradient ( #b0bec7 , #92a5b2 ) ; background-image : -ms- linear-gradient ( #b0bec7 , #92a5b2 ) ; background-image : linear-gradient ( #b0bec7 , #92a5b2 ) ; text-decoration : none ; }
. cms-panel . cms-panel-toggle a span { display : inline-block ; margin : 0 5 px ; color : #1f1f1f ; font-size : 16 px ; }
2011-10-30 14:34:35 +01:00
. cms-panel . cms-panel-toggle a . toggle-expand { width : 40 px ; }
2012-02-15 14:18:13 +01:00
. cms-panel . collapsed { cursor : pointer ; }
. cms-panel . collapsed . cms-panel-header * { display : none ; }
2011-05-13 03:30:49 +02:00
. cms-panel . collapsed . cms-panel-content { display : none ; }
2012-02-15 14:18:13 +01:00
. cms-panel . cms-panel-header { width : 100 % ; }
2012-02-17 05:00:29 +01:00
. cms-panel # cms-content-tools-CMSPageEditController . cms-panel-content-collapsed { width : 40 px ; display : none ; }
. cms-panel # cms-content-tools-CMSPageEditController . cms-panel-content-collapsed h2 , . cms-panel # cms-content-tools-CMSPageEditController . cms-panel-content-collapsed h3 { border-bottom : 0 ; margin-left : 8 px ; -moz- transform-origin : bottom right ; -webkit- transform-origin : bottom right ; -o- transform-origin : bottom right ; -ms- transform-origin : bottom right ; transform-origin : bottom right ; -moz- transform : rotate ( 270 deg ) ; -webkit- transform : rotate ( 270 deg ) ; -o- transform : rotate ( 270 deg ) ; -ms- transform : rotate ( 270 deg ) ; transform : rotate ( 270 deg ) ; }
. cms-panel # cms-content-tools-CMSPageEditController . cms-panel-content-collapsed . cms-panel-header { width : 600 px ; position : relative ; top : 24 px ; right : 577 px ; text-align : right ; }
2012-02-16 11:45:07 +01:00
. cms-panel . cms-panel-content-collapsed { width : 40 px ; display : none ; }
2012-02-17 05:00:29 +01:00
. cms-panel . cms-panel-content-collapsed h2 , . cms-panel . cms-panel-content-collapsed h3 { border-bottom : 0 ; margin-left : 8 px ; -moz- transform-origin : bottom right ; -webkit- transform-origin : bottom right ; -o- transform-origin : bottom right ; -ms- transform-origin : bottom right ; transform-origin : bottom right ; -moz- transform : rotate ( 270 deg ) ; -webkit- transform : rotate ( 270 deg ) ; -o- transform : rotate ( 270 deg ) ; -ms- transform : rotate ( 270 deg ) ; transform : rotate ( 270 deg ) ; }
. cms-panel . cms-panel-content-collapsed . cms-panel-header { width : 600 px ; position : relative ; right : 577 px ; text-align : right ; }
2011-10-10 02:24:27 +02:00
. cms-panel . child-flyout-indicator { width : 0 ; height : 0 ; border-right : 3 px dashed #1f1f1f ; border-top : 3 px solid transparent ; border-left : 3 px solid transparent ; border-bottom : 3 px dashed #1f1f1f ; position : absolute ; right : 1 px ; margin-top : -8 px ; display : none ; /* To be shown by javascript, see LeftAndMain.Panel.js */ }
2011-10-07 06:48:53 +02:00
. cms-panel . collapsed-flyout { display : block !important ; left : 41 px ; margin-top : -40 px ; position : fixed ; width : 191 px ; }
. cms-panel . collapsed-flyout li a span { display : block !important ; }
2011-05-13 03:30:49 +02:00
2012-03-07 16:20:46 +01:00
. cms . cms-panel-padded { width : 176 px ; padding : 16 px 16 px ; overflow-x : hidden ; overflow-y : auto ; }
2011-12-20 16:09:55 +01:00
2011-09-29 05:25:31 +02:00
/ * * ------------------------------------------------------------------
2012-01-03 17:38:11 +01:00
* Dialog
*
* Contained in a jQuery UI dialog ( '.ui-dialog' ) , with either inline
* markup ( for the "insert" dialogs ) , or an iframe ( for member profile ) .
2011-09-29 05:25:31 +02:00
* ----------------------------------------------------------------- * /
2011-09-29 06:09:36 +02:00
. cms . ui-widget-overlay-light { background : #aaaaaa url ( ../../thirdparty/jquery-ui-themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png ) 50 % 50 % repeat-x ; opacity : 0.3 ; }
2011-09-29 05:25:31 +02:00
. cms . ui-widget-overlay { background-color : #000 ; background-image : none ; }
2012-01-03 17:38:11 +01:00
. ui-dialog { background : url ( "../images/textures/bg_cms_main_content.png" ) repeat left top #f0f3f4 ; border : 3 px solid #000 !important ; border-radius : 8 px ; overflow : visible ; padding : 0 ; }
2012-02-08 15:34:06 +01:00
. ui-dialog . ui-dialog-titlebar . ui-widget-header { font-size : 14 px ; background-color : #92a5b2 ; padding : 4 px 4 px 4 px 16 px ; border-bottom : 2 px solid #8399a7 ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ced7dc ) , color-stop ( 100 % , #92a5b2 ) ) ; background-image : -webkit- linear-gradient ( #ced7dc , #92a5b2 ) ; background-image : -moz- linear-gradient ( #ced7dc , #92a5b2 ) ; background-image : -o- linear-gradient ( #ced7dc , #92a5b2 ) ; background-image : -ms- linear-gradient ( #ced7dc , #92a5b2 ) ; background-image : linear-gradient ( #ced7dc , #92a5b2 ) ; }
2012-02-13 18:14:29 +01:00
. ui-dialog . loading { background-image : url ( ../images/spinner.gif ) ; background-position : 50 % 50 % ; background-repeat : no-repeat ; }
2011-09-29 05:25:31 +02:00
2012-01-03 17:38:11 +01:00
body . cms-dialog { overflow : auto ; background : url ( "../images/textures/bg_cms_main_content.png" ) repeat left top #f0f3f4 ; }
. cms-dialog-content { background : url ( "../images/textures/bg_cms_main_content.png" ) repeat left top #f0f3f4 ; padding-bottom : 8 px ; }
. cms-dialog-content . Actions { overflow : auto ; margin : 8 px 0 ; padding-bottom : 8 px ; float : right ; }
. cms-dialog-content . ss-tabset { z-index : 60 ; -moz- border-radius : none ; -webkit- border-radius : none ; -o- border-radius : none ; -ms- border-radius : none ; -khtml- border-radius : none ; border-radius : none ; }
. cms-dialog-content . ss-tabset . tab { background : none ; overflow-y : auto ; }
. cms-dialog-content . ss-tabset . ui-tabs { background : none ; }
. cms-dialog-content . ss-tabset . ui-tabs . ui-tabs-nav { padding : 8 px 0 0 0 ; border : none ; }
. cms-dialog-content . ss-tabset . ui-tabs . ui-tabs-nav li { font-weight : bold ; line-height : 16 px ; padding : 11 px 12 px 9 px ; border-bottom : 2 px solid #B3B3B3 ; }
. cms-dialog-content . ss-tabset . ui-tabs . ui-tabs-nav li . ui-tabs-selected { margin-bottom : -1 px ; }
. cms-dialog-content . ss-tabset . ui-tabs . ui-tabs-nav li : first-child { margin-left : 15 px ; }
. cms-dialog-content . ss-tabset . ui-tabs . ui-tabs-panel { border : 1 px solid #AAAAAA ; background : url ( "../images/textures/bg_cms_main_content.png" ) repeat left top #f0f3f4 ; }
. cms-dialog-content . clear { clear : both ; }
2012-01-03 22:30:24 +01:00
/** -------------------------------------------- "Insert X" forms -------------------------------------------- */
. htmleditorfield-linkform . step2 { margin-bottom : 16 px ; }
2012-02-09 17:17:39 +01:00
. htmleditorfield-mediaform . ss-gridfield tbody td : first-child img { max-height : 30 px ; }
. htmleditorfield-mediaform . ss-htmleditorfield-file { border : 1 px solid #b3b3b3 ; -moz- border-radius : 5 px ; -webkit- border-radius : 5 px ; -o- border-radius : 5 px ; -ms- border-radius : 5 px ; -khtml- border-radius : 5 px ; border-radius : 5 px ; -moz- background-clip : padding ; -webkit- background-clip : padding ; -o- background-clip : padding-box ; -ms- background-clip : padding-box ; -khtml- background-clip : padding-box ; background-clip : padding-box ; background : #E2E2E2 ; margin-bottom : 16 px ; }
. htmleditorfield-mediaform . ss-htmleditorfield-file . loading { width : 100 % ; height : 100 px ; background-image : url ( ../images/spinner.gif ) ; background-position : 50 % 50 % ; background-repeat : no-repeat ; }
. htmleditorfield-mediaform . ss-htmleditorfield-file . overview { background-color : #5db4df ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #5db4df ) , color-stop ( 8 % , #5db1dd ) , color-stop ( 50 % , #439bcb ) , color-stop ( 54 % , #3f99cd ) , color-stop ( 96 % , #207db6 ) , color-stop ( 100 % , #1e7cba ) ) ; background-image : -webkit- linear-gradient ( top , #5db4df 0 % , #5db1dd 8 % , #439bcb 50 % , #3f99cd 54 % , #207db6 96 % , #1e7cba 100 % ) ; background-image : -moz- linear-gradient ( top , #5db4df 0 % , #5db1dd 8 % , #439bcb 50 % , #3f99cd 54 % , #207db6 96 % , #1e7cba 100 % ) ; background-image : -o- linear-gradient ( top , #5db4df 0 % , #5db1dd 8 % , #439bcb 50 % , #3f99cd 54 % , #207db6 96 % , #1e7cba 100 % ) ; background-image : -ms- linear-gradient ( top , #5db4df 0 % , #5db1dd 8 % , #439bcb 50 % , #3f99cd 54 % , #207db6 96 % , #1e7cba 100 % ) ; background-image : linear-gradient ( top , #5db4df 0 % , #5db1dd 8 % , #439bcb 50 % , #3f99cd 54 % , #207db6 96 % , #1e7cba 100 % ) ; }
. htmleditorfield-mediaform . ss-htmleditorfield-file . overview . thumbnail { display : inline-block ; vertical-align : middle ; padding : 4 px ; }
. htmleditorfield-mediaform . ss-htmleditorfield-file . overview . thumbnail img { max-height : 24 px ; }
. htmleditorfield-mediaform . ss-htmleditorfield-file . overview . title { display : inline-block ; vertical-align : middle ; background : #fff ; border : 1 px solid #b3b3b3 ; -moz- border-radius : 5 px ; -webkit- border-radius : 5 px ; -o- border-radius : 5 px ; -ms- border-radius : 5 px ; -khtml- border-radius : 5 px ; border-radius : 5 px ; margin-left : 16 px ; padding : 4 px ; }
. htmleditorfield-mediaform . ss-htmleditorfield-file . overview . action-delete { display : inline-block ; }
. htmleditorfield-mediaform . ss-htmleditorfield-file . details { padding : 16 px ; }
2012-01-03 22:30:24 +01:00
/** -------------------------------------------- Step labels -------------------------------------------- */
2012-01-03 22:17:28 +01:00
. step-label > * { display : inline-block ; vertical-align : top ; }
. step-label . flyout { height : 18 px ; font-size : 14 px ; font-weight : bold ; -moz- border-radius-topleft : 3 px ; -webkit- border-top-left-radius : 3 px ; -o- border-top-left-radius : 3 px ; -ms- border-top-left-radius : 3 px ; -khtml- border-top-left-radius : 3 px ; border-top-left-radius : 3 px ; -moz- border-radius-bottomleft : 3 px ; -webkit- border-bottom-left-radius : 3 px ; -o- border-bottom-left-radius : 3 px ; -ms- border-bottom-left-radius : 3 px ; -khtml- border-bottom-left-radius : 3 px ; border-bottom-left-radius : 3 px ; background-color : #667980 ; padding : 4 px 3 px 4 px 6 px ; text-align : center ; text-shadow : none ; color : #fff ; }
2012-02-24 00:32:30 +01:00
. step-label . arrow { height : 26 px ; width : 10 px ; background : url ( '../images/sprites-32x32-sa4e142f7f0.png' ) 0 -759 px no-repeat ; margin-right : 4 px ; }
2012-01-03 22:17:28 +01:00
. step-label . title { height : 18 px ; padding : 4 px ; }
2011-12-17 00:51:32 +01:00
2012-02-23 22:43:37 +01:00
/** -------------------------------------------- Item Edit Form -------------------------------------------- */
2012-02-28 18:07:55 +01:00
. cms-file-info { overflow : auto ; border-bottom : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; -moz- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; -webkit- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; -o- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; margin-bottom : 8 px ; }
. cms-file-info . cms-file-info-preview { float : left ; width : 176 px ; margin-right : 8 px ; }
. cms-file-info . cms-file-info-preview img { max-width : 176 px ; }
. cms-file-info . cms-file-info-data { float : left ; }
. cms-file-info . cms-file-info-data . field { margin-bottom : 0 ; padding-bottom : 8 px ; border : none ; box-shadow : none ; }
. cms-file-info . cms-file-info-data . field label , . cms-file-info . cms-file-info-data . field span { padding : 0 ; }
2012-02-23 22:43:37 +01:00
2012-03-01 11:57:35 +01:00
form . small . cms-file-info-preview { width : 112 px ; }
form . small . cms-file-info-preview img { max-width : 112 px ; }
form . small . cms-file-info-data { max-width : 350 px ; }
form . small . cms-file-info-data . field { padding-bottom : 0 ; }
form . small . cms-file-info-data . field label { width : 112 px ; }
form . small . cms-file-info-data . field . middleColumn { margin-left : 120 px ; }
2012-03-06 03:55:26 +01:00
/** -------------------------------------------- Users Members Admin -------------------------------------------- */
2012-03-08 04:28:45 +01:00
. members_grid span button # action_gridfield_relationfind { display : none ; }
2012-03-06 03:55:26 +01:00
. members_grid p button # action_export { margin-top : 16 px ; }
2012-03-07 03:33:15 +01:00
. members_grid p button # action_export span . btn-icon-download-csv { height : 17 px ; }
2012-03-06 03:55:26 +01:00
. members_grid p button # action_export span . ui-button-text { padding-left : 27 px ; }
2011-10-29 02:01:06 +02:00
/** This file defines the jstree base styling (see http://jstree.com), as well as any customizations (see bottom of file). The styles are usually added through jstree.js on DOM load, but we need it earlier in order to correctly display the uninitialized tree. */
2012-02-17 05:00:29 +01:00
. cms . jstree ul , . TreeDropdownField . treedropdownfield-panel . jstree ul { display : block ; margin : 0 ; padding : 0 ; background : none ; list-style-type : none ; }
. cms . jstree li , . TreeDropdownField . treedropdownfield-panel . jstree li { display : block ; margin : 0 ; padding : 0 ; list-style-type : none ; display : block ; min-height : 18 px ; line-height : 18 px ; white-space : nowrap ; margin-left : 18 px ; min-width : 18 px ; }
. cms . jstree ins , . TreeDropdownField . treedropdownfield-panel . jstree ins { display : inline-block ; text-decoration : none ; width : 18 px ; height : 18 px ; margin : 0 0 0 0 ; padding : 0 ; float : left ; }
. cms . jstree a , . TreeDropdownField . treedropdownfield-panel . jstree a { display : inline-block ; line-height : 16 px ; height : 16 px ; color : black ; white-space : nowrap ; text-decoration : none ; padding : 1 px 2 px ; margin : 0 ; border : 1 px solid #fff ; }
. cms . jstree a : focus , . cms . jstree a : active , . cms . jstree a : hover , . TreeDropdownField . treedropdownfield-panel . jstree a : focus , . TreeDropdownField . treedropdownfield-panel . jstree a : active , . TreeDropdownField . treedropdownfield-panel . jstree a : hover { outline : none ; text-decoration : none ; cursor : pointer ; text-shadow : none ; }
. cms . jstree a > ins , . TreeDropdownField . treedropdownfield-panel . jstree a > ins { height : 16 px ; width : 16 px ; }
. cms . jstree a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . jstree a > . jstree-icon { margin-right : 3 px ; }
. cms . jstree li . jstree-open > ul , . TreeDropdownField . treedropdownfield-panel . jstree li . jstree-open > ul { display : block ; }
. cms . jstree li . jstree-closed > ul , . TreeDropdownField . treedropdownfield-panel . jstree li . jstree-closed > ul { display : none ; }
. cms . jstree li . disabled a , . TreeDropdownField . treedropdownfield-panel . jstree li . disabled a { color : #aaaaaa ; }
. cms . jstree-rtl a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . jstree-rtl a > . jstree-icon { margin-left : 3 px ; margin-right : 0 ; }
. cms . jstree-rtl li , . TreeDropdownField . treedropdownfield-panel . jstree-rtl li { margin-left : 0 ; margin-right : 18 px ; }
. cms . jstree-rtl > ul > li , . TreeDropdownField . treedropdownfield-panel . jstree-rtl > ul > li { margin-right : 0 px ; }
. cms . jstree > ul > li , . TreeDropdownField . treedropdownfield-panel . jstree > ul > li { margin-left : 0 px ; }
. cms # vakata-dragged , . TreeDropdownField . treedropdownfield-panel # vakata-dragged { display : block ; margin : 0 0 0 0 ; padding : 4 px 4 px 4 px 24 px ; position : absolute ; top : -2000 px ; line-height : 16 px ; z-index : 10000 ; }
. cms # vakata-contextmenu , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu { display : block ; visibility : hidden ; left : 0 ; top : -200 px ; position : absolute ; margin : 0 ; padding : 0 ; min-width : 180 px ; background : #ebebeb ; border : 1 px solid silver ; z-index : 10000 ; * width : 180 px ; }
. cms # vakata-contextmenu ul , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu ul { min-width : 180 px ; * width : 180 px ; }
. cms # vakata-contextmenu ul , . cms # vakata-contextmenu li , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu ul , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li { margin : 0 ; padding : 0 ; list-style-type : none ; display : block ; }
. cms # vakata-contextmenu li , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li { line-height : 20 px ; min-height : 20 px ; position : relative ; padding : 0 px ; }
. cms # vakata-contextmenu li a , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li a { padding : 1 px 6 px ; line-height : 17 px ; display : block ; text-decoration : none ; margin : 1 px 1 px 0 1 px ; }
. cms # vakata-contextmenu li ins , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li ins { float : left ; width : 16 px ; height : 16 px ; text-decoration : none ; margin-right : 2 px ; }
. cms # vakata-contextmenu li a : hover , . cms # vakata-contextmenu li . vakata-hover > a , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li a : hover , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li . vakata-hover > a { background : gray ; color : white ; }
. cms # vakata-contextmenu li ul , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li ul { display : none ; position : absolute ; top : -2 px ; left : 100 % ; background : #ebebeb ; border : 1 px solid gray ; }
. cms # vakata-contextmenu . right , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu . right { right : 100 % ; left : auto ; }
. cms # vakata-contextmenu . bottom , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu . bottom { bottom : -1 px ; top : auto ; }
. cms # vakata-contextmenu li . vakata-separator , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li . vakata-separator { min-height : 0 ; height : 1 px ; line-height : 1 px ; font-size : 1 px ; overflow : hidden ; margin : 0 2 px ; background : silver ; /* border-top:1px solid #fefefe; */ padding : 0 ; }
. cms . jstree ul , . cms . jstree li , . TreeDropdownField . treedropdownfield-panel . jstree ul , . TreeDropdownField . treedropdownfield-panel . jstree li { display : block ; margin : 0 0 0 0 ; padding : 0 0 0 0 ; list-style-type : none ; }
. cms . jstree li , . TreeDropdownField . treedropdownfield-panel . jstree li { display : block ; min-height : 18 px ; line-height : 18 px ; white-space : nowrap ; margin-left : 18 px ; min-width : 18 px ; }
. cms . jstree-rtl li , . TreeDropdownField . treedropdownfield-panel . jstree-rtl li { margin-left : 0 ; margin-right : 18 px ; }
. cms . jstree > ul > li , . TreeDropdownField . treedropdownfield-panel . jstree > ul > li { margin-left : 0 px ; }
. cms . jstree-rtl > ul > li , . TreeDropdownField . treedropdownfield-panel . jstree-rtl > ul > li { margin-right : 0 px ; }
. cms . jstree ins , . TreeDropdownField . treedropdownfield-panel . jstree ins { display : inline-block ; text-decoration : none ; width : 18 px ; height : 18 px ; margin : 0 0 0 0 ; padding : 0 ; }
. cms . jstree a , . TreeDropdownField . treedropdownfield-panel . jstree a { display : inline-block ; line-height : 16 px ; height : 16 px ; color : black ; white-space : nowrap ; text-decoration : none ; padding : 1 px 2 px ; margin : 0 ; }
. cms . jstree a : focus , . TreeDropdownField . treedropdownfield-panel . jstree a : focus { outline : none ; }
. cms . jstree a > ins , . TreeDropdownField . treedropdownfield-panel . jstree a > ins { height : 16 px ; width : 16 px ; }
. cms . jstree a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . jstree a > . jstree-icon { margin-right : 3 px ; }
. cms . jstree-rtl a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . jstree-rtl a > . jstree-icon { margin-left : 3 px ; margin-right : 0 ; }
. cms li . jstree-open > ul , . TreeDropdownField . treedropdownfield-panel li . jstree-open > ul { display : block ; margin-left : -13 px ; }
. cms li . jstree-open > ul li ul , . TreeDropdownField . treedropdownfield-panel li . jstree-open > ul li ul { margin-left : 2 px ; }
. cms li . jstree-closed > ul , . TreeDropdownField . treedropdownfield-panel li . jstree-closed > ul { display : none ; }
. cms # vakata-dragged ins , . TreeDropdownField . treedropdownfield-panel # vakata-dragged ins { display : block ; text-decoration : none ; width : 16 px ; height : 16 px ; margin : 0 0 0 0 ; padding : 0 ; position : absolute ; top : 4 px ; left : 4 px ; -moz- border-radius : 4 px ; border-radius : 4 px ; -webkit- border-radius : 4 px ; }
. cms # vakata-dragged . jstree-ok , . TreeDropdownField . treedropdownfield-panel # vakata-dragged . jstree-ok { background : green ; }
. cms # vakata-dragged . jstree-invalid , . TreeDropdownField . treedropdownfield-panel # vakata-dragged . jstree-invalid { background : red ; }
. cms # jstree-marker , . TreeDropdownField . treedropdownfield-panel # jstree-marker { padding : 0 ; margin : 0 ; font-size : 12 px ; overflow : hidden ; height : 12 px ; width : 8 px ; position : absolute ; top : -30 px ; z-index : 10001 ; background-repeat : no-repeat ; display : none ; background-color : transparent ; text-shadow : 1 px 1 px 1 px white ; color : black ; line-height : 10 px ; }
. cms # jstree-marker-line , . TreeDropdownField . treedropdownfield-panel # jstree-marker-line { padding : 0 ; margin : 0 ; line-height : 0 % ; font-size : 1 px ; overflow : hidden ; height : 1 px ; width : 100 px ; position : absolute ; top : -30 px ; z-index : 10000 ; background-repeat : no-repeat ; display : none ; background-color : #456c43 ; cursor : pointer ; border : 1 px solid #eeeeee ; border-left : 0 ; -moz- box-shadow : 0 px 0 px 2 px #666 ; -webkit- box-shadow : 0 px 0 px 2 px #666 ; box-shadow : 0 px 0 px 2 px #666 ; -moz- border-radius : 1 px ; border-radius : 1 px ; -webkit- border-radius : 1 px ; }
. cms . jstree . jstree-real-checkbox , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-real-checkbox { display : none ; }
. cms . jstree-themeroller . ui-icon , . TreeDropdownField . treedropdownfield-panel . jstree-themeroller . ui-icon { overflow : visible ; }
. cms . jstree-themeroller a , . TreeDropdownField . treedropdownfield-panel . jstree-themeroller a { padding : 0 2 px ; }
. cms . jstree-themeroller . jstree-no-icon , . TreeDropdownField . treedropdownfield-panel . jstree-themeroller . jstree-no-icon { display : none ; }
. cms . jstree . jstree-wholerow-real , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow-real { position : relative ; z-index : 1 ; }
. cms . jstree . jstree-wholerow-real li , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow-real li { cursor : pointer ; }
. cms . jstree . jstree-wholerow-real a , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow-real a { border-left-color : transparent !important ; border-right-color : transparent !important ; }
. cms . jstree . jstree-wholerow , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow { position : relative ; z-index : 0 ; height : 0 ; }
. cms . jstree . jstree-wholerow ul , . cms . jstree . jstree-wholerow li , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow ul , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow li { width : 100 % ; }
. cms . jstree . jstree-wholerow , . cms . jstree . jstree-wholerow ul , . cms . jstree . jstree-wholerow li , . cms . jstree . jstree-wholerow a , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow ul , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow li , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow a { margin : 0 !important ; padding : 0 !important ; }
. cms . jstree . jstree-wholerow , . cms . jstree . jstree-wholerow ul , . cms . jstree . jstree-wholerow li , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow ul , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow li { background : transparent !important ; }
. cms . jstree . jstree-wholerow ins , . cms . jstree . jstree-wholerow span , . cms . jstree . jstree-wholerow input , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow ins , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow span , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow input { display : none !important ; }
. cms . jstree . jstree-wholerow a , . cms . jstree . jstree-wholerow a : hover , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow a , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow a : hover { text-indent : -9999 px !important ; width : 100 % ; padding : 0 !important ; border-right-width : 0 px !important ; border-left-width : 0 px !important ; }
. cms . jstree . jstree-wholerow-span , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow-span { position : absolute ; left : 0 ; margin : 0 px ; padding : 0 ; height : 18 px ; border-width : 0 ; padding : 0 ; z-index : 0 ; }
. cms . jstree-apple . jstree-focused , . TreeDropdownField . treedropdownfield-panel . jstree-apple . jstree-focused { background : none ; }
. cms . jstree-apple . jstree-focused . jstree-apple > ul , . TreeDropdownField . treedropdownfield-panel . jstree-apple . jstree-focused . jstree-apple > ul { background : none ; }
. cms . jstree li , . TreeDropdownField . treedropdownfield-panel . jstree li { line-height : 25 px ; }
2012-03-08 01:27:04 +01:00
. cms a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel a > . jstree-icon { display : none ; }
. cms . draggable a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . draggable a > . jstree-icon { display : block ; }
2012-01-03 17:38:11 +01:00
2012-02-07 23:24:42 +01:00
. jstree-apple li , . jstree-apple . jstree-apple ins { background : none ; }
. jstree-apple . jstree-unchecked > a > . jstree-checkbox { margin-right : 3 px ; }
. jstree-apple . jstree-checked > a > . jstree-checkbox { margin-right : 3 px ; }
. jstree-apple . jstree-undetermined > a > . jstree-checkbox { margin-right : 3 px ; }
2012-02-17 05:00:29 +01:00
. tree-holder . jstree-apple , . cms-tree . jstree-apple { /* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */ }
. tree-holder . jstree-apple li . Root strong , . cms-tree . jstree-apple li . Root strong { font-weight : bold ; padding-left : 1 px ; }
. tree-holder . jstree-apple li . Root > a . jstree-icon , . cms-tree . jstree-apple li . Root > a . jstree-icon { background-position : -56 px -36 px ; }
. tree-holder . jstree-apple a , . tree-holder . jstree-apple a : link , . cms-tree . jstree-apple a , . cms-tree . jstree-apple a : link { color : #1556b2 ; padding : 3 px 6 px 3 px 3 px ; border : none ; display : inline-block ; margin-right : 5 px ; }
. tree-holder . jstree-apple span . badge , . cms-tree . jstree-apple span . badge { clear : both ; text-transform : uppercase ; display : inline-block ; padding : 0 px 3 px ; font-size : 0.75 em ; line-height : 1 em ; margin-left : 3 px ; margin-right : 6 px ; margin-top : -1 px ; -webkit- border-radius : 2 px 2 px ; -moz- border-radius : 2 px / 2 px ; -o- border-radius : 2 px / 2 px ; -ms- border-radius : 2 px / 2 px ; -khtml- border-radius : 2 px / 2 px ; border-radius : 2 px / 2 px ; }
. tree-holder . jstree-apple span . badge . modified , . cms-tree . jstree-apple span . badge . modified { color : #7E7470 ; border : 1 px solid #C9B800 ; background-color : #FFF0BC ; }
. tree-holder . jstree-apple span . badge . addedtodraft , . cms-tree . jstree-apple span . badge . addedtodraft { color : #7E7470 ; border : 1 px solid #C9B800 ; background-color : #FFF0BC ; }
. tree-holder . jstree-apple span . badge . deletedonlive , . cms-tree . jstree-apple span . badge . deletedonlive { color : #636363 ; border : 1 px solid #E49393 ; background-color : #F2DADB ; }
. tree-holder . jstree-apple span . badge . removedfromdraft , . cms-tree . jstree-apple span . badge . removedfromdraft { color : #636363 ; border : 1 px solid #E49393 ; background-color : #F2DADB ; }
. tree-holder . jstree-apple span . badge . workflow-approval , . cms-tree . jstree-apple span . badge . workflow-approval { color : #56660C ; border : 1 px solid #7C8816 ; background-color : #DAE79A ; }
. tree-holder . jstree-apple span . comment-count , . cms-tree . jstree-apple span . comment-count { clear : both ; position : relative ; text-transform : uppercase ; display : inline-block ; overflow : visible ; padding : 0 px 3 px ; font-size : 0.75 em ; line-height : 1 em ; margin-left : 3 px ; margin-right : 6 px ; -webkit- border-radius : 2 px 2 px ; -moz- border-radius : 2 px / 2 px ; -o- border-radius : 2 px / 2 px ; -ms- border-radius : 2 px / 2 px ; -khtml- border-radius : 2 px / 2 px ; border-radius : 2 px / 2 px ; color : #7E7470 ; border : 1 px solid #C9B800 ; background-color : #FFF0BC ; }
. tree-holder . jstree-apple span . comment-count : before , . cms-tree . jstree-apple span . comment-count : before { content : "" ; position : absolute ; bottom : -4 px ; /* value = - border-top-width - border-bottom-width */ left : 3 px ; /* controls horizontal position */ border-width : 4 px 4 px 0 ; border-style : solid ; border-color : #C9B800 transparent ; /* reduce the damage in FF3.0 */ display : block ; width : 0 ; }
. tree-holder . jstree-apple span . comment-count : after , . cms-tree . jstree-apple span . comment-count : after { content : "" ; position : absolute ; bottom : -3 px ; /* value = - border-top-width - border-bottom-width */ left : 4 px ; /* value = (:before left) + (:before border-left) - (:after border-left) */ border-width : 3 px 3 px 0 ; border-style : solid ; border-color : #FFF0BC transparent ; /* reduce the damage in FF3.0 */ display : block ; width : 0 ; }
. tree-holder . jstree-apple . jstree-hovered , . cms-tree . jstree-apple . jstree-hovered { text-shadow : none ; text-decoration : none ; }
. tree-holder . jstree-apple li , . cms-tree . jstree-apple li { padding : 0 px ; clear : left ; }
. tree-holder . jstree-apple ins , . cms-tree . jstree-apple ins { background-color : transparent ; background-image : url ( ../images/sitetree_ss_default_icons.png ) ; }
2012-03-06 20:16:24 +01:00
. tree-holder . jstree-apple li . jstree-checked > a , . tree-holder . jstree-apple li . jstree-checked > a : link , . cms-tree . jstree-apple li . jstree-checked > a , . cms-tree . jstree-apple li . jstree-checked > a : link { background-color : #efe999 ; }
2012-02-17 05:00:29 +01:00
. tree-holder . jstree-apple . jstree-closed > ins , . cms-tree . jstree-apple . jstree-closed > ins { background-position : 0 0 ; }
. tree-holder . jstree-apple . jstree-open > ins , . cms-tree . jstree-apple . jstree-open > ins { background-position : -20 px 0 ; }
2011-10-29 02:01:06 +02:00
a . jstree-pageicon { display : block ; float : left ; width : 16 px ; height : 16 px ; margin-right : 4 px ; background-color : transparent ; background-image : url ( ../images/sitetree_ss_pageclass_icons_default.png ) ; background-repeat : no-repeat ; }
li . class-HomePage > a . jstree-pageicon { background-position : 0 -48 px ; }
li . class-RedirectorPage > a . jstree-pageicon { background-position : 0 -16 px ; }
li . class-VirtualPage > a . jstree-pageicon { background-position : 0 -32 px ; }
li . class-ErrorPage > a . jstree-pageicon { background-position : 0 -112 px ; }
2011-12-14 16:54:52 +01:00
. cms-tree { visibility : hidden ; }
2012-03-08 01:27:04 +01:00
. cms-tree . multiple li > a > . jstree-icon { display : none ; }
. cms-tree . multiple li # record-0 > a . jstree-checkbox { display : none ; }
2011-12-14 16:54:52 +01:00
2011-10-29 02:01:06 +02:00
/** Styles for the left hand side menu and header for the admin panels. Take into consideration CSS selector performance. @package sapphire @subpackage admin */
. cms-logo-header { background-color : #00111d ; position : relative ; padding : 16 px 8 px 0 4 px ; line-height : 24 px ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #00111d ) , color-stop ( 50 % , #003050 ) , color-stop ( 100 % , #00111d ) ) ; background-image : -webkit- linear-gradient ( #00111d , #003050 , #00111d ) ; background-image : -moz- linear-gradient ( #00111d , #003050 , #00111d ) ; background-image : -o- linear-gradient ( #00111d , #003050 , #00111d ) ; background-image : -ms- linear-gradient ( #00111d , #003050 , #00111d ) ; background-image : linear-gradient ( #00111d , #003050 , #00111d ) ; }
. cms-logo-header span { color : white ; white-space : nowrap ; text-overflow : ellipsis ; display : block ; }
. cms-logo-header span a { color : #3ebae0 ; display : inline ; }
. cms-logo { border-bottom : 1 px solid #03090c ; height : 31 px ; overflow : hidden ; padding : 0 0 0 4 px ; vertical-align : middle ; font-size : 12 px ; }
. cms-logo . version { display : none ; }
2012-02-13 18:14:29 +01:00
. cms-logo a { display : inline-block ; height : 24 px ; width : 24 px ; float : left ; margin-right : 8 px ; background : url ( "../images/logo_small.png" ) no-repeat ; text-indent : -9999 em ; padding-right : 7 px ; border-right : 1 px solid #19435c ; }
2012-02-17 05:00:29 +01:00
. cms-logo span { font-weight : bold ; font-size : 14 px ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; o-text-overflow : ellipsis ; padding-top : 1 px ; }
2011-10-29 02:01:06 +02:00
. cms-login-status { border-top : 1 px solid #19435c ; height : 24 px ; padding : 7 px 4 px 0 4 px ; overflow : hidden ; line-height : 16 px ; font-size : 11 px ; }
2012-02-24 00:32:30 +01:00
. cms-login-status . logout-link { display : inline-block ; height : 16 px ; width : 16 px ; float : left ; margin : 0 8 px 0 3 px ; background : url ( '../images/sprites-32x32-sa4e142f7f0.png' ) 0 -669 px no-repeat ; text-indent : -9999 em ; }
2011-10-29 02:01:06 +02:00
. cms-menu { z-index : 80 ; background : #c6d7df ; border-right : 1 px solid #8c99a1 ; width : 191 px ; /* 8x24 - 1 */ -moz- box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 8 px ; -webkit- box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 8 px ; -o- box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 8 px ; box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 8 px ; }
. cms-menu a { text-decoration : none ; }
2011-10-29 11:19:12 +02:00
. cms-menu . cms-panel-content { width : 191 px ; /* 8x24 - 1 */ overflow-x : hidden ; overflow-y : auto ; }
2011-10-29 02:01:06 +02:00
. cms-menu . collapsed { width : 40 px ; cursor : auto ; z-index : 1000 ; }
. cms-menu . collapsed . cms-panel-header { width : 30 px ; }
. cms-menu . collapsed . cms-panel-header span { display : none ; }
. cms-menu . collapsed . cms-menu-list { overflow-x : hidden ; overflow-y : auto ; }
. cms-menu . collapsed . cms-menu-list li span . text { display : none ; }
. cms-menu . collapsed . cms-menu-list li ul { display : none ; }
. cms-menu . collapsed . cms-panel . cms-panel-content { display : block ; }
. cms-menu-list li { /* Style applied to the menu flyout only when the collapsed setting */ }
2012-02-17 05:00:29 +01:00
. cms-menu-list li a { display : block ; height : 24 px ; line-height : 24 px ; font-size : 12 px ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; text-shadow : #bfcad2 1 px 1 px 0 ; color : #1f1f1f ; padding : 7 px 5 px 7 px 8 px ; background-color : #8ca1ae ; cursor : pointer ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #b0bec7 ) , color-stop ( 100 % , #8ca1ae ) ) ; background-image : -webkit- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -moz- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -o- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -ms- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : linear-gradient ( #b0bec7 , #8ca1ae ) ; border-top : 1 px solid #ced7dc ; border-bottom : 1 px solid #748d9d ; }
2011-10-29 02:01:06 +02:00
. cms-menu-list li a : hover { text-decoration : none ; background-color : #b6c3cb ; border-bottom : 1 px solid #8399a7 ; color : #2c2c2c ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #bfcad2 ) , color-stop ( 100 % , #b0bec7 ) ) ; background-image : -webkit- linear-gradient ( #bfcad2 , #b0bec7 ) ; background-image : -moz- linear-gradient ( #bfcad2 , #b0bec7 ) ; background-image : -o- linear-gradient ( #bfcad2 , #b0bec7 ) ; background-image : -ms- linear-gradient ( #bfcad2 , #b0bec7 ) ; background-image : linear-gradient ( #bfcad2 , #b0bec7 ) ; }
. cms-menu-list li a : focus , . cms-menu-list li a : active { border-top : 1 px solid #a1b2bc ; text-decoration : none ; background-color : #a1b2bc ; color : #393939 ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #92a5b2 ) , color-stop ( 100 % , #a1b2bc ) ) ; background-image : -webkit- linear-gradient ( #92a5b2 , #a1b2bc ) ; background-image : -moz- linear-gradient ( #92a5b2 , #a1b2bc ) ; background-image : -o- linear-gradient ( #92a5b2 , #a1b2bc ) ; background-image : -ms- linear-gradient ( #92a5b2 , #a1b2bc ) ; background-image : linear-gradient ( #92a5b2 , #a1b2bc ) ; }
2012-01-05 17:03:38 +01:00
. cms-menu-list li a . icon { display : inline-block ; float : left ; margin : 4 px 10 px 0 4 px ; filter : progid : DXImageTransform . Microsoft . Alpha ( Opacity = 70 ) ; opacity : 0.7 ; }
. cms-menu-list li a . text { display : inline-block ; float : left ; }
. cms-menu-list li a . toggle-children { display : inline-block ; float : right ; width : 20 px ; height : 100 % ; cursor : pointer ; }
2012-02-24 00:32:30 +01:00
. cms-menu-list li a . toggle-children . toggle-children-icon { display : inline-block ; width : 8 px ; height : 8 px ; background : url ( '../images/sprites-32x32-sa4e142f7f0.png' ) 0 -695 px no-repeat ; vertical-align : middle ; }
. cms-menu-list li a . toggle-children . opened . toggle-children-icon { background : url ( '../images/sprites-32x32-sa4e142f7f0.png' ) 0 -711 px no-repeat ; }
2011-10-29 02:01:06 +02:00
. cms-menu-list li . current a { color : white ; text-shadow : #1e5270 0 -1 px 0 ; border-top : 1 px solid #55a4d2 ; border-bottom : 1 px solid #1e5270 ; background-color : #338dc1 ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #338dc1 ) , color-stop ( 100 % , #287099 ) ) ; background-image : -webkit- linear-gradient ( #338dc1 , #287099 ) ; background-image : -moz- linear-gradient ( #338dc1 , #287099 ) ; background-image : -o- linear-gradient ( #338dc1 , #287099 ) ; background-image : -ms- linear-gradient ( #338dc1 , #287099 ) ; background-image : linear-gradient ( #338dc1 , #287099 ) ; }
2012-02-24 00:32:30 +01:00
. cms-menu-list li . current a . toggle-children . toggle-children-icon { background : url ( '../images/sprites-32x32-sa4e142f7f0.png' ) 0 -727 px no-repeat ; }
. cms-menu-list li . current a . toggle-children . opened . toggle-children-icon { background : url ( '../images/sprites-32x32-sa4e142f7f0.png' ) 0 -743 px no-repeat ; }
2011-10-29 02:01:06 +02:00
. cms-menu-list li . current ul { border-top : none ; display : block ; }
. cms-menu-list li . current li { background-color : #287099 ; }
. cms-menu-list li . current li a { font-size : 11 px ; padding : 0 10 px 0 40 px ; height : 32 px ; line-height : 32 px ; color : #e2f0f7 ; background : none ; border-top : 1 px solid #338dc1 ; border-bottom : 1 px solid #1e5270 ; }
. cms-menu-list li . current li a . current , . cms-menu-list li . current li a : hover { background : #2e7ead ; border-top : 1 px solid #2e7ead ; color : white ; }
. cms-menu-list li . current li a : focus { background : #236184 ; border-top : 1 px solid #1e5270 ; color : white ; }
. cms-menu-list li . current li . current a { font-weight : bold ; color : white ; }
. cms-menu-list li . current li . first a { border-top : none ; }
2012-02-17 05:00:29 +01:00
. cms-menu-list li ul { display : none ; }
. cms-menu-list li ul # Menu-CMSPagesController a { background-image : none ; font-size : 11 px ; padding : 0 10 px 0 40 px ; height : 32 px ; line-height : 32 px ; }
. cms-menu-list li ul # Menu-CMSPageAddController a { background-image : none ; font-size : 11 px ; padding : 0 10 px 0 40 px ; height : 32 px ; line-height : 32 px ; }
. cms-menu-list li ul # Menu-AssetAdmin a { background-image : none ; font-size : 11 px ; padding : 0 10 px 0 40 px ; height : 32 px ; line-height : 32 px ; }
. cms-menu-list li ul # Menu-CMSFileAddController a { background-image : none ; font-size : 11 px ; padding : 0 10 px 0 40 px ; height : 32 px ; line-height : 32 px ; }
2011-10-29 02:01:06 +02:00
. cms-menu-list li ul . collapsed-flyout { display : block ; }
. cms-menu-list li ul . collapsed-flyout li a { font-size : 11 px ; padding : 0 10 px 0 40 px ; height : 32 px ; line-height : 32 px ; }
. cms-menu-list li ul . collapsed-flyout li a . current , . cms-menu-list li ul . collapsed-flyout li a : hover { font-weight : bold ; }
. cms-menu-list li ul . collapsed-flyout li . current a { font-weight : bold ; }
. cms-menu-list li ul . collapsed-flyout li . first a { border-top : 1 px solid #92a5b2 ; }
2012-01-05 17:03:38 +01:00
. cms-menu-list . collapsed li . text , . cms-menu-list . collapsed li . toggle-children { display : none ; }
2011-10-29 02:01:06 +02:00
. cms-menu-list . collapsed li > li { display : none ; }
2012-01-03 17:19:23 +01:00
/** -------------------------------------------- ModelAdmin -------------------------------------------- */
. ModelAdmin . ResultAssemblyBlock { display : none ; }
. ModelAdmin . cms-content-tools h3 . cms-panel-header { display : none ; }
. ModelAdmin . cms-content-tools # SearchForm_holder ul . ui-tabs-nav { overflow : hidden ; }
. ModelAdmin . cms-content-tools # SearchForm_holder ul . ui-tabs-nav li { max-width : 99 % ; }
. ModelAdmin . cms-content-tools # SearchForm_holder ul . ui-tabs-nav li a { white-space : nowrap ; overflow : hidden ; text-overflow : ellipsis ; max-width : 85 % ; }
. ModelAdmin . cms-content-tools # SearchForm_holder # ModelClassSelector { margin-bottom : 2 px ; }
. ModelAdmin . cms-content-tools # SearchForm_holder # ModelClassSelector select { width : 96 % ; }
. ModelAdmin . cms-content-tools # SearchForm_holder div . tab { border : 1 px solid #aaa ; margin-top : -1 px ; background : #fff ; padding : 8 px ; }
. ModelAdmin . cms-content-tools # SearchForm_holder div . tab h3 { margin-top : 16 px ; margin-bottom : 10 px ; border-bottom : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; -webkit- box-shadow : 0 1 px 0 rgba ( 228 , 230 , 230 , 0.8 ) ; -moz- box-shadow : 0 1 px 0 rgba ( 228 , 230 , 230 , 0.8 ) ; -o- box-shadow : 0 1 px 0 rgba ( 228 , 230 , 230 , 0.8 ) ; box-shadow : 0 1 px 0 rgba ( 228 , 230 , 230 , 0.8 ) ; }
. ModelAdmin . cms-content-tools # SearchForm_holder div . tab form input { margin : 0 px ; }
. ModelAdmin . cms-content-tools # SearchForm_holder div . tab form . field { border-bottom : 0 px ; margin-bottom : 6 px ; }
2012-02-08 21:41:20 +01:00
. ModelAdmin . cms-content-tools # SearchForm_holder div . tab form . Actions { max-width : 100 % ; overflow : hidden ; }
2012-01-03 17:19:23 +01:00
. ModelAdmin . cms-content-tools # SearchForm_holder div . tab form . Actions button . ss-ui-action-minor { display : none ; }
2012-01-07 18:57:14 +01:00
. SecurityAdmin . cms-edit-form . cms-content-header h2 { display : none ; }
2012-03-01 16:28:35 +01:00
. SecurityAdmin . permissioncheckboxset . optionset li , . SecurityAdmin . permissioncheckboxsetfield_readonly . optionset li { float : none ; width : auto ; }
