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
2012-03-09 03:04:26 +01:00
/ * $ experimental-support-for-svg variable comes from
imported compass / support file and enables svg gradients in IE9 .
It was put here because there didn ' t seem to be a more logical place to put it .
If more variables exist in the future , consider creating a variables file . * /
2011-05-20 01:29:40 +02:00
/** ----------------------------- Theme ------------------------------ */
2011-07-07 07:34:55 +02:00
/** This file contains the default theme definitions for the admin interface. Please put mostly SCSS variable definitions in here, and leave the actual styling to _style.scss and auxilliary files. */
2011-05-20 01:29:40 +02:00
/** ----------------------------------------------- Colours ------------------------------------------------ */
2011-08-04 02:02:39 +02:00
/** ----------------------------------------------- Textures ----------------------------------------------- */
2011-07-29 05:10:14 +02:00
/** ----------------------------------------------- Typography. ------------------------------------------------ */
2012-02-14 11:18:58 +01:00
/** ----------------------------------------------- Grid Units (px) We have a vertical rhythm that the grid is based off both x (=horizontal) and y (=vertical). All internal padding and margins are scaled to this and accounting for paragraphs ------------------------------------------------ */
2011-07-28 06:57:41 +02:00
/** ----------------------------------------------- Application Logo (CMS Logo) Must be 24px x 24px ------------------------------------------------ */
2011-08-01 00:54:31 +02:00
/** ----------------------------- Custom mixins ------------------------------ */
2011-08-05 06:46:03 +02:00
/** ----------------------------- Sprite images ----------------------------- */
2012-02-17 00:35:10 +01:00
/** Helper SCSS file for generating sprites for the interface. */
2012-06-11 02:55:40 +02:00
. btn-icon-sprite , . ui-state-default . btn-icon-accept , . ui-widget-content . btn-icon-accept , . ui-state-default . btn-icon-accept_disabled , . ui-widget-content . btn-icon-accept_disabled , . ui-state-default . btn-icon-add , . ui-widget-content . btn-icon-add , . ui-state-default . btn-icon-addMedia , . ui-widget-content . btn-icon-addMedia , . ui-state-default . btn-icon-add_disabled , . ui-widget-content . btn-icon-add_disabled , . ui-state-default . btn-icon-addpage , . ui-widget-content . btn-icon-addpage , . ui-state-default . btn-icon-addpage_disabled , . ui-widget-content . btn-icon-addpage_disabled , . ui-state-default . btn-icon-arrow-circle-135-left , . ui-widget-content . btn-icon-arrow-circle-135-left , . ui-state-default . btn-icon-arrow-circle-double , . ui-widget-content . btn-icon-arrow-circle-double , . ui-state-default . btn-icon-back , . ui-widget-content . btn-icon-back , . ui-state-default . btn-icon-back_disabled , . ui-widget-content . btn-icon-back_disabled , . ui-state-default . btn-icon-chain--arrow , . ui-widget-content . btn-icon-chain--arrow , . ui-state-default . btn-icon-chain--exclamation , . ui-widget-content . btn-icon-chain--exclamation , . ui-state-default . btn-icon-chain--minus , . ui-widget-content . btn-icon-chain--minus , . ui-state-default . btn-icon-chain--pencil , . ui-widget-content . btn-icon-chain--pencil , . ui-state-default . btn-icon-chain--plus , . ui-widget-content . btn-icon-chain--plus , . ui-state-default . btn-icon-chain-small , . ui-widget-content . btn-icon-chain-small , . ui-state-default . btn-icon-chain-unchain , . ui-widget-content . btn-icon-chain-unchain , . ui-state-default . btn-icon-chain , . ui-widget-content . btn-icon-chain , . ui-state-default . btn-icon-cross-circle , . ui-widget-content . btn-icon-cross-circle , . ui-state-default . btn-icon-cross-circle_disabled , . ui-widget-content . btn-icon-cross-circle_disabled , . ui-state-default . btn-icon-cross , . ui-widget-content . btn-icon-cross , . ui-state-default . btn-icon-decline , . ui-widget-content . btn-icon-decline , . ui-state-default . btn-icon-decline_disabled , . ui-widget-content . btn-icon-decline_disabled , . ui-state-default . btn-icon-delete , . ui-widget-content . btn-icon-delete , . ui-state-default . btn-icon-deleteLight , . ui-widget-content . btn-icon-deleteLight , . ui-state-default . btn-icon-document--pencil , . ui-widget-content . btn-icon-document--pencil , . ui-state-default . btn-icon-download-csv , . ui-widget-content . btn-icon-download-csv , . ui-state-default . btn-icon-drive-upload , . ui-widget-content . btn-icon-drive-upload , . ui-state-default . btn-icon-drive-upload_disabled , . ui-widget-content . btn-icon-drive-upload_disabled , . ui-state-default . btn-icon-grid_print , . ui-widget-content . btn-icon-grid_print , . ui-state-default . btn-icon-magnifier , . ui-widget-content . btn-icon-magnifier , . ui-state-default . btn-icon-minus-circle , . ui-widget-content . btn-icon-minus-circle , . ui-state-default . btn-icon-minus-circle_disabled , . ui-widget-content . btn-icon-minus-circle_disabled , . ui-state-default . btn-icon-navigation , . ui-widget-content . btn-icon-navigation , . ui-state-default . btn-icon-navigation_disabled , . ui-widget-content . btn-icon-navigation_disabled , . ui-state-default . btn-icon-network-cloud , . ui-widget-content . btn-icon-network-cloud , . ui-state-default . btn-icon-network-cloud_disabled , . ui-widget-content . btn-icon-network-cloud_disabled , . ui-state-default . btn-icon-pencil , . ui-widget-content . btn-icon-pencil , . ui-state-default . btn-icon-pencil_disabled , . ui-widget-content . btn-icon-pencil_disabled , . ui-state-default . btn-icon-plug-disconnect-prohibition , . ui-widget-content . btn-icon-plug-disconnect-prohibition , . ui-state-default . btn-icon-plug-disconnect-prohibition_disabled , . ui-widget-content . btn-icon-plug-disconnect-prohibition_disabled , . ui-state-default . btn-icon-preview , . ui-widget-content . btn-icon-preview , . ui-state-default . btn-icon-preview_disabled , . ui-widget-content . btn-icon-preview_disabled , . ui-state-default . btn-icon-settings , . ui-widget-content . btn-icon-settings , . ui-state-default . btn-icon-settings_disabled , . ui-widget-content . btn-icon-settings_disabled , . ui-state-default . btn-icon-unpublish , . ui-widget-content .
2012-06-03 23:22:29 +02:00
. ui-state-default . btn-icon-accept , . ui-widget-content . btn-icon-accept { background-position : 0 -96 px ; }
. ui-state-default . btn-icon-accept_disabled , . ui-widget-content . btn-icon-accept_disabled { background-position : 0 -80 px ; }
. ui-state-default . btn-icon-add , . ui-widget-content . btn-icon-add { background-position : 0 0 ; }
2012-06-11 02:55:40 +02:00
. ui-state-default . btn-icon-addMedia , . ui-widget-content . btn-icon-addMedia { background-position : 0 -208 px ; }
2012-06-03 23:22:29 +02:00
. ui-state-default . btn-icon-add_disabled , . ui-widget-content . btn-icon-add_disabled { background-position : 0 -32 px ; }
. ui-state-default . btn-icon-addpage , . ui-widget-content . btn-icon-addpage { background-position : 0 -144 px ; }
2012-06-11 02:55:40 +02:00
. ui-state-default . btn-icon-addpage_disabled , . ui-widget-content . btn-icon-addpage_disabled { background-position : 0 -484 px ; }
. ui-state-default . btn-icon-arrow-circle-135-left , . ui-widget-content . btn-icon-arrow-circle-135-left { background-position : 0 -340 px ; }
. ui-state-default . btn-icon-arrow-circle-double , . ui-widget-content . btn-icon-arrow-circle-double { background-position : 0 -324 px ; }
. ui-state-default . btn-icon-back , . ui-widget-content . btn-icon-back { background-position : 0 -356 px ; }
2012-06-03 23:22:29 +02:00
. ui-state-default . btn-icon-back_disabled , . ui-widget-content . btn-icon-back_disabled { background-position : 0 -16 px ; }
2012-06-11 02:55:40 +02:00
. ui-state-default . btn-icon-chain--arrow , . ui-widget-content . btn-icon-chain--arrow { background-position : 0 -708 px ; }
. ui-state-default . btn-icon-chain--exclamation , . ui-widget-content . btn-icon-chain--exclamation { background-position : 0 -500 px ; }
. ui-state-default . btn-icon-chain--minus , . ui-widget-content . btn-icon-chain--minus { background-position : 0 -724 px ; }
. ui-state-default . btn-icon-chain--pencil , . ui-widget-content . btn-icon-chain--pencil { background-position : 0 -660 px ; }
. ui-state-default . btn-icon-chain--plus , . ui-widget-content . btn-icon-chain--plus { background-position : 0 -692 px ; }
. ui-state-default . btn-icon-chain-small , . ui-widget-content . btn-icon-chain-small { background-position : 0 -756 px ; }
. ui-state-default . btn-icon-chain-unchain , . ui-widget-content . btn-icon-chain-unchain { background-position : 0 -468 px ; }
. ui-state-default . btn-icon-chain , . ui-widget-content . btn-icon-chain { background-position : 0 -740 px ; }
. ui-state-default . btn-icon-cross-circle , . ui-widget-content . btn-icon-cross-circle { background-position : 0 -436 px ; }
. ui-state-default . btn-icon-cross-circle_disabled , . ui-widget-content . btn-icon-cross-circle_disabled { background-position : 0 -548 px ; }
. ui-state-default . btn-icon-cross , . ui-widget-content . btn-icon-cross { background-position : 0 -276 px ; }
2012-06-03 23:22:29 +02:00
. ui-state-default . btn-icon-decline , . ui-widget-content . btn-icon-decline { background-position : 0 -128 px ; }
. ui-state-default . btn-icon-decline_disabled , . ui-widget-content . btn-icon-decline_disabled { background-position : 0 -192 px ; }
2012-06-11 02:55:40 +02:00
. ui-state-default . btn-icon-delete , . ui-widget-content . btn-icon-delete { background-position : 0 -452 px ; }
. ui-state-default . btn-icon-deleteLight , . ui-widget-content . btn-icon-deleteLight { background-position : 0 -291 px ; }
. ui-state-default . btn-icon-document--pencil , . ui-widget-content . btn-icon-document--pencil { background-position : 0 -532 px ; }
2012-06-03 23:22:29 +02:00
. ui-state-default . btn-icon-download-csv , . ui-widget-content . btn-icon-download-csv { background-position : 0 -48 px ; }
2012-06-11 02:55:40 +02:00
. ui-state-default . btn-icon-drive-upload , . ui-widget-content . btn-icon-drive-upload { background-position : 0 -404 px ; }
. ui-state-default . btn-icon-drive-upload_disabled , . ui-widget-content . btn-icon-drive-upload_disabled { background-position : 0 -564 px ; }
. ui-state-default . btn-icon-grid_print , . ui-widget-content . btn-icon-grid_print { background-position : 0 -260 px ; }
. ui-state-default . btn-icon-magnifier , . ui-widget-content . btn-icon-magnifier { background-position : 0 -516 px ; }
. ui-state-default . btn-icon-minus-circle , . ui-widget-content . btn-icon-minus-circle { background-position : 0 -612 px ; }
. ui-state-default . btn-icon-minus-circle_disabled , . ui-widget-content . btn-icon-minus-circle_disabled { background-position : 0 -628 px ; }
. ui-state-default . btn-icon-navigation , . ui-widget-content . btn-icon-navigation { background-position : 0 -372 px ; }
. ui-state-default . btn-icon-navigation_disabled , . ui-widget-content . btn-icon-navigation_disabled { background-position : 0 -420 px ; }
. ui-state-default . btn-icon-network-cloud , . ui-widget-content . btn-icon-network-cloud { background-position : 0 -596 px ; }
. ui-state-default . btn-icon-network-cloud_disabled , . ui-widget-content . btn-icon-network-cloud_disabled { background-position : 0 -676 px ; }
. ui-state-default . btn-icon-pencil , . ui-widget-content . btn-icon-pencil { background-position : 0 -228 px ; }
. ui-state-default . btn-icon-pencil_disabled , . ui-widget-content . btn-icon-pencil_disabled { background-position : 0 -580 px ; }
. ui-state-default . btn-icon-plug-disconnect-prohibition , . ui-widget-content . btn-icon-plug-disconnect-prohibition { background-position : 0 -244 px ; }
. ui-state-default . btn-icon-plug-disconnect-prohibition_disabled , . ui-widget-content . btn-icon-plug-disconnect-prohibition_disabled { background-position : 0 -644 px ; }
2012-06-03 23:22:29 +02:00
. ui-state-default . btn-icon-preview , . ui-widget-content . btn-icon-preview { background-position : 0 -64 px ; }
. ui-state-default . btn-icon-preview_disabled , . ui-widget-content . btn-icon-preview_disabled { background-position : 0 -160 px ; }
2012-06-11 02:55:40 +02:00
. ui-state-default . btn-icon-settings , . ui-widget-content . btn-icon-settings { background-position : 0 -308 px ; }
. ui-state-default . btn-icon-settings_disabled , . ui-widget-content . btn-icon-settings_disabled { background-position : 0 -388 px ; }
2012-06-03 23:22:29 +02:00
. ui-state-default . btn-icon-unpublish , . ui-widget-content . btn-icon-unpublish { background-position : 0 -112 px ; }
. ui-state-default . btn-icon-unpublish_disabled , . ui-widget-content . btn-icon-unpublish_disabled { background-position : 0 -176 px ; }
2012-02-17 00:35:10 +01:00
2011-08-09 01:39:12 +02:00
. icon { text-indent : -9999 px ; border : none ; outline : none ; }
2012-06-08 06:42:14 +02:00
. icon . icon-24 { width : 24 px ; height : 24 px ; background : url ( '../images/menu-icons/24x24-sedfac01ed1.png' ) ; }
. icon . icon-24 . icon-assetadmin { background-position : 0 -120 px ; }
. icon . icon-24 . icon-cmsmain { background-position : 0 -48 px ; }
. icon . icon-24 . icon-cmspagescontroller { background-position : 0 -192 px ; }
. icon . icon-24 . icon-cmssettingscontroller { background-position : 0 0 ; }
. icon . icon-24 . icon-securityadmin { background-position : 0 -24 px ; }
. icon . icon-24 . icon-reportadmin { background-position : 0 -72 px ; }
. icon . icon-24 . icon-commentadmin { background-position : 0 -168 px ; }
. icon . icon-24 . icon-help { background-position : 0 -96 px ; }
2012-06-03 23:22:29 +02:00
. icon . icon-16 { width : 16 px ; height : 16 px ; background : url ( '../images/menu-icons/16x16-sb173d358c2.png' ) ; }
. icon . icon-16 . icon-assetadmin { background-position : 0 -80 px ; }
. icon . icon-16 . icon-cmsmain { background-position : 0 -16 px ; }
. icon . icon-16 . icon-cmspagescontroller { background-position : 0 -112 px ; }
. icon . icon-16 . icon-cmssettingscontroller { background-position : 0 0 ; }
. icon . icon-16 . icon-securityadmin { background-position : 0 -48 px ; }
. icon . icon-16 . icon-reportadmin { background-position : 0 -32 px ; }
. icon . icon-16 . icon-commentadmin { background-position : 0 -128 px ; }
. icon . icon-16 . icon-help { background-position : 0 -64 px ; }
2011-08-05 06:46:03 +02:00
2011-05-20 01:29:40 +02:00
/** ----------------------------- CMS Components ------------------------------ */
2011-08-26 04:09:25 +02:00
/** File: typography.scss Contains the basic typography related styles for the admin interface. */
2012-02-28 18:07:55 +01:00
body , html { font-size : 12 px ; line-height : 16 px ; font-family : Arial , sans-serif ; color : #444444 ; }
2011-08-26 04:09:25 +02:00
. cms h2 , . cms h3 , . cms h4 , . cms h5 { font-weight : bold ; margin : 16 px 0 16 px 0 ; line-height : 16 px ; }
. cms h2 { font-size : 18 px ; line-height : 24 px ; }
. cms h3 { font-size : 16 px ; }
. cms h4 { font-size : 14 px ; }
. cms h5 { font-size : 12 px ; }
. cms p { line-height : 16 px ; margin-bottom : 16 px ; }
2012-03-24 01:20:19 +01:00
. cms em { font-style : italic ; }
2011-08-26 04:09:25 +02:00
. 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-05-02 18:12:49 +02:00
. cms . ui-tabs { padding : 0 ; background : none ; }
2012-01-03 17:38:11 +01:00
. cms . ui-tabs . ui-widget-header { border : 0 ; background : none ; }
. cms . ui-tabs . ui-tabs-nav { margin : 0 ; padding : 0 ; }
. cms . ui-tabs . ui-tabs-nav li { top : 0 ; }
. cms . ui-tabs . ui-tabs-nav li a { padding : 0 15 px ; }
. cms . ui-tabs . ui-tabs-nav . ui-state-active { border-color : gray ; }
2012-04-17 17:40:37 +02:00
. cms . ui-tabs . ui-tabs-panel { background : transparent ; }
2012-05-21 01:00:10 +02:00
. cms . ui-tabs . cms-panel-padded . ui-tabs-panel { padding : 0 ; }
2012-01-03 17:38:11 +01:00
. cms . ui-widget-content , . cms . ui-widget { color : #444444 ; font-size : 12 px ; font-family : Arial , sans-serif ; border : 0 ; }
2012-06-03 23:22:29 +02:00
. cms . ui-widget-header { background-color : #b0bec7 ; padding : 8 px 8 px 6 px 8 px ; border-bottom : 2 px solid #8399a7 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZTNlNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #dde3e7 ) , color-stop ( 100 % , #92a5b2 ) ) ; background-image : -webkit- linear-gradient ( #dde3e7 , #92a5b2 ) ; background-image : -moz- linear-gradient ( #dde3e7 , #92a5b2 ) ; background-image : -o- linear-gradient ( #dde3e7 , #92a5b2 ) ; background-image : -ms- linear-gradient ( #dde3e7 , #92a5b2 ) ; background-image : linear-gradient ( #dde3e7 , #92a5b2 ) ; border-bottom : 3 px solid #5c7382 ; padding : 8 px ; -webkit- border-radius : 0 ; -moz- border-radius : 0 ; -ms- border-radius : 0 ; -o- border-radius : 0 ; border-radius : 0 ; }
2012-01-03 17:38:11 +01:00
. cms . ui-widget-header . ui-dialog-title { padding : 6 px 0 ; text-shadow : #ced7dc 1 px 1 px 0 ; }
. cms . ui-widget-header a . ui-dialog-titlebar-close { position : absolute ; top : -8 px ; right : -15 px ; width : 30 px ; height : 30 px ; z-index : 100000 ; }
. cms . ui-widget-header a . ui-state-hover { border-color : transparent ; background : transparent ; }
2012-06-03 23:22:29 +02:00
. cms . ui-widget-header a . ui-state-hover . ui-icon-closethick { background : url ( '../images/sprites-32x32-sb47394f892.png' ) 0 0 no-repeat ; }
. cms . ui-widget-header . ui-icon-closethick { background : url ( '../images/sprites-32x32-sb47394f892.png' ) 0 -102 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 ; }
2012-06-13 06:20:07 +02:00
. cms . ui-accordion . ui-accordion-header { border-color : #c0c0c2 ; margin-bottom : 0 ; }
. cms . ui-accordion . ui-accordion-content { border : 1 px solid #c0c0c2 ; border-top : none ; }
2011-04-15 01:27:23 +02:00
2012-04-16 06:29:53 +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 framework/css/Form.css. @package framework @subpackage admin */
2011-07-07 07:34:55 +02:00
/** ---------------------------------------------------- Basic form fields ---------------------------------------------------- */
2011-08-16 04:57:30 +02:00
form . nostyle . field { padding : 0 ; border : 0 ; }
2011-04-30 05:11:10 +02:00
form . nostyle label { float : none ; width : auto ; }
2012-05-15 22:15:36 +02:00
form . nostyle label . left { float : none ; display : inherit ; width : auto ; padding : 0 ; line-height : inherit ; }
2011-04-30 05:11:10 +02:00
form . nostyle . middleColumn { margin-left : 0 ; }
2012-05-15 22:15:36 +02:00
form . nostyle input . text , form . nostyle textarea , form . nostyle select , form . nostyle . TreeDropdownField { width : auto ; max-width : auto ; }
2011-04-30 05:11:10 +02:00
2012-06-11 06:02:33 +02:00
. field { display : block ; border-bottom : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; -webkit- box-shadow : 0 1 px 0 rgba ( 244 , 245 , 245 , 0.8 ) ; -moz- box-shadow : 0 1 px 0 rgba ( 244 , 245 , 245 , 0.8 ) ; box-shadow : 0 1 px 0 rgba ( 244 , 245 , 245 , 0.8 ) ; padding : 0 0 7 px 0 ; margin : 0 0 8 px 0 ; * zoom : 1 ; }
2012-06-03 23:22:29 +02:00
. field : last-child { border-bottom : none ; -webkit- box-shadow : none ; -moz- box-shadow : none ; box-shadow : none ; }
2011-07-21 20:14:33 +02:00
. field : after { content : "\0020" ; display : block ; height : 0 ; clear : both ; overflow : hidden ; visibility : hidden ; }
2012-01-03 17:38:11 +01:00
. field . nolabel . middleColumn { margin-left : 0 ; }
2012-06-13 11:59:25 +02:00
. field . nolabel . help { margin-left : 0 ; }
2012-01-06 20:44:34 +01:00
. field label . left { float : left ; display : block ; width : 176 px ; padding : 8 px 8 px 8 px 0 ; line-height : 16 px ; font-weight : bold ; text-shadow : 1 px 1 px 0 white ; }
2011-07-21 20:14:33 +02:00
. field label . right { cursor : pointer ; }
2011-08-22 06:44:41 +02:00
. field . middleColumn { margin-left : 184 px ; }
. field span . readonly { padding-top : 8 px ; line-height : 16 px ; display : block ; }
2012-06-13 11:59:25 +02:00
. field . help { clear : both ; color : #777777 ; display : block ; font-style : italic ; margin : 4 px 0 0 184 px ; }
2012-06-03 23:22:29 +02:00
. field input . text , . field textarea , . field select , . field . TreeDropdownField { width : 100 % ; max-width : 512 px ; -webkit- box-sizing : border-box ; -moz- box-sizing : border-box ; box-sizing : border-box ; }
2012-06-13 11:59:25 +02:00
. field input . text . help , . field textarea . help , . field select . help , . field . TreeDropdownField . help { max-width : 512 px ; }
2012-06-03 23:22:29 +02: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 ; -webkit- transition : 0.2 s box-shadow ease-in ; -moz- transition : 0.2 s box-shadow ease-in ; -ms- 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 ; -webkit- transition : 0.2 s border ease-in ; -moz- transition : 0.2 s border ease-in ; -ms- transition : 0.2 s border ease-in ; -o- transition : 0.2 s border ease-in ; transition : 0.2 s border ease-in ; -webkit- border-radius : 4 px ; -moz- border-radius : 4 px ; -ms- border-radius : 4 px ; -o- border-radius : 4 px ; border-radius : 4 px ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #eaeaea ) , color-stop ( 10 % , #ffffff ) ) ; background-image : -webkit- linear-gradient ( #eaeaea , #ffffff 10 % ) ; background-image : -moz- linear-gradient ( #eaeaea , #ffffff 10 % ) ; background-image : -o- linear-gradient ( #eaeaea , #ffffff 10 % ) ; background-image : -ms- linear-gradient ( #eaeaea , #ffffff 10 % ) ; background-image : linear-gradient ( #eaeaea , #ffffff 10 % ) ; }
. field input . text : focus , . field textarea : focus , . field . TreeDropdownField : focus { border : 1 px solid #9a9a9a ; border-top-color : gray ; -webkit- box-shadow : 0 1 px 3 px rgba ( 0 , 0 , 0 , 0.2 ) inset ; -moz- 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 ; }
2012-03-09 04:56:43 +01:00
. field input [ disabled ] , . field input . disabled , . field textarea [ disabled ] , . field textarea . disabled , . field select [ disabled ] , . field select . disabled { color : #777777 ; background : #efefef ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=' ) ; background-size : 100 % ; 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-06-11 06:02:33 +02:00
. field # Action { box-shadow : none ; }
2012-01-03 14:49:35 +01:00
form . stacked . field label , . field . stacked label { display : block ; float : none ; padding-bottom : 10 px ; }
form . stacked . field . middleColumn , . field . stacked . middleColumn { margin-left : 0 px ; clear : left ; }
2012-02-13 18:14:29 +01:00
form . small . field label . left , . field . small label . left { width : 112 px ; }
form . small . field . middleColumn , . field . small . middleColumn { margin-left : 120 px ; }
form . small . field input . text , form . small . field textarea , form . small . field select , form . small . field . TreeDropdownField , . field . small input . text , . field . small textarea , . field . small select , . field . small . TreeDropdownField { width : auto ; }
2012-03-09 01:20:27 +01:00
. field { /* TreeDropdowns */ /* dropdowns */ /* chzn override */ /* Date Fields */ /* Hides borders in settings/access. Activated from JS */ }
2012-01-03 14:49:35 +01:00
. field . TreeDropdownField { padding : 0 ; }
2012-06-03 23:22:29 +02:00
. 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 ; -ms- border-bottom-left-radius : 4 px ; -o- 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 ; -ms- border-bottom-right-radius : 4 px ; -o- border-bottom-right-radius : 4 px ; border-bottom-right-radius : 4 px ; }
. field . TreeDropdownField . treedropdownfield-open-tree { -moz- border-radius-bottomleft : 0 ; -webkit- border-bottom-left-radius : 0 ; -ms- border-bottom-left-radius : 0 ; -o- border-bottom-left-radius : 0 ; border-bottom-left-radius : 0 ; -moz- border-radius-bottomright : 0 ; -webkit- border-bottom-right-radius : 0 ; -ms- border-bottom-right-radius : 0 ; -o- border-bottom-right-radius : 0 ; border-bottom-right-radius : 0 ; }
2012-06-14 20:43:29 +02:00
. field . TreeDropdownField . badge { display : none ; }
2011-07-21 20:14:33 +02:00
. field . dropdown select { margin-top : 8 px ; }
. field . chzn-container . chzn-results li { font-size : 11 px ; line-height : 16 px ; padding : 4 px 4 px ; }
. field . chzn-container-active . chzn-single { border : 1 px solid #9a9a9a ; }
2012-03-09 03:04:26 +01:00
. field . chzn-container-single . chzn-single { height : 26 px ; line-height : 26 px ; /* not relative, as then we'd had to redo most of chzn */ font-size : 12 px ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #efefef ) , color-stop ( 10 % , #ffffff ) , color-stop ( 90 % , #ffffff ) , color-stop ( 100 % , #efefef ) ) ; background-image : -webkit- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : -moz- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : -o- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : -ms- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; }
2011-07-21 20:14:33 +02:00
. field . chzn-container-single . chzn-single : hover , . field . chzn-container-single . chzn-single : focus , . field . chzn-container-single . chzn-single : active { text-decoration : none ; outline : none ; }
. field . chzn-container-single . chzn-single div { width : 24 px ; }
2012-02-13 18:14:29 +01:00
. field . chzn-container-single . chzn-single div b { background-position : 4 px 0 px ; }
2011-07-21 20:14:33 +02:00
. field input . hasDatepicker { width : 50 % ; max-width : 96 px ; }
2012-06-26 18:45:54 +02:00
. field input . month , . field input . day , . field input . year { width : 56 px ; }
2012-07-04 18:57:07 +02:00
. field input . time { width : 64 px ; }
2012-03-09 01:20:27 +01:00
. field . remove-splitter { border-bottom : none ; box-shadow : none ; }
2011-04-30 05:11:10 +02:00
2011-07-07 07:34:55 +02:00
/** ---------------------------------------------------- Buttons ---------------------------------------------------- */
2012-02-17 00:35:10 +01:00
. cms . Actions > * , . cms . cms-actions-row > * { display : block ; float : left ; margin-right : 8 px ; }
. cms . Actions > * : last-child , . cms . cms-actions-row > * : last-child { margin-right : 0 ; }
2012-06-06 21:02:13 +02:00
. cms . Actions { min-height : 30 px ; overflow : auto ; }
2012-03-09 22:05:06 +01:00
. cms input . loading , . cms button . 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 { color : #525252 ; border-color : #d5d3d3 ; cursor : default ; }
. cms input . loading . ui-icon , . cms button . loading . ui-icon , . cms input . ui-state-default . loading . ui-icon , . cms . ui-widget-content input . ui-state-default . loading . ui-icon , . cms . ui-widget-header input . ui-state-default . loading . ui-icon { background : transparent url ( ../../images/network-save.gif ) no-repeat 0 0 ; }
2012-03-12 11:10:25 +01:00
. cms input . loading . ss-ui-action-constructive . ui-icon , . cms button . loading . ss-ui-action-constructive . ui-icon { background : transparent url ( ../../images/network-save-constructive.gif ) no-repeat 0 0 ; }
2012-03-16 05:06:12 +01:00
. cms . ss-ui-button { margin-top : 0 px ; font-weight : bold ; text-decoration : none ; line-height : 16 px ; color : #393939 ; border : 1 px solid #c0c0c2 ; border-bottom : 1 px solid #a6a6a9 ; cursor : pointer ; text-shadow : white 0 1 px 1 px ; background-color : #e6e6e6 ; background : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #d9d9d9 ) ) ; background : -webkit- linear-gradient ( #ffffff , #d9d9d9 ) ; background : -moz- linear-gradient ( #ffffff , #d9d9d9 ) ; background : -o- linear-gradient ( #ffffff , #d9d9d9 ) ; background : -ms- linear-gradient ( #ffffff , #d9d9d9 ) ; background : linear-gradient ( #ffffff , #d9d9d9 ) ; /* constructive */ /* destructive */ }
2012-01-23 10:23:49 +01:00
. cms . ss-ui-button . buttonset { margin : 0 -1 px ; }
2012-06-03 23:22:29 +02:00
. cms . ss-ui-button . ui-state-hover , . cms . ss-ui-button : hover { text-decoration : none ; background-color : white ; background : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : linear-gradient ( #ffffff , #e6e6e6 ) ; -webkit- box-shadow : 0 0 5 px #b3b3b3 ; -moz- box-shadow : 0 0 5 px #b3b3b3 ; box-shadow : 0 0 5 px #b3b3b3 ; }
. cms . ss-ui-button : active , . cms . ss-ui-button : focus , . cms . ss-ui-button . ui-state-active , . cms . ss-ui-button . ui-state-focus { border : 1 px solid #b3b3b3 ; background-color : white ; background : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -o- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -ms- linear-gradient ( #ffffff , #e6e6e6 ) ; background : linear-gradient ( #ffffff , #e6e6e6 ) ; -webkit- box-shadow : 0 0 5 px #b3b3b3 inset ; -moz- box-shadow : 0 0 5 px #b3b3b3 inset ; box-shadow : 0 0 5 px #b3b3b3 inset ; }
2012-05-08 04:15:09 +02:00
. cms . ss-ui-button . ss-ui-action-constructive { text-shadow : none ; font-weight : bold ; color : white ; border-color : #1f9433 ; border-bottom-color : #166a24 ; background-color : #1f9433 ; background : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzYmU0MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmOTQzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #93be42 ) , color-stop ( 100 % , #1f9433 ) ) ; background : -webkit- linear-gradient ( #93be42 , #1f9433 ) ; background : -moz- linear-gradient ( #93be42 , #1f9433 ) ; background : -o- linear-gradient ( #93be42 , #1f9433 ) ; background : -ms- linear-gradient ( #93be42 , #1f9433 ) ; background : linear-gradient ( #93be42 , #1f9433 ) ; text-shadow : #1c872f 0 -1 px -1 px ; }
. cms . ss-ui-button . ss-ui-action-constructive . ui-state-hover , . cms . ss-ui-button . ss-ui-action-constructive : hover { border-color : #166a24 ; background-color : #1f9433 ; background : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0Y2EzYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIzYTkzYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #a4ca3a ) , color-stop ( 100 % , #23a93a ) ) ; background : -webkit- linear-gradient ( #a4ca3a , #23a93a ) ; background : -moz- linear-gradient ( #a4ca3a , #23a93a ) ; background : -o- linear-gradient ( #a4ca3a , #23a93a ) ; background : -ms- linear-gradient ( #a4ca3a , #23a93a ) ; background : linear-gradient ( #a4ca3a , #23a93a ) ; }
2012-06-03 23:22:29 +02:00
. cms . ss-ui-button . ss-ui-action-constructive : active , . cms . ss-ui-button . ss-ui-action-constructive : focus , . cms . ss-ui-button . ss-ui-action-constructive . ui-state-active , . cms . ss-ui-button . ss-ui-action-constructive . ui-state-focus { background-color : #1d8c30 ; -webkit- box-shadow : inset 0 1 px 3 px #17181a , 0 1 px 0 rgba ( 255 , 255 , 255 , 0.6 ) ; -moz- box-shadow : inset 0 1 px 3 px #17181a , 0 1 px 0 rgba ( 255 , 255 , 255 , 0.6 ) ; box-shadow : inset 0 1 px 3 px #17181a , 0 1 px 0 rgba ( 255 , 255 , 255 , 0.6 ) ; }
2012-01-03 17:38:11 +01:00
. cms . ss-ui-button . ss-ui-action-destructive { color : red ; background-color : #e6e6e6 ; }
2012-05-10 14:17:02 +02:00
. cms . ss-ui-button . ss-ui-button-small . ui-button-text { padding : 2 px 2 px ; font-size : 10 px ; }
2012-01-03 17:38:11 +01:00
. cms . ss-ui-button . ui-state-highlight { background-color : #e6e6e6 ; border : 1 px solid #708284 ; }
2012-06-03 23:22:29 +02:00
. cms . ss-ui-button . ss-ui-action-minor { background : none ; border : 0 ; color : #393939 ; text-decoration : underline ; -webkit- box-shadow : none ; -moz- box-shadow : none ; box-shadow : none ; }
2012-01-03 17:38:11 +01:00
. cms . ss-ui-button . ss-ui-action-minor : hover { text-decoration : none ; color : #1f1f1f ; }
. cms . ss-ui-button . ss-ui-action-minor : focus , . cms . ss-ui-button . ss-ui-action-minor : active { text-decoration : none ; color : #525252 ; }
2012-03-24 02:20:33 +01:00
. cms . ss-ui-button . ss-ui-button-loading { opacity : 0.8 ; }
. cms . ss-ui-loading-icon { background : url ( ../../images/network-save.gif ) no-repeat ; display : block ; width : 16 px ; height : 16 px ; }
2011-07-21 20:14:33 +02:00
/** ---------------------------------------------------- Grouped form fields ---------------------------------------------------- */
2012-04-13 23:47:17 +02:00
. fieldgroup . fieldgroup-field { float : left ; display : block ; width : 184 px ; padding : 8 px 0 0 8 px ; }
2011-07-21 20:14:33 +02:00
. fieldgroup . fieldgroup-field . field { border : none ; padding-bottom : 0 ; }
2012-06-13 06:20:07 +02:00
. ss-toggle { margin-bottom : 8 px ; }
. ss-toggle . ui-accordion-header { font-weight : bold ; }
. ss-toggle . ui-accordion-header . ui-state-default { background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNDEsIDI0MiwgMjQyLCAwLjgpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDIwMSwgMjA1LCAyMDYsIDAuOCkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , rgba ( 241 , 242 , 242 , 0.8 ) ) , color-stop ( 100 % , rgba ( 201 , 205 , 206 , 0.8 ) ) ) ; background-image : -webkit- linear-gradient ( rgba ( 241 , 242 , 242 , 0.8 ) , rgba ( 201 , 205 , 206 , 0.8 ) ) ; background-image : -moz- linear-gradient ( rgba ( 241 , 242 , 242 , 0.8 ) , rgba ( 201 , 205 , 206 , 0.8 ) ) ; background-image : -o- linear-gradient ( rgba ( 241 , 242 , 242 , 0.8 ) , rgba ( 201 , 205 , 206 , 0.8 ) ) ; background-image : -ms- linear-gradient ( rgba ( 241 , 242 , 242 , 0.8 ) , rgba ( 201 , 205 , 206 , 0.8 ) ) ; background-image : linear-gradient ( rgba ( 241 , 242 , 242 , 0.8 ) , rgba ( 201 , 205 , 206 , 0.8 ) ) ; text-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.5 ) ; }
. ss-toggle . ui-accordion-content { padding : 16 px 0 8 px 0 ; }
. ss-toggle . ui-accordion-content . field { -webkit- box-shadow : none ; -moz- box-shadow : none ; box-shadow : none ; padding-left : 16 px ; padding-right : 16 px ; }
. ss-toggle . ui-accordion-content . field : last-child { margin-bottom : 0 ; }
2011-07-21 20:14:33 +02:00
/** ---------------------------------------------------- Checkbox Field ---------------------------------------------------- */
2012-01-03 14:49:35 +01:00
. field . checkbox { padding-left : 184 px ; margin-bottom : 8 px ; }
. field . checkbox input { margin-left : 0 ; }
2011-07-21 20:14:33 +02:00
2012-01-06 20:44:34 +01:00
input . checkbox { margin-left : 0 ; }
/** ---------------------------------------------------- Radiobutton Field ---------------------------------------------------- */
. field . radio { padding-left : 184 px ; margin-bottom : 8 px ; }
. field . radio input { margin-left : 0 ; }
input . radio { margin-left : 0 ; }
2011-07-21 20:14:33 +02:00
/** ---------------------------------------------------- Optionsets and Checkboxsets ---------------------------------------------------- */
2012-01-06 20:44:34 +01:00
. optionset { padding-bottom : 8 px ; }
. optionset li { float : left ; display : block ; width : 216 px ; padding-bottom : 8 px ; line-height : 16 px ; list-style : none ; }
. optionset li input { display : inline-block ; padding-right : 0 ; margin-right : 0 ; }
. optionset li label { display : inline ; cursor : pointer ; padding-left : 8 px ; }
2011-07-21 20:14:33 +02:00
/** ---------------------------------------------------- HTML Text ---------------------------------------------------- */
2011-12-14 16:54:52 +01:00
. htmleditor textarea { visibility : hidden ; }
2012-01-03 14:49:35 +01:00
. htmleditor . mceEditor input , . htmleditor . mceEditor select { width : auto ; }
2012-06-11 06:02:33 +02:00
. htmleditor label . left { padding-bottom : 4 px ; }
2011-07-07 07:34:55 +02:00
2011-06-10 04:56:55 +02:00
. action-hidden { display : none ; }
2012-02-07 23:24:42 +01:00
/ * *
* This file defines most styles of the CMS : Colors , fonts , backgrounds ,
* alignments , dimensions .
*
* Use SCSS variable definitions in screen . css to avoid repeating styles
* like background colours or padding dimensions . See themes / _default . scss
* to get started .
*
* To avoid this file getting too large and complicated , it is encouraged to
* create new SCSS files for larger components like the CMS menu or tree
* ( see _tree . scss and _menu . scss ) .
* /
2011-07-21 20:14:33 +02:00
/** ---------------------------------------------------- Core Styles. ---------------------------------------------------- */
2012-03-15 02:13:30 +01:00
html , body { width : 100 % ; height : 100 % ; /* Removes RHS whitespace on iPad */ overflow-x : hidden ; }
2011-05-20 01:29:40 +02:00
2012-01-03 17:38:11 +01:00
body . cms { overflow : hidden ; }
2012-03-05 14:39:44 +01:00
. cms a { color : #1556b2 ; text-decoration : none ; }
2011-07-21 20:14:33 +02:00
. cms a : hover , . cms a : focus { text-decoration : underline ; }
. cms body . ui-widget { font-family : Arial , sans-serif ; font-size : 12 px ; }
. cms strong { font-weight : bold ; }
2011-03-31 06:43:20 +02:00
2011-08-22 06:44:41 +02:00
/** -------------------------------------------- Helpers -------------------------------------------- */
. cms-helper-hide-actions . Actions { display : none ; }
2012-04-10 02:41:19 +02:00
. hide { display : none ; }
2011-07-21 20:14:33 +02:00
/** -------------------------------------------- Panels Styles -------------------------------------------- */
. cms-container { height : 100 % ; background : #f0f3f4 url ( ../images/textures/bg_cms_main_content.png ) repeat top left ; }
2011-04-05 11:06:56 +02:00
2011-07-21 20:14:33 +02:00
. cms-preview , . cms-menu , . cms-content , . cms-content-header , . cms-content-tools , . cms-content-fields , . cms-edit-form , . cms-preview , . cms-preview iframe , . cms-preview-controls { display : -moz- inline - box ; -moz- box-orient : vertical ; display : inline-block ; vertical-align : middle ; * vertical-align : auto ; }
. cms-preview , . cms-menu , . cms-content , . cms-content-header , . cms-content-tools , . cms-content-fields , . cms-edit-form , . cms-preview , . cms-preview iframe , . cms-preview-controls { * display : inline ; }
2011-07-21 11:52:17 +02:00
2012-06-06 14:35:07 +02:00
. cms-content-header { padding-left : 16 px ; z-index : 60 ; -webkit- box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 4 px inset ; -moz- box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 4 px inset ; box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 4 px inset ; background-image : url ( ../images/textures/cms_content_header.png ) ; background-repeat : repeat ; }
. cms-content-header . cms-content-header-info * , . cms-content-header . cms-content-header-tabs * { display : -moz- inline - box ; -moz- box-orient : vertical ; display : inline-block ; vertical-align : middle ; * vertical-align : auto ; }
. cms-content-header . cms-content-header-info * , . cms-content-header . cms-content-header-tabs * { * display : inline ; }
2012-02-14 16:01:26 +01:00
. cms-content-header a { color : #1556b2 ; }
2012-03-14 23:09:14 +01:00
. cms-content-header . backlink span . btn-icon-back { height : 16 px ; }
2012-06-06 14:35:07 +02:00
. cms-content-header h2 { font-size : 14 px ; font-weight : bold ; margin : 0 ; }
. cms-content-header . cms-content-header-info { float : left ; line-height : 38 px ; }
. cms-content-header . cms-content-header-tabs { float : right ; padding-right : 24 px ; line-height : 40 px ; }
. cms-content-header . cms-content-header-tabs . ui-tabs-nav li a { display : -moz- inline - box ; -moz- box-orient : vertical ; display : inline-block ; vertical-align : middle ; * vertical-align : auto ; float : none ; line-height : 40 px ; font-weight : bold ; margin : 0 ; padding : 0 16 px ; }
. cms-content-header . cms-content-header-tabs . ui-tabs-nav li a { * display : inline ; }
2012-06-06 20:55:25 +02:00
. cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-state-default , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-default , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-default { border-top : none ; -webkit- box-shadow : rgba ( 201 , 205 , 206 , 0.8 ) 0 0 2 px ; -moz- box-shadow : rgba ( 201 , 205 , 206 , 0.8 ) 0 0 2 px ; box-shadow : rgba ( 201 , 205 , 206 , 0.8 ) 0 0 2 px ; }
. cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-state-active , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active { border-top : none ; padding-bottom : 0 px ; -webkit- box-shadow : none ; -moz- box-shadow : none ; box-shadow : none ; }
2012-02-17 05:00:29 +01:00
. cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-all , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-top , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-right , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-tr { border-radius : 0 ; }
. cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-all , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-top , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-left , . cms-content-header . cms-content-header-tabs . ui-tabs-nav . ui-corner-tl { border-radius : 0 ; }
2012-06-06 14:35:07 +02:00
. cms-content-header . ss-ui-button { line-height : 24 px ; }
. cms-content-header . ss-ui-button . ui-button-text { line-height : 1.4 ; }
2012-02-17 00:40:19 +01:00
2012-03-07 02:48:00 +01:00
. cms-edit-form . cms-content-header-tabs . ui-tabs-nav li a { text-indent : 0 ; }
2012-02-28 15:57:39 +01:00
/** -------------------------------------------- Tabs -------------------------------------------- */
2012-03-09 09:52:03 +01:00
. cms-content-header . ui-tabs-nav li , . cms-dialog . ui-tabs-nav li { margin : 0 ; }
. cms-content-header . ui-tabs-nav li a , . cms-dialog . ui-tabs-nav li a { font-weight : bold ; line-height : 16 px ; padding : 12 px 20 px 11 px ; }
2012-05-21 02:48:53 +02:00
. cms-content-header . ui-tabs-nav . ui-state-default , . cms-content-header . ui-tabs-nav . ui-widget-content . ui-state-default , . cms-content-header . ui-tabs-nav . ui-widget-header . ui-state-default , . cms-dialog . ui-tabs-nav . ui-state-default , . cms-dialog . ui-tabs-nav . ui-widget-content . ui-state-default , . cms-dialog . ui-tabs-nav . ui-widget-header . ui-state-default { background-color : #b0bec7 ; text-shadow : #e6e6e6 0 1 px 0 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjYTFhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #b0bec7 ) , color-stop ( 100 % , #8ca1ae ) ) ; background-image : -webkit- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -moz- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -o- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -ms- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : linear-gradient ( #b0bec7 , #8ca1ae ) ; border-right-color : #8399a7 ; border-left-color : #ced7dc ; }
. cms-content-header . ui-tabs-nav . ui-state-default a , . cms-content-header . ui-tabs-nav . ui-widget-content . ui-state-default a , . cms-content-header . ui-tabs-nav . ui-widget-header . ui-state-default a , . cms-dialog . ui-tabs-nav . ui-state-default a , . cms-dialog . ui-tabs-nav . ui-widget-content . ui-state-default a , . cms-dialog . ui-tabs-nav . ui-widget-header . ui-state-default a { color : #FFF ; text-shadow : 0 -1 px 0 rgba ( 0 , 0 , 0 , 0.2 ) ; }
. cms-content-header . ui-tabs-nav . ui-state-active , . cms-content-header . ui-tabs-nav . ui-widget-content . ui-state-active , . cms-content-header . ui-tabs-nav . ui-widget-header . ui-state-active , . cms-dialog . ui-tabs-nav . ui-state-active , . cms-dialog . ui-tabs-nav . ui-widget-content . ui-state-active , . cms-dialog . ui-tabs-nav . ui-widget-header . ui-state-active { background : #f0f3f4 url ( ../images/textures/bg_cms_main_content.png ) repeat top left ; border-right-color : #b3b3b3 ; border-left-color : #b3b3b3 ; margin-right : -1 px ; margin-left : -1 px ; z-index : 2 ; }
. cms-content-header . ui-tabs-nav . ui-state-active a , . cms-content-header . ui-tabs-nav . ui-widget-content . ui-state-active a , . cms-content-header . ui-tabs-nav . ui-widget-header . ui-state-active a , . cms-dialog . ui-tabs-nav . ui-state-active a , . cms-dialog . ui-tabs-nav . ui-widget-content . ui-state-active a , . cms-dialog . ui-tabs-nav . ui-widget-header . ui-state-active a { border-bottom : none ; color : #444444 ; text-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.9 ) ; }
2011-04-14 07:10:50 +02:00
2012-06-15 05:38:29 +02:00
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav li a { font-weight : bold ; line-height : 16 px ; padding : 12 px 20 px 11 px ; text-transform : capitalize ; text-indent : -9999 em ; display : block ; background : url ( ../images/content-header-tabs-sprite.png ) no-repeat ; }
2012-05-11 01:12:44 +02:00
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav li . content-treeview a { background-position : 2 px 0 px ; }
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav li . content-galleryview a { background-position : -87 px 0 px ; }
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav li . content-listview a { background-position : -38 px 0 px ; }
2012-04-05 07:01:02 +02:00
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-state-active , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active { border-top : none ; padding-bottom : 1 px ; }
2012-05-11 01:12:44 +02:00
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-state-active . content-treeview a , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active . content-treeview a , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active . content-treeview a { background-position : 2 px -40 px ; }
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-state-active . content-galleryview a , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active . content-galleryview a , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active . content-galleryview a { background-position : -87 px -40 px ; }
. CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-state-active . content-listview a , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-content . ui-state-active . content-listview a , . CMSPagesController . cms-content-header-tabs . ui-tabs-nav . ui-widget-header . ui-state-active . content-listview a { background-position : -38 px -40 px ; }
2012-03-07 02:48:00 +01:00
2012-05-12 07:38:37 +02:00
. CMSPageEditController . cms-content-header-tabs . ui-tabs-nav . ui-state-active , . CMSPageSettingsController . cms-content-header-tabs . ui-tabs-nav . ui-state-active , . CMSPageHistoryController . cms-content-header-tabs . ui-tabs-nav . ui-state-active { background : #e6eaed ; }
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 ; }
2012-06-03 23:22:29 +02:00
. ss-loading-screen p span . notice { width : 300 px ; font-size : 14 px ; padding : 10 px 20 px ; color : #dc7f00 ; border : none ; background : none ; -webkit- border-radius : 5 px ; -moz- border-radius : 5 px ; -ms- border-radius : 5 px ; -o- 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-06-06 14:35:07 +02:00
. cms-content-actions { margin : 0 ; padding : 12 px 16 px ; z-index : 0 ; border-top : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; border-top : 1 px solid #FAFAFA ; -webkit- box-shadow : #cccccc 0 -1 px 1 px ; -moz- box-shadow : #cccccc 0 -1 px 1 px ; box-shadow : #cccccc 0 -1 px 1 px ; }
2011-05-20 01:29:40 +02:00
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Messages -------------------------------------------- */
2012-07-18 16:47:39 +02:00
. message { display : block ; clear : both ; margin : 0 0 8 px 0 ; padding : 7 px 7 px ; font-weight : bold ; border : 1 px black solid ; }
2011-04-19 06:34:30 +02:00
. message . notice { background-color : #ffbe66 ; border-color : #ff9300 ; }
2011-08-26 04:09:25 +02:00
. message . notice a { color : #999 ; }
2011-04-19 06:34:30 +02:00
. message . warning { background-color : #ffbe66 ; border-color : #ff9300 ; }
2012-07-18 16:47:39 +02:00
. message . error , . message . bad , . message . required , . message . validation { background-color : #ffbe66 ; border-color : #ff9300 ; }
2012-06-03 23:22:29 +02:00
. message . good { background-color : #65a839 ; background-color : rgba ( 101 , 168 , 57 , 0.7 ) ; border-color : #65a839 ; color : #fff ; text-shadow : 1 px -1 px 0 #1f9433 ; -webkit- border-radius : 3 px 3 px 3 px 3 px ; -moz- border-radius : 3 px 3 px 3 px 3 px ; -ms- border-radius : 3 px 3 px 3 px 3 px ; -o- border-radius : 3 px 3 px 3 px 3 px ; border-radius : 3 px 3 px 3 px 3 px ; }
2011-09-19 21:01:17 +02:00
. message p { margin : 0 ; }
2011-04-19 06:34:30 +02:00
2012-06-13 09:46:22 +02:00
/** -------------------------------------------- Page icons -------------------------------------------- */
. page-icon , a . jstree-pageicon { display : block ; width : 16 px ; height : 16 px ; background : transparent url ( ../images/sitetree_ss_pageclass_icons_default.png ) no-repeat ; }
. page-icon . class-HomePage { background-position : 0 -48 px ; }
. page-icon . class-RedirectorPage { background-position : 0 -16 px ; }
. page-icon . class-VirtualPage { background-position : 0 -32 px ; }
. page-icon . class-ErrorPage { background-position : 0 -112 px ; }
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
2012-05-08 04:15:09 +02:00
. cms-add-form . step-label { opacity : 0.9 ; }
2012-03-27 16:54:25 +02:00
. cms-add-form . step-label . flyout { height : 17 px ; padding-top : 5 px ; }
. cms-add-form . step-label . title { padding-top : 5 px ; font-weight : bold ; text-shadow : 1 px 1 px 0 white ; }
. cms-add-form ul . SelectionGroup { padding-left : 28 px ; }
2012-03-12 10:53:51 +01:00
. cms-add-form . parent-mode { padding : 8 px ; overflow : auto ; }
2012-07-11 00:09:10 +02:00
. cms-add-form # PageType ul { padding-left : 20 px ; }
. cms-add-form # PageType ul 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 ul li : last-child { border-bottom : none ; }
. cms-add-form # PageType ul li : hover , . cms-add-form # PageType ul li . selected { background-color : rgba ( 255 , 255 , 102 , 0.3 ) ; }
. cms-add-form # PageType ul li . disabled { color : #aaaaaa ; }
. cms-add-form # PageType ul li . disabled : hover { background : none ; }
. cms-add-form # PageType ul li input { margin : inherit ; }
. cms-add-form # PageType ul li label { padding-left : 0 ; padding-bottom : 0 ; }
. cms-add-form # PageType ul li input , . cms-add-form # PageType ul li label , . cms-add-form # PageType ul li . page-icon , . cms-add-form # PageType ul li . title { float : left ; line-height : 1.3 em ; }
. cms-add-form # PageType ul li . page-icon { margin : 0 4 px ; }
. cms-add-form # PageType ul li . title { width : 120 px ; font-weight : bold ; padding-right : 10 px ; }
. cms-add-form # PageType ul li . description { font-style : italic ; }
2011-04-24 01:05:59 +02:00
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Content toolbar -------------------------------------------- */
2012-02-07 23:24:42 +01:00
. cms-content-toolbar { display : block ; margin : 0 0 15 px 0 ; border-bottom : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; -webkit- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; -moz- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; -o- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; * zoom : 1 ; /* smaller treedropdown */ }
2011-07-21 20:14:33 +02:00
. cms-content-toolbar : after { content : "\0020" ; display : block ; height : 0 ; clear : both ; overflow : hidden ; visibility : hidden ; }
2012-02-28 21:44:11 +01:00
. cms-content-toolbar . cms-tree-view-modes { float : right ; padding-top : 5 px ; }
2011-04-24 01:05:59 +02:00
. cms-content-toolbar . cms-tree-view-modes * { display : inline-block ; }
2012-02-07 23:24:42 +01:00
. cms-content-toolbar . cms-tree-view-modes * label { color : #1556b2 ; }
2012-03-09 03:04:26 +01:00
. cms-content-toolbar . chzn-container-single . chzn-single { height : 26 px ; line-height : 26 px ; padding-left : 25 px ; color : #576468 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NkY2RjZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #e6e6e6 ) , color-stop ( 100 % , #cdcdcd ) ) ; background-image : -webkit- linear-gradient ( #e6e6e6 , #cdcdcd ) ; background-image : -moz- linear-gradient ( #e6e6e6 , #cdcdcd ) ; background-image : -o- linear-gradient ( #e6e6e6 , #cdcdcd ) ; background-image : -ms- linear-gradient ( #e6e6e6 , #cdcdcd ) ; background-image : linear-gradient ( #e6e6e6 , #cdcdcd ) ; font-size : 13 px ; font-weight : bold ; text-shadow : #e6e6e6 0 -1 px 1 px ; box-shadow : none ; }
2012-06-03 23:22:29 +02:00
. cms-content-toolbar . chzn-container-single . chzn-single : hover { -webkit- box-shadow : 0 0 5 px #b3b3b3 ; -moz- box-shadow : 0 0 5 px #b3b3b3 ; box-shadow : 0 0 5 px #b3b3b3 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ebebeb ) , color-stop ( 100 % , #d2d2d2 ) ) ; background-image : -webkit- linear-gradient ( #ebebeb , #d2d2d2 ) ; background-image : -moz- linear-gradient ( #ebebeb , #d2d2d2 ) ; background-image : -o- linear-gradient ( #ebebeb , #d2d2d2 ) ; background-image : -ms- linear-gradient ( #ebebeb , #d2d2d2 ) ; background-image : linear-gradient ( #ebebeb , #d2d2d2 ) ; }
. cms-content-toolbar . chzn-container-single . chzn-single : active { -webkit- box-shadow : inset 0 1 px 3 px #4d4d4d ; -moz- box-shadow : inset 0 1 px 3 px #4d4d4d ; box-shadow : inset 0 1 px 3 px #4d4d4d ; }
2012-02-07 23:24:42 +01:00
. cms-content-toolbar . chzn-container-single . chzn-single span { padding-top : 1 px ; }
2012-02-17 00:35:10 +01:00
. cms-content-toolbar . chzn-container-single . chzn-single div { background : url ( ../images/btn-icon/settings.png ) 5 px 4 px no-repeat ; border-left : none ; width : 100 % ; }
. cms-content-toolbar . chzn-container-single . chzn-single div b { background : url ( ../images/sprites-32x32/menu-arrow-deselected-down.png ) no-repeat 9 px 11 px ; float : right ; width : 24 px ; }
2011-04-24 01:41:21 +02:00
2011-07-21 20:14:33 +02:00
/* -------------------------------------------------------- Content Tools is the sidebar on the left of the main content panel */
2012-06-03 23:22:29 +02:00
. cms-content-tools { background-color : #F1F4F5 ; background : #f0f3f4 url ( ../images/textures/bg_cms_main_content.png ) repeat top left ; width : 192 px ; border-right : 1 px solid #bfcad2 ; overflow-y : auto ; overflow-x : hidden ; z-index : 70 ; -webkit- box-shadow : rgba ( 0 , 0 , 0 , 0.6 ) 0 2 px 3 px ; -moz- box-shadow : rgba ( 0 , 0 , 0 , 0.6 ) 0 2 px 3 px ; box-shadow : rgba ( 0 , 0 , 0 , 0.6 ) 0 2 px 3 px ; float : left ; position : relative ; }
2012-05-08 00:43:25 +02:00
. cms-content-tools . filter { padding : 0 !important ; }
2012-04-18 03:59:00 +02:00
. cms-content-tools . cms-panel-header { clear : both ; 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 ( 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 ) ; }
2012-06-11 06:02:33 +02:00
. cms-content-tools . cms-panel-content { width : 176 px ; padding : 8 px 8 px 0 ; overflow : auto ; height : 100 % ; }
2012-04-10 07:39:46 +02:00
. cms-content-tools . cms-panel-content . dropdown select { width : 160 px ; }
2012-06-03 23:22:29 +02:00
. cms-content-tools . cms-panel-content # LastEditedFrom { -webkit- box-shadow : none ; -moz- box-shadow : none ; box-shadow : none ; }
2012-04-11 16:49:31 +02:00
. cms-content-tools . cms-panel-content # LastEditedFrom input { width : 160 px ; }
. cms-content-tools . cms-panel-content # LastEditedFrom input . hasDatepicker { max-width : 160 px ; }
2012-06-03 23:22:29 +02:00
. cms-content-tools . cms-panel-content # LastEditedTo { -webkit- box-shadow : none ; -moz- box-shadow : none ; box-shadow : none ; }
2012-04-11 16:49:31 +02:00
. cms-content-tools . cms-panel-content # LastEditedTo input { width : 160 px ; }
. cms-content-tools . cms-panel-content # LastEditedTo input . hasDatepicker { max-width : 160 px ; }
. cms-content-tools . cms-panel-content . Actions . ss-ui-action-constructive { margin-right : 5 px ; }
2012-03-09 03:04:26 +01:00
. cms-content-tools . cms-content-header { background-color : #748d9d ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc0OGQ5ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; 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 ) ; }
2012-06-08 06:42:14 +02:00
. cms-content-tools . cms-content-header h2 { text-shadow : #5c7382 -1 px -1 px 0 ; width : 176 px ; color : white ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; -o- text-overflow : ellipsis ; }
2011-07-21 20:14:33 +02:00
. cms-content-tools h3 , . cms-content-tools h4 , . cms-content-tools h5 { font-weight : bold ; line-height : 16 px ; }
. cms-content-tools h3 { font-size : 13 px ; }
2012-04-11 06:00:56 +02:00
. cms-content-tools h4 { font-size : 12 px ; margin : 5 px 0 ; }
2011-08-16 04:57:30 +02:00
. cms-content-tools . ui-widget-content { background : none ; }
2012-02-07 23:24:42 +01:00
. cms-content-tools . field { /* Fields are more compressed in the sidebar compared to the main content editing window so the below alters the internal spacing of the fields so we can move that spacing to between the form fields rather than padding */ }
2011-08-16 04:57:30 +02:00
. cms-content-tools . field label { float : none ; width : auto ; font-size : 11 px ; padding : 0 8 px 4 px 0 ; }
. cms-content-tools . field . middleColumn { margin : 0 ; }
2011-08-22 06:44:41 +02:00
. cms-content-tools . field input . text , . cms-content-tools . field select , . cms-content-tools . field textarea { padding : 5 px ; font-size : 11 px ; }
2011-10-29 02:36:03 +02:00
. cms-content-tools . field . checkbox { padding : 0 8 px 0 ; }
2011-08-22 06:44:41 +02:00
. cms-content-tools . field . checkbox input { margin : 2 px 0 ; }
2011-07-21 20:14:33 +02:00
. cms-content-tools . fieldgroup . fieldgroup-field { width : auto ; padding : 0 ; }
. cms-content-tools . fieldgroup . fieldgroup-field . field { margin : 0 ; padding : 0 ; }
2011-08-22 06:44:41 +02:00
. cms-content-tools table { margin : 8 px -4 px ; }
. cms-content-tools table thead th { color : #1f1f1f ; font-weight : bold ; line-height : 16 px ; font-size : 11 px ; padding : 4 px ; }
. cms-content-tools table tr . active { background-color : #338dc1 ; color : white ; }
2012-06-03 23:22:29 +02:00
. cms-content-tools table tr . active td . first-column { -webkit- border-radius : 6 px 0 0 6 px ; -moz- border-radius : 6 px 0 0 6 px ; -ms- border-radius : 6 px 0 0 6 px ; -o- 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 { -webkit- border-radius : 0 6 px 6 px 0 ; -moz- border-radius : 0 6 px 6 px 0 ; -ms- border-radius : 0 6 px 6 px 0 ; -o- border-radius : 0 6 px 6 px 0 ; border-radius : 0 6 px 6 px 0 ; }
2011-08-22 06:44:41 +02:00
. cms-content-tools table td { padding : 4 px ; line-height : 16 px ; vertical-align : top ; }
. cms-content-tools td { border-bottom : 1 px solid #ced7dc ; padding : 7 px 2 px ; font-size : 11 px ; }
2011-07-07 08:01:25 +02:00
2011-08-16 04:57:30 +02:00
/** CMS Batch actions */
2012-02-07 23:24:42 +01:00
. cms-content-batchactions { float : left ; position : relative ; display : block ; margin-left : 8 px ; }
2011-08-16 04:57:30 +02:00
. cms-content-batchactions form > * { display : block ; float : left ; }
. cms-content-batchactions form . cms-batch-actions { float : left ; }
2011-07-07 08:01:25 +02:00
2011-10-29 12:59:42 +02:00
# Form_BatchActionsForm select { width : 200 px ; }
2012-01-03 17:38:11 +01:00
/** -------------------------------------------- Preview -------------------------------------------- */
. cms-switch-view a { padding-right : 1 em ; }
2012-06-06 21:02:13 +02:00
. cms-preview { display : none ; width : 1 px ; z-index : 100 ; }
2012-01-03 17:38:11 +01:00
. cms-preview . cms-preview-toggle { width : 10 px ; cursor : pointer ; }
2012-06-03 23:22:29 +02:00
. 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 ; -ms- border-bottom-right-radius : 4 px ; -o- 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 ; -ms- border-top-right-radius : 4 px ; -o- border-top-right-radius : 4 px ; border-top-right-radius : 4 px ; -webkit- box-shadow : 0 0 10 px rgba ( 180 , 180 , 180 , 0.4 ) ; -moz- box-shadow : 0 0 10 px rgba ( 180 , 180 , 180 , 0.4 ) ; box-shadow : 0 0 10 px rgba ( 180 , 180 , 180 , 0.4 ) ; }
2012-01-03 17:38:11 +01:00
. 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 % ; }
2012-05-04 03:51:06 +02:00
. cms-preview . cms-preview-watermark { z-index : 99 ; position : fixed ; right : 60 px ; top : 30 px ; opacity : 0.3 ; padding : .4 em 1 em ; cursor : default ; font-weight : bold ; text-decoration : none ; line-height : 16 px ; color : #393939 ; border : 1 px solid #AAAAAA ; border-radius : 12 px ; background-color : white ; text-shadow : #e6e6e6 0 1 px 0 ; }
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 ; }
2012-05-04 03:51:06 +02:00
. cms-preview . cms-preview-controls li { margin : 0 2 px ; }
. cms-preview . cms-preview-controls a . disabled { padding : .4 em 1 em ; color : #525252 ; border : 1 px solid ; border-color : #bcb9b9 ; border-radius : 12 px ; cursor : default ; background : #b0bec7 ; }
. cms-preview . cms-preview-controls . cms-preview-states { margin-right : 10 px ; margin-left : 10 px ; }
2011-07-21 20:14:33 +02:00
. cms-preview . cms-preview-controls . cms-preview-popup-link { display : inline-block ; }
2011-12-17 03:56:34 +01:00
. cms-preview . cms-preview-controls . cms-preview-toggle-link { float : right ; }
2012-02-17 00:35:10 +01:00
. cms-preview-toggle-link { display : block ; float : right ; font-size : 12 px ; text-decoration : none ; }
2011-05-20 01:29:40 +02:00
2011-04-24 01:41:21 +02:00
. cms-preview-header { background-color : #FFBE66 ; padding : 10 px ; font-weight : bold ; }
2011-04-28 12:36:28 +02:00
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Member Profile -------------------------------------------- */
2012-03-16 03:59:58 +01:00
form . member-profile-form { padding : 0 16 px 0 0 ; }
2012-04-03 04:34:42 +02:00
form . member-profile-form . ui-tabs-nav { margin-right : 40 px !important ; float : right ; }
form . member-profile-form . ui-tabs-nav . ui-state-active , form . member-profile-form . ui-tabs-nav . ui-widget-content . ui-state-active , form . member-profile-form . ui-tabs-nav . ui-widget-header . ui-state-active { padding-bottom : 1 px ; margin-bottom : -1 px ; }
2012-03-16 03:59:58 +01:00
form . member-profile-form . ui-tabs-nav . ui-state-default , form . member-profile-form . ui-tabs-nav . ui-widget-content . ui-state-default , form . member-profile-form . ui-tabs-nav . ui-widget-header . ui-state-default { border-top : none ; }
2012-04-03 04:34:42 +02:00
form . member-profile-form . ui-tabs-nav . ui-state-default a , form . member-profile-form . ui-tabs-nav . ui-widget-content . ui-state-default a , form . member-profile-form . ui-tabs-nav . ui-widget-header . ui-state-default a { padding : 12 px 20 px 11 px ; }
form . member-profile-form # Root_Permissions { clear : both ; border-top : 1 px solid #a6a6a6 ; }
form . member-profile-form # Root_Main { clear : both ; border-top : 1 px solid #a6a6a6 ; padding-top : 16 px ; }
2012-03-16 04:30:35 +01:00
form . member-profile-form # Root_Main . cms-help-toggle { text-indent : -9999 em ; display : inline-block ; width : 20 px ; background : url ( ../images/question.png ) no-repeat 0 px 0 px ; }
2012-03-16 03:59:58 +01:00
form . member-profile-form # FavouritePageID { margin-top : 8 px ; }
2011-04-30 05:11:10 +02:00
form . member-profile-form # CsvFile . middleColumn { background : none !important ; }
form . member-profile-form . advanced h4 { margin-bottom : .5 em ; }
form . member-profile-form . Actions { text-align : left ; border : 0 ; }
2012-01-06 20:44:34 +01:00
form . member-profile-form input . customFormat { width : 80 px ; border : 1 px solid #ccc !important ; padding : 3 px ; display : inline-block ; margin-left : 1 em ; }
form . member-profile-form . formattingHelpToggle { display : block ; font-size : 11 px ; }
2011-12-21 19:45:20 +01:00
form . member-profile-form . formattingHelpText { margin : 5 px 0 0 -5 px ; color : #333 ; padding : 5 px 10 px ; background : #fff ; border : 1 px solid #ccc ; }
2011-04-30 05:11:10 +02:00
form . member-profile-form . formattingHelpText ul { padding : 0 ; }
2012-01-06 20:44:34 +01:00
form . member-profile-form . formattingHelpText li { font-size : 11 px ; color : #333 ; margin-bottom : 2 px ; padding-bottom : 0 ; float : none ; width : auto ; }
2011-12-21 19:45:20 +01:00
form . member-profile-form # Groups . middleColumn { margin-left : 0 ; width : 100 % ; }
form . member-profile-form # Groups . middleColumn . TreeDropdownField { width : 90 % ; max-width : 90 % ; }
2012-01-06 20:44:34 +01:00
form . member-profile-form # Permissions . optionset li { float : none ; width : auto ; }
2012-02-17 00:40:19 +01:00
form . member-profile-form . ui-tabs-nav li { margin : 0 0 -1 px 0 ; }
2012-03-16 03:59:58 +01:00
form . member-profile-form . ui-tabs-nav . ui-corner-all , form . member-profile-form . ui-tabs-nav . ui-corner-top , form . member-profile-form . ui-tabs-nav . ui-corner-right , form . member-profile-form . ui-tabs-nav . ui-corner-tr { border-radius : 0 ; }
form . member-profile-form . ui-tabs-nav . ui-corner-all , form . member-profile-form . ui-tabs-nav . ui-corner-top , form . member-profile-form . ui-tabs-nav . ui-corner-left , form . member-profile-form . ui-tabs-nav . ui-corner-tl { border-radius : 0 ; }
2011-04-30 05:11:10 +02:00
2012-06-06 14:35:07 +02:00
. cms . cms-content { -webkit- box-shadow : 3 px 0 4 px rgba ( 0 , 0 , 0 , 0.15 ) ; -moz- 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 ) ; -webkit- border-radius : 0 ; -moz- border-radius : 0 ; -ms- border-radius : 0 ; -o- border-radius : 0 ; border-radius : 0 ; }
2012-03-27 15:31:04 +02:00
. cms . cms-content-fields { overflow-y : auto ; overflow-x : auto ; background : none ; width : 100 % ; }
2012-03-19 04:39:10 +01:00
. cms . cms-content-fields # Root_Main . confirmedpassword { border-bottom : none ; box-shadow : none ; }
. cms . cms-content-fields # Root_Main . customFormat { max-width : 80 px ; }
. cms . cms-content-fields # Root_Main . cms-help-toggle { text-indent : -9999 em ; display : inline-block ; width : 20 px ; background : url ( ../images/question.png ) no-repeat 0 px 0 px ; }
2012-03-19 04:57:16 +01:00
. cms . cms-content-fields # Root_Permissions ul . optionset li { float : none ; }
2012-06-11 06:02:33 +02:00
. cms . cms-content-fields . field . fieldholder-small { margin-top : 8 px ; }
. cms . cms-content-fields . field . fieldholder-small label { padding-top : 8 px ; width : 64 px ; float : left ; margin-left : -64 px ; }
. cms . cms-content-fields . field table . fieldholder-small { margin-top : 0 ; }
2011-07-06 15:21:46 +02:00
2012-03-04 21:57:05 +01:00
/** -------------------------------------------- "Settings" Form -------------------------------------------- */
2012-03-09 01:20:27 +01:00
# CanViewType . optionset li , # CanEditType . optionset li , # CanCreateTopLevelType . optionset li { float : none ; width : auto ; white-space : nowrap ; }
2012-03-04 21:57:05 +01:00
2012-03-04 22:07:36 +01:00
# ViewerGroups select , # EditorGroups select , # CreateTopLevelGroups select { width : 512 px ; }
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Panels -------------------------------------------- */
2011-05-13 03:30:49 +02:00
. cms-panel { overflow : hidden ; }
2012-06-03 23:22:29 +02:00
. cms-panel . cms-panel-toggle { -webkit- box-shadow : 0 0 1 px rgba ( 107 , 120 , 123 , 0.5 ) ; -moz- box-shadow : 0 0 1 px rgba ( 107 , 120 , 123 , 0.5 ) ; box-shadow : 0 0 1 px rgba ( 107 , 120 , 123 , 0.5 ) ; }
2012-05-21 01:00:10 +02:00
. cms-panel . cms-panel-toggle . south { border-top : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; }
. cms-panel . cms-panel-toggle a { display : block ; text-align : right ; padding : 4 px 0 ; width : 100 % ; text-decoration : none ; }
2011-10-29 02:01:06 +02:00
. cms-panel . cms-panel-toggle a span { display : inline-block ; margin : 0 5 px ; color : #1f1f1f ; font-size : 16 px ; }
2011-10-30 14:34:35 +01:00
. cms-panel . cms-panel-toggle a . toggle-expand { width : 40 px ; }
2012-05-21 01:00:10 +02:00
. cms-panel . cms-content-tools . cms-panel-toggle . south { border-top : 1 px solid #FFF ; }
2012-02-15 14:18:13 +01:00
. cms-panel . collapsed { cursor : pointer ; }
. cms-panel . collapsed . cms-panel-header * { display : none ; }
2011-05-13 03:30:49 +02:00
. cms-panel . collapsed . cms-panel-content { display : none ; }
2012-02-15 14:18:13 +01:00
. cms-panel . cms-panel-header { width : 100 % ; }
2012-02-17 05:00:29 +01:00
. cms-panel # cms-content-tools-CMSPageEditController . cms-panel-content-collapsed { width : 40 px ; display : none ; }
2012-06-03 23:22:29 +02:00
. cms-panel # cms-content-tools-CMSPageEditController . cms-panel-content-collapsed h2 , . cms-panel # cms-content-tools-CMSPageEditController . cms-panel-content-collapsed h3 { border-bottom : 0 ; margin-left : 8 px ; -webkit- transform-origin : bottom right ; -moz- transform-origin : bottom right ; -ms- transform-origin : bottom right ; -o- transform-origin : bottom right ; transform-origin : bottom right ; -webkit- transform : rotate ( 270 deg ) ; -moz- transform : rotate ( 270 deg ) ; -ms- transform : rotate ( 270 deg ) ; -o- transform : rotate ( 270 deg ) ; transform : rotate ( 270 deg ) ; }
2012-02-17 05:00:29 +01:00
. cms-panel # cms-content-tools-CMSPageEditController . cms-panel-content-collapsed . cms-panel-header { width : 600 px ; position : relative ; top : 24 px ; right : 577 px ; text-align : right ; }
2012-02-16 11:45:07 +01:00
. cms-panel . cms-panel-content-collapsed { width : 40 px ; display : none ; }
2012-06-03 23:22:29 +02:00
. cms-panel . cms-panel-content-collapsed h2 , . cms-panel . cms-panel-content-collapsed h3 { border-bottom : 0 ; margin-left : 8 px ; -webkit- transform-origin : bottom right ; -moz- transform-origin : bottom right ; -ms- transform-origin : bottom right ; -o- transform-origin : bottom right ; transform-origin : bottom right ; -webkit- transform : rotate ( 270 deg ) ; -moz- transform : rotate ( 270 deg ) ; -ms- transform : rotate ( 270 deg ) ; -o- transform : rotate ( 270 deg ) ; transform : rotate ( 270 deg ) ; }
2012-04-18 03:59:00 +02:00
. cms-panel . cms-panel-content-collapsed . cms-panel-header { width : 600 px ; position : relative ; right : 577 px ; text-align : right ; border-bottom : none ; box-shadow : none ; }
2011-10-10 02:24:27 +02:00
. cms-panel . child-flyout-indicator { width : 0 ; height : 0 ; border-right : 3 px dashed #1f1f1f ; border-top : 3 px solid transparent ; border-left : 3 px solid transparent ; border-bottom : 3 px dashed #1f1f1f ; position : absolute ; right : 1 px ; margin-top : -8 px ; display : none ; /* To be shown by javascript, see LeftAndMain.Panel.js */ }
2011-10-07 06:48:53 +02:00
. cms-panel . collapsed-flyout { display : block !important ; left : 41 px ; margin-top : -40 px ; position : fixed ; width : 191 px ; }
. cms-panel . collapsed-flyout li a span { display : block !important ; }
2011-05-13 03:30:49 +02:00
2012-05-08 04:15:09 +02:00
. cms . cms-panel-padded { padding : 16 px 16 px ; margin : 0 ; }
2011-12-20 16:09:55 +01:00
2011-09-29 05:25:31 +02:00
/ * * ------------------------------------------------------------------
2012-01-03 17:38:11 +01:00
* Dialog
*
* Contained in a jQuery UI dialog ( '.ui-dialog' ) , with either inline
* markup ( for the "insert" dialogs ) , or an iframe ( for member profile ) .
2011-09-29 05:25:31 +02:00
* ----------------------------------------------------------------- * /
2011-09-29 06:09:36 +02:00
. cms . ui-widget-overlay-light { background : #aaaaaa url ( ../../thirdparty/jquery-ui-themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png ) 50 % 50 % repeat-x ; opacity : 0.3 ; }
2011-09-29 05:25:31 +02:00
. cms . ui-widget-overlay { background-color : #000 ; background-image : none ; }
2012-06-25 07:35:05 +02:00
. cms . ui-dialog { min-width : 570 px ; }
. cms . ui-dialog . htmleditorfield-dialog { min-width : 570 px ; }
2012-03-16 03:59:58 +01:00
. cms . ui-dialog . ss-ui-dialog . ui-dialog-content { padding-top : 0 px ; }
2012-01-03 17:38:11 +01:00
. ui-dialog { background : url ( "../images/textures/bg_cms_main_content.png" ) repeat left top #f0f3f4 ; border : 3 px solid #000 !important ; border-radius : 8 px ; overflow : visible ; padding : 0 ; }
2012-06-03 23:22:29 +02:00
. ui-dialog . ui-dialog-titlebar . ui-widget-header { font-size : 14 px ; padding : 0 ; border : none ; background-color : transparent ; background-image : url ( ../images/textures/cms_content_header.png ) ; background-repeat : repeat ; -webkit- box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 4 px inset ; -moz- box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 4 px inset ; box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 4 px inset ; }
2012-04-05 03:23:45 +02:00
. ui-dialog . ui-dialog-titlebar . ui-widget-header . ui-dialog-title { position : absolute ; }
. ui-dialog . cms-dialog-content { background : url ( "../images/textures/bg_cms_main_content.png" ) repeat left top #f0f3f4 ; padding-bottom : 8 px ; padding-top : 0 px ; }
2012-03-30 03:33:20 +02:00
. ui-dialog . cms-dialog-content . Actions { overflow : auto ; margin : 8 px 0 ; padding-bottom : 8 px ; float : right ; }
2012-06-03 23:22:29 +02:00
. ui-dialog . cms-dialog-content . cms-tabset { -webkit- border-radius : none ; -moz- border-radius : none ; -ms- border-radius : none ; -o- border-radius : none ; border-radius : none ; }
2012-04-17 17:40:37 +02:00
. ui-dialog . cms-dialog-content . cms-tabset . tab { background : none ; overflow-y : auto ; }
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs { background : none ; }
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav { border : none ; padding : 0 40 px 0 0 ; float : right ; }
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav li { margin : 0 ; font-weight : bold ; line-height : 16 px ; padding : 12 px 12 px 10 px ; border-bottom : 2 px solid #B3B3B3 ; }
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav li . ui-tabs-selected { margin-bottom : -1 px ; padding-bottom : 11 px ; }
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav li : first-child { margin-left : 15 px ; }
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-state-focus a { outline : none ; }
2012-05-21 02:48:53 +02:00
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-state-default , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-widget-content . ui-state-default , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-widget-header . ui-state-default { background-color : #b0bec7 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjYTFhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #b0bec7 ) , color-stop ( 100 % , #8ca1ae ) ) ; background-image : -webkit- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -moz- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -o- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : -ms- linear-gradient ( #b0bec7 , #8ca1ae ) ; background-image : linear-gradient ( #b0bec7 , #8ca1ae ) ; border-right-color : #a6a6a6 ; border-left-color : #d9d9d9 ; border-bottom : none ; border-top : none ; text-shadow : white 0 1 px 0 ; }
2012-04-17 17:40:37 +02:00
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-state-active , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-widget-content . ui-state-active , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-widget-header . ui-state-active { background : #eceff1 ; border-right-color : #a6a6a6 ; border-left-color : #a6a6a6 ; margin-right : -1 px ; margin-left : -3 px ; z-index : 2 ; }
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-state-active a , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-widget-content . ui-state-active a , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-widget-header . ui-state-active a { border-bottom : none ; border-top : none ; }
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-corner-all , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-corner-top , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-corner-right , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-corner-tr { border-radius : 0 ; }
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-corner-all , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-corner-top , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-corner-left , . ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-nav . ui-corner-tl { border-radius : 0 ; }
. ui-dialog . cms-dialog-content . cms-tabset . ui-tabs . ui-tabs-panel { background : url ( "../images/textures/bg_cms_main_content.png" ) repeat left top #f0f3f4 ; overflow-x : hidden ; clear : both ; border-top : 1 px solid #a6a6a6 ; }
2012-03-30 03:33:20 +02:00
. ui-dialog . cms-dialog-content . clear { clear : both ; }
2012-02-13 18:14:29 +01:00
. ui-dialog . loading { background-image : url ( ../images/spinner.gif ) ; background-position : 50 % 50 % ; background-repeat : no-repeat ; }
2011-09-29 05:25:31 +02:00
2012-04-23 07:01:38 +02:00
body . cms-dialog { overflow : auto ; background : url ( "../images/textures/bg_cms_main_content.png" ) repeat left top #f0f3f4 ; position : relative ; }
2012-01-03 17:38:11 +01:00
2012-01-03 22:30:24 +01:00
/** -------------------------------------------- "Insert X" forms -------------------------------------------- */
2012-06-11 10:51:47 +02:00
. htmleditorfield-dialog . ui-dialog-content { padding : 0 ; position : relative ; }
2012-06-11 02:55:40 +02:00
. htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb . CompositeField { overflow : hidden ; * zoom : 1 ; }
2012-06-22 08:04:13 +02:00
. htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb # RemoteURL { border : none ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; width : 55 % ; max-width : 512 px ; float : left ; position : relative ; }
. htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb # RemoteURL label { position : absolute ; left : 8 px ; top : 13 px ; font-weight : normal ; color : #888 ; }
2012-06-21 04:19:41 +02:00
. htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb # RemoteURL . middleColumn { margin-left : 0 ; }
. htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb # RemoteURL input . remoteurl { padding-left : 40 px ; }
2012-06-22 08:04:13 +02:00
. htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb button . add-url { margin-top : 13 px ; padding-top : 15 px ; overflow : hidden ; * zoom : 1 ; border : none ; background : none ; opacity : 0.8 ; cursor : hand ; }
2012-06-11 02:55:40 +02:00
. htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb button . add-url . btn-icon-addMedia { width : 20 px ; height : 20 px ; }
. htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb button . add-url : hover , . htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb button . add-url : active { border : none ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; opacity : 1 ; }
2012-06-21 04:19:41 +02:00
. htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb button . add-url . ui-state-disabled , . htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb button . add-url . ui-state-disabled : hover , . htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb button . add-url . ui-state-disabled : active { opacity : 0.35 ; filter : Alpha ( Opacity = 35 ) ; }
2012-06-22 10:25:15 +02:00
. htmleditorfield-dialog # MediaFormInsertMediaTabs_Fromtheweb . loading button . add-url . ui-icon { background-image : url ( ../images/throbber.gif ) ; background-position : 50 % 50 % ; background-repeat : no-repeat ; }
2012-06-11 10:51:47 +02:00
. htmleditorfield-dialog . cms-content-header { padding : 0 ; width : 100 % ; height : 40 px ; }
. htmleditorfield-dialog . cms-content-header h3 { padding : 0 8 px ; margin : 10 px ; }
. htmleditorfield-dialog . ui-tabs { position : static ; }
. htmleditorfield-dialog . ui-tabs ul . ui-tabs-nav { float : right ; position : absolute ; top : 0 ; right : 40 px ; }
2012-06-22 06:55:40 +02:00
. htmleditorfield-dialog . ui-tabs ul . ui-tabs-nav li { background-color : #92A6B3 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjYTFhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; 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 ) ; -webkit- border-radius : 0 px ; -moz- border-radius : 0 px ; -ms- border-radius : 0 px ; -o- border-radius : 0 px ; border-radius : 0 px ; padding-top : 10 px ; height : 28 px ; overflow : hidden ; font-weight : bold ; }
2012-06-22 06:23:01 +02:00
. htmleditorfield-dialog . ui-tabs ul . ui-tabs-nav li a { color : #fff ; text-shadow : 0 1 px 0 rgba ( 0 , 0 , 0 , 0.2 ) ; display : block ; height : 100 % ; }
2012-06-11 10:51:47 +02:00
. htmleditorfield-dialog . ui-tabs ul . ui-tabs-nav li . ui-state-active { background : #f0f3f4 url ( "../admin/images/textures/bg_cms_main_content.png" ) repeat left top ; }
. htmleditorfield-dialog . ui-tabs ul . ui-tabs-nav li . ui-state-active a { color : #444444 ; text-shadow : none ; }
. htmleditorfield-dialog . ui-tabs . ui-tabs-panel { padding : 0 ; }
2012-06-25 05:31:39 +02:00
. htmleditorfield-dialog . ss-insert-media , . htmleditorfield-dialog . Actions , . htmleditorfield-dialog . ss-insert-link { padding : 8 px 16 px ; }
2012-06-11 10:51:47 +02:00
. htmleditorfield-dialog . details . file-url { display : block ; width : 450 px ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; -o- text-overflow : ellipsis ; }
. htmleditorfield-dialog . details . cms-file-info . field { border : none ; -webkit- box-shadow : 0 0 0 rgba ( 0 , 0 , 0 , 0 ) ; -moz- box-shadow : 0 0 0 rgba ( 0 , 0 , 0 , 0 ) ; box-shadow : 0 0 0 rgba ( 0 , 0 , 0 , 0 ) ; }
. htmleditorfield-dialog . details . field { 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 ) ; box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; }
. htmleditorfield-dialog . details . field . last { border-bottom : none ; -webkit- box-shadow : 0 0 0 rgba ( 0 , 0 , 0 , 0 ) ; -moz- box-shadow : 0 0 0 rgba ( 0 , 0 , 0 , 0 ) ; box-shadow : 0 0 0 rgba ( 0 , 0 , 0 , 0 ) ; margin-bottom : 0 ; }
2012-01-03 22:30:24 +01:00
. htmleditorfield-linkform . step2 { margin-bottom : 16 px ; }
2012-02-09 17:17:39 +01:00
. htmleditorfield-mediaform . ss-gridfield tbody td : first-child img { max-height : 30 px ; }
2012-06-22 08:04:13 +02:00
. htmleditorfield-mediaform . ss-uploadfield . from-web , . htmleditorfield-mediaform . ss-uploadfield . from-CMS { margin-bottom : 48 px ; }
. htmleditorfield-mediaform . ss-uploadfield . from-web . middleColumn , . htmleditorfield-mediaform . ss-uploadfield . from-CMS . middleColumn { width : auto ; background : none ; border : none ; margin-top : 13 px ; }
. htmleditorfield-mediaform . ss-uploadfield . from-CMS { margin-top : 33 px ; }
. htmleditorfield-mediaform . ss-uploadfield . from-CMS h4 { margin-top : 3 px ; }
. htmleditorfield-mediaform . ss-uploadfield . from-CMS . middleColumn { margin-top : 0 ; }
. htmleditorfield-mediaform . ss-uploadfield . from-CMS . middleColumn . TreeDropdownField { margin-top : 23 px ; }
2012-04-04 03:45:58 +02:00
. htmleditorfield-mediaform . ss-uploadfield-editandorganize { display : none ; }
2012-02-09 17:17:39 +01:00
2012-03-09 09:52:03 +01:00
/** -------------------------------------------- Search forms (used in AssetAdmin, ModelAdmin, etc) -------------------------------------------- */
2012-05-01 07:14:16 +02:00
. cms-search-form { margin-bottom : 16 px ; }
. filter . cms-search-form { margin-bottom : 0 ; }
2012-03-09 09:52:03 +01:00
2012-01-03 22:30:24 +01:00
/** -------------------------------------------- Step labels -------------------------------------------- */
2012-01-03 22:17:28 +01:00
. step-label > * { display : inline-block ; vertical-align : top ; }
2012-06-03 23:22:29 +02:00
. 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 ; -ms- border-top-left-radius : 3 px ; -o- 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 ; -ms- border-bottom-left-radius : 3 px ; -o- 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 ; }
. step-label . arrow { height : 26 px ; width : 10 px ; background : url ( '../images/sprites-32x32-sb47394f892.png' ) 0 -40 px no-repeat ; margin-right : 4 px ; }
2012-01-03 22:17:28 +01:00
. step-label . title { height : 18 px ; padding : 4 px ; }
2011-12-17 00:51:32 +01:00
2012-02-23 22:43:37 +01:00
/** -------------------------------------------- Item Edit Form -------------------------------------------- */
2012-06-03 23:22:29 +02:00
. cms-file-info { overflow : auto ; 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 ) ; box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; margin-bottom : 8 px ; }
2012-02-28 18:07:55 +01:00
. cms-file-info . cms-file-info-preview { float : left ; width : 176 px ; margin-right : 8 px ; }
. cms-file-info . cms-file-info-preview img { max-width : 176 px ; }
. cms-file-info . cms-file-info-data { float : left ; }
. cms-file-info . cms-file-info-data . field { margin-bottom : 0 ; padding-bottom : 8 px ; border : none ; box-shadow : none ; }
. cms-file-info . cms-file-info-data . field label , . cms-file-info . cms-file-info-data . field span { padding : 0 ; }
2012-02-23 22:43:37 +01:00
2012-03-01 11:57:35 +01:00
form . small . cms-file-info-preview { width : 112 px ; }
form . small . cms-file-info-preview img { max-width : 112 px ; }
2012-05-21 01:00:10 +02:00
form . small . cms-file-info-data { max-width : 550 px ; }
2012-03-01 11:57:35 +01:00
form . small . cms-file-info-data . field { padding-bottom : 0 ; }
form . small . cms-file-info-data . field label { width : 112 px ; }
form . small . cms-file-info-data . field . middleColumn { margin-left : 120 px ; }
2012-03-06 03:55:26 +01:00
/** -------------------------------------------- Users Members Admin -------------------------------------------- */
2012-03-08 04:28:45 +01:00
. members_grid span button # action_gridfield_relationfind { display : none ; }
2012-03-06 03:55:26 +01:00
. members_grid p button # action_export { margin-top : 16 px ; }
2012-03-07 03:33:15 +01:00
. members_grid p button # action_export span . btn-icon-download-csv { height : 17 px ; }
2012-05-22 08:18:31 +02:00
. members_grid p button # action_export . ui-button-text { padding-left : 26 px ; }
2012-03-06 03:55:26 +01:00
2012-03-24 01:20:19 +01:00
/** Import forms */
form . import-form ul { list-style : disc ; }
form . import-form ul li { margin-left : 20 px ; }
form . import-form p { margin-bottom : 5 px ; }
form . import-form label . left { width : 250 px ; }
2012-03-27 16:36:00 +02:00
/** -------------------------------------------- Page Edit Controller -------------------------------------------- */
2012-06-13 07:10:48 +02:00
. cms-container . CMSPageEditController , . cms-container . CMSPageSettingsController , . cms-container . CMSPageHistoryController { margin-left : -1 px ; }
. cms-container . CMSPageEditController . cms-edit-form , . cms-container . CMSPageSettingsController . cms-edit-form , . cms-container . CMSPageHistoryController . cms-edit-form { background : #e6eaed ; }
. cms-container . CMSPageEditController . cms-edit-form . ui-tabs-nav , . cms-container . CMSPageSettingsController . cms-edit-form . ui-tabs-nav , . cms-container . CMSPageHistoryController . cms-edit-form . ui-tabs-nav { border-bottom : none ; float : right ; margin : 8 px 0 -1 px 0 ; padding : 0 24 px 0 0 ; }
. cms-container . CMSPageEditController . cms-edit-form . ui-tabs-nav li , . cms-container . CMSPageSettingsController . cms-edit-form . ui-tabs-nav li , . cms-container . CMSPageHistoryController . cms-edit-form . ui-tabs-nav li { float : left ; }
. cms-container . CMSPageEditController . cms-edit-form . ui-tabs-nav li a , . cms-container . CMSPageSettingsController . cms-edit-form . ui-tabs-nav li a , . cms-container . CMSPageHistoryController . cms-edit-form . ui-tabs-nav li a { font-weight : bold ; line-height : 16 px ; padding : 8 px 20 px 8 px ; }
. cms-container . CMSPageEditController . cms-edit-form . ui-tabs-nav . ui-state-default , . cms-container . CMSPageEditController . cms-edit-form . ui-tabs-nav . ui-widget-content . ui-state-default , . cms-container . CMSPageEditController . cms-edit-form . ui-tabs-nav . ui-widget-header . ui-state-default , . cms-container . CMSPageSettingsController . cms-edit-form . ui-tabs-nav . ui-state-default , . cms-container . CMSPageSettingsController . cms-edit-form . ui-tabs-nav . ui-widget-content . ui-state-default , . cms-container . CMSPageSettingsController . cms-edit-form . ui-tabs-nav . ui-widget-header . ui-state-default , . cms-container . CMSPageHistoryController . cms-edit-form . ui-tabs-nav . ui-state-default , . cms-container . CMSPageHistoryController . cms-edit-form . ui-tabs-nav . ui-widget-content . ui-state-default , . cms-container . CMSPageHistoryController . cms-edit-form . ui-tabs-nav . ui-widget-header . ui-state-default { border : 1 px solid #c0c0c2 ; }
. cms-container . CMSPageEditController . cms-edit-form . ui-tabs-nav . ui-state-active , . cms-container . CMSPageEditController . cms-edit-form . ui-tabs-nav . ui-widget-content . ui-state-active , . cms-container . CMSPageEditController . cms-edit-form . ui-tabs-nav . ui-widget-header . ui-state-active , . cms-container . CMSPageSettingsController . cms-edit-form . ui-tabs-nav . ui-state-active , . cms-container . CMSPageSettingsController . cms-edit-form . ui-tabs-nav . ui-widget-content . ui-state-active , . cms-container . CMSPageSettingsController . cms-edit-form . ui-tabs-nav . ui-widget-header . ui-state-active , . cms-container . CMSPageHistoryController . cms-edit-form . ui-tabs-nav . ui-state-active , . cms-container . CMSPageHistoryController . cms-edit-form . ui-tabs-nav . ui-widget-content . ui-state-active , . cms-container . CMSPageHistoryController . cms-edit-form . ui-tabs-nav . ui-widget-header . ui-state-active { padding-bottom : 1 px ; background : #e6eaed ; border : 1 px solid #c0c0c2 ; }
. cms-container . CMSPageEditController . ss-tabset . ss-tabset , . cms-container . CMSPageSettingsController . ss-tabset . ss-tabset , . cms-container . CMSPageHistoryController . ss-tabset . ss-tabset { position : static ; }
. cms-container . CMSPageEditController . ss-tabset . ui-tabs-panel , . cms-container . CMSPageSettingsController . ss-tabset . ui-tabs-panel , . cms-container . CMSPageHistoryController . ss-tabset . ui-tabs-panel { background : #e6eaed ; border-top : 1 px solid #c0c0c2 ; clear : both ; }
. cms-container . CMSPageEditController . ss-tabset . ss-tabset-tabshidden . ui-tabs-panel , . cms-container . CMSPageSettingsController . ss-tabset . ss-tabset-tabshidden . ui-tabs-panel , . cms-container . CMSPageHistoryController . ss-tabset . ss-tabset-tabshidden . ui-tabs-panel { border-top : none ; }
2012-03-27 16:36:00 +02:00
2012-05-02 06:58:08 +02:00
/** -------------------------------------------- Page Settings Controller -------------------------------------------- */
. cms-container . CMSMain . CMSPageSettingsController . tab # Root_Settings . optionset li { white-space : nowrap ; padding-top : 8 px ; }
. cms-container . CMSMain . CMSPageSettingsController . tab # Root_Settings . optionset li label { padding-left : 2 px ; }
. cms-container . CMSMain . CMSPageSettingsController . tab # Root_Settings . fieldgroup . fieldgroup-field { width : 216 px ; padding-left : 0 ; }
. cms-container . CMSMain . CMSPageSettingsController . tab # Root_Settings . TreeDropdownField . treedropdownfield-toggle-panel-link { border-left : none ; background : none ; background-image : none ; }
2012-05-08 04:15:09 +02:00
/** -------------------------------------------- Buttons for FileUpload -------------------------------------------- */
2012-06-08 06:42:14 +02:00
. ss-uploadfield-item-edit-all . ui-button-text { padding-right : 0 ; }
. toggle-details-icon { background : url ( '../images/sprites-32x32-sb47394f892.png' ) 0 -217 px no-repeat ; }
. fileOverview . toggle-details-icon { background : url ( '../images/sprites-32x32-sb47394f892.png' ) 0 -159 px no-repeat ; display : inline-block ; width : 8 px ; height : 8 px ; padding-left : 5 px ; }
. toggle-details-icon . opened { background : url ( '../images/sprites-32x32-sb47394f892.png' ) 0 -905 px no-repeat ; }
. fileOverview . toggle-details-icon . opened { background : url ( '../images/sprites-32x32-sb47394f892.png' ) 0 -143 px no-repeat ; }
2012-05-08 04:15:09 +02: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-02-17 05:00:29 +01:00
. cms . jstree ul , . TreeDropdownField . treedropdownfield-panel . jstree ul { display : block ; margin : 0 ; padding : 0 ; background : none ; list-style-type : none ; }
2012-04-11 16:49:31 +02:00
. cms . jstree li , . TreeDropdownField . treedropdownfield-panel . jstree li { display : block ; margin : 0 ; padding : 0 ; list-style-type : none ; display : block ; min-height : 18 px ; line-height : 18 px ; white-space : nowrap ; margin-left : 18 px ; min-width : 18 px ; }
2012-02-17 05:00:29 +01:00
. cms . jstree ins , . TreeDropdownField . treedropdownfield-panel . jstree ins { display : inline-block ; text-decoration : none ; width : 18 px ; height : 18 px ; margin : 0 0 0 0 ; padding : 0 ; float : left ; }
. cms . jstree a , . TreeDropdownField . treedropdownfield-panel . jstree a { display : inline-block ; line-height : 16 px ; height : 16 px ; color : black ; white-space : nowrap ; text-decoration : none ; padding : 1 px 2 px ; margin : 0 ; border : 1 px solid #fff ; }
. cms . jstree a : focus , . cms . jstree a : active , . cms . jstree a : hover , . TreeDropdownField . treedropdownfield-panel . jstree a : focus , . TreeDropdownField . treedropdownfield-panel . jstree a : active , . TreeDropdownField . treedropdownfield-panel . jstree a : hover { outline : none ; text-decoration : none ; cursor : pointer ; text-shadow : none ; }
. cms . jstree a > ins , . TreeDropdownField . treedropdownfield-panel . jstree a > ins { height : 16 px ; width : 16 px ; }
. cms . jstree a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . jstree a > . jstree-icon { margin-right : 3 px ; }
. cms . jstree li . jstree-open > ul , . TreeDropdownField . treedropdownfield-panel . jstree li . jstree-open > ul { display : block ; }
. cms . jstree li . jstree-closed > ul , . TreeDropdownField . treedropdownfield-panel . jstree li . jstree-closed > ul { display : none ; }
. cms . jstree li . disabled a , . TreeDropdownField . treedropdownfield-panel . jstree li . disabled a { color : #aaaaaa ; }
. cms . jstree-rtl a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . jstree-rtl a > . jstree-icon { margin-left : 3 px ; margin-right : 0 ; }
. cms . jstree-rtl li , . TreeDropdownField . treedropdownfield-panel . jstree-rtl li { margin-left : 0 ; margin-right : 18 px ; }
. cms . jstree-rtl > ul > li , . TreeDropdownField . treedropdownfield-panel . jstree-rtl > ul > li { margin-right : 0 px ; }
. cms . jstree > ul > li , . TreeDropdownField . treedropdownfield-panel . jstree > ul > li { margin-left : 0 px ; }
. cms # vakata-dragged , . TreeDropdownField . treedropdownfield-panel # vakata-dragged { display : block ; margin : 0 0 0 0 ; padding : 4 px 4 px 4 px 24 px ; position : absolute ; top : -2000 px ; line-height : 16 px ; z-index : 10000 ; }
2012-06-03 23:22:29 +02:00
. cms # vakata-contextmenu , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu { display : block ; visibility : hidden ; left : 0 ; top : -200 px ; position : absolute ; margin : 0 ; padding : 0 ; min-width : 180 px ; background : #FFF ; border : 1 px solid silver ; z-index : 10000 ; * width : 180 px ; -webkit- box-shadow : 0 0 10 px #cccccc ; -moz- box-shadow : 0 0 10 px #cccccc ; box-shadow : 0 0 10 px #cccccc ; }
2012-03-28 01:43:16 +02:00
. cms # vakata-contextmenu :: before , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu :: before { content : "" ; display : block ; /* reduce the damage in FF3.0 */ position : absolute ; top : -10 px ; left : 24 px ; width : 0 ; border-width : 0 6 px 10 px 6 px ; border-color : #FFF transparent ; border-style : solid ; z-index : 10000 ; }
. cms # vakata-contextmenu :: after , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu :: after { content : "" ; display : block ; /* reduce the damage in FF3.0 */ position : absolute ; top : -11 px ; left : 23 px ; width : 0 ; border-width : 0 7 px 11 px 7 px ; border-color : #CCC transparent ; border-style : solid ; }
2012-02-17 05:00:29 +01:00
. cms # vakata-contextmenu ul , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu ul { min-width : 180 px ; * width : 180 px ; }
. cms # vakata-contextmenu ul , . cms # vakata-contextmenu li , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu ul , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li { margin : 0 ; padding : 0 ; list-style-type : none ; display : block ; }
2012-03-28 01:43:16 +02:00
. cms # vakata-contextmenu li , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li { line-height : 20 px ; min-height : 23 px ; position : relative ; padding : 0 px ; }
. cms # vakata-contextmenu li : last-child , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li : last-child { margin-bottom : 1 px ; }
. cms # vakata-contextmenu li a , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li a { padding : 1 px 10 px ; line-height : 23 px ; display : block ; text-decoration : none ; margin : 1 px 1 px 0 1 px ; border : 0 ; }
. cms # vakata-contextmenu li ins , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li ins { float : left ; width : 0 ; height : 0 ; text-decoration : none ; margin-right : 2 px ; }
. cms # vakata-contextmenu li . jstree-pageicon , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li . jstree-pageicon { margin-top : 3 px ; margin-right : 5 px ; }
. cms # vakata-contextmenu li a : hover , . cms # vakata-contextmenu li . vakata-hover > a , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li a : hover , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li . vakata-hover > a { padding : 1 px 10 px ; background : #3875d7 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMzODc1ZDciLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzJhNjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 20 % , #3875d7 ) , color-stop ( 90 % , #2a62bc ) ) ; background-image : -webkit- linear-gradient ( top , #3875d7 20 % , #2a62bc 90 % ) ; background-image : -moz- linear-gradient ( top , #3875d7 20 % , #2a62bc 90 % ) ; background-image : -o- linear-gradient ( top , #3875d7 20 % , #2a62bc 90 % ) ; background-image : -ms- linear-gradient ( top , #3875d7 20 % , #2a62bc 90 % ) ; background-image : linear-gradient ( top , #3875d7 20 % , #2a62bc 90 % ) ; color : #FFF ; border : none ; }
2012-06-03 23:22:29 +02:00
. cms # vakata-contextmenu li ul , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li ul { display : none ; position : absolute ; top : -2 px ; left : 100 % ; background : #FFF ; border : 1 px solid silver ; -webkit- box-shadow : 0 0 10 px #cccccc ; -moz- box-shadow : 0 0 10 px #cccccc ; box-shadow : 0 0 10 px #cccccc ; }
2012-02-17 05:00:29 +01:00
. cms # vakata-contextmenu . right , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu . right { right : 100 % ; left : auto ; }
. cms # vakata-contextmenu . bottom , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu . bottom { bottom : -1 px ; top : auto ; }
. cms # vakata-contextmenu li . vakata-separator , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li . vakata-separator { min-height : 0 ; height : 1 px ; line-height : 1 px ; font-size : 1 px ; overflow : hidden ; margin : 0 2 px ; background : silver ; /* border-top:1px solid #fefefe; */ padding : 0 ; }
. cms . jstree ul , . cms . jstree li , . TreeDropdownField . treedropdownfield-panel . jstree ul , . TreeDropdownField . treedropdownfield-panel . jstree li { display : block ; margin : 0 0 0 0 ; padding : 0 0 0 0 ; list-style-type : none ; }
. cms . jstree li , . TreeDropdownField . treedropdownfield-panel . jstree li { display : block ; min-height : 18 px ; line-height : 18 px ; white-space : nowrap ; margin-left : 18 px ; min-width : 18 px ; }
. cms . jstree-rtl li , . TreeDropdownField . treedropdownfield-panel . jstree-rtl li { margin-left : 0 ; margin-right : 18 px ; }
. cms . jstree > ul > li , . TreeDropdownField . treedropdownfield-panel . jstree > ul > li { margin-left : 0 px ; }
. cms . jstree-rtl > ul > li , . TreeDropdownField . treedropdownfield-panel . jstree-rtl > ul > li { margin-right : 0 px ; }
. cms . jstree ins , . TreeDropdownField . treedropdownfield-panel . jstree ins { display : inline-block ; text-decoration : none ; width : 18 px ; height : 18 px ; margin : 0 0 0 0 ; padding : 0 ; }
. cms . jstree a , . TreeDropdownField . treedropdownfield-panel . jstree a { display : inline-block ; line-height : 16 px ; height : 16 px ; color : black ; white-space : nowrap ; text-decoration : none ; padding : 1 px 2 px ; margin : 0 ; }
. cms . jstree a : focus , . TreeDropdownField . treedropdownfield-panel . jstree a : focus { outline : none ; }
. cms . jstree a > ins , . TreeDropdownField . treedropdownfield-panel . jstree a > ins { height : 16 px ; width : 16 px ; }
. cms . jstree a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . jstree a > . jstree-icon { margin-right : 3 px ; }
. cms . jstree-rtl a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . jstree-rtl a > . jstree-icon { margin-left : 3 px ; margin-right : 0 ; }
2012-04-11 16:49:31 +02:00
. cms li . jstree-open > ul , . TreeDropdownField . treedropdownfield-panel li . jstree-open > ul { display : block ; margin-left : -13 px ; }
2012-02-17 05:00:29 +01:00
. cms li . jstree-open > ul li ul , . TreeDropdownField . treedropdownfield-panel li . jstree-open > ul li ul { margin-left : 2 px ; }
. cms li . jstree-closed > ul , . TreeDropdownField . treedropdownfield-panel li . jstree-closed > ul { display : none ; }
. cms # vakata-dragged ins , . TreeDropdownField . treedropdownfield-panel # vakata-dragged ins { display : block ; text-decoration : none ; width : 16 px ; height : 16 px ; margin : 0 0 0 0 ; padding : 0 ; position : absolute ; top : 4 px ; left : 4 px ; -moz- border-radius : 4 px ; border-radius : 4 px ; -webkit- border-radius : 4 px ; }
. cms # vakata-dragged . jstree-ok , . TreeDropdownField . treedropdownfield-panel # vakata-dragged . jstree-ok { background : green ; }
. cms # vakata-dragged . jstree-invalid , . TreeDropdownField . treedropdownfield-panel # vakata-dragged . jstree-invalid { background : red ; }
. cms # jstree-marker , . TreeDropdownField . treedropdownfield-panel # jstree-marker { padding : 0 ; margin : 0 ; font-size : 12 px ; overflow : hidden ; height : 12 px ; width : 8 px ; position : absolute ; top : -30 px ; z-index : 10001 ; background-repeat : no-repeat ; display : none ; background-color : transparent ; text-shadow : 1 px 1 px 1 px white ; color : black ; line-height : 10 px ; }
. cms # jstree-marker-line , . TreeDropdownField . treedropdownfield-panel # jstree-marker-line { padding : 0 ; margin : 0 ; line-height : 0 % ; font-size : 1 px ; overflow : hidden ; height : 1 px ; width : 100 px ; position : absolute ; top : -30 px ; z-index : 10000 ; background-repeat : no-repeat ; display : none ; background-color : #456c43 ; cursor : pointer ; border : 1 px solid #eeeeee ; border-left : 0 ; -moz- box-shadow : 0 px 0 px 2 px #666 ; -webkit- box-shadow : 0 px 0 px 2 px #666 ; box-shadow : 0 px 0 px 2 px #666 ; -moz- border-radius : 1 px ; border-radius : 1 px ; -webkit- border-radius : 1 px ; }
. cms . jstree . jstree-real-checkbox , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-real-checkbox { display : none ; }
. cms . jstree-themeroller . ui-icon , . TreeDropdownField . treedropdownfield-panel . jstree-themeroller . ui-icon { overflow : visible ; }
. cms . jstree-themeroller a , . TreeDropdownField . treedropdownfield-panel . jstree-themeroller a { padding : 0 2 px ; }
. cms . jstree-themeroller . jstree-no-icon , . TreeDropdownField . treedropdownfield-panel . jstree-themeroller . jstree-no-icon { display : none ; }
. cms . jstree . jstree-wholerow-real , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow-real { position : relative ; z-index : 1 ; }
. cms . jstree . jstree-wholerow-real li , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow-real li { cursor : pointer ; }
. cms . jstree . jstree-wholerow-real a , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow-real a { border-left-color : transparent !important ; border-right-color : transparent !important ; }
. cms . jstree . jstree-wholerow , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow { position : relative ; z-index : 0 ; height : 0 ; }
. cms . jstree . jstree-wholerow ul , . cms . jstree . jstree-wholerow li , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow ul , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow li { width : 100 % ; }
. cms . jstree . jstree-wholerow , . cms . jstree . jstree-wholerow ul , . cms . jstree . jstree-wholerow li , . cms . jstree . jstree-wholerow a , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow ul , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow li , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow a { margin : 0 !important ; padding : 0 !important ; }
. cms . jstree . jstree-wholerow , . cms . jstree . jstree-wholerow ul , . cms . jstree . jstree-wholerow li , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow ul , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow li { background : transparent !important ; }
. cms . jstree . jstree-wholerow ins , . cms . jstree . jstree-wholerow span , . cms . jstree . jstree-wholerow input , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow ins , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow span , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow input { display : none !important ; }
. cms . jstree . jstree-wholerow a , . cms . jstree . jstree-wholerow a : hover , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow a , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow a : hover { text-indent : -9999 px !important ; width : 100 % ; padding : 0 !important ; border-right-width : 0 px !important ; border-left-width : 0 px !important ; }
. cms . jstree . jstree-wholerow-span , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow-span { position : absolute ; left : 0 ; margin : 0 px ; padding : 0 ; height : 18 px ; border-width : 0 ; padding : 0 ; z-index : 0 ; }
. cms . jstree-apple . jstree-focused , . TreeDropdownField . treedropdownfield-panel . jstree-apple . jstree-focused { background : none ; }
. cms . jstree-apple . jstree-focused . jstree-apple > ul , . TreeDropdownField . treedropdownfield-panel . jstree-apple . jstree-focused . jstree-apple > ul { background : none ; }
. cms . jstree li , . TreeDropdownField . treedropdownfield-panel . jstree li { line-height : 25 px ; }
2012-03-08 01:27:04 +01:00
. cms a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel a > . jstree-icon { display : none ; }
. cms . draggable a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . draggable a > . jstree-icon { display : block ; }
2012-01-03 17:38:11 +01:00
2012-02-07 23:24:42 +01:00
. jstree-apple li , . jstree-apple . jstree-apple ins { background : none ; }
. jstree-apple . jstree-unchecked > a > . jstree-checkbox { margin-right : 3 px ; }
. jstree-apple . jstree-checked > a > . jstree-checkbox { margin-right : 3 px ; }
. jstree-apple . jstree-undetermined > a > . jstree-checkbox { margin-right : 3 px ; }
2012-02-17 05:00:29 +01:00
. tree-holder . jstree-apple , . cms-tree . jstree-apple { /* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */ }
. tree-holder . jstree-apple li . Root strong , . cms-tree . jstree-apple li . Root strong { font-weight : bold ; padding-left : 1 px ; }
. tree-holder . jstree-apple li . Root > a . jstree-icon , . cms-tree . jstree-apple li . Root > a . jstree-icon { background-position : -56 px -36 px ; }
. tree-holder . jstree-apple a , . tree-holder . jstree-apple a : link , . cms-tree . jstree-apple a , . cms-tree . jstree-apple a : link { color : #1556b2 ; padding : 3 px 6 px 3 px 3 px ; border : none ; display : inline-block ; margin-right : 5 px ; }
2012-06-12 15:53:38 +02:00
. tree-holder . jstree-apple li . deletedonlive . text , . cms-tree . jstree-apple li . deletedonlive . text { text-decoration : line-through ; }
2012-06-03 23:22:29 +02:00
. tree-holder . jstree-apple span . badge , . cms-tree . jstree-apple span . badge { clear : both ; text-transform : uppercase ; display : inline-block ; padding : 0 px 3 px ; font-size : 0.75 em ; line-height : 1 em ; margin-left : 3 px ; margin-right : 6 px ; margin-top : -1 px ; -webkit- border-radius : 2 px 2 px ; -moz- border-radius : 2 px / 2 px ; -ms- border-radius : 2 px / 2 px ; -o- border-radius : 2 px / 2 px ; border-radius : 2 px / 2 px ; }
2012-02-17 05:00:29 +01:00
. tree-holder . jstree-apple span . badge . modified , . cms-tree . jstree-apple span . badge . modified { color : #7E7470 ; border : 1 px solid #C9B800 ; background-color : #FFF0BC ; }
. tree-holder . jstree-apple span . badge . addedtodraft , . cms-tree . jstree-apple span . badge . addedtodraft { color : #7E7470 ; border : 1 px solid #C9B800 ; background-color : #FFF0BC ; }
. tree-holder . jstree-apple span . badge . deletedonlive , . cms-tree . jstree-apple span . badge . deletedonlive { color : #636363 ; border : 1 px solid #E49393 ; background-color : #F2DADB ; }
. tree-holder . jstree-apple span . badge . removedfromdraft , . cms-tree . jstree-apple span . badge . removedfromdraft { color : #636363 ; border : 1 px solid #E49393 ; background-color : #F2DADB ; }
. tree-holder . jstree-apple span . badge . workflow-approval , . cms-tree . jstree-apple span . badge . workflow-approval { color : #56660C ; border : 1 px solid #7C8816 ; background-color : #DAE79A ; }
2012-06-03 23:22:29 +02:00
. tree-holder . jstree-apple span . comment-count , . cms-tree . jstree-apple span . comment-count { clear : both ; position : relative ; text-transform : uppercase ; display : inline-block ; overflow : visible ; padding : 0 px 3 px ; font-size : 0.75 em ; line-height : 1 em ; margin-left : 3 px ; margin-right : 6 px ; -webkit- border-radius : 2 px 2 px ; -moz- border-radius : 2 px / 2 px ; -ms- border-radius : 2 px / 2 px ; -o- border-radius : 2 px / 2 px ; border-radius : 2 px / 2 px ; color : #7E7470 ; border : 1 px solid #C9B800 ; background-color : #FFF0BC ; }
2012-02-17 05:00:29 +01:00
. tree-holder . jstree-apple span . comment-count : before , . cms-tree . jstree-apple span . comment-count : before { content : "" ; position : absolute ; bottom : -4 px ; /* value = - border-top-width - border-bottom-width */ left : 3 px ; /* controls horizontal position */ border-width : 4 px 4 px 0 ; border-style : solid ; border-color : #C9B800 transparent ; /* reduce the damage in FF3.0 */ display : block ; width : 0 ; }
. tree-holder . jstree-apple span . comment-count : after , . cms-tree . jstree-apple span . comment-count : after { content : "" ; position : absolute ; bottom : -3 px ; /* value = - border-top-width - border-bottom-width */ left : 4 px ; /* value = (:before left) + (:before border-left) - (:after border-left) */ border-width : 3 px 3 px 0 ; border-style : solid ; border-color : #FFF0BC transparent ; /* reduce the damage in FF3.0 */ display : block ; width : 0 ; }
. tree-holder . jstree-apple . jstree-hovered , . cms-tree . jstree-apple . jstree-hovered { text-shadow : none ; text-decoration : none ; }
. tree-holder . jstree-apple li , . cms-tree . jstree-apple li { padding : 0 px ; clear : left ; }
. tree-holder . jstree-apple ins , . cms-tree . jstree-apple ins { background-color : transparent ; background-image : url ( ../images/sitetree_ss_default_icons.png ) ; }
2012-03-06 20:16:24 +01:00
. tree-holder . jstree-apple li . jstree-checked > a , . tree-holder . jstree-apple li . jstree-checked > a : link , . cms-tree . jstree-apple li . jstree-checked > a , . cms-tree . jstree-apple li . jstree-checked > a : link { background-color : #efe999 ; }
2012-03-28 01:43:16 +02:00
. tree-holder . jstree-apple . jstree-closed > ins , . cms-tree . jstree-apple . jstree-closed > ins { background-position : 0 0 ; }
. tree-holder . jstree-apple . jstree-open > ins , . cms-tree . jstree-apple . jstree-open > ins { background-position : -20 px 0 ; }
2011-10-29 02:01:06 +02:00
2012-06-13 09:46:22 +02:00
a . jstree-pageicon { float : left ; margin-right : 4 px ; }
2011-10-29 02:01:06 +02:00
li . class-HomePage > a . jstree-pageicon { background-position : 0 -48 px ; }
li . class-RedirectorPage > a . jstree-pageicon { background-position : 0 -16 px ; }
li . class-VirtualPage > a . jstree-pageicon { background-position : 0 -32 px ; }
li . class-ErrorPage > a . jstree-pageicon { background-position : 0 -112 px ; }
2011-12-14 16:54:52 +01:00
. cms-tree { visibility : hidden ; }
2012-03-08 01:27:04 +01:00
. cms-tree . multiple li > a > . jstree-icon { display : none ; }
2012-04-18 18:22:54 +02:00
. cms-tree . multiple li > a > . jstree-icon . jstree-checkbox { display : inline-block ; }
2012-03-08 01:27:04 +01:00
. cms-tree . multiple li # record-0 > a . jstree-checkbox { display : none ; }
2012-06-03 23:30:56 +02:00
. cms-tree a . jstree-loading . jstree-icon { background-image : none !important ; }
. cms-tree a . jstree-loading . jstree-pageicon { background : url ( ../images/throbber.gif ) top left no-repeat ; }
2011-12-14 16:54:52 +01:00
2012-04-12 08:02:46 +02:00
/** Styles for the left hand side menu and header for the admin panels. Take into consideration CSS selector performance. @package framework @subpackage admin */
2012-07-04 05:02:34 +02:00
. cms-logo-header { background-color : #00111d ; position : relative ; padding : 0 8 px 0 4 px ; line-height : 24 px ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMTExZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAzMDUwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAxMTFkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g' ) ; background-size : 100 % ; 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 ; display : block ; }
2011-10-29 02:01:06 +02:00
. cms-logo-header span a { color : #3ebae0 ; display : inline ; }
2012-07-04 05:02:34 +02:00
. cms-logo { border-bottom : 1 px solid #03090c ; overflow : hidden ; padding : 8 px 0 ; position : relative ; vertical-align : middle ; font-size : 12 px ; }
2011-10-29 02:01:06 +02:00
. cms-logo . version { display : none ; }
2012-07-04 05:02:34 +02:00
. cms-logo a { position : absolute ; top : 8 px ; bottom : 8 px ; left : 4 px ; display : block ; width : 24 px ; background : url ( "../images/logo_small.png" ) no-repeat left center ; text-indent : -9999 em ; padding-right : 7 px ; border-right : 1 px solid #19435c ; }
. cms-logo span { font-weight : bold ; font-size : 14 px ; line-height : 20 px ; padding : 2 px 0 ; margin-left : 44 px ; }
2011-10-29 02:01:06 +02:00
. cms-login-status { border-top : 1 px solid #19435c ; height : 24 px ; padding : 7 px 4 px 0 4 px ; overflow : hidden ; line-height : 16 px ; font-size : 11 px ; }
2012-06-03 23:22:29 +02: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-sb47394f892.png' ) 0 -76 px no-repeat ; text-indent : -9999 em ; }
2011-10-29 02:01:06 +02:00
2012-06-03 23:22:29 +02:00
. cms-menu { z-index : 80 ; background : #b0bec7 ; width : 192 px ; -webkit- box-shadow : rgba ( 0 , 0 , 0 , 0.9 ) 0 0 3 px ; -moz- box-shadow : rgba ( 0 , 0 , 0 , 0.9 ) 0 0 3 px ; box-shadow : rgba ( 0 , 0 , 0 , 0.9 ) 0 0 3 px ; }
2011-10-29 02:01:06 +02:00
. 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 ; }
2012-06-21 01:48:39 +02:00
. cms-menu . collapsed . cms-menu-list li { width : 100 % ; float : left ; }
2011-10-29 02:01:06 +02:00
. cms-menu . collapsed . cms-menu-list li span . text { display : none ; }
. cms-menu . collapsed . cms-menu-list li ul { display : none ; }
. cms-menu . collapsed . cms-panel . cms-panel-content { display : block ; }
. cms-menu-list li { /* Style applied to the menu flyout only when the collapsed setting */ }
2012-05-21 01:00:10 +02:00
. cms-menu-list li a { display : block ; height : 24 px ; line-height : 24 px ; font-size : 12 px ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; text-shadow : #bfcad2 1 px 1 px 0 ; color : #1f1f1f ; padding : 7 px 5 px 7 px 8 px ; background-color : #b0bec7 ; cursor : pointer ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 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 ) ; border-top : 1 px solid #c2cdd4 ; border-bottom : 1 px solid #748d9d ; }
2012-03-09 03:04:26 +01:00
. cms-menu-list li a : hover { text-decoration : none ; background-color : #b6c3cb ; border-bottom : 1 px solid #8399a7 ; color : #2c2c2c ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmY2FkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IwYmVjNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; 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 : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYTViMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ExYjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; 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-06-03 23:22:29 +02: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-sb47394f892.png' ) 0 -159 px no-repeat ; vertical-align : middle ; }
. cms-menu-list li a . toggle-children . opened . toggle-children-icon { background : url ( '../images/sprites-32x32-sb47394f892.png' ) 0 -143 px no-repeat ; }
2012-05-21 01:00:10 +02:00
. cms-menu-list li ul li a { border-top : 1 px solid #b6c3cb ; }
2012-03-09 03:04:26 +01:00
. cms-menu-list li . current a { color : white ; text-shadow : #1e5270 0 -1 px 0 ; border-top : 1 px solid #55a4d2 ; border-bottom : 1 px solid #1e5270 ; background-color : #338dc1 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzOGRjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI4NzA5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; 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-06-03 23:22:29 +02:00
. cms-menu-list li . current a . toggle-children . toggle-children-icon { background : url ( '../images/sprites-32x32-sb47394f892.png' ) 0 -217 px no-repeat ; }
. cms-menu-list li . current a . toggle-children . opened . toggle-children-icon { background : url ( '../images/sprites-32x32-sb47394f892.png' ) 0 -905 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 ; }
2012-05-21 01:00:10 +02:00
. 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 #2f81b1 ; border-bottom : 1 px solid #1e5270 ; }
2011-10-29 02:01:06 +02:00
. 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 ; }
2012-05-21 01:00:10 +02:00
. cms-menu-list li . current li . current { background : #2e7ead ; border-top : 1 px solid #2e7ead ; border-top : none ; }
2011-10-29 02:01:06 +02:00
. cms-menu-list li . current li . current a { font-weight : bold ; color : white ; }
. cms-menu-list li . current li . first a { border-top : none ; }
2012-05-21 01:00:10 +02:00
. cms-menu-list li ul . collapse { display : none ; / * / / T o s p e c i f i c - w a s o v e r r i d i n g c o l l a p s e d - f l y o u t s t y l e s
# Menu-CMSPagesController {
a {
background-image : none ;
font-size : 11px ;
padding : 0 10px 0 40px ;
height : 32px ;
line-height : 32px ;
}
}
# Menu-CMSPageAddController {
a {
background-image : none ;
font-size : 11px ;
padding : 0 10px 0 40px ;
height : 32px ;
line-height : 32px ;
}
}
# Menu-AssetAdmin {
a {
background-image : none ;
font-size : 11px ;
padding : 0 10px 0 40px ;
height : 32px ;
line-height : 32px ;
}
}
# Menu-CMSFileAddController {
a {
background-image : none ;
font-size : 11px ;
padding : 0 10px 0 40px ;
height : 32px ;
line-height : 32px ;
}
}
* / }
. cms-menu-list li ul . collapse li a { background-image : none ; font-size : 11 px ; padding : 0 10 px 0 40 px ; height : 32 px ; line-height : 32 px ; }
2011-10-29 02:01:06 +02:00
. cms-menu-list li ul . collapsed-flyout { display : block ; }
2012-05-21 01:00:10 +02:00
. cms-menu-list li ul . collapsed-flyout li a { font-size : 11 px ; padding : 0 10 px 0 16 px ; height : 32 px ; line-height : 32 px ; }
2011-10-29 02:01:06 +02:00
. 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
2012-03-12 22:54:57 +01:00
. ModelAdmin . cms-content-fields { overflow : hidden ; }
2012-04-05 07:01:02 +02:00
. ModelAdmin . cms-content-fields . cms-edit-form { overflow-y : scroll ; overflow-x : hidden ; }
2012-03-11 23:49:00 +01:00
. ModelAdmin . cms-content-fields . cms-content-tools . cms-panel-content . cms-search-form . resetformaction { margin-right : 0 px ; }
. ModelAdmin . cms-content-fields . cms-content-tools . cms-panel-content # Form_ImportForm { overflow : hidden ; }
2012-03-01 16:28:35 +01:00
. SecurityAdmin . permissioncheckboxset . optionset li , . SecurityAdmin . permissioncheckboxsetfield_readonly . optionset li { float : none ; width : auto ; }
2012-03-12 22:54:57 +01:00
. cms . cms-content . SecurityAdmin . cms-content-fields { overflow-y : auto ; }
. cms . cms-content . SecurityAdmin . cms-content-fields . aligned-right-label { margin-left : 184 px ; padding : 8 px 0 ; }