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 ------------------------------ */
2012-11-28 22:20:00 +01: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 : inherit ; font-size : 100 % ; vertical-align : baseline ; }
2011-04-14 07:10:50 +02:00
2012-10-31 23:16:13 +01:00
html { 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
2012-11-28 22:20:00 +01:00
a img { border : none ; }
2011-04-14 07:10:50 +02:00
2015-07-08 23:10:05 +02:00
article , aside , details , figcaption , figure , footer , header , hgroup , main , menu , nav , section , summary { display : block ; }
2011-06-25 07:52:33 +02:00
2016-01-06 00:34:58 +01:00
/ * $ experimental-support-for-svg variable comes from
imported compass / support file and enables svg gradients in IE9 .
2012-03-09 03:04:26 +01:00
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 ------------------------------------------------ */
2012-11-27 06:03:43 +01:00
/* Keep as solid colours transparent borders wont work in ie */
/* Only for use as shadows as they wont work in older browsers */
2012-11-06 01:23:20 +01:00
/*$color-optional: #a1d2eb !default; */
2011-08-04 02:02:39 +02:00
/** ----------------------------------------------- Textures ----------------------------------------------- */
2016-01-20 02:00:04 +01: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 ------------------------------ */
2012-11-21 22:01:02 +01:00
/ * Mixin used to generate slightly smaller text and forms
Used in side panels and action tabs
* /
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. */
2015-07-08 23:10:05 +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-disk , . ui-widget-content . btn-icon-disk , . 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-information , . ui-widget-content . btn-icon-information , . 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 , . u
. ui-state-default . btn-icon-accept , . ui-widget-content . btn-icon-accept { background-position : 0 0 ; }
. ui-state-default . btn-icon-accept_disabled , . ui-widget-content . btn-icon-accept_disabled { background-position : 0 -16 px ; }
. ui-state-default . btn-icon-add , . ui-widget-content . btn-icon-add { background-position : 0 -32 px ; }
. ui-state-default . btn-icon-addMedia , . ui-widget-content . btn-icon-addMedia { background-position : 0 -48 px ; }
. ui-state-default . btn-icon-add_disabled , . ui-widget-content . btn-icon-add_disabled { background-position : 0 -68 px ; }
. ui-state-default . btn-icon-addpage , . ui-widget-content . btn-icon-addpage { background-position : 0 -84 px ; }
. ui-state-default . btn-icon-addpage_disabled , . ui-widget-content . btn-icon-addpage_disabled { background-position : 0 -100 px ; }
. ui-state-default . btn-icon-arrow-circle-135-left , . ui-widget-content . btn-icon-arrow-circle-135-left { background-position : 0 -116 px ; }
. ui-state-default . btn-icon-arrow-circle-double , . ui-widget-content . btn-icon-arrow-circle-double { background-position : 0 -132 px ; }
. ui-state-default . btn-icon-back , . ui-widget-content . btn-icon-back { background-position : 0 -148 px ; }
. ui-state-default . btn-icon-back_disabled , . ui-widget-content . btn-icon-back_disabled { background-position : 0 -164 px ; }
. ui-state-default . btn-icon-chain--arrow , . ui-widget-content . btn-icon-chain--arrow { background-position : 0 -180 px ; }
. ui-state-default . btn-icon-chain--exclamation , . ui-widget-content . btn-icon-chain--exclamation { background-position : 0 -196 px ; }
. ui-state-default . btn-icon-chain--minus , . ui-widget-content . btn-icon-chain--minus { background-position : 0 -212 px ; }
. ui-state-default . btn-icon-chain--pencil , . ui-widget-content . btn-icon-chain--pencil { background-position : 0 -228 px ; }
. ui-state-default . btn-icon-chain--plus , . ui-widget-content . btn-icon-chain--plus { background-position : 0 -244 px ; }
. ui-state-default . btn-icon-chain-small , . ui-widget-content . btn-icon-chain-small { background-position : 0 -260 px ; }
. ui-state-default . btn-icon-chain-unchain , . ui-widget-content . btn-icon-chain-unchain { background-position : 0 -276 px ; }
. ui-state-default . btn-icon-chain , . ui-widget-content . btn-icon-chain { background-position : 0 -292 px ; }
. ui-state-default . btn-icon-cross-circle , . ui-widget-content . btn-icon-cross-circle { background-position : 0 -308 px ; }
. ui-state-default . btn-icon-cross-circle_disabled , . ui-widget-content . btn-icon-cross-circle_disabled { background-position : 0 -324 px ; }
. ui-state-default . btn-icon-cross , . ui-widget-content . btn-icon-cross { background-position : 0 -340 px ; }
. ui-state-default . btn-icon-decline , . ui-widget-content . btn-icon-decline { background-position : 0 -355 px ; }
. ui-state-default . btn-icon-decline_disabled , . ui-widget-content . btn-icon-decline_disabled { background-position : 0 -371 px ; }
. ui-state-default . btn-icon-delete , . ui-widget-content . btn-icon-delete { background-position : 0 -387 px ; }
. ui-state-default . btn-icon-deleteLight , . ui-widget-content . btn-icon-deleteLight { background-position : 0 -403 px ; }
. ui-state-default . btn-icon-disk , . ui-widget-content . btn-icon-disk { background-position : 0 -420 px ; }
. ui-state-default . btn-icon-document--pencil , . ui-widget-content . btn-icon-document--pencil { background-position : 0 -436 px ; }
. ui-state-default . btn-icon-download-csv , . ui-widget-content . btn-icon-download-csv { background-position : 0 -452 px ; }
. ui-state-default . btn-icon-drive-upload , . ui-widget-content . btn-icon-drive-upload { background-position : 0 -468 px ; }
. ui-state-default . btn-icon-drive-upload_disabled , . ui-widget-content . btn-icon-drive-upload_disabled { background-position : 0 -484 px ; }
. ui-state-default . btn-icon-grid_print , . ui-widget-content . btn-icon-grid_print { background-position : 0 -500 px ; }
. ui-state-default . btn-icon-information , . ui-widget-content . btn-icon-information { background-position : 0 -516 px ; }
. ui-state-default . btn-icon-magnifier , . ui-widget-content . btn-icon-magnifier { background-position : 0 -532 px ; }
. ui-state-default . btn-icon-minus-circle , . ui-widget-content . btn-icon-minus-circle { background-position : 0 -548 px ; }
. ui-state-default . btn-icon-minus-circle_disabled , . ui-widget-content . btn-icon-minus-circle_disabled { background-position : 0 -564 px ; }
. ui-state-default . btn-icon-navigation , . ui-widget-content . btn-icon-navigation { background-position : 0 -580 px ; }
. ui-state-default . btn-icon-navigation_disabled , . ui-widget-content . btn-icon-navigation_disabled { background-position : 0 -596 px ; }
. ui-state-default . btn-icon-network-cloud , . ui-widget-content . btn-icon-network-cloud { background-position : 0 -612 px ; }
. ui-state-default . btn-icon-network-cloud_disabled , . ui-widget-content . btn-icon-network-cloud_disabled { background-position : 0 -628 px ; }
. ui-state-default . btn-icon-pencil , . ui-widget-content . btn-icon-pencil { background-position : 0 -644 px ; }
. ui-state-default . btn-icon-pencil_disabled , . ui-widget-content . btn-icon-pencil_disabled { background-position : 0 -660 px ; }
. ui-state-default . btn-icon-plug-disconnect-prohibition , . ui-widget-content . btn-icon-plug-disconnect-prohibition { background-position : 0 -676 px ; }
. ui-state-default . btn-icon-plug-disconnect-prohibition_disabled , . ui-widget-content . btn-icon-plug-disconnect-prohibition_disabled { background-position : 0 -692 px ; }
. ui-state-default . btn-icon-preview , . ui-widget-content . btn-icon-preview { background-position : 0 -708 px ; }
. ui-state-default . btn-icon-preview_disabled , . ui-widget-content . btn-icon-preview_disabled { background-position : 0 -724 px ; }
. ui-state-default . btn-icon-settings , . ui-widget-content . btn-icon-settings { background-position : 0 -740 px ; }
. ui-state-default . btn-icon-settings_disabled , . ui-widget-content . btn-icon-settings_disabled { background-position : 0 -756 px ; }
. ui-state-default . btn-icon-unpublish , . ui-widget-content . btn-icon-unpublish { background-position : 0 -772 px ; }
. ui-state-default . btn-icon-unpublish_disabled , . ui-widget-content . btn-icon-unpublish_disabled { background-position : 0 -788 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 ; }
2015-07-08 23:10:05 +02:00
. icon . icon-24 { width : 24 px ; height : 24 px ; background : url ( '../images/menu-icons/24x24-s0dc15c36f9.png' ) ; }
. icon . icon-24 . icon-assetadmin { background-position : 0 -216 px ; }
. icon . icon-24 . icon-cmsmain { background-position : 0 -192 px ; }
. icon . icon-24 . icon-cmspagescontroller { background-position : 0 -168 px ; }
. icon . icon-24 . icon-cmssettingscontroller { background-position : 0 -96 px ; }
2012-06-08 06:42:14 +02:00
. icon . icon-24 . icon-securityadmin { background-position : 0 -24 px ; }
2015-07-08 23:10:05 +02:00
. icon . icon-24 . icon-reportadmin { background-position : 0 -240 px ; }
. icon . icon-24 . icon-commentadmin { background-position : 0 0 ; }
. icon . icon-24 . icon-help { background-position : 0 -144 px ; }
. icon . icon-16 { width : 16 px ; height : 16 px ; background : url ( '../images/menu-icons/16x16-s3f4c846209.png' ) ; }
. icon . icon-16 . icon-assetadmin { background-position : 0 -144 px ; }
. icon . icon-16 . icon-cmsmain { background-position : 0 -128 px ; }
2012-06-03 23:22:29 +02:00
. icon . icon-16 . icon-cmspagescontroller { background-position : 0 -112 px ; }
2015-07-08 23:10:05 +02:00
. icon . icon-16 . icon-cmssettingscontroller { background-position : 0 -64 px ; }
. icon . icon-16 . icon-securityadmin { background-position : 0 -16 px ; }
. icon . icon-16 . icon-reportadmin { background-position : 0 -160 px ; }
. icon . icon-16 . icon-commentadmin { background-position : 0 0 ; }
. icon . icon-16 . icon-help { background-position : 0 -96 px ; }
2011-08-05 06:46:03 +02:00
2011-05-20 01:29:40 +02:00
/** ----------------------------- CMS Components ------------------------------ */
2015-08-25 05:03:29 +02:00
@ font-face { font-family : "silverstripe" ; src : url ( "../font/silverstripe.eot" ) ; src : url ( "../font/silverstripe.eot?#iefix" ) format ( "embedded-opentype" ) , url ( "../font/silverstripe.woff" ) format ( "woff" ) , url ( "../font/silverstripe.ttf" ) format ( "truetype" ) , url ( "../font/silverstripe.svg#silverstripe" ) format ( "svg" ) ; font-weight : normal ; font-style : normal ; }
[ class ^ = "font-icon-" ] : before , [ class * = "font-icon-" ] : before { font-family : "silverstripe" !important ; font-style : normal !important ; font-weight : normal !important ; font-variant : normal !important ; text-transform : none !important ; speak : none ; line-height : 1 ; -webkit- font-smoothing : antialiased ; -moz- osx-font-smoothing : grayscale ; }
2015-06-16 00:52:42 +02:00
2015-08-25 05:03:29 +02:00
. font-icon-search : before { content : "s" ; }
2015-06-16 00:52:42 +02:00
2015-08-25 05:03:29 +02:00
. font-icon-upload : before { content : "b" ; }
2015-06-26 02:45:02 +02:00
2015-08-25 05:03:29 +02:00
. font-icon-sync : before { content : "c" ; }
2015-06-26 02:45:02 +02:00
2015-08-25 05:03:29 +02:00
. font-icon-print : before { content : "d" ; }
2015-06-26 02:45:02 +02:00
2015-08-25 05:03:29 +02:00
. font-icon-list : before { content : "e" ; }
2015-06-26 02:45:02 +02:00
2015-08-25 05:03:29 +02:00
. font-icon-plus-circled : before { content : "f" ; }
2015-06-26 02:45:02 +02:00
2015-08-25 05:03:29 +02:00
. font-icon-check-mark-2 : before { content : "k" ; }
2015-06-26 02:45:02 +02:00
2015-08-25 05:03:29 +02:00
. font-icon-pencil : before { content : "m" ; }
2015-06-26 02:45:02 +02:00
2015-08-25 05:03:29 +02:00
. font-icon-book : before { content : "n" ; }
2015-06-26 02:45:02 +02:00
2015-08-25 05:03:29 +02:00
. font-icon-book-open : before { content : "o" ; }
. font-icon-plus : before { content : "j" ; }
. font-icon-icon-tree : before { content : "p" ; }
. font-icon-flow-tree : before { content : "q" ; }
. font-icon-info-circled : before { content : "y" ; }
. font-icon-chart-line : before { content : "B" ; }
. font-icon-graph-bar : before { content : "E" ; }
. font-icon-torsos-all : before { content : "F" ; }
. font-icon-torso : before { content : "H" ; }
. font-icon-picture : before { content : "v" ; }
. font-icon-chart-pie : before { content : "A" ; }
. font-icon-sitemap : before { content : "C" ; }
. font-icon-globe : before { content : "P" ; }
. font-icon-globe-1 : before { content : "R" ; }
. font-icon-chat : before { content : "t" ; }
. font-icon-comment : before { content : "w" ; }
. font-icon-logout : before { content : "z" ; }
. font-icon-cancel : before { content : "D" ; }
. font-icon-cancel-circled : before { content : "Q" ; }
. font-icon-trash-bin : before { content : "S" ; }
. font-icon-left-open : before { content : "T" ; }
. font-icon-right-open : before { content : "U" ; }
. font-icon-check-mark : before { content : "G" ; }
. font-icon-check-mark-circle : before { content : "I" ; }
. font-icon-level-up : before { content : "V" ; }
. font-icon-back-in-time : before { content : "X" ; }
. font-icon-cog : before { content : "Y" ; }
. font-icon-rocket : before { content : "Z" ; }
. font-icon-install : before { content : "a" ; }
. font-icon-down-circled : before { content : "i" ; }
. font-icon-eye : before { content : "l" ; }
2015-06-16 00:52:42 +02:00
2015-08-31 23:46:39 +02:00
. font-icon-columns : before { content : "r" ; }
. font-icon-edit-write : before { content : "u" ; }
. font-icon-monitor : before { content : "x" ; }
. font-icon-mobile : before { content : "J" ; }
. font-icon-tablet : before { content : "K" ; }
. font-icon-resize : before { content : "L" ; }
2016-01-20 02:00:04 +01:00
. font-icon-silverstripe : before { content : "M" ; }
. font-icon-pencil : before { content : "m" ; }
. font-icon-trash : before { content : "g" ; }
. font-icon-edit : before { content : "N" ; }
. font-icon-tick : before { content : "O" ; }
. font-icon-folder-add : before { content : "S" ; }
. font-icon-thumbnails : before { content : "W" ; }
. font-icon-link : before { content : "2" ; }
2011-08-26 04:09:25 +02:00
/** File: typography.scss Contains the basic typography related styles for the admin interface. */
2016-01-20 02:00:04 +01:00
body , html { font-size : 12 px ; line-height : 16 px ; font-family : Arial , sans-serif ; color : #66727d ; }
2012-02-28 18:07:55 +01:00
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 ; }
2013-05-15 11:09:19 +02:00
. cms code { font-family : 'Bitstream Vera Sans Mono' , 'Courier' , monospace ; }
2011-08-26 04:09:25 +02:00
2012-11-06 10:53:20 +01:00
/** This file defines CMS-specific customizations to the jQuery UI theme. Every rule should 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 */
2016-01-20 02:00:04 +01:00
. ui-widget-content , . ui-widget { color : #66727d ; font-size : 12 px ; font-family : Arial , sans-serif ; border : 0 ; }
2012-11-06 10:53:20 +01:00
2015-07-08 23:10:05 +02:00
. 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+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 : -moz- linear-gradient ( #dde3e7 , #92a5b2 ) ; background-image : -webkit- linear-gradient ( #dde3e7 , #92a5b2 ) ; background-image : linear-gradient ( #dde3e7 , #92a5b2 ) ; border-bottom : 3 px solid #5c7382 ; padding : 8 px ; -moz- border-radius : 0 ; -webkit- border-radius : 0 ; border-radius : 0 ; }
2012-12-18 03:04:14 +01:00
. ui-widget-header . ui-dialog-title { padding : 6 px 10 px ; text-shadow : #ced7dc 1 px 1 px 0 ; }
2015-02-13 03:59:11 +01:00
. ui-widget-header a . ui-dialog-titlebar-close { position : absolute ; top : -5 px ; right : -13 px ; width : 30 px ; height : 30 px ; z-index : 100000 ; }
2012-11-28 22:20:00 +01:00
. ui-widget-header a . ui-state-hover { border-color : transparent ; background : transparent ; }
2015-07-08 23:10:05 +02:00
. ui-widget-header a . ui-state-hover . ui-icon-closethick { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -356 px no-repeat ; }
. ui-widget-header . ui-icon-closethick { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -396 px no-repeat ; width : 30 px ; height : 30 px ; }
2012-11-06 10:53:20 +01:00
. ui-state-hover { cursor : pointer ; }
2016-01-20 02:00:04 +01:00
. ui-widget input , . ui-widget select , . ui-widget textarea , . ui-widget button { color : #66727d ; font-size : 12 px ; font-family : Arial , sans-serif ; }
2012-11-06 10:53:20 +01:00
2015-06-24 01:42:24 +02:00
. ui-accordion . ui-accordion-header { border-color : #d0d3d5 ; margin-bottom : 0 ; }
. ui-accordion . ui-accordion-content { border : 1 px solid #d0d3d5 ; border-top : none ; }
2012-11-06 10:53:20 +01:00
2015-06-03 01:20:29 +02:00
. ui-autocomplete { max-height : 240 px ; overflow-x : hidden ; overflow-y : auto ; /** sorry about the !important but the specificity of other selectors mandates it over writing out very specific selectors **/ }
2015-06-16 00:52:42 +02:00
. ui-autocomplete . loading { background-image : url ( ../images/throbber.gif ) !important ; background-position : 97 % center !important ; background-repeat : no-repeat !important ; background-size : auto !important ; }
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
2015-06-24 01:42:24 +02:00
. field { display : block ; border-bottom : 1 px solid #D2D5D8 ; -webkit- box-shadow : 0 1 px 0 rgba ( 245 , 245 , 245 , 0.8 ) ; -moz- box-shadow : 0 1 px 0 rgba ( 245 , 245 , 245 , 0.8 ) ; -o- box-shadow : 0 1 px 0 rgba ( 245 , 245 , 245 , 0.8 ) ; box-shadow : 0 1 px 0 rgba ( 245 , 245 , 245 , 0.8 ) ; padding : 0 0 7 px 0 ; margin : 8 px 0 ; * zoom : 1 ; }
2015-07-08 23:10:05 +02:00
. field . noborder , . field : last-child { padding-bottom : 0 ; border-bottom : none ; -moz- box-shadow : none ; -webkit- 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-12-13 16:33:58 +01:00
. field . nolabel . description { margin-left : 0 ; }
2016-01-20 02:00:04 +01:00
. field . checkbox label . right { margin : 4 px 0 0 0 ; display : inline ; font-style : normal ; color : #66727d ; clear : none ; }
2016-01-04 23:10:48 +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 ; }
2016-01-20 02:00:04 +01:00
. field label . right { cursor : pointer ; clear : both ; color : #9ba5ae ; display : block ; font-style : italic ; margin : 4 px 0 0 184 px ; }
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-12-06 04:01:33 +01:00
. field . fieldgroup . fieldgroup-field . last { /* This is used on page/settings/visibility */ padding-bottom : 8 px ; /* replicates li item spacing */ }
2016-01-20 02:00:04 +01:00
. field . description { clear : both ; color : #7b8893 ; display : block ; font-style : italic ; line-height : 16 px ; margin : 4 px 0 0 184 px ; }
2012-12-13 16:33:58 +01:00
. field . checkbox . description , . field . ss-gridfield . description { margin-left : 0 ; }
2015-07-08 23:10:05 +02:00
. field input . text , . field textarea , . field select , . field . TreeDropdownField { margin-left : 10 px ; width : 100 % ; max-width : 512 px ; -moz- box-sizing : border-box ; -webkit- box-sizing : border-box ; box-sizing : border-box ; }
2012-12-13 16:33:58 +01:00
. field input . text . description , . field textarea . description , . field select . description , . field . TreeDropdownField . description { margin : 0 ; }
. field input . text . description , . field textarea . description , . field select . description , . field . TreeDropdownField . description { max-width : 512 px ; }
2015-07-08 23:10:05 +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 ; -moz- transition : 0.2 s box-shadow ease-in ; -webkit- transition : 0.2 s box-shadow ease-in ; -o- transition : 0.2 s box-shadow ease-in ; transition : 0.2 s box-shadow ease-in ; -moz- transition : 0.2 s border ease-in ; -webkit- transition : 0.2 s border ease-in ; -o- transition : 0.2 s border ease-in ; transition : 0.2 s border ease-in ; -moz- border-radius : 4 px ; -webkit- border-radius : 4 px ; border-radius : 4 px ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+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 : -moz- linear-gradient ( #eaeaea , #ffffff 10 % ) ; background-image : -webkit- 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 : #808080 ; -moz- box-shadow : 0 1 px 3 px rgba ( 0 , 0 , 0 , 0.2 ) inset ; -webkit- box-shadow : 0 1 px 3 px rgba ( 0 , 0 , 0 , 0.2 ) inset ; box-shadow : 0 1 px 3 px rgba ( 0 , 0 , 0 , 0.2 ) inset ; }
2016-01-20 02:00:04 +01:00
. field input [ disabled ] , . field input . disabled , . field textarea [ disabled ] , . field textarea . disabled , . field select [ disabled ] , . field select . disabled { color : #9ba5ae ; background : #efefef ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+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 : -moz- linear-gradient ( #bcbcbc , #efefef 10 % , #ffffff 90 % , #bcbcbc ) ; background-image : -webkit- 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 ; }
2015-04-22 04:42:24 +02:00
. field . cms-description-toggle > . middleColumn { display : inline-block ; vertical-align : middle ; margin-left : 0 ; width : 36 % ; min-width : 300 px ; }
. field . cms-description-toggle . right { display : inline-block ; vertical-align : middle ; height : 15 px ; margin : 0 0 0 7 px ; }
. field . cms-description-toggle . btn-icon-information { display : inline-block ; width : 15 px ; height : 15 px ; }
. field . cms-description-toggle . description { padding : 12 px 0 ; width : 36 % ; }
. field . cms-description-toggle . textarea . right , . field . cms-description-toggle . htmleditor . right , . field . cms-description-toggle . optionset . right , . field . cms-description-toggle . listbox . right , . field . cms-description-toggle . upload . right { vertical-align : top ; margin-top : 4 px ; }
. field . cms-description-toggle . htmleditor . middleColumn , . field . cms-description-toggle . htmleditor . description { width : 95 % ; }
. field . cms-description-toggle . optionset . right { margin-top : 8 px ; }
. field . cms-description-toggle . optionset li { width : 170 px ; }
. field . cms-description-toggle . listbox select { margin-left : 0 ; }
. field . cms-description-toggle . upload . description { margin-left : 184 px ; }
2015-04-28 00:49:17 +02:00
. cms-file-info-data . field . cms-description-toggle > . middleColumn { margin-left : 8 px !important ; width : auto ; min-width : 0 ; }
. cms-file-info-data . field . cms-description-toggle . description { margin-left : 104 px ; width : auto ; }
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 ; }
2013-05-21 10:52:45 +02:00
form . stacked . field . description , . field . stacked . description { margin-left : 0 px ; }
2012-01-03 14:49:35 +01:00
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-10-31 23:16:13 +01: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 ; border-bottom-left-radius : 4 px ; -moz- border-radius-bottomright : 4 px ; -webkit- 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 ; border-bottom-left-radius : 0 ; -moz- border-radius-bottomright : 0 ; -webkit- border-bottom-right-radius : 0 ; border-bottom-right-radius : 0 ; }
2013-10-23 14:32:01 +02:00
. field . TreeDropdownField . treedropdownfield-with-rise { -webkit- border-radius : 0 0 4 px 4 px ; -moz- border-radius : 0 0 4 px 4 px ; border-radius : 0 0 4 px 4 px ; }
. field . TreeDropdownField . treedropdownfield-with-rise . treedropdownfield-panel { border : 1 px solid #b3b3b3 ; border-bottom : none ; -webkit- border-radius : 4 px 4 px 0 0 ; -moz- border-radius : 4 px 4 px 0 0 ; border-radius : 4 px 4 px 0 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 ; }
2015-05-26 00:19:47 +02:00
. field . chzn-container { max-width : 512 px ; vertical-align : bottom ; }
2011-07-21 20:14:33 +02:00
. 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 ; }
2015-07-08 23:10:05 +02:00
. field . chzn-container-single . chzn-single { height : 30 px ; line-height : 30 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+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 : -moz- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : -webkit- linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; background-image : linear-gradient ( #efefef , #ffffff 10 % , #ffffff 90 % , #efefef ) ; }
2013-06-15 11:52:02 +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 ; }
2011-07-21 20:14:33 +02:00
. field . chzn-container-single . chzn-single div { width : 24 px ; }
2015-02-08 06:59:38 +01:00
. field . chzn-container-single . chzn-single div b { background-position : 4 px 3 px ; }
2015-07-08 23:10:05 +02:00
. field . chzn-choices { -moz- border-radius : 3 px ; -webkit- border-radius : 3 px ; border-radius : 3 px ; }
2015-02-08 06:59:38 +01:00
. field . chzn-choices . search-choice { line-height : 16 px ; }
. field . chzn-choices . search-choice . search-choice-close { top : 5 px ; }
. field . chzn-choices . search-field input { height : 18 px ; }
2012-06-26 18:45:54 +02:00
. field input . month , . field input . day , . field input . year { width : 56 px ; }
2013-02-17 20:57:53 +01:00
. field input . time { width : 88 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 ---------------------------------------------------- */
2015-07-08 23:10:05 +02:00
. cms . button-no-style button , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button { -moz- border-radius : 0 ; -webkit- border-radius : 0 ; border-radius : 0 ; background : none ; border : none ; color : #0073C1 ; display : block ; font-weight : normal ; margin : 0 ; outline : none ; padding-left : 10 px ; padding-right : 10 px ; text-align : left ; text-shadow : none ; white-space : normal ; }
2012-11-30 03:29:53 +01:00
. cms . button-no-style button . ss-ui-action-destructive , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button . ss-ui-action-destructive { color : #c22730 ; }
. cms . button-no-style button span , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button span { padding-left : 0 ; padding-right : 0 ; }
2015-07-08 23:10:05 +02:00
. cms . button-no-style button : hover , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button : hover , . cms . button-no-style button : focus , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button : focus , . cms . button-no-style button : active , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button : active { -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; outline : none ; background : none ; border : none ; }
2012-12-13 22:03:43 +01:00
. cms . button-no-style button . loading , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button . loading { background : transparent url ( ../../images/network-save.gif ) no-repeat 8 px center ; }
. cms . button-no-style button . loading . ui-button-text , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button . loading . ui-button-text { padding-left : 20 px ; }
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-11-21 22:01:02 +01:00
. cms . Actions { min-height : 30 px ; overflow : auto ; padding : 8 px 12 px ; }
2012-11-22 04:30:50 +01:00
. cms . south . Actions , . cms . ui-tabs-panel . Actions , . cms . ui-tabs-panel iframe . Actions { padding : 0 ; }
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 ; }
2015-08-25 05:03:29 +02: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 #d0d3d5 ; border-bottom : 1 px solid #b5babd ; cursor : pointer ; background-color : #e6e6e6 ; white-space : nowrap ; background : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #d9d9d9 ) ) ; background : -moz- linear-gradient ( #ffffff , #d9d9d9 ) ; background : -webkit- linear-gradient ( #ffffff , #d9d9d9 ) ; background : linear-gradient ( #ffffff , #d9d9d9 ) ; text-shadow : white 0 1 px 1 px ; /* constructive */ /* destructive */ /* font-icon buttons */ }
2015-07-08 23:10:05 +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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : linear-gradient ( #ffffff , #e6e6e6 ) ; -moz- box-shadow : 0 0 5 px #b3b3b3 ; -webkit- box-shadow : 0 0 5 px #b3b3b3 ; 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #e6e6e6 ) ) ; background : -moz- linear-gradient ( #ffffff , #e6e6e6 ) ; background : -webkit- linear-gradient ( #ffffff , #e6e6e6 ) ; background : linear-gradient ( #ffffff , #e6e6e6 ) ; -moz- box-shadow : 0 0 5 px #b3b3b3 inset ; -webkit- box-shadow : 0 0 5 px #b3b3b3 inset ; box-shadow : 0 0 5 px #b3b3b3 inset ; }
2013-02-04 12:10:34 +01:00
. cms . ss-ui-button . ss-ui-action-minor span { padding-left : 0 ; padding-right : 0 ; }
2015-08-20 23:51:20 +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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk0YmU0MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmOTQzMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #94be42 ) , color-stop ( 100 % , #1f9433 ) ) ; background : -moz- linear-gradient ( #94be42 , #1f9433 ) ; background : -webkit- linear-gradient ( #94be42 , #1f9433 ) ; background : linear-gradient ( #94be42 , #1f9433 ) ; text-shadow : #1c872f 0 -1 px -1 px ; }
2015-07-08 23:10:05 +02:00
. 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0Y2EzYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIzYTkzYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #a4ca3a ) , color-stop ( 100 % , #23a93a ) ) ; background : -moz- linear-gradient ( #a4ca3a , #23a93a ) ; background : -webkit- linear-gradient ( #a4ca3a , #23a93a ) ; background : linear-gradient ( #a4ca3a , #23a93a ) ; }
. 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 ; -moz- box-shadow : inset 0 1 px 3 px #17181a , 0 1 px 0 rgba ( 255 , 255 , 255 , 0.6 ) ; -webkit- box-shadow : inset 0 1 px 3 px #17181a , 0 1 px 0 rgba ( 255 , 255 , 255 , 0.6 ) ; box-shadow : inset 0 1 px 3 px #17181a , 0 1 px 0 rgba ( 255 , 255 , 255 , 0.6 ) ; }
. cms . ss-ui-button . ss-ui-action-destructive { color : #f00 ; background-color : #e6e6e6 ; }
2012-11-21 22:01:02 +01:00
. cms . ss-ui-button . ss-ui-button-small . ui-button-text { 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 ; }
2015-07-08 23:10:05 +02:00
. cms . ss-ui-button . ss-ui-action-minor { background : none ; border : 0 ; color : #393939 ; text-decoration : underline ; -moz- box-shadow : none ; -webkit- box-shadow : none ; 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 ; }
2016-01-20 02:00:04 +01:00
. cms . ss-ui-button [ class * = "font-icon-" ] , . cms . ss-ui-button [ class ^ = "font-icon-" ] , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] { padding : 5 px 8 px ; margin-bottom : 12 px ; vertical-align : middle ; box-shadow : none ; border : 0 ; background : none ; text-shadow : none ; text-decoration : none ; font-weight : normal ; color : #66727d ; }
2016-01-04 23:10:48 +01:00
. cms . ss-ui-button [ class * = "font-icon-" ] : hover , . cms . ss-ui-button [ class ^ = "font-icon-" ] : hover , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] : hover { -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; background : #dee3e8 ; color : #4f5861 ; border : 0 ; }
. cms . ss-ui-button [ class * = "font-icon-" ] : focus , . cms . ss-ui-button [ class ^ = "font-icon-" ] : focus , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] : focus { -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; background : #dee3e8 ; color : #4f5861 ; border : 0 ; }
2015-08-25 05:03:29 +02:00
. cms . ss-ui-button [ class * = "font-icon-" ] : before , . cms . ss-ui-button [ class ^ = "font-icon-" ] : before , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] : before { font-size : 16 px ; margin-right : 5 px ; margin-top : 0 ; vertical-align : middle ; }
. cms . ss-ui-button [ class * = "font-icon-" ] . ui-state-focus , . cms . ss-ui-button [ class ^ = "font-icon-" ] . ui-state-focus , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] . ui-state-focus { -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; }
2016-01-04 23:10:48 +01:00
. cms . ss-ui-button [ class * = "font-icon-" ] . active , . cms . ss-ui-button [ class * = "font-icon-" ] : active , . cms . ss-ui-button [ class ^ = "font-icon-" ] . active , . cms . ss-ui-button [ class ^ = "font-icon-" ] : active , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] . active , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] : active { -moz- box-shadow : 0 0 3 px rgba ( 191 , 194 , 196 , 0.9 ) inset ; -webkit- box-shadow : 0 0 3 px rgba ( 191 , 194 , 196 , 0.9 ) inset ; box-shadow : 0 0 3 px rgba ( 191 , 194 , 196 , 0.9 ) inset ; background : #dee3e8 ; color : #4f5861 ; border : 0 ; }
2016-01-20 02:00:04 +01:00
. cms . ss-ui-button [ class * = "font-icon-" ] . font-icon-search , . cms . ss-ui-button [ class ^ = "font-icon-" ] . font-icon-search , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] . font-icon-search { padding : 4 px 5 px ; margin-right : 6 px ; }
. cms . ss-ui-button [ class * = "font-icon-" ] . font-icon-search :: before , . cms . ss-ui-button [ class ^ = "font-icon-" ] . font-icon-search :: before , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] . font-icon-search :: before { font-size : 20 px ; }
2015-08-25 05:03:29 +02:00
. cms . ss-ui-button [ class * = "font-icon-" ] . ui-button-text , . cms . ss-ui-button [ class ^ = "font-icon-" ] . ui-button-text , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] . ui-button-text { display : inline-block ; vertical-align : middle ; * vertical-align : auto ; * zoom : 1 ; * display : inline ; padding : 0 ; }
. cms . ss-ui-button [ class * = "font-icon-" ] . ui-icon , . cms . ss-ui-button [ class ^ = "font-icon-" ] . ui-icon , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] . ui-icon { display : none ; }
2016-01-20 02:00:04 +01:00
. cms . ss-ui-button [ class * = "font-icon-" ] . no-text : hover , . cms . ss-ui-button [ class * = "font-icon-" ] . no-text : active , . cms . ss-ui-button [ class * = "font-icon-" ] . no-text : focus , . cms . ss-ui-button [ class * = "font-icon-" ] . no-text . active , . cms . ss-ui-button [ class ^ = "font-icon-" ] . no-text : hover , . cms . ss-ui-button [ class ^ = "font-icon-" ] . no-text : active , . cms . ss-ui-button [ class ^ = "font-icon-" ] . no-text : focus , . cms . ss-ui-button [ class ^ = "font-icon-" ] . no-text . active , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] . no-text : hover , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] . no-text : active , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] . no-text : focus , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] . no-text . active { -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; background : none ; color : #4f5861 ; }
. cms . ss-ui-button [ class * = "font-icon-" ] . no-text :: before , . cms . ss-ui-button [ class ^ = "font-icon-" ] . no-text :: before , . cms . ss-ui-button . ss-ui-button-constructive [ class * = "font-icon-" ] . no-text :: before { margin : 0 ; }
2012-08-07 18:05:45 +02:00
. cms . ss-ui-buttonset . ui-button { margin-left : -1 px ; }
. cms . ss-ui-buttonset { margin-left : 1 px ; }
2012-03-24 02:20:33 +01:00
. 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 ---------------------------------------------------- */
2013-01-14 01:38:09 +01:00
. fieldgroup . fieldgroup-field { float : left ; display : block ; padding : 8 px 8 px 0 0 ; }
2011-07-21 20:14:33 +02:00
. fieldgroup . fieldgroup-field . field { border : none ; padding-bottom : 0 ; }
2013-07-28 15:52:39 +02:00
. fieldgroup . fieldgroup-field . fieldholder-small { padding : 0 0 8 px 0 ; }
. fieldgroup . fieldgroup-field . fieldgroup input . text , . fieldgroup . fieldgroup-field . fieldgroup textarea , . fieldgroup . fieldgroup-field . fieldgroup select , . fieldgroup . fieldgroup-field . fieldgroup . TreeDropdownField { margin-left : 0 ; }
. fieldgroup . fieldgroup-field . fieldholder-small-label { display : block ; }
. fieldgroup . fieldgroup-field label { padding : 8 px 8 px 8 px 0 ; margin-left : 0 ; margin-right : 1 em ; width : auto ; }
2012-08-27 15:50:21 +02:00
. fieldgroup . stacked . fieldgroup-field { float : none ; }
2011-07-21 20:14:33 +02:00
2012-11-22 04:30:50 +01:00
. ss-toggle { margin : 8 px 0 ; }
. ss-toggle . ui-accordion-header { font-weight : bold ; font-size : 12 px ; }
2015-07-08 23:10:05 +02:00
. ss-toggle . ui-accordion-header . ui-state-default { background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjJmMiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWNkY2UiIHN0b3Atb3BhY2l0eT0iMC44Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g' ) ; 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 : -moz- linear-gradient ( rgba ( 241 , 242 , 242 , 0.8 ) , 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 : 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 ) ; }
2012-11-22 04:30:50 +01:00
. ss-toggle . ui-accordion-header . ui-accordion-header-icon { margin-top : -9 px ; }
. ss-toggle . ui-accordion-content { padding : 8 px 0 12 px ; }
2015-07-08 23:10:05 +02:00
. ss-toggle . ui-accordion-content . field { -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; padding-left : 12 px ; padding-right : 12 px ; }
2012-06-13 06:20:07 +02:00
. ss-toggle . ui-accordion-content . field : last-child { margin-bottom : 0 ; }
2012-11-22 04:30:50 +01:00
. ss-toggle . ui-accordion-content . field . middleColumn { margin-left : 0 ; }
. ss-toggle . ui-accordion-content . field label { float : none ; margin-left : 0 ; }
2015-06-12 01:59:48 +02:00
. ss-toggle . ui-accordion-content . field label . ss-ui-button { float : left ; }
2012-12-13 16:33:58 +01:00
. ss-toggle . ui-accordion-content . field . description { margin-left : 0 ; }
2012-06-13 06:20:07 +02:00
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-11-22 04:30:50 +01:00
. optionset { padding-bottom : 8 px ; padding-top : 8 px ; }
. optionset li { float : left ; display : block ; width : 216 px ; padding-bottom : 8 px ; padding-top : 0 ; line-height : 16 px ; list-style : none ; }
2012-01-06 20:44:34 +01:00
. optionset li input { display : inline-block ; padding-right : 0 ; margin-right : 0 ; }
. optionset li label { display : inline ; cursor : pointer ; padding-left : 8 px ; }
2012-11-22 04:30:50 +01:00
. optionset . field { padding-top : 0 ; }
2011-07-21 20:14:33 +02:00
2016-01-20 02:00:04 +01:00
/** ---------------------------------------------------- HTML Text ---------------------------------------------------- */
2013-05-22 16:15:16 +02:00
. htmleditor label { display : block ; float : none ; padding-bottom : 10 px ; }
. htmleditor . middleColumn { margin-left : 0 px ; clear : left ; }
. htmleditor . description { margin-left : 0 px ; }
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-11-22 04:30:50 +01:00
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
2016-01-06 00:34:58 +01:00
* On / Off Switch .
2012-12-03 03:17:16 +01:00
* Supports switching between up to 5 values ( used for Draft / Published )
2012-11-22 04:30:50 +01:00
* Example html set-up :
2016-01-06 00:34:58 +01:00
* < fieldset class = "switch-states size_2" >
* < div class = "switch" >
2012-12-03 03:17:16 +01:00
* < input id = "Draft" class = "first" name = "view" type = "radio" checked >
2016-01-06 00:34:58 +01:00
* < label for = "Draft" > Draft < / label >
2012-12-03 03:17:16 +01:00
* < input id = "Published" class = "last" name = "view" type = "radio" >
2016-01-06 00:34:58 +01:00
* < label for = "Published" > Published < / label >
* < span class = "slide-button" > < / span >
* < / div >
2012-12-03 03:17:16 +01:00
* < / fieldset >
2012-11-22 04:30:50 +01:00
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
2016-01-06 00:34:58 +01:00
fieldset . switch-states { margin-right : 8 px ; / *
2012-12-03 03:17:16 +01:00
Produce css for up to 5 states .
2016-01-06 00:34:58 +01:00
Note : with a little adjustment the switch can take more than 5 items ,
2012-12-03 03:17:16 +01:00
but a dropdown would probably be more appropriate
* / }
2015-08-31 23:46:39 +02:00
fieldset . switch-states . switch { border : 2 px solid #d3d6da ; -moz- border-radius : 3 px ; -webkit- border-radius : 3 px ; border-radius : 3 px ; -webkit- animation : bugfix infinite 1 s ; background : #dee0e3 ; display : block ; height : 24 px ; position : relative ; width : 100 % ; z-index : 5 ; }
fieldset . switch-states . switch label { overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; -o- text-overflow : ellipsis ; color : #858585 ; color : rgba ( 31 , 31 , 31 , 0.5 ) ; cursor : pointer ; float : left ; font-weight : bold ; height : 100 % ; line-height : 25 px ; position : relative ; z-index : 2 ; min-width : 80 px ; /* Make text unselectable in browsers that support that */ -webkit- touch-callout : none ; -webkit- user-select : none ; -khtml- user-select : none ; -moz- user-select : none ; -ms- user-select : none ; user-select : none ; }
2012-12-04 06:10:20 +01:00
fieldset . switch-states . switch label : hover { color : #6c6c6c ; color : rgba ( 31 , 31 , 31 , 0.7 ) ; }
2015-08-31 23:46:39 +02:00
fieldset . switch-states . switch label span { -moz- box-sizing : border-box ; -webkit- box-sizing : border-box ; box-sizing : border-box ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; -o- text-overflow : ellipsis ; display : inline-block ; width : 100 % ; text-align : center ; }
2012-12-04 06:10:20 +01:00
fieldset . switch-states . switch input { opacity : 0 ; filter : alpha ( opacity = 0 ) ; visibility : none ; position : absolute ; }
2015-08-31 23:46:39 +02:00
fieldset . switch-states . switch input : checked + label { -moz- transition : all 0.3 s ease-out 0 s ; -webkit- transition : all 0.3 s ease-out 0 s ; -o- transition : all 0.3 s ease-out 0 s ; transition : all 0.3 s ease-out 0 s ; color : #fff ; }
fieldset . switch-states . switch . slide-button { -moz- border-radius : 3 px ; -webkit- border-radius : 3 px ; border-radius : 3 px ; -moz- transition : all 0.3 s ease-out 0 s ; -webkit- transition : all 0.3 s ease-out 0 s ; -o- transition : all 0.3 s ease-out 0 s ; transition : all 0.3 s ease-out 0 s ; background-color : #2b9c32 ; display : block ; height : 24 px ; left : 0 ; padding : 0 ; position : absolute ; top : 0 ; z-index : 1 ; }
2012-12-06 04:01:33 +01:00
fieldset . switch-states . size_1 label , fieldset . switch-states . size_1 . slide-button { width : 100 % ; }
fieldset . switch-states . size_1 label span { padding-right : 0 ; }
2012-12-03 03:17:16 +01:00
fieldset . switch-states . size_1 input : checked : nth-of-type ( 2 ) ~ . slide-button { left : 100 % ; }
fieldset . switch-states . size_1 input : checked : nth-of-type ( 3 ) ~ . slide-button { left : 200 % ; }
fieldset . switch-states . size_1 input : checked : nth-of-type ( 4 ) ~ . slide-button { left : 300 % ; }
fieldset . switch-states . size_1 input : checked : nth-of-type ( 5 ) ~ . slide-button { left : 400 % ; }
2012-12-06 04:01:33 +01:00
fieldset . switch-states . size_2 label , fieldset . switch-states . size_2 . slide-button { width : 50 % ; }
2012-12-03 03:17:16 +01:00
fieldset . switch-states . size_2 input : checked : nth-of-type ( 2 ) ~ . slide-button { left : 50 % ; }
fieldset . switch-states . size_2 input : checked : nth-of-type ( 3 ) ~ . slide-button { left : 100 % ; }
fieldset . switch-states . size_2 input : checked : nth-of-type ( 4 ) ~ . slide-button { left : 150 % ; }
fieldset . switch-states . size_2 input : checked : nth-of-type ( 5 ) ~ . slide-button { left : 200 % ; }
2014-01-29 03:47:15 +01:00
fieldset . switch-states . size_3 label , fieldset . switch-states . size_3 . slide-button { width : 33.33333 % ; }
fieldset . switch-states . size_3 input : checked : nth-of-type ( 2 ) ~ . slide-button { left : 33.33333 % ; }
fieldset . switch-states . size_3 input : checked : nth-of-type ( 3 ) ~ . slide-button { left : 66.66667 % ; }
2012-12-03 03:17:16 +01:00
fieldset . switch-states . size_3 input : checked : nth-of-type ( 4 ) ~ . slide-button { left : 100 % ; }
2014-01-29 03:47:15 +01:00
fieldset . switch-states . size_3 input : checked : nth-of-type ( 5 ) ~ . slide-button { left : 133.33333 % ; }
2012-12-06 04:01:33 +01:00
fieldset . switch-states . size_4 label , fieldset . switch-states . size_4 . slide-button { width : 25 % ; }
2012-12-03 03:17:16 +01:00
fieldset . switch-states . size_4 input : checked : nth-of-type ( 2 ) ~ . slide-button { left : 25 % ; }
fieldset . switch-states . size_4 input : checked : nth-of-type ( 3 ) ~ . slide-button { left : 50 % ; }
fieldset . switch-states . size_4 input : checked : nth-of-type ( 4 ) ~ . slide-button { left : 75 % ; }
fieldset . switch-states . size_4 input : checked : nth-of-type ( 5 ) ~ . slide-button { left : 100 % ; }
2012-12-06 04:01:33 +01:00
fieldset . switch-states . size_5 label , fieldset . switch-states . size_5 . slide-button { width : 20 % ; }
2012-12-03 03:17:16 +01:00
fieldset . switch-states . size_5 input : checked : nth-of-type ( 2 ) ~ . slide-button { left : 20 % ; }
fieldset . switch-states . size_5 input : checked : nth-of-type ( 3 ) ~ . slide-button { left : 40 % ; }
fieldset . switch-states . size_5 input : checked : nth-of-type ( 4 ) ~ . slide-button { left : 60 % ; }
fieldset . switch-states . size_5 input : checked : nth-of-type ( 5 ) ~ . slide-button { left : 80 % ; }
@ -webkit-keyframes bugfix { from { position : relative ; }
to { position : relative ; } }
2015-06-16 00:52:42 +02:00
. cms-content-filters fieldset { margin-left : -16 px ; margin-right : -16 px ; }
. cms-content-filters . fieldgroup { width : 50 % ; display : inline-block ; max-width : 440 px ; padding-right : 16 px ; padding-left : 16 px ; margin-bottom : 16 px ; box-sizing : border-box ; margin-right : -2 px ; vertical-align : top ; }
. cms-content-filters . fieldgroup . first label , . cms-content-filters . fieldgroup . first h1 , . cms-content-filters . fieldgroup . first h2 , . cms-content-filters . fieldgroup . first h3 , . cms-content-filters . fieldgroup . first h4 , . cms-content-filters . fieldgroup . first h5 { display : block ; width : 176 px ; padding : 8 px 8 px 6 px 0 ; line-height : 16 px ; font-weight : bold ; margin : 0 ; font-size : 100 % ; }
. cms-content-filters . fieldgroup . field { width : 100 % ; padding-right : 0 ; padding-left : 0 ; }
. cms-content-filters . fieldgroup . fieldgroup-field { position : relative ; margin-right : 0 ; width : 48 % ; display : inline-block ; padding : 0 ; }
. cms-content-filters . fieldgroup . fieldgroup-field . description { margin-top : 24 px ; }
. cms-content-filters . fieldgroup . fieldgroup-field label { position : absolute ; top : 28 px ; font-style : italic ; color : #777 ; font-weight : normal ; }
. cms-content-filters . fieldgroup . fieldgroup-field . first { width : 100 % ; float : left ; }
. cms-content-filters . fieldgroup . fieldgroup-field . last { padding-right : 0 ; float : right ; }
. cms-content-filters . fieldgroup . fieldgroup { margin : 0 ; padding : 0 ; }
. cms-content-filters . field { border : none ; box-shadow : none ; width : 50 % ; max-width : 440 px ; display : inline-block ; margin : 0 0 8 px 0 ; padding-right : 16 px ; padding-left : 16 px ; padding-bottom : 0 ; box-sizing : border-box ; margin-right : -2 px ; vertical-align : top ; }
. cms-content-filters . field label . left { text-shadow : none ; padding-bottom : 6 px ; }
. cms-content-filters . field . dropdown { float : none ; display : inline-block ; }
. cms-content-filters . field . chzn-container { width : 100 % !important ; max-width : 100 % ; }
. cms-content-filters . field input . text { max-width : 100 % ; }
. cms-content-filters . field . checkbox { display : block ; }
. cms-content-filters . importSpec { margin-bottom : 8 px ; padding-left : 16 px ; }
. cms-content-filters . description { margin-left : 0 ; }
. cms-content-filters . middleColumn { width : 100 % ; margin-left : 0 ; max-width : 100 % ; }
2016-01-04 23:10:48 +01:00
. cms-content-filters . Actions { margin : 8 px 0 ; }
2015-06-16 00:52:42 +02:00
@ media screen and ( max-width : 767px ) { . cms-content-filters fieldset . field , . cms-content-filters fieldset . fieldgroup { width : 100 % ; max-width : 100 % ; } }
2015-06-26 02:45:02 +02:00
. cms-panel . cms-content-filters . field , . cms-panel . cms-content-filters . fieldgroup { width : 100 % ; margin-bottom : 16 px ; }
. cms-panel . cms-content-filters . fieldgroup-field h4 { padding-top : 0 ; }
. cms-panel . cms-content-filters . fieldgroup-field label { position : static ; }
. cms-panel . cms-content-filters . Actions { margin-bottom : 0 ; }
2015-06-16 00:52:42 +02:00
2012-02-07 23:24:42 +01:00
/ * *
2016-01-06 00:34:58 +01:00
* This file defines most styles of the CMS : Colors , fonts , backgrounds ,
2012-02-07 23:24:42 +01:00
* alignments , dimensions .
2016-01-06 00:34:58 +01:00
*
* Use SCSS variable definitions in screen . css to avoid repeating styles
* like background colours or padding dimensions . See themes / _default . scss
2012-02-07 23:24:42 +01:00
* to get started .
2016-01-06 00:34:58 +01:00
*
* 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
2012-02-07 23:24:42 +01:00
* ( 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 ; }
2015-07-08 23:10:05 +02:00
. cms a { color : #0073C1 ; text-decoration : none ; }
2012-11-28 22:20:00 +01:00
. cms a : hover , . cms a : focus { text-decoration : underline ; }
2011-07-21 20:14:33 +02:00
. 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 -------------------------------------------- */
2012-11-21 22:01:02 +01:00
. hide , . cms-helper-hide-actions . Actions { display : none ; }
2012-04-10 02:41:19 +02:00
2011-07-21 20:14:33 +02:00
/** -------------------------------------------- Panels Styles -------------------------------------------- */
2016-01-20 02:00:04 +01:00
. cms-container { height : 100 % ; background : #ECEFF1 ; }
2011-04-05 11:06:56 +02:00
2015-07-08 23:10:05 +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 : inline-block ; vertical-align : middle ; * vertical-align : auto ; * zoom : 1 ; * display : inline ; }
2011-07-21 11:52:17 +02:00
2015-06-24 01:42:24 +02:00
. cms-content-header { padding-left : 16 px ; z-index : 60 ; min-height : 52 px ; background-image : url ( ../images/textures/cms_content_header.png ) ; background-repeat : repeat ; background-position : left bottom ; background-color : #E6EAED ; }
2015-07-08 23:10:05 +02:00
. cms-content-header a { color : #0073C1 ; }
2012-03-14 23:09:14 +01:00
. cms-content-header . backlink span . btn-icon-back { height : 16 px ; }
2013-06-13 00:04:56 +02:00
. cms-content-header h2 { font-size : 14 px ; font-weight : bold ; margin : 0 ; margin-bottom : 8 px ; }
. cms-content-header h2 * { vertical-align : middle ; }
2015-06-24 01:42:24 +02:00
. cms-content-header . cms-content-header-info { float : left ; padding-top : 7 px ; }
2013-12-21 05:23:07 +01:00
. cms-content-header . cms-content-header-info * { display : inline-block ; }
2013-12-23 08:21:05 +01:00
. cms-content-header . cms-content-header-info . section-icon { opacity : 0.2 ; margin-right : 4 px ; background-repeat : no-repeat ; }
2015-08-20 23:51:20 +02:00
. cms-content-header . cms-content-header-info . cms_backlink { vertical-align : middle ; }
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-11-22 04:30:50 +01:00
. cms-edit-form . CMSMain { padding : 0 ; }
2012-11-22 02:14:11 +01:00
2012-11-26 05:26:06 +01:00
. cms-container . column-hidden { display : none ; }
2015-07-08 23:10:05 +02:00
. cms-content-header-top { display : inline-block ; vertical-align : middle ; * vertical-align : auto ; * zoom : 1 ; * display : inline ; width : 100 % ; }
2015-06-26 02:45:02 +02:00
2015-06-24 01:42:24 +02:00
. has-panel . cms-content-header . north { padding-left : 16 px ; }
. has-panel . cms-content-header . north . collapsed . cms-content-header-info { width : 24 px ; text-align : right ; padding-left : 12 px ; padding-right : 8 px ; }
2015-06-26 02:45:02 +02:00
. has-panel . cms-content-header . north . collapsed . view-controls , . has-panel . cms-content-header . north . collapsed . section-label { display : none ; }
. has-panel . cms-content-header . north . collapsed . cms-content-header-nav { margin-left : 31 px ; }
2015-06-24 01:42:24 +02:00
. has-panel . cms-content-header-info { position : absolute ; top : 0 ; left : 0 ; bottom : 1 px ; width : 272 px ; margin-left : -4 px ; padding-bottom : 8 px ; padding-left : 16 px ; padding-right : 16 px ; border-right : 1 px solid #C1C7CC ; }
2015-06-26 02:45:02 +02:00
. has-panel . cms-content-header-nav { margin-left : 280 px ; }
2015-06-24 01:42:24 +02:00
. has-panel . section-heading { margin-top : 8 px ; padding-left : 4 px ; }
2015-06-26 02:45:02 +02:00
. has-panel . section-icon { vertical-align : middle ; }
2015-06-24 01:42:24 +02:00
. has-panel . section-label { vertical-align : middle ; font-size : 1.2 em ; font-weight : normal ; }
. has-panel . breadcrumbs-wrapper { float : left ; padding-top : 7 px ; padding-left : 20 px ; }
. has-panel . cms-content-header-tabs { margin-top : 8 px ; }
2015-12-11 05:59:03 +01:00
. has-panel . view-controls { float : right ; margin-top : 4 px ; }
. has-panel . view-controls . icon-button-group . icon-button { padding : 6 px 8 px ; height : 14 px ; }
2015-06-26 02:45:02 +02:00
. has-panel . cms-content-tools . cms-panel-content { padding-top : 0 ; overflow-x : hidden ; }
# page-title-heading { line-height : 1.2 em ; }
/** ------------------------------------------------------------------ CMS Breadcrumbs ----------------------------------------------------------------- */
2015-06-24 01:42:24 +02:00
. breadcrumbs-wrapper . crumb , . breadcrumbs-wrapper . sep { font-size : .8 em ; line-height : 1.2 em ; font-weight : normal ; }
2015-06-26 02:45:02 +02:00
. breadcrumbs-wrapper . crumb . last { display : block ; padding : 8 px 0 ; font-size : 1.2 em ; }
. breadcrumbs-wrapper . sep + . crumb . last { padding-top : 0 ; padding-bottom : 0 ; }
2015-06-16 00:52:42 +02:00
/** ------------------------------------------------------------------ Filters available in the top bar. This is a togglable element that displays a form used for filtering content. ----------------------------------------------------------------- */
2016-01-04 23:10:48 +01:00
. cms-content-filters { display : none ; width : 100 % ; margin : 0 0 0 -16 px ; padding : 12 px 16 px ; border-bottom : 1 px solid #D2D5D8 ; }
2015-06-16 00:52:42 +02:00
. cms-content-filters . cms-search-form { margin-bottom : 0 ; }
2015-07-08 23:10:05 +02:00
. cms-tabset-nav-primary { display : inline-block ; vertical-align : middle ; * vertical-align : auto ; * zoom : 1 ; * display : inline ; vertical-align : middle ; }
2015-06-26 02:45:02 +02:00
/** ------------------------------------------------------------------ Buttons that use font icons. There are !important rules here because we need to override some Tab styling. It's tidier to have some !important rules here than have the Tab styles littered with load of context specific rules for icon-buttons. Icon buttons styles should always take presedence over Tab styles. Tabs should be refactored to use weaker selectors. ----------------------------------------------------------------- */
2016-01-20 02:00:04 +01:00
. cms a . icon-button , . cms . ui-tabs . ui-tabs-nav li a . icon-button , . ui-tabs . ui-tabs-nav li . cms a . icon-button , . cms button . ss-ui-button . icon-button { vertical-align : middle ; margin : 0 2 px 0 0 ; padding : 5 px 8 px ; font-size : 14 px ; text-indent : 0 ; text-shadow : none ; line-height : 1 em ; color : #66727d ; background-color : transparent ; background-image : none ; border : 0 ; }
2015-08-25 05:03:29 +02:00
. cms a . icon-button : hover , . cms . ui-tabs . ui-tabs-nav li a . icon-button : hover , . ui-tabs . ui-tabs-nav li . cms a . icon-button : hover , . cms a . icon-button : active , . cms . ui-tabs . ui-tabs-nav li a . icon-button : active , . ui-tabs . ui-tabs-nav li . cms a . icon-button : active , . cms a . icon-button : focus , . cms . ui-tabs . ui-tabs-nav li a . icon-button : focus , . ui-tabs . ui-tabs-nav li . cms a . icon-button : focus , . cms button . ss-ui-button . icon-button : hover , . cms button . ss-ui-button . icon-button : active , . cms button . ss-ui-button . icon-button : focus { border : 0 ; box-shadow : none ; background-image : none ; text-decoration : none ; }
. cms a . icon-button : hover , . cms . ui-tabs . ui-tabs-nav li a . icon-button : hover , . ui-tabs . ui-tabs-nav li . cms a . icon-button : hover , . cms button . ss-ui-button . icon-button : hover { background-color : #d4dbe1 ; }
. cms a . icon-button . active , . cms . ui-tabs . ui-tabs-nav li a . active . icon-button , . ui-tabs . ui-tabs-nav li . cms a . active . icon-button , . cms a . icon-button : active , . cms . ui-tabs . ui-tabs-nav li a . icon-button : active , . ui-tabs . ui-tabs-nav li . cms a . icon-button : active , . cms button . ss-ui-button . icon-button . active , . cms button . ss-ui-button . icon-button : active { background-color : #d4dbe1 ; box-shadow : inset 0 0 3 px rgba ( 191 , 194 , 196 , 0.9 ) ; }
2015-12-11 05:59:03 +01:00
. cms a . icon-button . font-icon-search , . cms . ui-tabs . ui-tabs-nav li a . font-icon-search . icon-button , . ui-tabs . ui-tabs-nav li . cms a . font-icon-search . icon-button , . cms button . ss-ui-button . icon-button . font-icon-search { padding : 5 px 6 px ; }
. cms a . icon-button . font-icon-search : before , . cms button . ss-ui-button . icon-button . font-icon-search : before { font-size : 18 px ; margin-left : 1 px ; margin-right : 0 ; }
2015-08-25 05:03:29 +02:00
. cms a . icon-button . ui-button-text , . cms . ui-tabs . ui-tabs-nav li a . icon-button . ui-button-text , . ui-tabs . ui-tabs-nav li . cms a . icon-button . ui-button-text , . cms button . ss-ui-button . icon-button . ui-button-text { display : none ; }
. ModelAdmin . cms a . icon-button , . ModelAdmin . cms . ui-tabs . ui-tabs-nav li a . icon-button , . ui-tabs . ui-tabs-nav li . ModelAdmin . cms a . icon-button , . ModelAdmin . cms button . ss-ui-button . icon-button { margin-top : -11 px ; }
2015-12-11 05:59:03 +01:00
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . ui-state-active a . icon-button . cms-panel-link , . ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . ui-state-default a . icon-button . cms-panel-link { padding : 5 px 8 px 6 px ; line-height : 1 em ; background-color : transparent ; background-image : none ; border : 0 ; }
2015-08-25 05:03:29 +02:00
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . ui-state-active a . icon-button . cms-panel-link : before , . ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . ui-state-default a . icon-button . cms-panel-link : before { vertical-align : middle ; }
2015-06-26 02:45:02 +02:00
2016-01-20 02:00:04 +01:00
. icon-button-group { display : inline-block ; vertical-align : middle ; * vertical-align : auto ; * zoom : 1 ; * display : inline ; margin-top : 1 px ; vertical-align : middle ; border : 1 px solid #CDCCD0 ; border-radius : 4 px ; }
2015-12-11 05:59:03 +01:00
. icon-button-group a . icon-button , . icon-button-group . ui-tabs . ui-tabs-nav li a . icon-button , . ui-tabs . ui-tabs-nav li . icon-button-group a . icon-button , . icon-button-group button . ss-ui-button . icon-button { margin-right : 0 ; line-height : 13 px ; border-radius : 0 ; }
. icon-button-group a . icon-button : first-child , . icon-button-group . ui-tabs . ui-tabs-nav li a . icon-button : first-child , . ui-tabs . ui-tabs-nav li . icon-button-group a . icon-button : first-child , . icon-button-group button . ss-ui-button . icon-button : first-child { border-radius : 3 px 0 0 3 px ; }
. icon-button-group a . icon-button : last-child , . icon-button-group . ui-tabs . ui-tabs-nav li a . icon-button : last-child , . ui-tabs . ui-tabs-nav li . icon-button-group a . icon-button : last-child , . icon-button-group button . ss-ui-button . icon-button : last-child { border-radius : 0 3 px 3 px 0 ; }
2015-08-25 05:03:29 +02:00
. icon-button-group a . icon-button : hover , . icon-button-group . ui-tabs . ui-tabs-nav li a . icon-button : hover , . ui-tabs . ui-tabs-nav li . icon-button-group a . icon-button : hover , . icon-button-group button . ss-ui-button . icon-button : hover { background : #ECEFF1 ; }
2015-06-24 01:42:24 +02:00
. icon-button-group a . icon-button . active : hover , . icon-button-group button . ss-ui-button . icon-button . active : hover { background : #d4dbe1 ; }
2015-07-08 23:10:05 +02:00
. icon-button-group a . icon-button + a . icon-button , . icon-button-group . ui-tabs . ui-tabs-nav li a . icon-button + a . icon-button , . icon-button-group a . icon-button + button . ss-ui-button . icon-button , . icon-button-group . ui-tabs . ui-tabs-nav li a . icon-button + button . ss-ui-button . icon-button , . icon-button-group button . ss-ui-button . icon-button + a . icon-button , . icon-button-group . ui-tabs . ui-tabs-nav li button . ss-ui-button . icon-button + a . icon-button , . icon-button-group button . ss-ui-button . icon-button + button . ss-ui-button . icon-button { border-left : 1 px solid #CDCCD0 ; }
2016-01-20 02:00:04 +01:00
. icon-button-group a . icon-button . font-icon-thumbnails :: before , . icon-button-group button . ss-ui-button . icon-button . font-icon-thumbnails :: before { margin-left : -2 px ; }
2015-12-11 05:59:03 +01:00
. icon-button-group . ui-tabs . ui-tabs-nav { border-left : 0 !important ; padding-right : 0 !important ; margin-bottom : 0 ; overflow : hidden ; }
. icon-button-group . ui-tabs . ui-tabs-nav . cms-tabset-icon . ui-state-default { background-color : transparent ; background-image : none ; margin : 0 ; padding : 0 ; border-left : 0 ; border-right : 0 ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; }
2015-06-26 02:45:02 +02:00
. icon-button-group . ui-tabs . ui-tabs-nav . cms-tabset-icon . ui-state-default + . cms-tabset-icon . ui-state-default { border-left : 1 px solid #CDCCD0 ; }
2015-08-25 05:03:29 +02:00
. icon-button-group . ui-tabs . ui-tabs-nav . cms-tabset-icon . ui-state-default : hover { background : #ECEFF1 ; }
. icon-button-group . ui-tabs . ui-tabs-nav . cms-tabset-icon . ui-state-default . ui-state-active : hover { background : #d4dbe1 ; }
2016-01-20 02:00:04 +01:00
. icon-button-group . ui-tabs . ui-tabs-nav . cms-tabset-icon . ui-state-active { background-color : #d4dbe1 ; }
2015-06-26 02:45:02 +02:00
. cms-content-header-tabs . icon-button-group { overflow : hidden ; }
2015-06-16 00:52:42 +02:00
2012-02-28 15:57:39 +01:00
/** -------------------------------------------- Tabs -------------------------------------------- */
2012-11-06 10:53:20 +01:00
. ui-tabs { padding : 0 ; background : none ; }
. ui-tabs . ui-tabs { position : static ; }
2015-06-24 01:42:24 +02:00
. ui-tabs . ui-tabs-panel { padding : 12 px 16 px ; background : transparent ; border : 0 ; }
2012-11-22 04:30:50 +01:00
. ui-tabs . ui-tabs-panel . cms-edit-form { padding : 0 ; }
2012-11-06 10:53:20 +01:00
. ui-tabs . ui-widget-header { border : 0 ; background : none ; }
2015-06-24 01:42:24 +02:00
. ui-tabs . ui-tabs-nav { float : right ; margin : 16 px 0 -1 px 0 ; padding : 0 16 px 0 0 ; border-bottom : 0 ; }
. ui-tabs . ui-tabs-nav ~ . ui-tabs-panel { clear : both ; }
. ui-tabs . ui-tabs-nav li { top : 0 ; float : left ; margin-top : 0 ; }
2016-01-08 03:11:17 +01:00
. ui-tabs . ui-tabs-nav li : active { outline : none ; }
2016-01-20 02:00:04 +01:00
. ui-tabs . ui-tabs-nav li a { display : inline-block ; vertical-align : middle ; * vertical-align : auto ; * zoom : 1 ; * display : inline ; outline : none ; float : none ; font-weight : normal ; color : #66727d ; line-height : 32 px ; padding : 0 12 px 0 ; }
2012-11-07 12:41:01 +01:00
. ui-tabs . ui-tabs-nav li : last-child { margin-right : 0 ; }
2015-06-24 01:42:24 +02:00
. ui-tabs . ui-tabs-nav . ui-state-default { border : 0 ; background : transparent ; }
2016-01-20 02:00:04 +01:00
. ui-tabs . ui-tabs-nav . ui-state-default a { line-height : 28 px ; padding-top : 12 px ; padding-bottom : 8 px ; color : #7f8c97 ; }
. ui-tabs . ui-tabs-nav . ui-state-default a : hover { color : #66727d ; }
2015-06-24 01:42:24 +02:00
. ui-tabs . ui-tabs-nav . ui-state-active { padding-bottom : 1 px ; background-color : transparent ; cursor : text ; }
2016-01-20 02:00:04 +01:00
. ui-tabs . ui-tabs-nav . ui-state-active a { border-bottom : 4 px solid #66727d ; padding-left : 0 ; padding-right : 0 ; margin : 0 12 px 0 ; color : #66727d ; }
2015-07-08 23:10:05 +02:00
. ui-tabs . ui-tabs-nav . ui-state-active { border-color : #808080 ; }
2015-06-24 01:42:24 +02:00
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top { text-indent : -9999 em ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top a { display : block ; padding-left : 40 px ; padding-right : 0 ; margin : 0 ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . list a { background : url ( '../images/sprites-64x64-s45180e3c4f.png' ) 0 -304 px no-repeat ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . tree a { background : url ( '../images/sprites-64x64-s45180e3c4f.png' ) 0 -504 px no-repeat ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . gallery a { background : url ( '../images/sprites-64x64-s45180e3c4f.png' ) 0 -204 px no-repeat ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . edit a { background : url ( '../images/sprites-64x64-s45180e3c4f.png' ) 0 -104 px no-repeat ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . search a { background : url ( '../images/sprites-64x64-s45180e3c4f.png' ) 0 -404 px no-repeat ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . list . ui-state-active a { background : url ( '../images/sprites-64x64-s45180e3c4f.png' ) 0 -254 px no-repeat ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . tree . ui-state-active a { background : url ( '../images/sprites-64x64-s45180e3c4f.png' ) 0 -454 px no-repeat ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . gallery . ui-state-active a { background : url ( '../images/sprites-64x64-s45180e3c4f.png' ) 0 -154 px no-repeat ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . edit . ui-state-active a { background : url ( '../images/sprites-64x64-s45180e3c4f.png' ) 0 -54 px no-repeat ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . ui-corner-top . search . ui-state-active a { background : url ( '../images/sprites-64x64-s45180e3c4f.png' ) 0 -354 px no-repeat ; }
2012-12-17 15:13:43 +01:00
. ui-tabs . cms-panel-padded . ui-tabs-panel { padding : 0 ; }
2012-11-07 12:41:01 +01:00
. ui-tabs . cms-panel-padded . ui-tabs-panel . ui-tabs-panel { padding : 8 px 0 0 0 ; }
2012-12-17 15:13:43 +01:00
. ui-tabs . cms-panel-padded . Actions { padding : 0 ; }
2012-11-06 10:53:20 +01:00
. ui-tabs . ss-tabset-tabshidden . ui-tabs-panel { border-top : none ; }
/** Primary styles which sit on top of screen, with different tab colors. TODO Only use one "primary" selector and fix HTMLEditorField TabSet addExtraClass() */
2015-06-24 01:42:24 +02:00
. ui-tabs . cms-tabset-primary . ui-tabs-nav , . ui-tabs . ui-tabs-nav . cms-tabset-nav-primary , . ui-tabs . cms-content-header-tabs . ui-tabs-nav { margin-top : 0 ; float : none ; }
2012-11-22 04:30:50 +01:00
. ui-tabs . cms-tabset-primary . ui-tabs-nav li , . ui-tabs . ui-tabs-nav . cms-tabset-nav-primary li , . ui-tabs . cms-content-header-tabs . ui-tabs-nav li { margin-right : 0 ; margin-top : 0 ; }
2015-06-24 01:42:24 +02:00
. ui-tabs . cms-tabset-primary . ui-tabs-nav li a , . ui-tabs . ui-tabs-nav . cms-tabset-nav-primary li a , . ui-tabs . cms-content-header-tabs . ui-tabs-nav li a { margin : 0 ; line-height : 39 px ; padding-top : 0 ; padding-bottom : 0 ; }
2012-11-22 04:30:50 +01:00
. ui-tabs . cms-tabset-primary . ui-tabs-nav . ui-corner-all , . ui-tabs . cms-tabset-primary . ui-tabs-nav . ui-corner-top , . ui-tabs . cms-tabset-primary . ui-tabs-nav . ui-corner-right , . ui-tabs . cms-tabset-primary . ui-tabs-nav . ui-corner-tr , . ui-tabs . cms-tabset-primary . ui-tabs-nav . ui-corner-tl , . ui-tabs . ui-tabs-nav . cms-tabset-nav-primary . ui-corner-all , . ui-tabs . ui-tabs-nav . cms-tabset-nav-primary . ui-corner-top , . ui-tabs . ui-tabs-nav . cms-tabset-nav-primary . ui-corner-right , . ui-tabs . ui-tabs-nav . cms-tabset-nav-primary . ui-corner-tr , . ui-tabs . ui-tabs-nav . cms-tabset-nav-primary . ui-corner-tl , . ui-tabs . cms-content-header-tabs . ui-tabs-nav . ui-corner-all , . ui-tabs . cms-content-header-tabs . ui-tabs-nav . ui-corner-top , . ui-tabs . cms-content-header-tabs . ui-tabs-nav . ui-corner-right , . ui-tabs . cms-content-header-tabs . ui-tabs-nav . ui-corner-tr , . ui-tabs . cms-content-header-tabs . ui-tabs-nav . ui-corner-tl { border-radius : 0 ; }
2015-06-24 01:42:24 +02:00
. ui-tabs . cms-tabset-primary . ui-tabs-nav . ui-state-default , . ui-tabs . ui-tabs-nav . cms-tabset-nav-primary . ui-state-default , . ui-tabs . cms-content-header-tabs . ui-tabs-nav . ui-state-default { background : none ; border-top : none ; border : none ; }
. ui-tabs . cms-tabset-primary . ui-tabs-nav . ui-state-active , . ui-tabs . ui-tabs-nav . cms-tabset-nav-primary . ui-state-active , . ui-tabs . cms-content-header-tabs . ui-tabs-nav . ui-state-active { -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; background : transparent ; border-top : none ; border : none ; z-index : 2 ; }
. ui-tabs . cms-tabset-primary . ui-tabs-nav . ui-state-active a , . ui-tabs . ui-tabs-nav . cms-tabset-nav-primary . ui-state-active a , . ui-tabs . cms-content-header-tabs . ui-tabs-nav . ui-state-active a { border-bottom : 4 px solid #66727d ; padding : 0 ; margin : 0 12 px 0 ; }
2012-11-06 10:53:20 +01:00
2016-01-20 02:00:04 +01:00
. cms-content-header-tabs { float : right ; margin-top : 12 px ; }
2015-12-11 05:59:03 +01:00
. cms-content-header-tabs . icon-button-group-tabs { margin-top : 12 px ; margin-bottom : 13 px ; }
2015-06-26 02:45:02 +02:00
. cms-content-header-tabs . icon-button-group { margin-right : 16 px ; }
2015-06-24 01:42:24 +02:00
. cms-content-fields . ui-tabs-nav { float : none ; padding : 0 ; border-bottom : 1 px solid #d0d3d5 ; margin : 0 16 px 0 ; }
. cms-content-fields . ui-tabs-nav li { margin-bottom : -1 px ; }
. cms-content-fields . ui-tabs-nav li . first a { margin-left : 0 ; padding-left : 0 ; }
2012-05-12 07:38:37 +02:00
2011-08-22 06:44:41 +02:00
/** ------------------------------------------------------- Loading Interface ------------------------------------------------------- */
2011-12-14 17:13:33 +01:00
. cms-content-loading-overlay { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; z-index : 9998 ; }
2011-05-20 01:38:36 +02:00
2011-12-14 17:13:33 +01:00
. cms-content-loading-spinner { position : absolute ; top : 0 ; left : 0 ; width : 100 % ; height : 100 % ; z-index : 9999 ; background : url ( ../images/spinner.gif ) no-repeat 50 % 50 % ; }
2011-10-29 12:31:56 +02:00
2011-06-10 03:37:54 +02:00
/** ----------------------------------------------- Loading Screen ------------------------------------------------ */
2015-07-08 23:10:05 +02: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 , #FFFFFF , #EFEFEF , #C7C7C7 100 % ) ; background : -webkit- gradient ( radial , 50 % 50 % , 350 , 50 % 50 % , 0 , from ( #E3E3E3 ) , to ( white ) ) ; }
2012-11-05 05:51:38 +01:00
. ss-loading-screen . loading-logo { width : 100 % ; height : 100 % ; overflow : hidden ; position : absolute ; background : transparent url ( ../images/silverstripe_logo.png ) no-repeat 50 % 50 % ; }
2011-12-15 16:54:33 +01:00
. ss-loading-screen p { width : 100 % ; text-align : center ; position : absolute ; bottom : 80 px ; z-index : 100001 ; }
2015-07-08 23:10:05 +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 ; -moz- border-radius : 5 px ; -webkit- border-radius : 5 px ; border-radius : 5 px ; display : inline-block ; zoom : 1 ; * display : inline ; }
2015-02-08 06:59:38 +01:00
. ss-loading-screen . loading-animation { display : none ; position : absolute ; left : 50 % ; margin-left : -21.5 px ; top : 80 % ; }
2011-04-19 06:34:30 +02:00
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Actions -------------------------------------------- */
2015-06-24 01:42:24 +02:00
. cms-content-actions , . cms-preview-controls { margin : 0 ; padding : 12 px 16 px ; z-index : 999 ; border-top : 1 px solid #D2D5D8 ; -moz- box-shadow : 1 px 0 0 #ECEFF1 , rgba ( 248 , 248 , 248 , 0.9 ) 0 1 px 0 px inset , rgba ( 201 , 205 , 206 , 0.8 ) 0 0 1 px ; -webkit- box-shadow : 1 px 0 0 #ECEFF1 , rgba ( 248 , 248 , 248 , 0.9 ) 0 1 px 0 px inset , rgba ( 201 , 205 , 206 , 0.8 ) 0 0 1 px ; box-shadow : 1 px 0 0 #ECEFF1 , rgba ( 248 , 248 , 248 , 0.9 ) 0 1 px 0 px inset , rgba ( 201 , 205 , 206 , 0.8 ) 0 0 1 px ; height : 28 px ; background-color : #ECEFF1 ; }
2011-05-20 01:29:40 +02:00
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Messages -------------------------------------------- */
2015-07-08 23:10:05 +02:00
. message { display : block ; clear : both ; margin : 0 0 8 px ; padding : 10 px 12 px ; font-weight : normal ; border : 1 px #ccc solid ; background : #fff ; background : rgba ( 255 , 255 , 255 , 0.5 ) ; text-shadow : none ; -moz- border-radius : 3 px 3 px 3 px 3 px ; -webkit- border-radius : 3 px ; border-radius : 3 px 3 px 3 px 3 px ; }
. message . notice { background-color : #f0f8fc ; border-color : #93CDE8 ; }
. message . warning { background-color : #fefbde ; border-color : #E9D104 ; }
2012-11-06 01:23:20 +01:00
. message . error , . message . bad , . message . required , . message . validation { background-color : #fae8e9 ; border-color : #e68288 ; }
. message . good { background-color : #eaf6e4 ; border-color : #72c34b ; }
2011-09-19 21:01:17 +02:00
. message p { margin : 0 ; }
2011-04-19 06:34:30 +02:00
2012-12-17 15:13:43 +01:00
. cms-edit-form . message { margin : 16 px ; }
2013-02-20 10:48:40 +01:00
. cms-edit-form . ui-tabs-panel . message { margin : 16 px 0 ; }
2012-11-22 04:30:50 +01:00
2015-09-02 00:12:45 +02:00
. notice-item { -moz- border-radius : 3 px ; -webkit- border-radius : 3 px ; border-radius : 3 px ; font-family : inherit ; font-size : inherit ; padding : 6 px 24 px 8 px 10 px ; word-wrap : break-word ; min-height : 60 px ; height : auto ; border : 0 ; border-left : 3 px solid ; color : #666 ; left : 300 px ; background : #fff ; }
. notice-item . success , . notice-item . good , . notice-item . green { border-color : #72c34b ; }
. notice-item . notice , . notice-item . info , . notice-item . blue { border-color : #93CDE8 ; }
. notice-item . warning , . notice-item . caution , . notice-item . yellow { border-color : #E9D104 ; }
. notice-item . bad , . notice-item . error , . notice-item . red { border-color : #e68288 ; }
. notice-item p { margin-bottom : 0 ; }
. notice-item-close { font-weight : normal ; width : 12 px ; height : 16 px ; color : #555 ; font-size : 16 px ; overflow : hidden ; top : 4 px ; right : 4 px ; padding : 2 px ; opacity : .8 ; }
. notice-item-close :: before { content : 'x' ; }
. notice-item-close : hover { opacity : 1 ; }
2013-09-16 02:49:18 +02:00
2012-06-13 09:46:22 +02:00
/** -------------------------------------------- Page icons -------------------------------------------- */
2012-11-28 22:20:00 +01:00
. 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 ; }
2012-06-13 09:46:22 +02:00
. 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 ; }
2013-06-19 01:27:22 +02:00
. cms-add-form ul . SelectionGroup { padding-left : 28 px ; overflow : visible ; * zoom : 1 ; }
. cms-add-form ul . SelectionGroup : after { content : "\0020" ; display : block ; height : 0 ; clear : both ; overflow : hidden ; visibility : hidden ; }
2012-03-12 10:53:51 +01:00
. cms-add-form . parent-mode { padding : 8 px ; overflow : auto ; }
2012-11-22 02:14:11 +01:00
2013-08-28 11:09:25 +02:00
# PageType ul { padding-left : 20 px ; }
# 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 ; }
# PageType ul li : last-child { border-bottom : none ; }
# PageType ul li : hover , # PageType ul li . selected { background-color : rgba ( 255 , 255 , 102 , 0.3 ) ; }
2015-07-08 23:10:05 +02:00
# PageType ul li . disabled { color : #aaa ; filter : progid : DXImageTransform . Microsoft . Alpha ( Opacity = 50 ) ; opacity : 0.5 ; }
2013-08-28 11:09:25 +02:00
# PageType ul li . disabled : hover { background : none ; }
# PageType ul li input { margin : inherit ; }
# PageType ul li label { padding-left : 0 ; padding-bottom : 0 ; }
# PageType ul li input , # PageType ul li label , # PageType ul li . page-icon , # PageType ul li . title { float : left ; line-height : 1.3 em ; }
# PageType ul li . page-icon { margin : 0 4 px ; }
# PageType ul li . title { width : 120 px ; font-weight : bold ; padding-right : 10 px ; }
# PageType ul li . description { font-style : italic ; display : inline ; clear : none ; margin : 0 ; }
2011-04-24 01:05:59 +02:00
2011-07-07 07:34:55 +02:00
/** -------------------------------------------- Content toolbar -------------------------------------------- */
2015-06-24 01:42:24 +02:00
. cms-content-toolbar { min-height : 29 px ; display : block ; margin : 12 px 0 0 ; padding-bottom : 0 ; * zoom : 1 ; border-bottom : 0 ; box-shadow : none ; }
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 ; }
2015-07-08 23:10:05 +02:00
. cms-content-toolbar . cms-tree-view-modes * label { color : #0073C1 ; }
2015-06-16 00:52:42 +02:00
. cms-content-toolbar . cms-actions-tools-row { clear : both ; }
. cms-content-toolbar . tool-action { display : none ; }
2011-04-24 01:41:21 +02:00
2015-06-16 00:52:42 +02:00
/** DEPRECATED: .cms-content-tools will be removed in 4.0 Use .cms-content-filters instead. Content Tools is the sidebar on the left of the main content panel */
2015-06-24 01:42:24 +02:00
. cms-content-tools { background : #ECEFF1 ; width : 288 px ; overflow-y : auto ; overflow-x : hidden ; z-index : 70 ; border-right : 1 px solid #C1C7CC ; -moz- box-shadow : rgba ( 248 , 248 , 248 , 0.9 ) -1 px 0 0 inset , 0 0 1 px rgba ( 201 , 205 , 206 , 0.8 ) ; -webkit- box-shadow : rgba ( 248 , 248 , 248 , 0.9 ) -1 px 0 0 inset , 0 0 1 px rgba ( 201 , 205 , 206 , 0.8 ) ; box-shadow : rgba ( 248 , 248 , 248 , 0.9 ) -1 px 0 0 inset , 0 0 1 px rgba ( 201 , 205 , 206 , 0.8 ) ; float : left ; position : relative ; }
2012-05-08 00:43:25 +02:00
. cms-content-tools . filter { padding : 0 !important ; }
2015-06-24 01:42:24 +02:00
. cms-content-tools . cms-panel-header { clear : both ; margin : 10 px 0 7 px ; padding-bottom : 2 px ; line-height : 24 px ; border-bottom : 1 px solid #D2D5D8 ; -webkit- box-shadow : 0 1 px 0 rgba ( 248 , 248 , 248 , 0.9 ) ; -moz- box-shadow : 0 1 px 0 rgba ( 248 , 248 , 248 , 0.9 ) ; -o- box-shadow : 0 1 px 0 rgba ( 248 , 248 , 248 , 0.9 ) ; box-shadow : 0 1 px 0 rgba ( 248 , 248 , 248 , 0.9 ) ; }
. cms-content-tools . cms-panel-content { width : 272 px ; padding : 0 12 px 0 16 px ; overflow : auto ; height : 100 % ; }
2012-04-11 16:49:31 +02:00
. cms-content-tools . cms-panel-content . Actions . ss-ui-action-constructive { margin-right : 5 px ; }
2015-07-08 23:10:05 +02:00
. cms-content-tools . cms-content-header { background-color : #748d9d ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+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 : -moz- linear-gradient ( #b0bec7 , #748d9d ) ; background-image : -webkit- 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 ; }
2016-01-20 02:00:04 +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 */ }
2015-06-24 01:42:24 +02:00
. cms-content-tools . field label { float : none ; width : auto ; font-size : 12 px ; padding : 0 8 px 4 px 0 ; }
2011-08-16 04:57:30 +02:00
. 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 ; }
2012-11-27 06:03:43 +01:00
. cms-content-tools . field . checkbox { padding : 0 0 8 px ; }
2011-08-22 06:44:41 +02:00
. cms-content-tools . field . checkbox input { margin : 2 px 0 ; }
2013-12-21 04:10:19 +01:00
. cms-content-tools . field . description { margin-left : 0 ; }
2012-08-27 15:50:21 +02:00
. cms-content-tools . fieldgroup . fieldgroup-field { padding : 0 ; }
2011-07-21 20:14:33 +02:00
. 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 ; }
2015-07-08 23:10:05 +02:00
. cms-content-tools table tr . active { background-color : #338DC1 ; color : white ; }
. cms-content-tools table tr . active td . first-column { -moz- border-radius : 6 px 0 0 6 px ; -webkit- border-radius : 6 px ; border-radius : 6 px 0 0 6 px ; }
. cms-content-tools table tr . active td . last-column { -moz- border-radius : 0 6 px 6 px 0 ; -webkit- border-radius : 0 ; 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
2013-06-04 02:11:05 +02:00
/ * * ------------------------------------------------------------------
* CMS notice , used for filter messages , but generic enough to use elsewhere
* ----------------------------------------------------------------- * /
2015-08-24 02:02:20 +02:00
. cms-notice { display : block ; margin : 0 0 8 px ; padding : 10 px 12 px ; font-weight : normal ; border : 1 px #D2D5D8 solid ; background : #fff ; background : rgba ( 255 , 255 , 255 , 0.5 ) ; text-shadow : none ; }
. cms-tree-filtered { position : absolute ; margin : 0 ; width : 100 % ; box-sizing : border-box ; margin-left : -16 px ; padding : 16 px 16 px ; background : #D4E2EC ; text-shadow : none ; border : 0 ; }
. cms-tree-filtered > strong , . cms-tree-filtered > a { font-size : 14 px ; }
2013-06-04 02:11:05 +02:00
2016-01-20 02:00:04 +01:00
/** CMS Batch actions */
2015-07-08 23:10:05 +02:00
. cms-content-batchactions-button { display : inline-block ; vertical-align : middle ; * vertical-align : auto ; * zoom : 1 ; * display : inline ; padding : 4 px 6 px ; vertical-align : middle ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #d9d9d9 ) ) ; background-image : -moz- linear-gradient ( top , #ffffff , #d9d9d9 ) ; background-image : -webkit- linear-gradient ( top , #ffffff , #d9d9d9 ) ; background-image : linear-gradient ( to bottom , #ffffff , #d9d9d9 ) ; border : 1 px solid #aaa ; -moz- border-radius : 4 px ; -webkit- border-radius : 4 px ; border-radius : 4 px ; }
2015-06-16 00:52:42 +02:00
2012-12-17 11:27:24 +01:00
. cms-content-batchactions { float : left ; position : relative ; display : block ; }
2015-07-08 23:10:05 +02:00
. cms-content-batchactions . view-mode-batchactions-wrapper { height : 18 px ; float : left ; padding : 4 px 6 px ; border : 1 px solid #aaa ; margin-bottom : 8 px ; margin-right : -1 px ; background-color : #D9D9D9 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #ffffff ) , color-stop ( 100 % , #d9d9d9 ) ) ; background-image : -moz- linear-gradient ( top , #ffffff , #d9d9d9 ) ; background-image : -webkit- linear-gradient ( top , #ffffff , #d9d9d9 ) ; background-image : linear-gradient ( to bottom , #ffffff , #d9d9d9 ) ; border-top-left-radius : 4 px ; border-bottom-left-radius : 4 px ; }
2013-01-25 16:41:02 +01:00
. cms-content-batchactions . view-mode-batchactions-wrapper input { vertical-align : middle ; }
2015-06-17 05:31:47 +02:00
. cms-content-batchactions . view-mode-batchactions-wrapper . view-mode-batchactions-label { vertical-align : middle ; display : none ; }
2015-06-16 00:52:42 +02:00
. cms-content-batchactions . checkbox { margin-top : 2 px ; vertical-align : middle ; }
2015-07-08 23:10:05 +02:00
. cms-content-batchactions-dropdown { display : inline-block ; vertical-align : middle ; * vertical-align : auto ; * zoom : 1 ; * display : inline ; }
2015-06-16 00:52:42 +02:00
. cms-content-tools . cms-content-batchactions-dropdown { width : 100 % ; }
2015-07-08 23:10:05 +02:00
. cms-content-batchactions-dropdown fieldset { display : inline-block ; vertical-align : middle ; * vertical-align : auto ; * zoom : 1 ; * display : inline ; width : 200 px ; }
2015-06-16 00:52:42 +02:00
. cms-content-batchactions-dropdown fieldset . view-mode-batchactions-label { display : inline ; }
. cms-content-tools . cms-content-batchactions-dropdown fieldset { width : 82 % ; }
. cms-content-batchactions-dropdown . dropdown { width : 100 % ; height : 32 px ; }
2015-06-24 01:42:24 +02:00
. cms-content-batchactions-dropdown . dropdown . chzn-single { border-top-right-radius : 0 ; border-bottom-right-radius : 0 ; box-shadow : none ; }
. cms-content-batchactions-dropdown . Actions { display : inline-block ; vertical-align : middle ; * vertical-align : auto ; * zoom : 1 ; * display : inline ; padding : 0 ; margin-left : -4 px ; }
2015-06-16 00:52:42 +02:00
. cms-content-tools . cms-content-batchactions-dropdown . Actions { width : 16 % ; }
2015-06-24 01:42:24 +02:00
. cms-content-batchactions-dropdown . action { width : 100 % ; height : 32 px ; margin-bottom : 0 ; border-top-left-radius : 0 ; border-bottom-left-radius : 0 ; }
2011-10-29 12:59:42 +02:00
2012-01-03 17:38:11 +01:00
/** -------------------------------------------- Preview -------------------------------------------- */
2012-11-28 22:20:00 +01:00
. cms-switch-view a { padding-right : 1 em ; }
2012-01-03 17:38:11 +01: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 # Root_Permissions { clear : both ; border-top : 1 px solid #a6a6a6 ; }
2012-12-17 15:13:43 +01:00
form . member-profile-form # Root_Main { clear : both ; border-top : 1 px solid #a6a6a6 ; }
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 ; }
2013-05-15 11:09:19 +02: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 ; }
2012-01-06 20:44:34 +01:00
form . member-profile-form . formattingHelpToggle { display : block ; font-size : 11 px ; }
2013-05-15 11:09:19 +02: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 ; }
2011-04-30 05:11:10 +02:00
2012-11-30 12:27:38 +01:00
. memberdatetimeoptionset . description { font-style : normal ; }
. memberdatetimeoptionset . toggle { font-size : 11 px ; }
2015-07-08 23:10:05 +02:00
. cms . cms-content { border-right : 1 px solid #BBB ; -moz- border-radius : 0 ; -webkit- border-radius : 0 ; border-radius : 0 ; background : #ECEFF1 ; width : 800 px ; z-index : 40 ; }
2015-06-24 01:42:24 +02:00
. cms . cms-content-fields { overflow-y : auto ; overflow-x : auto ; background : #ECEFF1 ; 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-10-08 04:02:01 +02:00
. cms form . member-profile-form # Root . ui-tabs-nav { display : none ; }
. cms form . member-profile-form # Root_Main , . cms form . member-profile-form # Root_Permissions { border : none ; }
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 -------------------------------------------- */
2015-06-16 00:52:42 +02:00
. cms-panel { overflow : hidden ; /** DEPRECATED: .cms-content-tools will be removed in 4.0 Use .cms-content-filters instead. */ }
2015-07-08 23:10:05 +02:00
. cms-panel . cms-panel-toggle { -moz- box-shadow : 0 0 1 px rgba ( 248 , 248 , 248 , 0.9 ) ; -webkit- box-shadow : 0 0 1 px rgba ( 248 , 248 , 248 , 0.9 ) ; box-shadow : 0 0 1 px rgba ( 248 , 248 , 248 , 0.9 ) ; }
2015-06-24 01:42:24 +02:00
. cms-panel . cms-panel-toggle . south { border-top : 1 px solid #a9afb4 ; -moz- box-shadow : #bcc8cf 0 1 px 0 px inset ; -webkit- box-shadow : #bcc8cf 0 1 px 0 px inset ; box-shadow : #bcc8cf 0 1 px 0 px inset ; position : absolute ; bottom : 0 ; width : 100 % ; }
2012-11-27 06:03:43 +01:00
. cms-panel . cms-panel-toggle a { display : block ; text-align : right ; padding : 4 px 0 ; width : 100 % ; text-decoration : none ; }
2015-05-19 03:43:43 +02:00
. cms-panel . cms-panel-toggle a span { display : inline-block ; margin : 0 5 px ; color : #555d60 ; font-size : 16 px ; }
2012-11-27 06:03:43 +01:00
. cms-panel . cms-panel-toggle a . toggle-expand { width : 40 px ; display : none ; }
2015-06-24 01:42:24 +02:00
. cms-panel . cms-content-tools . cms-panel-toggle . south { border-top : 1 px solid #D2D5D8 ; -moz- box-shadow : rgba ( 248 , 248 , 248 , 0.9 ) 0 1 px 0 px inset ; -webkit- box-shadow : rgba ( 248 , 248 , 248 , 0.9 ) 0 1 px 0 px inset ; box-shadow : rgba ( 248 , 248 , 248 , 0.9 ) 0 1 px 0 px inset ; }
2012-02-15 14:18:13 +01:00
. cms-panel . collapsed { cursor : pointer ; }
2012-11-27 06:03:43 +01:00
. cms-panel . collapsed . cms-panel-header * , . cms-panel . collapsed . cms-panel-content , . cms-panel . collapsed . cms-panel-toggle a . toggle-collapse { display : none ; }
. cms-panel . collapsed . cms-panel-toggle a . toggle-expand { display : block ; }
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 ; }
2015-07-08 23:10:05 +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 ; -moz- transform-origin : bottom right ; -ms- transform-origin : bottom right ; -webkit- transform-origin : bottom right ; transform-origin : bottom right ; -moz- transform : rotate ( 270 deg ) ; -ms- transform : rotate ( 270 deg ) ; -webkit- 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 ; }
2015-07-08 23:10:05 +02:00
. cms-panel . cms-panel-content-collapsed h2 , . cms-panel . cms-panel-content-collapsed h3 { border-bottom : 0 ; margin-left : 8 px ; -moz- transform-origin : bottom right ; -ms- transform-origin : bottom right ; -webkit- transform-origin : bottom right ; transform-origin : bottom right ; -moz- transform : rotate ( 270 deg ) ; -ms- transform : rotate ( 270 deg ) ; -webkit- 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 ; }
2012-11-28 22:20:00 +01:00
. cms-panel . collapsed-flyout li a span { display : block !important ; }
2011-05-13 03:30:49 +02:00
2015-06-24 01:42:24 +02:00
. cms . cms-panel-padded { padding : 0 16 px 12 px ; }
. cms . cms-panel-padded . ReportAdmin > fieldset { padding-top : 12 px ; }
. CMSPageAddController . cms-panel-padded { padding : 16 px 16 px ; }
2015-06-24 01:53:38 +02:00
2011-09-29 05:25:31 +02:00
/ * * ------------------------------------------------------------------
2012-01-03 17:38:11 +01:00
* Dialog
2016-01-06 00:34:58 +01:00
*
2012-01-03 17:38:11 +01:00
* 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-03-16 03:59:58 +01:00
. cms . ui-dialog . ss-ui-dialog . ui-dialog-content { padding-top : 0 px ; }
2016-01-20 02:00:04 +01:00
. ui-dialog { background : #ECEFF1 ; background-clip : content-box ; border : 1 px solid #666 !important ; -moz- border-radius : 8 px ; -webkit- border-radius : 8 px ; border-radius : 8 px ; overflow : visible ; padding : 0 ; -moz- box-shadow : 0 px 0 px 30 px 10 px rgba ( 0 , 0 , 0 , 0.3 ) ; -webkit- box-shadow : 0 px 0 px 30 px 10 px rgba ( 0 , 0 , 0 , 0.3 ) ; box-shadow : 0 px 0 px 30 px 10 px rgba ( 0 , 0 , 0 , 0.3 ) ; }
2015-07-08 23:10:05 +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 ; -moz- box-shadow : rgba ( 107 , 120 , 123 , 0.5 ) 0 0 4 px inset ; -webkit- 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 ; }
2015-07-08 23:10:05 +02:00
. ui-dialog . ui-dialog-content { -moz- border-radius : 8 px ; -webkit- border-radius : 8 px ; border-radius : 8 px ; overflow : auto ; }
2013-06-13 19:57:18 +02:00
. ui-dialog . ui-dialog-content . loading { background-image : url ( ../images/spinner.gif ) ; background-position : 50 % 50 % ; background-repeat : no-repeat ; }
2016-01-20 02:00:04 +01:00
. ui-dialog . cms-dialog-content { background : #ECEFF1 ; 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-11-06 10:53:20 +01:00
. ui-dialog . cms-dialog-content . ui-tabs { position : static ; }
2015-06-24 01:42:24 +02:00
. ui-dialog . cms-dialog-content . ui-tabs . ui-tabs-nav { position : absolute ; top : 9 px ; right : 40 px ; }
2012-11-06 10:53:20 +01:00
. ui-dialog . cms-dialog-content . ui-tabs . ui-tabs-panel { border : 0 ; }
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 ; }
2016-01-20 02:00:04 +01:00
. ui-dialog . ui-dialog-buttonpane { margin : 0 ; background : #E6EAED ; border-top : 1 px solid #D2D5D8 ; border-bottom-left-radius : 8 px ; border-bottom-right-radius : 8 px ; }
2011-09-29 05:25:31 +02:00
2016-01-20 02:00:04 +01:00
body . cms-dialog { overflow : auto ; background : #ECEFF1 ; 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 ; }
2016-01-20 02:00:04 +01:00
. htmleditorfield-dialog . htmleditorfield-from-web { text-align : center ; margin-bottom : 8 px ; }
. htmleditorfield-dialog . htmleditorfield-from-web . CompositeField { overflow : hidden ; * zoom : 1 ; }
. htmleditorfield-dialog . htmleditorfield-from-web . url-description { text-align : left ; margin-bottom : 12 px ; }
. htmleditorfield-dialog . htmleditorfield-from-web div . remoteurl { border : none ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; width : 80 % ; width : calc ( 100 % - 80 px ) ; position : relative ; display : inline-block ; padding : 0 ; margin : 0 ; }
. htmleditorfield-dialog . htmleditorfield-from-web div . remoteurl label { position : absolute ; left : 8 px ; top : 0 ; font-weight : normal ; color : #888 ; width : 35 px ; padding-right : 0 ; z-index : 1 ; }
. htmleditorfield-dialog . htmleditorfield-from-web div . remoteurl . middleColumn { margin-left : 0 ; max-width : none ; }
. htmleditorfield-dialog . htmleditorfield-from-web div . remoteurl input . remoteurl { padding-left : 44 px ; max-width : none ; }
. htmleditorfield-dialog . htmleditorfield-from-web button . add-url { display : inline-block ; float : none ; margin : 2 px 0 0 ; vertical-align : top ; }
. htmleditorfield-dialog . htmleditorfield-from-web button . add-url : hover , . htmleditorfield-dialog . htmleditorfield-from-web button . add-url : active { opacity : 1 ; }
2013-06-14 23:55:43 +02:00
. htmleditorfield-dialog . htmleditorfield-from-web button . add-url . ui-state-disabled , . htmleditorfield-dialog . htmleditorfield-from-web button . add-url . ui-state-disabled : hover , . htmleditorfield-dialog . htmleditorfield-from-web button . add-url . ui-state-disabled : active { opacity : 0.35 ; filter : Alpha ( Opacity = 35 ) ; }
2016-01-20 02:00:04 +01:00
. htmleditorfield-dialog . htmleditorfield-from-web . loading button . add-url :: before { content : '' ; background : url ( ../images/throbber.gif ) no-repeat center center ; padding : 8 px ; }
2015-06-24 01:42:24 +02:00
. htmleditorfield-dialog . cms-content-header { padding : 0 ; width : 100 % ; height : 53 px ; }
2016-01-20 02:00:04 +01:00
. htmleditorfield-dialog . cms-content-header h3 { padding : 12 px 0 12 px 16 px ; margin : 0 ; line-height : 28 px ; display : inline-block ; font-weight : normal ; }
. htmleditorfield-dialog . cms-content-header h3 . insert . back-button { margin : 0 ; padding : 0 ; cursor : pointer ; }
. htmleditorfield-dialog . cms-content-header h3 . insert . back-button :: before { margin-right : 4 px ; font-size : 18 px ; vertical-align : text - bottom ; }
. htmleditorfield-dialog . ss-insert-media , . htmleditorfield-dialog . ss-insert-link { padding : 12 px 16 px ; }
. htmleditorfield-dialog . ss-insert-media . ui-tabs-panel , . htmleditorfield-dialog . ss-insert-link . ui-tabs-panel { padding : 0 ; }
. htmleditorfield-dialog . Actions { padding : 8 px 16 px ; }
. htmleditorfield-dialog . Actions . ui-tabs-panel { padding : 0 ; }
2013-06-14 13:54:33 +02:00
. htmleditorfield-dialog . details . file-url { display : block ; width : 300 px ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; -o- text-overflow : ellipsis ; }
2015-07-08 23:10:05 +02:00
. htmleditorfield-dialog . details . cms-file-info . field { border : none ; -moz- box-shadow : 0 0 0 transparent ; -webkit- box-shadow : 0 0 0 transparent ; box-shadow : 0 0 0 transparent ; }
. htmleditorfield-dialog . details . field { border-bottom : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; -moz- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; -webkit- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; }
. htmleditorfield-dialog . details . field . last { border-bottom : none ; -moz- box-shadow : 0 0 0 transparent ; -webkit- box-shadow : 0 0 0 transparent ; box-shadow : 0 0 0 transparent ; margin-bottom : 0 ; }
2013-05-25 05:52:20 +02:00
. htmleditorfield-dialog . CompositeField . text select { margin : 5 px 0 0 0 ; }
2012-06-11 10:51:47 +02:00
2012-01-03 22:30:24 +01:00
. htmleditorfield-linkform . step2 { margin-bottom : 16 px ; }
2015-06-03 01:20:29 +02:00
. htmleditorfield-linkform . ss-uploadfield . middleColumn { width : auto ; }
2012-01-03 22:30:24 +01:00
2013-06-14 13:53:09 +02:00
. htmleditorfield-mediaform . ss-gridfield . gridfield-button-delete { display : none ; }
2016-01-20 02:00:04 +01:00
. htmleditorfield-mediaform . htmleditorfield-from-web . ss-uploadfield . middleColumn , . htmleditorfield-mediaform . htmleditorfield-from-cms . ss-uploadfield . middleColumn { width : auto ; background : none ; border : none ; min-width : 0 ; }
. htmleditorfield-mediaform . htmleditorfield-from-cms . ss-uploadfield h4 { float : left ; margin-top : 4 px ; margin-bottom : 0 ; }
. htmleditorfield-mediaform . htmleditorfield-from-cms . ss-uploadfield . middleColumn { min-width : 0 ; clear : none ; }
. htmleditorfield-mediaform . htmleditorfield-from-cms . ss-uploadfield . field . treedropdown { border-bottom : 0 ; padding : 0 ; position : absolute ; margin : 0 ; top : 12 px ; left : 160 px ; width : auto ; min-width : 200 px ; }
. htmleditorfield-mediaform . htmleditorfield-from-cms . ss-uploadfield . treedropdownfield-title { width : auto ; padding : 5 px 2 px 5 px 4 px ; max-width : 200 px ; font-size : 14 px ; font-weight : bold ; }
. htmleditorfield-mediaform . htmleditorfield-from-cms . ss-uploadfield . treedropdownfield-toggle-panel-link { padding : 5 px 4 px 5 px 0 ; }
. htmleditorfield-mediaform . htmleditorfield-from-cms . ss-uploadfield . treedropdownfield-toggle-panel-link a { background : url ( ../images/sitetree_ss_default_icons.png ) ; background-position : -18 px -4 px ; height : 14 px ; opacity : .8 ; }
. htmleditorfield-mediaform . htmleditorfield-from-cms . ss-uploadfield . TreeDropdownField { background : 0 ; box-shadow : none ; border : 0 ; }
2015-07-08 23:10:05 +02:00
. htmleditorfield-mediaform . ss-assetuploadfield . ss-uploadfield-editandorganize . ss-uploadfield-files . ss-uploadfield-item-info { background-color : #9e9e9e ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllOWU5ZSIvPjxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiM5ZDlkOWQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg3ODc4NyIvPjxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjODY4Njg2Ii8+PHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiM2YjZiNmIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YzZjNmMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #9e9e9e ) , color-stop ( 8 % , #9d9d9d ) , color-stop ( 50 % , #878787 ) , color-stop ( 54 % , #868686 ) , color-stop ( 96 % , #6b6b6b ) , color-stop ( 100 % , #6c6c6c ) ) ; background-image : -moz- linear-gradient ( top , #9e9e9e 0 % , #9d9d9d 8 % , #878787 50 % , #868686 54 % , #6b6b6b 96 % , #6c6c6c 100 % ) ; background-image : -webkit- linear-gradient ( top , #9e9e9e 0 % , #9d9d9d 8 % , #878787 50 % , #868686 54 % , #6b6b6b 96 % , #6c6c6c 100 % ) ; background-image : linear-gradient ( to bottom , #9e9e9e 0 % , #9d9d9d 8 % , #878787 50 % , #868686 54 % , #6b6b6b 96 % , #6c6c6c 100 % ) ; }
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-11-27 06:03:43 +01:00
. cms-search-form . Actions { padding : 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-10-31 23:16:13 +01: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 ; border-top-left-radius : 3 px ; -moz- border-radius-bottomleft : 3 px ; -webkit- 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 ; }
2015-07-08 23:10:05 +02:00
. step-label . arrow { height : 26 px ; width : 10 px ; background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -862 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 -------------------------------------------- */
2015-07-08 23:10:05 +02:00
. cms-file-info { overflow : auto ; border-bottom : 1 px solid rgba ( 201 , 205 , 206 , 0.8 ) ; -moz- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; -webkit- box-shadow : 0 1 px 0 rgba ( 255 , 255 , 255 , 0.8 ) ; 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 ; }
2013-06-15 10:02:11 +02:00
. cms-file-info . cms-file-info-preview img { max-width : 176 px ; max-height : 128 px ; }
2015-04-28 00:49:17 +02:00
. cms-file-info . cms-file-info-data { float : left ; width : 55 % ; }
2013-06-15 10:02:11 +02:00
. cms-file-info . cms-file-info-data . field { margin : 0 ; padding-bottom : 8 px ; border : none ; box-shadow : none ; }
. cms-file-info . cms-file-info-data . field label . left { width : 96 px ; }
. cms-file-info . cms-file-info-data . field . middleColumn { margin-left : 104 px ; }
2012-02-28 18:07:55 +01:00
. 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-07 03:33:15 +01:00
. members_grid p button # action_export span . btn-icon-download-csv { height : 17 px ; }
2012-03-06 03:55:26 +01:00
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-11-22 04:30:50 +01:00
/ * . cms-container {
. CMSPageEditController , . CMSPageSettingsController , . CMSPageHistoryController {
2014-01-29 03:47:15 +01:00
/ / Fix pixel gap between nav tree and main page header
2012-11-22 04:30:50 +01:00
margin-left : -1px ; / / Removed to close gap far right of right tabs ?
}
} * /
2012-05-02 06:58:08 +02:00
/** -------------------------------------------- Page Settings Controller -------------------------------------------- */
2012-11-22 04:30:50 +01:00
. cms-container . CMSMain . CMSPageSettingsController . tab # Root_Settings . optionset li { white-space : nowrap ; }
2012-05-02 06:58:08 +02:00
. 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 ; }
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 ; }
2015-07-08 23:10:05 +02:00
. toggle-details-icon { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -830 px no-repeat ; }
. ss-uploadfield-item-edit-all . toggle-details-icon { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -798 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-s47450c5f5b.png' ) 0 -846 px no-repeat ; }
. ss-uploadfield-item-edit-all . toggle-details-icon . opened { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -814 px no-repeat ; }
2012-05-08 04:15:09 +02:00
2016-01-20 02:00:04 +01:00
/** -------------------------------------------- Hide preview toggle link by default. May be shown in IE7 stylesheet and forced to show with js if needed -------------------------------------------- */
2012-12-06 04:01:33 +01:00
. cms . Actions > . cms-preview-toggle-link , . cms . cms-navigator > . cms-preview-toggle-link { display : none ; }
2016-01-20 02:00:04 +01: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-11-01 03:26:46 +01:00
. cms . jstree > ul > li , . TreeDropdownField . treedropdownfield-panel . jstree > ul > li { margin-left : 0 px ; }
. cms . jstree ul , . cms . jstree li , . TreeDropdownField . treedropdownfield-panel . jstree ul , . TreeDropdownField . treedropdownfield-panel . jstree li { display : block ; margin : 0 ; padding : 0 ; background : none ; list-style-type : none ; }
. cms . jstree li , . TreeDropdownField . treedropdownfield-panel . jstree li { min-height : 18 px ; line-height : 25 px ; white-space : nowrap ; margin-left : 18 px ; min-width : 18 px ; }
2012-02-17 05:00:29 +01:00
. 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 ; }
2013-01-08 18:46:08 +01:00
. cms . jstree li > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . jstree li > . jstree-icon { cursor : pointer ; }
2012-11-01 03:26:46 +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 ; }
2013-05-15 11:09:19 +02:00
. 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 ; }
2016-01-04 23:10:48 +01:00
. 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 { text-decoration : none ; cursor : pointer ; }
2015-05-15 01:50:23 +02:00
. cms . jstree a ins , . TreeDropdownField . treedropdownfield-panel . jstree a ins { height : 16 px ; width : 12 px ; }
2015-07-04 01:02:34 +02:00
. cms . jstree a ins . jstree-checkbox , . TreeDropdownField . treedropdownfield-panel . jstree a ins . jstree-checkbox { width : 16 px ; position : relative ; }
. cms . jstree a ins . jstree-checkbox : before , . TreeDropdownField . treedropdownfield-panel . jstree a ins . jstree-checkbox : before { content : '' ; display : block ; position : absolute ; z-index : 1 ; left : -3 px ; top : -3 px ; height : 22 px ; width : 25 px ; }
2012-11-01 03:26:46 +01:00
. cms . jstree . jstree-real-checkbox , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-real-checkbox { 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 ; }
2012-11-28 22:20:00 +01:00
. cms . jstree . jstree-wholerow-real a , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow-real a { border-left-color : transparent !important ; border-right-color : transparent !important ; }
2013-12-21 04:10:19 +01:00
. cms . jstree . jstree-wholerow , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow { position : relative ; z-index : 0 ; height : 0 ; margin : 0 !important ; padding : 0 !important ; background : transparent !important ; }
. cms . jstree . jstree-wholerow ul , . cms . jstree . jstree-wholerow li , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow ul , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-wholerow li { margin : 0 !important ; padding : 0 !important ; background : transparent !important ; width : 100 % ; }
. 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 { margin : 0 !important ; padding : 0 !important ; text-indent : -9999 px !important ; width : 100 % ; border-right-width : 0 px !important ; border-left-width : 0 px !important ; }
2012-11-01 03:26:46 +01:00
. 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-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 ; }
2015-02-24 23:52:36 +01:00
. cms . jstree . jstree-focused , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-focused { background : none ; }
. cms . jstree . jstree-focused . jstree > ul , . TreeDropdownField . treedropdownfield-panel . jstree . jstree-focused . jstree > ul { background : none ; }
2012-11-28 22:20:00 +01:00
. cms a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel a > . jstree-icon { display : none ; }
2015-05-25 00:44:31 +02:00
. cms . draggable a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . draggable a > . jstree-icon { display : none ; cursor : move ; cursor : -moz- grab ; cursor : -webkit- grab ; cursor : grab ; }
2015-05-05 05:02:22 +02:00
. cms . draggable a > . jstree-icon : active , . TreeDropdownField . treedropdownfield-panel . draggable a > . jstree-icon : active { cursor : -moz- grabbing ; cursor : -webkit- grabbing ; cursor : grabbing ; }
2013-01-08 18:45:35 +01:00
. cms li . jstree-open > ul , . TreeDropdownField . treedropdownfield-panel li . jstree-open > ul { display : block ; margin-left : -13 px ; }
2012-11-01 03:26:46 +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 ; }
2012-11-28 22:20:00 +01:00
. cms . jstree-rtl a > . jstree-icon , . TreeDropdownField . treedropdownfield-panel . jstree-rtl a > . jstree-icon { margin-left : 3 px ; margin-right : 0 ; }
2012-02-17 05:00:29 +01:00
. 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 ; }
2012-11-28 22:20:00 +01:00
. cms . jstree-themeroller a , . TreeDropdownField . treedropdownfield-panel . jstree-themeroller a { padding : 0 2 px ; }
2012-11-01 03:26:46 +01:00
. cms . jstree-themeroller . ui-icon , . TreeDropdownField . treedropdownfield-panel . jstree-themeroller . ui-icon { overflow : visible ; }
. cms . jstree-themeroller . jstree-no-icon , . TreeDropdownField . treedropdownfield-panel . jstree-themeroller . jstree-no-icon { display : none ; }
2016-01-04 23:10:48 +01:00
. cms # jstree-marker , . TreeDropdownField . treedropdownfield-panel # jstree-marker { padding : 0 ; margin : 0 ; overflow : hidden ; position : absolute ; top : -30 px ; background-repeat : no-repeat ; display : none ; line-height : 10 px ; font-size : 12 px ; height : 12 px ; width : 8 px ; z-index : 10001 ; background-color : transparent ; color : black ; }
2013-12-21 04:10:19 +01:00
. cms # jstree-marker-line , . TreeDropdownField . treedropdownfield-panel # jstree-marker-line { padding : 0 ; margin : 0 ; overflow : hidden ; position : absolute ; top : -30 px ; background-repeat : no-repeat ; display : none ; line-height : 0 % ; font-size : 1 px ; height : 1 px ; width : 100 px ; z-index : 10000 ; 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 ; }
2015-07-08 23:10:05 +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 ; -moz- box-shadow : 0 0 10 px #CCC ; -webkit- box-shadow : 0 0 10 px #CCC ; box-shadow : 0 0 10 px #CCC ; }
2013-05-15 11:09:19 +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 ; }
2012-11-28 22:20:00 +01:00
. 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 ; }
2015-07-08 23:10:05 +02:00
. cms # vakata-contextmenu li a : hover , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li a : hover { padding : 1 px 10 px ; background : #3875d7 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+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 : -moz- linear-gradient ( top , #3875d7 20 % , #2a62bc 90 % ) ; background-image : -webkit- linear-gradient ( top , #3875d7 20 % , #2a62bc 90 % ) ; background-image : linear-gradient ( to bottom , #3875d7 20 % , #2a62bc 90 % ) ; color : #FFF ; border : none ; }
2012-03-28 01:43:16 +02:00
. 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 ; }
2015-07-08 23:10:05 +02:00
. cms # vakata-contextmenu li . vakata-hover > a , . 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+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 : -moz- linear-gradient ( top , #3875d7 20 % , #2a62bc 90 % ) ; background-image : -webkit- linear-gradient ( top , #3875d7 20 % , #2a62bc 90 % ) ; background-image : linear-gradient ( to bottom , #3875d7 20 % , #2a62bc 90 % ) ; color : #FFF ; border : none ; }
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 ; }
2015-07-08 23:10:05 +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 ; -moz- box-shadow : 0 0 10 px #CCC ; -webkit- box-shadow : 0 0 10 px #CCC ; box-shadow : 0 0 10 px #CCC ; }
2013-08-07 03:40:37 +02:00
. cms # vakata-contextmenu li ul . col-2 , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li ul . col-2 { width : 360 px ; }
. cms # vakata-contextmenu li ul . col-2 li , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li ul . col-2 li { width : 50 % ; }
. cms # vakata-contextmenu li ul . col-3 , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li ul . col-3 { width : 540 px ; }
. cms # vakata-contextmenu li ul . col-3 li , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li ul . col-3 li { width : 33 % ; }
. cms # vakata-contextmenu li ul li , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li ul li { min-width : 180 px ; float : left ; }
. cms # vakata-contextmenu li ul li a , . TreeDropdownField . treedropdownfield-panel # vakata-contextmenu li ul li a { overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis ; -o- text-overflow : ellipsis ; }
2012-11-01 03:26:46 +01:00
. 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 : #ccc ; padding : 0 ; }
. 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-02-17 05:00:29 +01:00
. 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 ; }
2012-01-03 17:38:11 +01:00
2015-02-24 23:52:36 +01:00
. jstree li , . jstree . jstree ins { background : none ; }
. jstree . jstree-unchecked > a > . jstree-checkbox , . jstree . jstree-checked > a > . jstree-checkbox , . jstree . jstree-undetermined > a > . jstree-checkbox { margin-right : 3 px ; }
. tree-holder . jstree , . cms-tree . jstree { /* comment speech bubble - ccs3 only - source: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/ */ }
. tree-holder . jstree li , . cms-tree . jstree li { padding : 0 px ; clear : left ; }
. tree-holder . jstree li . Root strong , . cms-tree . jstree li . Root strong { font-weight : bold ; padding-left : 1 px ; }
. tree-holder . jstree li . Root > a . jstree-icon , . cms-tree . jstree li . Root > a . jstree-icon { background-position : -56 px -36 px ; }
2015-05-15 01:50:23 +02:00
. tree-holder . jstree li . status-deletedonlive > a . text , . tree-holder . jstree li . status-deletedonlive > a : link . text , . tree-holder . jstree li . status-archived > a . text , . tree-holder . jstree li . status-archived > a : link . text , . cms-tree . jstree li . status-deletedonlive > a . text , . cms-tree . jstree li . status-deletedonlive > a : link . text , . cms-tree . jstree li . status-archived > a . text , . cms-tree . jstree li . status-archived > a : link . text { text-decoration : line-through ; }
2015-07-04 01:02:34 +02:00
. tree-holder . jstree li . jstree-checked > a , . tree-holder . jstree li . jstree-checked > a : link , . cms-tree . jstree li . jstree-checked > a , . cms-tree . jstree li . jstree-checked > a : link { background-color : #fffcdc ; }
2015-07-08 23:10:05 +02:00
. tree-holder . jstree li . disabled > a , . tree-holder . jstree li . disabled > a : link , . tree-holder . jstree li . edit-disabled > a , . tree-holder . jstree li . edit-disabled > a : link , . cms-tree . jstree li . disabled > a , . cms-tree . jstree li . disabled > a : link , . cms-tree . jstree li . edit-disabled > a , . cms-tree . jstree li . edit-disabled > a : link { color : #aaa ; background-color : transparent ; cursor : default ; }
2015-05-15 01:50:23 +02:00
. tree-holder . jstree li . disabled > a > . jstree-checkbox , . tree-holder . jstree li . disabled > a : link > . jstree-checkbox , . tree-holder . jstree li . edit-disabled > a > . jstree-checkbox , . tree-holder . jstree li . edit-disabled > a : link > . jstree-checkbox , . cms-tree . jstree li . disabled > a > . jstree-checkbox , . cms-tree . jstree li . disabled > a : link > . jstree-checkbox , . cms-tree . jstree li . edit-disabled > a > . jstree-checkbox , . cms-tree . jstree li . edit-disabled > a : link > . jstree-checkbox { background-position : -57 px -54 px ; }
2015-07-08 23:10:05 +02:00
. tree-holder . jstree li . readonly , . cms-tree . jstree li . readonly { color : #aaa ; padding-left : 18 px ; }
2015-02-24 23:52:36 +01:00
. tree-holder . jstree li . readonly a , . tree-holder . jstree li . readonly a : link , . cms-tree . jstree li . readonly a , . cms-tree . jstree li . readonly a : link { margin : 0 ; padding : 0 ; }
. tree-holder . jstree li . readonly . jstree-icon , . cms-tree . jstree li . readonly . jstree-icon { display : none ; }
2015-11-05 01:09:21 +01:00
. tree-holder . jstree a , . tree-holder . jstree a : link , . cms-tree . jstree a , . cms-tree . jstree a : link { color : #0073C1 ; padding : 3 px 6 px 3 px 6 px ; border : none ; display : inline-block ; margin-right : 5 px ; }
2015-02-24 23:52:36 +01:00
. tree-holder . jstree ins , . cms-tree . jstree ins { background-color : transparent ; background-image : url ( ../images/sitetree_ss_default_icons.png ) ; }
2015-07-08 23:10:05 +02:00
. tree-holder . jstree span . badge , . cms-tree . jstree span . badge { clear : both ; text-transform : uppercase ; text-shadow : none ; display : inline-block ; position : relative ; padding : 3 px 3 px 1 px ; font-size : 0.75 em ; line-height : 1 em ; margin-left : 3 px ; margin-top : -1 px ; -moz- border-radius : 2 px / 2 px ; -webkit- border-radius : 2 px 2 px ; border-radius : 2 px / 2 px ; }
. tree-holder . jstree span . comment-count , . cms-tree . jstree 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 ; -moz- border-radius : 2 px / 2 px ; -webkit- border-radius : 2 px 2 px ; border-radius : 2 px / 2 px ; color : #7E7470 ; border : 1 px solid #C9B800 ; background-color : #FFF0BC ; }
2015-02-24 23:52:36 +01:00
. tree-holder . jstree span . comment-count : before , . cms-tree . jstree span . comment-count : before { content : "" ; position : absolute ; border-style : solid ; display : block ; width : 0 ; bottom : -4 px ; /* value = - border-top-width - border-bottom-width */ left : 3 px ; /* controls horizontal position */ border-width : 4 px 4 px 0 ; border-color : #C9B800 transparent ; }
. tree-holder . jstree span . comment-count : after , . cms-tree . jstree span . comment-count : after { content : "" ; position : absolute ; border-style : solid ; /* reduce the damage in FF3.0 */ display : block ; width : 0 ; 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-color : #FFF0BC transparent ; }
. tree-holder . jstree . jstree-hovered , . cms-tree . jstree . jstree-hovered { text-shadow : none ; text-decoration : none ; }
2015-06-17 00:23:07 +02:00
. tree-holder . jstree . jstree-closed > ins , . cms-tree . jstree . jstree-closed > ins { background-position : 2 px -1 px ; }
. tree-holder . jstree . jstree-open > ins , . cms-tree . jstree . jstree-open > ins { background-position : -18 px -1 px ; }
2015-08-24 02:02:20 +02:00
. tree-holder . filtered-list , . cms-tree . filtered-list { margin-top : 8 px ; }
2015-07-08 23:10:05 +02:00
. tree-holder . filtered-list li : not ( . filtered-item ) > a , . cms-tree . filtered-list li : not ( . filtered-item ) > a { color : #aaa ; }
2015-05-19 05:19:25 +02:00
2015-11-05 01:09:21 +01:00
. cms-tree . jstree . draggable . jstree-no-checkboxes li a { padding-left : 12 px ; }
. cms-tree . jstree . draggable . jstree-no-checkboxes li . jstree-hovered , . cms-tree . jstree . draggable . jstree-no-checkboxes li . jstree-clicked , . cms-tree . jstree . draggable . jstree-no-checkboxes li a : focus { padding-left : 0 ; }
. cms-tree . jstree . draggable . jstree-no-checkboxes li . jstree-hovered . jstree-icon , . cms-tree . jstree . draggable . jstree-no-checkboxes li . jstree-clicked . jstree-icon , . cms-tree . jstree . draggable . jstree-no-checkboxes li a : focus . jstree-icon { display : block ; }
2015-05-25 00:44:31 +02:00
2015-06-17 00:23:07 +02:00
. jstree-default a . jstree-icon , . jstree-default-rtl a . jstree-icon , . jstree-classic a . jstree-icon , . jstree-apple a . jstree-icon { background-position : -60 px -19 px ; }
2015-05-25 00:44:31 +02:00
2015-06-26 20:00:48 +02:00
. jstree-apple a { border-radius : 3 px ; }
2015-08-17 13:59:24 +02:00
/** DEPRECATED: .cms-content-tools will be removed in 4.0 Use .cms-content-filters instead. Ensure status is visible in sidebar */
2015-07-07 17:58:18 +02:00
. cms-content-tools . cms-tree . jstree li { min-width : 187 px ; }
. cms-content-tools . cms-tree . jstree a { overflow : hidden ; text-overflow : ellipsis ; display : block ; position : relative ; }
2015-07-08 23:10:05 +02:00
. cms-content-tools . cms-tree . jstree span . badge { position : absolute ; top : 0 ; right : 0 ; padding : 7 px 9 px 6 px 5 px ; margin : 0 ; max-width : 40 % ; -moz- transition : max-width 0.75 s linear ; -o- transition : max-width 0.75 s linear ; -webkit- transition : max-width 0.75 s linear ; transition : max-width 0.75 s linear ; }
2015-05-18 03:56:42 +02:00
. cms-content-tools . cms-tree . jstree span . badge : hover { max-width : 150 px ; }
2015-02-24 23:52:36 +01:00
a . jstree-pageicon { float : left ; margin-right : 4 px ; position : relative ; }
2012-11-28 22:20:00 +01: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 ; }
2013-04-10 07:15:42 +02:00
li . class-ErrorPage > a . jstree-pageicon { background-position : 0 -112 px ; }
2011-10-29 02:01:06 +02:00
2015-06-26 20:00:48 +02:00
/* Tree status labels and dots */
. jstree-apple . jstree-clicked , . jstree-apple . jstree-hovered { background : #ebfbff ; }
. cms-tree . jstree . status-addedtodraft > a . jstree-pageicon : before , . cms-tree . jstree . status-modified > a . jstree-pageicon : before , . cms-tree . jstree . status-archived > a . jstree-pageicon : before , . cms-tree . jstree . status-deletedonlive > a . jstree-pageicon : before , . cms-tree . jstree . status-removedfromdraft > a . jstree-pageicon : before , . cms-tree . jstree . status-workflow-approval > a . jstree-pageicon : before { content : "" ; display : block ; width : 6 px ; height : 6 px ; position : absolute ; bottom : 0 ; right : 0 ; background : #fce2d0 ; border : 1 px solid #fff ; border-radius : 100 px ; }
. jstree . status-addedtodraft > . jstree-hovered , . jstree . status-addedtodraft > . jstree-clicked , . cms-tree . jstree span . badge . status-addedtodraft { background-color : #fff7f2 ; border-color : #F46B00 ; }
. cms-tree . jstree span . badge . status-addedtodraft { color : #F46B00 ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
. cms-tree . jstree . status-addedtodraft > a . jstree-pageicon : before { background-color : #ff7f22 ; -moz- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #F46B00 ; -webkit- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #F46B00 ; box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #F46B00 ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
# cms-content-tools-CMSMain . cms-tree . jstree span . badge . status-addedtodraft { -moz- box-shadow : 0 px 0 px 6 px 2 px #fff7f2 ; -webkit- box-shadow : 0 px 0 px 6 px 2 px #fff7f2 ; box-shadow : 0 px 0 px 6 px 2 px #fff7f2 ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
. jstree . status-modified > . jstree-hovered , . jstree . status-modified > . jstree-clicked , . cms-tree . jstree span . badge . status-modified { background-color : #fff7f2 ; border-color : #F46B00 ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
. cms-tree . jstree span . badge . status-modified { color : #F46B00 ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
. cms-tree . jstree . status-modified > a . jstree-pageicon : before { background-color : #fff2e8 ; -moz- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #F46B00 ; -webkit- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #F46B00 ; box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #F46B00 ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
# cms-content-tools-CMSMain . cms-tree . jstree span . badge . status-modified { -moz- box-shadow : 0 px 0 px 6 px 2 px #fff7f2 ; -webkit- box-shadow : 0 px 0 px 6 px 2 px #fff7f2 ; box-shadow : 0 px 0 px 6 px 2 px #fff7f2 ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
. jstree . status-archived > . jstree-hovered , . jstree . status-archived > . jstree-clicked , . cms-tree . jstree span . badge . status-archived { background-color : #f7f7f7 ; border-color : #455b6c ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
. cms-tree . jstree span . badge . status-archived { color : #455b6c ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
. cms-tree . jstree . status-archived > a . jstree-pageicon : before { background-color : #5F7688 ; -moz- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #455b6c ; -webkit- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #455b6c ; box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #455b6c ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
# cms-content-tools-CMSMain . cms-tree . jstree span . badge . status-archived { -moz- box-shadow : 0 px 0 px 6 px 2 px #f7f7f7 ; -webkit- box-shadow : 0 px 0 px 6 px 2 px #f7f7f7 ; box-shadow : 0 px 0 px 6 px 2 px #f7f7f7 ; }
2015-05-15 01:50:23 +02:00
2015-06-26 20:00:48 +02:00
. jstree . status-deletedonlive > . jstree-hovered , . jstree . status-deletedonlive > . jstree-clicked , . cms-tree . jstree span . badge . status-deletedonlive { background-color : #f7f7f7 ; border-color : #455b6c ; }
2015-05-15 01:50:23 +02:00
2015-06-26 20:00:48 +02:00
. cms-tree . jstree span . badge . status-deletedonlive { color : #455b6c ; }
2015-05-15 01:50:23 +02:00
2015-06-26 20:00:48 +02:00
. cms-tree . jstree . status-deletedonlive > a . jstree-pageicon : before { background-color : #f7f7f7 ; -moz- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #455b6c ; -webkit- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #455b6c ; box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #455b6c ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
# cms-content-tools-CMSMain . cms-tree . jstree span . badge . status-deletedonlive { -moz- box-shadow : 0 px 0 px 6 px 2 px #f7f7f7 ; -webkit- box-shadow : 0 px 0 px 6 px 2 px #f7f7f7 ; box-shadow : 0 px 0 px 6 px 2 px #f7f7f7 ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
. jstree . status-removedfromdraft > . jstree-hovered , . jstree . status-removedfromdraft > . jstree-clicked , . cms-tree . jstree span . badge . status-removedfromdraft { background-color : #f7f7f7 ; border-color : #455b6c ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
. cms-tree . jstree span . badge . status-removedfromdraft { color : #455b6c ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
. cms-tree . jstree . status-removedfromdraft > a . jstree-pageicon : before { background-color : #f7f7f7 ; -moz- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #455b6c ; -webkit- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #455b6c ; box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #455b6c ; }
# cms-content-tools-CMSMain . cms-tree . jstree span . badge . status-removedfromdraft { -moz- box-shadow : 0 px 0 px 6 px 2 px #f7f7f7 ; -webkit- box-shadow : 0 px 0 px 6 px 2 px #f7f7f7 ; box-shadow : 0 px 0 px 6 px 2 px #f7f7f7 ; }
. jstree . status-workflow-approval > . jstree-hovered , . jstree . status-workflow-approval > . jstree-clicked , . cms-tree . jstree span . badge . status-workflow-approval { background-color : #E8FAFF ; border-color : #0070B4 ; }
2015-02-24 23:52:36 +01:00
2015-07-08 23:10:05 +02:00
. cms-tree . jstree span . badge . status-workflow-approval { color : #0070B4 ; }
2015-02-24 23:52:36 +01:00
2015-06-26 20:00:48 +02:00
. cms-tree . jstree . status-workflow-approval > a . jstree-pageicon : before { background-color : #0070B4 ; -moz- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #0070B4 ; -webkit- box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #0070B4 ; box-shadow : 0 px 1 px 1 px rgba ( 0 , 0 , 0 , 0.3 ) , inset 0 0 0 1 px #0070B4 ; }
# cms-content-tools-CMSMain . cms-tree . jstree span . badge . status-workflow-approval { -moz- box-shadow : 0 px 0 px 6 px 2 px #E8FAFF ; -webkit- box-shadow : 0 px 0 px 6 px 2 px #E8FAFF ; box-shadow : 0 px 0 px 6 px 2 px #E8FAFF ; }
2011-12-14 16:54:52 +01:00
. cms-tree { visibility : hidden ; }
2012-11-28 22:20:00 +01:00
. cms-tree . multiple li > a > . jstree-icon { display : none ; }
. cms-tree . multiple li > a > . jstree-icon . jstree-checkbox { display : inline-block ; }
. cms-tree . multiple li # record-0 > a . jstree-checkbox { display : none ; }
2013-10-11 00:34:25 +02:00
. cms-tree . jstree-loading li # record-0 > . jstree-icon { background : url ( ../images/throbber.gif ) top left no-repeat ; }
2012-11-28 22:20:00 +01: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
2016-01-20 02:00:04 +01:00
/** Styles for the left hand side menu and header for the admin panels. Take into consideration CSS selector performance. @package framework @subpackage admin */
. cms-logo-header { position : relative !important ; top : auto !important ; height : auto !important ; padding : 0 ; line-height : 24 px ; background-color : #005a93 ; }
2012-08-15 01:28:31 +02:00
. cms-logo-header span { color : white ; display : block ; padding-left : 26 px ; }
2016-01-20 02:00:04 +01:00
. cms-logo-header span a { color : white ; display : inline ; }
2011-10-29 02:01:06 +02:00
2016-01-20 02:00:04 +01:00
. cms-logo { border-bottom : 1 px solid #004e7f ; overflow : hidden ; padding : 12 px 8 px 11 px ; /* should come to 52px with border bottom and line-height */ position : relative ; vertical-align : middle ; font-size : 12 px ; min-height : 28 px ; }
2012-07-26 05:41:44 +02:00
. collapsed . cms-logo { padding : 0 ; }
2011-10-29 02:01:06 +02:00
. cms-logo . version { display : none ; }
2016-01-20 02:00:04 +01:00
. cms-logo a { position : absolute ; top : 8 px ; bottom : 8 px ; display : block ; width : 24 px ; background : url ( "../images/logo_small.png" ) no-repeat center center ; text-indent : -9999 em ; padding : 0 1 px ; }
. cms-logo span { font-weight : bold ; font-size : 12 px ; line-height : 16 px ; padding : 6 px 0 ; margin-left : 32 px ; }
2011-10-29 02:01:06 +02:00
2016-01-20 02:00:04 +01:00
. cms-login-status { padding : 12 px 8 px ; line-height : 16 px ; font-size : 11 px ; }
2015-08-25 05:03:29 +02:00
. cms-login-status . logout-link { float : left ; font-size : 16 px ; height : 16 px ; padding : 6 px 8 px 6 px 5 px ; opacity : .9 ; color : #fff ; }
. cms-login-status . logout-link : hover , . cms-login-status . logout-link : focus { opacity : 1 ; text-decoration : none ; }
2015-08-28 02:01:27 +02:00
. cms-login-status span { padding : 6 px 0 6 px 26 px ; }
2011-10-29 02:01:06 +02:00
2015-07-08 23:10:05 +02:00
. cms-menu { z-index : 80 ; background : #b0bec7 ; width : 160 px ; -moz- box-shadow : rgba ( 0 , 0 , 0 , 0.9 ) 0 0 3 px ; -webkit- box-shadow : rgba ( 0 , 0 , 0 , 0.9 ) 0 0 3 px ; box-shadow : rgba ( 0 , 0 , 0 , 0.9 ) 0 0 3 px ; }
2012-11-27 06:03:43 +01:00
. cms-menu a { text-decoration : none ; }
. cms-menu . cms-panel-content { width : 160 px ; overflow-x : hidden ; overflow-y : auto ; position : relative !important ; top : auto !important ; left : auto !important ; }
2015-05-19 03:43:43 +02:00
. cms-menu . collapsed { width : 40 px !important ; cursor : auto ; z-index : 1000 ; }
2011-10-29 02:01:06 +02:00
. 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 ; }
2015-06-24 01:42:24 +02:00
. cms-menu . collapsed . cms-login-status { height : 28 px ; }
2012-08-15 01:28:31 +02:00
. cms-menu . collapsed . cms-login-status span { display : none ; }
2016-01-20 02:00:04 +01:00
. cms-menu . collapsed . cms-logo { height : 28 px ; padding : 12 px 8 px 11 px ; }
2011-10-29 02:01:06 +02:00
. cms-menu . collapsed . cms-panel . cms-panel-content { display : block ; }
2015-05-19 03:43:43 +02:00
. cms-menu . collapsed . ss-ui-button . sticky-toggle { width : 50 % ; }
. cms-menu . cms-panel-toggle a , . cms-menu . cms-panel-toggle a . toggle-expand { float : right ; width : 20 px ; }
. cms-menu . ss-ui-button . sticky-toggle { float : left ; width : 24 px ; height : 24 px ; margin : 0 ; text-indent : -999 em ; background-color : transparent ; background-image : url ( ../images/sticky-toggle-off.png ) ; background-repeat : no-repeat ; background-position : 3 px ; border : 0 ; }
2015-07-08 23:10:05 +02:00
. cms-menu . ss-ui-button . sticky-toggle : hover { -moz- box-shadow : 0 0 0 ; -webkit- box-shadow : 0 0 0 ; box-shadow : 0 0 0 ; }
2015-05-19 03:43:43 +02:00
. cms-menu . ss-ui-button . sticky-toggle . active { background-image : url ( ../images/sticky-toggle-on.png ) ; }
. cms-menu . ss-ui-button . sticky-toggle . ui-button-text { padding : 0 ; }
. cms-menu . ss-ui-button . sticky-toggle : hover + . sticky-status-indicator { display : block ; padding : 5 px 6 px 0 ; }
. cms-menu . sticky-status-indicator { display : none ; position : absolute ; top : -22 px ; left : 2 px ; font-size : 9 px ; color : #555d60 ; text-transform : uppercase ; background-color : #b0bec7 ; }
2011-10-29 02:01:06 +02:00
. cms-menu-list li { /* Style applied to the menu flyout only when the collapsed setting */ }
2016-01-04 23:10:48 +01:00
. cms-menu-list li a { display : block ; line-height : 16 px ; min-height : 16 px ; font-size : 12 px ; color : #1f1f1f ; padding : 11 px 5 px 11 px 8 px ; background-color : #b0bec7 ; cursor : pointer ; position : relative ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+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 : -moz- linear-gradient ( #b0bec7 , #92a5b2 ) ; background-image : -webkit- linear-gradient ( #b0bec7 , #92a5b2 ) ; background-image : linear-gradient ( #b0bec7 , #92a5b2 ) ; border-top : 1 px solid #c2cdd4 ; border-bottom : 1 px solid #748d9d ; }
2015-07-08 23:10:05 +02: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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+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 : -moz- linear-gradient ( #bfcad2 , #b0bec7 ) ; background-image : -webkit- 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+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+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 : -moz- linear-gradient ( #92a5b2 , #a1b2bc ) ; background-image : -webkit- linear-gradient ( #92a5b2 , #a1b2bc ) ; background-image : linear-gradient ( #92a5b2 , #a1b2bc ) ; }
2013-09-26 14:24:59 +02:00
. cms-menu-list li a . icon { display : block ; position : absolute ; top : 50 % ; margin-left : 4 px ; margin-top : -8 px ; filter : progid : DXImageTransform . Microsoft . Alpha ( Opacity = 70 ) ; opacity : 0.7 ; }
. cms-menu-list li a . text { display : block ; margin-left : 30 px ; }
2012-11-28 22:20:00 +01:00
. cms-menu-list li a . toggle-children { display : inline-block ; float : right ; width : 20 px ; height : 100 % ; cursor : pointer ; }
2015-07-08 23:10:05 +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-s47450c5f5b.png' ) 0 -798 px no-repeat ; vertical-align : middle ; }
. cms-menu-list li a . toggle-children . opened . toggle-children-icon { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -814 px no-repeat ; }
2012-11-27 06:03:43 +01:00
. cms-menu-list li ul li a { border-top : 1 px solid #b6c3cb ; }
2016-01-04 23:10:48 +01:00
. cms-menu-list li . current a { color : white ; border-top : 1 px solid #55a4d2 ; border-bottom : 1 px solid #236184 ; background-color : #338DC1 ; background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+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 : -moz- linear-gradient ( #338dc1 , #287099 ) ; background-image : -webkit- linear-gradient ( #338dc1 , #287099 ) ; background-image : linear-gradient ( #338dc1 , #287099 ) ; }
2015-07-08 23:10:05 +02:00
. cms-menu-list li . current a . toggle-children . toggle-children-icon { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -830 px no-repeat ; }
. cms-menu-list li . current a . toggle-children . opened . toggle-children-icon { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -846 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-11-28 22:20:00 +01: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 ; }
. 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 ; }
2012-11-28 22:20:00 +01: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-11-21 22:01:02 +01:00
. cms-menu-list li ul . collapse { display : none ; }
2012-11-28 22:20:00 +01:00
. 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-11-28 22:20:00 +01: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 ; }
. 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-11-22 02:14:11 +01:00
/* -------------------------- */
2012-11-27 06:03:43 +01:00
. cms-content-controls { /* Styling the background, controls sit on */ /* Styling for icons in controls */ /* Preview selectors. Overrides default chosen styles and applies its own */ }
. cms-content-controls . cms-preview-controls { z-index : 1 ; background : #eceff1 ; height : 30 px ; /* should be set in js Layout to match page actions */ padding : 12 px 12 px ; }
2012-12-03 03:17:16 +01:00
. cms-content-controls . icon-view , . cms-content-controls . preview-selector . dropdown a . chzn-single { white-space : nowrap ; }
2015-08-31 23:46:39 +02:00
. cms-content-controls . icon-view : before , . cms-content-controls . preview-selector . dropdown a . chzn-single : before { display : inline-block ; float : left ; width : 20 px ; overflow : hidden ; color : #1f1f1f ; }
2012-11-27 06:03:43 +01:00
. cms-content-controls . cms-navigator { width : 100 % ; }
2015-08-31 23:46:39 +02:00
. cms-content-controls . preview-selector { float : right ; border-bottom : none ; position : relative ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; margin : 2 px 0 0 4 px ; padding : 0 ; height : 28 px ; }
. cms-content-controls . preview-selector a . chzn-single { width : 16 px ; padding : 6 px ; height : 16 px ; margin : -2 px 0 0 ; filter : none ; /* remove ie background */ background : none ; border : none ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; -moz- border-radius : 3 px ; -webkit- border-radius : 3 px ; border-radius : 3 px ; }
. cms-content-controls . preview-selector a . chzn-single :: before { font-size : 18 px ; margin-top : -1 px ; margin-left : -1 px ; }
2015-07-08 23:10:05 +02:00
. cms-content-controls . preview-selector a . chzn-single : hover , . cms-content-controls . preview-selector a . chzn-single . chzn-single-with-drop { background-color : #dae0e5 ; -moz- box-shadow : 0 0 3 px rgba ( 0 , 0 , 0 , 0.05 ) inset , 0 1 px 0 rgba ( 248 , 248 , 248 , 0.9 ) ; -webkit- box-shadow : 0 0 3 px rgba ( 0 , 0 , 0 , 0.05 ) inset , 0 1 px 0 rgba ( 248 , 248 , 248 , 0.9 ) ; box-shadow : 0 0 3 px rgba ( 0 , 0 , 0 , 0.05 ) inset , 0 1 px 0 rgba ( 248 , 248 , 248 , 0.9 ) ; }
. cms-content-controls . preview-selector a . chzn-single . chzn-single-with-drop { -moz- border-radius : 0 0 3 px 3 px ; -webkit- border-radius : 0 ; border-radius : 0 0 3 px 3 px ; }
2012-11-27 06:03:43 +01:00
. cms-content-controls . preview-selector a . chzn-single div { display : none ; }
. cms-content-controls . preview-selector . open . chzn-drop { position : absolute ; left : auto !important ; right : 0 ; }
2015-07-08 23:10:05 +02:00
. cms-content-controls . preview-selector . chzn-drop { -moz- border-radius : 3 px 3 px 0 3 px ; -webkit- border-radius : 3 px ; border-radius : 3 px 3 px 0 3 px ; -moz- box-shadow : 0 0 3 px rgba ( 0 , 0 , 0 , 0.1 ) ; -webkit- box-shadow : 0 0 3 px rgba ( 0 , 0 , 0 , 0.1 ) ; box-shadow : 0 0 3 px rgba ( 0 , 0 , 0 , 0.1 ) ; }
2012-11-27 06:03:43 +01:00
. cms-content-controls . preview-selector . chzn-drop . chzn-results { width : 135 px ; }
. cms-content-controls . preview-selector . chzn-drop . chzn-results . result-selected { background : #eceff1 ; }
2012-12-06 04:01:33 +01:00
. cms-content-controls . preview-selector . chzn-container { width : auto !important ; }
2013-05-15 11:09:19 +02:00
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop { padding : 0 ; border-bottom : 1 px solid #aaa ; margin-top : -5 px ; width : auto !important ; }
2012-11-27 06:03:43 +01:00
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop . chzn-search { display : none ; }
2015-09-07 00:49:37 +02:00
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul { padding : 0 ; margin : 0 ; overflow : visible ; }
2015-07-08 23:10:05 +02:00
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li { font-size : 12 px ; line-height : 16 px ; padding : 7 px 16 px 7 px 6 px ; color : #0073C1 ; border-bottom : 1 px solid #DDD ; background-color : #FFF ; /* Description styling */ }
2015-08-31 23:46:39 +02:00
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li : before { margin-right : 2 px ; font-size : 16 px ; }
2012-11-27 06:03:43 +01:00
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li . description { padding-top : 5 px ; padding-bottom : 5 px ; }
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li . description : before { margin-top : 5 px ; }
2015-07-08 23:10:05 +02:00
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li . highlighted , . cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li : hover , . cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li : focus { color : #0073C1 ; filter : none ; background : #f2f4f6 ; text-decoration : none ; }
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li . first { -moz- border-radius : 3 px 3 px 0 0 ; -webkit- border-radius : 3 px ; border-radius : 3 px 3 px 0 0 ; }
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li . last { border-bottom : none ; -moz- border-radius : 0 0 0 3 px ; -webkit- border-radius : 0 ; border-radius : 0 0 0 3 px ; }
2012-12-06 03:22:45 +01:00
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li . restricted { /* disable option (eg.split mode for smaller screen sizes) */ color : #CCC ; background-color : #EEE ; pointer-events : none ; /*text-decoration: line-through;*/ }
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li . restricted : before { opacity : 0.2 ; }
2012-11-27 06:03:43 +01:00
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li span { display : block ; color : #6c6c6c ; font-size : 0.85 em ; line-height : 1.1 em ; padding-left : 23 px ; }
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul li . icon-view { margin-right : 4 px ; }
2015-09-07 00:49:37 +02:00
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul . disabled-tooltip { position : absolute ; top : 0 ; left : 0 ; right : 0 ; height : 32 px ; background : rgba ( 255 , 255 , 255 , 0 ) ; }
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul . disabled-tooltip :: before { content : 'Screen size too small' ; text-align : center ; background : #555 ; color : white ; padding : 4 px 0 ; position : absolute ; top : -24 px ; left : -1 px ; right : -1 px ; border-radius : 3 px 3 px 0 0 ; display : none ; z-index : 2 ; }
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul . disabled-tooltip :: after { content : '' ; position : absolute ; width : 10 px ; height : 10 px ; -moz- transform : rotate ( 45 deg ) ; -ms- transform : rotate ( 45 deg ) ; -webkit- transform : rotate ( 45 deg ) ; transform : rotate ( 45 deg ) ; display : none ; background : #555 ; left : 47 % ; top : -6 px ; }
. cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul . disabled-tooltip : hover :: after , . cms-content-controls . preview-selector . chzn-container . chzn-with-rise . chzn-drop ul . disabled-tooltip : hover :: before { display : block ; }
2016-01-20 02:00:04 +01:00
. cms-content-controls . preview-selector . chzn-drop ul . chzn-results li . result-selected { background : #e6eaed ; color : #66727d ; }
. cms-content-controls . preview-selector . chzn-drop ul . chzn-results li . result-selected . highlighted , . cms-content-controls . preview-selector . chzn-drop ul . chzn-results li . result-selected : hover , . cms-content-controls . preview-selector . chzn-drop ul . chzn-results li . result-selected : focus { background : #e6eaed ; color : #66727d ; }
2015-09-07 00:49:37 +02:00
. cms-content-controls . preview-selector . split-disabled . chzn-container . chzn-with-rise . chzn-drop ul li . font-icon-columns { color : #aaa ; pointer-events : none ; }
. cms-content-controls . preview-selector . split-disabled . chzn-container . chzn-with-rise . chzn-drop ul li . font-icon-columns . highlighted , . cms-content-controls . preview-selector . split-disabled . chzn-container . chzn-with-rise . chzn-drop ul li . font-icon-columns : hover , . cms-content-controls . preview-selector . split-disabled . chzn-container . chzn-with-rise . chzn-drop ul li . font-icon-columns : focus { color : #aaa ; background : #fff ; cursor : default ; }
. cms-content-controls . preview-selector . split-disabled . chzn-container . chzn-with-rise . chzn-drop ul li . font-icon-columns :: before { color : #aaa ; }
2012-12-03 03:17:16 +01:00
. cms-content-controls . cms-preview-states { float : right ; }
. cms-content-controls . cms-preview-states select { max-width : 150 px ; }
. cms-content-controls . cms-preview-states . dropdown { max-width : 150 px ; }
. cms-content-controls . cms-preview-states . dropdown a . chzn-single span { margin : 0 ; }
. cms-content-controls . cms-preview-states . dropdown . chzn-container { max-width : 150 px ; }
2012-11-22 02:14:11 +01:00
2012-12-06 04:01:33 +01:00
/* Styling for the preview screen sizes */
2015-07-08 23:10:05 +02:00
. cms-preview { background-color : #ECEFF1 ; height : 100 % ; width : 100 % ; }
2013-01-09 21:42:20 +01:00
. cms-preview . cms-preview-overlay { width : 100 % ; height : 100 % ; }
2013-05-15 11:09:19 +02:00
. cms-preview . preview-note { color : #CDD7DC ; display : block ; font-size : 22 px ; font-weight : bold ; height : 82 px ; margin-top : -50 px ; margin-left : -150 px ; /* half of width */ position : absolute ; text-align : center ; text-shadow : 0 1 px 0 #fff ; top : 50 % ; left : 50 % ; width : 300 px ; }
2015-07-08 23:10:05 +02:00
. cms-preview . preview-note span { background : url ( '../images/sprites-64x64-s45180e3c4f.png' ) 0 0 no-repeat ; display : block ; height : 41 px ; margin : 0 auto 20 px ; width : 50 px ; }
2012-12-06 04:01:33 +01:00
. cms-preview . preview-scroll { height : 100 % ; overflow : auto ; position : relative ; width : 100 % ; }
2012-12-06 03:22:45 +01:00
. cms-preview . preview-scroll . preview-device-outer { height : 100 % ; width : 100 % ; }
2015-07-08 23:10:05 +02:00
. cms-preview . preview-scroll . preview-device-outer . preview-device-inner { -moz- box-sizing : border-box ; -webkit- box-sizing : border-box ; box-sizing : border-box ; width : 100 % ; height : 100 % ; background-color : #FFF ; }
2012-12-06 04:01:33 +01:00
. cms-preview . preview-scroll . preview-device-outer . preview-device-inner iframe { height : 100 % ; overflow-y : auto ; width : 100 % ; }
2015-07-08 23:10:05 +02:00
. cms-preview . mobile . preview-scroll , . cms-preview . mobileLandscape . preview-scroll , . cms-preview . tablet . preview-scroll , . cms-preview . tabletLandscape . preview-scroll , . cms-preview . desktop . preview-scroll { background-color : #ECEFF1 ; /* cover website preview icon */ }
. cms-preview . mobile . preview-scroll . preview-device-outer , . cms-preview . mobileLandscape . preview-scroll . preview-device-outer , . cms-preview . tablet . preview-scroll . preview-device-outer , . cms-preview . tabletLandscape . preview-scroll . preview-device-outer , . cms-preview . desktop . preview-scroll . preview-device-outer { -moz- border-radius : 7 px ; -webkit- border-radius : 7 px ; border-radius : 7 px ; background : #d5dde2 ; border : 1 px solid transparent ; border-left : 1 px solid #cfd9de ; padding : 0 16 px 16 px ; }
2012-12-06 04:01:33 +01:00
. cms-preview . mobile . preview-scroll . preview-device-outer . preview-device-inner , . cms-preview . mobileLandscape . preview-scroll . preview-device-outer . preview-device-inner , . cms-preview . tablet . preview-scroll . preview-device-outer . preview-device-inner , . cms-preview . tabletLandscape . preview-scroll . preview-device-outer . preview-device-inner , . cms-preview . desktop . preview-scroll . preview-device-outer . preview-device-inner { border-top : 2 px solid #e1e7ea ; border-right : 1 px solid transparent ; border-bottom : 1 px solid #e1e7ea ; border-left : 1 px solid #c3cfd6 ; }
2015-07-08 23:10:05 +02:00
. cms-preview . mobile . preview-scroll . preview-device-outer { -moz- transform : rotate ( 0 deg ) ; -ms- transform : rotate ( 0 deg ) ; -webkit- transform : rotate ( 0 deg ) ; transform : rotate ( 0 deg ) ; -moz- transition : all 0.3 s ease-in 1 s ; -o- transition : all 0.3 s ease-in 1 s ; -webkit- transition : all 0.3 s ease-in ; -webkit- transition-delay : 1 s ; transition : all 0.3 s ease-in 1 s ; margin : 20 px auto 20 px ; overflow : hidden ; padding-top : 16 px ; }
. cms-preview . mobile . preview-scroll . preview-device-outer . preview-device-inner { -moz- transform : rotate ( 0 deg ) ; -ms- transform : rotate ( 0 deg ) ; -webkit- transform : rotate ( 0 deg ) ; transform : rotate ( 0 deg ) ; -moz- transition : all 0.3 s ease-out 1 s ; -o- transition : all 0.3 s ease-out 1 s ; -webkit- transition : all 0.3 s ease-out ; -webkit- transition-delay : 1 s ; transition : all 0.3 s ease-out 1 s ; }
. cms-preview . mobile . preview-scroll . preview-device-outer . rotate { -moz- transform : rotate ( -90 deg ) ; -ms- transform : rotate ( -90 deg ) ; -webkit- transform : rotate ( -90 deg ) ; transform : rotate ( -90 deg ) ; -moz- transition : all 0.3 s ease-in 1 s ; -o- transition : all 0.3 s ease-in 1 s ; -webkit- transition : all 0.3 s ease-in ; -webkit- transition-delay : 1 s ; transition : all 0.3 s ease-in 1 s ; height : 583 px ; margin : 0 px auto 0 px ; width : 320 px ; }
. cms-preview . mobile . preview-scroll . preview-device-outer . rotate . preview-device-inner { -moz- transform-origin : 160 px 160 px ; -ms- transform-origin : 160 px 160 px ; -webkit- transform-origin : 160 px 160 px ; transform-origin : 160 px 160 px ; -moz- transform : rotate ( 90 deg ) ; -ms- transform : rotate ( 90 deg ) ; -webkit- transform : rotate ( 90 deg ) ; transform : rotate ( 90 deg ) ; -moz- transition : all 0.3 s ease-out 1 s ; -o- transition : all 0.3 s ease-out 1 s ; -webkit- transition : all 0.3 s ease-out ; -webkit- transition-delay : 1 s ; transition : all 0.3 s ease-out 1 s ; height : 320 px ; width : 583 px ; }
. cms-preview . mobileLandscape . preview-scroll . preview-device-outer { -moz- transition : all 0.3 s ease-out 1 s ; -o- transition : all 0.3 s ease-out 1 s ; -webkit- transition : all 0.3 s ease-out ; -webkit- transition-delay : 1 s ; transition : all 0.3 s ease-out 1 s ; margin : 12 % auto ; padding-top : 16 px ; }
. cms-preview . mobileLandscape . preview-scroll . preview-device-outer . preview-device-inner { -moz- transition : all 0.3 s ease-out 1 s ; -o- transition : all 0.3 s ease-out 1 s ; -webkit- transition : all 0.3 s ease-out ; -webkit- transition-delay : 1 s ; transition : all 0.3 s ease-out 1 s ; }
. cms-preview . tablet . preview-scroll . preview-device-outer { -moz- transition : all 0.3 s ease-out 1 s ; -o- transition : all 0.3 s ease-out 1 s ; -webkit- transition : all 0.3 s ease-out ; -webkit- transition-delay : 1 s ; transition : all 0.3 s ease-out 1 s ; margin : 0 auto ; }
. cms-preview . tablet . preview-scroll . preview-device-outer . preview-device-inner { -moz- transition : all 0.3 s ease-out 1 s ; -o- transition : all 0.3 s ease-out 1 s ; -webkit- transition : all 0.3 s ease-out ; -webkit- transition-delay : 1 s ; transition : all 0.3 s ease-out 1 s ; }
. cms-preview . tabletLandscape . preview-scroll . preview-device-outer { -moz- transition : all 0.3 s ease-out 1 s ; -o- transition : all 0.3 s ease-out 1 s ; -webkit- transition : all 0.3 s ease-out ; -webkit- transition-delay : 1 s ; transition : all 0.3 s ease-out 1 s ; margin : 0 auto ; }
. cms-preview . tabletLandscape . preview-scroll . preview-device-outer . preview-device-inner { -moz- transition : all 0.3 s ease-out 1 s ; -o- transition : all 0.3 s ease-out 1 s ; -webkit- transition : all 0.3 s ease-out ; -webkit- transition-delay : 1 s ; transition : all 0.3 s ease-out 1 s ; }
. cms-preview . desktop . preview-scroll . preview-device-outer { -moz- transition : all 0.3 s ease-out 1 s ; -o- transition : all 0.3 s ease-out 1 s ; -webkit- transition : all 0.3 s ease-out ; -webkit- transition-delay : 1 s ; transition : all 0.3 s ease-out 1 s ; margin : 0 auto ; }
2012-12-06 03:22:45 +01:00
2012-11-21 22:01:02 +01:00
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
2012-11-30 03:29:53 +01:00
* Defines the styles for . ss-ui-action-tabset :
* * Site tree action tabs ( to perform actions on the site tree )
2016-01-06 00:34:58 +01:00
* * Actions menu ( Edit page actions )
2012-11-30 03:29:53 +01:00
*
* Reliant on TabSet . js to apply and remove some classes .
*
2016-01-06 00:34:58 +01:00
* Note : This is a special use case of tabs , so the default tab
* styling should not apply
2012-11-30 03:29:53 +01:00
*
2012-11-21 22:01:02 +01:00
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
2012-12-13 22:03:43 +01:00
. cms . ss-ui-action-tabset { float : left ; position : relative ; / *
2016-01-06 00:34:58 +01:00
Styles for the tab-nav of the site tree implementation
of ss-ui-action-tabset
2012-11-30 03:29:53 +01:00
* / /* position a checkbox & icon within a tab */ / * Styles for the cms-actions in tree view , to use more limited space .
2016-01-06 00:34:58 +01:00
Title hidden in tree view , until hover / active state added . Active is applied
to the first tab within the template , so there should always be one title
2012-12-13 22:03:43 +01:00
visible . Added and removed with js in TabSet . js * / / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
2016-01-06 00:34:58 +01:00
Styles for the actions-menu implementation
2012-11-30 03:29:53 +01:00
of ss-ui-action-tabset
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / }
. cms . ss-ui-action-tabset . multi { /* Style the tab panels */ }
2015-07-08 23:10:05 +02:00
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav { -moz- border-radius : 3 px ; -webkit- border-radius : 3 px ; border-radius : 3 px ; overflow : hidden ; * zoom : 1 ; border : 1 px solid #b3b3b3 ; float : left ; overflow : visible ; padding : 0 ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav : active { outline : none ; box-shadow : none ; -webkit- box-shadow : none ; }
2015-07-08 23:10:05 +02:00
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li { background-image : url ( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==' ) ; background-size : 100 % ; background-image : -webkit- gradient ( linear , 50 % 0 % , 50 % 100 % , color-stop ( 0 % , #f8f8f8 ) , color-stop ( 100 % , #d9d9d9 ) ) ; background-image : -moz- linear-gradient ( top , #f8f8f8 , #d9d9d9 ) ; background-image : -webkit- linear-gradient ( top , #f8f8f8 , #d9d9d9 ) ; background-image : linear-gradient ( to bottom , #f8f8f8 , #d9d9d9 ) ; -moz- border-radius : 0 ; -webkit- border-radius : 0 ; border-radius : 0 ; background : #eaeaea ; border : none ; border-right : 1 px solid #eee ; border-left : 1 px solid #b3b3b3 ; margin : 0 ; overflow : visible ; min-width : 110 px ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li : active { outline : none ; box-shadow : none ; -webkit- box-shadow : none ; }
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li . ui-state-active { -moz- border-radius-bottomleft : 0 px ; -webkit- border-bottom-left-radius : 0 px ; border-bottom-left-radius : 0 px ; -moz- border-radius-bottomright : 0 px ; -webkit- border-bottom-right-radius : 0 px ; border-bottom-right-radius : 0 px ; background : #f8f8f8 ; border-bottom : none !important ; }
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li . ui-state-active a { -moz- border-radius-bottomleft : 0 px ; -webkit- border-bottom-left-radius : 0 px ; border-bottom-left-radius : 0 px ; -moz- border-radius-bottomright : 0 px ; -webkit- border-bottom-right-radius : 0 px ; border-bottom-right-radius : 0 px ; }
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li . ui-state-active a : active , . cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li . ui-state-active a span : active { outline : none ; box-shadow : none ; -webkit- box-shadow : none ; }
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li . first { -moz- border-radius-topleft : 3 px ; -webkit- 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 ; border-bottom-left-radius : 3 px ; border-left : none ; }
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li . last { -moz- border-radius-topright : 3 px ; -webkit- border-top-right-radius : 3 px ; border-top-right-radius : 3 px ; -moz- border-radius-bottomright : 3 px ; -webkit- border-bottom-right-radius : 3 px ; border-bottom-right-radius : 3 px ; border-right : none ; }
2016-01-20 02:00:04 +01:00
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li a . tab-nav-link { color : #66727d ; display : inline-block ; font-weight : bold ; line-height : 16 px ; padding : 5 px 10 px ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li a . tab-nav-link . ui-no-icon { display : inline-block ; float : left ; height : 16 px ; padding : 0 2 px ; width : 16 px ; }
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li a . tab-nav-link . title { display : inline-block ; line-height : 18 px ; }
. cms . ss-ui-action-tabset . multi ul . ui-tabs-nav li a . tab-nav-link . view-mode-batchactions-wrapper . title { margin-left : 22 px ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel { /* Restyle for smaller area*/ background : #f8f8f8 !important ; border : 1 px solid #b3b3b3 ; border-top : none ; clear : both ; display : block ; float : left ; margin : 0 ; padding : 10 px ; padding-top : 15 px ; position : absolute ; top : 30 px ; width : 202 px ; z-index : 1 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel h3 , . cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel h4 , . cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel h5 { font-weight : bold ; line-height : 16 px ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel h3 { font-size : 13 px ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel h4 { font-size : 12 px ; margin : 5 px 0 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . ui-widget-content { background : none ; }
2016-01-20 02:00:04 +01:00
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . field { /* Fields are more compressed in some areas 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 */ border-bottom : none ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . field label { float : none ; width : auto ; font-size : 12 px ; padding : 0 8 px 4 px 0 ; }
2016-01-20 02:00:04 +01:00
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . field label . extra-details { overflow : hidden ; margin-top : 10 px ; display : block ; color : #c5cbd0 ; font-style : italic ; font-weight : normal ; font-size : 1 em ; float : left ; text-shadow : none ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . field label . extra-details . fill : before { color : #fff ; content : '?' ; font-size : 12 px ; -moz- box-sizing : border-box ; -webkit- box-sizing : border-box ; box-sizing : border-box ; padding-left : 3 px ; padding-right : 3 px ; display : block ; float : left ; text-shadow : none ; -moz- border-radius : 50 px ; -webkit- border-radius : 50 px ; border-radius : 50 px ; background-color : #e2e4e7 ; width : 15 px ; height : 15 px ; margin-right : 5 px ; margin-bottom : 5 px ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . field . middleColumn { margin : 0 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . field input . text , . cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . field select , . cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . field textarea { padding : 5 px ; font-size : 11 px ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . field . checkbox { padding : 0 8 px 0 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . field . checkbox input { margin : 2 px 0 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . fieldgroup . fieldgroup-field { padding : 0 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . fieldgroup . fieldgroup-field . field { margin : 0 ; padding : 0 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . cms-content-fields { overflow : visible ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . chzn-container-single { width : 100 % !important ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . chzn-container-single . chzn-single { padding : 0 0 0 5 px ; float : none ; }
2015-07-08 23:10:05 +02:00
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . cms-content-actions , . cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . cms-preview-controls { padding : 0 ; height : auto ; border : none ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . cms-edit-form { width : 100 % ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . CompositeField { margin : 0 ; padding : 0 ; float : none ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . parent-mode { padding-top : 0 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . treedropdown , . cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . SelectionGroup li . selected div . field { margin : 10 px 0 0 0 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . treedropdown . treedropdownfield-title , . cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . SelectionGroup li . selected div . field . treedropdownfield-title { position : absolute ; z-index : 2 ; padding : 5 px ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . treedropdown . treedropdownfield-panel , . cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . SelectionGroup li . selected div . field . treedropdownfield-panel { margin-top : 11 px ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . treedropdown . treedropdownfield-toggle-panel-link , . cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . SelectionGroup li . selected div . field . treedropdownfield-toggle-panel-link { background : none ; border-left : none ; padding : 5 px 3 px ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . treedropdown . treedropdownfield-toggle-panel-link . ui-icon , . cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . SelectionGroup li . selected div . field . treedropdownfield-toggle-panel-link . ui-icon { float : right ; opacity : 0.7 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . cms-add-form ul . SelectionGroup { padding-left : 0 ; padding-right : 0 ; overflow : visible ; border-bottom : none ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . first { left : 0 ; width : 203 px ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . ui-icon { padding-right : 0 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . tab-nav-link , . cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel . ss-ui-button { font-size : 12 px ; }
2015-08-17 13:59:24 +02:00
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel # Form_AddForm_PageType ul { padding : 0 ; }
. cms . ss-ui-action-tabset . multi . ss-ui-action-tab . ui-tabs-panel # Form_AddForm_PageType ul li { padding : 4 px 5 px ; }
2012-11-21 22:01:02 +01:00
. cms . ss-ui-action-tabset . tabset-open ul . ui-tabs-nav , . cms . ss-ui-action-tabset . tabset-open ul . ui-tabs-nav li . first { -moz- border-radius-bottomleft : 0 ; -webkit- border-bottom-left-radius : 0 ; border-bottom-left-radius : 0 ; }
. cms . ss-ui-action-tabset . tabset-open-last ul . ui-tabs-nav li . last { -moz- border-radius-bottomright : 0 ; -webkit- border-bottom-right-radius : 0 ; border-bottom-right-radius : 0 ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . batch-check , . cms . ss-ui-action-tabset . ui-icon { display : inline-block ; float : left ; margin-left : -2 px ; padding-right : 6 px ; }
2012-11-21 22:01:02 +01:00
. cms . ss-ui-action-tabset . batch-check { margin : 6 px 0 px 5 px 9 px ; position : absolute ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . cms-tree-view-sidebar { min-width : 176 px ; /* for when the scrollbar is present & find dropdown open */ }
. cms . ss-ui-action-tabset . cms-tree-view-sidebar . ss-ui-action-tabset ul . ui-tabs-nav > li { width : auto ; }
2015-07-08 23:10:05 +02:00
. cms . ss-ui-action-tabset . cms-tree-view-sidebar . ss-ui-action-tabset ul . ui-tabs-nav > li a . tab-nav-link { -moz- box-sizing : border-box ; -webkit- box-sizing : border-box ; box-sizing : border-box ; -webkit- transition-duration : 0.5 s ; -moz- transition-duration : 0.5 s ; -o- transition-duration : 0.5 s ; transition-duration : 0.5 s ; overflow : hidden ; padding-right : 0 ; width : 30 px ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . cms-tree-view-sidebar . ss-ui-action-tabset ul . ui-tabs-nav > li a . tab-nav-link . active { -webkit- transition-duration : 0.5 s ; -moz- transition-duration : 0.5 s ; -o- transition-duration : 0.5 s ; transition-duration : 0.5 s ; width : 110 px ; }
. cms . ss-ui-action-tabset . cms-tree-view-sidebar . ss-ui-action-tabset . tabset-open ul . ui-tabs-nav , . cms . ss-ui-action-tabset . cms-tree-view-sidebar . ss-ui-action-tabset . tabset-open ul . ui-tabs-nav li . first , . cms . ss-ui-action-tabset . cms-tree-view-sidebar . ss-ui-action-tabset . tabset-open ul . ui-tabs-nav li . last , . cms . ss-ui-action-tabset . cms-tree-view-sidebar . ss-ui-action-tabset . tabset-open-last ul . ui-tabs-nav , . cms . ss-ui-action-tabset . cms-tree-view-sidebar . ss-ui-action-tabset . tabset-open-last ul . ui-tabs-nav li . first , . cms . ss-ui-action-tabset . cms-tree-view-sidebar . ss-ui-action-tabset . tabset-open-last ul . ui-tabs-nav li . last { -moz- border-radius-bottomright : 0 ; -webkit- border-bottom-right-radius : 0 ; border-bottom-right-radius : 0 ; -moz- border-radius-bottomleft : 0 ; -webkit- border-bottom-left-radius : 0 ; border-bottom-left-radius : 0 ; }
. cms . ss-ui-action-tabset . cms-tree-view-sidebar . ui-tabs . ui-tabs-panel . ss-ui-action-tab { padding : 10 px 6 px ; width : 162 px ; }
. cms . ss-ui-action-tabset . cms-tree-view-sidebar . ui-tabs . ui-tabs-panel . ss-ui-action-tab . field { max-width : 160 px ; }
. cms . ss-ui-action-tabset . cms-tree-view-sidebar . ui-tabs . ui-tabs-panel . ss-ui-action-tab . ui-icon { padding-right : 0 ; }
. cms . ss-ui-action-tabset . cms-tree-view-sidebar . last . ui-tabs-panel . ss-ui-action-tab { left : auto ; right : 0 ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset { margin-top : 2 px ; /* Style the panel for actions-menu */ /* Re-align last tab */ }
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav { margin : 0 ; float : left ; /* needed for ie but doesnt effect other browsers */ }
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li { background : none ; border : none ; border-bottom : none !important ; display : inline ; padding : 0 ; /* Make arrow point in up when nav open */ }
2015-07-08 23:10:05 +02:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li : hover , . cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li : active { -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; outline : none ; }
2015-06-24 01:42:24 +02:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li a { text-shadow : #fff 0 1 px 1 px ; color : #0073C1 ; font-size : 13 px ; font-weight : normal ; line-height : 24 px ; padding : 0 25 px 0 10 px ; border-bottom : 0 ; margin : 0 ; /* Arrow */ }
2015-07-08 23:10:05 +02:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li a : hover , . cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li a : active { -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; outline : none ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li a : hover { text-shadow : #fff 0 10 px 10 px ; color : #005b98 ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li a : after { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -26 px no-repeat ; border-bottom : 0 ; content : "" ; display : inline-block ; height : 16 px ; margin-left : 6 px ; width : 16 px ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li a : hover : after { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 0 no-repeat ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li . ui-state-active a : after { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -78 px no-repeat ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li . ui-state-active a : hover : after { background : url ( '../images/sprites-32x32-s47450c5f5b.png' ) 0 -52 px no-repeat ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel { overflow : hidden ; * zoom : 1 ; -moz- border-radius-topleft : 3 px ; -webkit- border-top-left-radius : 3 px ; border-top-left-radius : 3 px ; -moz- border-radius-topright : 3 px ; -webkit- border-top-right-radius : 3 px ; border-top-right-radius : 3 px ; -moz- border-radius-bottomleft : 0 ; -webkit- border-bottom-left-radius : 0 ; border-bottom-left-radius : 0 ; -moz- border-radius-bottomright : 0 ; -webkit- border-bottom-right-radius : 0 ; border-bottom-right-radius : 0 ; /* Restyle for smaller area*/ clear : both ; display : block ; background-color : #ECEFF1 ; border : 1 px solid #ccc ; border-bottom : 1 px solid #ECEFF1 ; margin : 0 ; margin-top : 2 px ; max-width : 250 px ; padding : 8 px 0 2 px ; position : absolute ; z-index : 1 ; min-width : 190 px ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel h3 , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel h4 , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel h5 { font-weight : bold ; line-height : 16 px ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel h3 { font-size : 13 px ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel h4 { font-size : 12 px ; margin : 5 px 0 ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . ui-widget-content { background : none ; }
2016-01-20 02:00:04 +01:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . field { /* Fields are more compressed in some areas 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 */ border-bottom : none ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . field label { float : none ; width : auto ; font-size : 12 px ; padding : 0 8 px 4 px 0 ; }
2016-01-20 02:00:04 +01:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . field label . extra-details { overflow : hidden ; margin-top : 10 px ; display : block ; color : #c5cbd0 ; font-style : italic ; font-weight : normal ; font-size : 1 em ; float : left ; text-shadow : none ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . field label . extra-details . fill : before { color : #fff ; content : '?' ; font-size : 12 px ; -moz- box-sizing : border-box ; -webkit- box-sizing : border-box ; box-sizing : border-box ; padding-left : 3 px ; padding-right : 3 px ; display : block ; float : left ; text-shadow : none ; -moz- border-radius : 50 px ; -webkit- border-radius : 50 px ; border-radius : 50 px ; background-color : #e2e4e7 ; width : 15 px ; height : 15 px ; margin-right : 5 px ; margin-bottom : 5 px ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . field . middleColumn { margin : 0 ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . field input . text , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . field select , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . field textarea { padding : 5 px ; font-size : 11 px ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . field . checkbox { padding : 0 8 px 0 ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . field . checkbox input { margin : 2 px 0 ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . fieldgroup . fieldgroup-field { padding : 0 ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . fieldgroup . fieldgroup-field . field { margin : 0 ; padding : 0 ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . cms-content-fields { overflow : visible ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . chzn-container-single { width : 100 % !important ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . chzn-container-single . chzn-single { padding : 0 0 0 5 px ; float : none ; }
2015-07-08 23:10:05 +02:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . cms-content-actions , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . cms-preview-controls { padding : 0 ; height : auto ; border : none ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . cms-edit-form { width : 100 % ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . CompositeField { margin : 0 ; padding : 0 ; float : none ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . parent-mode { padding-top : 0 ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . treedropdown , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . SelectionGroup li . selected div . field { margin : 10 px 0 0 0 ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . treedropdown . treedropdownfield-title , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . SelectionGroup li . selected div . field . treedropdownfield-title { position : absolute ; z-index : 2 ; padding : 5 px ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . treedropdown . treedropdownfield-panel , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . SelectionGroup li . selected div . field . treedropdownfield-panel { margin-top : 11 px ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . treedropdown . treedropdownfield-toggle-panel-link , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . SelectionGroup li . selected div . field . treedropdownfield-toggle-panel-link { background : none ; border-left : none ; padding : 5 px 3 px ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . treedropdown . treedropdownfield-toggle-panel-link . ui-icon , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . SelectionGroup li . selected div . field . treedropdownfield-toggle-panel-link . ui-icon { float : right ; opacity : 0.7 ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . cms-add-form ul . SelectionGroup { padding-left : 0 ; padding-right : 0 ; overflow : visible ; border-bottom : none ; }
2015-06-24 01:42:24 +02:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . cms-sitetree-information { border-bottom : 1 px solid #e8e9eb ; margin-bottom : 8 px ; padding : 0 20 px 0 0 ; margin-right : 10 px ; margin-left : 10 px ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel . cms-sitetree-information p . meta-info { color : #999 ; font-size : 11 px ; line-height : 16 px ; margin-bottom : 8 px ; white-space : nowrap ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button . ss-ui-button { width : 100 % ; }
2015-07-08 23:10:05 +02:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button . ss-ui-button : hover , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button . ss-ui-button : focus , . cms . ss-ui-action-tabset . action-menus . ss-tabset . ui-tabs-panel button . ss-ui-button : active { -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; background-color : #e0e5e8 ; outline : none ; }
2012-11-30 03:29:53 +01:00
. cms . ss-ui-action-tabset . action-menus . ss-tabset . last . ui-tabs-panel . ss-ui-action-tab { left : auto ; right : -1 px ; }
2012-11-29 04:26:50 +01:00
. cms . cms-content-actions . Actions { overflow : visible ; }
2012-11-21 22:01:02 +01:00
2015-06-16 00:52:42 +02:00
. ModelAdmin . cms-content-fields { /** DEPRECATED: .cms-content-tools will be removed in 4.0 Use .cms-content-filters instead. Hide certain elements when shown in "sidebar mode" */ }
2012-11-22 04:30:50 +01:00
. ModelAdmin . cms-content-fields . cms-edit-form { overflow-y : auto ; 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-12-13 03:01:06 +01:00
. permissioncheckboxset h5 , . permissioncheckboxsetfield_readonly h5 { margin : 0 ; }
. permissioncheckboxset . optionset , . permissioncheckboxsetfield_readonly . optionset { overflow : auto ; }
. permissioncheckboxset . optionset li , . permissioncheckboxsetfield_readonly . optionset li { float : none ; width : auto ; clear : both ; }
2012-03-12 22:54:57 +01:00
2016-01-06 00:34:58 +01:00
/ * For user permissions the readonly checkboxes are set as display none and are replaced with a < span > that has a
2012-09-26 03:19:26 +02:00
green tick icon as a background this is created using compass generated classes and hardcoded in the php * /
. permissioncheckboxsetfield_readonly . optionset li . odd , . permissioncheckboxsetfield_readonly . optionset li . even { margin-left : 16 px ; }
. permissioncheckboxsetfield_readonly . optionset li . help { width : 384 px ; }
. permissioncheckboxsetfield_readonly . optionset li input { display : none ; }
. permissioncheckboxsetfield_readonly . optionset li label { position : relative ; }
. permissioncheckboxsetfield_readonly . optionset li label span { position : absolute ; left : -16 px ; top : -2 px ; }
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 ; }
2014-08-24 19:59:26 +02:00
2014-10-06 05:01:33 +02:00
. cms-security h1 { margin : 45 px 40 px 5 px 25 px ; font-size : 1.9 em ; line-height : 1.2 ; font-weight : bold ; }
. cms-security . Content { margin : 0 50 px 0 25 px ; }
. cms-security . Form { margin : 0 25 px ; }
2015-07-08 23:10:05 +02:00
. cms-security . Form . field { border : 0 none ; -moz- box-shadow : none ; -webkit- box-shadow : none ; box-shadow : none ; margin : 0 ; padding : 0 ; }
2014-10-06 05:01:33 +02:00
. cms-security . Form . field label . left { float : none ; width : auto ; }
. cms-security . Form . field . middleColumn { margin : 0 ; }
. cms-security . Form # Password { width : 300 px ; float : left ; }
. cms-security . Form # ForgotPassword { float : left ; padding : 40 px 0 0 10 px ; }
. cms-security . Form # Remember { clear : both ; }
. cms-security . Form . Actions { padding : 20 px 0 0 0 ; }
. cms-security . Form . Actions # doLogout { line-height : 28 px ; margin : 0 0 0 10 px ; }
. leftandmain-logindialog-dialog . ui-dialog-titlebar-close { display : none ; }
. leftandmain-logindialog-overlay { opacity : 0.8 ; }
2014-11-18 00:45:54 +01:00
2014-08-24 19:59:26 +02:00
/** ----------------------------- Retina graphics ----------------------------- */
/** This file defines graphics to use on high-DPI screens in the CMS @package framework @subpackage admin */
/** ---------------------------------------------------- "@2x" media query ---------------------------------------------------- */
@ media only screen and ( -webkit-min-device-pixel-ratio : 2 ) , only screen and ( min--moz-device-pixel-ratio : 2 ) , only screen and ( -o-min-device-pixel-ratio : 2 / 1 ) , only screen and ( min-device-pixel-ratio : 2 ) , only screen and ( min-resolution : 192dpi ) , only screen and ( min-resolution : 2dppx ) { /* Loading spinner */
2014-12-05 12:35:22 +01:00
. cms-content-loading-spinner { background-image : url ( ../images/spinner@2x.gif ) ; background-size : 43 px 43 px ; }
. ui-dialog . ui-dialog-content . loading { background-image : url ( ../images/spinner@2x.gif ) ; background-size : 43 px 43 px ; }
2015-06-24 13:04:21 +02:00
. ui-dialog . loading { background-image : url ( ../images/spinner@2x.gif ) ; background-size : 43 px 43 px ; }
2014-08-24 19:59:26 +02:00
/* Default CMS logo */
. cms-logo a { background-image : url ( "../images/logo_small@2x.png" ) ; background-size : 22 px 22 px ; }
/* Logout button */
2015-07-08 23:10:05 +02:00
. cms-login-status . logout-link { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -184 px ; background-size : 30 px auto ; }
. cms-content-controls . icon-auto : before { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -274 px ; background-size : 30 px auto ; }
. cms-content-controls . icon-desktop : before { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -301 px ; background-size : 30 px auto ; }
. cms-content-controls . icon-tablet : before { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -436 px ; background-size : 30 px auto ; }
. cms-content-controls . icon-mobile : before { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -355 px ; background-size : 30 px auto ; }
. cms-content-controls . icon-split : before { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -409 px ; background-size : 30 px auto ; }
. cms-content-controls . icon-edit : before { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -328 px ; background-size : 30 px auto ; }
. cms-content-controls . icon-preview : before { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -382 px ; background-size : 30 px auto ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li a : after { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -26 px ; background-size : 30 px auto ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li a : hover : after { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 0 ; background-size : 30 px auto ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li . ui-state-active a : after { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -78 px ; background-size : 30 px auto ; }
. cms . ss-ui-action-tabset . action-menus . ss-tabset ul . ui-tabs-nav li . ui-state-active a : hover : after { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -52 px ; background-size : 30 px auto ; }
2014-08-24 19:59:26 +02:00
/* CMS menu */
2015-07-08 23:10:05 +02:00
. cms-menu-list li a . toggle-children . toggle-children-icon { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -210 px ; background-size : 30 px auto ; }
. cms-menu-list li a . toggle-children . opened . toggle-children-icon { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -226 px ; background-size : 30 px auto ; }
. cms-menu-list li . current a . toggle-children . toggle-children-icon { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -242 px ; background-size : 30 px auto ; }
. cms-menu-list li . current a . toggle-children . opened . toggle-children-icon { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -258 px ; background-size : 30 px auto ; }
2014-08-24 19:59:26 +02:00
/* Sitetree */
. tree-holder . jstree-apple ins , . cms-tree . jstree-apple ins { background-image : url ( ../images/sitetree_ss_default_icons@2x.png ) ; background-size : 108 px 72 px ; }
/* UI widget "close" button */
2015-07-08 23:10:05 +02:00
. ui-widget-header a . ui-state-hover . ui-icon-closethick { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -104 px ; background-size : 30 px auto ; }
. ui-widget-header . ui-icon-closethick { background-image : url ( '../images/sprites-32x32-2x-s6ccfbe50f9.png' ) ; background-position : 0 -144 px ; background-size : 30 px auto ; }
2014-08-24 19:59:26 +02:00
/* Tab icons */
2015-07-08 23:10:05 +02:00
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . list a { background-image : url ( '../images/sprites-64x64-2x-se3e3f47b94.png' ) ; background-position : 0 -150 px ; background-size : 40 px auto ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . tree a { background-image : url ( '../images/sprites-64x64-2x-se3e3f47b94.png' ) ; background-position : 0 -250 px ; background-size : 40 px auto ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . edit a { background-image : url ( '../images/sprites-64x64-2x-se3e3f47b94.png' ) ; background-position : 0 -50 px ; background-size : 40 px auto ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . list . ui-state-active a { background-image : url ( '../images/sprites-64x64-2x-se3e3f47b94.png' ) ; background-position : 0 -100 px ; background-size : 40 px auto ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . tree . ui-state-active a { background-image : url ( '../images/sprites-64x64-2x-se3e3f47b94.png' ) ; background-position : 0 -200 px ; background-size : 40 px auto ; }
. ui-tabs . ui-tabs-nav li . cms-tabset-icon . edit . ui-state-active a { background-image : url ( '../images/sprites-64x64-2x-se3e3f47b94.png' ) ; background-position : 0 0 ; background-size : 40 px auto ; }
2014-08-24 19:59:26 +02:00
/* Menu icon classes */
2015-07-08 23:10:05 +02:00
. icon . icon-24 { background-image : url ( '../images/menu-icons/24x24-2x-sccfd928e17.png' ) ; background-size : 24 px auto ; }
. icon . icon-24 . icon-assetadmin { background-position : 0 -216 px ; }
. icon . icon-24 . icon-cmsmain { background-position : 0 -192 px ; }
2014-08-24 19:59:26 +02:00
. icon . icon-24 . icon-cmspagescontroller { background-position : 0 -168 px ; }
2015-07-08 23:10:05 +02:00
. icon . icon-24 . icon-cmssettingscontroller { background-position : 0 -96 px ; }
2014-08-24 19:59:26 +02:00
. icon . icon-24 . icon-securityadmin { background-position : 0 -24 px ; }
2015-07-08 23:10:05 +02:00
. icon . icon-24 . icon-reportadmin { background-position : 0 -240 px ; }
. icon . icon-24 . icon-commentadmin { background-position : 0 0 ; }
. icon . icon-24 . icon-help { background-position : 0 -144 px ; }
. icon . icon-16 { background-image : url ( '../images/menu-icons/16x16-2x-sbe70081ef8.png' ) ; background-size : 16 px auto ; }
. icon . icon-16 . icon-assetadmin { background-position : 0 -144 px ; }
. icon . icon-16 . icon-cmsmain { background-position : 0 -128 px ; }
. icon . icon-16 . icon-cmspagescontroller { background-position : 0 -112 px ; }
. icon . icon-16 . icon-cmssettingscontroller { background-position : 0 -64 px ; }
2014-08-24 19:59:26 +02:00
. icon . icon-16 . icon-securityadmin { background-position : 0 -16 px ; }
2015-07-08 23:10:05 +02:00
. icon . icon-16 . icon-reportadmin { background-position : 0 -160 px ; }
. icon . icon-16 . icon-commentadmin { background-position : 0 0 ; }
. icon . icon-16 . icon-help { background-position : 0 -96 px ; } }
/*# sourceMappingURL=screen.css.map */
