Advertisement
titleproblems

COST_orange

Jun 1st, 2013
821
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.89 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: #f07602
  15. Sub-color: #f8b263
  16. Border-color: #cc690b
  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.  
  77. #header {
  78.     background-color: #f07602;
  79.     border-bottom: 1px solid #cc690b;
  80. }
  81.  
  82. #sr-header-area {
  83.     background-color: #f8b263;
  84. }
  85.  
  86.     /***** END of Header *****/
  87.      
  88.     /***** Tabmenu *****/
  89.  
  90. .tabmenu li a {
  91.     background-color: #f8b263;
  92. }
  93.  
  94.     /***** END of Tabmenu *****/
  95.      
  96.     /***** Side *****/
  97.  
  98. .side {
  99.     margin-top: 25px;
  100.     padding-left: 10px;
  101. }
  102.  
  103. .titlebox .md h1 {
  104.     background-color: #f07602;
  105.     padding: 5px;
  106.     text-align: center;
  107. }
  108.  
  109. .titlebox .md h2 {
  110.     background-color: #f8b263;
  111.     padding: 8px;
  112.     color: #000;
  113. }
  114.  
  115. .titlebox .md h3 {
  116.     background-color: #f8b263;
  117.     padding: 8px;
  118.     margin-top: 20px;
  119. }
  120.  
  121. .titlebox .md hr {
  122.     margin-top: 10px;
  123.     margin-bottom: 10px;
  124.     background-color: #f8b263;
  125.     color: #f8b263;
  126.     border-color: #f8b263;
  127. }
  128.  
  129. /* Link bar on top of the page */
  130. .side .md h6 {
  131.     position: absolute;
  132.     top: 60px;
  133.     left: -5px;
  134.     background-color: #FFF;
  135.     color: #000;
  136.     border: 1px solid #f8b263;
  137.     border-right: 0px;
  138.     border-left: 0px;
  139.     padding: 1px;
  140.     padding-top: 9px;
  141.     width: 100%;
  142.     text-indent: 130px;
  143.     display: block;
  144.     height: 19px;
  145.     padding-right: 3px;
  146. }
  147.  
  148. .side .md h6 a {
  149.     color: #000;
  150. }
  151.  
  152. .side .md h6 a:hover {
  153.     text-decoration: underline;
  154. }
  155. /* END of Link bar on top of the page */
  156.  
  157. /* Dropdown menu top */
  158.  
  159. .side .md blockquote:last-of-type {
  160.     position: absolute;
  161.     top: 60px;
  162.     left: -2px;
  163.     border: 0 none;
  164.     z-index: 10;
  165.     padding: 2px;
  166.     background-color: #f8b263;
  167.     border-radius: 0px;
  168.     border-bottom: 1px solid #f8b263;
  169.     font-weight: bold;
  170.     color: #000;
  171. }
  172.  
  173. .side .md blockquote:last-of-type ol {
  174.     list-style: none;
  175.     display: inline-block;
  176.     padding: 3px;
  177.     margin: 0;
  178. }
  179.  
  180. .side .md blockquote:last-of-type ol li { display: none; }
  181. .side .md blockquote:last-of-type ol li:first-child { display: block; text-decoration: none; }
  182. .side .md blockquote:last-of-type ol:hover li { display: block; text-decoration: none }
  183. .side .md blockquote:last-of-type a { color:#000; }
  184. .side .md blockquote:last-of-type a:hover { text-decoration: underline; }
  185.  
  186. /* END of Dropdown menu top */
  187.  
  188. .titlebox blockquote {
  189.     background-color: rgb(246, 230, 159);
  190.     border: 1px solid rgb(255, 165, 0);
  191.     border-radius: 3px;
  192.     padding: 2px;
  193.     padding-left: 5px;
  194.     margin-left: 0px;
  195. }
  196.  
  197. /* Submit links */
  198.  
  199. .morelink {
  200.     background-color: #f07602;
  201.     background-image: none;
  202.     border: 1px solid #cc690b;
  203. }
  204.  
  205. .morelink a {
  206.     color: #000;
  207. }
  208.  
  209. .morelink:hover {
  210.     background-image: none;
  211.     background-color: #ea9534;
  212.     border: 1px solid #cc690b;
  213.     text-shadow: 1px 1px 5px #8b5eef;
  214. }
  215.  
  216. .morelink .nub {
  217.     display: none;
  218. }
  219.  
  220. /* END of Submit links */
  221.  
  222. #search input[type="text"] {
  223.     color: #f07602;
  224.     border: 0px solid #000;
  225.     z-index: 6;
  226.     position: absolute;
  227.     top: 67px;
  228.     float: right;
  229.     font-size: 14px;
  230.     text-align: right;
  231. }
  232.  
  233.  
  234.  
  235. /* Flair selection */
  236. .titlebox form.flairtoggle {
  237.     background-color:#f8b263;
  238.     border: 1px solid #f8b263;
  239.     color: #000;
  240.     padding-top: 3px;
  241.     padding-bottom: 3px;
  242.     padding-left: 3px;
  243.     padding-right: 3px;
  244.     width: 280px;
  245.     margin: 0 auto;
  246.     margin-top: 10px;
  247. }
  248.  
  249. .titlebox .tagline {
  250.     border: 1px solid #f8b263;
  251.     padding-top: 3px;
  252.     padding-bottom: 3px;
  253.     padding-left: 3px;
  254.     padding-right: 3px;
  255.     width: 280px;
  256.     margin: 0 auto;
  257.     margin-bottom: 20px;
  258. }
  259. /* END of Flair selection */
  260.  
  261.     /***** END of Side *****/
  262.      
  263.     /***** Content *****/
  264.  
  265. .content {
  266.     margin-top: 30px;
  267. }
  268.  
  269. .link {
  270.     padding-bottom: 5px;
  271.     border-bottom: 1px solid #f8b263;
  272. }
  273.  
  274. .entry .buttons li a {
  275.     color: #f8b263;
  276.     font-weight: normal;
  277. }
  278.  
  279. .entry .buttons li a.flairselectbtn {
  280.     font-weight: bold;
  281. }
  282.  
  283. .report-button:hover:after {
  284.     position: absolute;
  285.     white-space: normal;
  286.     display: block;
  287.     z-index: 1000;
  288.     width: 350px;
  289.     padding: 5px;
  290.     border: 0px solid #333;
  291.     background: #fca;
  292.     content: "Please also message the moderators a link and reason why you are reporting this, thanks. ";
  293.     text-align: center;
  294.     font-size: 10px;
  295.     color: red;
  296.     margin-left: 25px;
  297.     margin-top: 5px;
  298.     -moz-border-radius: 4px;
  299.     border-radius: 4px;
  300.     -webkit-border-radius: 4px
  301. }
  302.  
  303. .linkinfo {
  304.     background-color: #FFF;
  305.     border: 1px solid #f07602;
  306.     border-radius: 0px;
  307. }
  308.  
  309.     /***** END of Content *****/
  310.      
  311.     /***** RES Stuff *****/
  312.  
  313. /* RES post highlight */
  314.  
  315. .res .RES-keyNav-activeElement,
  316. .res .commentarea .RES-keyNav-activeElement .md,
  317. .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed,
  318. .res .keyHighlight,
  319. .res .commentarea .keyHighlight .md,
  320. .res .commentarea .keyHighlight.entry .noncollapsed {
  321.     outline: 0px solid!important;
  322.     background: none;
  323.     border-right: 3px solid #f07602;
  324. }
  325.  
  326. /* END of RES post highlight */
  327.  
  328.     /***** END of RES Stuff *****/
  329.      
  330.     /***** Link Flair Stuff *****/
  331.  
  332. .linkflair-flair .linkflairlabel {
  333.     text-transform: uppercase;
  334.     color: #f8b263;
  335.     background: none;
  336.     border: 0px;
  337. }
  338.  
  339.     /***** END of Link Flair Stuff *****/
  340.      
  341.     /***** User Flair Stuff *****/
  342.     /***** End of User Flair Stuff *****/
  343.      
  344.     /***** Other *****/
  345.     /***** END of Other *****/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement