titleproblems

Keep It Simple (v1.1) - Subreddit Theme

Jul 7th, 2013
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.99 KB | None | 0 0
  1. /*
  2. ------------------------------------------------------------------------------------------
  3. Welcome to /r/SUBREDDIT-NAME-HERE 's stylesheet.
  4. ------------------------------------------------------------------------------------------
  5. This subreddit is using the "Keep It Simple" theme written by /u/titleproblems
  6. It can be found at /r/titleproblems, alongside other themes and templates.
  7. ------------------------------------------------------------------------------------------
  8. Organized CSS Comments to make the code more organized by /u/titleproblems
  9. Get it yourself! http://pastebin.com/JebhGdP8
  10. ------------------------------------------------------------------------------------------
  11. */
  12.  
  13. /***** Body *****/
  14.  
  15. body {
  16.     font-family: Arial, Helvetica, sans-serif;
  17.     background-color: #f8f8f8;
  18. }
  19.  
  20. /***** END of Body *****/
  21.  
  22.  
  23. /***** Header *****/
  24.  
  25. #header {
  26.     background-color: #cee3f8;
  27.     border-bottom: 1px solid #b0d6fd;
  28.     z-index: 1;
  29. }
  30.  
  31. #header .pagename {
  32.     color: #474747;
  33.     border: 1px solid #f4f4f4;
  34.     background-color: #fbfbfb;
  35.     box-shadow: 0px 0px 1px #cbcaca;
  36.     padding: 5px;
  37.     font-size: 14px;
  38.     font-variant: normal;
  39. }
  40.  
  41. #header-bottom-right {
  42.     /*position: absolute;*/
  43.     /*margin-top: 5px;*/
  44.     right: 0px;
  45.     top: auto !important;
  46.     bottom: -6px !important;
  47.     border-bottom: 1px solid #f4f4f4;
  48.     background-color: #fbfbfb;
  49.     box-shadow: 0px 0px 1px #cbcaca;
  50.     vertical-align: bottom !important;
  51. }
  52.  
  53. #userbarToggle {
  54.     background-color: #fbfbfb !important;
  55.     background: #fbfbfb !important;
  56.     box-shadow: 0px 0px 1px #cbcaca;
  57.     border-radius: 0px !important;
  58.     border-bottom: 1px solid #f4f4f4;
  59.     border-left: 1px solid #f4f4f4;
  60.     border-right: 1px solid #f4f4f4 !important;
  61. }
  62.  
  63. #sr-header-area {
  64.     border-bottom: 1px solid #f4f4f4;
  65.     background-color: #fbfbfb;
  66.     box-shadow: 0px 0px 1px #cbcaca;
  67. }
  68.  
  69. /***** END of Header *****/
  70.  
  71. /***** Tabmenu *****/
  72.  
  73. #header .tabmenu {
  74.     border: 1px solid #f4f4f4;
  75.     background-color: #fbfbfb;
  76.     box-shadow: 0px 0px 1px #cbcaca;
  77.     padding: 5px;
  78.     padding-bottom: 6px;
  79.     margin: 0px 0px -6px;
  80. }
  81. #header .tabmenu li { margin: 0px 0px; }
  82. #header .tabmenu li a {
  83.     background: transparent;
  84.     border-right: 1px solid #f4f4f4;
  85.     border-left: 1px solid #f4f4f4;
  86.     color: #474747;
  87. }
  88.  
  89. #header .tabmenu li a:hover { background-color: transparent; }
  90.  
  91. #header .tabmenu li.selected a {
  92.     border-top: 0px;
  93.     border-bottom: 0px;
  94.     color: #000;
  95. }
  96.  
  97. /***** END of Tabmenu *****/
  98.  
  99. /***** Side *****/
  100.  
  101. .side {
  102.     margin-top: 50px;
  103.     margin-right: 15px;
  104.     padding-top: 25px;
  105.     padding-left: 10px;
  106.     padding-right: 10px;
  107.     border: 1px solid #f4f4f4;
  108.     background-color: #fbfbfb;
  109.     box-shadow: 0px 0px 1px #cbcaca;
  110.     margin-left: 10px;
  111. }
  112.  
  113. .titlebox h6:first-of-type {
  114.     position: absolute;
  115.     top: 85px;
  116.     left: 50px;
  117.     color: #474747;
  118. }
  119.  
  120. .sidebox.submit.submit-link {
  121.  
  122. }
  123.  
  124. .sidebox.submit.submit-text {
  125.  
  126. }
  127.  
  128. .morelink {
  129.     z-index: 50;
  130.     border: 1px solid #f4f4f4;
  131.     background: #fbfbfb;
  132.     box-shadow: 0px 0px 1px #cbcaca;
  133.     padding-top: 5px;
  134.     padding-bottom: 5px;
  135.     overflow: hidden;
  136. }
  137.  
  138. .morelink:hover {
  139.     background: none;
  140.     background-color: #eee !important;
  141.     color: #000;
  142.     border: 1px solid #e5e4e4;
  143. }
  144.  
  145. .morelink a {
  146.     color: #474747 !important;
  147.     font-size: 15px;
  148. }
  149.  
  150. .morelink a:hover {
  151.     color: #000 !important;
  152. }
  153.  
  154. .morelink .nub { display: none; }
  155.  
  156.  
  157. .sidecontentbox .content {
  158.     width: 290px;
  159. }
  160.  
  161. #search {
  162.     margin-top: -20px;
  163.     margin-bottom: 20px;
  164.     border: 1px solid #b0d6fd;
  165.     background-color: #cee3f8;
  166.     padding-top: 10px;
  167.     padding-bottom: 10px;
  168.     padding-left: 2px;
  169.     padding-right: 2px;
  170. }
  171.  
  172. #search input[type="text"] {
  173.     border-radius: 15px;
  174.     border: 1px solid #b0d6fd;
  175.     text-indent: 5px;
  176.     font-size: 15px;
  177.     width: 90%;
  178.     margin-left: 12px;
  179.     color: #696969;
  180. }
  181.  
  182. #searchexpando {
  183.     background: transparent !important;
  184.     border: none !important;
  185. }
  186.  
  187. h1.redditname { font-family: Arial, Helvetica, sans-serif; }
  188.  
  189. /***** END of Side *****/
  190.  
  191. /***** Content *****/
  192.  
  193. .content {
  194.     border: 1px solid #f4f4f4;
  195.     background-color: #fbfbfb;
  196.     overflow: hidden;
  197.     margin-left: 20px;
  198.     margin-top: 50px;
  199.     padding: 10px;
  200.     box-shadow: 0px 0px 1px #cbcaca;
  201. }
  202.  
  203. .link {
  204.     border-bottom: 1px solid #f4f4f4;
  205.     padding-bottom: 5px;
  206. }
  207.  
  208. .roundfield, #link-desc.infobar, #text-desc.infobar {
  209.     border: 1px solid #b0d6fd;
  210.     background-color: #cee3f8;
  211.     border-radius: 0px;
  212. }
  213.  
  214.  
  215. /***** END of Content *****/
  216.  
  217. /***** RES Stuff *****/
  218.  
  219. .RES-keyNav-activeElement, .commentarea .RES-keyNav-activeElement.entry .noncollapsed, .entry.likes.RES-keyNav-activeElement.lcTagged {
  220.     outline: 1px dashed #cee3f8;
  221.     border-right: 3px solid #cee3f8;
  222.     background-color: transparent !important;
  223.     background: transparent !important;
  224. }
  225.  
  226. /***** END of RES Stuff *****/
  227.  
  228. /***** Link Flair Stuff *****/
  229.  
  230. .linkflairlabel {
  231.     background: transparent !important;
  232.     border: none !important;
  233. }
  234.  
  235. /***** END of Link Flair Stuff *****/
  236.  
  237. /***** User Flair Stuff *****/
  238.  
  239. .flair {
  240.     background: transparent !important;
  241.     border: none !important;
  242. }
  243.  
  244. /***** End of User Flair Stuff *****/
  245.  
  246. /***** Other *****/
  247.  
  248. .footer.rounded {
  249.     border-radius: 0px;
  250.     border: 1px solid #f4f4f4;
  251.     background-color: #fbfbfb;
  252.     box-shadow: 0px 0px 1px #cbcaca;
  253. }
  254.  
  255. .footer.rounded:after {
  256.     display: inline-block;
  257.     content: 'Subreddit theme designed and coded by /u/titleproblems. Check out /r/titleroblems for more!';
  258.     width: 130px;
  259.     height: 100px;
  260.     margin-top: 10px;
  261.     border-left: 1px solid #ccc;
  262.     padding-left: 10px;
  263.     padding-right: 10px;
  264.     padding-bottom: 10px;
  265.     padding-top: 0px;
  266. }
  267.  
  268. .footer.rounded:before {
  269.     display: block;
  270.     content: 'Subreddit theme: Keep It Simple (v1.1)';
  271.     font-size: 20px;
  272. }
  273.  
  274. /***** END of Other *****/
Add Comment
Please, Sign In to add comment