Advertisement
Guest User

ThanksObama CSS

a guest
Mar 1st, 2013
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.95 KB | None | 0 0
  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. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement