Advertisement
titleproblems

COST_blue

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