Файл: framework/admin/css/screen.css
Строк: 8746
/** 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
*/
/** ----------------------------- Core Compass Libraries
------------------------------ */
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; }
html { line-height: 1; }
ol, ul {
list-style: none; }
table { border-collapse: collapse; border-spacing: 0;
}
caption, th, td { text-align: left; font-weight: normal; vertical-align:
middle; }
q, blockquote { quotes: none; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; content: none;
}
a img { border: none; }
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, summary { display: block;
}
/*$experimental-support-for-svg variable comes from
imported
compass/support file and enables svg gradients in IE9.
It was put here
because there didn't seem to be a more logical place to put it.
If more
variables exist in the future, consider creating a variables file.*/
/**
----------------------------- Theme ------------------------------ */
/**
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. */
/**
----------------------------------------------- Colours
------------------------------------------------ */
/* Keep as solid
colours transparent borders wont work in ie */
/* Only for use as shadows
as they wont work in older browsers */
/*$color-optional: #a1d2eb !default;
*/
/** ----------------------------------------------- Textures
----------------------------------------------- */
/**
----------------------------------------------- Typography.
------------------------------------------------ */
/**
----------------------------------------------- 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 ------------------------------------------------
*/
/** ----------------------------------------------- Application Logo
(CMS Logo) Must be 24px x 24px
------------------------------------------------ */
/**
----------------------------- Custom mixins ------------------------------
*/
/*Mixin used to generate slightly smaller text and forms
Used in side
panels and action tabs
*/
/** ----------------------------- Sprite images
----------------------------- */
/** Helper SCSS file for generating
sprites for the interface. */
.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, .ui-state-default .btn-icon-settings_disabled,
.ui-widget-content .btn-icon-settings_disabled, .ui-state-default
.btn-icon-unpublish, .ui-widget-content .btn-icon-unpublish,
.ui-state-default .btn-icon-unpublish_disabled, .ui-widget-content
.btn-icon-unpublish_disabled { background-image:
url('../images/btn-icon-scb653ce8a9.png'); background-repeat: no-repeat;
}
.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
-16px; }
.ui-state-default .btn-icon-add, .ui-widget-content .btn-icon-add
{ background-position: 0 -32px; }
.ui-state-default .btn-icon-addMedia,
.ui-widget-content .btn-icon-addMedia { background-position: 0 -48px;
}
.ui-state-default .btn-icon-add_disabled, .ui-widget-content
.btn-icon-add_disabled { background-position: 0 -68px; }
.ui-state-default
.btn-icon-addpage, .ui-widget-content .btn-icon-addpage {
background-position: 0 -84px; }
.ui-state-default
.btn-icon-addpage_disabled, .ui-widget-content .btn-icon-addpage_disabled {
background-position: 0 -100px; }
.ui-state-default
.btn-icon-arrow-circle-135-left, .ui-widget-content
.btn-icon-arrow-circle-135-left { background-position: 0 -116px;
}
.ui-state-default .btn-icon-arrow-circle-double, .ui-widget-content
.btn-icon-arrow-circle-double { background-position: 0 -132px;
}
.ui-state-default .btn-icon-back, .ui-widget-content .btn-icon-back {
background-position: 0 -148px; }
.ui-state-default .btn-icon-back_disabled,
.ui-widget-content .btn-icon-back_disabled { background-position: 0 -164px;
}
.ui-state-default .btn-icon-chain--arrow, .ui-widget-content
.btn-icon-chain--arrow { background-position: 0 -180px; }
.ui-state-default
.btn-icon-chain--exclamation, .ui-widget-content
.btn-icon-chain--exclamation { background-position: 0 -196px;
}
.ui-state-default .btn-icon-chain--minus, .ui-widget-content
.btn-icon-chain--minus { background-position: 0 -212px; }
.ui-state-default
.btn-icon-chain--pencil, .ui-widget-content .btn-icon-chain--pencil {
background-position: 0 -228px; }
.ui-state-default .btn-icon-chain--plus,
.ui-widget-content .btn-icon-chain--plus { background-position: 0 -244px;
}
.ui-state-default .btn-icon-chain-small, .ui-widget-content
.btn-icon-chain-small { background-position: 0 -260px; }
.ui-state-default
.btn-icon-chain-unchain, .ui-widget-content .btn-icon-chain-unchain {
background-position: 0 -276px; }
.ui-state-default .btn-icon-chain,
.ui-widget-content .btn-icon-chain { background-position: 0 -292px;
}
.ui-state-default .btn-icon-cross-circle, .ui-widget-content
.btn-icon-cross-circle { background-position: 0 -308px; }
.ui-state-default
.btn-icon-cross-circle_disabled, .ui-widget-content
.btn-icon-cross-circle_disabled { background-position: 0 -324px;
}
.ui-state-default .btn-icon-cross, .ui-widget-content .btn-icon-cross {
background-position: 0 -340px; }
.ui-state-default .btn-icon-decline,
.ui-widget-content .btn-icon-decline { background-position: 0 -355px;
}
.ui-state-default .btn-icon-decline_disabled, .ui-widget-content
.btn-icon-decline_disabled { background-position: 0 -371px;
}
.ui-state-default .btn-icon-delete, .ui-widget-content .btn-icon-delete {
background-position: 0 -387px; }
.ui-state-default .btn-icon-deleteLight,
.ui-widget-content .btn-icon-deleteLight { background-position: 0 -403px;
}
.ui-state-default .btn-icon-disk, .ui-widget-content .btn-icon-disk {
background-position: 0 -420px; }
.ui-state-default
.btn-icon-document--pencil, .ui-widget-content .btn-icon-document--pencil {
background-position: 0 -436px; }
.ui-state-default .btn-icon-download-csv,
.ui-widget-content .btn-icon-download-csv { background-position: 0 -452px;
}
.ui-state-default .btn-icon-drive-upload, .ui-widget-content
.btn-icon-drive-upload { background-position: 0 -468px; }
.ui-state-default
.btn-icon-drive-upload_disabled, .ui-widget-content
.btn-icon-drive-upload_disabled { background-position: 0 -484px;
}
.ui-state-default .btn-icon-grid_print, .ui-widget-content
.btn-icon-grid_print { background-position: 0 -500px; }
.ui-state-default
.btn-icon-information, .ui-widget-content .btn-icon-information {
background-position: 0 -516px; }
.ui-state-default .btn-icon-magnifier,
.ui-widget-content .btn-icon-magnifier { background-position: 0 -532px;
}
.ui-state-default .btn-icon-minus-circle, .ui-widget-content
.btn-icon-minus-circle { background-position: 0 -548px; }
.ui-state-default
.btn-icon-minus-circle_disabled, .ui-widget-content
.btn-icon-minus-circle_disabled { background-position: 0 -564px;
}
.ui-state-default .btn-icon-navigation, .ui-widget-content
.btn-icon-navigation { background-position: 0 -580px; }
.ui-state-default
.btn-icon-navigation_disabled, .ui-widget-content
.btn-icon-navigation_disabled { background-position: 0 -596px;
}
.ui-state-default .btn-icon-network-cloud, .ui-widget-content
.btn-icon-network-cloud { background-position: 0 -612px;
}
.ui-state-default .btn-icon-network-cloud_disabled, .ui-widget-content
.btn-icon-network-cloud_disabled { background-position: 0 -628px;
}
.ui-state-default .btn-icon-pencil, .ui-widget-content .btn-icon-pencil {
background-position: 0 -644px; }
.ui-state-default
.btn-icon-pencil_disabled, .ui-widget-content .btn-icon-pencil_disabled {
background-position: 0 -660px; }
.ui-state-default
.btn-icon-plug-disconnect-prohibition, .ui-widget-content
.btn-icon-plug-disconnect-prohibition { background-position: 0 -676px;
}
.ui-state-default .btn-icon-plug-disconnect-prohibition_disabled,
.ui-widget-content .btn-icon-plug-disconnect-prohibition_disabled {
background-position: 0 -692px; }
.ui-state-default .btn-icon-preview,
.ui-widget-content .btn-icon-preview { background-position: 0 -708px;
}
.ui-state-default .btn-icon-preview_disabled, .ui-widget-content
.btn-icon-preview_disabled { background-position: 0 -724px;
}
.ui-state-default .btn-icon-settings, .ui-widget-content
.btn-icon-settings { background-position: 0 -740px; }
.ui-state-default
.btn-icon-settings_disabled, .ui-widget-content .btn-icon-settings_disabled
{ background-position: 0 -756px; }
.ui-state-default .btn-icon-unpublish,
.ui-widget-content .btn-icon-unpublish { background-position: 0 -772px;
}
.ui-state-default .btn-icon-unpublish_disabled, .ui-widget-content
.btn-icon-unpublish_disabled { background-position: 0 -788px; }
.icon {
text-indent: -9999px; border: none; outline: none; }
.icon.icon-24 { width:
24px; height: 24px; background:
url('../images/menu-icons/24x24-s0dc15c36f9.png');
}
.icon.icon-24.icon-assetadmin { background-position: 0 -216px;
}
.icon.icon-24.icon-cmsmain { background-position: 0 -192px;
}
.icon.icon-24.icon-cmspagescontroller { background-position: 0 -168px;
}
.icon.icon-24.icon-cmssettingscontroller { background-position: 0 -96px;
}
.icon.icon-24.icon-securityadmin { background-position: 0 -24px;
}
.icon.icon-24.icon-reportadmin { background-position: 0 -240px;
}
.icon.icon-24.icon-commentadmin { background-position: 0 0;
}
.icon.icon-24.icon-help { background-position: 0 -144px; }
.icon.icon-16
{ width: 16px; height: 16px; background:
url('../images/menu-icons/16x16-s3f4c846209.png');
}
.icon.icon-16.icon-assetadmin { background-position: 0 -144px;
}
.icon.icon-16.icon-cmsmain { background-position: 0 -128px;
}
.icon.icon-16.icon-cmspagescontroller { background-position: 0 -112px;
}
.icon.icon-16.icon-cmssettingscontroller { background-position: 0 -64px;
}
.icon.icon-16.icon-securityadmin { background-position: 0 -16px;
}
.icon.icon-16.icon-reportadmin { background-position: 0 -160px;
}
.icon.icon-16.icon-commentadmin { background-position: 0 0;
}
.icon.icon-16.icon-help { background-position: 0 -96px; }
/**
----------------------------- CMS Components ------------------------------
*/
@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;
}
.font-icon-search:before { content: "s";
}
.font-icon-upload:before { content: "b";
}
.font-icon-sync:before { content: "c";
}
.font-icon-print:before { content: "d";
}
.font-icon-list:before { content: "e";
}
.font-icon-plus-circled:before { content: "f";
}
.font-icon-check-mark-2:before { content: "k";
}
.font-icon-pencil:before { content: "m";
}
.font-icon-book:before { content: "n";
}
.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";
}
.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"; }
/** File:
typography.scss Contains the basic typography related styles for the admin
interface. */
body, html { font-size: 12px; line-height: 16px; font-family:
Arial, sans-serif; color: #4f5861; }
.cms h2, .cms h3, .cms h4, .cms h5 {
font-weight: bold; margin: 16px 0 16px 0; line-height: 16px; }
.cms h2 {
font-size: 18px; line-height: 24px; }
.cms h3 { font-size: 16px; }
.cms h4
{ font-size: 14px; }
.cms h5 { font-size: 12px; }
.cms p { line-height:
16px; margin-bottom: 16px; }
.cms em { font-style: italic; }
.cms code {
font-family: 'Bitstream Vera Sans Mono','Courier', monospace; }
/** 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 */
.ui-widget-content, .ui-widget {
color: #4f5861; font-size: 12px; font-family: Arial, sans-serif; border: 0;
}
.ui-widget-header { background-color: #b0bec7; padding: 8px 8px 6px 8px;
border-bottom: 2px 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: 3px solid #5c7382;
padding: 8px; -moz-border-radius: 0; -webkit-border-radius: 0;
border-radius: 0; }
.ui-widget-header .ui-dialog-title { padding: 6px 10px;
text-shadow: #ced7dc 1px 1px 0; }
.ui-widget-header
a.ui-dialog-titlebar-close { position: absolute; top: -5px; right: -13px;
width: 30px; height: 30px; z-index: 100000; }
.ui-widget-header
a.ui-state-hover { border-color: transparent; background: transparent;
}
.ui-widget-header a.ui-state-hover .ui-icon-closethick { background:
url('../images/sprites-32x32-s47450c5f5b.png') 0 -356px no-repeat;
}
.ui-widget-header .ui-icon-closethick { background:
url('../images/sprites-32x32-s47450c5f5b.png') 0 -396px no-repeat; width:
30px; height: 30px; }
.ui-state-hover { cursor: pointer; }
.ui-widget
input, .ui-widget select, .ui-widget textarea, .ui-widget button { color:
#4f5861; font-size: 12px; font-family: Arial, sans-serif; }
.ui-accordion
.ui-accordion-header { border-color: #d0d3d5; margin-bottom: 0;
}
.ui-accordion .ui-accordion-content { border: 1px solid #d0d3d5;
border-top: none; }
.ui-autocomplete { max-height: 240px; overflow-x:
hidden; overflow-y: auto; /** sorry about the !important but the
specificity of other selectors mandates it over writing out very specific
selectors **/ }
.ui-autocomplete .loading { background-image:
url(../images/throbber.gif) !important; background-position: 97% center
!important; background-repeat: no-repeat !important; background-size: auto
!important; }
/** 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 */
/**
---------------------------------------------------- Basic form fields
---------------------------------------------------- */
form.nostyle .field
{ padding: 0; border: 0; }
form.nostyle label { float: none; width: auto;
}
form.nostyle label.left { float: none; display: inherit; width: auto;
padding: 0; line-height: inherit; }
form.nostyle .middleColumn {
margin-left: 0; }
form.nostyle input.text, form.nostyle textarea,
form.nostyle select, form.nostyle .TreeDropdownField { width: auto;
max-width: auto; }
.field { display: block; border-bottom: 1px solid
#D2D5D8; -webkit-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8);
-moz-box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8); -o-box-shadow: 0 1px 0
rgba(245, 245, 245, 0.8); box-shadow: 0 1px 0 rgba(245, 245, 245, 0.8);
padding: 0 0 7px 0; margin: 8px 0; *zoom: 1; }
.field.noborder,
.field:last-child { padding-bottom: 0; border-bottom: none;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.field:after { content: "\0020"; display: block; height: 0;
clear: both; overflow: hidden; visibility: hidden; }
.field.nolabel
.middleColumn { margin-left: 0; }
.field.nolabel .description {
margin-left: 0; }
.field.checkbox label.right { margin: 4px 0 0 0; display:
inline; font-style: normal; color: #4f5861; clear: none; }
.field
label.left { float: left; display: block; width: 176px; padding: 8px 8px
8px 0; line-height: 16px; }
.field label.right { cursor: pointer; clear:
both; color: #7f8b97; display: block; font-style: italic; margin: 4px 0 0
184px; }
.field .middleColumn { margin-left: 184px; }
.field span.readonly
{ padding-top: 8px; line-height: 16px; display: block; }
.field .fieldgroup
.fieldgroup-field.last { /* This is used on page/settings/visibility */
padding-bottom: 8px; /* replicates li item spacing */ }
.field .description
{ clear: both; color: #626e79; display: block; font-style: italic;
line-height: 16px; margin: 4px 0 0 184px; }
.field.checkbox .description,
.field.ss-gridfield .description { margin-left: 0; }
.field input.text,
.field textarea, .field select, .field .TreeDropdownField { margin-left:
10px; width: 100%; max-width: 512px; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; box-sizing: border-box; }
.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:
512px; }
.field input.text, .field textarea, .field .TreeDropdownField {
background: #fff; border: 1px solid #b3b3b3; padding: 7px 7px; line-height:
16px; margin: 0; outline: none; -moz-transition: 0.2s box-shadow ease-in;
-webkit-transition: 0.2s box-shadow ease-in; -o-transition: 0.2s box-shadow
ease-in; transition: 0.2s box-shadow ease-in; -moz-transition: 0.2s border
ease-in; -webkit-transition: 0.2s border ease-in; -o-transition: 0.2s
border ease-in; transition: 0.2s border ease-in; -moz-border-radius: 4px;
-webkit-border-radius: 4px; border-radius: 4px; 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: 1px solid #9a9a9a; border-top-color: #808080; -moz-box-shadow: 0
1px 3px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 1px 3px rgba(0, 0,
0, 0.2) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; }
.field
input[disabled], .field input.disabled, .field textarea[disabled], .field
textarea.disabled, .field select[disabled], .field select.disabled { color:
#7f8b97; 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: 1px solid #b3b3b3; }
.field#Action {
box-shadow: none; }
.field.cms-description-toggle > .middleColumn {
display: inline-block; vertical-align: middle; margin-left: 0; width: 36%;
min-width: 300px; }
.field.cms-description-toggle .right { display:
inline-block; vertical-align: middle; height: 15px; margin: 0 0 0 7px;
}
.field.cms-description-toggle .btn-icon-information { display:
inline-block; width: 15px; height: 15px; }
.field.cms-description-toggle
.description { padding: 12px 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: 4px; }
.field.cms-description-toggle.htmleditor .middleColumn,
.field.cms-description-toggle.htmleditor .description { width: 95%;
}
.field.cms-description-toggle.optionset .right { margin-top: 8px;
}
.field.cms-description-toggle.optionset li { width: 170px;
}
.field.cms-description-toggle.listbox select { margin-left: 0;
}
.field.cms-description-toggle.upload .description { margin-left: 184px;
}
.cms-file-info-data .field.cms-description-toggle > .middleColumn {
margin-left: 8px !important; width: auto; min-width: 0;
}
.cms-file-info-data .field.cms-description-toggle .description {
margin-left: 104px; width: auto; }
form.stacked .field label,
.field.stacked label { display: block; float: none; padding-bottom: 10px;
}
form.stacked .field .middleColumn, .field.stacked .middleColumn {
margin-left: 0px; clear: left; }
form.stacked .field .description,
.field.stacked .description { margin-left: 0px; }
form.small .field
label.left, .field.small label.left { width: 112px; }
form.small .field
.middleColumn, .field.small .middleColumn { margin-left: 120px;
}
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; }
.field { /* TreeDropdowns */ /*
dropdowns */ /* chzn override */ /* Date Fields */ /* Hides borders in
settings/access. Activated from JS */ }
.field .TreeDropdownField {
padding: 0; }
.field .TreeDropdownField .treedropdownfield-panel { border:
1px solid #b3b3b3; border-top: none; -moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius:
4px; border-bottom-right-radius: 4px; }
.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;
}
.field .TreeDropdownField.treedropdownfield-with-rise {
-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px; }
.field
.TreeDropdownField.treedropdownfield-with-rise .treedropdownfield-panel {
border: 1px solid #b3b3b3; border-bottom: none; -webkit-border-radius: 4px
4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
}
.field .TreeDropdownField .badge { display: none; }
.field .dropdown
select { margin-top: 8px; }
.field .chzn-container { max-width: 512px;
vertical-align: bottom; }
.field .chzn-container .chzn-results li {
font-size: 11px; line-height: 16px; padding: 4px 4px; }
.field
.chzn-container-active .chzn-single { border: 1px solid #9a9a9a; }
.field
.chzn-container-single .chzn-single { height: 30px; line-height: 30px; /*
not relative, as then we'd had to redo most of chzn */ font-size: 12px;
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); }
.field .chzn-container-single .chzn-single:hover,
.field .chzn-container-single .chzn-single:focus, .field
.chzn-container-single .chzn-single:active { text-decoration: none;
}
.field .chzn-container-single .chzn-single div { width: 24px; }
.field
.chzn-container-single .chzn-single div b { background-position: 4px 3px;
}
.field .chzn-choices { -moz-border-radius: 3px; -webkit-border-radius:
3px; border-radius: 3px; }
.field .chzn-choices .search-choice {
line-height: 16px; }
.field .chzn-choices .search-choice
.search-choice-close { top: 5px; }
.field .chzn-choices .search-field input
{ height: 18px; }
.field input.month, .field input.day, .field input.year {
width: 56px; }
.field input.time { width: 88px; }
.field.remove-splitter {
border-bottom: none; box-shadow: none; }
/**
---------------------------------------------------- Buttons
---------------------------------------------------- */
.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: #0071c4; display:
block; font-weight: normal; margin: 0; outline: none; padding-left: 10px;
padding-right: 10px; text-align: left; text-shadow: none; white-space:
normal; }
.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; }
.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; }
.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 8px 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: 20px; }
.cms .Actions > *, .cms
.cms-actions-row > * { display: block; float: left; margin-right: 8px;
}
.cms .Actions > *:last-child, .cms .cms-actions-row > *:last-child
{ margin-right: 0; }
.cms .Actions { min-height: 30px; overflow: auto;
padding: 8px 12px; }
.cms .south .Actions, .cms .ui-tabs-panel .Actions,
.cms .ui-tabs-panel iframe .Actions { padding: 0; }
.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; }
.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; }
.cms
.ss-ui-button { margin-top: 0px; font-weight: bold; text-decoration: none;
line-height: 16px; color: #393939; border: 1px solid #d0d3d5;
border-bottom: 1px 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 1px 1px; /*
constructive */ /* destructive */ /* font-icon buttons */ }
.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 5px #b3b3b3;
-webkit-box-shadow: 0 0 5px #b3b3b3; box-shadow: 0 0 5px #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:
1px 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 5px #b3b3b3 inset;
-webkit-box-shadow: 0 0 5px #b3b3b3 inset; box-shadow: 0 0 5px #b3b3b3
inset; }
.cms .ss-ui-button.ss-ui-action-minor span { padding-left: 0;
padding-right: 0; }
.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 -1px -1px; }
.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 1px 3px #17181a, 0 1px 0 rgba(255, 255,
255, 0.6); -webkit-box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255,
255, 255, 0.6); box-shadow: inset 0 1px 3px #17181a, 0 1px 0 rgba(255, 255,
255, 0.6); }
.cms .ss-ui-button.ss-ui-action-destructive { color: #f00;
background-color: #e6e6e6; }
.cms .ss-ui-button.ss-ui-button-small
.ui-button-text { font-size: 10px; }
.cms .ss-ui-button.ui-state-highlight
{ background-color: #e6e6e6; border: 1px solid #708284; }
.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; }
.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; }
.cms .ss-ui-button.ss-ui-button-loading { opacity: 0.8; }
.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: 5px 8px; margin-bottom: 12px; vertical-align: middle; box-shadow:
none; border: 0; background: none; text-shadow: none; text-decoration:
none; font-weight: normal; color: #4f5861; }
.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; }
.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: 16px; margin-right: 5px; 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; }
.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 3px rgba(191, 194, 196, 0.9) inset;
-webkit-box-shadow: 0 0 3px rgba(191, 194, 196, 0.9) inset; box-shadow: 0 0
3px rgba(191, 194, 196, 0.9) inset; background: #dee3e8; color: #4f5861;
border: 0; }
.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; }
.cms .ss-ui-buttonset .ui-button { margin-left:
-1px; }
.cms .ss-ui-buttonset { margin-left: 1px; }
.cms
.ss-ui-loading-icon { background: url(../../images/network-save.gif)
no-repeat; display: block; width: 16px; height: 16px; }
/**
---------------------------------------------------- Grouped form fields
---------------------------------------------------- */
.fieldgroup
.fieldgroup-field { float: left; display: block; padding: 8px 8px 0 0;
}
.fieldgroup .fieldgroup-field .field { border: none; padding-bottom: 0;
}
.fieldgroup .fieldgroup-field .fieldholder-small { padding: 0 0 8px 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: 8px 8px 8px 0; margin-left: 0; margin-right: 1em; width:
auto; }
.fieldgroup.stacked .fieldgroup-field { float: none; }
.ss-toggle
{ margin: 8px 0; }
.ss-toggle .ui-accordion-header { font-weight: bold;
font-size: 12px; }
.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 1px 0 rgba(255, 255,
255, 0.5); }
.ss-toggle .ui-accordion-header .ui-accordion-header-icon {
margin-top: -9px; }
.ss-toggle .ui-accordion-content { padding: 8px 0 12px;
}
.ss-toggle .ui-accordion-content .field { -moz-box-shadow: none;
-webkit-box-shadow: none; box-shadow: none; padding-left: 12px;
padding-right: 12px; }
.ss-toggle .ui-accordion-content .field:last-child {
margin-bottom: 0; }
.ss-toggle .ui-accordion-content .field .middleColumn {
margin-left: 0; }
.ss-toggle .ui-accordion-content .field label { float:
none; margin-left: 0; }
.ss-toggle .ui-accordion-content .field
label.ss-ui-button { float: left; }
.ss-toggle .ui-accordion-content .field
.description { margin-left: 0; }
/**
---------------------------------------------------- Checkbox Field
---------------------------------------------------- */
.field.checkbox {
padding-left: 184px; margin-bottom: 8px; }
.field.checkbox input {
margin-left: 0; }
input.checkbox { margin-left: 0; }
/**
---------------------------------------------------- Radiobutton Field
---------------------------------------------------- */
.field.radio {
padding-left: 184px; margin-bottom: 8px; }
.field.radio input {
margin-left: 0; }
input.radio { margin-left: 0; }
/**
---------------------------------------------------- Optionsets and
Checkboxsets ----------------------------------------------------
*/
.optionset { padding-bottom: 8px; padding-top: 8px; }
.optionset li {
float: left; display: block; width: 216px; padding-bottom: 8px;
padding-top: 0; line-height: 16px; list-style: none; }
.optionset li input
{ display: inline-block; padding-right: 0; margin-right: 0; }
.optionset li
label { display: inline; cursor: pointer; padding-left: 8px;
}
.optionset.field { padding-top: 0; }
/**
---------------------------------------------------- HTML Text
---------------------------------------------------- */
.htmleditor label {
display: block; float: none; padding-bottom: 10px; }
.htmleditor
.middleColumn { margin-left: 0px; clear: left; }
.htmleditor .description {
margin-left: 0px; }
.htmleditor textarea { visibility: hidden;
}
.htmleditor .mceEditor input, .htmleditor .mceEditor select { width:
auto; }
.htmleditor label.left { padding-bottom: 4px; }
.action-hidden {
display: none;
}
/***************************************************************
*
On/Off Switch.
* Supports switching between up to 5 values (used for
Draft/Published)
* Example html set-up:
* <fieldset
class="switch-states size_2">
* <div
class="switch">
* <input id="Draft"
class="first" name="view" type="radio"
checked>
* <label
for="Draft">Draft</label>
* <input
id="Published" class="last" name="view"
type="radio">
* <label
for="Published">Published</label>
* <span
class="slide-button"></span>
* </div>
* </fieldset>
****************************************************************/
fieldset.switch-states
{ margin-right: 8px; /*
Produce css for up to 5 states.
Note: with a
little adjustment the switch can take more than 5 items,
but a dropdown
would probably be more appropriate
*/ }
fieldset.switch-states .switch {
border: 2px solid #d3d6da; -moz-border-radius: 3px; -webkit-border-radius:
3px; border-radius: 3px; -webkit-animation: bugfix infinite 1s; background:
#dee0e3; display: block; height: 24px; 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: 25px; position: relative;
z-index: 2; min-width: 80px; /* 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; }
fieldset.switch-states .switch label:hover { color:
#6c6c6c; color: rgba(31, 31, 31, 0.7); }
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; }
fieldset.switch-states .switch input {
opacity: 0; filter: alpha(opacity=0); visibility: none; position: absolute;
}
fieldset.switch-states .switch input:checked + label { -moz-transition:
all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;
color: #fff; }
fieldset.switch-states .switch .slide-button {
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s
ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s
ease-out 0s; background-color: #2b9c32; display: block; height: 24px; left:
0; padding: 0; position: absolute; top: 0; z-index: 1;
}
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; }
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%; }
fieldset.switch-states.size_2 label,
fieldset.switch-states.size_2 .slide-button { width: 50%;
}
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%;
}
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%; }
fieldset.switch-states.size_3
input:checked:nth-of-type(4) ~ .slide-button { left: 100%;
}
fieldset.switch-states.size_3 input:checked:nth-of-type(5) ~
.slide-button { left: 133.33333%; }
fieldset.switch-states.size_4 label,
fieldset.switch-states.size_4 .slide-button { width: 25%;
}
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%;
}
fieldset.switch-states.size_5 label, fieldset.switch-states.size_5
.slide-button { width: 20%; }
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; } }
.cms-content-filters fieldset {
margin-left: -16px; margin-right: -16px; }
.cms-content-filters .fieldgroup
{ width: 50%; display: inline-block; max-width: 440px; padding-right: 16px;
padding-left: 16px; margin-bottom: 16px; box-sizing: border-box;
margin-right: -2px; 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: 176px;
padding: 8px 8px 6px 0; line-height: 16px; 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: 24px; }
.cms-content-filters
.fieldgroup .fieldgroup-field label { position: absolute; top: 28px;
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: 440px; display:
inline-block; margin: 0 0 8px 0; padding-right: 16px; padding-left: 16px;
padding-bottom: 0; box-sizing: border-box; margin-right: -2px;
vertical-align: top; }
.cms-content-filters .field label.left {
text-shadow: none; padding-bottom: 6px; }
.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: 8px; padding-left:
16px; }
.cms-content-filters .description { margin-left: 0;
}
.cms-content-filters .middleColumn { width: 100%; margin-left: 0;
max-width: 100%; }
.cms-content-filters .Actions { margin: 8px 0; }
@media
screen and (max-width: 767px) { .cms-content-filters fieldset .field,
.cms-content-filters fieldset .fieldgroup { width: 100%; max-width: 100%; }
}
.cms-panel .cms-content-filters .field, .cms-panel .cms-content-filters
.fieldgroup { width: 100%; margin-bottom: 16px; }
.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; }
/**
*
This file defines most styles of the CMS: Colors, fonts, backgrounds,
*
alignments, dimensions.
*
* Use SCSS variable definitions in screen.css to
avoid repeating styles
* like background colours or padding dimensions.
See themes/_default.scss
* to get started.
*
* To avoid this file getting
too large and complicated, it is encouraged to
* create new SCSS files for
larger components like the CMS menu or tree
* (see _tree.scss and
_menu.scss).
*/
/** ----------------------------------------------------
Core Styles. ---------------------------------------------------- */
html,
body { width: 100%; height: 100%; /* Removes RHS whitespace on iPad */
overflow-x: hidden; }
body.cms { overflow: hidden; }
.cms a { color:
#0071c4; text-decoration: none; }
.cms a:hover, .cms a:focus {
text-decoration: underline; }
.cms body .ui-widget { font-family: Arial,
sans-serif; font-size: 12px; }
.cms strong { font-weight: bold; }
/**
-------------------------------------------- Helpers
-------------------------------------------- */
.hide,
.cms-helper-hide-actions .Actions { display: none; }
/**
-------------------------------------------- Panels Styles
-------------------------------------------- */
.cms-container { height:
100%; /*background: $tab-panel-texture-background;*/ background: #f6f7f8;
}
.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;
}
.cms-content-header { padding-left: 16px; z-index: 60; min-height: 52px;
background-image: url(../images/textures/cms_content_header.png);
background-repeat: repeat; background-position: left bottom;
background-color: #f0f2f4; }
.cms-content-header a { color: #0071c4;
}
.cms-content-header .backlink span.btn-icon-back { height: 16px;
}
.cms-content-header h2 { font-size: 14px; font-weight: bold; margin: 0;
margin-bottom: 8px; }
.cms-content-header h2 * { vertical-align: middle;
}
.cms-content-header .cms-content-header-info { float: left; padding-top:
7px; }
.cms-content-header .cms-content-header-info * { display:
inline-block; }
.cms-content-header .cms-content-header-info .section-icon
{ opacity: 0.2; margin-right: 4px; background-repeat: no-repeat;
}
.cms-content-header .cms-content-header-info .cms_backlink {
vertical-align: middle; }
.cms-content-header .ss-ui-button { line-height:
24px; }
.cms-content-header .ss-ui-button .ui-button-text { line-height:
1.4; }
.cms-edit-form.CMSMain { padding: 0; }
.cms-container
.column-hidden { display: none; }
.cms-content-header-top { display:
inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1;
*display: inline; width: 100%; }
.has-panel .cms-content-header.north {
padding-left: 16px; }
.has-panel .cms-content-header.north.collapsed
.cms-content-header-info { width: 24px; text-align: right; padding-left:
12px; padding-right: 8px; }
.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:
31px; }
.has-panel .cms-content-header-info { position: absolute; top: 0;
left: 0; bottom: 1px; width: 272px; margin-left: -4px; padding-bottom: 8px;
padding-left: 16px; padding-right: 16px; border-right: 1px solid #C1C7CC;
}
.has-panel .cms-content-header-nav { margin-left: 280px; }
.has-panel
.section-heading { margin-top: 8px; padding-left: 4px; }
.has-panel
.section-icon { vertical-align: middle; }
.has-panel .section-label {
vertical-align: middle; font-size: 1.2em; font-weight: normal; }
.has-panel
.breadcrumbs-wrapper { float: left; padding-top: 7px; padding-left: 20px;
}
.has-panel .cms-content-header-tabs { margin-top: 8px; }
.has-panel
.view-controls { float: right; margin-top: 4px; }
.has-panel .view-controls
.icon-button-group .icon-button { padding: 6px 8px; height: 14px;
}
.has-panel .cms-content-tools .cms-panel-content { padding-top: 0;
overflow-x: hidden; }
#page-title-heading { line-height: 1.2em; }
/**
------------------------------------------------------------------ CMS
Breadcrumbs
-----------------------------------------------------------------
*/
.breadcrumbs-wrapper .crumb, .breadcrumbs-wrapper .sep { font-size:
.8em; line-height: 1.2em; font-weight: normal; }
.breadcrumbs-wrapper
.crumb.last { display: block; padding: 8px 0; font-size: 1.2em;
}
.breadcrumbs-wrapper .sep + .crumb.last { padding-top: 0; padding-bottom:
0; }
/**
------------------------------------------------------------------ Filters
available in the top bar. This is a togglable element that displays a form
used for filtering content.
-----------------------------------------------------------------
*/
.cms-content-filters { display: none; width: 100%; margin: 0 0 0 -16px;
padding: 12px 16px; border-bottom: 1px solid #D2D5D8;
}
.cms-content-filters .cms-search-form { margin-bottom: 0;
}
.cms-tabset-nav-primary { display: inline-block; vertical-align: middle;
*vertical-align: auto; *zoom: 1; *display: inline; vertical-align: middle;
}
/** ------------------------------------------------------------------
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.
----------------------------------------------------------------- */
.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 2px 0 0; padding: 5px 8px; font-size:
14px; text-indent: 0; text-shadow: none; line-height: 1em; color: #4f5861;
background-color: transparent; background-image: none; border: 0; }
.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; }
.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: 5px 6px; color:
#66727d; }
.cms a.icon-button.font-icon-search.active, .cms
a.icon-button.font-icon-search:active, .cms
a.icon-button.font-icon-search:focus, .cms
a.icon-button.font-icon-search:hover, .cms
button.ss-ui-button.icon-button.font-icon-search.active, .cms
button.ss-ui-button.icon-button.font-icon-search:active, .cms
button.ss-ui-button.icon-button.font-icon-search:focus, .cms
button.ss-ui-button.icon-button.font-icon-search:hover { background: none;
box-shadow: none; color: #383f45; }
.cms
a.icon-button.font-icon-search:before, .cms
button.ss-ui-button.icon-button.font-icon-search:before { font-size: 18px;
margin-left: 1px; margin-right: 0; }
.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: -11px;
}
.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: 5px 8px 6px; line-height: 1em;
background-color: transparent; background-image: none; border: 0;
}
.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;
}
.icon-button-group { display: inline-block; vertical-align: middle;
border: 1px solid #CDCCD0; border-radius: 4px; }
.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: 13px; 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: 3px 0 0 3px;
}
.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 3px 3px 0;
}
.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: #f6f7f8;
}
.icon-button-group a.icon-button.active:hover, .icon-button-group
button.ss-ui-button.icon-button.active:hover { background: #d4dbe1;
}
.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: 1px solid #CDCCD0;
}
.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; }
.icon-button-group
.ui-tabs.ui-tabs-nav .cms-tabset-icon.ui-state-default +
.cms-tabset-icon.ui-state-default { border-left: 1px solid #CDCCD0;
}
.icon-button-group .ui-tabs.ui-tabs-nav
.cms-tabset-icon.ui-state-default:hover { background: #f6f7f8;
}
.icon-button-group .ui-tabs.ui-tabs-nav
.cms-tabset-icon.ui-state-default.ui-state-active:hover { background:
#d4dbe1; }
.icon-button-group .ui-tabs.ui-tabs-nav
.cms-tabset-icon.ui-state-active { background-color: #d4dbe1; box-shadow:
inset 0 0 3px rgba(191, 194, 196, 0.9); }
.cms-content-header-tabs
.icon-button-group { overflow: hidden; }
/**
-------------------------------------------- Tabs
-------------------------------------------- */
.ui-tabs { padding: 0;
background: none; }
.ui-tabs .ui-tabs { position: static; }
.ui-tabs
.ui-tabs-panel { padding: 12px 16px; background: transparent; border: 0;
}
.ui-tabs .ui-tabs-panel.cms-edit-form { padding: 0; }
.ui-tabs
.ui-widget-header { border: 0; background: none; }
.ui-tabs .ui-tabs-nav {
float: right; margin: 16px 0 -1px 0; padding: 0 16px 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; }
.ui-tabs
.ui-tabs-nav li:active { outline: none; }
.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: #4f5861; line-height: 32px; padding: 0 12px 0; }
.ui-tabs
.ui-tabs-nav li:last-child { margin-right: 0; }
.ui-tabs .ui-tabs-nav
.ui-state-default { border: 0; background: transparent; }
.ui-tabs
.ui-tabs-nav .ui-state-default a { line-height: 28px; padding-top: 12px;
padding-bottom: 8px; color: #66727d; }
.ui-tabs .ui-tabs-nav
.ui-state-default a:hover { color: #4f5861; }
.ui-tabs .ui-tabs-nav
.ui-state-active { padding-bottom: 1px; background-color: transparent;
cursor: text; }
.ui-tabs .ui-tabs-nav .ui-state-active a { border-bottom:
3px solid #66727d; padding-left: 0; padding-right: 0; margin: 0 12px 0;
color: #4f5861; }
.ui-tabs .ui-tabs-nav.ui-state-active { border-color:
#808080; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.ui-corner-top {
text-indent: -9999em; }
.ui-tabs .ui-tabs-nav
li.cms-tabset-icon.ui-corner-top a { display: block; padding-left: 40px;
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 -304px no-repeat;
}
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.ui-corner-top.tree a {
background: url('../images/sprites-64x64-s45180e3c4f.png') 0 -504px
no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.ui-corner-top.gallery
a { background: url('../images/sprites-64x64-s45180e3c4f.png') 0 -204px
no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.ui-corner-top.edit a
{ background: url('../images/sprites-64x64-s45180e3c4f.png') 0 -104px
no-repeat; }
.ui-tabs .ui-tabs-nav li.cms-tabset-icon.ui-corner-top.search
a { background: url('../images/sprites-64x64-s45180e3c4f.png') 0 -404px
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 -254px 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 -454px 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 -154px 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 -54px 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 -354px no-repeat;
}
.ui-tabs .cms-panel-padded .ui-tabs-panel { padding: 0; }
.ui-tabs
.cms-panel-padded .ui-tabs-panel .ui-tabs-panel { padding: 8px 0 0 0;
}
.ui-tabs .cms-panel-padded .Actions { padding: 0;
}
.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() */
.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; }
.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;
}
.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: 39px; padding-top: 0;
padding-bottom: 0; }
.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;
}
.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:
4px solid #66727d; padding: 0; margin: 0 12px 0;
}
.cms-content-header-tabs { float: right; margin-top: 8px;
}
.cms-content-header-tabs.icon-button-group-tabs { margin-top: 12px;
margin-bottom: 13px; }
.cms-content-header-tabs .icon-button-group {
margin-right: 16px; }
.cms-content-fields .ui-tabs-nav { float: none;
padding: 0; border-bottom: 1px solid #d0d3d5; margin: 0 16px 0;
}
.cms-content-fields .ui-tabs-nav li { margin-bottom: -1px;
}
.cms-content-fields .ui-tabs-nav li.first a { margin-left: 0;
padding-left: 0; }
/**
------------------------------------------------------- Loading Interface
-------------------------------------------------------
*/
.cms-content-loading-overlay { position: absolute; top: 0; left: 0;
width: 100%; height: 100%; z-index: 9998; }
.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%; }
/**
----------------------------------------------- Loading Screen
------------------------------------------------ */
.ss-loading-screen {
width: 100%; height: 100%; overflow: hidden; position: absolute; z-index:
100000; background: #fff; background: -moz-radial-gradient(50% 50% 180deg,
circle cover, #FFFFFF, #EFEFEF, #C7C7C7 100%); background:
-webkit-gradient(radial, 50% 50%, 350, 50% 50%, 0, from(#E3E3E3),
to(white)); }
.ss-loading-screen .loading-logo { width: 100%; height: 100%;
overflow: hidden; position: absolute; background: transparent
url(../images/silverstripe_logo.png) no-repeat 50% 50%;
}
.ss-loading-screen p { width: 100%; text-align: center; position:
absolute; bottom: 80px; z-index: 100001; }
.ss-loading-screen p span.notice
{ width: 300px; font-size: 14px; padding: 10px 20px; color: #dc7f00;
border: none; background: none; -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px; display: inline-block;
zoom: 1; *display: inline; }
.ss-loading-screen .loading-animation {
display: none; position: absolute; left: 50%; margin-left: -21.5px; top:
80%; }
/** -------------------------------------------- Actions
-------------------------------------------- */
.cms-content-actions,
.cms-preview-controls { margin: 0; padding: 12px 16px; z-index: 999;
border-top: 1px solid #D2D5D8; height: 28px; background-color: #f6f7f8;
}
/** -------------------------------------------- Messages
-------------------------------------------- */
.message { display: block;
clear: both; margin: 0 0 8px; padding: 10px 12px; font-weight: normal;
border: 1px #ccc solid; background: #fff; background: rgba(255, 255, 255,
0.5); text-shadow: none; -moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px;
}
.message.notice { background-color: #f0f8fc; border-color: #93CDE8;
}
.message.warning { background-color: #fefbde; border-color: #E9D104;
}
.message.error, .message.bad, .message.required, .message.validation {
background-color: #fae8e9; border-color: #e68288; }
.message.good {
background-color: #eaf6e4; border-color: #72c34b; }
.message p { margin: 0;
}
.cms-edit-form .message { margin: 16px; }
.cms-edit-form .ui-tabs-panel
.message { margin: 16px 0; }
.notice-item { -moz-border-radius: 3px;
-webkit-border-radius: 3px; border-radius: 3px; font-family: inherit;
font-size: inherit; padding: 6px 24px 8px 10px; word-wrap: break-word;
min-height: 60px; height: auto; border: 0; border-left: 3px solid; color:
#666; left: 300px; 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: 12px; height: 16px;
color: #555; font-size: 16px; overflow: hidden; top: 4px; right: 4px;
padding: 2px; opacity: .8; }
.notice-item-close::before { content: 'x';
}
.notice-item-close:hover { opacity: 1; }
/**
-------------------------------------------- Page icons
-------------------------------------------- */
.page-icon, a
.jstree-pageicon { display: block; width: 16px; height: 16px; background:
transparent url(../images/sitetree_ss_pageclass_icons_default.png)
no-repeat; }
.page-icon.class-HomePage { background-position: 0 -48px;
}
.page-icon.class-RedirectorPage { background-position: 0 -16px;
}
.page-icon.class-VirtualPage { background-position: 0 -32px;
}
.page-icon.class-ErrorPage { background-position: 0 -112px; }
/**
-------------------------------------------- "Add page" dialog
-------------------------------------------- */
.cms-page-add-form-dialog {
display: none; }
.cms-add-form .step-label { opacity: 0.9; }
.cms-add-form
.step-label .flyout { height: 17px; padding-top: 5px; }
.cms-add-form
.step-label .title { padding-top: 5px; font-weight: bold; text-shadow: 1px
1px 0 white; }
.cms-add-form ul.SelectionGroup { padding-left: 28px;
overflow: visible; *zoom: 1; }
.cms-add-form ul.SelectionGroup:after {
content: "\0020"; display: block; height: 0; clear: both;
overflow: hidden; visibility: hidden; }
.cms-add-form .parent-mode {
padding: 8px; overflow: auto; }
#PageType ul { padding-left: 20px;
}
#PageType ul li { float: none; width: 100%; padding: 9px 0 9px 15px;
overflow: hidden; border-bottom-width: 2px; border-bottom: 2px 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); }
#PageType ul li.disabled { color: #aaa; filter:
progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5;
}
#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.3em; }
#PageType ul li .page-icon { margin: 0 4px;
}
#PageType ul li .title { width: 120px; font-weight: bold; padding-right:
10px; }
#PageType ul li .description { font-style: italic; display: inline;
clear: none; margin: 0; }
/** --------------------------------------------
Content toolbar --------------------------------------------
*/
.cms-content-toolbar { min-height: 29px; display: block; margin: 12px 0
0; padding-bottom: 0; *zoom: 1; border-bottom: 0; box-shadow: none;
}
.cms-content-toolbar:after { content: "\0020"; display: block;
height: 0; clear: both; overflow: hidden; visibility: hidden;
}
.cms-content-toolbar .cms-tree-view-modes { float: right; padding-top:
5px; }
.cms-content-toolbar .cms-tree-view-modes * { display: inline-block;
}
.cms-content-toolbar .cms-tree-view-modes * label { color: #0071c4;
}
.cms-content-toolbar .cms-actions-tools-row { clear: both;
}
.cms-content-toolbar .tool-action { display: none; }
/** 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
*/
.cms-content-tools { background: #f6f7f8; width: 288px; overflow-y:
auto; overflow-x: hidden; z-index: 70; border-right: 1px solid #C1C7CC;
float: left; position: relative; }
.cms-content-tools.filter { padding: 0
!important; }
.cms-content-tools .cms-panel-header { clear: both; margin:
10px 0 7px; padding-bottom: 2px; line-height: 24px; border-bottom: 1px
solid #D2D5D8; }
.cms-content-tools .cms-panel-content { width: 272px;
padding: 0 12px 0 16px; overflow: auto; height: 100%; }
.cms-content-tools
.cms-panel-content .Actions .ss-ui-action-constructive { margin-right: 5px;
}
.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); }
.cms-content-tools .cms-content-header
h2 { text-shadow: #5c7382 -1px -1px 0; width: 176px; color: white;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
-o-text-overflow: ellipsis; }
.cms-content-tools h3, .cms-content-tools h4,
.cms-content-tools h5 { font-weight: bold; line-height: 16px;
}
.cms-content-tools h3 { font-size: 13px; }
.cms-content-tools h4 {
font-size: 12px; margin: 5px 0; }
.cms-content-tools .ui-widget-content {
background: none; }
.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 */
}
.cms-content-tools .field label { float: none; width: auto; font-size:
12px; padding: 0 8px 4px 0; }
.cms-content-tools .field .middleColumn {
margin: 0; }
.cms-content-tools .field input.text, .cms-content-tools
.field select, .cms-content-tools .field textarea { padding: 5px;
font-size: 11px; }
.cms-content-tools .field.checkbox { padding: 0 0 8px;
}
.cms-content-tools .field.checkbox input { margin: 2px 0;
}
.cms-content-tools .field .description { margin-left: 0;
}
.cms-content-tools .fieldgroup .fieldgroup-field { padding: 0;
}
.cms-content-tools .fieldgroup .fieldgroup-field .field { margin: 0;
padding: 0; }
.cms-content-tools table { margin: 8px -4px;
}
.cms-content-tools table thead th { color: #1f1f1f; font-weight: bold;
line-height: 16px; font-size: 11px; padding: 4px; }
.cms-content-tools
table tr.active { background-color: #338DC1; color: white;
}
.cms-content-tools table tr.active td.first-column { -moz-border-radius:
6px 0 0 6px; -webkit-border-radius: 6px; border-radius: 6px 0 0 6px;
}
.cms-content-tools table tr.active td.last-column { -moz-border-radius: 0
6px 6px 0; -webkit-border-radius: 0; border-radius: 0 6px 6px 0;
}
.cms-content-tools table td { padding: 4px; line-height: 16px;
vertical-align: top; }
.cms-content-tools td { border-bottom: 1px solid
#ced7dc; padding: 7px 2px; font-size: 11px; }
/**
------------------------------------------------------------------
* CMS
notice, used for filter messages, but generic enough to use elsewhere
*
-----------------------------------------------------------------
*/
.cms-notice { display: block; margin: 0 0 8px; padding: 10px 12px;
font-weight: normal; border: 1px #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: -16px; padding: 16px 16px; background:
#D4E2EC; text-shadow: none; border: 0; }
.cms-tree-filtered > strong,
.cms-tree-filtered > a { font-size: 14px; }
/** CMS Batch actions
*/
.cms-content-batchactions-button { display: inline-block;
vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;
padding: 4px 6px; 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: 1px
solid #aaa; -moz-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; }
.cms-content-batchactions { float: left; position:
relative; display: block; }
.cms-content-batchactions
.view-mode-batchactions-wrapper { height: 18px; float: left; padding: 4px
6px; border: 1px solid #aaa; margin-bottom: 8px; margin-right: -1px;
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: 4px; border-bottom-left-radius: 4px;
}
.cms-content-batchactions .view-mode-batchactions-wrapper input {
vertical-align: middle; }
.cms-content-batchactions
.view-mode-batchactions-wrapper .view-mode-batchactions-label {
vertical-align: middle; display: none; }
.cms-content-batchactions
.checkbox { margin-top: 2px; vertical-align: middle;
}
.cms-content-batchactions-dropdown { display: inline-block;
vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;
}
.cms-content-tools .cms-content-batchactions-dropdown { width: 100%;
}
.cms-content-batchactions-dropdown fieldset { display: inline-block;
vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline;
width: 200px; }
.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: 32px;
}
.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: -4px; }
.cms-content-tools
.cms-content-batchactions-dropdown .Actions { width: 16%;
}
.cms-content-batchactions-dropdown .action { width: 100%; height: 32px;
margin-bottom: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;
}
/** -------------------------------------------- Preview
-------------------------------------------- */
.cms-switch-view a {
padding-right: 1em; }
/** --------------------------------------------
Member Profile --------------------------------------------
*/
form.member-profile-form { padding: 0 16px 0 0;
}
form.member-profile-form #Root_Permissions { clear: both; border-top: 1px
solid #a6a6a6; }
form.member-profile-form #Root_Main { clear: both;
border-top: 1px solid #a6a6a6; }
form.member-profile-form #Root_Main
.cms-help-toggle { text-indent: -9999em; display: inline-block; width:
20px; background: url(../images/question.png) no-repeat 0px 0px;
}
form.member-profile-form #FavouritePageID { margin-top: 8px;
}
form.member-profile-form #CsvFile .middleColumn { background: none
!important; }
form.member-profile-form .advanced h4 { margin-bottom: .5em;
}
form.member-profile-form .Actions { text-align: left; border: 0;
}
form.member-profile-form input.customFormat { width: 80px; border: 1px
solid #ccc !important; padding: 3px; display: inline-block; margin-left:
1em; }
form.member-profile-form .formattingHelpToggle { display: block;
font-size: 11px; }
form.member-profile-form .formattingHelpText { margin:
5px 0 0 -5px; color: #333; padding: 5px 10px; background: #fff; border: 1px
solid #ccc; }
form.member-profile-form .formattingHelpText ul { padding: 0;
}
form.member-profile-form .formattingHelpText li { font-size: 11px; color:
#333; margin-bottom: 2px; padding-bottom: 0; float: none; width: auto;
}
form.member-profile-form #Groups .middleColumn { margin-left: 0; width:
100%; }
form.member-profile-form #Groups .middleColumn .TreeDropdownField {
width: 90%; max-width: 90%; }
form.member-profile-form #Permissions
.optionset li { float: none; width: auto; }
.memberdatetimeoptionset
.description { font-style: normal; }
.memberdatetimeoptionset .toggle {
font-size: 11px; }
.cms .cms-content { border-right: 1px solid #BBB;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
background: #f6f7f8; width: 800px; z-index: 40; }
.cms .cms-content-fields
{ overflow-y: auto; overflow-x: auto; background: #f6f7f8; width: 100%;
}
.cms .cms-content-fields #Root_Main .confirmedpassword { border-bottom:
none; box-shadow: none; }
.cms .cms-content-fields #Root_Main .customFormat
{ max-width: 80px; }
.cms .cms-content-fields #Root_Main .cms-help-toggle {
text-indent: -9999em; display: inline-block; width: 20px; background:
url(../images/question.png) no-repeat 0px 0px; }
.cms .cms-content-fields
#Root_Permissions ul.optionset li { float: none; }
.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; }
/**
-------------------------------------------- "Settings" Form
-------------------------------------------- */
#CanViewType .optionset li,
#CanEditType .optionset li, #CanCreateTopLevelType .optionset li { float:
none; width: auto; white-space: nowrap; }
#ViewerGroups select,
#EditorGroups select, #CreateTopLevelGroups select { width: 512px; }
/**
-------------------------------------------- Panels
-------------------------------------------- */
.cms-panel { overflow:
hidden; /** DEPRECATED: .cms-content-tools will be removed in 4.0 Use
.cms-content-filters instead. */ }
.cms-panel .cms-panel-toggle.south {
border-top: 1px solid #a9afb4; position: absolute; bottom: 0; width: 100%;
}
.cms-panel .cms-panel-toggle a { display: block; text-align: right;
padding: 4px 0; width: 100%; text-decoration: none; }
.cms-panel
.cms-panel-toggle a span { display: inline-block; margin: 0 5px; color:
#555d60; font-size: 16px; }
.cms-panel .cms-panel-toggle a.toggle-expand {
width: 40px; display: none; }
.cms-panel.cms-content-tools
.cms-panel-toggle.south { border-top: 1px solid #D2D5D8;
}
.cms-panel.collapsed { cursor: pointer; }
.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;
}
.cms-panel .cms-panel-header { width: 100%;
}
.cms-panel#cms-content-tools-CMSPageEditController
.cms-panel-content-collapsed { width: 40px; display: none;
}
.cms-panel#cms-content-tools-CMSPageEditController
.cms-panel-content-collapsed h2,
.cms-panel#cms-content-tools-CMSPageEditController
.cms-panel-content-collapsed h3 { border-bottom: 0; margin-left: 8px;
-moz-transform-origin: bottom right; -ms-transform-origin: bottom right;
-webkit-transform-origin: bottom right; transform-origin: bottom right;
-moz-transform: rotate(270deg); -ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg); transform: rotate(270deg);
}
.cms-panel#cms-content-tools-CMSPageEditController
.cms-panel-content-collapsed .cms-panel-header { width: 600px; position:
relative; top: 24px; right: 577px; text-align: right; }
.cms-panel
.cms-panel-content-collapsed { width: 40px; display: none; }
.cms-panel
.cms-panel-content-collapsed h2, .cms-panel .cms-panel-content-collapsed h3
{ border-bottom: 0; margin-left: 8px; -moz-transform-origin: bottom right;
-ms-transform-origin: bottom right; -webkit-transform-origin: bottom right;
transform-origin: bottom right; -moz-transform: rotate(270deg);
-ms-transform: rotate(270deg); -webkit-transform: rotate(270deg);
transform: rotate(270deg); }
.cms-panel .cms-panel-content-collapsed
.cms-panel-header { width: 600px; position: relative; right: 577px;
text-align: right; border-bottom: none; box-shadow: none; }
.cms-panel
.child-flyout-indicator { width: 0; height: 0; border-right: 3px dashed
#1f1f1f; border-top: 3px solid transparent; border-left: 3px solid
transparent; border-bottom: 3px dashed #1f1f1f; position: absolute; right:
1px; margin-top: -8px; display: none; /* To be shown by javascript, see
LeftAndMain.Panel.js */ }
.cms-panel .collapsed-flyout { display: block
!important; left: 41px; margin-top: -40px; position: fixed; width: 191px;
}
.cms-panel .collapsed-flyout li a span { display: block !important;
}
.cms .cms-panel-padded { padding: 0 16px 12px; }
.cms
.cms-panel-padded.ReportAdmin > fieldset { padding-top: 12px;
}
.CMSPageAddController .cms-panel-padded { padding: 16px 16px; }
/**
------------------------------------------------------------------
*
Dialog
*
* Contained in a jQuery UI dialog ('.ui-dialog'), with either
inline
* markup (for the "insert" dialogs), or an iframe (for
member profile).
*
----------------------------------------------------------------- */
.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; }
.cms .ui-widget-overlay {
background-color: #000; background-image: none; }
.cms .ui-dialog
.ss-ui-dialog.ui-dialog-content { padding-top: 0px; }
.ui-dialog {
background: url("../images/textures/bg_cms_main_content.png")
repeat left top #F0F3F4; background-clip: content-box; border: 1px solid
#666 !important; -moz-border-radius: 8px; -webkit-border-radius: 8px;
border-radius: 8px; overflow: visible; padding: 0; -moz-box-shadow: 0px 0px
30px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 30px 10px rgba(0,
0, 0, 0.3); box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.3); }
.ui-dialog
.ui-dialog-titlebar.ui-widget-header { font-size: 14px; 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 4px inset;
-webkit-box-shadow: rgba(107, 120, 123, 0.5) 0 0 4px inset; box-shadow:
rgba(107, 120, 123, 0.5) 0 0 4px inset; }
.ui-dialog
.ui-dialog-titlebar.ui-widget-header .ui-dialog-title { position: absolute;
}
.ui-dialog .ui-dialog-content { -moz-border-radius: 8px;
-webkit-border-radius: 8px; border-radius: 8px; overflow: auto;
}
.ui-dialog .ui-dialog-content.loading { background-image:
url(../images/spinner.gif); background-position: 50% 50%;
background-repeat: no-repeat; }
.ui-dialog .cms-dialog-content {
background: url("../images/textures/bg_cms_main_content.png")
repeat left top #F0F3F4; padding-bottom: 8px; padding-top: 0px;
}
.ui-dialog .cms-dialog-content .Actions { overflow: auto; margin: 8px 0;
padding-bottom: 8px; float: right; }
.ui-dialog .cms-dialog-content
.ui-tabs { position: static; }
.ui-dialog .cms-dialog-content .ui-tabs
.ui-tabs-nav { position: absolute; top: 9px; right: 40px; }
.ui-dialog
.cms-dialog-content .ui-tabs .ui-tabs-panel { border: 0; }
.ui-dialog
.cms-dialog-content .clear { clear: both; }
.ui-dialog.loading {
background-image: url(../images/spinner.gif); background-position: 50% 50%;
background-repeat: no-repeat; }
body.cms-dialog { overflow: auto;
background: url("../images/textures/bg_cms_main_content.png")
repeat left top #F0F3F4; position: relative; }
/**
-------------------------------------------- "Insert X" forms
--------------------------------------------
*/
.htmleditorfield-dialog.ui-dialog-content { padding: 0; position:
relative; }
.htmleditorfield-dialog .htmleditorfield-from-web
.CompositeField { overflow: hidden; *zoom: 1; }
.htmleditorfield-dialog
.htmleditorfield-from-web #RemoteURL { border: none; -moz-box-shadow: none;
-webkit-box-shadow: none; box-shadow: none; width: 55%; max-width: 512px;
float: left; position: relative; }
.htmleditorfield-dialog
.htmleditorfield-from-web #RemoteURL label { position: absolute; left: 8px;
top: 13px; font-weight: normal; color: #888; width: 35px; padding-right: 0;
}
.htmleditorfield-dialog .htmleditorfield-from-web #RemoteURL
.middleColumn { margin-left: 0; }
.htmleditorfield-dialog
.htmleditorfield-from-web #RemoteURL input.remoteurl { padding-left: 40px;
max-width: 350px; }
.htmleditorfield-dialog .htmleditorfield-from-web
button.add-url { margin-top: 20px; overflow: hidden; *zoom: 1; border:
none; background: none; opacity: 0.8; cursor: hand;
}
.htmleditorfield-dialog .htmleditorfield-from-web button.add-url
.btn-icon-addMedia { width: 20px; height: 20px; }
.htmleditorfield-dialog
.htmleditorfield-from-web button.add-url .ui-button-text { margin-left:
10px; padding-top: 10px; }
.htmleditorfield-dialog
.htmleditorfield-from-web button.add-url:hover, .htmleditorfield-dialog
.htmleditorfield-from-web button.add-url:active { border: none;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity:
1; }
.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); }
.htmleditorfield-dialog .htmleditorfield-from-web
.loading button.add-url .ui-icon { background-image:
url(../images/throbber.gif); background-position: 50% 50%;
background-repeat: no-repeat; }
.htmleditorfield-dialog .cms-content-header
{ padding: 0; width: 100%; height: 53px; }
.htmleditorfield-dialog
.cms-content-header h3 { padding: 12px 16px; margin: 0; line-height: 28px;
}
.htmleditorfield-dialog .ss-insert-media, .htmleditorfield-dialog
.Actions, .htmleditorfield-dialog .ss-insert-link { padding: 8px 16px;
}
.htmleditorfield-dialog .ss-insert-media .ui-tabs-panel,
.htmleditorfield-dialog .Actions .ui-tabs-panel, .htmleditorfield-dialog
.ss-insert-link .ui-tabs-panel { padding: 0; }
.htmleditorfield-dialog
.details .file-url { display: block; width: 300px; overflow: hidden;
white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;
}
.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: 1px solid rgba(201, 205, 206, 0.8); -moz-box-shadow: 0 1px 0
rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255,
0.8); box-shadow: 0 1px 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; }
.htmleditorfield-dialog
.CompositeField .text select { margin: 5px 0 0 0;
}
.htmleditorfield-linkform .step2 { margin-bottom: 16px;
}
.htmleditorfield-linkform .ss-uploadfield .middleColumn { width: auto;
}
.htmleditorfield-mediaform .ss-gridfield .gridfield-button-delete {
display: none; }
.htmleditorfield-mediaform .htmleditorfield-from-web
.ss-uploadfield .middleColumn, .htmleditorfield-mediaform
.htmleditorfield-from-cms .ss-uploadfield .middleColumn { width: auto;
background: none; border: none; margin-top: 13px;
}
.htmleditorfield-mediaform .htmleditorfield-from-cms .ss-uploadfield h4 {
float: left; margin-top: 4px; margin-bottom: 0;
}
.htmleditorfield-mediaform .htmleditorfield-from-cms .ss-uploadfield
.middleColumn { margin-top: 16px; margin-left: 184px; min-width: 0; clear:
none; }
.htmleditorfield-mediaform .htmleditorfield-from-cms
.ss-uploadfield .field.treedropdown { border-bottom: 0; padding: 0;
}
.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%); }
/**
-------------------------------------------- Search forms (used in
AssetAdmin, ModelAdmin, etc) --------------------------------------------
*/
.cms-search-form { margin-bottom: 16px; }
.filter .cms-search-form {
margin-bottom: 0; }
.cms-search-form .Actions { padding: 0; }
/**
-------------------------------------------- Step labels
-------------------------------------------- */
.step-label > * {
display: inline-block; vertical-align: top; }
.step-label .flyout { height:
18px; font-size: 14px; font-weight: bold; -moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px; background-color: #667980; padding: 4px 3px
4px 6px; text-align: center; text-shadow: none; color: #fff; }
.step-label
.arrow { height: 26px; width: 10px; background:
url('../images/sprites-32x32-s47450c5f5b.png') 0 -862px no-repeat;
margin-right: 4px; }
.step-label .title { height: 18px; padding: 4px;
}
/** -------------------------------------------- Item Edit Form
-------------------------------------------- */
.cms-file-info { overflow:
auto; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -moz-box-shadow: 0
1px 0 rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 1px 0 rgba(255, 255,
255, 0.8); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); margin-bottom:
8px; }
.cms-file-info .cms-file-info-preview { float: left; width: 176px;
margin-right: 8px; }
.cms-file-info .cms-file-info-preview img { max-width:
176px; max-height: 128px; }
.cms-file-info .cms-file-info-data { float:
left; width: 55%; }
.cms-file-info .cms-file-info-data .field { margin: 0;
padding-bottom: 8px; border: none; box-shadow: none; }
.cms-file-info
.cms-file-info-data .field label.left { width: 96px; }
.cms-file-info
.cms-file-info-data .field .middleColumn { margin-left: 104px;
}
.cms-file-info .cms-file-info-data .field label, .cms-file-info
.cms-file-info-data .field span { padding: 0; }
form.small
.cms-file-info-preview { width: 112px; }
form.small .cms-file-info-preview
img { max-width: 112px; }
form.small .cms-file-info-data { max-width:
550px; }
form.small .cms-file-info-data .field { padding-bottom: 0;
}
form.small .cms-file-info-data .field label { width: 112px; }
form.small
.cms-file-info-data .field .middleColumn { margin-left: 120px; }
/**
-------------------------------------------- Users Members Admin
-------------------------------------------- */
.members_grid span
button#action_gridfield_relationfind { display: none; }
.members_grid p
button#action_export span.btn-icon-download-csv { height: 17px; }
/**
Import forms */
form.import-form ul { list-style: disc; }
form.import-form
ul li { margin-left: 20px; }
form.import-form p { margin-bottom: 5px;
}
form.import-form label.left { width: 250px; }
/**
-------------------------------------------- Page Edit Controller
-------------------------------------------- */
/*.cms-container
{
.CMSPageEditController, .CMSPageSettingsController,
.CMSPageHistoryController {
// Fix pixel gap between nav tree and main
page header
margin-left: -1px; // Removed to close gap far right of
right tabs?
}
}*/
/** -------------------------------------------- Page
Settings Controller --------------------------------------------
*/
.cms-container .CMSMain.CMSPageSettingsController .tab#Root_Settings
.optionset li { white-space: nowrap; }
.cms-container
.CMSMain.CMSPageSettingsController .tab#Root_Settings .optionset li label {
padding-left: 2px; }
.cms-container .CMSMain.CMSPageSettingsController
.tab#Root_Settings .fieldgroup .fieldgroup-field { width: 216px;
padding-left: 0; }
/** --------------------------------------------
Buttons for FileUpload --------------------------------------------
*/
.ss-uploadfield-item-edit-all .ui-button-text { padding-right: 0;
}
.toggle-details-icon { background:
url('../images/sprites-32x32-s47450c5f5b.png') 0 -830px no-repeat;
}
.ss-uploadfield-item-edit-all .toggle-details-icon { background:
url('../images/sprites-32x32-s47450c5f5b.png') 0 -798px no-repeat; display:
inline-block; width: 8px; height: 8px; padding-left: 5px;
}
.toggle-details-icon.opened { background:
url('../images/sprites-32x32-s47450c5f5b.png') 0 -846px no-repeat;
}
.ss-uploadfield-item-edit-all .toggle-details-icon.opened { background:
url('../images/sprites-32x32-s47450c5f5b.png') 0 -814px no-repeat; }
/**
-------------------------------------------- Hide preview toggle link by
default. May be shown in IE7 stylesheet and forced to show with js if
needed -------------------------------------------- */
.cms .Actions >
.cms-preview-toggle-link, .cms .cms-navigator > .cms-preview-toggle-link
{ display: none; }
/** 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. */
.cms
.jstree > ul > li, .TreeDropdownField .treedropdownfield-panel
.jstree > ul > li { margin-left: 0px; }
.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: 18px; line-height: 25px; white-space: nowrap; margin-left:
18px; min-width: 18px; }
.cms .jstree li.jstree-open > ul,
.TreeDropdownField .treedropdownfield-panel .jstree li.jstree-open > ul
{ display: block; }
.cms .jstree li.jstree-closed > ul,
.TreeDropdownField .treedropdownfield-panel .jstree li.jstree-closed >
ul { display: none; }
.cms .jstree li > .jstree-icon, .TreeDropdownField
.treedropdownfield-panel .jstree li > .jstree-icon { cursor: pointer;
}
.cms .jstree ins, .TreeDropdownField .treedropdownfield-panel .jstree ins
{ display: inline-block; text-decoration: none; width: 18px; height: 18px;
margin: 0 0 0 0; padding: 0; float: left; }
.cms .jstree a,
.TreeDropdownField .treedropdownfield-panel .jstree a { display:
inline-block; line-height: 16px; height: 16px; color: black; white-space:
nowrap; text-decoration: none; padding: 1px 2px; margin: 0; border: 1px
solid #fff; }
.cms .jstree a:focus, .cms .jstree a:active, .cms .jstree
a:hover, .TreeDropdownField .treedropdownfield-panel .jstree a:focus,
.TreeDropdownField .treedropdownfield-panel .jstree a:active,
.TreeDropdownField .treedropdownfield-panel .jstree a:hover {
text-decoration: none; cursor: pointer; }
.cms .jstree a ins,
.TreeDropdownField .treedropdownfield-panel .jstree a ins { height: 16px;
width: 12px; }
.cms .jstree a ins.jstree-checkbox, .TreeDropdownField
.treedropdownfield-panel .jstree a ins.jstree-checkbox { width: 16px;
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: -3px; top: -3px; height: 22px; width: 25px;
}
.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; }
.cms .jstree .jstree-wholerow-real a,
.TreeDropdownField .treedropdownfield-panel .jstree .jstree-wholerow-real a
{ border-left-color: transparent !important; border-right-color:
transparent !important; }
.cms .jstree .jstree-wholerow, .TreeDropdownField
.treedropdownfield-panel .jstree .jstree-wholerow { position: relative;
z-index: 0; height: 0; 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: -9999px !important; width: 100%;
border-right-width: 0px !important; border-left-width: 0px !important;
}
.cms .jstree .jstree-wholerow ins, .cms .jstree .jstree-wholerow span,
.cms .jstree .jstree-wholerow input, .TreeDropdownField
.treedropdownfield-panel .jstree .jstree-wholerow ins, .TreeDropdownField
.treedropdownfield-panel .jstree .jstree-wholerow span, .TreeDropdownField
.treedropdownfield-panel .jstree .jstree-wholerow input { display: none
!important; }
.cms .jstree .jstree-wholerow-span, .TreeDropdownField
.treedropdownfield-panel .jstree .jstree-wholerow-span { position:
absolute; left: 0; margin: 0px; padding: 0; height: 18px; border-width: 0;
padding: 0; z-index: 0; }
.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; }
.cms a > .jstree-icon, .TreeDropdownField
.treedropdownfield-panel a > .jstree-icon { display: none; }
.cms
.draggable a > .jstree-icon, .TreeDropdownField .treedropdownfield-panel
.draggable a > .jstree-icon { display: none; cursor: move; cursor:
-moz-grab; cursor: -webkit-grab; cursor: grab; }
.cms .draggable a >
.jstree-icon:active, .TreeDropdownField .treedropdownfield-panel .draggable
a > .jstree-icon:active { cursor: -moz-grabbing; cursor:
-webkit-grabbing; cursor: grabbing; }
.cms li.jstree-open > ul,
.TreeDropdownField .treedropdownfield-panel li.jstree-open > ul {
display: block; margin-left: -13px; }
.cms li.jstree-open > ul li ul,
.TreeDropdownField .treedropdownfield-panel li.jstree-open > ul li ul {
margin-left: 2px; }
.cms li.jstree-closed > ul, .TreeDropdownField
.treedropdownfield-panel li.jstree-closed > ul { display: none; }
.cms
.jstree-rtl a > .jstree-icon, .TreeDropdownField
.treedropdownfield-panel .jstree-rtl a > .jstree-icon { margin-left:
3px; margin-right: 0; }
.cms .jstree-rtl li, .TreeDropdownField
.treedropdownfield-panel .jstree-rtl li { margin-left: 0; margin-right:
18px; }
.cms .jstree-rtl > ul > li, .TreeDropdownField
.treedropdownfield-panel .jstree-rtl > ul > li { margin-right: 0px;
}
.cms .jstree-themeroller a, .TreeDropdownField .treedropdownfield-panel
.jstree-themeroller a { padding: 0 2px; }
.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; }
.cms #jstree-marker, .TreeDropdownField
.treedropdownfield-panel #jstree-marker { padding: 0; margin: 0; overflow:
hidden; position: absolute; top: -30px; background-repeat: no-repeat;
display: none; line-height: 10px; font-size: 12px; height: 12px; width:
8px; z-index: 10001; background-color: transparent; color: black; }
.cms
#jstree-marker-line, .TreeDropdownField .treedropdownfield-panel
#jstree-marker-line { padding: 0; margin: 0; overflow: hidden; position:
absolute; top: -30px; background-repeat: no-repeat; display: none;
line-height: 0%; font-size: 1px; height: 1px; width: 100px; z-index: 10000;
background-color: #456c43; cursor: pointer; border: 1px solid #eeeeee;
border-left: 0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px
0px 2px #666; box-shadow: 0px 0px 2px #666; -moz-border-radius: 1px;
border-radius: 1px; -webkit-border-radius: 1px; }
.cms #vakata-contextmenu,
.TreeDropdownField .treedropdownfield-panel #vakata-contextmenu { display:
block; visibility: hidden; left: 0; top: -200px; position: absolute;
margin: 0; padding: 0; min-width: 180px; background: #FFF; border: 1px
solid silver; z-index: 10000; *width: 180px; -moz-box-shadow: 0 0 10px
#CCC; -webkit-box-shadow: 0 0 10px #CCC; box-shadow: 0 0 10px #CCC; }
.cms
#vakata-contextmenu::before, .TreeDropdownField .treedropdownfield-panel
#vakata-contextmenu::before { content: ""; display: block; /*
reduce the damage in FF3.0 */ position: absolute; top: -10px; left: 24px;
width: 0; border-width: 0 6px 10px 6px; 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: -11px; left: 23px; width: 0; border-width: 0 7px
11px 7px; border-color: #CCC transparent; border-style: solid; }
.cms
#vakata-contextmenu ul, .TreeDropdownField .treedropdownfield-panel
#vakata-contextmenu ul { min-width: 180px; *width: 180px; }
.cms
#vakata-contextmenu ul, .cms #vakata-contextmenu li, .TreeDropdownField
.treedropdownfield-panel #vakata-contextmenu ul, .TreeDropdownField
.treedropdownfield-panel #vakata-contextmenu li { margin: 0; padding: 0;
list-style-type: none; display: block; }
.cms #vakata-contextmenu li,
.TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li {
line-height: 20px; min-height: 23px; position: relative; padding: 0px;
}
.cms #vakata-contextmenu li:last-child, .TreeDropdownField
.treedropdownfield-panel #vakata-contextmenu li:last-child { margin-bottom:
1px; }
.cms #vakata-contextmenu li a, .TreeDropdownField
.treedropdownfield-panel #vakata-contextmenu li a { padding: 1px 10px;
line-height: 23px; display: block; text-decoration: none; margin: 1px 1px 0
1px; border: 0; }
.cms #vakata-contextmenu li a:hover, .TreeDropdownField
.treedropdownfield-panel #vakata-contextmenu li a:hover { padding: 1px
10px; 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; }
.cms #vakata-contextmenu li ins,
.TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li ins {
float: left; width: 0; height: 0; text-decoration: none; margin-right: 2px;
}
.cms #vakata-contextmenu li .jstree-pageicon, .TreeDropdownField
.treedropdownfield-panel #vakata-contextmenu li .jstree-pageicon {
margin-top: 3px; margin-right: 5px; }
.cms #vakata-contextmenu
li.vakata-hover > a, .TreeDropdownField .treedropdownfield-panel
#vakata-contextmenu li.vakata-hover > a { padding: 1px 10px; 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; }
.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: -1px; top: auto; }
.cms #vakata-contextmenu li ul,
.TreeDropdownField .treedropdownfield-panel #vakata-contextmenu li ul {
display: none; position: absolute; top: -2px; left: 100%; background: #FFF;
border: 1px solid silver; -moz-box-shadow: 0 0 10px #CCC;
-webkit-box-shadow: 0 0 10px #CCC; box-shadow: 0 0 10px #CCC; }
.cms
#vakata-contextmenu li ul.col-2, .TreeDropdownField
.treedropdownfield-panel #vakata-contextmenu li ul.col-2 { width: 360px;
}
.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: 540px;
}
.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: 180px;
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;
}
.cms #vakata-contextmenu li.vakata-separator, .TreeDropdownField
.treedropdownfield-panel #vakata-contextmenu li.vakata-separator {
min-height: 0; height: 1px; line-height: 1px; font-size: 1px; overflow:
hidden; margin: 0 2px; background: #ccc; padding: 0; }
.cms
#vakata-dragged, .TreeDropdownField .treedropdownfield-panel
#vakata-dragged { display: block; margin: 0 0 0 0; padding: 4px 4px 4px
24px; position: absolute; top: -2000px; line-height: 16px; z-index: 10000;
}
.cms #vakata-dragged ins, .TreeDropdownField .treedropdownfield-panel
#vakata-dragged ins { display: block; text-decoration: none; width: 16px;
height: 16px; margin: 0 0 0 0; padding: 0; position: absolute; top: 4px;
left: 4px; -moz-border-radius: 4px; border-radius: 4px;
-webkit-border-radius: 4px; }
.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; }
.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: 3px; }
.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: 0px; clear: left;
}
.tree-holder.jstree li.Root strong, .cms-tree.jstree li.Root strong {
font-weight: bold; padding-left: 1px; }
.tree-holder.jstree li.Root > a
.jstree-icon, .cms-tree.jstree li.Root > a .jstree-icon {
background-position: -56px -36px; }
.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;
}
.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;
}
.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;
}
.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:
-57px -54px; }
.tree-holder.jstree li.readonly, .cms-tree.jstree
li.readonly { color: #aaa; padding-left: 18px; }
.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; }
.tree-holder.jstree a,
.tree-holder.jstree a:link, .cms-tree.jstree a, .cms-tree.jstree a:link {
color: #0071c4; padding: 3px 6px 3px 6px; border: none; display:
inline-block; margin-right: 5px; }
.tree-holder.jstree ins,
.cms-tree.jstree ins { background-color: transparent; background-image:
url(../images/sitetree_ss_default_icons.png); }
.tree-holder.jstree
span.badge, .cms-tree.jstree span.badge { clear: both; text-transform:
uppercase; text-shadow: none; display: inline-block; position: relative;
padding: 3px 3px 1px; font-size: 0.75em; line-height: 1em; margin-left:
3px; margin-top: -1px; -moz-border-radius: 2px / 2px;
-webkit-border-radius: 2px 2px; border-radius: 2px / 2px;
}
.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: 0px 3px;
font-size: 0.75em; line-height: 1em; margin-left: 3px; margin-right: 6px;
-moz-border-radius: 2px / 2px; -webkit-border-radius: 2px 2px;
border-radius: 2px / 2px; color: #7E7470; border: 1px solid #C9B800;
background-color: #FFF0BC; }
.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:
-4px; /* value = - border-top-width - border-bottom-width */ left: 3px; /*
controls horizontal position */ border-width: 4px 4px 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: -3px; /* value = - border-top-width -
border-bottom-width */ left: 4px; /* value = (:before left) + (:before
border-left) - (:after border-left) */ border-width: 3px 3px 0;
border-color: #FFF0BC transparent; }
.tree-holder.jstree .jstree-hovered,
.cms-tree.jstree .jstree-hovered { text-shadow: none; text-decoration:
none; }
.tree-holder.jstree .jstree-closed > ins, .cms-tree.jstree
.jstree-closed > ins { background-position: 2px -1px;
}
.tree-holder.jstree .jstree-open > ins, .cms-tree.jstree .jstree-open
> ins { background-position: -18px -1px; }
.tree-holder.filtered-list,
.cms-tree.filtered-list { margin-top: 8px; }
.tree-holder.filtered-list
li:not(.filtered-item) > a, .cms-tree.filtered-list
li:not(.filtered-item) > a { color: #aaa; }
.cms-tree.jstree.draggable
.jstree-no-checkboxes li a { padding-left: 12px;
}
.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;
}
.jstree-default a .jstree-icon, .jstree-default-rtl a .jstree-icon,
.jstree-classic a .jstree-icon, .jstree-apple a .jstree-icon {
background-position: -60px -19px; }
.jstree-apple a { border-radius: 3px;
}
/** DEPRECATED: .cms-content-tools will be removed in 4.0 Use
.cms-content-filters instead. Ensure status is visible in sidebar
*/
.cms-content-tools .cms-tree.jstree li { min-width: 187px;
}
.cms-content-tools .cms-tree.jstree a { overflow: hidden; text-overflow:
ellipsis; display: block; position: relative; }
.cms-content-tools
.cms-tree.jstree span.badge { position: absolute; top: 0; right: 0;
padding: 7px 9px 6px 5px; margin: 0; max-width: 40%; -moz-transition:
max-width 0.75s linear; -o-transition: max-width 0.75s linear;
-webkit-transition: max-width 0.75s linear; transition: max-width 0.75s
linear; }
.cms-content-tools .cms-tree.jstree span.badge:hover { max-width:
150px; }
a .jstree-pageicon { float: left; margin-right: 4px; position:
relative; }
li.class-HomePage > a .jstree-pageicon {
background-position: 0 -48px; }
li.class-RedirectorPage > a
.jstree-pageicon { background-position: 0 -16px; }
li.class-VirtualPage
> a .jstree-pageicon { background-position: 0 -32px;
}
li.class-ErrorPage > a .jstree-pageicon { background-position: 0
-112px; }
/* 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: 6px; height: 6px; position: absolute;
bottom: 0; right: 0; background: #fce2d0; border: 1px solid #fff;
border-radius: 100px; }
.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; }
.cms-tree.jstree .status-addedtodraft > a
.jstree-pageicon:before { background-color: #ff7f22; -moz-box-shadow: 0px
1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #F46B00; -webkit-box-shadow:
0px 1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #F46B00; box-shadow: 0px
1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #F46B00;
}
#cms-content-tools-CMSMain .cms-tree.jstree
span.badge.status-addedtodraft { -moz-box-shadow: 0px 0px 6px 2px #fff7f2;
-webkit-box-shadow: 0px 0px 6px 2px #fff7f2; box-shadow: 0px 0px 6px 2px
#fff7f2; }
.jstree .status-modified > .jstree-hovered, .jstree
.status-modified > .jstree-clicked, .cms-tree.jstree
span.badge.status-modified { background-color: #fff7f2; border-color:
#F46B00; }
.cms-tree.jstree span.badge.status-modified { color: #F46B00;
}
.cms-tree.jstree .status-modified > a .jstree-pageicon:before {
background-color: #fff2e8; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3),
inset 0 0 0 1px #F46B00; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0,
0.3), inset 0 0 0 1px #F46B00; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3),
inset 0 0 0 1px #F46B00; }
#cms-content-tools-CMSMain .cms-tree.jstree
span.badge.status-modified { -moz-box-shadow: 0px 0px 6px 2px #fff7f2;
-webkit-box-shadow: 0px 0px 6px 2px #fff7f2; box-shadow: 0px 0px 6px 2px
#fff7f2; }
.jstree .status-archived > .jstree-hovered, .jstree
.status-archived > .jstree-clicked, .cms-tree.jstree
span.badge.status-archived { background-color: #f7f7f7; border-color:
#455b6c; }
.cms-tree.jstree span.badge.status-archived { color: #455b6c;
}
.cms-tree.jstree .status-archived > a .jstree-pageicon:before {
background-color: #5F7688; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3),
inset 0 0 0 1px #455b6c; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0,
0.3), inset 0 0 0 1px #455b6c; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3),
inset 0 0 0 1px #455b6c; }
#cms-content-tools-CMSMain .cms-tree.jstree
span.badge.status-archived { -moz-box-shadow: 0px 0px 6px 2px #f7f7f7;
-webkit-box-shadow: 0px 0px 6px 2px #f7f7f7; box-shadow: 0px 0px 6px 2px
#f7f7f7; }
.jstree .status-deletedonlive > .jstree-hovered, .jstree
.status-deletedonlive > .jstree-clicked, .cms-tree.jstree
span.badge.status-deletedonlive { background-color: #f7f7f7; border-color:
#455b6c; }
.cms-tree.jstree span.badge.status-deletedonlive { color:
#455b6c; }
.cms-tree.jstree .status-deletedonlive > a
.jstree-pageicon:before { background-color: #f7f7f7; -moz-box-shadow: 0px
1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #455b6c; -webkit-box-shadow:
0px 1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #455b6c; box-shadow: 0px
1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #455b6c;
}
#cms-content-tools-CMSMain .cms-tree.jstree
span.badge.status-deletedonlive { -moz-box-shadow: 0px 0px 6px 2px #f7f7f7;
-webkit-box-shadow: 0px 0px 6px 2px #f7f7f7; box-shadow: 0px 0px 6px 2px
#f7f7f7; }
.jstree .status-removedfromdraft > .jstree-hovered, .jstree
.status-removedfromdraft > .jstree-clicked, .cms-tree.jstree
span.badge.status-removedfromdraft { background-color: #f7f7f7;
border-color: #455b6c; }
.cms-tree.jstree
span.badge.status-removedfromdraft { color: #455b6c; }
.cms-tree.jstree
.status-removedfromdraft > a .jstree-pageicon:before { background-color:
#f7f7f7; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px
#455b6c; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0
1px #455b6c; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px
#455b6c; }
#cms-content-tools-CMSMain .cms-tree.jstree
span.badge.status-removedfromdraft { -moz-box-shadow: 0px 0px 6px 2px
#f7f7f7; -webkit-box-shadow: 0px 0px 6px 2px #f7f7f7; box-shadow: 0px 0px
6px 2px #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; }
.cms-tree.jstree
span.badge.status-workflow-approval { color: #0070B4; }
.cms-tree.jstree
.status-workflow-approval > a .jstree-pageicon:before {
background-color: #0070B4; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3),
inset 0 0 0 1px #0070B4; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0,
0.3), inset 0 0 0 1px #0070B4; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3),
inset 0 0 0 1px #0070B4; }
#cms-content-tools-CMSMain .cms-tree.jstree
span.badge.status-workflow-approval { -moz-box-shadow: 0px 0px 6px 2px
#E8FAFF; -webkit-box-shadow: 0px 0px 6px 2px #E8FAFF; box-shadow: 0px 0px
6px 2px #E8FAFF; }
.cms-tree { visibility: hidden; }
.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;
}
.cms-tree.jstree-loading li#record-0 > .jstree-icon { background:
url(../images/throbber.gif) top left no-repeat; }
.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; }
/** 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 8px; line-height: 24px;
background-color: #22385b; background-image:
url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNGU4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0MjEzNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%,
50% 100%, color-stop(0%, #304e80), color-stop(100%, #142136));
background-image: -moz-linear-gradient(#304e80, #142136); background-image:
-webkit-linear-gradient(#304e80, #142136); background-image:
linear-gradient(#304e80, #142136); }
.cms-logo-header span { color: white;
display: block; padding-left: 26px; }
.cms-logo-header span a { color:
#3EBAE0; display: inline; }
.cms-logo { border-bottom: 1px solid #1a2a45;
overflow: hidden; padding: 12px 0 11px; /* should come to 52px with border
bottom and line-height */ position: relative; vertical-align: middle;
font-size: 12px; min-height: 28px; }
.collapsed .cms-logo { padding: 0;
}
.cms-logo .version { display: none; }
.cms-logo a { position: absolute;
top: 8px; bottom: 8px; display: block; width: 24px; background:
url("../images/logo_small.png") no-repeat left center;
text-indent: -9999em; padding: 0 1px; left: 0; }
.cms-logo span {
font-weight: bold; font-size: 12px; line-height: 16px; padding: 6px 0;
margin-left: 30px; }
.cms-login-status { border-top: 1px solid #19435c;
padding: 12px 0; line-height: 16px; font-size: 11px; }
.cms-login-status
.logout-link { float: left; font-size: 16px; height: 16px; padding: 6px 8px
6px 5px; opacity: .9; color: #fff; }
.cms-login-status .logout-link:hover,
.cms-login-status .logout-link:focus { opacity: 1; text-decoration: none;
}
.cms-login-status span { padding: 6px 0 6px 26px; }
.cms-menu { z-index:
80; background: #b0bec7; width: 160px; -moz-box-shadow: rgba(0, 0, 0, 0.9)
0 0 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 0 3px; box-shadow:
rgba(0, 0, 0, 0.9) 0 0 3px; }
.cms-menu a { text-decoration: none;
}
.cms-menu .cms-panel-content { width: 160px; overflow-x: hidden;
overflow-y: auto; position: relative !important; top: auto !important;
left: auto !important; }
.cms-menu.collapsed { width: 40px !important;
cursor: auto; z-index: 1000; }
.cms-menu.collapsed .cms-panel-header {
width: 30px; }
.cms-menu.collapsed .cms-panel-header span { display: none;
}
.cms-menu.collapsed .cms-menu-list { overflow-x: hidden; overflow-y:
auto; }
.cms-menu.collapsed .cms-menu-list li { width: 100%; float: left;
}
.cms-menu.collapsed .cms-menu-list li span.text { display: none;
}
.cms-menu.collapsed .cms-menu-list li ul { display: none;
}
.cms-menu.collapsed .cms-login-status { height: 28px;
}
.cms-menu.collapsed .cms-login-status span { display: none;
}
.cms-menu.collapsed .cms-logo { height: 28px; padding: 12px 0 11px;
}
.cms-menu.collapsed.cms-panel .cms-panel-content { display: block;
}
.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: 20px; }
.cms-menu .ss-ui-button.sticky-toggle { float: left;
width: 24px; height: 24px; margin: 0; text-indent: -999em;
background-color: transparent; background-image:
url(../images/sticky-toggle-off.png); background-repeat: no-repeat;
background-position: 3px; border: 0; }
.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; }
.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: 5px 6px 0; }
.cms-menu .sticky-status-indicator { display:
none; position: absolute; top: -22px; left: 2px; font-size: 9px; color:
#555d60; text-transform: uppercase; background-color: #b0bec7;
}
.cms-menu-list li { /* Style applied to the menu flyout only when the
collapsed setting */ }
.cms-menu-list li a { display: block; line-height:
16px; min-height: 16px; font-size: 12px; color: #1f1f1f; padding: 11px 5px
11px 8px; 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: 1px solid #c2cdd4;
border-bottom: 1px solid #748d9d; }
.cms-menu-list li a:hover {
text-decoration: none; background-color: #b6c3cb; border-bottom: 1px 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: 1px 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); }
.cms-menu-list li a .icon { display:
block; position: absolute; top: 50%; margin-left: 4px; margin-top: -8px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7;
}
.cms-menu-list li a .text { display: block; margin-left: 30px;
}
.cms-menu-list li a .toggle-children { display: inline-block; float:
right; width: 20px; height: 100%; cursor: pointer; }
.cms-menu-list li a
.toggle-children .toggle-children-icon { display: inline-block; width: 8px;
height: 8px; background: url('../images/sprites-32x32-s47450c5f5b.png') 0
-798px no-repeat; vertical-align: middle; }
.cms-menu-list li a
.toggle-children.opened .toggle-children-icon { background:
url('../images/sprites-32x32-s47450c5f5b.png') 0 -814px no-repeat;
}
.cms-menu-list li ul li a { border-top: 1px solid #b6c3cb;
}
.cms-menu-list li.current a { color: white; border-top: 1px solid
#55a4d2; border-bottom: 1px 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); }
.cms-menu-list li.current a
.toggle-children .toggle-children-icon { background:
url('../images/sprites-32x32-s47450c5f5b.png') 0 -830px no-repeat;
}
.cms-menu-list li.current a .toggle-children.opened .toggle-children-icon
{ background: url('../images/sprites-32x32-s47450c5f5b.png') 0 -846px
no-repeat; }
.cms-menu-list li.current ul { border-top: none; display:
block; }
.cms-menu-list li.current li { background-color: #287099;
}
.cms-menu-list li.current li a { font-size: 11px; padding: 0 10px 0 40px;
height: 32px; line-height: 32px; color: #e2f0f7; background: none;
border-top: 1px solid #2f81b1; border-bottom: 1px solid #1e5270;
}
.cms-menu-list li.current li a.current, .cms-menu-list li.current li
a:hover { background: #2e7ead; border-top: 1px solid #2e7ead; color: white;
}
.cms-menu-list li.current li a:focus { background: #236184; border-top:
1px solid #1e5270; color: white; }
.cms-menu-list li.current li.current {
background: #2e7ead; border-top: 1px solid #2e7ead; border-top: none;
}
.cms-menu-list li.current li.current a { font-weight: bold; color: white;
}
.cms-menu-list li.current li.first a { border-top: none; }
.cms-menu-list
li ul.collapse { display: none; }
.cms-menu-list li ul.collapse li a {
background-image: none; font-size: 11px; padding: 0 10px 0 40px; height:
32px; line-height: 32px; }
.cms-menu-list li ul.collapsed-flyout { display:
block; }
.cms-menu-list li ul.collapsed-flyout li a { font-size: 11px;
padding: 0 10px 0 16px; height: 32px; line-height: 32px; }
.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: 1px solid #92a5b2;
}
.cms-menu-list.collapsed li .text, .cms-menu-list.collapsed li
.toggle-children { display: none; }
.cms-menu-list.collapsed li > li {
display: none; }
/* -------------------------- */
.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: 30px; /* should be set in js Layout to
match page actions */ padding: 12px 12px; }
.cms-content-controls
.icon-view, .cms-content-controls .preview-selector.dropdown a.chzn-single
{ white-space: nowrap; }
.cms-content-controls .icon-view:before,
.cms-content-controls .preview-selector.dropdown a.chzn-single:before {
display: inline-block; float: left; width: 20px; overflow: hidden; color:
#1f1f1f; }
.cms-content-controls .cms-navigator { width: 100%;
}
.cms-content-controls .preview-selector { float: right; border-bottom:
none; position: relative; -moz-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; margin: 2px 0 0 4px; padding: 0; height: 28px;
}
.cms-content-controls .preview-selector a.chzn-single { width: 16px;
padding: 6px; height: 16px; margin: -2px 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: 3px;
-webkit-border-radius: 3px; border-radius: 3px; }
.cms-content-controls
.preview-selector a.chzn-single::before { font-size: 18px; margin-top:
-1px; margin-left: -1px; }
.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 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(248, 248,
248, 0.9); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0
rgba(248, 248, 248, 0.9); box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset, 0
1px 0 rgba(248, 248, 248, 0.9); }
.cms-content-controls .preview-selector
a.chzn-single.chzn-single-with-drop { -moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0; border-radius: 0 0 3px 3px;
}
.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; }
.cms-content-controls
.preview-selector .chzn-drop { -moz-border-radius: 3px 3px 0 3px;
-webkit-border-radius: 3px; border-radius: 3px 3px 0 3px; -moz-box-shadow:
0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
.cms-content-controls
.preview-selector .chzn-drop .chzn-results { width: 135px;
}
.cms-content-controls .preview-selector .chzn-drop .chzn-results
.result-selected { background: #eceff1; }
.cms-content-controls
.preview-selector .chzn-container { width: auto !important;
}
.cms-content-controls .preview-selector .chzn-container.chzn-with-rise
.chzn-drop { padding: 0; border-bottom: 1px solid #aaa; margin-top: -5px;
width: auto !important; }
.cms-content-controls .preview-selector
.chzn-container.chzn-with-rise .chzn-drop .chzn-search { display: none;
}
.cms-content-controls .preview-selector .chzn-container.chzn-with-rise
.chzn-drop ul { padding: 0; margin: 0; overflow: visible;
}
.cms-content-controls .preview-selector .chzn-container.chzn-with-rise
.chzn-drop ul li { font-size: 12px; line-height: 16px; padding: 7px 16px
7px 6px; color: #0071c4; border-bottom: 1px solid #DDD; background-color:
#FFF; /* Description styling */ }
.cms-content-controls .preview-selector
.chzn-container.chzn-with-rise .chzn-drop ul li:before { margin-right: 2px;
font-size: 16px; }
.cms-content-controls .preview-selector
.chzn-container.chzn-with-rise .chzn-drop ul li.description { padding-top:
5px; padding-bottom: 5px; }
.cms-content-controls .preview-selector
.chzn-container.chzn-with-rise .chzn-drop ul li.description:before {
margin-top: 5px; }
.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: #0071c4;
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: 3px 3px 0 0;
-webkit-border-radius: 3px; border-radius: 3px 3px 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 3px;
-webkit-border-radius: 0; border-radius: 0 0 0 3px; }
.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; }
.cms-content-controls
.preview-selector .chzn-container.chzn-with-rise .chzn-drop ul li span {
display: block; color: #6c6c6c; font-size: 0.85em; line-height: 1.1em;
padding-left: 23px; }
.cms-content-controls .preview-selector
.chzn-container.chzn-with-rise .chzn-drop ul li .icon-view { margin-right:
4px; }
.cms-content-controls .preview-selector
.chzn-container.chzn-with-rise .chzn-drop ul .disabled-tooltip { position:
absolute; top: 0; left: 0; right: 0; height: 32px; 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: 4px 0; position: absolute; top: -24px; left: -1px;
right: -1px; border-radius: 3px 3px 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: 10px; height: 10px; -moz-transform: rotate(45deg); -ms-transform:
rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
display: none; background: #555; left: 47%; top: -6px;
}
.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; }
.cms-content-controls
.preview-selector .chzn-drop ul.chzn-results li.result-selected {
background: #e6eaed; color: #4f5861; }
.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: #4f5861; }
.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; }
.cms-content-controls .cms-preview-states { float: right;
}
.cms-content-controls .cms-preview-states select { max-width: 150px;
}
.cms-content-controls .cms-preview-states.dropdown { max-width: 150px;
}
.cms-content-controls .cms-preview-states.dropdown a.chzn-single span {
margin: 0; }
.cms-content-controls .cms-preview-states.dropdown
.chzn-container { max-width: 150px; }
/* Styling for the preview screen
sizes */
.cms-preview { background-color: #f6f7f8; height: 100%; width:
100%; }
.cms-preview .cms-preview-overlay { width: 100%; height: 100%;
}
.cms-preview .preview-note { color: #CDD7DC; display: block; font-size:
22px; font-weight: bold; height: 82px; margin-top: -50px; margin-left:
-150px; /* half of width */ position: absolute; text-align: center;
text-shadow: 0 1px 0 #fff; top: 50%; left: 50%; width: 300px;
}
.cms-preview .preview-note span { background:
url('../images/sprites-64x64-s45180e3c4f.png') 0 0 no-repeat; display:
block; height: 41px; margin: 0 auto 20px; width: 50px; }
.cms-preview
.preview-scroll { height: 100%; overflow: auto; position: relative; width:
100%; }
.cms-preview .preview-scroll .preview-device-outer { height: 100%;
width: 100%; }
.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; }
.cms-preview .preview-scroll
.preview-device-outer .preview-device-inner iframe { height: 100%;
overflow-y: auto; width: 100%; }
.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: #f6f7f8; /* 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: 7px; -webkit-border-radius:
7px; border-radius: 7px; background: #d5dde2; border: 1px solid
transparent; border-left: 1px solid #cfd9de; padding: 0 16px 16px;
}
.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: 2px solid
#e1e7ea; border-right: 1px solid transparent; border-bottom: 1px solid
#e1e7ea; border-left: 1px solid #c3cfd6; }
.cms-preview.mobile
.preview-scroll .preview-device-outer { -moz-transform: rotate(0deg);
-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform:
rotate(0deg); -moz-transition: all 0.3s ease-in 1s; -o-transition: all 0.3s
ease-in 1s; -webkit-transition: all 0.3s ease-in; -webkit-transition-delay:
1s; transition: all 0.3s ease-in 1s; margin: 20px auto 20px; overflow:
hidden; padding-top: 16px; }
.cms-preview.mobile .preview-scroll
.preview-device-outer .preview-device-inner { -moz-transform: rotate(0deg);
-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform:
rotate(0deg); -moz-transition: all 0.3s ease-out 1s; -o-transition: all
0.3s ease-out 1s; -webkit-transition: all 0.3s ease-out;
-webkit-transition-delay: 1s; transition: all 0.3s ease-out 1s;
}
.cms-preview.mobile .preview-scroll .preview-device-outer.rotate {
-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg); transform: rotate(-90deg);
-moz-transition: all 0.3s ease-in 1s; -o-transition: all 0.3s ease-in 1s;
-webkit-transition: all 0.3s ease-in; -webkit-transition-delay: 1s;
transition: all 0.3s ease-in 1s; height: 583px; margin: 0px auto 0px;
width: 320px; }
.cms-preview.mobile .preview-scroll
.preview-device-outer.rotate .preview-device-inner { -moz-transform-origin:
160px 160px; -ms-transform-origin: 160px 160px; -webkit-transform-origin:
160px 160px; transform-origin: 160px 160px; -moz-transform: rotate(90deg);
-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform:
rotate(90deg); -moz-transition: all 0.3s ease-out 1s; -o-transition: all
0.3s ease-out 1s; -webkit-transition: all 0.3s ease-out;
-webkit-transition-delay: 1s; transition: all 0.3s ease-out 1s; height:
320px; width: 583px; }
.cms-preview.mobileLandscape .preview-scroll
.preview-device-outer { -moz-transition: all 0.3s ease-out 1s;
-o-transition: all 0.3s ease-out 1s; -webkit-transition: all 0.3s ease-out;
-webkit-transition-delay: 1s; transition: all 0.3s ease-out 1s; margin: 12%
auto; padding-top: 16px; }
.cms-preview.mobileLandscape .preview-scroll
.preview-device-outer .preview-device-inner { -moz-transition: all 0.3s
ease-out 1s; -o-transition: all 0.3s ease-out 1s; -webkit-transition: all
0.3s ease-out; -webkit-transition-delay: 1s; transition: all 0.3s ease-out
1s; }
.cms-preview.tablet .preview-scroll .preview-device-outer {
-moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s;
-webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s;
transition: all 0.3s ease-out 1s; margin: 0 auto; }
.cms-preview.tablet
.preview-scroll .preview-device-outer .preview-device-inner {
-moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s;
-webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s;
transition: all 0.3s ease-out 1s; }
.cms-preview.tabletLandscape
.preview-scroll .preview-device-outer { -moz-transition: all 0.3s ease-out
1s; -o-transition: all 0.3s ease-out 1s; -webkit-transition: all 0.3s
ease-out; -webkit-transition-delay: 1s; transition: all 0.3s ease-out 1s;
margin: 0 auto; }
.cms-preview.tabletLandscape .preview-scroll
.preview-device-outer .preview-device-inner { -moz-transition: all 0.3s
ease-out 1s; -o-transition: all 0.3s ease-out 1s; -webkit-transition: all
0.3s ease-out; -webkit-transition-delay: 1s; transition: all 0.3s ease-out
1s; }
.cms-preview.desktop .preview-scroll .preview-device-outer {
-moz-transition: all 0.3s ease-out 1s; -o-transition: all 0.3s ease-out 1s;
-webkit-transition: all 0.3s ease-out; -webkit-transition-delay: 1s;
transition: all 0.3s ease-out 1s; margin: 0 auto;
}
/********************************************
* Defines the styles for
.ss-ui-action-tabset:
* * Site tree action tabs (to perform actions on the
site tree)
* * Actions menu (Edit page actions)
*
* Reliant on TabSet.js
to apply and remove some classes.
*
* Note: This is a special use case of
tabs, so the default tab
* styling should not apply
*
**********************************************/
.cms
.ss-ui-action-tabset { float: left; position: relative; /*
Styles for the
tab-nav of the site tree implementation
of ss-ui-action-tabset
*/ /*
position a checkbox & icon within a tab */ /* Styles for the
cms-actions in tree view, to use more limited space.
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
visible. Added
and removed with js in TabSet.js */
/****************************************************************
Styles
for the actions-menu implementation
of
ss-ui-action-tabset
****************************************************************/
}
.cms .ss-ui-action-tabset.multi { /* Style the tab panels */ }
.cms
.ss-ui-action-tabset.multi ul.ui-tabs-nav { -moz-border-radius: 3px;
-webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; *zoom: 1;
border: 1px solid #b3b3b3; float: left; overflow: visible; padding: 0;
}
.cms .ss-ui-action-tabset.multi ul.ui-tabs-nav:active { outline: none;
box-shadow: none; -webkit-box-shadow: none; }
.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: 1px solid #eee;
border-left: 1px solid #b3b3b3; margin: 0; overflow: visible; min-width:
110px; }
.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: 0px; -webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
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: 0px; -webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
}
.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: 3px; -webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-left: none; }
.cms .ss-ui-action-tabset.multi ul.ui-tabs-nav li.last
{ -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-right: none; }
.cms .ss-ui-action-tabset.multi ul.ui-tabs-nav li
a.tab-nav-link { color: #4f5861; display: inline-block; font-weight: bold;
line-height: 16px; padding: 5px 10px; }
.cms .ss-ui-action-tabset.multi
ul.ui-tabs-nav li a.tab-nav-link .ui-no-icon { display: inline-block;
float: left; height: 16px; padding: 0 2px; width: 16px; }
.cms
.ss-ui-action-tabset.multi ul.ui-tabs-nav li a.tab-nav-link .title {
display: inline-block; line-height: 18px; }
.cms .ss-ui-action-tabset.multi
ul.ui-tabs-nav li a.tab-nav-link.view-mode-batchactions-wrapper .title {
margin-left: 22px; }
.cms .ss-ui-action-tabset.multi
.ss-ui-action-tab.ui-tabs-panel { /* Restyle for smaller area*/ background:
#f8f8f8 !important; border: 1px solid #b3b3b3; border-top: none; clear:
both; display: block; float: left; margin: 0; padding: 10px; padding-top:
15px; position: absolute; top: 30px; width: 202px; 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: 16px; }
.cms .ss-ui-action-tabset.multi
.ss-ui-action-tab.ui-tabs-panel h3 { font-size: 13px; }
.cms
.ss-ui-action-tabset.multi .ss-ui-action-tab.ui-tabs-panel h4 { font-size:
12px; margin: 5px 0; }
.cms .ss-ui-action-tabset.multi
.ss-ui-action-tab.ui-tabs-panel .ui-widget-content { background: none;
}
.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; }
.cms .ss-ui-action-tabset.multi
.ss-ui-action-tab.ui-tabs-panel .field label { float: none; width: auto;
font-size: 12px; padding: 0 8px 4px 0; }
.cms .ss-ui-action-tabset.multi
.ss-ui-action-tab.ui-tabs-panel .field label.extra-details { overflow:
hidden; margin-top: 10px; display: block; color: #a9b1b9; font-style:
italic; font-weight: normal; font-size: 1em; 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: 12px; -moz-box-sizing: border-box; -webkit-box-sizing:
border-box; box-sizing: border-box; padding-left: 3px; padding-right: 3px;
display: block; float: left; text-shadow: none; -moz-border-radius: 50px;
-webkit-border-radius: 50px; border-radius: 50px; background-color:
#c5cbd0; width: 15px; height: 15px; margin-right: 5px; margin-bottom: 5px;
}
.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: 5px; font-size: 11px; }
.cms .ss-ui-action-tabset.multi
.ss-ui-action-tab.ui-tabs-panel .field.checkbox { padding: 0 8px 0; }
.cms
.ss-ui-action-tabset.multi .ss-ui-action-tab.ui-tabs-panel .field.checkbox
input { margin: 2px 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 5px; float: none; }
.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; }
.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: 10px 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: 5px;
}
.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: 11px; }
.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: 5px 3px; }
.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: 203px; }
.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: 12px; }
.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: 4px 5px; }
.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;
}
.cms .ss-ui-action-tabset .batch-check, .cms .ss-ui-action-tabset
.ui-icon { display: inline-block; float: left; margin-left: -2px;
padding-right: 6px; }
.cms .ss-ui-action-tabset .batch-check { margin: 6px
0px 5px 9px; position: absolute; }
.cms .ss-ui-action-tabset
.cms-tree-view-sidebar { min-width: 176px; /* 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; }
.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.5s; -moz-transition-duration:
0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; overflow:
hidden; padding-right: 0; width: 30px; }
.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.5s;
-moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;
transition-duration: 0.5s; width: 110px; }
.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: 10px 6px; width: 162px; }
.cms
.ss-ui-action-tabset .cms-tree-view-sidebar .ui-tabs
.ui-tabs-panel.ss-ui-action-tab .field { max-width: 160px; }
.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: 2px; /* 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 */ }
.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; }
.cms .ss-ui-action-tabset.action-menus.ss-tabset ul.ui-tabs-nav li
a { text-shadow: #fff 0 1px 1px; color: #0071c4; font-size: 13px;
font-weight: normal; line-height: 24px; padding: 0 25px 0 10px;
border-bottom: 0; margin: 0; /* Arrow */ }
.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 10px 10px; color: #00599b; }
.cms
.ss-ui-action-tabset.action-menus.ss-tabset ul.ui-tabs-nav li a:after {
background: url('../images/sprites-32x32-s47450c5f5b.png') 0 -26px
no-repeat; border-bottom: 0; content: ""; display: inline-block;
height: 16px; margin-left: 6px; width: 16px; }
.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 -78px 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 -52px no-repeat; }
.cms
.ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel { overflow:
hidden; *zoom: 1; -moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;
-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px; -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: #f6f7f8; border: 1px solid #ccc;
border-bottom: 1px solid #f6f7f8; margin: 0; margin-top: 2px; max-width:
250px; padding: 8px 0 2px; position: absolute; z-index: 1; min-width:
190px; }
.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: 16px; }
.cms
.ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel h3 { font-size:
13px; }
.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel h4
{ font-size: 12px; margin: 5px 0; }
.cms
.ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel
.ui-widget-content { background: none; }
.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; }
.cms .ss-ui-action-tabset.action-menus.ss-tabset
.ui-tabs-panel .field label { float: none; width: auto; font-size: 12px;
padding: 0 8px 4px 0; }
.cms .ss-ui-action-tabset.action-menus.ss-tabset
.ui-tabs-panel .field label.extra-details { overflow: hidden; margin-top:
10px; display: block; color: #a9b1b9; font-style: italic; font-weight:
normal; font-size: 1em; 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:
12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; padding-left: 3px; padding-right: 3px; display:
block; float: left; text-shadow: none; -moz-border-radius: 50px;
-webkit-border-radius: 50px; border-radius: 50px; background-color:
#c5cbd0; width: 15px; height: 15px; margin-right: 5px; margin-bottom: 5px;
}
.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: 5px; font-size: 11px; }
.cms
.ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel .field.checkbox
{ padding: 0 8px 0; }
.cms .ss-ui-action-tabset.action-menus.ss-tabset
.ui-tabs-panel .field.checkbox input { margin: 2px 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 5px; float: none;
}
.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;
}
.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: 10px 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: 5px;
}
.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: 11px; }
.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: 5px 3px; }
.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; }
.cms .ss-ui-action-tabset.action-menus.ss-tabset
.ui-tabs-panel .cms-sitetree-information { border-bottom: 1px solid
#e8e9eb; margin-bottom: 8px; padding: 0 20px 0 0; margin-right: 10px;
margin-left: 10px; }
.cms .ss-ui-action-tabset.action-menus.ss-tabset
.ui-tabs-panel .cms-sitetree-information p.meta-info { color: #999;
font-size: 11px; line-height: 16px; margin-bottom: 8px; white-space:
nowrap; }
.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel
button.ss-ui-button { width: 100%; }
.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: #ebedef; outline: none; }
.cms
.ss-ui-action-tabset.action-menus.ss-tabset .last
.ui-tabs-panel.ss-ui-action-tab { left: auto; right: -1px; }
.cms
.cms-content-actions .Actions { overflow: visible; }
.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" */ }
.ModelAdmin .cms-content-fields
.cms-edit-form { overflow-y: auto; overflow-x: hidden; }
.ModelAdmin
.cms-content-fields .cms-content-tools .cms-panel-content .cms-search-form
.resetformaction { margin-right: 0px; }
.ModelAdmin .cms-content-fields
.cms-content-tools .cms-panel-content #Form_ImportForm { overflow: hidden;
}
.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; }
/* For user permissions the readonly checkboxes are
set as display none and are replaced with a <span> that has a
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: 16px; }
.permissioncheckboxsetfield_readonly .optionset
li.help { width: 384px; }
.permissioncheckboxsetfield_readonly .optionset
li input { display: none; }
.permissioncheckboxsetfield_readonly .optionset
li label { position: relative; }
.permissioncheckboxsetfield_readonly
.optionset li label span { position: absolute; left: -16px; top: -2px;
}
.cms .cms-content .SecurityAdmin .cms-content-fields { overflow-y: auto;
}
.cms .cms-content .SecurityAdmin .cms-content-fields .aligned-right-label
{ margin-left: 184px; padding: 8px 0; }
.cms-security h1 { margin: 45px
40px 5px 25px; font-size: 1.9em; line-height: 1.2; font-weight: bold;
}
.cms-security .Content { margin: 0 50px 0 25px; }
.cms-security .Form {
margin: 0 25px; }
.cms-security .Form .field { border: 0 none;
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin:
0; padding: 0; }
.cms-security .Form .field label.left { float: none;
width: auto; }
.cms-security .Form .field .middleColumn { margin: 0;
}
.cms-security .Form #Password { width: 300px; float: left;
}
.cms-security .Form #ForgotPassword { float: left; padding: 40px 0 0
10px; }
.cms-security .Form #Remember { clear: both; }
.cms-security .Form
.Actions { padding: 20px 0 0 0; }
.cms-security .Form .Actions #doLogout {
line-height: 28px; margin: 0 0 0 10px; }
.leftandmain-logindialog-dialog
.ui-dialog-titlebar-close { display: none;
}
.leftandmain-logindialog-overlay { opacity: 0.8; }
/**
----------------------------- 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 */
.cms-content-loading-spinner { background-image:
url(../images/spinner@2x.gif); background-size: 43px 43px; }
.ui-dialog
.ui-dialog-content.loading { background-image:
url(../images/spinner@2x.gif); background-size: 43px 43px; }
.ui-dialog.loading { background-image: url(../images/spinner@2x.gif);
background-size: 43px 43px; }
/* Default CMS logo */
.cms-logo a {
background-image: url("../images/logo_small@2x.png");
background-size: 22px 22px; }
.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 -26px; background-size: 30px 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: 30px 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
-78px; background-size: 30px 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
-52px; background-size: 30px auto; }
/* CMS menu */
.cms-menu-list li a
.toggle-children .toggle-children-icon { background-image:
url('../images/sprites-32x32-2x-s6ccfbe50f9.png'); background-position: 0
-210px; background-size: 30px auto; }
.cms-menu-list li a
.toggle-children.opened .toggle-children-icon { background-image:
url('../images/sprites-32x32-2x-s6ccfbe50f9.png'); background-position: 0
-226px; background-size: 30px auto; }
.cms-menu-list li.current a
.toggle-children .toggle-children-icon { background-image:
url('../images/sprites-32x32-2x-s6ccfbe50f9.png'); background-position: 0
-242px; background-size: 30px 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
-258px; background-size: 30px auto; }
/* Sitetree */
.tree-holder.jstree-apple ins, .cms-tree.jstree-apple ins {
background-image: url(../images/sitetree_ss_default_icons@2x.png);
background-size: 108px 72px; }
/* UI widget "close" button */
.ui-widget-header a.ui-state-hover .ui-icon-closethick { background-image:
url('../images/sprites-32x32-2x-s6ccfbe50f9.png'); background-position: 0
-104px; background-size: 30px auto; }
.ui-widget-header
.ui-icon-closethick { background-image:
url('../images/sprites-32x32-2x-s6ccfbe50f9.png'); background-position: 0
-144px; background-size: 30px auto; }
/* Tab icons */
.ui-tabs
.ui-tabs-nav li.cms-tabset-icon.list a { background-image:
url('../images/sprites-64x64-2x-se3e3f47b94.png'); background-position: 0
-150px; background-size: 40px auto; }
.ui-tabs .ui-tabs-nav
li.cms-tabset-icon.tree a { background-image:
url('../images/sprites-64x64-2x-se3e3f47b94.png'); background-position: 0
-250px; background-size: 40px auto; }
.ui-tabs .ui-tabs-nav
li.cms-tabset-icon.edit a { background-image:
url('../images/sprites-64x64-2x-se3e3f47b94.png'); background-position: 0
-50px; background-size: 40px 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
-100px; background-size: 40px 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
-200px; background-size: 40px 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: 40px auto; }
/* Menu icon classes */
.icon.icon-24
{ background-image: url('../images/menu-icons/24x24-2x-sccfd928e17.png');
background-size: 24px auto; }
.icon.icon-24.icon-assetadmin {
background-position: 0 -216px; }
.icon.icon-24.icon-cmsmain {
background-position: 0 -192px; }
.icon.icon-24.icon-cmspagescontroller {
background-position: 0 -168px; }
.icon.icon-24.icon-cmssettingscontroller
{ background-position: 0 -96px; }
.icon.icon-24.icon-securityadmin {
background-position: 0 -24px; }
.icon.icon-24.icon-reportadmin {
background-position: 0 -240px; }
.icon.icon-24.icon-commentadmin {
background-position: 0 0; }
.icon.icon-24.icon-help {
background-position: 0 -144px; }
.icon.icon-16 { background-image:
url('../images/menu-icons/16x16-2x-sbe70081ef8.png'); background-size: 16px
auto; }
.icon.icon-16.icon-assetadmin { background-position: 0 -144px; }
.icon.icon-16.icon-cmsmain { background-position: 0 -128px; }
.icon.icon-16.icon-cmspagescontroller { background-position: 0 -112px; }
.icon.icon-16.icon-cmssettingscontroller { background-position: 0 -64px; }
.icon.icon-16.icon-securityadmin { background-position: 0 -16px; }
.icon.icon-16.icon-reportadmin { background-position: 0 -160px; }
.icon.icon-16.icon-commentadmin { background-position: 0 0; }
.icon.icon-16.icon-help { background-position: 0 -96px; } }
/*#
sourceMappingURL=screen.css.map */