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

ThanksObama CSS

By: a guest on Mar 1st, 2013  |  syntax: CSS  |  size: 5.95 KB  |  views: 52  |  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. #header{border-bottom:none; background:transparent; padding-bottom:10px;}
  2.  
  3. /** HEADLINE **/
  4. #header:after{
  5.         content:"";
  6.         background:#00446a;
  7.         font-size:15px;
  8.        
  9.         display:block;
  10.         padding:0px;
  11.         margin:auto;
  12.         text-align:center;
  13.        
  14.         font-weight:bold;
  15.         color:#fff;
  16. }
  17.  
  18. /** BOX MODEL **/
  19. body,html{
  20.         background:#eee;
  21.         min-height:100% !important;
  22.         height:100% !important;
  23. }
  24. .side {
  25.        
  26.         position:relative;
  27.        
  28.         top:66px;
  29.         width:290px;
  30.        
  31.        
  32.         left:5px;
  33.         padding-right:10px;
  34.         padding-top:10px;
  35.         padding-left:0px;
  36.        
  37.         background: #eee;
  38.         }
  39.        
  40.         #search input[type="text"]{width:285px;}
  41. .side h1 {
  42.         color: #01446A;
  43.         font-size: 16px;
  44.         line-height: 22px;
  45.         font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',"Helvetica Neue",Helvetica,Segoe,"Segoe UI","Segoe WP",Calibri,Arial,clean,sans-serif;
  46. }
  47. .content {
  48.        
  49.         padding-top:65px;
  50.        
  51.         }
  52. /** HEADER **/
  53. #header {
  54.        
  55.  
  56.        
  57.         left:0px;
  58.         width:100%;    
  59.         height:20px;
  60.         z-index:5422;
  61.         background-color:#03122c !important;
  62.         }
  63.        
  64.         #sr-header-area a{
  65.                         color:#4e7892 !important;
  66.                 }
  67.                
  68. #sr-header-area, .res-navTop{
  69.         background-color:#03122c !important;
  70.        
  71.         border:none;
  72.        
  73.         border-bottom:1px solid #4e7892 !important
  74.         }
  75.        
  76.  
  77. #userbarToggle {
  78.         background:#4e7892 !important ;
  79.         border-right:0px !important;
  80.         border-top-left-radius:0px !important;
  81.        
  82.         padding-bottom:1px;
  83.         }
  84.  
  85. #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash, #RESShortcutsEditContainer {
  86.         background-color:#03122c !important;
  87.         color:#4e7892 !important;
  88.         font-size:14px !important;
  89.         }
  90. #header-bottom-left{
  91.         height:70px;
  92.         background:#00446a url(%%header%%) no-repeat;
  93.  
  94.         background-position:50% 3px;
  95.         border:none;
  96.         color:#fff;
  97.         position:relative;
  98.         border-bottom:1px solid #4e7892 ;
  99.        
  100.         outline:3px solid #03122c !important;
  101.         border-top:1px solid #4e7892 ;
  102.         padding-top:10px;
  103. }
  104. h4 a {
  105.  display:none;
  106. }
  107. .side, .sidebox .spacer, .titlebox form.toggle, .leavemoderator {
  108.  background-color:#eee
  109. }
  110. #header-bottom-left a{
  111.         color:#fff;
  112. }
  113. #header-bottom-right{
  114.         position:absolute;
  115.         right:0px;
  116.         top:19px !important;
  117.         height:15px;
  118.         background-color:#03122c !important;
  119.         z-index:6;
  120.        
  121.         color:#4e7892!important;
  122.         border-top-left-radius:0px;
  123.         border-bottom:1px solid #4e7892 !important;
  124.         border-left:1px solid #4e7892 !important;
  125.         }
  126. #header-img {
  127.        
  128.         position:absolute;     
  129.         bottom:5px;    
  130.         left:5px;      
  131.         }
  132.        
  133. span.redditname {
  134.        
  135.         position:absolute;     
  136.         bottom:5px;    
  137.         left:135px;    
  138.         }
  139. #header-img.default-header{
  140.         background:url(%%logo%%) center center no-repeat;
  141.        
  142. }
  143. #header-bottom-right{
  144.         background-color:transparent;
  145. }
  146. #header-bottom-right a {
  147.         color:#fff;
  148. }
  149. #userbarToggle{
  150.         background:transparent;
  151.         color:#fff;
  152.        
  153. border:none;
  154. }
  155. .tabmenu {
  156.         position:absolute;
  157.        
  158.         bottom:10px;
  159.        
  160.         left:250px;
  161.         }
  162.        
  163. .tabmenu li a{
  164.         padding:5px 10px;
  165.        
  166.         border-radius:5px;
  167.         border-bottom-left-radius:0px;
  168.         border-bottom-right-radius:0px;
  169.         }
  170. .tabmenu li a {
  171.         background:#00446a ;
  172.         position:relative;
  173.         padding:4px 8px;
  174.         top:6px;
  175.        
  176.         color:#4e7892 !important;
  177. }
  178. .tabmenu li:hover a{
  179.        
  180.         background:#4e7892 ;
  181.         color:#fff !important;
  182.         }
  183. .tabmenu li.selected a{
  184.         background:#4e7892 ;
  185.         border:none;
  186.        
  187.         color:#fff!important;
  188. }
  189.  
  190.  
  191. /** POST STYLES **/
  192. .thing .title{
  193.         color:#00446a;
  194.         font-weight:bold;
  195.        
  196. }
  197. .thing{
  198.        
  199.        
  200.        
  201.         }
  202.  
  203. /** SIDEBAR **/
  204.  
  205. .side .morelink {
  206.         background:#00446a;
  207.         border:none;
  208.         border:1px solid #003450;
  209.         box-shadow:#fff 0 1px 0;
  210.         color:#fff;
  211.        
  212.         border-radius:3px;
  213.        
  214. }
  215. .side .morelink:hover{
  216.         background:#DF2B22;
  217.        
  218.         border-color:#AF221B
  219. }
  220. .side .morelink a {
  221.         color:#fff;
  222. }
  223. .side .sidecontentbox {
  224.         display: block;
  225.         color:#01446A;
  226.         background: #fff;
  227.         border-radius:3px;
  228.         background-image:none;
  229.         border:none;
  230.         border-bottom: 1px solid #d1d1d1;
  231.         margin:0px;    
  232.         padding:0px;
  233.         margin:0px;
  234. }
  235. .side .sidecontextbox .title {
  236.         text-transform:lowercase;
  237. }
  238. .side .sidecontentbox .title h1{
  239.         margin:5px 0px 0px 5px;
  240.         padding:5px;
  241.         display:block;
  242.         color: #01446A;
  243.         font-size: 16px;
  244.         line-height: 22px;
  245.        
  246.         font-weight:bold;
  247.         font-family: "Gotham SSm 4r", "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", "Segoe WP", Calibri, Arial, clean, sans-serif;
  248. }
  249. .side .sidecontentbox .content {
  250.        
  251.         border:none;
  252.         border-top:1px solid #eee;
  253. }
  254. .side .sidecontentbox .title .collapse-button{
  255. display:none;
  256.        
  257.         position:relative;
  258.        
  259.         top:-23px;
  260. }
  261. .side h4 + blockquote{
  262.         display: block;
  263.         color:#01446A;
  264.         background-color: #fff;
  265.         border-radius:3px;
  266.         background-image:none;
  267.         border:none;
  268.         border-bottom: 1px solid #d1d1d1;
  269.         margin:0px;    
  270.         padding:0px;
  271.         margin:0px;
  272.  
  273. }
  274. .side blockquote ul {
  275.         font-size:12px;
  276.         margin:0px;
  277.         padding:0px;
  278. }
  279. .side .nub, .side .morelink:hover .nub {
  280.         background:none;
  281. }
  282. .side blockquote ul li, .icon-menu li {
  283.         list-style:none;
  284.         padding:8px;   
  285.         text-align:center;
  286.        
  287.         border-top:1px solid #eee
  288. }
  289.  
  290. .side .reddit-entry{
  291.         list-style:none;
  292.         padding:10px;
  293.        
  294.  }
  295. .icon-menu li {
  296.         text-align:left;
  297. }
  298. .side blockquote h1{
  299.         margin:5px 0px 0px 5px;
  300.         padding:5px;
  301.         display:block;
  302.        
  303.         text-transform:uppercase;
  304. }
  305. .side blockquote em {
  306.         display:block;
  307.         font-style:normal;
  308.         padding:10px;
  309. }
  310. .side .midcol {
  311.         position:relative;     
  312.         top:15px;      
  313.         left:8px;
  314. }
  315.  
  316. .content .thing.link {
  317.         border-bottom:1px solid #c0c0c0;
  318.         margin:5px;    
  319.         padding:10px;
  320.         padding-left:10px;
  321.         margin-right:310px;
  322.         background:#fff;       
  323.         border-radius:3px;
  324.         color:#00446a !important;
  325. }
  326. .content a.title{
  327.         color:#00446a !important;
  328.         }
  329.        
  330. .content a.click {
  331.         color:#4e7892 !important
  332.         }
  333. .keyHighlight {
  334.         background-color:#eee !important;      
  335.         outline:1px dashed #c0c0c0 !important;
  336. }
  337. .side {
  338.         padding-left:10px;
  339.         background:url(%%toSide1-a%%) 50% 18px no-repeat;
  340.        
  341.        
  342.         padding-top:150px
  343. }
  344. .side:hover{
  345.         background:url(%%toSide1-b%%) 50% 18px no-repeat;
  346. }
  347. .progressIndicator{
  348.        
  349. margin-right:320px;
  350. }
  351.  
  352. .thing.comment {
  353.        
  354.         color:#333 !Important;
  355.         margin-right:0px !important;
  356.         }
  357.  
  358. .side .thing {
  359. margin-right:0px       
  360.  
  361. }
clone this paste RAW Paste Data