API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 25th, 2014
160
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.31 KB | None | 0 0
raw download clone embed print report
  1. /*Flair design partly stolen from r/MechanicalKeyboards */
  2.  
  3. .flair:before {
  4. content: "";
  5. border: none !important;
  6. background-repeat: no-repeat;
  7. background: url(%%spritesheets%%) no-repeat -9999px -9999px;
  8. vertical-align:middle;
  9. padding:0px;
  10. margin-right: 3px;
  11. position: relative;
  12. top: -1px;
  13. }
  14.  
  15. .flair {
  16. border: 0;
  17. padding: 0px 1px 0px 0px;
  18. background: none;
  19. }
  20.  
  21. .flair:after {
  22. font-size: 0;
  23. display:none;
  24. background: none;
  25. }
  26.  
  27. .flair-normal {
  28. display: inline-block;
  29. height: auto; width: auto;
  30. border: 1px solid #ddd;
  31. background-color:#f5f5f5;
  32. color:#555;
  33. padding: 0px 2px 0px 0px;
  34. }
  35.  
  36.  
  37. .flair-vintage {
  38. background-color: #D1D1D1 !important;
  39. color:#525b66;
  40. }
  41.  
  42. .flair-Admin:before {
  43. display: inline-block;
  44. background-position: 0px -0px;
  45. width: 18px; height: 18px;
  46. }
  47.  
  48. .flair-Captain:before {
  49. display: inline-block;
  50. background-position: 0px -68px;
  51. width: 17px; height: 16px;
  52. }
  53.  
  54. .flair-Coordinator:before {
  55. display: inline-block;
  56. background-position: 0px -134px;
  57. width: 18px; height: 18px;
  58. }
  59.  
  60. .flair-Corporal:before {
  61. display: inline-block;
  62. background-position: 0px -202px;
  63. width: 17px; height: 14px;
  64. }
  65.  
  66. .flair-Deputyowner:before {
  67. display: inline-block;
  68. background-position: 0px -266px;
  69. width: 18px; height: 16px;
  70. }
  71.  
  72. .flair-General:before {
  73. display: inline-block;
  74. background-position: 0px -332px;
  75. width: 17px; height: 18px;
  76. }
  77.  
  78. .flair-Lieutenant:before {
  79. display: inline-block;
  80. background-position: 0px -400px;
  81. width: 17px; height: 16px;
  82. }
  83.  
  84. .flair-Organiser:before {
  85. display: inline-block;
  86. background-position: 0px -466px;
  87. width: 18px; height: 18px;
  88. }
  89.  
  90. .flair-Overseer:before {
  91. display: inline-block;
  92. background-position: 0px -534px;
  93. width: 18px; height: 18px;
  94. }
  95.  
  96. .flair-Owner:before {
  97. display: inline-block;
  98. background-position: 0px -602px;
  99. width: 19px; height: 19px;
  100. }
  101.  
  102.  
  103. .flair-Recruit:before {
  104. display: inline-block;
  105. background-position: 0px -671px;
  106. width: 17px; height: 10px;
  107. }
  108.  
  109. .flair-Sergeant:before {
  110. display: inline-block;
  111. background-position: 0px -731px;
  112. width: 17px; height: 18px;
  113. }
  114.  
  115. .flair-zammy:before {
  116. display: inline-block;
  117. background-position: 0px -799px;
  118. width: 32px; height: 32px;
  119. }
  120.  
  121. .flair-zbronze:before {
  122. display: inline-block;
  123. background-position: 0px -881px;
  124. width: 32px; height: 32px;
  125. }
  126.  
  127. .flair-zruneg:before {
  128. display: inline-block;
  129. background-position: 0px -963px;
  130. width: 32px; height: 32px;
  131. }
  132.  
  133. .flair-zrunet:before {
  134. display: inline-block;
  135. background-position: 0px -1045px;
  136. width: 32px; height: 32px;
  137. }
  138.  
  139. /* ===================Link Flairs========================== */
  140.  
  141. .linkflair-green .linkflairlabel {
  142. background-color: #33CC33;
  143. font-size: 11px;
  144. font-weight: bold;
  145. color:#000000;
  146. border-color: #000000;
  147. border-width: 1px;
  148. border-radius: 3px;}
  149.  
  150. .linkflair-red .linkflairlabel {
  151. background-color: #FF0000;
  152. font-size: 11px;
  153. font-weight: bold;
  154. color:#000000;
  155. border-color: #000000;
  156. border-width: 1px;
  157. border-radius: 3px;}
  158.  
  159. .linkflair-blue .linkflairlabel {
  160. background-color: #0066FF;
  161. font-size: 11px;
  162. font-weight: bold;
  163. color:#000000;
  164. border-color: #000000;
  165. border-width: 1px;
  166. border-radius: 3px;}
  167.  
  168. .linkflair-pink .linkflairlabel {
  169. background-color: #FF33CC;
  170. font-size: 11px;
  171. font-weight: bold;
  172. color:#000000;
  173. border-color: #000000;
  174. border-width: 1px;
  175. border-radius: 3px;}
  176.  
  177. .linkflair-orange .linkflairlabel {
  178. background-color: #FF6600;
  179. font-size: 11px;
  180. font-weight: bold;
  181. color:#000000;
  182. border-color: #000000;
  183. border-width: 1px;
  184. border-radius: 3px;}
  185.  
  186. .linkflair-yellow .linkflairlabel {
  187. background-color: #FFFF00;
  188. font-size: 11px;
  189. font-weight: bold;
  190. color:#000000;
  191. border-color: #000000;
  192. border-width: 1px;
  193. border-radius: 3px;}
  194.  
  195.  
  196.  
  197. /* Generated by the Reddit Stylesheet Generator v0.1, (c) 2014, JDMCreator */
  198. /*Background etc stuff */
  199.  
  200. div.titlebox span.word {
  201. display:none;
  202. }
  203. div.titlebox span.number:after {
  204. content: " Ironman members";
  205. }
  206. /* Change 'users here now' box value */
  207. .users-online .word {
  208. display:none;
  209. }
  210. .users-online .word, .users-online .number:after {
  211. content: " Ironmen here now" !important;
  212. }
  213. /* Upvote arrow */
  214. .arrow.up {
  215. width: 0px;
  216. background-image:none;
  217. height: 0;
  218. border-bottom: 8px solid #bdbdbd;
  219. border-left: 8px solid #fff;
  220. border-left-color:transparent;
  221. border-right: 8px solid #fff;
  222. border-right-color:transparent;
  223. margin-bottom:6px;
  224. }
  225. .arrow.up:after {
  226. content:"";
  227. position:relative;
  228. top:7px;
  229. left:-3px;
  230. width:5px;
  231. height:6px;
  232. background: #bdbdbd;
  233. background-image: -webkit-linear-gradient(top, #bdbdbd, #dcdcdc);
  234. background-image: -moz-linear-gradient(top, #bdbdbd, #dcdcdc);
  235. background-image: -ms-linear-gradient(top, #bdbdbd, #dcdcdc);
  236. background-image: -o-linear-gradient(top, #bdbdbd, #dcdcdc);
  237. background: linear-gradient(to bottom, #bdbdbd, #dcdcdc);
  238. display:block;
  239. }
  240. .arrow.upmod {
  241. width: 0px;
  242. background-image:none;
  243. height: 0;
  244. border-bottom: 8px solid #8A8A8A;
  245. border-left: 8px solid #fff;
  246. border-left-color:transparent;
  247. border-right: 8px solid #fff;
  248. border-right-color:transparent;
  249. margin-bottom:6px;
  250. }
  251. .arrow.upmod:after {
  252. content:"";
  253. position:relative;
  254. top:7px;
  255. left:-3px;
  256. width:5px;
  257. height:6px;
  258. background: #8A8A8A;
  259. background-image: -webkit-linear-gradient(top, #8A8A8A, #D7D7D7);
  260. background-image: -moz-linear-gradient(top, #8A8A8A, #D7D7D7);
  261. background-image: -o-linear-gradient(top, #8A8A8A, #D7D7D7);
  262. background-image: -ms-linear-gradient(top, #8A8A8A, #D7D7D7);
  263. background-image: linear-gradient(to bottom, #8A8A8A, #D7D7D7);
  264. display:block;
  265. }
  266. /* Downvote arrow */
  267. .arrow.down {
  268. width: 0px;
  269. height: 0;
  270. margin-top:8px;
  271. background-image: none;
  272. border-top: 8px solid #BDBDBD;
  273. border-left: 8px solid #FFF;
  274. border-left-color: transparent;
  275. border-right: 8px solid #FFF;
  276. border-right-color: transparent;
  277. }
  278. .arrow.down:after {
  279. content: "";
  280. position: relative;
  281. bottom: 13px;
  282. left: -3px;
  283. width: 5px;
  284. height: 6px;
  285. background: #BDBDBD;
  286. background-image: -webkit-linear-gradient(top, #DCDCDC, #BDBDBD);
  287. background-image: -moz-linear-gradient(top, #DCDCDC, #BDBDBD);
  288. background-image: -o-linear-gradient(top, #DCDCDC, #BDBDBD);
  289. background-image: -ms-linear-gradient(top, #DCDCDC, #BDBDBD);
  290. background-image: linear-gradient(to bottom, #DCDCDC, #BDBDBD);
  291. display: block;}
  292. .arrow.downmod {
  293. width: 0px;
  294. height: 0;
  295. margin-top: 8px;
  296. background-image: none;
  297. border-top: 8px solid #8A8A8A;
  298. border-left: 8px solid #FFF;
  299. border-left-color: transparent;
  300. border-right: 8px solid #FFF;
  301. border-right-color: transparent;
  302. }
  303. .arrow.downmod:after {
  304. content: "";
  305. position: relative;
  306. bottom: 13px;
  307. left: -3px;
  308. width: 5px;
  309. height: 6px;
  310. background: #9494FF;
  311. background-image: -webkit-linear-gradient(top, #D7D7D7, #8A8A8A);
  312. background-image: -moz-linear-gradient(top, #D7D7D7, #8A8A8A);
  313. background-image: -o-linear-gradient(top, #D7D7D7, #8A8A8A);
  314. background-image: -ms-linear-gradient(top, #D7D7D7, #8A8A8A);
  315. background-image: linear-gradient(to bottom, #D7D7D7, #8A8A8A);
  316. display: block;
  317. }
  318. /* Rounded tabs */
  319. #header .tabmenu li a{
  320. border: 1px solid #5F99CF !important;
  321. border-top-left-radius: 6px;
  322. border-top-right-radius: 6px;
  323. position:relative;
  324. display:inline-block;
  325. background: #F2F2F2 !important;
  326. }
  327. #header .tabmenu li.selected a{
  328. background:#FFFFFF !important;
  329. border-bottom-color: #FFFFFF !important;}
  330. #header .tabmenu li{
  331. margin: 0px -1px;
  332. padding-bottom:2px
  333. }
  334. #header .tabmenu{
  335. padding:3px;
  336. padding-bottom:0px;
  337. overflow: hidden;
  338. position: relative;
  339. bottom:-1px;
  340. }
  341. #header .tabmenu:after {
  342. position: absolute;
  343. content: "";
  344. width: 100%;
  345. bottom: 0;
  346. left: 0;
  347. z-index: 1;
  348. border-bottom: 1px solid #5F99CF;
  349. }
  350. #header .tabmenu li a:before,
  351. #header .tabmenu li a:after {
  352. position: absolute;
  353. bottom: -1px;
  354. width: 6px;
  355. height: 6px;
  356. content: " ";
  357. border: 1px solid #5F99CF;
  358. }
  359. #header .tabmenu li a:before {
  360. left: -7px;
  361. border-bottom-right-radius: 6px;
  362. border-width: 0 1px 1px 0 !important;
  363. box-shadow: 2px 2px 0 #F2F2F2;
  364. }
  365. #header .tabmenu li a:after {
  366. right: -7px;
  367. border-bottom-left-radius: 6px;
  368. border-width: 0 0 1px 1px !important;
  369. box-shadow: -2px 2px 0 #F2F2F2;
  370. }
  371. #header .tabmenu li.selected a:before{
  372. box-shadow: 2px 2px 0 #FFFFFF;
  373. }
  374. #header .tabmenu li.selected a:after{
  375. box-shadow: -2px 2px 0 #FFFFFF;
  376. }
  377.  
  378. #header-bottom-left {
  379.  
  380.  
  381.  
  382. padding-top: 100px;
  383.  
  384. background: url(%%IronElitesBANNER%%) no-repeat;
  385. background-position: center;
  386. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!