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. ------------------------------------------------ */
/** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both vertical and horizontal. 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 ----------------------------- */
2011-08-09 01:39:12 +02:00
/** Helper SCSS file for generating sprites for the interface. S */
. icon { text-indent : -9999 px ; border : none ; outline : none ; }
2011-12-21 19:45:20 +01:00
. icon . icon-24 { width : 24 px ; height : 24 px ; background : url ( '../images/menu_icons/24x24-s0cb1fe1c77.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 ; }
2011-12-21 19:45:20 +01:00
. icon . icon-16 { width : 16 px ; height : 16 px ; background : url ( '../images/menu_icons/16x16-s2ac647f5ef.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. */
. 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 ; }
. cms . ui-tabs . ui-tabs-panel { background : transparent ; padding : 16 px 16 px ; }
. cms . ui-widget-content , . cms . ui-widget { color : #444444 ; font-size : 12 px ; font-family : Arial , sans-serif ; border : 0 ; }
. 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 ( top , #dde3e7 , #92a5b2 ) ; background-image : -moz- linear-gradient ( top , #dde3e7 , #92a5b2 ) ; background-image : -o- linear-gradient ( top , #dde3e7 , #92a5b2 ) ; background-image : -ms- linear-gradient ( top , #dde3e7 , #92a5b2 ) ; background-image : linear-gradient ( top , #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 ; }
. 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-01-06 11:59:10 +01:00
. cms . ui-widget-header a . ui-state-hover . ui-icon-closethick { background : url ( '../images/sprites_32x32-s98eda4974b.png' ) 0 0 no-repeat ; }
. cms . ui-widget-header . ui-icon-closethick { background : url ( '../images/sprites_32x32-s98eda4974b.png' ) 0 -40 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-10-29 02:01:06 +02:00
/* CMS action button sprite mix-in (used for all the buttons in the bottom row */
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 ; }
2011-12-21 19:45:20 +01:00
. field label . left { float : left ; display : block ; width : 168 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-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 ; }
2011-12-21 19:45:20 +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 % , #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 ) ; }
. 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 ; }
. 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 ; }
. field . chzn-container-single . chzn-single { height : 30 px ; line-height : 32 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 ) ; }
. 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 ; }
2011-08-16 04:57:30 +02:00
. field . chzn-container-single . chzn-single div b { background-position : 1 px 4 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 ---------------------------------------------------- */
2011-12-20 15:56:08 +01:00
. Actions { min-height : 30 px ; }
2011-09-19 21:01:17 +02:00
. Actions > div { overflow : auto ; }
2011-12-20 15:56:08 +01:00
. cms-preview-toggle-link { display : block ; float : right ; font-size : 12 px ; text-decoration : none ; }
2011-09-19 21:01:17 +02:00
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 ; }
. cms . ss-ui-button { /* all buttons */ padding : 7 px 12 px ; font-weight : bold ; text-decoration : none ; margin : 0 ; line-height : 16 px ; color : #393939 ; background-color : #e6e6e6 ; border : 1 px solid #c0c0c2 ; border-bottom : 1 px solid #a6a6a9 ; text-shadow : white 0 1 px 1 px ; background : #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 */ /* generic action buttons */ }
. cms . ss-ui-button . ui-state-hover { border : 1 px solid #a6a6a9 ; text-shadow : white 0 1 px 1 px ; background : white ; 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 ) ; }
. cms . ss-ui-button : focus , . cms . ss-ui-button : active { border : 1 px solid white ; -moz- box-shadow : 0 3 px 3 px gray inset ; -webkit- box-shadow : 0 3 px 3 px gray inset ; -o- box-shadow : 0 3 px 3 px gray inset ; box-shadow : 0 3 px 3 px gray inset ; background : #9a9a9a ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #e6e6e6 ) , color-stop ( 100 % , #9a9a9a ) ) ; background : -webkit- linear-gradient ( #e6e6e6 , #9a9a9a ) ; background : -moz- linear-gradient ( #e6e6e6 , #9a9a9a ) ; background : -o- linear-gradient ( #e6e6e6 , #9a9a9a ) ; background : -ms- linear-gradient ( #e6e6e6 , #9a9a9a ) ; background : linear-gradient ( #e6e6e6 , #9a9a9a ) ; }
. cms . ss-ui-button . ss-ui-action-constructive { background-image : none ; padding-left : 25 px ; padding-right : 7 px ; font-weight : bold ; margin-left : 8 px ; color : white ; border-color : #78a127 ; border-bottom-color : #59781d ; background : #669933 url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #80bf40 ) , color-stop ( 100 % , #59862d ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , -webkit- linear-gradient ( #80bf40 , #59862d ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , -moz- linear-gradient ( #80bf40 , #59862d ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , -o- linear-gradient ( #80bf40 , #59862d ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , -ms- linear-gradient ( #80bf40 , #59862d ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , linear-gradient ( #80bf40 , #59862d ) ; text-shadow : #4d7326 0 1 px 1 px ; }
. cms . ss-ui-button . ss-ui-action-constructive . ui-state-hover { border-color : #59781d ; background : #80bf40 url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #8cc653 ) , color-stop ( 100 % , #669933 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , -webkit- linear-gradient ( #8cc653 , #669933 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , -moz- linear-gradient ( #8cc653 , #669933 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , -o- linear-gradient ( #8cc653 , #669933 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , -ms- linear-gradient ( #8cc653 , #669933 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px 6 px no-repeat , linear-gradient ( #8cc653 , #669933 ) ; }
. cms . ss-ui-button . ss-ui-action-constructive : active , . cms . ss-ui-button . ss-ui-action-constructive : focus { padding : 8 px 8 px 8 px 26 px ; border : none ; background : #619130 url ( '../images/btn_icons-sb7da7f8cce.png' ) 7 px 7 px no-repeat ; -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 ) ; }
. cms . ss-ui-button . cms-page-add-button { background-image : none ; padding-left : 25 px ; padding-right : 7 px ; font-weight : bold ; margin-left : 8 px ; color : white ; border-color : #78a127 ; border-bottom-color : #59781d ; background : #669933 url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #80bf40 ) , color-stop ( 100 % , #59862d ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , -webkit- linear-gradient ( #80bf40 , #59862d ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , -moz- linear-gradient ( #80bf40 , #59862d ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , -o- linear-gradient ( #80bf40 , #59862d ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , -ms- linear-gradient ( #80bf40 , #59862d ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , linear-gradient ( #80bf40 , #59862d ) ; text-shadow : #4d7326 0 1 px 1 px ; }
. cms . ss-ui-button . cms-page-add-button . ui-state-hover { border-color : #59781d ; background : #80bf40 url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #8cc653 ) , color-stop ( 100 % , #669933 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , -webkit- linear-gradient ( #8cc653 , #669933 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , -moz- linear-gradient ( #8cc653 , #669933 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , -o- linear-gradient ( #8cc653 , #669933 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , -ms- linear-gradient ( #8cc653 , #669933 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 6 px -48 px no-repeat , linear-gradient ( #8cc653 , #669933 ) ; }
. cms . ss-ui-button . cms-page-add-button : active , . cms . ss-ui-button . cms-page-add-button : focus { padding : 8 px 8 px 8 px 26 px ; border : none ; background : #619130 url ( '../images/btn_icons-sb7da7f8cce.png' ) 7 px -47 px no-repeat ; -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 ) ; }
. cms . ss-ui-button . ss-ui-action-destructive { color : red ; background-color : #e6e6e6 ; }
. cms . ss-ui-button . ss-ui-action-destructive . delete { padding-left : 24 px ; padding-right : 6 px ; background : #e6e6e6 url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #d9d9d9 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , -webkit- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , -moz- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , -o- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , -ms- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , linear-gradient ( #ffffff , #d9d9d9 ) ; }
. cms . ss-ui-button . ss-ui-action-destructive . delete . ui-state-hover { background : white url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -158 px no-repeat , linear-gradient ( #ffffff , #e6e6e6 ) ; }
. cms . ss-ui-button . ss-ui-action-destructive . delete . ui-state-disabled { background-image : none ; background : white url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -185 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -185 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -185 px no-repeat , -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -185 px no-repeat , -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -185 px no-repeat , -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -185 px no-repeat , -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -185 px no-repeat , linear-gradient ( #ffffff , #e6e6e6 ) ; }
. cms . ss-ui-button . ss-ui-action-destructive . unpublish { padding-left : 24 px ; padding-right : 6 px ; background : #e6e6e6 url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #d9d9d9 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , -webkit- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , -moz- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , -o- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , -ms- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , linear-gradient ( #ffffff , #d9d9d9 ) ; }
. cms . ss-ui-button . ss-ui-action-destructive . unpublish . ui-state-hover { background : white url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -318 px no-repeat , linear-gradient ( #ffffff , #e6e6e6 ) ; }
. cms . ss-ui-button . ss-ui-action-destructive . unpublish . ui-state-disabled { background-image : none ; background : white url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -346 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -346 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -346 px no-repeat , -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -346 px no-repeat , -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -346 px no-repeat , -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -346 px no-repeat , -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -346 px no-repeat , linear-gradient ( #ffffff , #e6e6e6 ) ; }
. cms . ss-ui-button . save-draft { padding-left : 24 px ; padding-right : 6 px ; background : #e6e6e6 url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #d9d9d9 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , -webkit- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , -moz- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , -o- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , -ms- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , linear-gradient ( #ffffff , #d9d9d9 ) ; }
. cms . ss-ui-button . save-draft . ui-state-hover { background : white url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -104 px no-repeat , linear-gradient ( #ffffff , #e6e6e6 ) ; }
. cms . ss-ui-button . save-draft . ui-state-disabled { background-image : none ; background : white url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -132 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -132 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -132 px no-repeat , -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -132 px no-repeat , -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -132 px no-repeat , -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -132 px no-repeat , -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -132 px no-repeat , linear-gradient ( #ffffff , #e6e6e6 ) ; }
. cms . ss-ui-button . cms-preview-toggle-link { padding-left : 24 px !important ; margin-left : 4 px !important ; text-decoration : none ; padding-left : 24 px ; padding-right : 6 px ; background : #e6e6e6 url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #d9d9d9 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , -webkit- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , -moz- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , -o- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , -ms- linear-gradient ( #ffffff , #d9d9d9 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , linear-gradient ( #ffffff , #d9d9d9 ) ; }
. cms . ss-ui-button . cms-preview-toggle-link . ui-state-hover { background : white url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -212 px no-repeat , linear-gradient ( #ffffff , #e6e6e6 ) ; }
. cms . ss-ui-button . cms-preview-toggle-link . ui-state-disabled { background-image : none ; background : white url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -239 px no-repeat ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -239 px no-repeat , -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -239 px no-repeat , -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -239 px no-repeat , -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -239 px no-repeat , -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -239 px no-repeat , -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : url ( '../images/btn_icons-sb7da7f8cce.png' ) 5 px -239 px no-repeat , linear-gradient ( #ffffff , #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 ; }
. cms . ss-ui-button . ss-ui-action-minor { background : none ; padding : 0 ; border : 0 ; color : #393939 ; text-decoration : underline ; -moz- box-shadow : none ; -webkit- box-shadow : none ; -o- box-shadow : none ; box-shadow : none ; }
. 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
/** ---------------------------------------------------- Optionsets and Checkboxsets ---------------------------------------------------- */
. optionset { overflow : hidden ; padding-bottom : 8 px ; }
. optionset li { float : left ; display : block ; width : 216 px ; padding : 8 px 8 px 0 ; line-height : 16 px ; list-style : none ; position : relative ; }
. optionset li input { position : absolute ; top : 9 px ; left : 2 px ; margin : 0 ; }
. optionset li label { display : block ; cursor : pointer ; padding : 0 0 0 16 px ; }
/** ---------------------------------------------------- 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 ; }
2011-08-22 06:44:41 +02: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-01-03 17:38:11 +01:00
html , body { width : 100 % ; height : 100 % ; font-size : 12 px ; line-height : 16 px ; font-family : Arial , sans-serif ; color : #444444 ; }
2011-06-25 07:52:33 +02:00
html html , html body , html div , html span , html applet , html object , html iframe , html h1 , html h2 , html h3 , html h4 , html h5 , html h6 , html p , html blockquote , html pre , html a , html abbr , html acronym , html address , html big , html cite , html code , html del , html dfn , html em , html img , html ins , html kbd , html q , html s , html samp , html small , html strike , html strong , html sub , html sup , html tt , html var , html b , html u , html i , html center , html dl , html dt , html dd , html ol , html ul , html li , html fieldset , html form , html label , html legend , html table , html caption , html tbody , html tfoot , html thead , html tr , html th , html td , html article , html aside , html canvas , html details , html embed , html figure , html figcaption , html footer , html header , html hgroup , html menu , html nav , html output , html ruby , html section , html summary , html time , html mark , html audio , html video , body html , body body , body div , body span , body applet , body object , body iframe , body h1 , body h2 , body h3 , body h4 , body h5 , body h6 , body p , body blockquote , body pre , body a , body abbr , body acronym , body address , body big , body cite , body code , body del , body dfn , body em , body img , body ins , body kbd , body q , body s , body samp , body small , body strike , body strong , body sub , body sup , body tt , body var , body b , body u , body i , body center , body dl , body dt , body dd , body ol , body ul , body li , body fieldset , body form , body label , body legend , body table , body caption , body tbody , body tfoot , body thead , body tr , body th , body td , body article , body aside , body canvas , body details , body embed , body figure , body figcaption , body footer , body header , body hgroup , body menu , body nav , body output , body ruby , body section , body summary , body time , body mark , body audio , body video { margin : 0 ; padding : 0 ; border : 0 ; font-size : 100 % ; font : inherit ; vertical-align : baseline ; }
html body , body body { line-height : 1 ; }
2011-05-20 01:29:40 +02:00
html ol , html ul , body ol , body ul { list-style : none ; }
2011-06-25 07:52:33 +02:00
html table , body table { border-collapse : collapse ; border-spacing : 0 ; }
2011-05-20 01:29:40 +02:00
html caption , html th , html td , body caption , body th , body td { text-align : left ; font-weight : normal ; vertical-align : middle ; }
2011-06-25 07:52:33 +02:00
html q , html blockquote , body q , body blockquote { quotes : none ; }
html q : before , html q : after , html blockquote : before , html blockquote : after , body q : before , body q : after , body blockquote : before , body blockquote : after { content : "" ; content : none ; }
2011-05-20 01:29:40 +02:00
html a img , body a img { border : none ; }
2011-07-21 20:14:33 +02:00
html article , html aside , html details , html figcaption , html figure , html footer , html header , html hgroup , html menu , html nav , html section , html summary , body article , body aside , body details , body figcaption , body figure , body footer , body header , body hgroup , body menu , body nav , body section , body summary { display : block ; }
2011-05-20 01:29:40 +02:00
2012-01-03 17:38:11 +01:00
body . cms { overflow : hidden ; }
2011-07-21 20:14:33 +02:00
. cms a { color : #3ebae0 ; text-decoration : none ; }
. 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
2011-10-29 02:36:03 +02:00
. cms-content-header { background-color : #b0bec7 ; padding : 8 px 8 px 6 px ; height : 32 px ; z-index : 60 ; border-bottom : 2 px solid #8399a7 ; -moz- box-shadow : #eceff1 0 8 px 16 px ; -webkit- box-shadow : #eceff1 0 8 px 16 px ; -o- box-shadow : #eceff1 0 8 px 16 px ; box-shadow : #eceff1 0 8 px 16 px ; 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 ) ; }
2011-08-26 04:09:25 +02:00
. cms-content-header h2 { float : left ; padding : 8 px 8 px 0 0 ; font-size : 14 px ; line-height : 24 px ; font-weight : bold ; text-shadow : #bfcad2 1 px 1 px 0 ; width : 176 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 ; }
2011-04-24 01:05:59 +02:00
. cms-content-header . cms-content-header-tabs { float : left ; }
2012-01-03 17:38:11 +01:00
. ui-tabs . cms-content-header . ui-tabs-nav li a , . cms-dialog . ui-tabs-nav . ui-tabs-nav li a { font-weight : bold ; line-height : 16 px ; padding : 11 px 12 px 9 px ; border-bottom : 2 px solid #b3b3b3 ; }
. ui-tabs . cms-content-header . ui-state-default , . ui-tabs . cms-content-header . ui-widget-content . ui-state-default , . ui-tabs . cms-content-header . 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 : #d9d9d9 ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #d9d9d9 ) , color-stop ( 100 % , #c0c0c0 ) ) ; background-image : -webkit- linear-gradient ( #d9d9d9 , #c0c0c0 ) ; background-image : -moz- linear-gradient ( #d9d9d9 , #c0c0c0 ) ; background-image : -o- linear-gradient ( #d9d9d9 , #c0c0c0 ) ; background-image : -ms- linear-gradient ( #d9d9d9 , #c0c0c0 ) ; background-image : linear-gradient ( #d9d9d9 , #c0c0c0 ) ; border-color : #a6a6a6 ; text-shadow : white 0 1 px 0 ; }
. ui-tabs . cms-content-header . ui-state-active , . ui-tabs . cms-content-header . ui-widget-content . ui-state-active , . ui-tabs . cms-content-header . 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 ; }
. ui-tabs . cms-content-header . ui-state-active a , . ui-tabs . cms-content-header . ui-widget-content . ui-state-active a , . ui-tabs . cms-content-header . 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 : 2 px solid #eceff1 ; }
2011-04-14 07:10:50 +02:00
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-01-03 14:49:35 +01:00
. cms-content-actions { margin : 8 px 16 px 16 px 16 px ; text-align : right ; 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 ; }
. message . error { 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 -------------------------------------------- */
2011-07-21 20:14:33 +02: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 ; }
. cms-content-toolbar : after { content : "\0020" ; display : block ; height : 0 ; clear : both ; overflow : hidden ; visibility : hidden ; }
2011-06-25 07:52:33 +02:00
. cms-content-toolbar > * { float : left ; }
2011-04-24 01:05:59 +02:00
. cms-content-toolbar . cms-tree-view-modes * { display : inline-block ; }
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 */
2011-08-22 06:44:41 +02: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 ; /* buttons now need to line with with reduced input sizes */ }
2011-10-29 02:36:03 +02:00
. cms-content-tools . cms-panel-header { padding : 0 ; 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 ) ; }
2011-10-29 11:19:12 +02:00
. cms-content-tools . cms-panel-content { width : 176 px ; padding : 8 px 8 px ; overflow-x : hidden ; overflow-y : auto ; }
2011-08-22 06:44:41 +02:00
. cms-content-tools . cms-content-header { background-color : #748d9d ; border-bottom : 2 px solid #5c7382 ; 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 ) ; }
. 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 ; }
2011-08-22 06:44:41 +02: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 */ /* smaller treedropdown */ }
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-08-16 04:57:30 +02:00
. cms-content-tools . field . chzn-container-single . chzn-single { height : 24 px ; line-height : 24 px ; font-size : 11 px ; }
. cms-content-tools . field . chzn-container-single . chzn-single div b { background-position : 4 px 0 ; }
2011-08-22 06:44:41 +02:00
. cms-content-tools . ss-ui-button { padding : 5 px 8 px ; }
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 */
2011-07-07 08:01:25 +02:00
. cms-content-batchactions , . cms-content-constructive-actions { float : right ; }
. cms-content-batchactions { float : right ; position : relative ; display : block ; margin-right : 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
. cms-content-constructive-actions a { display : block ; float : right ; }
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 ; }
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 ; }
2011-12-21 19:45:20 +01:00
form . member-profile-form input . customFormat { border : 1 px solid #ccc !important ; padding : 3 px ; display : inline ; margin-left : 15 px ; position : relative ; }
form . member-profile-form . formattingHelpToggle { display : block ; font-size : 11 px ; margin-top : 10 px ; margin-left : 15 px ; }
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 ; }
2011-12-21 19:45:20 +01:00
form . member-profile-form . formattingHelpText li { font-size : 11 px ; color : #333 ; margin-bottom : 2 px ; float : none ; width : auto ; }
form . member-profile-form # Groups . middleColumn { margin-left : 0 ; width : 100 % ; }
form . member-profile-form # Groups . middleColumn . TreeDropdownField { width : 90 % ; max-width : 90 % ; }
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 ; }
2011-10-29 11:19:12 +02: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 ; }
2011-07-06 15:21:46 +02:00
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 ; }
. cms-panel . collapsed { / *
. cms-panel-header {
@ include rotate ( -90deg ) ;
position : relative ;
top : $ grid-vertical * 10 ;
border : none ;
padding : 0 ;
}
* / }
2011-05-13 03:30:49 +02:00
. cms-panel . collapsed . cms-panel-content { display : none ; }
2012-01-06 16:39:51 +01:00
. cms-panel . cms-panel-content-collapsed { width : 40 px ; }
. 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 left ; -webkit- transform-origin : bottom left ; -o- transform-origin : bottom left ; -ms- transform-origin : bottom left ; transform-origin : bottom left ; -moz- transform : rotate ( 90 deg ) ; -webkit- transform : rotate ( 90 deg ) ; -o- transform : rotate ( 90 deg ) ; -ms- transform : rotate ( 90 deg ) ; transform : rotate ( 90 deg ) ; }
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
2011-12-20 16:09:55 +01:00
. cms-panel-padded { width : 176 px ; padding : 16 px 16 px ; overflow-x : hidden ; overflow-y : auto ; }
2011-05-13 03:30:49 +02:00
. cms-content . cms-panel . collapsed { cursor : pointer ; }
2011-05-20 01:29:40 +02: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 ; }
. 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 ; -moz- border-radius : 0 ; -webkit- border-radius : 0 ; -o- border-radius : 0 ; -ms- border-radius : 0 ; -khtml- border-radius : 0 ; border-radius : 0 ; 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 ) ; }
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 ; }
/** -------------------------------------------- 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-01-06 11:59:10 +01:00
. step-label . arrow { height : 26 px ; width : 10 px ; background : url ( '../images/sprites_32x32-s98eda4974b.png' ) 0 -171 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
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-01-03 17:38:11 +01:00
. cms . jstree ul { display : block ; margin : 0 ; padding : 0 ; background : none ; list-style-type : none ; }
. cms . 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 { display : inline-block ; text-decoration : none ; width : 18 px ; height : 18 px ; margin : 0 0 0 0 ; padding : 0 ; float : left ; }
. cms . 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 { outline : none ; text-decoration : none ; cursor : pointer ; text-shadow : none ; }
. cms . jstree a > ins { height : 16 px ; width : 16 px ; }
. cms . jstree a > . jstree-icon { margin-right : 3 px ; }
. cms . jstree li . jstree-open > ul { display : block ; }
. cms . jstree li . jstree-closed > ul { display : none ; }
. cms . jstree li . disabled a { color : #aaaaaa ; }
. cms . jstree-rtl a > . jstree-icon { margin-left : 3 px ; margin-right : 0 ; }
. cms . jstree-rtl li { margin-left : 0 ; margin-right : 18 px ; }
. cms . jstree-rtl > ul > li { margin-right : 0 px ; }
. cms . jstree > ul > li { margin-left : 0 px ; }
. cms # 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 { 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 { min-width : 180 px ; * width : 180 px ; }
. cms # vakata-contextmenu ul , . cms # vakata-contextmenu li { margin : 0 ; padding : 0 ; list-style-type : none ; display : block ; }
. cms # vakata-contextmenu li { line-height : 20 px ; min-height : 20 px ; position : relative ; padding : 0 px ; }
. cms # 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 { 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 { background : gray ; color : white ; }
. cms # vakata-contextmenu li ul { display : none ; position : absolute ; top : -2 px ; left : 100 % ; background : #ebebeb ; border : 1 px solid gray ; }
. cms # vakata-contextmenu . right { right : 100 % ; left : auto ; }
. cms # vakata-contextmenu . bottom { bottom : -1 px ; top : auto ; }
. cms # 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 { display : block ; margin : 0 0 0 0 ; padding : 0 0 0 0 ; list-style-type : none ; }
. cms . 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 { margin-left : 0 ; margin-right : 18 px ; }
. cms . jstree > ul > li { margin-left : 0 px ; }
. cms . jstree-rtl > ul > li { margin-right : 0 px ; }
. cms . jstree ins { display : inline-block ; text-decoration : none ; width : 18 px ; height : 18 px ; margin : 0 0 0 0 ; padding : 0 ; }
. cms . 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 { outline : none ; }
. cms . jstree a > ins { height : 16 px ; width : 16 px ; }
. cms . jstree a > . jstree-icon { margin-right : 3 px ; }
. cms . jstree-rtl a > . jstree-icon { margin-left : 3 px ; margin-right : 0 ; }
. cms li . jstree-open > ul { display : block ; }
. cms li . jstree-closed > ul { display : none ; }
. cms # 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 { background : green ; }
. cms # vakata-dragged . jstree-invalid { background : red ; }
. cms # 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 { 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 { display : none ; }
. cms . jstree-themeroller . ui-icon { overflow : visible ; }
. cms . jstree-themeroller a { padding : 0 2 px ; }
. cms . jstree-themeroller . jstree-no-icon { display : none ; }
. cms . jstree . jstree-wholerow-real { position : relative ; z-index : 1 ; }
. cms . jstree . jstree-wholerow-real li { cursor : pointer ; }
. cms . jstree . jstree-wholerow-real a { border-left-color : transparent !important ; border-right-color : transparent !important ; }
. cms . jstree . jstree-wholerow { position : relative ; z-index : 0 ; height : 0 ; }
. cms . jstree . jstree-wholerow ul , . cms . 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 { margin : 0 !important ; padding : 0 !important ; }
. cms . jstree . jstree-wholerow , . cms . jstree . jstree-wholerow ul , . cms . jstree . jstree-wholerow li { background : transparent !important ; }
. cms . jstree . jstree-wholerow ins , . cms . jstree . jstree-wholerow span , . cms . jstree . jstree-wholerow input { display : none !important ; }
. cms . jstree . jstree-wholerow a , . cms . 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 { 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 { background : none ; }
. cms . jstree-apple . jstree-focused . jstree-apple > ul { background : none ; }
. cms . jstree li { line-height : 25 px ; }
. cms-tree . jstree-apple { /* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */ }
. cms-tree . jstree-apple li . Root strong { font-weight : bold ; padding-left : 1 px ; }
. cms-tree . jstree-apple li . Root > a . jstree-icon { background-position : -56 px -36 px ; }
. 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 ; }
. 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 ; }
. cms-tree . jstree-apple span . badge . modified { color : #7E7470 ; border : 1 px solid #C9B800 ; background-color : #FFF0BC ; }
. cms-tree . jstree-apple span . badge . addedtodraft { color : #7E7470 ; border : 1 px solid #C9B800 ; background-color : #FFF0BC ; }
. cms-tree . jstree-apple span . badge . deletedonlive { color : #636363 ; border : 1 px solid #E49393 ; background-color : #F2DADB ; }
. cms-tree . jstree-apple span . badge . removedfromdraft { color : #636363 ; border : 1 px solid #E49393 ; background-color : #F2DADB ; }
. cms-tree . jstree-apple span . badge . workflow-approval { color : #56660C ; border : 1 px solid #7C8816 ; background-color : #DAE79A ; }
. 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 ; }
. 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 ; }
. 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 ; }
. cms-tree . jstree-apple . jstree-hovered { text-shadow : none ; text-decoration : none ; }
. cms-tree . jstree-apple li { padding : 0 px ; clear : left ; }
. cms-tree . jstree-apple ins { background-color : transparent ; background-image : url ( ../images/sitetree_ss_default_icons.png ) ; }
. cms-tree . jstree-apple li . jstree-checked a , . cms-tree . jstree-apple li . jstree-checked a : link { background-color : #efe999 ; }
2011-10-29 02:01:06 +02:00
. jstree-apple # record-0 . jstree-open > ins { display : none ; }
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 ; }
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 ; }
2011-12-20 16:10:41 +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 ; }
2011-10-29 02:01:06 +02:00
. cms-logo span { font-weight : bold ; font-size : 14 px ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; o-text-overflow : ellipsis ; }
. 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-01-06 11:59:10 +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-s98eda4974b.png' ) 0 -81 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 */ }
. 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 : #b0bec7 ; 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 ; }
. 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-01-06 11:59:10 +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-s98eda4974b.png' ) 0 -107 px no-repeat ; vertical-align : middle ; }
. cms-menu-list li a . toggle-children . opened . toggle-children-icon { background : url ( '../images/sprites_32x32-s98eda4974b.png' ) 0 -123 px no-repeat ; }
2011-10-29 02:01:06 +02:00
. cms-menu-list li ul { display : none ; }
. 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-01-06 11:59:10 +01:00
. cms-menu-list li . current a . toggle-children . toggle-children-icon { background : url ( '../images/sprites_32x32-s98eda4974b.png' ) 0 -139 px no-repeat ; }
. cms-menu-list li . current a . toggle-children . opened . toggle-children-icon { background : url ( '../images/sprites_32x32-s98eda4974b.png' ) 0 -155 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 ; }
. 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 ; }
. ModelAdmin . cms-content-tools # SearchForm_holder div . tab form . Actions button . ss-ui-action-minor { display : none ; }
