Advertisement
Guest User

RickandMorty

a guest
Jan 25th, 2016
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.79 KB | None | 0 0
  1. /**flair sheet https://github.com/pembo210/voat-stylesheets/blob/master/RickandMorty/flair2.css**/
  2. @import url(https://cdn.rawgit.com/pembo210/voat-stylesheets/master/RickandMorty/flair2.css);
  3.  
  4. /**flair base
  5. https://i.imgur.com/a1ZdU4Z.png
  6. https://i.imgur.com/TB7wdMx.png
  7. **/
  8. #container a[href*="/user/"]:after {
  9. content: '';
  10. background-repeat: no-repeat;
  11. text-indent: 26px;
  12. color: #C39953;
  13. padding: 8px 4px 10px 32px;
  14. margin: 4px;
  15. background-position: 300px 0;
  16. background-repeat: no-repeat;
  17. line-height: 32px;
  18. height: 32px;
  19. }
  20. /**mods**/
  21. #container a[href$="/user/Boukert"]:after,
  22. #container a[href$="/user/boukert"]:after {
  23. content: ' Bitch!';
  24. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  25. background-position: 0 -1120px;
  26. }
  27. #container a[href$="/user/Boukert"]:hover:after,
  28. #container a[href$="/user/boukert"]:hover:after {
  29. content: ' ★ mod Bitch!';
  30. }
  31. #container a[href$="/user/jambo"]:after {
  32. content: ' Gimme my eyeholes!';
  33. background: url(https://i.imgur.com/TB7wdMx.png) no-repeat;
  34. background-position: 0 -2080px;
  35. }
  36. #container a[href$="/user/jambo"]:hover:after {
  37. content: ' Gimme my eyeholes! ★ mod';
  38. }
  39. #container a[href$="/user/jobes"]:after {
  40. content: ' oooh wee';
  41. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  42. background-position: 0 -4384px;
  43. }
  44. #container a[href$="/user/jobes"]:hover:after {
  45. content: ' oooh wee ★ mod';
  46. }
  47. /***********old************
  48. #container a[href$="/user/pembo210"]:after {
  49. content: ' I pass butter ';
  50. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  51. background-position: 0 -2304px;
  52. }
  53. **************************/
  54. #container a[href$="/user/pembo210"]:after {
  55. content: ' ';
  56. /**background: url(http://i.imgur.com/JtG4MSL.gif) no-repeat; -loop forever**/
  57. background: url(https://i.imgur.com/sZZCBL9.gif) no-repeat;
  58. background-position: -3px -5px;
  59. padding: 11px 6px 20px 36px;
  60. border-radius: 40px;
  61. }
  62. #container a[href$="/user/pembo210"] ~ span.userattrs:before {
  63. content: ' I pass butter';
  64. color: #C39953;
  65. }
  66. #container a[href$="/user/pembo210"]:hover ~ span.userattrs:before {
  67. content: ' I pass butter ★ mod';
  68. }
  69.  
  70. .side ul.content li {margin: 6px;}
  71. /**end mods**/
  72. /******************************************************/
  73. /**user flair**/
  74. #container a[href$="/user/Zaebos_11"]:after {
  75. content: ' You ought to be sterilized';
  76. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  77. background-position: 0 -3040px;
  78. }
  79. #container a[href$="/user/mamwad"]:after {
  80. content: ' ';
  81. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  82. background-position: 0 -5376px;
  83. }
  84. #container a[href$="/user/luckyguy"]:after {
  85. content: ' ';
  86. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  87. background-position: 0 -7264px;
  88. }
  89. #container a[href$="/user/Corom"]:after,
  90. #container a[href$="/user/corom"]:after {
  91. content: ' ';
  92. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  93. background-position: 0 -2528px;
  94. }
  95. #container a[href$="/user/humblebumble"]:after {
  96. content: ' Hates mondays';
  97. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  98. background-position: 0 -1856px;
  99. }
  100. #container a[href$="/user/Hipsterrr"]:after,
  101. #container a[href$="/user/hipsterrr"]:after {
  102. content: ' ';
  103. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  104. background-position: 0 -2048px;
  105. }
  106. #container a[href$="/user/lackscompassion"]:after {
  107. content: ' Loves enchiladas';
  108. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  109. background-position: 0 -5856px;
  110. }
  111. #container a[href$="/user/9rhynos"]:after {
  112. content: ' SHOW ME WHAT YOU GOT';
  113. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  114. background-position: 0 -6656px;
  115. }
  116. #container a[href$="/user/9rhynos"]:hover:after {
  117. content: ' I LIKE WHAT YOU GOT';
  118. }
  119. #container a[href$="/user/thesuperpapagai"]:after {
  120. content: " We're gonna 9/11 it";
  121. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  122. background-position: 0 -736px;
  123. }
  124. #container a[href$="/user/toats"]:after {
  125. content: " Where are my testicles, Summer?";
  126. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  127. background-position: 0 -1152px;
  128. }
  129. #container a[href$="/user/2dlapse"]:after {
  130. content: ' WubbaLubbaDubDub!! ';
  131. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  132. background-position: 0 -1024px;
  133. }
  134. #container a[href$="/user/Kadynce"]:after,
  135. #container a[href$="/user/kadynce"]:after {
  136. content: ' I squanch my family';
  137. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  138. background-position: 0 -32px;
  139. }
  140. #container a[href$="/user/PM_me_your_mitts"]:after,
  141. #container a[href$="/user/pm_me_your_mitts"]:after {
  142. content: ' Gotta get swifty';
  143. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  144. background-position: 0 -1024px;
  145. }
  146. #container a[href$="/user/chronicdiscord"]:after,
  147. #container a[href$="/user/thelasthotsuin"]:after {
  148. content: " I don't get it and I don't need to";
  149. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  150. background-position: 0 -288px;
  151. }
  152. #container a[href$="/user/Kahvikone"]:after,
  153. #container a[href$="/user/kahvikone"]:after {
  154. content: ' Crack the window';
  155. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  156. background-position: 0 -3808px;
  157. }
  158. #container a[href$="/user/microlyfe"]:after {
  159. content: ' ';
  160. background: url(https://i.imgur.com/TB7wdMx.png) no-repeat;
  161. background-position: 0 -2688px;
  162. }
  163. #container a[href$="/user/passthis"]:after {
  164. content: ' ';
  165. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  166. background-position: 0 -2944px;
  167. }
  168. #container a[href$="/user/pornhub_katie"]:after {
  169. content: ' You can put your fingers wherever you want';
  170. background-image: url(https://i.imgur.com/a1ZdU4Z.png);
  171. background-position: 0 0;
  172. }
  173. /**end user flair**/
  174.  
  175. /****************************************************************************/
  176. /** comment page -- **/
  177. #container .noncollapsed a[href$="/user/jambo"] ~ span.userattrs:after,
  178. #container .noncollapsed a[href$="/user/jobes"] ~ span.userattrs:after,
  179. #container .noncollapsed a[href$="/user/pembo210"] ~ span.userattrs:after,
  180. #container .noncollapsed a[href$="/user/Boukert"] ~ span.userattrs:after {
  181. content: ' ';
  182. display: block;
  183. width: 10px;
  184. height: 112px;
  185. float: right;
  186. background: url(https://i.imgur.com/GEHTQNG.png) no-repeat transparent;
  187. position: relative;
  188. left: 2px;
  189. background-position: 120px -12px;
  190. transition: 500ms ease-in-out;
  191. }
  192. #container .noncollapsed:hover a[href$="/user/jambo"] ~ span.userattrs:after,
  193. #container .noncollapsed:hover a[href$="/user/jobes"] ~ span.userattrs:after,
  194. #container .noncollapsed:hover a[href$="/user/pembo210"] ~ span.userattrs:after,
  195. #container .noncollapsed:hover a[href$="/user/Boukert"] ~ span.userattrs:after {
  196. content: ' ';
  197. display: block;
  198. width: 100px;
  199. height: 112px;
  200. float: right;
  201. background: url(https://i.imgur.com/GEHTQNG.png) no-repeat transparent;
  202. position: relative;
  203. left: 2px;
  204. background-position: -12px -12px;
  205. transition: 500ms ease-in-out;
  206. }
  207. /****************************************************************************/
  208. /** front page -- **/
  209. #container .sitetable.linklisting .link .entry a[href$="/user/jambo"] ~ span.userattrs:after {
  210. content: ' ';
  211. display: block;
  212. width: 100px;
  213. height: 55px;
  214. float: right;
  215. background: url(https://i.imgur.com/GEHTQNG.png) no-repeat transparent;
  216. position: relative;
  217. left: 2px;
  218. top: -25px;
  219. background-position: 120px -12px;
  220. transition: 500ms ease-in-out;
  221. }
  222. #container .sitetable.linklisting .link:hover .entry a[href$="/user/jambo"] ~ span.userattrs:after {
  223. content: ' ';
  224. display: block;
  225. width: 100px;
  226. height: 55px;
  227. float: right;
  228. background: url(https://i.imgur.com/GEHTQNG.png) no-repeat transparent;
  229. position: relative;
  230. left: 2px;
  231. top: -25px;
  232. background-position: -12px -12px;
  233. transition: 500ms ease-in-out;
  234. }
  235. /****************************************************************************/
  236. /** flair base **/
  237. #container .sitetable.linklisting .link .entry a[href*="/user/"] ~ span.userattrs:after {
  238. content: '';
  239. position: relative;
  240. left: 2px;
  241. top: -25px;
  242. display: block;
  243. width: 56px;
  244. height: 56px;
  245. float: right;
  246. transition: 500ms ease-in-out;
  247. }
  248.  
  249. #container .sitetable.linklisting .link .entry a[href$="/user/pembo210"] ~ span.userattrs:after {
  250. background: url(https://i.imgur.com/NVTE3ZX.png) no-repeat transparent;
  251. background-position: 100px -0px;
  252. }
  253. #container .sitetable.linklisting .link:hover .entry a[href$="/user/pembo210"] ~ span.userattrs:after {
  254. background-position: 0px 0px;
  255. transition: 500ms ease-in-out;
  256. }
  257. /****************************************************************************/
  258. .side .md h2 {
  259. color: #0B636F;
  260. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  261. border: 1px solid #124F57;
  262. text-align: center;
  263. border-radius: 6px;
  264. padding: 6px 0px 0px 0px;
  265. position: relative;
  266. top: -286px;
  267. }
  268. .dark .side .md h2 {
  269. color: #0B636F;
  270. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  271. border: 1px solid #124F57;
  272. text-align: center;
  273. border-radius: 6px;
  274. padding: 6px 0px 0px 0px;
  275. position: relative;
  276. top: -286px;
  277. }
  278. .side .md h2 a[href$="https://voat.co/v/RickandMorty/comments/762450"] {
  279. position: relative;
  280. top: -10px;
  281. }
  282. .side .titlebox h1 {
  283. margin-top: 80px;
  284. }
  285. .side .md p {
  286. position: relative;
  287. top: -50px;
  288. }
  289. /**episode breakdown table**/
  290. .side .md table:nth-of-type(1) {
  291. position: relative;
  292. top: -50px;
  293. background-color: transparent;
  294. margin-left: auto;
  295. margin-right: auto;
  296. text-align: center;
  297. color: #0B636F;
  298. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  299. border: 1px solid #124F57;
  300. }
  301. .dark .side .md table:nth-of-type(1) {
  302. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  303. border: 1px solid #124F57;color: #0B636F;
  304. }
  305. .md th {
  306. text-align: center;
  307. }
  308. .titlebox h1 a {
  309. font-size: 0px;
  310. }
  311. .titlebox h1 a:first-child {
  312. font-size: 0px;
  313. display: block;
  314. width: 260px;
  315. height: 90px;
  316. background: url(https://i.imgur.com/YyMuOhc.png) no-repeat;
  317. }
  318. body.dark {
  319. background: url(https://i.imgur.com/KpfTi5V.jpg) no-repeat #000;
  320. color: #dfdfdf;
  321. background-position: 50% 100%;
  322. background-size: cover;
  323. background-attachment: fixed;
  324. }
  325. .dark #container {
  326. background: transparent!important;
  327. border: 0px solid #222;
  328. }
  329.  
  330. .dark .even,
  331. .dark .odd {
  332. background: rgba(0, 0, 0, 0.6)!important;
  333. border: 0px solid #222;
  334. }
  335. .dark .even,
  336. .dark .odd {
  337. opacity: 0.7;
  338. }
  339. .dark .even:hover,
  340. .dark .odd:hover {
  341. opacity: 1.0;
  342. background: rgba(0, 0, 0, 0.86)!important;
  343. }
  344. .side {
  345. box-shadow: 1px 1px 5px rgba(125, 194, 98, 0.2), -1px -1px 5px rgba(125, 194, 98, 0.2);
  346. border: 1px solid rgba(125, 194, 98, 0.2);
  347. margin-top: 13px;
  348. border-radius: 6px;
  349. }
  350. .dark .side {
  351. color: #0B636F;
  352.  
  353. box-shadow: 1px 1px 5px rgba(37, 58, 29, 0.5), -1px -1px 5px rgba(37, 58, 29, 0.5);
  354. border: 1px solid rgba(18, 79, 87, 0.5);
  355. background: rgba(0, 0, 0, 0.4)!important;
  356. transition: 300ms ease-in-out;
  357. border-radius: 6px;
  358. }
  359. .dark .side:hover {
  360. background: rgba(0, 0, 0, 0.8)!important;
  361. transition: 300ms ease-in-out;
  362.  
  363. }
  364. .dark .side.show-mobile-sidebar {
  365. background: rgb(0, 0, 0) !important;
  366. }
  367. .dark #header-container {
  368. background: transparent;
  369. bottom: 0;
  370. border-bottom: 0px solid #222;
  371. border-top: 0px solid #222;
  372. }
  373. .scorebar {
  374. display: none;
  375. }
  376. .sitetable .link {
  377. color: #0B636F;
  378. box-shadow: 1px 1px 5px rgba(125, 194, 98, 0.2), -1px -1px 5px rgba(125, 194, 98, 0.2);
  379. border: 1px solid rgba(125, 194, 98, 0.2);
  380. border-radius: 6px;
  381. }
  382. .sitetable .link:hover {
  383. color: #0B636F;
  384. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  385. border: 1px solid #124F57;
  386. border-radius: 6px;
  387. }
  388. .dark .sitetable .link {
  389. color: #0B636F;
  390. box-shadow: 1px 1px 5px rgba(37, 58, 29, 0.5), -1px -1px 5px rgba(37, 58, 29, 0.5);
  391. border: 1px solid rgba(18, 79, 87, 0.5);
  392. border-radius: 6px;
  393. }
  394. .dark .sitetable .link:hover {
  395. color: #0B636F;
  396. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  397. border: 1px solid rgba(18, 79, 87, 1);
  398. border-radius: 6px;
  399. }
  400. .dark div#siteTable div.submission {
  401. color: #0B636F;
  402. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  403. border: 1px solid rgba(18, 79, 87, 1);
  404. border-radius: 6px;
  405. background: #000 !important;
  406. }
  407. .dark div#siteTable .link .usertext .md {
  408. background: #000000 !important;
  409. }
  410. .dark .link .usertext .md {
  411. background: #000000 !important;
  412. }
  413. .link {
  414. margin: 10px 0;
  415. padding: 10px 0;
  416. }
  417. /**tmp header**/
  418.  
  419. #header {
  420. background: url(https://i.imgur.com/8pb1PT7.png), url(https://i.imgur.com/uLoFZio.png), url(https://i.imgur.com/odRA8Lo.jpg);
  421. background-repeat: repeat-x, no-repeat, repeat-x;
  422. height: 236px;
  423. background-position: 0px 0px, 50% 30px, 0px 0px;
  424. margin: 0px;
  425. -webkit-animation: 60s linear 0s normal none infinite running bannermove;
  426. -moz-animation: 60s linear 0s normal none infinite running bannermove;
  427. -ms-animation: 60s linear 0s normal none infinite running bannermove;
  428. -o-animation: 60s linear 0s normal none infinite running bannermove;
  429. animation: 60s linear 0s normal none infinite running bannermove;
  430. }
  431. .dark #header {
  432. opacity: 0.4;
  433. }
  434. .dark #header:hover {
  435. opacity: 0.8;
  436. }
  437. /**header movement
  438. 1-front
  439. 2-logo/stuff -coming soon
  440. 3-back
  441. **/
  442.  
  443. @keyframes bannermove {
  444. 0% {
  445. background-position: 0px 0px, 50% 30px, 0px 0px;
  446. }
  447. 100% {
  448. background-position: -2633px 0px, 50% 30px, -2633px 0px;
  449. }
  450. }
  451. @-moz-keyframes bannermove {
  452. 0% {
  453. background-position: 0px 0px, 50% 30px, 0px 0px;
  454. }
  455. 100% {
  456. background-position: -2633px 0px, 50% 30px, -2633px 0px;
  457. }
  458. }
  459. @-webkit-keyframes bannermove {
  460. 0% {
  461. background-position: 0px 0px, 50% 30px, 0px 0px;
  462. }
  463. 100% {
  464. background-position: -2633px 0px, 50% 30px, -2633px 0px;
  465. }
  466. }
  467. @-ms-keyframes bannermove {
  468. 0% {
  469. background-position: 0px 0px, 50% 30px, 0px 0px;
  470. }
  471. 100% {
  472. background-position: -2633px 0px, 50% 30px, -2633px 0px;
  473. }
  474. }
  475. @-o-keyframes bannermove {
  476. 0% {
  477. background-position: 0px 0px, 50% 30px, 0px 0px;
  478. }
  479. 100% {
  480. background-position: -2633px 0px, 50% 30px, -2633px 0px;
  481. }
  482. }
  483. /********871px***********/
  484.  
  485. @media (min-width: 1050px) {
  486. /**goat saucer**/
  487. a#header-img-a {
  488. height: 97px;
  489. width: 130px;
  490. margin: 0px;
  491. display: inline-block;
  492. background: url(https://i.imgur.com/VxK4mOa.png) no-repeat transparent;
  493. font-size: 0px;
  494. position: relative;
  495. top: 0px;
  496. padding-top: 100px;
  497. overflow: hidden;
  498. }
  499. #header-banner {
  500. top: -45px;
  501. }
  502. }
  503. @media (max-width: 1050px) {
  504. /**goat saucer**/
  505. a#header-img-a {
  506. height: 50px;
  507. width: 130px;
  508. margin: 0px;
  509. display: inline-block;
  510. background: url(https://i.imgur.com/883dspF.png) no-repeat transparent;
  511. font-size: 0px;
  512. position: relative;
  513. top: -34px;
  514. padding-left: 130px;
  515. overflow: hidden;
  516. }
  517. #header-banner {
  518. top: 1px;
  519. }
  520. }
  521.  
  522.  
  523. @media (max-width: 950px) {
  524. .tabmenu {
  525. font-size: 12px;
  526. line-height: 40px;
  527. position: relative;
  528. top: 20px;
  529. }
  530. div#container {
  531. margin-top: 30px;
  532. }
  533. }
  534. @media (max-width: 500px) {
  535. div#container {
  536. margin-top: 50px;
  537. }
  538. }
  539.  
  540. /**sidebar logo**/
  541.  
  542. .titlebox h1 a:first-child,
  543. .titlebox h1 a:nth-of-type(1) {
  544. font-size: 0px;
  545. display: block;
  546. width: 260px;
  547. height: 90px;
  548. background: url(http://i.imgur.com/YyMuOhc.png) no-repeat;
  549. }
  550. .dark .titlebox h1 a:first-child,
  551. .dark .titlebox h1 a:nth-of-type(1) {
  552. opacity: 0.5;
  553. }
  554. .dark .titlebox h1 a:first-child:hover,
  555. .dark .titlebox h1 a:nth-of-type(1):hover {
  556. opacity: 0.9;
  557. }
  558.  
  559. .dark #container {
  560. background: #292929;
  561. border: 0px solid #222;
  562. }
  563.  
  564.  
  565. /**text post indent goat**/
  566. .thumbnail {
  567. margin: 0 -68px 0 0;
  568. }
  569. .thumbnail>img, .thumbnail a>img {
  570. border-radius: 50px;
  571. }
  572. a.thumbnail.may-blank:after {
  573. content: ' ';
  574. display: block;
  575. width: 70px;
  576. height: 70px;
  577. position: relative;
  578. top: -70px;
  579. z-index: 1;
  580. background: transparent;
  581. box-shadow: inset 2px 17px 0px 0px #F8F8F8, inset -2px -17px 0px 0px #F8F8F8, inset 2px -17px 0px 0px #F8F8F8, inset -2px 17px 0px 0px #F8F8F8;
  582. border-radius: 8px;
  583. }
  584. .dark a.thumbnail.may-blank:after {
  585. box-shadow: inset 2px 17px 0px 0px #000, inset -2px -17px 0px 0px #000, inset 2px -17px 0px 0px #000, inset -2px 17px 0px 0px #000;
  586. }
  587. a.thumbnail.may-blank {
  588. background: #F8F8F8;
  589. border: none;
  590. border-radius: 16px;
  591. height: 70px;
  592. position: relative;
  593. left: -12px;
  594. }
  595.  
  596. .dark a.thumbnail.may-blank {
  597. background: rgba(0, 0, 0, 0.86)!important;
  598. border: none;
  599. }
  600. .sitetable .entry {
  601. margin-right: 10px;
  602. padding-left: 62px;
  603. background: url("http://i.imgur.com/fjriBt3.png") no-repeat;
  604. background-position: -2px 16px;
  605. background-size: 56px auto;
  606. }
  607. .commentarea .entry {
  608. margin-right: 0px!important;
  609. padding-left: 0px!important;
  610. background: none!important;
  611. }
  612. /**comment page text post indent**/
  613. .link .usertext .md {
  614. margin: 8px 0px 0px -56px;
  615. }
  616.  
  617. /**comment page**/
  618. .comment .usertext.gray:after {
  619. color: #FF0000;
  620. content: 'DISQUALIFIED';
  621. font-weight: bold;
  622. font-size: 40px !important;
  623. background: url(https://i.imgur.com/a1ZdU4Z.png) no-repeat;
  624. background-position: 0 -6656px;
  625. padding-left: 35px;
  626. height: 32px;
  627. display: inline-block;
  628. }
  629. .comment .md,
  630. .link .usertext .md {
  631. padding: 10px;
  632. }
  633. .dark .submission ul.flat-list.buttons a {
  634. color: #ADADAD;
  635. }
  636. .dark ul.flat-list.buttons a {
  637. color: #2F2F2F;
  638. }
  639. .dark .comment .tagline {
  640. color: #424242;
  641. }
  642. @media (max-width: 550px){
  643. .dark .comment .flat-list.buttons li a {
  644. background: #000;
  645. }
  646. .comment .flat-list.buttons li a {
  647. background: #FFF;
  648. }
  649. }
  650.  
  651. div#siteTable .comment {
  652. margin: 20px 0 0 0;
  653. box-shadow: 1px 1px 5px rgba(125, 194, 98, 0.2), -1px -1px 5px rgba(125, 194, 98, 0.2);
  654. border: 1px solid rgba(125, 194, 98, 0.2);
  655. border-radius: 6px;
  656. padding: 6px 4px;
  657. }
  658. div#siteTable .comment:hover {
  659. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  660. border: 1px solid #124F57;
  661. margin: 20px 0 0 0;
  662. padding: 6px 4px;
  663. }
  664. .dark div#siteTable .comment {
  665. margin: 20px 0 0 0;
  666. box-shadow: 1px 1px 5px rgba(37, 58, 29, 0.4), -1px -1px 5px rgba(37, 58, 29, 0.4);
  667. border: 1px solid rgba(18, 79, 87, 0.5);
  668. border-radius: 6px;
  669. padding: 6px 4px;
  670. background-color: rgba(0, 0, 0, 0.7);
  671. }
  672. .dark div#siteTable .comment:hover {
  673. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  674. border: 1px solid #124F57;
  675. margin: 20px 0 0 0;
  676. padding: 6px 4px;
  677. background-color: rgba(0, 0, 0, 0.9);
  678. }
  679. .comment .comment,
  680. .comment .comment .comment,
  681. .comment .comment .comment .comment,
  682. .comment .comment .comment .comment .comment,
  683. .comment .comment .comment .comment .comment .comment,
  684. .comment .comment .comment .comment .comment .comment .comment,
  685. .comment .comment .comment .comment .comment .comment .comment .comment,
  686. .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  687. .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  688. box-shadow: 0px 0px 0px #7DC262, 0px 0px 0px #7DC262;
  689. border: 0px solid #124F57;
  690. }
  691. .dark .comment .comment,
  692. .dark .comment .comment .comment,
  693. .dark .comment .comment .comment .comment,
  694. .dark .comment .comment .comment .comment .comment,
  695. .dark .comment .comment .comment .comment .comment .comment,
  696. .dark .comment .comment .comment .comment .comment .comment .comment,
  697. .dark .comment .comment .comment .comment .comment .comment .comment .comment,
  698. .dark .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  699. .dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  700. background-color: rgba(0, 0, 0, 0.4);
  701. }
  702. .dark .comment .comment:hover,
  703. .dark .comment .comment .comment:hover,
  704. .dark .comment .comment .comment .comment:hover,
  705. .dark .comment .comment .comment .comment .comment:hover,
  706. .dark .comment .comment .comment .comment .comment .comment:hover,
  707. .dark .comment .comment .comment .comment .comment .comment .comment:hover,
  708. .dark .comment .comment .comment .comment .comment .comment .comment .comment:hover,
  709. .dark .comment .comment .comment .comment .comment .comment .comment .comment .comment:hover,
  710. .dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment:hover {
  711. background-color: rgba(0, 0, 0, 0.9);
  712. }
  713.  
  714. .comment .comment blockquote,
  715. .comment .comment .comment blockquote,
  716. .comment .comment .comment .comment blockquote,
  717. .comment .comment .comment .comment .comment blockquote,
  718. .comment .comment .comment .comment .comment .comment blockquote,
  719. .comment .comment .comment .comment .comment .comment .comment blockquote,
  720. .comment .comment .comment .comment .comment .comment .comment .comment blockquote,
  721. .comment .comment .comment .comment .comment .comment .comment .comment .comment blockquote
  722. .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment blockquote {
  723. background: transparent;
  724. }
  725.  
  726.  
  727. /**reply link hover**/
  728. a[onclick^="return reply"],
  729. .dark a[onclick^="return reply"] {
  730. background-color: transparent;
  731. box-shadow: 1px 1px 5px rgba(125, 194, 98, 0.2), -1px -1px 5px rgba(125, 194, 98, 0.2);
  732. border: 1px solid rgba(125, 194, 98, 0.2);
  733. padding: 2px 6px !important;
  734. border-radius: 7px;
  735. }
  736. .commentarea .entry:hover a[onclick^="return reply"] {
  737. background-color: #a7deff; /**voat blue**/
  738. color: #0B636F;
  739. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  740. border: 1px solid #124F57;
  741. padding: 2px 6px !important;
  742. border-radius: 7px;
  743. }
  744. .dark a[onclick^="return reply"] {
  745. background-color: none;
  746. box-shadow: 1px 1px 5px rgba(37, 58, 29, 0.4), -1px -1px 5px rgba(37, 58, 29, 0.4);
  747. border: 1px solid rgba(18, 79, 87, 0.4);
  748. color: #999 !important;
  749. padding: 2px 6px !important;
  750. border-radius: 7px;
  751. }
  752. .dark .commentarea .entry:hover a[onclick^="return reply"] {
  753. background-color: #000;
  754. color: #0B636F;
  755. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  756. border: 1px solid #124F57;
  757. padding: 2px 6px !important;
  758. border-radius: 7px;
  759. }
  760. /**a little extra spacing**/
  761. .commentarea .entry .buttons li {
  762. line-height: 2em;
  763. }
  764. .arrow-upvote, .arrow-upvoted {
  765. margin-bottom: 3px;
  766. margin-top: 8px;
  767. }
  768. .comment .arrow-downvote {
  769. margin-top: 10px;
  770. }
  771. /**upvoat messages**/
  772.  
  773. .comment,
  774. .comment .midcol,
  775. .link .midcol {
  776. overflow: visible;
  777. margin-right: 12px;
  778. }
  779. .dark .comment .arrow-upvoted::after,
  780. .dark .arrow-upvoted::after {
  781. color: #12C7E1!important;
  782. background: rgba(0, 0, 0, 0.4)!important;
  783. }
  784. .comment .arrow-upvoted::after,
  785. .arrow-upvoted::after {
  786. white-space: nowrap;
  787. content: '';
  788. font-size: 12px;
  789. margin-left: 0px;
  790. position: relative;
  791. background: rgba(244, 244, 244, 0.8);
  792. color: #12C7E1;
  793. bottom: 12px;
  794. opacity: 0.0;
  795. padding: 2px;
  796. border-radius: 6px;
  797. -webkit-animation: 3.5s ease-out 0s normal none 1 running upmod;
  798. -moz-animation: 3.5s ease-out 0s normal none 1 running upmod;
  799. -ms-animation: 3.5s ease-out 0s normal none 1 running upmod;
  800. -o-animation: 3.5s ease-out 0s normal none 1 running upmod;
  801. animation: 3.5s ease-out 0s normal none 1 running upmod;
  802. z-index: 98;
  803. }
  804. @-webkit-keyframes upmod {
  805. 0% {
  806. bottom: 12px;
  807. left: 0px;
  808. }
  809. 15% {
  810. opacity: 1.0;
  811. }
  812. 50% {
  813. opacity: 1.0;
  814. }
  815. 100% {
  816. bottom: 30px;
  817. opacity: 0.0;
  818. }
  819. }
  820. @-moz-keyframes upmod {
  821. 0% {
  822. bottom: 12px;
  823. left: 0px;
  824. }
  825. 15% {
  826. opacity: 1.0;
  827. }
  828. 50% {
  829. opacity: 1.0;
  830. }
  831. 100% {
  832. bottom: 30px;
  833. opacity: 0.0;
  834. }
  835. }
  836. @-ms-keyframes upmod {
  837. 0% {
  838. bottom: 12px;
  839. left: 0px;
  840. }
  841. 15% {
  842. opacity: 1.0;
  843. }
  844. 50% {
  845. opacity: 1.0;
  846. }
  847. 100% {
  848. bottom: 30px;
  849. opacity: 0.0;
  850. }
  851. }
  852. @-o-keyframes upmod {
  853. 0% {
  854. bottom: 12px;
  855. left: 0px;
  856. }
  857. 15% {
  858. opacity: 1.0;
  859. }
  860. 50% {
  861. opacity: 1.0;
  862. }
  863. 100% {
  864. bottom: 30px;
  865. opacity: 0.0;
  866. }
  867. }
  868. @keyframes upmod {
  869. 0% {
  870. bottom: 12px;
  871. left: 0px;
  872. }
  873. 15% {
  874. opacity: 1.0;
  875. }
  876. 50% {
  877. opacity: 1.0;
  878. }
  879. 100% {
  880. bottom: 30px;
  881. opacity: 0.0;
  882. }
  883. }
  884. [onclick$="1);"].arrow-upvoted::after {
  885. content: " Ohh yea, you gotta get schwifty. "
  886. }
  887. [onclick$="2);"].arrow-upvoted::after {
  888. content: " Monument to Compromise "
  889. }
  890. [onclick$="3);"].arrow-upvoted::after {
  891. content: " What up my glip glops! "
  892. }
  893. [onclick$="4);"].arrow-upvoted::after {
  894. content: " WUBBA LUBBA DUB DUBS! "
  895. }
  896. [onclick$="5);"].arrow-upvoted::after {
  897. content: " You gotta shove these seeds way up your butt morty, waay up there. "
  898. }
  899. [onclick$="6);"].arrow-upvoted::after {
  900. content: " Hmmm... human music. "
  901. }
  902. [onclick$="7);"].arrow-upvoted::after {
  903. content: " I wish that shotgun was my penis. "
  904. }
  905. [onclick$="8);"].arrow-upvoted::after {
  906. content: " I don't get it and I don't need to. "
  907. }
  908. [onclick$="9);"].arrow-upvoted::after {
  909. content: " HI! I'M MR MEESEEKS! LOOK AT ME! "
  910. }
  911. [onclick$="0);"].arrow-upvoted::after {
  912. content: " Don't be trippin dog we got you. "
  913. }
  914. /**saucer easter egg**/
  915.  
  916. #header-img-a:hover:after,
  917. span.hover.pagename:hover:after {
  918. display: block;
  919. width: 130px;
  920. height: 100px;
  921. content: "";
  922. position: fixed;
  923. opacity: 0;
  924. top: 42px;
  925. z-index: 98;
  926. left: 0%;
  927. background: url(https://i.imgur.com/VxK4mOa.png);
  928. -webkit-animation: saucer ease-in 4s 1;
  929. -moz-animation: saucer ease-in 4s 1;
  930. -ms-animation: saucer ease-in 4s 1;
  931. -o-animation: saucer ease-in 4s 1;
  932. animation: saucer ease-in 4s 1;
  933. }
  934. /***saucer movement*****/
  935.  
  936. @keyframes saucer {
  937. 0% {
  938. left: -83px;
  939. opacity: 0
  940. }
  941. 45% {
  942. opacity: 1
  943. }
  944. 60% {
  945. left: 0%;
  946. opacity: 1
  947. }
  948. 99% {
  949. left: 100%;
  950. opacity: 0.5
  951. }
  952. 100% {
  953. left: 100%;
  954. opacity: 0
  955. }
  956. }
  957. @-webkit-keyframes saucer {
  958. 0% {
  959. left: -83px;
  960. opacity: 0
  961. }
  962. 45% {
  963. opacity: 1
  964. }
  965. 60% {
  966. left: 0%;
  967. opacity: 1
  968. }
  969. 99% {
  970. left: 100%;
  971. opacity: 0.5
  972. }
  973. 100% {
  974. left: 100%;
  975. opacity: 0
  976. }
  977. }
  978. @-moz-keyframes saucer {
  979. 0% {
  980. left: -83px;
  981. opacity: 0
  982. }
  983. 45% {
  984. opacity: 1
  985. }
  986. 60% {
  987. left: 0%;
  988. opacity: 1
  989. }
  990. 99% {
  991. left: 100%;
  992. opacity: 0.5
  993. }
  994. 100% {
  995. left: 100%;
  996. opacity: 0
  997. }
  998. }
  999. @-ms-keyframes saucer {
  1000. 0% {
  1001. left: -83px;
  1002. opacity: 0
  1003. }
  1004. 45% {
  1005. opacity: 1
  1006. }
  1007. 60% {
  1008. left: 0%;
  1009. opacity: 1
  1010. }
  1011. 99% {
  1012. left: 100%;
  1013. opacity: 0.5
  1014. }
  1015. 100% {
  1016. left: 100%;
  1017. opacity: 0
  1018. }
  1019. }
  1020. @-o-keyframes saucer {
  1021. 0% {
  1022. left: -83px;
  1023. opacity: 0
  1024. }
  1025. 45% {
  1026. opacity: 1
  1027. }
  1028. 60% {
  1029. left: 0%;
  1030. opacity: 1
  1031. }
  1032. 99% {
  1033. left: 100%;
  1034. opacity: 0.5
  1035. }
  1036. 100% {
  1037. left: 100%;
  1038. opacity: 0
  1039. }
  1040. }
  1041. /**hot/new**/
  1042.  
  1043. .tabmenu li.selected a {
  1044. color: #0B636F;
  1045. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  1046. border: 1px solid #124F57;
  1047. }
  1048. #header-container {
  1049. border-bottom: 0px solid #dcdcdc;
  1050. }
  1051. .dark #header-container {
  1052. border-bottom: 0px solid #dcdcdc;
  1053. border-top: 0px solid #dcdcdc;
  1054. background: transparent;
  1055. }
  1056. #container {
  1057. border: 0px solid #d1d1d1;
  1058. max-width: 1400px;
  1059. }
  1060. .dark .tabmenu li.selected a {
  1061. color: #0B636F;
  1062. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  1063. border: 1px solid #124F57;
  1064. }
  1065. #mail.havemail {
  1066. background: url(https://i.imgur.com/TB7wdMx.png) no-repeat;
  1067. background-position: 0px -2080px;
  1068. width: 32px;
  1069. height: 20px;
  1070. }
  1071. .notification-counter {
  1072. top: -13px;
  1073. left: 28px;
  1074. }
  1075. .logged-in:hover,
  1076. .logged-out:hover {
  1077. color: #0B636F;
  1078. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  1079. border: 1px solid #124F57;
  1080. border-radius: 6px;
  1081. padding: 4px 6px;
  1082. }
  1083. .logged-in,
  1084. .logged-out {
  1085. color: #0B636F;
  1086. box-shadow: 1px 1px 5px rgba(125, 194, 98, 0.2), -1px -1px 5px rgba(125, 194, 98, 0.2);
  1087. border: 1px solid rgba(125, 194, 98, 0.2);
  1088. border-radius: 6px;
  1089. padding: 4px 6px;
  1090. }
  1091. @media (max-width: 500px) {
  1092. .logged-in,
  1093. .logged-out {
  1094. color: #0B636F;
  1095. box-shadow: 1px 1px 5px rgba(125, 194, 98, 0.2), -1px -1px 5px rgba(125, 194, 98, 0.2);
  1096. border: 1px solid rgba(125, 194, 98, 0.2);
  1097. border-radius: 6px;
  1098. padding: 4px 6px;
  1099. margin-bottom: -10px;
  1100. }
  1101. #container {
  1102. margin-top: 14px;
  1103. }
  1104. }
  1105. @media (max-width: 870px) {
  1106. .logged-in {
  1107. margin-bottom: -10px;
  1108. }
  1109. }
  1110.  
  1111. .side .md p {
  1112. text-align: center;
  1113. line-height: 130%;
  1114. }
  1115. .side .md p:first-child {
  1116. padding-top: 36px;
  1117. }
  1118. .sidecontentbox .content,
  1119. .dark .sidecontentbox .content {
  1120. background: transparent;
  1121. border: 0px solid #e4e4e4;
  1122. margin: -3px;
  1123. padding: 0px;
  1124. }
  1125. .side form.form-horizontal{
  1126. color: #0B636F;
  1127. box-shadow: 1px 1px 5px rgba(125, 194, 98, 0.2), -1px -1px 5px rgba(125, 194, 98, 0.2);
  1128. border: 1px solid rgba(125, 194, 98, 0.2);
  1129. padding: 10px;
  1130. border-radius: 6px;
  1131. }
  1132. .side form.form-horizontal:hover {
  1133. color: #0B636F;
  1134. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  1135. border: 1px solid #124F57;
  1136. padding: 10px;
  1137. border-radius: 6px;
  1138. }
  1139. .side .spacer.spacersection,
  1140. .spacer:nth-of-type(5) .sidecontentbox,
  1141. .spacer:nth-of-type(6) .sidecontentbox,
  1142. .spacer:nth-of-type(7) .sidecontentbox,
  1143. .spacer:nth-of-type(8) .sidecontentbox,
  1144. .side .bottom {
  1145. color: #0B636F;
  1146. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  1147. border: 1px solid #124F57;
  1148. padding: 10px;
  1149. border-radius: 6px;
  1150. }
  1151. .dark .side form.form-horizontal {
  1152. color: #0B636F;
  1153. box-shadow: 1px 1px 5px rgba(37, 58, 29, 0.5), -1px -1px 5px rgba(37, 58, 29, 0.5);
  1154. border: 1px solid rgba(18, 79, 87, 0.5);
  1155. padding: 10px;
  1156. border-radius: 6px;
  1157. }
  1158. .dark .side form.form-horizontal:hover {
  1159. color: #0B636F;
  1160. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  1161. border: 1px solid #124F57;
  1162. padding: 10px;
  1163. border-radius: 6px;
  1164. }
  1165. .dark .side .spacer.spacersection,
  1166. .dark .spacer:nth-of-type(5) .sidecontentbox,
  1167. .dark .spacer:nth-of-type(6) .sidecontentbox,
  1168. .dark .spacer:nth-of-type(7) .sidecontentbox,
  1169. .dark .spacer:nth-of-type(8) .sidecontentbox,
  1170. .dark .side .bottom {
  1171. color: #0B636F;
  1172. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  1173. border: 1px solid #124F57;
  1174. padding: 10px;
  1175. border-radius: 6px;
  1176. }
  1177. .side .spacer.spacersection .sidecontentbox,
  1178. .dark .side .spacer.spacersection .sidecontentbox,
  1179. .spacer:nth-of-type(6) .sidecontentbox.content,
  1180. .dark .spacer:nth-of-type(6) .sidecontentbox.content,
  1181. .spacer:nth-of-type(7) .sidecontentbox.content,
  1182. .dark .spacer:nth-of-type(7) .sidecontentbox.content {
  1183. box-shadow: 0px 0px 0px #253A1D, 0px 0px 0px #253A1D;
  1184. border: 0px solid #124F57;
  1185. border-radius: 0px;
  1186. }
  1187. .dark .side form.form-horizontal {
  1188. background: rgba(41, 41, 41, 0.2);
  1189. }
  1190. .dark .side form.form-horizontal:hover {
  1191. color: #13A3B7;
  1192. }
  1193. .dark .logged-in,
  1194. .dark .logged-out {
  1195. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  1196. }
  1197. .side .spacer.spacersection .sidecontentbox p::before,
  1198. .side .sidecontentbox.content p::before {
  1199. content: "Get on over to Blips and Chitz! \A We got that one game. We got a bunch of games here. We got chabos and flobos. You can shoot things. Get over here and play the game. Use your flurbos to get tickets. \A Roy 2 just got here! Get over here at Blips and Chitz. It's the coolest place in the world. I get to be in the commercial. \ARoy 2 Just got here! Get over here at Blips and Chitz. It's the coolest place in the world. I get to be in the commercial. \A";
  1200. white-space: pre-wrap;
  1201. }
  1202.  
  1203. /**dropdown side**/
  1204.  
  1205. @media (min-width: 871px) {
  1206. .dark .side .md ul {
  1207. background: rgba(41, 41, 41, 0.0);
  1208. border-bottom: 2px solid #124F57;
  1209. border-left: 1px solid #124F57;
  1210. border-right: 1px solid #124F57;
  1211. border-top: 1px solid #124F57;
  1212. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  1213. }
  1214. .side .md ul li a:hover {
  1215. background: #fff;
  1216. color: #0B636F;
  1217. border-right: 1px solid #BAA032;
  1218. width: 150px;
  1219. }
  1220. .side .md ul li a {
  1221. background: #fff;
  1222. color: #0B636F;
  1223. border-right: 1px solid #BAA032;
  1224. width: 150px;
  1225. }
  1226. .dark .side .md ul li a {
  1227. background: rgba(41, 41, 41, 0.0);
  1228. border-right: 1px solid #124F57;
  1229. width: 150px;
  1230. }
  1231. .dark .side .md ul li a:hover {
  1232. background:rgba(41, 41, 41, 0.3);
  1233. border-right: 1px solid #124F57;
  1234. width: 150px;
  1235. }
  1236. .side .md ul {
  1237. display: inline-block;
  1238. float: left;
  1239. text-shadow: none;
  1240. color: #0B636F;
  1241. font-family: verdana;
  1242. opacity: 1;
  1243. margin: 10px;
  1244. padding: 0;
  1245. border-radius: 4px;
  1246. background: #fff;
  1247. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  1248. border: 1px solid #124F57;
  1249. /* border-bottom: 2px solid #7DC262;
  1250. border-left: 1px solid #7DC262;
  1251. border-right: 1px solid #7DC262;
  1252. border-top: 1px solid #7DC262;*/
  1253. }
  1254. .side .md ul li {
  1255. display: none;
  1256. text-align: center;
  1257. padding: 0;
  1258. }
  1259. .side .md ul li:first-child,
  1260. .md ul:hover li {
  1261. display: block;
  1262. text-align: left;
  1263. }
  1264. .side .md li a {
  1265. color: #EEE;
  1266. line-height: 2em;
  1267. font-size: 10pt;
  1268. text-align: center;
  1269. display: inline;
  1270. float: left;
  1271. font-family: verdana;
  1272. }
  1273. .side .md li:first-child a {
  1274. font-size: 10pt;
  1275. border-radius: 4px;
  1276. }
  1277. .side .md first-child ul li:hover {
  1278. background: #000;
  1279. }
  1280. .side .md li a:hover {
  1281. color: #FFF;
  1282. }
  1283. .side .md ul:nth-of-type(1),
  1284. .side .md ul:nth-of-type(2) {
  1285. width: 150px;
  1286. }
  1287. .side hr {
  1288. display: none;
  1289. }
  1290. /**voat info**/
  1291.  
  1292. .side .md ul:nth-of-type(1) li a,
  1293. .side .md ul:nth-of-type(2) li a {
  1294. width: 249px;
  1295. }
  1296. .side .md ul:nth-of-type(1) li a:hover,
  1297. .side .md ul:nth-of-type(2) li a:hover {
  1298. width: 249px;
  1299. }
  1300. .side .md ul:nth-of-type(1),
  1301. .side .md ul:nth-of-type(2) {
  1302. position: relative;
  1303. left: 3px;
  1304. top: -8px;
  1305. width: 250px;
  1306. text-align: center;
  1307. }
  1308. .side .md ul:nth-of-type(1) li {
  1309. padding: 13px 20px 1px 20px;
  1310. }
  1311. .dark .side .md ul:nth-of-type(1) li {
  1312. color: #fff;
  1313. }
  1314. .side .md ul:nth-of-type(1) li:first-child,
  1315. .side .md ul:nth-of-type(1) li:first-child:hover {
  1316. padding: 0px !important;
  1317. }
  1318. .titlebox .bottom {
  1319. float: left;
  1320. }
  1321. }
  1322. /*** end @media (min-width: 880px) ***/
  1323.  
  1324. .dark .commentarea a#loadmorebutton,
  1325. .commentarea a#loadmorebutton {
  1326. background: transparent!important;
  1327. }
  1328. .btn-whoaverse.contribute,
  1329. .btn-whoaverse {
  1330. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.24);
  1331. background: url(https://i.imgur.com/u01nyDn.png) #fff no-repeat;
  1332. background-position: 240px -214px!important;
  1333. border-radius: 6px;
  1334. line-height: 36px;
  1335. border: none;
  1336. text-align: left;
  1337. padding: 0 16px;
  1338. transition: 300ms ease-in-out;
  1339. font-family: verdana, arial, sans-serif;
  1340. color: #0B636F;
  1341. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  1342. border: 1px solid #124F57;
  1343. }
  1344. .btn-whoaverse.contribute:hover,
  1345. .btn-whoaverse:hover {
  1346. background: url(https://i.imgur.com/u01nyDn.png) no-repeat #fff!important;
  1347. background-position: 236px -214px!important;
  1348. border-radius: 6px;
  1349. line-height: 36px;
  1350. border: none;
  1351. text-align: left;
  1352. padding: 0 16px;
  1353. font-family: verdana, arial, sans-serif;
  1354. color: #09545F;
  1355. transition: 300ms ease-in-out;
  1356. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  1357. border: 1px solid #124F57;
  1358. }
  1359. .dark .btn-whoaverse.contribute,
  1360. .dark .btn-whoaverse {
  1361. background: url(https://i.imgur.com/yEW5hgX.png) no-repeat rgba(41, 41, 41, 0.2)!important;
  1362. background-position: 240px -214px!important;
  1363. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  1364. }
  1365. .dark .btn-whoaverse.contribute:hover,
  1366. .dark .btn-whoaverse:hover {
  1367. background: url(https://i.imgur.com/yEW5hgX.png) no-repeat rgba(41, 41, 41, 0.7)!important;
  1368. background-position: 236px -214px!important;
  1369. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  1370. color: #13A3B7;
  1371. }
  1372. .tabmenu li.disabled a.contribute {
  1373. display: none;
  1374. }
  1375. a.btn-whoaverse.btn-block.contribute.submit-link:before {
  1376. content: 'Are you sure about this LINK Morty?';
  1377. font-size: 11px;
  1378. position: relative;
  1379. top: 2px;
  1380. }
  1381. a.btn-whoaverse.btn-block.contribute.submit-text:before {
  1382. content: 'Discuss why you pass butter';
  1383. font-size: 12px;
  1384. position: relative;
  1385. top: 2px;
  1386. }
  1387. a.btn-whoaverse.btn-block.contribute.submit-text {
  1388. font-size: 0px;
  1389. }
  1390. a.btn-whoaverse.btn-block.contribute.submit-link {
  1391. font-size: 0px;
  1392. }
  1393. /**subscriber count**/
  1394.  
  1395. .users-online.fuzzed > span.word,
  1396. .subscribers > span.word {
  1397. display: none;
  1398. }
  1399. .subscribers #subscriberCount::after {
  1400. content: '0042 Morties';
  1401. }
  1402. .users-online.fuzzed > span.number::after {
  1403. content: '41 Glip Glops here now';
  1404. }
  1405. .subscribers,
  1406. .dark .subscribers {
  1407. position: relative;
  1408. }
  1409. /**subscribe and block button**/
  1410.  
  1411. button.btn-whoaverse-paging.btn-xs.btn-default.btn-sub:after {
  1412. display: block;
  1413. color: #0B76BB;
  1414. content: "Morty! You have to click here to subscribe! Hurry Morty! Hurry!!";
  1415. position: fixed;
  1416. bottom: 0px;
  1417. left: 0;
  1418. text-align: center;
  1419. font-size: 20px;
  1420. width: 100%;
  1421. background-color: #f4f4f4;
  1422. opacity: 1;
  1423. z-index:9005;
  1424. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  1425. border: 1px solid #124F57;
  1426. }
  1427. .dark button.btn-whoaverse-paging.btn-xs.btn-default.btn-sub:after {
  1428. display: block;
  1429. color: white;
  1430. content: "Morty! You have to click here to subscribe! Hurry Morty! Hurry!!";
  1431. position: fixed;
  1432. bottom: 0px;
  1433. left: 0;
  1434. text-align: center;
  1435. font-size: 20px;
  1436. width: 100%;
  1437. background-color: #03171B;
  1438. opacity: 1;
  1439. z-index:9005;
  1440. box-shadow: 1px 1px 5px rgba(125, 194, 98, 0.2), -1px -1px 5px rgba(125, 194, 98, 0.2);
  1441. border: 1px solid rgba(125, 194, 98, 0.2);
  1442. }
  1443. .side .md {
  1444. overflow: visible;
  1445. }
  1446. .titlebox .btn-whoaverse-paging {
  1447. background: #fff;
  1448. border: 0px solid #999;
  1449. border-radius: 40px;
  1450. display: block;
  1451. color: #888;
  1452. font-size: 8px;
  1453. float: right;
  1454. font-weight: bold;
  1455. letter-spacing: 0px;
  1456. margin-bottom: 5px;
  1457. margin-right: 5px;
  1458. padding: 10px 2px;
  1459. width: 40px;
  1460. height: 40px;
  1461. margin: 0px 2% 10px;
  1462. box-shadow: 0px 1px 5px #999;
  1463. }
  1464. .side button.btn-whoaverse-paging.btn-xs.btn-default.btn-blocksubverse,
  1465. .side button.btn-whoaverse-paging.btn-xs.btn-default.btn-unblocksubverse {
  1466. position: relative;
  1467. top: 40px;
  1468. left: 70px;
  1469. }
  1470. .dark .side button.btn-whoaverse-paging.btn-xs.btn-default.btn-blocksubverse,
  1471. .dark .side button.btn-whoaverse-paging.btn-xs.btn-default.btn-unblocksubverse {
  1472. position: relative;
  1473. top: 40px;
  1474. left: 70px;
  1475. background: rgba(41, 41, 41, 0.2);
  1476. box-shadow: 0px 1px 5px #383838;
  1477. }
  1478. div.side button.btn-whoaverse-paging.btn-xs.btn-default.btn-sub,
  1479. div.side button.btn-whoaverse-paging.btn-xs.btn-default.btn-unsub {
  1480. position: relative;
  1481. top: -30px;
  1482. z-index:9005;
  1483. }
  1484. span.subscribers,
  1485. p.users-online.fuzzed {
  1486. display: inline-block;
  1487. font-size: 12px;
  1488. font-weight: bold;
  1489. }
  1490. .titlebox .btn-sub {
  1491. background: url(https://i.imgur.com/PZYk6Qy.png) no-repeat #5BB0E4;
  1492. border: 0px solid #999;
  1493. border-radius: 40px;
  1494. display: block;
  1495. color: #EEE;
  1496. font-size: 0;
  1497. float: right;
  1498. font-weight: bold;
  1499. letter-spacing: 2px;
  1500. margin-bottom: 5px;
  1501. padding: 6px 0;
  1502. width: 60px;
  1503. height: 60px;;
  1504. margin: 0px 2% 10px;
  1505. background-position: 4px 14px;
  1506. box-shadow: 0px 1px 5px #999;
  1507. transition: 300ms ease-in-out;
  1508. z-index:9005;
  1509. }
  1510. .titlebox .btn-unsub {
  1511. background: url(https://i.imgur.com/PZYk6Qy.png) no-repeat #fff;
  1512. border: 0px solid #999;
  1513. border-radius: 40px;
  1514. display: block;
  1515. color: #EEE;
  1516. font-size: 0;
  1517. float: right;
  1518. font-weight: bold;
  1519. letter-spacing: 2px;
  1520. margin-bottom: 5px;
  1521. padding: 6px 0;
  1522. width: 60px;
  1523. height: 60px;
  1524. margin: 0px 2% 10px;
  1525. background-position: 0px -48px;
  1526. box-shadow: 0px 1px 5px #999;
  1527. transition: 300ms ease-in-out;
  1528. }
  1529. .dark .titlebox .btn-unsub {
  1530. background: url(https://i.imgur.com/PZYk6Qy.png) no-repeat rgba(51, 51, 51, 0.2);
  1531. box-shadow: 0px 1px 5px #333;
  1532. background-position: 0px -48px;
  1533. margin-bottom: 5px;
  1534. padding: 6px 0;
  1535. width: 60px;
  1536. height: 60px;
  1537. margin: 0px 2% 10px;
  1538. transition: 300ms ease-in-out;
  1539. }
  1540. .titlebox .btn-unsub:hover {
  1541. background-position: 0px -46px;
  1542. box-shadow: 0px 1px 5px #484848;
  1543. content: 'unsub';
  1544. transition: 300ms ease-in-out;
  1545. }
  1546. .titlebox .btn-sub:hover {
  1547. background-position: 4px 17px;
  1548. transition: 300ms ease-in-out;
  1549. content: 'sub';
  1550. }
  1551. /**top username**/
  1552. div.logged-in span.user a[title$="Profile"]::before {
  1553. content: ' buuurp ';
  1554. font-style: italic;
  1555. }
  1556. .dark .even {
  1557. background: #252525;
  1558. }
  1559. /**submitted by**/
  1560.  
  1561. .link .tagline {
  1562. font-size: 0px;
  1563. }
  1564. .tagline {
  1565. line-height: 25px;
  1566. }
  1567. time {
  1568. font-size: 12px;
  1569. }
  1570. span.userattrs {
  1571. font-size: 12px;
  1572. margin-left: 6px;
  1573. }
  1574. a.author.may-blank.userinfo.tooltipstered {
  1575. font-size: 12px;
  1576. }
  1577. div.entry > p.tagline > time::after {
  1578. content: ' ago, buuuuurp, by ';
  1579. }
  1580. .leavemoderator {
  1581. background: transparent;
  1582. padding: 0;
  1583. margin-bottom: -28px;
  1584. }
  1585. /****comment sidebar***/
  1586.  
  1587. .sidecontentbox .content,
  1588. .side .spacer.spacersection {
  1589. background: transparent;
  1590. }
  1591. .dark .submissioninfo div.alert-h2 > div:nth-of-type(2),
  1592. .dark .submission-score-box,
  1593. .dark #container div.side > div:nth-child(2) > div > div:nth-of-type(2) {
  1594. background: transparent;
  1595. color: #0B636F;
  1596. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  1597. border: 1px solid #124F57;
  1598. }
  1599. .submissioninfo div.alert-h2 > div:nth-of-type(2),
  1600. .submission-score-box,
  1601. #container > div.side > div:nth-child(2) > div > div:nth-of-type(2) {
  1602. border: 1px solid #70B7E3;
  1603. background: transparent;
  1604. margin: 10px 10px -36px 10px;
  1605. font-style: normal;
  1606. padding: 34px 18px 0 18px;
  1607. text-align: left;
  1608. top: -40px;
  1609. position: relative;
  1610. border-radius: 4px;
  1611. color: #0B636F;
  1612. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  1613. border: 1px solid #124F57;
  1614. }
  1615. /****comment sidebar***/
  1616.  
  1617. p.h6 {
  1618. text-align: center;
  1619. font-size: 10px;
  1620. }
  1621. .titlebox.submissioninfo div p.h6:first-child {
  1622. font-size: 0px;
  1623. }
  1624. .titlebox.submissioninfo div p.h6:first-child a {
  1625. font-size: 10px;
  1626. }
  1627. div.titlebox.submissioninfo div.submission-score-box p.h6 b {
  1628. font-size: 10px !important;
  1629. }
  1630. .titlebox.submissioninfo div:nth-child(6) .h6:first-child b {
  1631. font-size: 60px !important;
  1632. }
  1633. .titlebox.submissioninfo div:nth-child(6) .h6:first-child {
  1634. font-size: 0px;
  1635. }
  1636. .titlebox.submissioninfo div:nth-child(6) .h6 {
  1637. text-align: center;
  1638. font-size: 10px;
  1639. }
  1640. .dark .submissioninfo div.alert-h2 {
  1641. background-color: #000000;
  1642. color: #0B636F;
  1643. box-shadow: 1px 1px 5px #253A1D, -1px -1px 5px #253A1D;
  1644. border: 1px solid #124F57;
  1645. }
  1646. .submissioninfo div.alert-h2 {
  1647. border: 0;
  1648. margin: 0;
  1649. padding: 0;
  1650. background-color: #fff;
  1651. color: #333333;
  1652. padding: 4px 20px;
  1653. margin: 20px 0px 0px 0px;
  1654. z-index: 100;
  1655. position: relative;
  1656. text-align: center;
  1657. font-style: normal;
  1658. border-radius: 3px;
  1659. color: #0B636F;
  1660. box-shadow: 1px 1px 5px #7DC262, -1px -1px 5px #7DC262;
  1661. border: 1px solid #124F57;
  1662. }
  1663.  
  1664. /**flair base**/
  1665. .flair {
  1666. display:inline-block;
  1667. text-indent: 1px;
  1668. height: 18px;
  1669. }
  1670. span#linkflair {
  1671. min-width: 0px;
  1672. }
  1673. .fl-discussion {
  1674. font-weight: bold;
  1675. border-radius: 6px;
  1676. text-shadow: 0 0 2px #000;
  1677. color: #fff !important;
  1678. border: 2px solid #002;
  1679. background: #005F1A;
  1680. }
  1681.  
  1682. /**back to top button**/
  1683.  
  1684. a[href$="#header"] {
  1685. position: fixed;
  1686. top: auto;
  1687. height: 26px;
  1688. width: 41px;
  1689. left: 50%;
  1690. bottom: 0px;
  1691. font-size: 0px;
  1692. border: 1px solid #c3c3c3;
  1693. border-bottom: 0;
  1694. border-radius: 6px 6px 0 0;
  1695. text-indent: -9999px;
  1696. margin-left: -13px;
  1697. color: #777777;
  1698. background: url("https://i.imgur.com/aa29nV3.png") #f4f4f4 no-repeat;
  1699. background-position: -9px -1px;
  1700. opacity: .75;
  1701. transition: opacity .5s, height .5s, box-shadow .5s;
  1702. box-shadow: 0 0 2px #ccc;
  1703. outline: none;
  1704. z-index: 9002;
  1705. }
  1706. a[href$="#header"]::after {
  1707. text-indent: 0px!important;
  1708. content: "TOP";
  1709. font-size: 11px!important;
  1710. font-family: "Arial Regular", Arial, sans-serif;
  1711. display: block;
  1712. text-align: center;
  1713. margin-top: 20px;
  1714. opacity: 0;
  1715. transition: opacity .5s;
  1716. }
  1717. a[href$="#header"]:hover {
  1718. opacity: 1;
  1719. height: 35px;
  1720. box-shadow: none;
  1721. }
  1722. a[href$="#header"]:hover::after {
  1723. margin-top: 17px;
  1724. opacity: 1;
  1725. }
  1726.  
  1727. /**snow*************************************************
  1728. #header {
  1729. background: transparent;
  1730. height: 150px;
  1731. }
  1732. body:before {
  1733. content: '';
  1734. background-image: url(https://i.imgur.com/0DJMq85.png), url(https://i.imgur.com/YfzMrC2.png), url(https://i.imgur.com/k42kNOg.png);
  1735. height: 300%;
  1736. background-repeat: repeat;
  1737. position: absolute;
  1738. width: 100%;
  1739. opacity: 1!important;
  1740. -webkit-animation: snow 10s linear infinite;
  1741. animation: snow 10s linear infinite;
  1742. }
  1743.  
  1744. @keyframes snow {
  1745. 0% {background-position: 0px 0px, 0px 0px, 0px 0px; }
  1746. 50% {background-position: 500px 500px, 100px 200px, -100px 150px; }
  1747. 100% {background-position: 500px 1000px, 200px 400px, -100px 300px; }
  1748. }
  1749. @-webkit-keyframes snow {
  1750. 0% {background-position: 0px 0px, 0px 0px, 0px 0px; }
  1751. 50% {background-position: 500px 500px, 100px 200px, -100px 150px; }
  1752. 100% {background-position: 500px 1000px, 200px 400px, -100px 300px; }
  1753. }
  1754. ******************************************endsnow************/
  1755.  
  1756. .footer:before {
  1757. content: 'stylesheet updated by @pembo210';
  1758. font-size: 11px;
  1759. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement