daily pastebin goal
47%
SHARE
TWEET

subverse css WIP

a guest Mar 4th, 2015 259 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. #container {
  2. background: #fff;
  3. border: 0px solid #d1d1d1;
  4. border-radius: 3px;
  5. display: block;
  6. margin-left: auto;
  7. margin-right: auto;
  8. max-width: 1550px;
  9. overflow: hidden;
  10. padding: 0px;
  11. position: relative;
  12. box-shadow: 0px 1px 5px rgba(0,0,0,0.16);
  13. z-index: 100;
  14. }
  15.  
  16. #header{
  17. background: #fff url(http://imgur.com/cbWCYL2.png) no-repeat scroll 0 99%!important;
  18. min-height: 400px;
  19. border-bottom: none!important;
  20. margin: 0 0 -58px;
  21. z-index: 99;
  22. }
  23.  
  24. .sr-list li a {
  25. color: #818181;
  26. }
  27.  
  28. .sr-list li a:hover {
  29. color: #4aabe7;
  30. }
  31.  
  32. #sr-bar li a {
  33. color: #818181;
  34. }
  35.  
  36. #sr-header-area:hover #sr-bar li a {
  37.     color: #4aabe7;
  38. }
  39.  
  40. #sr-header-area .sr-list {
  41. margin-left: 0px;
  42. overflow: hidden;
  43. margin-right: 300px;
  44. background: rgb(52, 52, 52);
  45. height: 25px;
  46. }
  47.  
  48. #header-banner {
  49. font-size: 13px;
  50. margin: 0 auto;
  51. max-width: 1500px;
  52. position: absolute;
  53. margin-top: 0px;
  54. margin-left: 180px;
  55. }
  56.  
  57. #header-container {
  58. background: transparent;
  59. border-bottom: 0px solid #dcdcdc;
  60. border-top: 0px solid #dcdcdc;
  61. bottom: 58px;
  62. height: 58px;
  63. position: absolute;
  64. width: 110%;
  65. z-index: 1;
  66. }
  67.  
  68. body {
  69. background: #eeeeee;
  70. color: #404040;
  71. font: 11px Arial,sans-serif;
  72. line-height: 1.43;
  73. margin: 0;
  74. }
  75.  
  76. .entry {
  77. padding: 15px 32px 14px 0px;
  78. border-bottom: 1px solid #f2f2f2;
  79. margin-left: 0;
  80. }
  81.  
  82. .submission {
  83. border-bottom: 0px solid #d1d1d1;
  84. }
  85.  
  86. .logged-in {
  87. background: rgb(52, 52, 52);
  88. border: 0px solid #dcdcdc;
  89. border-radius: 0px;
  90. margin: 0 15px 316px;
  91. padding: 20px 5px 5px;
  92. width: 230px;
  93. }
  94.  
  95. #header-account a {
  96. color: #818181;
  97. }
  98.  
  99. .user {
  100. color: #818181;
  101. }
  102.  
  103. .user .userkarma {
  104. border-bottom: 1px dotted #818181;
  105. cursor: help;
  106. font-weight: normal;
  107. margin: 0 2px;
  108. }
  109.  
  110. #sr-more-link {
  111. background: rgb(52, 52, 52);
  112. border: 0;
  113. color: #818181;
  114. display: inline-block;
  115. font-weight: normal;
  116. height: 26px;
  117. letter-spacing: 1px;
  118. margin: 0;
  119. padding: 3px 25px;
  120. position: absolute;
  121. right: 0;
  122. top: -1px;
  123. }
  124.  
  125. #sr-more-link:hover {
  126. background: rgb(52, 52, 52);
  127. border: 0;
  128. color: #4aabe7;
  129. display: inline-block;
  130. font-weight: normal;
  131. height: 26px;
  132. letter-spacing: 1px;
  133. margin: 0;
  134. padding: 3px 25px;
  135. position: absolute;
  136. right: 0;
  137. top: -1px;
  138. }
  139.  
  140. .pagename a {
  141. background: url(http://imgur.com/O9Gmv82.png);
  142. position: absolute;
  143. margin-top: -170px;
  144. margin-left: -180px;
  145. background-repeat: no-repeat;
  146. display: inline-block;
  147. width: 450px;
  148. height: 50px;
  149. text-indent: -999em;
  150. }
  151.  
  152. .tabmenu {
  153. display: inline-block;
  154. line-height: 57px;
  155. list-style-type: none;
  156. margin: 0;
  157. vertical-align: bottom;
  158. white-space: nowrap;
  159. margin-left: -180px;
  160. width: 1500px;
  161. }
  162.  
  163. .tabmenu li.selected a {
  164. padding: 16px 16px 14px 16px;
  165. background-color: transparent;
  166. background: none;
  167. border: 0px;
  168. border-bottom: 2px solid #fff;
  169. color: rgba(255,255,255,100);
  170. font-weight: bold;
  171. border-radius: 0px;
  172. }
  173.  
  174. .tabmenu li.selected a:hover {
  175. padding: 16px 16px 14px 16px;
  176. background-color: transparent;
  177. background: none;
  178. border: 0px;
  179. border-bottom: 2px solid #fff;
  180. color: rgba(255,255,255,100);
  181. font-weight: bold;
  182. border-radius: 0px
  183. }
  184.  
  185. .tabmenu li.disabled a {
  186. background: transparent;
  187. background-color: transparent;
  188. border: 0px;
  189. border-width: 1px 1px 2px;
  190. color: rgba(255,255,255,0.6);
  191. }
  192.  
  193. .tabmenu li.disabled a:hover {
  194. background: transparent;
  195. background-color: transparent;
  196. border: 0px;
  197. border-width: 1px 1px 2px;
  198. color: rgba(255,255,255,1);
  199. }
  200.  
  201. .tabmenu li.disabled a.contribute {
  202. background: transparent;
  203. background-color: transparent;
  204. border: 0px;
  205. border-width: 1px 1px 2px;
  206. color: rgba(255,255,255,0.6);
  207. }
  208.  
  209. .tabmenu li.disabled a.contribute:hover {
  210. background: transparent;
  211. background-color: transparent;
  212. border: 0px;
  213. border-width: 1px 1px 2px;
  214. color: rgba(255,255,255,1);
  215. }
  216.  
  217. /*===================== old code=============================================================== */
  218. body > .content::before {
  219.     content:"Wow, such subverse. Many doge.";
  220.     display: inline-block;
  221.     font-size: 1.1em;
  222.     padding: 8px;
  223.     margin: 0px 0px 14px 45px;
  224.     background-color: #333333;
  225.     color: white;
  226.     font-weight: bold;
  227.     }
  228.  
  229. .morelink a {
  230. background: #333333;
  231. border: none;
  232. color: White;
  233. }
  234.  
  235. #search {
  236. padding-bottom: 20px;
  237. }
  238.  
  239. .reditname{
  240. display:none
  241. }
  242.  
  243. .morelink .nub {
  244. display: none;
  245. }
  246.  
  247. .usertext-buttons:before {
  248. content: "Be nice";
  249. color: red;
  250. font-family: Arial, Helvetica, sans-serif;
  251. font-size: small;
  252. }
  253.  
  254. .flairoptionpane {
  255.   color: black;
  256.   min-height: 400px;
  257. }
  258.  
  259. .flairselector {
  260. z-index: 99;
  261. position: absolute;
  262. margin-top: -175px;
  263. margin-left: -200px;
  264. }
  265.  
  266. .md{text-align:left}
  267. .md h1{text-align:center}
  268.  
  269. .titlebox {
  270.      text-align: center;
  271.      font-family: Arial, Helvetica, sans-serif;
  272.      font-size: 15px;
  273.      background: white;
  274.      padding-top: 20px;
  275. }
  276. .titlebox h1 a {
  277. color: white;
  278.  
  279. }
  280. .titlebox h1 {
  281.      color: white;
  282.      text-align: center;
  283.      font-family: Arial, Helvetica, sans-serif;
  284.      background: #333333;
  285.      padding: 3px;
  286.      border-radius: 5px;
  287.  
  288. }
  289. .side {
  290. margin-right: 10px;
  291. padding: 1em;
  292. margin-top: 8px;
  293. padding-top: 0px;
  294. }
  295.  
  296. .side .spacer {
  297. margin: 1.5px 0 0px 0;
  298. }
  299.  
  300.  
  301. .link {
  302. padding: 5px;
  303. background: white;
  304. }
  305.  
  306. .content {
  307.   padding: 5px;
  308.   margin-right: 350px;
  309.   margin-left: 10px;
  310.   color: black;
  311.   background: white;
  312. }
  313.  
  314. .entry .buttons {
  315.   background: white;
  316.  }
  317. div.titlebox span.word {  
  318. display: none
  319. }
  320.  
  321. .subscribers span.number:after {  
  322. content: " Doges "  
  323. }
  324. .users-online span.number:after {
  325. content: " Shibes online"
  326. }
  327. .subscribers {
  328.       font-weight: bold;
  329.       font-style: italic;
  330. }
  331. .users-online {
  332.       font-weight: bold;
  333.       font-style: italic;
  334. }
  335.  
  336.  
  337. .sidecontentbox .collapse-button {
  338.  display:inline-block;
  339.  width:10px;
  340.  height:10px;
  341.  line-height:10px;
  342.  text-align:center;
  343.  font-size:10px;
  344.  background:white;
  345.  color:#5a04bd;
  346.  border:1px solid #999;
  347.  border-radius:2px;
  348.  margin:1px 8px;
  349.  vertical-align:bottom;
  350. }
  351. #header-img-a img {
  352. display: none;
  353. }
  354. body>.content .link.compressed .midcol {
  355.     height: auto;
  356.     margin: 8px 0px 0px 4px;
  357. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top