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

Untitled

By: a guest on Jun 20th, 2012  |  syntax: None  |  size: 2.67 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. /**
  2.  * Woo
  3.  */
  4.  
  5. .panel {
  6.         width: 172px;
  7.         background: #fff;
  8.         box-shadow: 0 0 7px 0 rgba(16,49,132,0.1);
  9.         border-radius: 4px;
  10.         font-size: 12px;
  11.         color: #444;
  12.         background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  13.         border: 4px solid #fff;
  14.         padding: 20px;
  15.  
  16. }
  17.  
  18. .panel .panel-body {
  19. }
  20.  
  21. .panel .panel-body h1 {
  22.         font-size: 20px;
  23.         color: #103184;
  24.         font-weight: normal;
  25.         text-align: center;
  26. }
  27.  
  28. .panel .panel-body h2 {
  29.         font-size: 15px;
  30.         color: #444;
  31.         font-weight: normal;
  32.         padding-left: 25px;
  33. }
  34.  
  35. h2.this {
  36.         font-size: 20px;
  37.         color: #103184;
  38.         font-weight: normal;
  39.         padding-left: 30px;
  40.         position: relative;
  41.         background: url('http://www.google.com.sg/images/nav_logo99.png') top left no-repeat;
  42.  
  43. }
  44.  
  45. h2.this span.icon {
  46.         background: #ff0000;
  47.         padding-left: 15px;
  48.         margin-left: 10px;
  49.         background: url('http://www.google.com.sg/images/nav_logo99.png') top left no-repeat;
  50.  
  51. }
  52.  
  53. a.quicklink {
  54.         display: block;
  55.         width: 180px;
  56.         height: 20px;
  57.         font-size: 11px;
  58.         color: #444;
  59.         background: #eee;
  60.         text-decoration: none;
  61.         border-radius: 4px;
  62.         padding-left: 30px;
  63.         //background: url('http://www.google.com.sg/images/nav_logo99.png') top left no-repeat, -webkit-linear-gradient(top, #fff, #dcdcdc);
  64.         border: 1px solid #dfdfdf;
  65.         padding-top: 6px;
  66.         position: relative;
  67. }
  68. a.quicklink span.icon {
  69.         background: url('http://www.google.com.sg/images/nav_logo99.png') top left no-repeat, -webkit-linear-gradient(top, #fff, #dcdcdc);
  70.         display: block;
  71.         width: 28px;
  72.         height: 26px;
  73.         position: absolute;
  74.         top: 0;
  75.         left: 0;
  76. }
  77.  
  78. .section-header {
  79.         padding: 0 0 128px 0;
  80.         box-shadow: 0 1px 4px 1px rgba(16,49,132,0.3);
  81.         background: #eee url('http://www.google.com.sg/images/nav_logo99.png') top left no-repeat;
  82. }
  83.  
  84. .section-header .top h2 {
  85.         padding: 8px 16px;
  86.         font-size: 17px;
  87.         background: -webkit-linear-gradient(top, #fff, #d3d5dd);
  88.         box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.3);
  89.         vertical-align: top;
  90. }
  91.  
  92. .section-header .top h2 span.icon {
  93.         color: #ff0000;
  94.         font-weight: bold;
  95.         padding: 10px 6px;
  96.         font-size: 18px;
  97. }
  98.  
  99. ul { list-style: none; padding:0; margin:0; }
  100.  
  101. ul.subnav {
  102.         box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
  103.         width: 160px;
  104.         margin-top: 50px;
  105. }
  106.  
  107. ul.subnav li {
  108.         list-style: none;
  109.         padding: 0;
  110.         margin: 0;
  111. }
  112.  
  113. ul.subnav li a {
  114.         color: #2b2b2b;
  115.         text-decoration: none;
  116.         display: block;
  117.         text-transform: uppercase;
  118.         font-size: 11px;
  119.         padding: 10px 15px;
  120.         background: #f4f4f4;
  121.         background: -webkit-linear-gradient(top, #fff, #f4f4f4);
  122.         border-bottom: 1px solid #ccc;
  123. }
  124.  
  125. ul.subnav li a:hover {
  126.         color: #fff;
  127.         background: -webkit-linear-gradient(top, #2c5fa7, #010a46);
  128. }
  129.  
  130. ul.nested li a {
  131.         color: #103184;
  132.         background: -webkit-linear-gradient(top, #e5f4ff, #a6d6ff);
  133. }
  134.  
  135. ul.nested li a:hover {
  136.         color: #000;
  137.         background: -webkit-linear-gradient(top, #e5f4ff, #a6d6ff);
  138. }
create a new version of this paste RAW Paste Data