Advertisement
hero0fwar

Wayward Original

May 13th, 2015
305
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.02 KB | None | 0 0
  1. /*Change color of self posts depending on their title*/
  2. #siteTable a[href*="book"].title { color: #000000;} /*book to black*/
  3.  
  4.  
  5.  
  6. /*Spoiler Flair*/
  7.  
  8. .linkflair-spoiler .linkflairlabel {
  9.     background-color: #BF1919;
  10.     font-size: 11px;
  11.     font-weight: normal;
  12.     color: #313131;
  13.     border-color: transparent;
  14.     border-width: 1px;
  15.     border-radius: 1px;}
  16.  
  17.  
  18. /*Self-post Thumbnail Icon*/
  19. .thumbnail.self {
  20.     height: 70px;
  21.     background-image: url(%%thumb%%);
  22.     background-position: 0px 0px;
  23.     background-repeat: no-repeat;
  24. }
  25.  
  26. /*nsfw conversion*/
  27. .nsfw-stamp acronym { display: none; }
  28. .nsfw-stamp:after {
  29. content: 'SPOILERS';
  30. border: 1px solid transparent;
  31. color:  #BF1919;
  32. background-color: #0F0F0F;
  33. padding: 0 2px;
  34. border-radius: 1px;
  35. font-weight: bold;}
  36. .marknsfw-button, .unmarknsfw-button  {
  37. font-size:0;    
  38. }
  39.  
  40. .marknsfw-button .togglebutton:after {
  41. content:'spoiler';
  42. font-size:10px;
  43.  }
  44.  
  45.  .unmarknsfw-button .togglebutton:after {
  46.  content:'un-spoiler';
  47.  font-size:10px;
  48. }
  49.  
  50. .over18 .thumbnail {
  51.         background-repeat: no-repeat;
  52.     background-position: 0px 0px;
  53.         background-image: url(%%WP-spoiler%%);
  54. }
  55.  
  56. /*end spoiler conversion*/
  57.  
  58. div.side:before{
  59.     content: "";
  60.     display: block;
  61.     text-align: center;
  62.     font-size: 11px;
  63.     padding-top: 428px;
  64.     margin: 5px 0 5px 0;
  65.     width: 100%;
  66.     background-repeat: no-repeat;
  67.     background-position: 0px 0px;
  68.         background-image: url(%%cast%%);
  69. }
  70.  
  71. #header {
  72.     height: 200px;
  73.     background: url(%%banner%%) repeat bottom left;
  74.     background-color: #000;
  75.     border-bottom: 0px solid black
  76.     }
  77. #header-img {
  78.     margin-top: -10px;
  79.     margin-left: 30px
  80.     }
  81.  
  82. .pagename a {
  83.     position: absolute;
  84.     left: 140px;
  85.     background: url(%%logo%%) no-repeat;
  86.     display: block;
  87.     width: 658px;
  88.     height: 140px;
  89.     top: 27px;
  90.     text-indent: -9999px
  91.     }
  92. /*header tabmenu*/
  93. div#header-bottom-left ul.tabmenu{
  94.     position: absolute;
  95.     bottom: 5px;
  96.     left: 140px;
  97.     font-size: 12px;
  98. }
  99. div#header-bottom-left ul.tabmenu li{
  100.     margin: 0px;
  101.     padding: 0px;
  102.     margin-right: 3px;
  103. }
  104. div#header-bottom-left ul.tabmenu li:last-child{
  105.     margin-right: 0px;
  106. }
  107. div#header-bottom-left ul.tabmenu li a{
  108.     padding: 5px 10px;
  109.     background-color: #fff;
  110.     color: #000;
  111. }
  112. div#header-bottom-left ul.tabmenu li.selected a, div#header-bottom-left ul.tabmenu li a:hover{
  113.     border: 0px;
  114.     background-color: #000;
  115.     color: #fff;   
  116. }
  117. /* change userbar - from /r/toronto */
  118. #header-bottom-right {
  119.     background-color: transparent;
  120.     background-image: url(%%translucent-black%%);
  121.         -moz-border-radius-topleft: 7px;
  122.     -webkit-border-top-left-radius: 7px;
  123.    }
  124. #header-bottom-right a {
  125.     color: #FFFFFF
  126.    }
  127. #header-bottom-right b {
  128.     color: #FFFFFF
  129.    }
  130.  
  131. /*RES fix*/
  132. #srLeftContainer, #userbarToggle, #RESShortcutsSort, #RESStaticShortcuts, #RESShortcuts, #srDropdown {
  133.     background-color: transparent !important;
  134.     }
  135.  
  136. #userbarToggle {
  137.     border-right: none !important;
  138.     color: #FFF !important;
  139. }
  140. /*end userbar*/
  141.  
  142. #sr-header-area {
  143.     background: url(%%translucent-black%%) !important;
  144.     border-bottom: none;
  145.  
  146.     left: 0;
  147.     padding: 1px 0;
  148.  
  149.     top: 0;
  150. width: 100%; margin: auto;
  151.     z-index: 9001;
  152. }
  153. #sr-header-area .dropdown.srdrop {
  154.     padding-left: 10px !important;
  155. }
  156. #sr-header-area .drop-choices {
  157.     background: #fafafa;
  158.     color: black;
  159. }
  160. #sr-header-area .drop-choices.srdrop a.choice {
  161.     color: white;
  162. }
  163. #sr-header-area a,
  164. #sr-header-area .srSep,
  165. #sr-header-area .dropdown.srdrop .selected {
  166.     color: white;
  167. }
  168.  
  169. /*RES fix*/
  170. #srLeftContainer, #userbarToggle, #RESShortcutsSort, #RESStaticShortcuts, #RESShortcuts, #srDropdown {
  171.     background-color: transparent !important;
  172.     color: white;
  173.     }
  174.  
  175. #userbarToggle {
  176.     border-right: none !important;
  177.     color: #FFF !important;
  178. }
  179. /*end userbar*/
  180.  
  181.  
  182. /*spoiler tag*/
  183. a[href$="/spoiler"] {
  184.     background: #000000 !important;
  185.     color: #000000 !important;
  186.     }
  187. a[href$="/spoiler"]:hover {
  188.     color: #ffffff !important;
  189.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement