Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Aug 12th, 2012  |  syntax: PHP  |  size: 2.66 KB  |  hits: 12  |  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. /* Sub Header properties */
  2.  
  3. .sub-header {
  4.         color: #838383;
  5.         width: 100%
  6.         height: 42px;
  7.         background-color: #e6e6e8;
  8.    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f8f8f8),color-stop(100%,#e6e6e6));
  9.    background-image: -webkit-linear-gradient(#f8f8f8,#e6e6e6);
  10.    background-image: -moz-linear-gradient(#f8f8f8,#e6e6e6);
  11.    background-image: -o-linear-gradient(#f8f8f8,#e6e6e6);
  12.    background-image: linear-gradient(#f8f8f8,#e6e6e6);
  13.   -moz-border-radius: 3px;
  14.    -webkit-border-radius: 3px;
  15.    -o-border-radius: 3px;
  16.    -ms-border-radius: 3px;
  17.    -khtml-border-radius: 3px;
  18.     border-radius: 3px;
  19.         border: 1px solid #848484;
  20.         border-bottom: 2px solid #1285c8;
  21.         padding-left: 9px;
  22.     display: -moz-box;
  23.     display: -webkit-box;
  24.     display: box;
  25.         clear: both;
  26. }
  27.  
  28. /* Sub Header links */
  29.  
  30. .sub-header ul {
  31.         margin: 0;
  32.         padding: 0;
  33. }
  34.  
  35. .sub-header ul li {
  36.         display: inline;
  37. }
  38.  
  39. .sub-header ul li .bullet {
  40.         display: none;
  41. }
  42.  
  43. .sub-header ul li.first-link {
  44.         font-weight: bold;
  45. }
  46.  
  47. .sub-header ul li.first-link.current-link a {
  48.         color: #838383;
  49.         background-color: #e6e6e8;
  50.    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f8f8f8),color-stop(100%,#e6e6e6));
  51.    background-image: -webkit-linear-gradient(#f8f8f8,#e6e6e6);
  52.    background-image: -moz-linear-gradient(#f8f8f8,#e6e6e6);
  53.    background-image: -o-linear-gradient(#f8f8f8,#e6e6e6);
  54.    background-image: linear-gradient(#f8f8f8,#e6e6e6);
  55.         font-weight: bold;
  56. }
  57.  
  58. .sub-header ul li a {
  59.     font-family: Verdana, Arial, Helvetica, sans-serif;
  60.         font-size: 13px;
  61.         color: #838383;
  62.         padding: 12px 8px; /*padding inside each tab*/
  63.         text-decoration: none;
  64.         display: block;
  65.         margin: 0;
  66.         float: left;
  67. }
  68.  
  69. .sub-header ul li a:hover { /*background of tabs for hover state*/
  70.         color: #585858;
  71.         background-color: #d4d4d4;
  72.         background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#e9e9e9),color-stop(100%,#d0d0d0));
  73.    background-image: -webkit-linear-gradient(#e9e9e9,#d0d0d0);
  74.    background-image: -moz-linear-gradient(#e9e9e9,#d0d0d0);
  75.    background-image: -o-linear-gradient(#e9e9e9,#d0d0d0);
  76.    background-image: linear-gradient(#e9e9e9,#d0d0d0);
  77. }
  78.  
  79. .sub-header ul li.current-link a { /*background of tabs for selected state*/
  80.         color: #fff;
  81.         background-color: #1286c8;
  82.         background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#39b0f4),color-stop(100%,#1285c8));
  83.    background-image: -webkit-linear-gradient(#39b0f4,#1285c8);
  84.    background-image: -moz-linear-gradient(#39b0f4,#1285c8);
  85.    background-image: -o-linear-gradient(#39b0f4,#1285c8);
  86.    background-image: linear-gradient(#39b0f4,#1285c8);
  87. }
create a new version of this paste RAW Paste Data