Advertisement
titleproblems

COST_green

Jun 3rd, 2013
753
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.96 KB | None | 0 0
  1. /*
  2.     Welcome to /r/SUBREDDIT-NAME-HERE 's stylesheet.
  3.    
  4.     COST: Clean - Organized - Simplistic - Theme
  5.     Theme made by /u/titleproblems
  6.     Visit /r/titleproblems for more variants of COST and for more 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. COLOR SCHEME
  14. Main: #5abf53
  15. Sub-color: #87e182
  16. Border-color: #228b1c
  17. Background-color: #FFF
  18. /*
  19.  
  20. /* Makes stylesheet nicer */
  21. #stylesheet_contents {
  22.     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  23.     padding:5px;
  24.     background-color:#222;
  25.     color:#ace;
  26.     border:2px solid #222;
  27.     height: 420px;
  28.     font-size: 13px;
  29. }
  30. body.res-nightmode #stylesheet_contents {
  31.     background-color:#111;
  32.     border-color:#111;
  33.     height: 500px;
  34.     font-size: 13px;
  35. }
  36. /* End of stylesheet changes */
  37.      
  38.     /***** Body *****/
  39.     /***** END of Body *****/
  40.      
  41.     /***** Header *****/
  42.  
  43.  
  44. /* login menu WITHOUT RES */
  45. #header-bottom-right {
  46.     position: absolute;
  47.     top: 30px;
  48.     right: 10px;
  49.     bottom: 8px;
  50.     float: right;
  51.     background: transparent;
  52. }
  53.  
  54. /* END of login menu WITHOUT RES */
  55.  
  56. /* login menu WITH RES */
  57.  
  58. #header-bottom-right.res-navTop {
  59.     position: absolute;
  60.     top: 26px;
  61.     right: 10px;
  62.     bottom: 8px;
  63.     float: right;
  64.     background: transparent;
  65. }
  66.  
  67. #userbarToggle.userbarHide {
  68.     display: none;
  69. }
  70.  
  71. /* END of login menu WITH RES */
  72.  
  73. #header-bottom-left {
  74. }
  75.  
  76. #header {
  77.     background-color: #5abf53;
  78.     border-bottom: 1px solid #3a9634;
  79. }
  80.  
  81. #sr-header-area {
  82.     background-color: #87e182;
  83.     border-bottom: 1px solid #3a9634;
  84. }
  85.  
  86.     /***** END of Header *****/
  87.      
  88.     /***** Tabmenu *****/
  89.  
  90. .tabmenu li a {
  91.     background-color: #87e182;
  92.     color: #228b1c;
  93. }
  94.  
  95.     /***** END of Tabmenu *****/
  96.      
  97.     /***** Side *****/
  98.  
  99. .side {
  100.     margin-top: 25px;
  101.     padding-left: 10px;
  102. }
  103.  
  104. .titlebox .md h1 {
  105.     background-color: #5abf53;
  106.     padding: 5px;
  107.     text-align: center;
  108. }
  109.  
  110. .titlebox .md h2 {
  111.     background-color: #87e182;
  112.     padding: 8px;
  113.     color: #000;
  114. }
  115.  
  116. .titlebox .md h3 {
  117.     background-color: #87e182;
  118.     padding: 8px;
  119.     margin-top: 20px;
  120. }
  121.  
  122. .titlebox .md hr {
  123.     margin-top: 10px;
  124.     margin-bottom: 10px;
  125.     background-color: #87e182;
  126.     color: #87e182;
  127.     border-color: #87e182;
  128. }
  129.  
  130. /* Link bar on top of the page */
  131. .side .md h6 {
  132.     position: absolute;
  133.     top: 60px;
  134.     left: -5px;
  135.     background-color: #FFF;
  136.     color: #5abf53;
  137.     border: 1px solid #87e182;
  138.     border-right: 0px;
  139.     border-left: 0px;
  140.     padding: 1px;
  141.     padding-top: 9px;
  142.     width: 100%;
  143.     text-indent: 130px;
  144.     display: block;
  145.     height: 19px;
  146.     padding-right: 3px;
  147. }
  148.  
  149. .side .md h6 a {
  150.     color: #5abf53;
  151. }
  152.  
  153. .side .md h6 a:hover {
  154.     text-decoration: underline;
  155. }
  156. /* END of Link bar on top of the page */
  157.  
  158. /* Dropdown menu top */
  159.  
  160. .side .md blockquote:last-of-type {
  161.     position: absolute;
  162.     top: 60px;
  163.     left: -2px;
  164.     border: 0 none;
  165.     z-index: 10;
  166.     padding: 2px;
  167.     background-color: #87e182;
  168.     border-radius: 0px;
  169.     border-bottom: 1px solid #87e182;
  170.     font-weight: bold;
  171.     color: #228b1c;
  172. }
  173.  
  174. .side .md blockquote:last-of-type ol {
  175.     list-style: none;
  176.     display: inline-block;
  177.     padding: 3px;
  178.     margin: 0;
  179. }
  180.  
  181. .side .md blockquote:last-of-type ol li { display: none; }
  182. .side .md blockquote:last-of-type ol li:first-child { display: block; text-decoration: none; }
  183. .side .md blockquote:last-of-type ol:hover li { display: block; text-decoration: none }
  184. .side .md blockquote:last-of-type a { color: #228b1c; }
  185. .side .md blockquote:last-of-type a:hover { text-decoration: underline; }
  186.  
  187. /* END of Dropdown menu top */
  188.  
  189. .titlebox blockquote {
  190.     background-color: rgb(246, 230, 159);
  191.     border: 1px solid rgb(255, 165, 0);
  192.     border-radius: 3px;
  193.     padding: 2px;
  194.     padding-left: 5px;
  195.     margin-left: 0px;
  196. }
  197.  
  198. /* Submit links */
  199.  
  200. .morelink {
  201.     background-color: #5abf53;
  202.     background-image: none;
  203.     border: 1px solid #228b1c;
  204. }
  205.  
  206. .morelink:hover {
  207.     background-image: none;
  208.     background-color: #65cc5e;
  209.     border: 1px solid #228b1c;
  210.     text-shadow: 1px 1px 5px #8b5eef;
  211. }
  212.  
  213. .morelink a {
  214.     color: #228b1c;
  215. }
  216.  
  217. .morelink .nub {
  218.     display: none;
  219. }
  220.  
  221. /* END of Submit links */
  222.  
  223. #search input[type="text"] {
  224.     color: #87e182;
  225.     border: 0px solid #8ebeef;
  226.     z-index: 6;
  227.     position: absolute;
  228.     top: 67px;
  229.     float: right;
  230.     font-size: 14px;
  231.     text-align: right;
  232. }
  233.  
  234.  
  235.  
  236. /* Flair selection */
  237. .titlebox form.flairtoggle {
  238.     background-color: #87e182;
  239.     border: 1px solid #87e182;
  240.     color: #228b1c;
  241.     padding-top: 3px;
  242.     padding-bottom: 3px;
  243.     padding-left: 3px;
  244.     padding-right: 3px;
  245.     width: 280px;
  246.     margin: 0 auto;
  247.     margin-top: 10px;
  248. }
  249.  
  250. .titlebox .tagline {
  251.     border: 1px solid #87e182;
  252.     padding-top: 3px;
  253.     padding-bottom: 3px;
  254.     padding-left: 3px;
  255.     padding-right: 3px;
  256.     width: 280px;
  257.     margin: 0 auto;
  258.     margin-bottom: 20px;
  259. }
  260. /* END of Flair selection */
  261.  
  262.     /***** END of Side *****/
  263.      
  264.     /***** Content *****/
  265.  
  266. .content {
  267.     margin-top: 30px;
  268. }
  269.  
  270. .link {
  271.     padding-bottom: 5px;
  272.     border-bottom: 1px solid #87e182;
  273. }
  274.  
  275. .entry .buttons li a {
  276.     color: #5abf53;
  277.     font-weight: normal;
  278. }
  279.  
  280. .entry .buttons li a.flairselectbtn {
  281.     font-weight: bold;
  282. }
  283.  
  284. .report-button:hover:after {
  285.     position: absolute;
  286.     white-space: normal;
  287.     display: block;
  288.     z-index: 1000;
  289.     width: 350px;
  290.     padding: 5px;
  291.     border: 0px solid #333;
  292.     background: #fca;
  293.     content: "Please also message the moderators a link and reason why you are reporting this, thanks. ";
  294.     text-align: center;
  295.     font-size: 10px;
  296.     color: red;
  297.     margin-left: 25px;
  298.     margin-top: 5px;
  299.     -moz-border-radius: 4px;
  300.     border-radius: 4px;
  301.     -webkit-border-radius: 4px
  302. }
  303.  
  304. .linkinfo {
  305.     background-color: #87e182;
  306.     border: 1px solid #5abf53;
  307.     border-radius: 0px;
  308. }
  309.  
  310.     /***** END of Content *****/
  311.      
  312.     /***** RES Stuff *****/
  313.  
  314. /* RES post highlight */
  315.  
  316. .res .RES-keyNav-activeElement,
  317. .res .commentarea .RES-keyNav-activeElement .md,
  318. .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed,
  319. .res .keyHighlight,
  320. .res .commentarea .keyHighlight .md,
  321. .res .commentarea .keyHighlight.entry .noncollapsed {
  322.     outline: 0px solid!important;
  323.     background: none;
  324.     border-right: 3px solid #5abf53;
  325. }
  326.  
  327. /* END of RES post highlight */
  328.  
  329.     /***** END of RES Stuff *****/
  330.      
  331.     /***** Link Flair Stuff *****/
  332.  
  333. .linkflair-flair .linkflairlabel {
  334.     text-transform: uppercase;
  335.     color: #5abf53;
  336.     background: none;
  337.     border: 0px;
  338. }
  339.  
  340.     /***** END of Link Flair Stuff *****/
  341.      
  342.     /***** User Flair Stuff *****/
  343.     /***** End of User Flair Stuff *****/
  344.      
  345.     /***** Other *****/
  346.     /***** END of Other *****/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement