Want more features on Pastebin? Sign Up, it's FREE!
Guest

Constellation Admin Skin main colors

By: a guest on Oct 6th, 2011  |  syntax: CSS  |  size: 19.15 KB  |  views: 657  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /**
  2.  * Template main colors
  3.  */
  4.  
  5. /******************** Common ********************/
  6. a, strong, h2, h3,
  7. .search-more:hover,
  8. .search-less:hover,
  9.  
  10. /* Lists */
  11. .favorites > li > a,
  12. .white-bg .favorites > li > a,
  13. .favorites.white-bg > li > a,
  14. body.dark .block-content .favorites > li > a,
  15. body.dark .white-bg .favorites > li > a,
  16. body.dark .favorites.white-bg > li > a,
  17. section h1 .menu ul li,
  18. section .h1 .menu ul li,
  19. body.dark .block-content .icon-list li a,
  20. .small-files-list li a:hover,
  21. body.dark .block-content .extended-list > li > a,
  22. body.dark .block-content .extended-list > li > span,
  23. dl.accordion dt,
  24.  
  25. /* calendars */
  26. .mini-calendar tbody .today,
  27. .mini-calendar tbody .today a,
  28. .medium-calendar tbody .today,
  29. .medium-calendar tbody .today a,
  30. .mini-calendar tbody a:hover span.today,
  31. .medium-calendar tbody a:hover span.today,
  32. .list-calendar tbody th:first-child,
  33. .calendar tbody .today,
  34. .calendar tbody .today a,
  35. .calendar tbody .today span,
  36. .calendar tbody a:hover span.today,
  37. .events li b,
  38. .more-events ul li b,
  39. .calendar-controls,
  40.  
  41. /* mobile */
  42. ul.edgeToEdge a .secondary {
  43.         color: #5c7fcc;
  44. }
  45. .number {
  46.         background-color: #5c7fcc;
  47. }
  48. .block-content h1,
  49. .block-content .h1 {
  50.         border-color: #7793c7 #4e68b5 #1e2d70;
  51.         background: #1e3694 url(../images/color-blue/old-browsers-bg/title-bg.png) repeat-x top;
  52.         background: -moz-linear-gradient(
  53.                 top,
  54.                 white,
  55.                 #82a1d3 4%,
  56.                 #1e3694
  57.         );
  58.         background: -webkit-gradient(
  59.                 linear,
  60.                 left top, left bottom,
  61.                 from(white),
  62.                 to(#1e3694),
  63.                 color-stop(0.03, #82a1d3)
  64.         );
  65. }
  66. a.button:hover,
  67. .mini-menu > li > a:hover {
  68.         color: #294278;
  69.         background: #a2b5e7 url(../images/color-blue/old-browsers-bg/button-hover-bg.png) repeat-x top;
  70.         background: -moz-linear-gradient(
  71.                 top,
  72.                 #e2e9f8,
  73.                 #a2b5e7
  74.         );
  75.         background: -webkit-gradient(
  76.                 linear,
  77.                 left top, left bottom,
  78.                 from(#e2e9f8),
  79.                 to(#a2b5e7)
  80.         );
  81. }
  82. button,
  83. .big-button {
  84.         border-color: #7793c7 #4e68b5 #1e2d70;
  85.         background: #1e3694 url(../images/color-blue/old-browsers-bg/button-element-bg.png) repeat-x left top;
  86.         background: -moz-linear-gradient(
  87.                 top,
  88.                 white,
  89.                 #82a1d3 4%,
  90.                 #1e3694
  91.         );
  92.         background: -webkit-gradient(
  93.                 linear,
  94.                 left top, left bottom,
  95.                 from(white),
  96.                 to(#1e3694),
  97.                 color-stop(0.03, #82a1d3)
  98.         );
  99.         }
  100.         button:hover,
  101.         .big-button:hover {
  102.                 border-color: #4b87db #3c6dd6 #203991;
  103.                 background: #1b40c5 url(../images/color-blue/old-browsers-bg/button-element-hover-bg.png) repeat-x left top;
  104.                 background: -moz-linear-gradient(
  105.                         top,
  106.                         white,
  107.                         #418adc 4%,
  108.                         #1b40c5
  109.                 );
  110.                 background: -webkit-gradient(
  111.                         linear,
  112.                         left top, left bottom,
  113.                         from(white),
  114.                         to(#1b40c5),
  115.                         color-stop(0.03, #418adc)
  116.                 );
  117.         }
  118.         button:active,
  119.         .big-button:active {
  120.                 border-color: #77828c #e4e9f2 #e4e9f2 #8d9fba;
  121.                 background: #5084d7 url(../images/color-blue/old-browsers-bg/button-element-active-bg.png) repeat-x top;
  122.                 background: -moz-linear-gradient(
  123.                         top,
  124.                         #97c0ed,
  125.                         #5084d7
  126.                 );
  127.                 background: -webkit-gradient(
  128.                         linear,
  129.                         left top, left bottom,
  130.                         from(#97c0ed),
  131.                         to(#5084d7)
  132.                 );
  133.         }
  134. .block-header {
  135.         border-top-color: #cad5ed;
  136.         background: #1d3490 url(../images/color-blue/old-browsers-bg/block-header-bg.png) repeat-x top;
  137.         background: -moz-linear-gradient(
  138.                 top,
  139.                 #7c9dd5,
  140.                 #1d3490
  141.         );
  142.         background: -webkit-gradient(
  143.                 linear,
  144.                 left top, left bottom,
  145.                 from(#7c9dd5),
  146.                 to(#1d3490)
  147.         );
  148. }
  149. ul.controls-buttons li a:hover,
  150. ul.controls-buttons li a.current,
  151. div.controls-buttons > div:hover,
  152. div.controls-buttons > span:hover,
  153. div.controls-buttons > a:hover,
  154. div.controls-buttons > .current {
  155.         border-color: #4b87db #3c6dd6 #203991;
  156.         background: #1b40c5 url(../images/color-blue/old-browsers-bg/block-control-hover-bg.png) repeat-x;
  157.         background: -moz-linear-gradient(
  158.                 top,
  159.                 white,
  160.                 #418adc 5%,
  161.                 #1b40c5
  162.         );
  163.         background: -webkit-gradient(
  164.                 linear,
  165.                 left top, left bottom,
  166.                 from(white),
  167.                 to(#1b40c5),
  168.                 color-stop(0.05, #418adc)
  169.         );
  170. }
  171. .switch-replace {
  172.         background-image: url(../images/color-blue/switch-bg.png);
  173. }
  174. .mini-switch-replace {
  175.         background: url(../images/color-blue/mini-switch-bg.png);
  176. }
  177. ul.tabs li > a:hover,
  178. ul.side-tabs li > a:hover,
  179. .mini-tabs li > a:hover {
  180.         color: #5c7fcc;
  181.         border-color: #5c7fcc;
  182. }
  183. .progress-bar > span,
  184. .progress-bar > span.blue {
  185.         background: #5d75b1 url(../images/color-blue/old-browsers-bg/planning-bar-blue-bg.png) repeat-x top;
  186.         background: -moz-linear-gradient(
  187.                 top,
  188.                 #b9c0da,
  189.                 #7f9fd2 15%,
  190.                 #203897 73%,
  191.                 #5d75b1
  192.         );
  193.         background: -webkit-gradient(
  194.                 linear,
  195.                 left top, left bottom,
  196.                 from(#b9c0da),
  197.                 to(#5d75b1),
  198.                 color-stop(0.15, #7f9fd2),
  199.                 color-stop(0.73, #203897)
  200.         );
  201.         }
  202.         .progress-bar > span.with-stripes,
  203.         .progress-bar > span.blue.with-stripes {
  204.                 background: #5c7fcc url(../images/loading-stripes.gif);
  205.                 background: url(../images/loading-stripes.png), -moz-linear-gradient(
  206.                         top,
  207.                         #b9c0da,
  208.                         #7f9fd2 15%,
  209.                         #203897 73%,
  210.                         #5d75b1
  211.                 );
  212.                 background: url(../images/loading-stripes.gif), -webkit-gradient(
  213.                         linear,
  214.                         left top, left bottom,
  215.                         from(#b9c0da),
  216.                         to(#5d75b1),
  217.                         color-stop(0.15, #7f9fd2),
  218.                         color-stop(0.73, #203897)
  219.                 );
  220.         }
  221.  
  222. /******************* Standard *******************/
  223. nav {
  224.         background: #4d6db3 url(../images/color-blue/old-browsers-bg/main-nav-bg.png) repeat-x bottom;
  225.         background: -moz-linear-gradient(top, #e2571, #4d6db3);
  226.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e2571), to(#4d6db3));
  227. }
  228. nav > ul > li > ul > li,
  229. #sub-nav a.nav-button {
  230.         background: #57585b url(../images/color-blue/old-browsers-bg/subnav-bt-border-bg.png) repeat-x;
  231.         background: -moz-linear-gradient(top, #ababab, #57585b);
  232.         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#57585b));
  233.         }
  234.         nav > ul > li > ul > li > a,
  235.         #sub-nav a.nav-button > b,
  236.         nav > ul > li > ul > li.with-menu .menu,
  237.         nav > ul > li > ul > li.menu-opener .menu-arrow {
  238.                 background: #23242a url(../images/color-blue/old-browsers-bg/subnav-bt-bg.png) repeat-x !important;
  239.                 background: -moz-linear-gradient(top, #8c8c8c, #525252 50%, #424242 50%, #23242a) !important;
  240.                 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8c8c8c), to(#23242a), color-stop(0.5, #525252), color-stop(0.5, #424242)) !important;
  241.         }
  242.         nav > ul > li > ul > li:hover,
  243.         #sub-nav a.nav-button:hover {
  244.                 background: #7d9ad4 url(../images/color-blue/old-browsers-bg/subnav-bt-hover-border-bg.png) repeat-x;
  245.                 background: -moz-linear-gradient(top, #d0dbf1, #7d9ad4);
  246.                 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0dbf1), to(#7d9ad4));
  247.                 }
  248.                 nav > ul > li > ul > li > a:hover,
  249.                 #sub-nav a.nav-button:hover > b,
  250.                 nav > ul > li > ul > li.with-menu .menu:hover,
  251.                 nav > ul > li > ul > li.menu-opener:hover .menu-arrow {
  252.                         background: #485578 url(../images/color-blue/old-browsers-bg/subnav-bt-hover-bg.png) repeat-x !important;
  253.                         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)),
  254.                                                 -moz-linear-gradient(top, #bcbec2, #696b72 50%, #595d69 50%, #3c445d) !important;
  255.                         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))),
  256.                                                 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bcbec2), to(#3c445d), color-stop(0.5, #696b72), color-stop(0.5, #595d69)) !important;
  257.                         -moz-box-shadow: 0 0 7px #dfe7f7;
  258.                         -webkit-box-shadow: 0 0 7px #dfe7f7;
  259.                         box-shadow: 0 0 7px #dfe7f7;
  260.                 }
  261. #sub-nav {
  262.         border-top-color: #ed790d;
  263. }
  264. #breadcrumb {
  265.         border-color: #296acc #1f4599 #142166;
  266.         background: #1e3694 url(../images/color-blue/old-browsers-bg/breadcrumb-bg.png) repeat-x;
  267.         background: -moz-linear-gradient(
  268.                 top,
  269.                 white,
  270.                 #82a1d3 5%,
  271.                 #1e3694
  272.         );
  273.         background: -webkit-gradient(
  274.                 linear,
  275.                 left top, left bottom,
  276.                 from(white),
  277.                 to(#1e3694),
  278.                 color-stop(0.05, #82a1d3)
  279.         );
  280.         }
  281.         #breadcrumb li a:hover {
  282.                 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));
  283.                 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)));
  284.         }
  285. .search-more:hover:before {
  286.         content: url(../images/color-blue/search-more-arrow-hover.png);
  287. }
  288. .search-more:hover:after {
  289.         content: url(../images/color-blue/search-more-arrow-hover.png);
  290. }
  291. .search-less:hover:before {
  292.         content: url(../images/color-blue/search-less-arrow-hover.png);
  293. }
  294. .search-less:hover:after {
  295.         content: url(../images/color-blue/search-less-arrow-hover.png);
  296. }
  297. .block-content h1 > a,
  298. .block-content .h1 > a {
  299.         border-color: #7e9098 #61727b #2b373d;
  300.         background: #4f4f4f url(../images/color-blue/old-browsers-bg/title-link-bg.png) repeat-x top;
  301.         background: -moz-linear-gradient(
  302.                 top,
  303.                 white,
  304.                 #ababab  4%,
  305.                 #4f4f4f
  306.         );
  307.         background: -webkit-gradient(
  308.                 linear,
  309.                 left top, left bottom,
  310.                 from(white),
  311.                 to(#4f4f4f),
  312.                 color-stop(0.03, #ababab)
  313.         );
  314.         }
  315.         .block-content h1 > a:hover,
  316.         .block-content .h1 > a:hover {
  317.                 border-color: #1eafdc #1193d5 #035592;
  318.                 background: #1b40c5 url(../images/old-browsers-bg/title-link-hover-bg.png) repeat-x top;
  319.                 background: -moz-linear-gradient(
  320.                         top,
  321.                         white,
  322.                         #418adc 4%,
  323.                         #1b40c5
  324.                 );
  325.                 background: -webkit-gradient(
  326.                         linear,
  327.                         left top, left bottom,
  328.                         from(white),
  329.                         to(#1b40c5),
  330.                         color-stop(0.03, #418adc)
  331.                 );
  332.         }
  333. section h1 .menu:hover,
  334. section .h1 .menu:hover {
  335.         background: url(../images/menu-border.png) no-repeat left center,
  336.         -moz-linear-gradient(
  337.                 top,
  338.                 white,
  339.                 #418adc 5%,
  340.                 #1b40c5
  341.         );
  342.         background: url(../images/menu-border.png) no-repeat left center,
  343.         -webkit-gradient(
  344.                 linear,
  345.                 left top, left bottom,
  346.                 from(white),
  347.                 to(#1b40c5),
  348.                 color-stop(0.05, #418adc)
  349.         );
  350. }
  351. section h1 .menu > ul,
  352. section h1 .menu ul li:hover > ul,
  353. section .h1 .menu > ul,
  354. section .h1 .menu ul li:hover > ul {
  355.         background-image: url(../images/color-blue/h1-menu-bg.png);
  356.         background-color: #1f4599;
  357.         border-color: #b2beff;
  358.         }
  359.         section h1 .menu ul li:hover,
  360.         section .h1 .menu ul li:hover {
  361.                 background-color: #8fa7db;
  362.                 }
  363.                 section h1 .menu ul li:hover > a,
  364.                 section .h1 .menu ul li:hover > a {
  365.                         background-color: #163370;
  366.                 }
  367.         section h1 .menu ul li.sep,
  368.         section .h1 .menu ul li.sep {
  369.                 border-top-color: #163370;
  370.                 border-bottom-color: #9bb5e0;
  371.         }
  372.  
  373. .button.with-menu .menu:hover,
  374. .button.menu-opener:hover .menu-arrow {
  375.         background: url(../images/menu-border.png) no-repeat left center,
  376.         -moz-linear-gradient(
  377.                 top,
  378.                 #e2e9f8,
  379.                 #a2b5e7
  380.         );
  381.         background: url(../images/menu-border.png) no-repeat left center,
  382.         -webkit-gradient(
  383.                 linear,
  384.                 left top, left bottom,
  385.                 from(#e2e9f8),
  386.                 to(#a2b5e7)
  387.         );
  388. }
  389.  
  390. /******************* simple-lists *******************/
  391. .keywords li,
  392. .small-pagination li a {
  393.         background: #5c7fcc;
  394. }
  395. .small-pagination li.current a,
  396. .small-pagination li a:hover {
  397.         background-color: #92ade8;
  398. }
  399. .small-pagination li.prev a {
  400.         background: url(../images/color-blue/icons/navigation-180.png) no-repeat center center;
  401.         }
  402.         .small-pagination li.prev a:hover {
  403.                 background-image: url(../images/color-blue/icons/navigation-180-white.png);
  404.         }
  405. .small-pagination li.next a {
  406.         background: url(../images/color-blue/icons/navigation.png) no-repeat center center;
  407.         }
  408.         .small-pagination li.next a:hover {
  409.                 background-image: url(../images/color-blue/icons/navigation-000-white.png);
  410.         }
  411. dl.accordion dt .number {
  412.         background: #1e3694 url(../images/color-blue/old-browsers-bg/title-bg.png) repeat-x top;
  413.         background: -moz-linear-gradient(
  414.                 top,
  415.                 white,
  416.                 #82a1d3 4%,
  417.                 #1e3694
  418.         );
  419.         background: -webkit-gradient(
  420.                 linear,
  421.                 left top, left bottom,
  422.                 from(white),
  423.                 to(#1e3694),
  424.                 color-stop(0.03, #82a1d3)
  425.         );
  426. }
  427. dl.accordion dt:hover {
  428.         border-color: #5c7fcc;
  429. }
  430. .with-icon.icon-info a,
  431. .with-icon.icon-info span,
  432. .with-icon .icon-info a,
  433. .with-icon .icon-info span
  434.         { background-image: url(../images/color-blue/icons/information-blue.png) !important; }
  435. .with-icon.icon-tags a,
  436. .with-icon.icon-tags span,
  437. .with-icon .icon-tags a,
  438. .with-icon .icon-tags span
  439.         { background-image: url(../images/color-blue/icons/tags-label.png) !important; }
  440.  
  441. /******************* block-lists *******************/
  442. body.dark .favorites > li > a small {
  443.         color: #3b3f47;
  444. }
  445. .task:hover {
  446.         background: #dae0f0;
  447. }
  448. .icon-list li a:hover,
  449. body.dark .icon-list li a:hover,
  450. body.dark .block-content .icon-list li a:hover,
  451. .extended-list > li > a:hover,
  452. body.dark .extended-list > li > a:hover,
  453. body.dark .extended-list > li > span:hover,
  454. body.dark .block-content .extended-list > li > a:hover,
  455. body.dark .block-content .extended-list > li > span:hover {
  456.         color: #66a3ff;
  457. }
  458.  
  459. /******************* calendars *******************/
  460. .mini-calendar tbody span.today,
  461. .medium-calendar tbody span.today,
  462. .calendar tbody span.today,
  463. .events-dots-list li span {
  464.         background: #5c7fcc;
  465. }
  466. .mini-calendar tbody a:hover,
  467. .mini-calendar tbody a.selected,
  468. .mini-calendar tbody a:hover {
  469.         background: #82a1d3 url(../images/color-blue/old-browsers-bg/mini-cal-bg.png) repeat-x top;
  470. }
  471. .medium-calendar tbody a:hover {
  472.         background: #82a1d3 url(../images/color-blue/old-browsers-bg/medium-cal-bg.png) repeat-x top;
  473. }
  474. .calendar tbody tr td:hover {
  475.         background: #72c6e4 url(../images/color-blue/old-browsers-bg/calendar-bg.png) repeat-x top;
  476. }
  477. .nb-events {
  478.         background: #0c5fa5 url(../images/color-blue/old-browsers-bg/nb-events-bg.png) repeat-x top;
  479. }
  480. .mini-calendar tbody a:hover,
  481. .mini-calendar tbody a.selected,
  482. .mini-calendar tbody a:hover,
  483. .medium-calendar tbody a:hover,
  484. .calendar tbody tr td:hover,
  485. .nb-events {
  486.         background: -moz-linear-gradient(
  487.                 top,
  488.                 #1e3694,
  489.                 #82a1d3
  490.         );
  491.         background: -webkit-gradient(
  492.                 linear,
  493.                 left top, left bottom,
  494.                 from(#1e3694),
  495.                 to(#82a1d3)
  496.         );
  497. }
  498. .dot-events li {
  499.         border-color: #5c7fcc;
  500. }
  501. .calendar tbody td:hover .events li a:hover {
  502.         color: #ccd4e3;
  503. }
  504. .calendar tbody td:hover .events li b {
  505.         color: #becceb;
  506. }
  507. .list-calendar tbody tr th:hover,
  508. .list-calendar tbody tr td:hover {
  509.         background-color: #dde2f0;
  510. }
  511. .week-calendar > li > ul > li.blue {
  512.         background-color: #dfe7f7;
  513.         background: -moz-linear-gradient(
  514.                 top,
  515.                 rgba(255, 255, 255, 0.75),
  516.                 rgba(255, 255, 255, 0) 1.5em
  517.         ), #dfe7f7;
  518.         background: -webkit-gradient(
  519.                 linear,
  520.                 left top, left bottom,
  521.                 from(rgba(255, 255, 255, 0.75)),
  522.                 to(rgba(255, 255, 255, 0)),
  523.                 color-stop(1.5em, rgba(255, 255, 255, 0))
  524.         ), #dfe7f7;
  525. }
  526. .blue-corner {
  527.         background-image: url(../images/color-blue/blue-corner.png);
  528. }
  529. .calendar .black-cell span.loading, .list-calendar .black-cell span.loading { background-image: url(../images/color-blue/table-loader.gif); }
  530. .calendar .black-cell span.success, .list-calendar .black-cell span.success { background-image: url(../images/color-blue/icons/tick-circle-blue.png); }
  531. .calendar .add-event:before {
  532.         content: url(../images/color-blue/icons/add-mini.png);
  533. }
  534. /* IE class */
  535. .calendar .add-event .before {
  536.         background-image: url(../images/color-blue/icons/add-mini.png);
  537. }
  538.  
  539. /******************* forms *******************/
  540. .form legend a:hover,
  541. .legend a:hover {
  542.         color: #5c7fcc;
  543.         background-image: url(../images/color-blue/icons/chevron.png);
  544. }
  545. .form fieldset.collapsed legend a:hover,
  546. .fieldset.collapsed .legend a:hover {
  547.         background-image: url(../images/color-blue/icons/chevron-expand.png);
  548. }
  549. .form input[type=text],
  550. .form input[type=password],
  551. .form .input-type-text,
  552. .form select,
  553. .form textarea {
  554.         border: 1px solid #9badd4;
  555. }
  556. .form input[type=text]:focus,
  557. .form input[type=password]:focus,
  558. .form .input-type-text:focus,
  559. .form select:focus,
  560. .form textarea:focus {
  561.         border-color: #5c7fcc;
  562. }
  563. .form input.disabled,
  564. .form select.disabled,
  565. .form textarea.disabled {
  566.         border-color: #adcede;
  567. }
  568. /** IE selector **/
  569. .form .input-focus {
  570.         border-color: #5c7fcc;
  571. }
  572. .check-ok { background: url(../images/color-blue/icons/tick-circle-blue.png) no-repeat; }
  573.  
  574. /******************* mobile *******************/
  575. ul.roundRectangle .showArrow.secondary {
  576.         color: #424285;
  577. }
  578. ul.roundRectangle a .secondary {
  579.         color: #424285;
  580. }
  581. #back {
  582.         background: url(../images/color-blue/back-button.png) no-repeat center center;
  583. }
  584.  
  585. /******************* wizard *******************/
  586. .wizard-steps {
  587.         border-top: 1px solid #b2c5ed;
  588.         background: #7c9dd5 url(../images/color-blue/old-browsers-bg/block-header-bg.png) repeat-x top;
  589.         background: -moz-linear-gradient(
  590.                 top,
  591.                 #7c9dd5,
  592.                 #1d3490
  593.         );
  594.         background: -webkit-gradient(
  595.                 linear,
  596.                 left top, left bottom,
  597.                 from(#7c9dd5),
  598.                 to(#1d3490)
  599.         );
  600. }
  601. .wizard-steps li .number {
  602.         background: #1e3694 url(../images/color-blue/old-browsers-bg/number-bg.png) repeat-x top;
  603.         background: -moz-linear-gradient(
  604.                 top,
  605.                 #82a1d3,
  606.                 #1e3694
  607.         );
  608.         background: -webkit-gradient(
  609.                 linear,
  610.                 left top, left bottom,
  611.                 from(#82a1d3),
  612.                 to(#1e3694)
  613.         );
  614. }
  615.  
  616. /******************* mobile *******************/
  617. .planning > li > ul .event-blue {
  618.         background: #5d75b1 url(../images/color-blue/old-browsers-bg/planning-bar-blue-bg.png) repeat-x top;
  619.         background: -moz-linear-gradient(
  620.                 top,
  621.                 #b9c0da,
  622.                 #7f9fd2 15%,
  623.                 #203897 73%,
  624.                 #5d75b1
  625.         );
  626.         background: -webkit-gradient(
  627.                 linear,
  628.                 left top, left bottom,
  629.                 from(#b9c0da),
  630.                 to(#5d75b1),
  631.                 color-stop(0.15, #7f9fd2),
  632.                 color-stop(0.73, #203897)
  633.         );
  634. }
  635.  
  636. /******************* special pages *******************/
  637. .error-bg,
  638. .code-page {
  639.         background: #777c8f url(../images/color-blue/old-browsers-bg/login-radial-bg.png) no-repeat center center;
  640.         background: -moz-radial-gradient(center, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)), #777c8f;
  641.         background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 500, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))), #777c8f;
  642. }
  643. @media only screen and (max-device-width: 480px) {
  644.        
  645.         .login-bg,
  646.         .wizard-bg {
  647.                 background: #777c8f url(../images/bg-mobile.png) no-repeat center -200px;
  648.         }
  649.         .error-bg,
  650.         .code-page {
  651.                 background: #777c8f url(../images/old-browsers-bg/login-radial-bg-mobile.png) no-repeat center center;
  652.                 background: -moz-radial-gradient(center, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)), #777c8f;
  653.                 background: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 240, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))), #777c8f;
  654.         }
  655. }
  656.  
  657. /******************* table *******************/
  658. .table tbody tr:hover th,
  659. .table tbody tr:hover .th,
  660. .table tbody tr:hover td {
  661.         background: #d8dff0;
  662. }
  663. .table .black-cell span.loading, .with-head .black-cell span.loading { background-image: url(../images/color-blue/table-loader.gif); }
  664. .table .black-cell span.error, .with-head .black-cell span.error { background-image: url(../images/color-blue/icons/cross-circle.png); }
  665. .table .black-cell span.success, .with-head .black-cell span.success { background-image: url(../images/color-blue/icons/tick-circle-blue.png); }
  666. .column-sort .sort-up,
  667. .column-sort .sort-down {
  668.         background-image: url(../images/color-blue/table-sort-arrows.png);
  669. }
  670.  
clone this paste RAW Paste Data