titleproblems

YouTube Reddit Theme

May 31st, 2013
484
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.14 KB | None | 0 0
  1. /*
  2. Welcome to /r/SUBREDDIT-NAME-HERE 's stylesheet.
  3.  
  4. This YouTube template is made by /u/titleproblems
  5. VISIT REDDIT.COM/R/TITLEPROBLEMS FOR MORE TEMPLATES
  6.  
  7. Organized CSS Comments to make the code more organized by /u/titleproblems
  8. Get it yourself! http://pastebin.com/JebhGdP8
  9. http://www.reddit.com/r/titleproblems
  10. */
  11.  
  12. /***** Body *****/
  13.  
  14. body {
  15.     font-family: arial,sans-serif;
  16. }
  17.  
  18. /***** END of Body *****/
  19.  
  20. /***** Header *****/
  21.  
  22. #header {
  23.     background-color: rgb(241, 241, 241);
  24.     border-bottom: 1px solid rgb(232, 232, 232);
  25.     height: 49px;
  26.     z-index: 3;
  27. }
  28.  
  29. #sr-header-area {
  30.     display: none;
  31. }
  32.  
  33. .pagename {
  34.     display: none;
  35. }
  36.  
  37. #header-img {
  38.     height: 30px;
  39.     width: 72px;
  40.     margin-left: 52px;
  41.     margin-top: 9px;
  42. }
  43.  
  44. /* login menu WITHOUT RES */
  45. #header-bottom-right {
  46.     position: absolute;
  47.     top: 15px;
  48.     right: 10px;
  49.     bottom: 8px;
  50.     float: right;
  51.     background: transparent;
  52. }
  53.  
  54. #header-bottom-right .user {
  55.     font-size: 12px;
  56. }
  57. /* END of login menu WITHOUT RES */
  58.  
  59. /* login menu WITH RES */
  60.  
  61. #header-bottom-right.res-navTop {
  62.     position: absolute;
  63.     top: 12px;
  64.     right: 10px;
  65.     bottom: 8px;
  66.     float: right;
  67.     background: transparent;
  68. }
  69.  
  70. #userbarToggle.userbarHide {
  71.     display: none;
  72. }
  73.  
  74. /* END of login menu WITH RES */
  75.  
  76. /***** END of Header *****/
  77.  
  78. /***** Tabmenu *****/
  79.  
  80. .tabmenu {
  81.     border-bottom: 1px solid #e1e1e1;
  82.     z-index: 3;
  83.     position: absolute;
  84.     top: 60px;
  85.     left: 220px;
  86.     right: 310px;
  87.     max-width: 100%;
  88.     padding-bottom: 6px;
  89.     padding-left: 20px;
  90. }
  91.  
  92. .tabmenu li a {
  93.     background: none;
  94.     color: #777;
  95.     border: 0px;
  96.     padding-bottom: 3px;
  97. }
  98.  
  99. .tabmenu li a:hover {
  100.     color: #000;
  101.     border-bottom: 3px solid red;
  102. }
  103.  
  104. .tabmenu li.selected a {
  105.     background: none;
  106.     color: #000;
  107.     border: 0px;
  108.     border-bottom: 3px solid red;
  109. }
  110.  
  111. /***** END of Tabmenu *****/
  112.  
  113. /***** Side *****/
  114.  
  115. .side {
  116.     background-color: #FFF !important;
  117.     padding-left: 5px;
  118.     border-left: 1px solid #e1e1e1;
  119.     z-index: 10;
  120. }
  121.  
  122. .side blockquote {
  123.     position: absolute;
  124.     float: left;
  125.     border-left: 0px;
  126.     left: 10px;
  127.     top: 45px;
  128.     border-right: 1px solid #e1e1e1;
  129.     width: 200px;
  130.     min-height: 1001px;
  131.     z-index: 6;
  132.     padding-top: 15px;
  133. }
  134.  
  135. .side hr {
  136.     color: #e1e1e1;
  137. }
  138.  
  139. #search input[type="text"] {
  140.     position: absolute;
  141.     top: 10px;
  142.     left: 222px;
  143.     width: 450px;
  144.     z-index: 5;
  145.     border: 1px solid #e1e1e1;
  146. }
  147.  
  148. #search input[type="text"] ::-webkit-input-placeholder {
  149.     text-indent:-9999px;
  150. }
  151.  
  152. .morelink {
  153.     background: none;
  154.     background-color: #FFF;
  155.     width: 70px;
  156.     height: 27px;
  157.     position: absolute;
  158.     left: 700px;
  159.     top: 9px;
  160.     z-index: 4;
  161.     border: 1px solid #e1e1e1;
  162.     font-size: 12px;
  163.     color: #000;
  164. }
  165.  
  166. .sidebox.submit-text .morelink {
  167.     display: none;
  168. }
  169.  
  170. .morelink:hover {
  171.     background: none;
  172.     background-color: #FFF;
  173.     color: #000;
  174. }
  175.  
  176. .morelink a {
  177.     color: #000;
  178. }
  179.  
  180. .morelink a:hover {
  181.     color: #000;
  182. }
  183.  
  184. .morelink .nub {
  185.     background: none;
  186.     color: #000;
  187. }
  188.  
  189. .morelink:hover .nub {
  190.     background: none;
  191.     color: #000;
  192. }
  193.  
  194. .sidebox.create {
  195.     display: none;
  196. }
  197.  
  198. .redditname {
  199.     display: none;
  200. }
  201.  
  202. /***** END of Side *****/
  203.  
  204. /***** Content *****/
  205.  
  206. .content {
  207.     margin-top: 50px;
  208. }
  209.  
  210. .link {
  211.     margin-left: 215px;
  212.     border-bottom: 1px solid #e1e1e1;
  213.     padding-bottom: 10px;
  214.     z-index: 3;
  215. }
  216.  
  217. .link.last-clicked {
  218.     border: 0px;
  219. }
  220.  
  221. .link .rank {
  222.     display: none;
  223. }
  224.  
  225.  
  226.  
  227. .domain {
  228.     display: none;
  229. }
  230.  
  231. /* Vote arrows */
  232.  
  233. .arrow.up { background-image: url(%%UpNotClicked%%);
  234. background-position: 0px 0px;
  235. height: 13px; width: 13px;
  236. }
  237. .arrow.upmod {
  238. background-image: url(%%UpClicked%%);
  239. background-position: 0px 0px;
  240. height: 13px; width: 13px;  
  241. }
  242. .arrow.down { background-image: url(%%DownNotClicked%%);
  243. background-position: 0px 0px;
  244. height: 13px; width: 13px;
  245. }
  246. .arrow.downmod {
  247. background-image: url(%%DownClicked%%);
  248. background-position: 0px 0px;
  249. height: 13px; width: 13px;
  250. }
  251.  
  252. /* END of Vote arrows */
  253.  
  254. /***** END of Content *****/
  255.  
  256. /***** RES Stuff *****/
  257.  
  258. /* Remove post highlight */
  259. .res .RES-keyNav-activeElement,
  260. .res .commentarea .RES-keyNav-activeElement .md,
  261. .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed,
  262. .res .keyHighlight,
  263. .res .commentarea .keyHighlight .md,
  264. .res .commentarea .keyHighlight.entry .noncollapsed {
  265.     outline: 0px solid!important;
  266.     background: none;
  267. }
  268. /* END Remove post highlight */
  269.  
  270. /***** END of RES Stuff *****/
  271.  
  272. /***** Link Flair Stuff *****/
  273. /***** END of Link Flair Stuff *****/
  274.  
  275. /***** User Flair Stuff *****/
  276. /***** End of User Flair Stuff *****/
  277.  
  278. /***** Other *****/
  279.  
  280. /****************MOVE STUFF TO MAKE PLACE FOR RIGHT SIDEBAR****************/
  281.  
  282. .sheets, .stylesheet-customize-container h2, #image-upload.image-upload,#images p.error, #image-preview-list li, .linefield, .save-button, .commentarea, #newlink.submit.content {
  283.     margin-left: 220px;
  284. }
  285. .content h1 {
  286.     margin-left: 220px;
  287. }
  288.  
  289.  
  290. /***** END of Other *****/
Add Comment
Please, Sign In to add comment