/**
* Template main colors
*/
/******************** Common ********************/
a, strong, h2, h3,
.search-more:hover,
.search-less:hover,
/* Lists */
.favorites > li > a,
.white-bg .favorites > li > a,
.favorites.white-bg > li > a,
body.dark .block-content .favorites > li > a,
body.dark .white-bg .favorites > li > a,
body.dark .favorites.white-bg > li > a,
section h1 .menu ul li,
section .h1 .menu ul li,
body.dark .block-content .icon-list li a,
.small-files-list li a:hover,
body.dark .block-content .extended-list > li > a,
body.dark .block-content .extended-list > li > span,
dl.accordion dt,
/* calendars */
.mini-calendar tbody .today,
.mini-calendar tbody .today a,
.medium-calendar tbody .today,
.medium-calendar tbody .today a,
.mini-calendar tbody a:hover span.today,
.medium-calendar tbody a:hover span.today,
.list-calendar tbody th:first-child,
.calendar tbody .today,
.calendar tbody .today a,
.calendar tbody .today span,
.calendar tbody a:hover span.today,
.events li b,
.more-events ul li b,
.calendar-controls,
/* mobile */
ul.edgeToEdge a .secondary {
color: #5c7fcc;
}
.number {
background-color: #5c7fcc;
}
.block-content h1,
.block-content .h1 {
border-color: #7793c7 #4e68b5 #1e2d70;
background: #1e3694 url(../images/color-blue/old-browsers-bg/title-bg.png) repeat-x top;
background: -moz-linear-gradient(
top,
white,
#82a1d3 4%,
#1e3694
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(white),
to(#1e3694),
color-stop(0.03, #82a1d3)
);
}
a.button:hover,
.mini-menu > li > a:hover {
color: #294278;
background: #a2b5e7 url(../images/color-blue/old-browsers-bg/button-hover-bg.png) repeat-x top;
background: -moz-linear-gradient(
top,
#e2e9f8,
#a2b5e7
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(#e2e9f8),
to(#a2b5e7)
);
}
button,
.big-button {
border-color: #7793c7 #4e68b5 #1e2d70;
background: #1e3694 url(../images/color-blue/old-browsers-bg/button-element-bg.png) repeat-x left top;
background: -moz-linear-gradient(
top,
white,
#82a1d3 4%,
#1e3694
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(white),
to(#1e3694),
color-stop(0.03, #82a1d3)
);
}
button:hover,
.big-button:hover {
border-color: #4b87db #3c6dd6 #203991;
background: #1b40c5 url(../images/color-blue/old-browsers-bg/button-element-hover-bg.png) repeat-x left top;
background: -moz-linear-gradient(
top,
white,
#418adc 4%,
#1b40c5
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(white),
to(#1b40c5),
color-stop(0.03, #418adc)
);
}
button:active,
.big-button:active {
border-color: #77828c #e4e9f2 #e4e9f2 #8d9fba;
background: #5084d7 url(../images/color-blue/old-browsers-bg/button-element-active-bg.png) repeat-x top;
background: -moz-linear-gradient(
top,
#97c0ed,
#5084d7
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(#97c0ed),
to(#5084d7)
);
}
.block-header {
border-top-color: #cad5ed;
background: #1d3490 url(../images/color-blue/old-browsers-bg/block-header-bg.png) repeat-x top;
background: -moz-linear-gradient(
top,
#7c9dd5,
#1d3490
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(#7c9dd5),
to(#1d3490)
);
}
ul.controls-buttons li a:hover,
ul.controls-buttons li a.current,
div.controls-buttons > div:hover,
div.controls-buttons > span:hover,
div.controls-buttons > a:hover,
div.controls-buttons > .current {
border-color: #4b87db #3c6dd6 #203991;
background: #1b40c5 url(../images/color-blue/old-browsers-bg/block-control-hover-bg.png) repeat-x;
background: -moz-linear-gradient(
top,
white,
#418adc 5%,
#1b40c5
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(white),
to(#1b40c5),
color-stop(0.05, #418adc)
);
}
.switch-replace {
background-image: url(../images/color-blue/switch-bg.png);
}
.mini-switch-replace {
background: url(../images/color-blue/mini-switch-bg.png);
}
ul.tabs li > a:hover,
ul.side-tabs li > a:hover,
.mini-tabs li > a:hover {
color: #5c7fcc;
border-color: #5c7fcc;
}
.progress-bar > span,
.progress-bar > span.blue {
background: #5d75b1 url(../images/color-blue/old-browsers-bg/planning-bar-blue-bg.png) repeat-x top;
background: -moz-linear-gradient(
top,
#b9c0da,
#7f9fd2 15%,
#203897 73%,
#5d75b1
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(#b9c0da),
to(#5d75b1),
color-stop(0.15, #7f9fd2),
color-stop(0.73, #203897)
);
}
.progress-bar > span.with-stripes,
.progress-bar > span.blue.with-stripes {
background: #5c7fcc url(../images/loading-stripes.gif);
background: url(../images/loading-stripes.png), -moz-linear-gradient(
top,
#b9c0da,
#7f9fd2 15%,
#203897 73%,
#5d75b1
);
background: url(../images/loading-stripes.gif), -webkit-gradient(
linear,
left top, left bottom,
from(#b9c0da),
to(#5d75b1),
color-stop(0.15, #7f9fd2),
color-stop(0.73, #203897)
);
}
/******************* Standard *******************/
nav {
background: #4d6db3 url(../images/color-blue/old-browsers-bg/main-nav-bg.png) repeat-x bottom;
background: -moz-linear-gradient(top, #e2571, #4d6db3);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e2571), to(#4d6db3));
}
nav > ul > li > ul > li,
#sub-nav a.nav-button {
background: #57585b url(../images/color-blue/old-browsers-bg/subnav-bt-border-bg.png) repeat-x;
background: -moz-linear-gradient(top, #ababab, #57585b);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#57585b));
}
nav > ul > li > ul > li > a,
#sub-nav a.nav-button > b,
nav > ul > li > ul > li.with-menu .menu,
nav > ul > li > ul > li.menu-opener .menu-arrow {
background: #23242a url(../images/color-blue/old-browsers-bg/subnav-bt-bg.png) repeat-x !important;
background: -moz-linear-gradient(top, #8c8c8c, #525252 50%, #424242 50%, #23242a) !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8c8c8c), to(#23242a), color-stop(0.5, #525252), color-stop(0.5, #424242)) !important;
}
nav > ul > li > ul > li:hover,
#sub-nav a.nav-button:hover {
background: #7d9ad4 url(../images/color-blue/old-browsers-bg/subnav-bt-hover-border-bg.png) repeat-x;
background: -moz-linear-gradient(top, #d0dbf1, #7d9ad4);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0dbf1), to(#7d9ad4));
}
nav > ul > li > ul > li > a:hover,
#sub-nav a.nav-button:hover > b,
nav > ul > li > ul > li.with-menu .menu:hover,
nav > ul > li > ul > li.menu-opener:hover .menu-arrow {
background: #485578 url(../images/color-blue/old-browsers-bg/subnav-bt-hover-bg.png) repeat-x !important;
background: -moz-linear-gradient(left, rgba(125, 154, 212, 0), rgba(125, 154, 212, 0.3) 25%, rgba(125, 154, 212, 0.4) 50%, rgba(125, 154, 212, 0.3) 75%, rgba(125, 154, 212, 0)),
-moz-linear-gradient(top, #bcbec2, #696b72 50%, #595d69 50%, #3c445d) !important;
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(125, 154, 212, 0)), to(rgba(125, 154, 212, 0)), color-stop(0.25, rgba(125, 154, 212, 0.3)), color-stop(0.5, rgba(125, 154, 212, 0.4)), color-stop(0.75, rgba(125, 154, 212, 0.3))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#bcbec2), to(#3c445d), color-stop(0.5, #696b72), color-stop(0.5, #595d69)) !important;
-moz-box-shadow: 0 0 7px #dfe7f7;
-webkit-box-shadow: 0 0 7px #dfe7f7;
box-shadow: 0 0 7px #dfe7f7;
}
#sub-nav {
border-top-color: #ed790d;
}
#breadcrumb {
border-color: #296acc #1f4599 #142166;
background: #1e3694 url(../images/color-blue/old-browsers-bg/breadcrumb-bg.png) repeat-x;
background: -moz-linear-gradient(
top,
white,
#82a1d3 5%,
#1e3694
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(white),
to(#1e3694),
color-stop(0.05, #82a1d3)
);
}
#breadcrumb li a:hover {
background: -moz-linear-gradient(left, rgba(125, 154, 212, 0), rgba(125, 154, 212, 0.8) 25%, rgba(125, 154, 212, 1) 50%, rgba(125, 154, 212, 0.8) 75%, rgba(125, 154, 212, 0));
background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(125, 154, 212, 0)), to(rgba(125, 154, 212, 0)), color-stop(0.25, rgba(125, 154, 212, 0.8)), color-stop(0.5, rgba(125, 154, 212, 1)), color-stop(0.75, rgba(125, 154, 212, 0.8)));
}
.search-more:hover:before {
content: url(../images/color-blue/search-more-arrow-hover.png);
}
.search-more:hover:after {
content: url(../images/color-blue/search-more-arrow-hover.png);
}
.search-less:hover:before {
content: url(../images/color-blue/search-less-arrow-hover.png);
}
.search-less:hover:after {
content: url(../images/color-blue/search-less-arrow-hover.png);
}
.block-content h1 > a,
.block-content .h1 > a {
border-color: #7e9098 #61727b #2b373d;
background: #4f4f4f url(../images/color-blue/old-browsers-bg/title-link-bg.png) repeat-x top;
background: -moz-linear-gradient(
top,
white,
#ababab 4%,
#4f4f4f
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(white),
to(#4f4f4f),
color-stop(0.03, #ababab)
);
}
.block-content h1 > a:hover,
.block-content .h1 > a:hover {
border-color: #1eafdc #1193d5 #035592;
background: #1b40c5 url(../images/old-browsers-bg/title-link-hover-bg.png) repeat-x top;
background: -moz-linear-gradient(
top,
white,
#418adc 4%,
#1b40c5
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(white),
to(#1b40c5),
color-stop(0.03, #418adc)
);
}
section h1 .menu:hover,
section .h1 .menu:hover {
background: url(../images/menu-border.png) no-repeat left center,
-moz-linear-gradient(
top,
white,
#418adc 5%,
#1b40c5
);
background: url(../images/menu-border.png) no-repeat left center,
-webkit-gradient(
linear,
left top, left bottom,
from(white),
to(#1b40c5),
color-stop(0.05, #418adc)
);
}
section h1 .menu > ul,
section h1 .menu ul li:hover > ul,
section .h1 .menu > ul,
section .h1 .menu ul li:hover > ul {
background-image: url(../images/color-blue/h1-menu-bg.png);
background-color: #1f4599;
border-color: #b2beff;
}
section h1 .menu ul li:hover,
section .h1 .menu ul li:hover {
background-color: #8fa7db;
}
section h1 .menu ul li:hover > a,
section .h1 .menu ul li:hover > a {
background-color: #163370;
}
section h1 .menu ul li.sep,
section .h1 .menu ul li.sep {
border-top-color: #163370;
border-bottom-color: #9bb5e0;
}
.button.with-menu .menu:hover,
.button.menu-opener:hover .menu-arrow {
background: url(../images/menu-border.png) no-repeat left center,
-moz-linear-gradient(
top,
#e2e9f8,
#a2b5e7
);
background: url(../images/menu-border.png) no-repeat left center,
-webkit-gradient(
linear,
left top, left bottom,
from(#e2e9f8),
to(#a2b5e7)
);
}
/******************* simple-lists *******************/
.keywords li,
.small-pagination li a {
background: #5c7fcc;
}
.small-pagination li.current a,
.small-pagination li a:hover {
background-color: #92ade8;
}
.small-pagination li.prev a {
background: url(../images/color-blue/icons/navigation-180.png) no-repeat center center;
}
.small-pagination li.prev a:hover {
background-image: url(../images/color-blue/icons/navigation-180-white.png);
}
.small-pagination li.next a {
background: url(../images/color-blue/icons/navigation.png) no-repeat center center;
}
.small-pagination li.next a:hover {
background-image: url(../images/color-blue/icons/navigation-000-white.png);
}
dl.accordion dt .number {
background: #1e3694 url(../images/color-blue/old-browsers-bg/title-bg.png) repeat-x top;
background: -moz-linear-gradient(
top,
white,
#82a1d3 4%,
#1e3694
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(white),
to(#1e3694),
color-stop(0.03, #82a1d3)
);
}
dl.accordion dt:hover {
border-color: #5c7fcc;
}
.with-icon.icon-info a,
.with-icon.icon-info span,
.with-icon .icon-info a,
.with-icon .icon-info span
{ background-image: url(../images/color-blue/icons/information-blue.png) !important; }
.with-icon.icon-tags a,
.with-icon.icon-tags span,
.with-icon .icon-tags a,
.with-icon .icon-tags span
{ background-image: url(../images/color-blue/icons/tags-label.png) !important; }
/******************* block-lists *******************/
body.dark .favorites > li > a small {
color: #3b3f47;
}
.task:hover {
background: #dae0f0;
}
.icon-list li a:hover,
body.dark .icon-list li a:hover,
body.dark .block-content .icon-list li a:hover,
.extended-list > li > a:hover,
body.dark .extended-list > li > a:hover,
body.dark .extended-list > li > span:hover,
body.dark .block-content .extended-list > li > a:hover,
body.dark .block-content .extended-list > li > span:hover {
color: #66a3ff;
}
/******************* calendars *******************/
.mini-calendar tbody span.today,
.medium-calendar tbody span.today,
.calendar tbody span.today,
.events-dots-list li span {
background: #5c7fcc;
}
.mini-calendar tbody a:hover,
.mini-calendar tbody a.selected,
.mini-calendar tbody a:hover {
background: #82a1d3 url(../images/color-blue/old-browsers-bg/mini-cal-bg.png) repeat-x top;
}
.medium-calendar tbody a:hover {
background: #82a1d3 url(../images/color-blue/old-browsers-bg/medium-cal-bg.png) repeat-x top;
}
.calendar tbody tr td:hover {
background: #72c6e4 url(../images/color-blue/old-browsers-bg/calendar-bg.png) repeat-x top;
}
.nb-events {
background: #0c5fa5 url(../images/color-blue/old-browsers-bg/nb-events-bg.png) repeat-x top;
}
.mini-calendar tbody a:hover,
.mini-calendar tbody a.selected,
.mini-calendar tbody a:hover,
.medium-calendar tbody a:hover,
.calendar tbody tr td:hover,
.nb-events {
background: -moz-linear-gradient(
top,
#1e3694,
#82a1d3
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(#1e3694),
to(#82a1d3)
);
}
.dot-events li {
border-color: #5c7fcc;
}
.calendar tbody td:hover .events li a:hover {
color: #ccd4e3;
}
.calendar tbody td:hover .events li b {
color: #becceb;
}
.list-calendar tbody tr th:hover,
.list-calendar tbody tr td:hover {
background-color: #dde2f0;
}
.week-calendar > li > ul > li.blue {
background-color: #dfe7f7;
background: -moz-linear-gradient(
top,
rgba(255, 255, 255, 0.75),
rgba(255, 255, 255, 0) 1.5em
), #dfe7f7;
background: -webkit-gradient(
linear,
left top, left bottom,
from(rgba(255, 255, 255, 0.75)),
to(rgba(255, 255, 255, 0)),
color-stop(1.5em, rgba(255, 255, 255, 0))
), #dfe7f7;
}
.blue-corner {
background-image: url(../images/color-blue/blue-corner.png);
}
.calendar .black-cell span.loading, .list-calendar .black-cell span.loading { background-image: url(../images/color-blue/table-loader.gif); }
.calendar .black-cell span.success, .list-calendar .black-cell span.success { background-image: url(../images/color-blue/icons/tick-circle-blue.png); }
.calendar .add-event:before {
content: url(../images/color-blue/icons/add-mini.png);
}
/* IE class */
.calendar .add-event .before {
background-image: url(../images/color-blue/icons/add-mini.png);
}
/******************* forms *******************/
.form legend a:hover,
.legend a:hover {
color: #5c7fcc;
background-image: url(../images/color-blue/icons/chevron.png);
}
.form fieldset.collapsed legend a:hover,
.fieldset.collapsed .legend a:hover {
background-image: url(../images/color-blue/icons/chevron-expand.png);
}
.form input[type=text],
.form input[type=password],
.form .input-type-text,
.form select,
.form textarea {
border: 1px solid #9badd4;
}
.form input[type=text]:focus,
.form input[type=password]:focus,
.form .input-type-text:focus,
.form select:focus,
.form textarea:focus {
border-color: #5c7fcc;
}
.form input.disabled,
.form select.disabled,
.form textarea.disabled {
border-color: #adcede;
}
/** IE selector **/
.form .input-focus {
border-color: #5c7fcc;
}
.check-ok { background: url(../images/color-blue/icons/tick-circle-blue.png) no-repeat; }
/******************* mobile *******************/
ul.roundRectangle .showArrow.secondary {
color: #424285;
}
ul.roundRectangle a .secondary {
color: #424285;
}
#back {
background: url(../images/color-blue/back-button.png) no-repeat center center;
}
/******************* wizard *******************/
.wizard-steps {
border-top: 1px solid #b2c5ed;
background: #7c9dd5 url(../images/color-blue/old-browsers-bg/block-header-bg.png) repeat-x top;
background: -moz-linear-gradient(
top,
#7c9dd5,
#1d3490
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(#7c9dd5),
to(#1d3490)
);
}
.wizard-steps li .number {
background: #1e3694 url(../images/color-blue/old-browsers-bg/number-bg.png) repeat-x top;
background: -moz-linear-gradient(
top,
#82a1d3,
#1e3694
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(#82a1d3),
to(#1e3694)
);
}
/******************* mobile *******************/
.planning > li > ul .event-blue {
background: #5d75b1 url(../images/color-blue/old-browsers-bg/planning-bar-blue-bg.png) repeat-x top;
background: -moz-linear-gradient(
top,
#b9c0da,
#7f9fd2 15%,
#203897 73%,
#5d75b1
);
background: -webkit-gradient(
linear,
left top, left bottom,
from(#b9c0da),
to(#5d75b1),
color-stop(0.15, #7f9fd2),
color-stop(0.73, #203897)
);
}
/******************* special pages *******************/
.error-bg,
.code-page {
background: #777c8f url(../images/color-blue/old-browsers-bg/login-radial-bg.png) no-repeat center center;
background: -moz-radial-gradient(center, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)), #777c8f;
background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 500, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))), #777c8f;
}
@media only screen and (max-device-width: 480px) {
.login-bg,
.wizard-bg {
background: #777c8f url(../images/bg-mobile.png) no-repeat center -200px;
}
.error-bg,
.code-page {
background: #777c8f url(../images/old-browsers-bg/login-radial-bg-mobile.png) no-repeat center center;
background: -moz-radial-gradient(center, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)), #777c8f;
background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 240, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))), #777c8f;
}
}
/******************* table *******************/
.table tbody tr:hover th,
.table tbody tr:hover .th,
.table tbody tr:hover td {
background: #d8dff0;
}
.table .black-cell span.loading, .with-head .black-cell span.loading { background-image: url(../images/color-blue/table-loader.gif); }
.table .black-cell span.error, .with-head .black-cell span.error { background-image: url(../images/color-blue/icons/cross-circle.png); }
.table .black-cell span.success, .with-head .black-cell span.success { background-image: url(../images/color-blue/icons/tick-circle-blue.png); }
.column-sort .sort-up,
.column-sort .sort-down {
background-image: url(../images/color-blue/table-sort-arrows.png);
}