Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /**
- * 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);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement