API tools faq
paste
Guest User

Untitled

a guest
Jun 3rd, 2016
52
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 89.06 KB | None | 0 0
raw download clone embed print report
  1. .stylesheet-customize-container {
  2. width: 100%;
  3. }
  4. #subreddit_stylesheet {
  5. display: block;
  6. overflow: hidden;
  7. }
  8. .sheets {
  9. margin: 0;
  10. }
  11. #stylesheet_contents{
  12. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  13. padding: 5px;
  14. background-color: #222;
  15. color: #ace;
  16. border: 2px solid #222;
  17. height: 500px;
  18. font-size: 13px;
  19. }
  20. .res-nightmode #stylesheet_contents{
  21. background-color: #111;
  22. border-color: #111;
  23. }
  24.  
  25.  
  26.  
  27.  
  28. .titlebox a[href*="/r/watford_fc"] {
  29. position: fixed;
  30. background-color: #fff;
  31. background-image: url(%%redirect-image%%);
  32. background-repeat: no-repeat;
  33. background-position: top center;
  34. top: 0;
  35. left: 0;
  36. width: 100%;
  37. height: 100%;
  38. z-index: 500;
  39.  
  40. }
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47. Version 1.0
  48. Stylesheet by Imjustadude90 with modifications from BatMunki
  49. Last modified: 09 MAY 2015
  50. --------------------------------------------------------------------------
  51. [Changelog]
  52. v1.0 - Initial Design - /r/Fring Template
  53. v1.1 - RES Nightmode Compatible
  54. v1.2 - Nightmode re-design & header re-design.
  55. v1.3 - New vote arrows & improved customization.
  56. -------------------------------------------------------------------------- */
  57.  
  58. /**Add Customization on the bottom, or it will not work**/
  59.  
  60. /** Main Body **/
  61. body {
  62. color: #111111;
  63. background-color: #F0F0F0;
  64. margin: 0 auto;
  65. }
  66.  
  67.  
  68. .res-nightmode .res{background-color:#202020;}
  69.  
  70. .entry .buttons li a {
  71. font-weight: normal;
  72. }
  73.  
  74. .pref-lang {
  75. font-weight: normal;
  76. }
  77. /**Common css**/
  78. /**Box shadow on content, boxes and more**/
  79. .organic-listing,
  80. .messages-page .sitetable,
  81. #header .tabmenu,
  82. .login-form-side,
  83. .sidecontentbox,
  84. .listing-page .sitetable,
  85. .submit-page .sitetable,
  86. .comments-page .linklisting .link,
  87. .res.res-nightmode .comments-page .linklisting .link,
  88. .sitetable.nestedlisting > .comment,
  89. .commentarea>.usertext,
  90. .commentarea .panestack-title,
  91. .wiki-page .wiki-page-content,
  92. .single-page.comments-page .linkinfo
  93. {
  94. box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
  95. -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
  96. box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
  97. }
  98. .content .spacer {
  99. margin-bottom: 0px;
  100. }
  101. /** HEADER **/
  102.  
  103. /** SR Header Area **/
  104.  
  105. #sr-header-area{
  106. border-bottom: 0px solid #adadad;
  107. background-color: rgba(68, 68, 68, 0.15);
  108. height:22px;
  109. line-height:22px;
  110. }
  111. #sr-header-area:hover{
  112. background-color: rgba(0, 0, 0, 0.5);
  113. -webkit-transition: all 0.15s ease;
  114. -moz-transition: all 0.15s ease;
  115. -o-transition: all 0.15s ease;
  116. transition: all 0.15s ease;
  117. }
  118. .res-nightmode #sr-header-area{background-color: rgba(16, 16, 16, 1)!Important;}
  119. #sr-header-area .width-clip{
  120. right: 50px;
  121. }
  122. #RESShortcutsViewport{margin-right:65px!Important;}
  123. #sr-header-area .drop-choices {
  124. border:1px solid #adadad;
  125. background-color:#f3f3f3;
  126. }
  127. #sr-header-area .drop-choices.srdrop{
  128. margin-top: 3px;
  129. border: 0px;
  130. -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.10);
  131. -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.10);
  132. box-shadow: 0 1px 5px rgba(0,0,0,0.10);
  133. border-radius: 0px 0px 5px 5px;
  134. background-color: #fff;
  135. }
  136. .sr-bar a{color:#ebebeb; text-decoration:none}
  137. .sr-bar a:hover{color:#fff; text-decoration:none;}
  138.  
  139. /**SR More Link **/
  140. #sr-more-link{
  141. background-color: rgba(0,0,0,0.2);
  142. padding: 0px 5px 0px 10px;
  143. color: #ebebeb;
  144. margin-right: -50px;
  145. }
  146. #sr-more-link:hover{
  147. color:#fff
  148. }
  149. .sr-bar .separator, .separator{color:transparent;}
  150. #sr-header-area .dropdown.srdrop .selected, .res #sr-header-area #srDropdownContainer a{
  151. background-image: url(%%spritesheet%%);
  152. background-position: 0px -55px;
  153. background-repeat: no-repeat!important;
  154. width:20px;
  155. height:16px;
  156. display:block;
  157. margin: 1px 5px 0px 2px;
  158. padding: 0;
  159. line-height: 18px;
  160. cursor: pointer;
  161. text-indent: -999em;
  162. }
  163.  
  164. #sr-header-area .dropdown.srdrop .selected:hover, .res #sr-header-area #srDropdownContainer a:hover{
  165. opacity:0.8;
  166. }
  167. .sr-bar a.gold {
  168. color: #e5c100;
  169. }
  170. /** Main Header Area **/
  171. #header {
  172. border-bottom: 0px;
  173. -webkit-box-shadow: 0px 2px 0px #e2e2e2;
  174. -moz-box-shadow: 0px 2px 0px #e2e2e2;
  175. box-shadow: 0px 1px 0px #E0E0E0;
  176. position: relative;
  177. background-color: #93b2c7;
  178. background-repeat: no-repeat;
  179. -webkit-background-size: cover!Important;
  180. -moz-background-size: cover!Important;
  181. -o-background-size: cover!Important;
  182. background-size: cover!Important;
  183. }
  184. .res-nightmode #header{background-color:#161616!Important;border-bottom: 1px solid #333!Important; box-shadow: 0px 1px 0px #161616!Important;}
  185. #header-img.default-header, #header-img {
  186. margin-left: 5px;
  187. background: url(%%spritesheet%%) -122px -186px no-repeat;
  188. opacity:0.7;
  189. height: 65px;
  190. width: 65px;
  191. margin: 3px 5px;
  192. }
  193. #header-img:hover {
  194. opacity:1.0;
  195. }
  196. /** Header-Bottom-Left **/
  197.  
  198. #header .pagename{
  199. font-size:0px;
  200. }
  201. #header .pagename a{
  202. text-transform: uppercase;
  203. font-weight: 600;
  204. font-size: 19px;
  205. border-collapse: separate;
  206. display:inline-block;
  207. position: absolute;
  208. margin-top: 27px;
  209. color: #fff;
  210. text-shadow: 0px 1px 2px rgba(0,0,0,0.55);
  211. }
  212. .res-nightmode #header .pagename a{color:#fff!Important;}
  213. #header .pagename a:hover{
  214. opacity:0.9;
  215. text-decoration:none;
  216. }
  217.  
  218. /** Header-Bottom-Right **/
  219.  
  220. #header-bottom-right {
  221. position: absolute;
  222. right: 0px;
  223. background-color: transparent;
  224. padding: 4px 8px!Important;
  225. border-top-left-radius: 7px;
  226. font-size:12px;
  227. background-color: rgba(68,68,68,0.15);
  228. line-height:14px;
  229. }
  230. #header-bottom-right:hover{
  231. background-color: rgba(0, 0, 0, 0.3);
  232. -webkit-transition: all 0.15s ease;
  233. -moz-transition: all 0.15s ease;
  234. -o-transition: all 0.15s ease;
  235. transition: all 0.15s ease;
  236. }
  237. .res-nightmode #header-bottom-right{background:transparent!Important;}
  238. #header-bottom-right .user{
  239. color:#efefef;
  240. }
  241. #header-bottom-right .user .userkarma {
  242. border-bottom: 0px dotted #efefef;
  243. color:#efefef;
  244. font-weight:500;
  245. }
  246. #header-bottom-right .user a{
  247. color:#f6f6f6;
  248. text-decoration:none;
  249. }
  250. #header-bottom-right .user a:hover{
  251. color:#fff;
  252. text-decoration:none;
  253. }
  254. #header-bottom-right .separator {color:transparent;}
  255. #header-bottom-right a.pref-lang.choice:hover{color:#fff;}
  256. #header-bottom-right .logout a:hover{color:#fff;}
  257.  
  258. /**Userbar**/
  259.  
  260. /**Preferences**/
  261. #header-bottom-right a.pref-lang, .loggedin .logout a{
  262. background: url(%%spritesheet%%) -29px 0px no-repeat;
  263. width: 14px;
  264. height: 14px;
  265. display: inline-block;
  266. text-indent: -9999px;
  267. margin: 0px;
  268. }
  269. /**Preferences & Logout Hover After Text**/
  270. #header-bottom-right a.pref-lang.choice:after, .loggedin .logout a:after{
  271. position: absolute;
  272. content: " ";
  273. font-size: 0px;
  274. background-color: #F5F5F5;
  275. color: #000;
  276. margin: -25px 0px!Important;
  277. height: 16px;
  278. line-height: 16px;
  279. max-width: 0px;
  280. right: 0px;
  281. border-radius: 6px 0px 0px 6px;
  282. box-shadow: 0px 0px 2px #C0C0C0;
  283. -webkit-transition: all 0.15s ease;
  284. -moz-transition: all 0.15s ease;
  285. -o-transition: all 0.15s ease;
  286. transition: all 0.15s ease;
  287. z-index: 1000;
  288. text-indent: 0!Important;
  289. }
  290. #header-bottom-right a.pref-lang.choice:hover:after{
  291. content: "Preferences";
  292. font-size: 12px;
  293. max-width: 130px;
  294. padding: 0px 8px;
  295. }
  296. .loggedin .logout a:hover:after {
  297. content: "Logout";
  298. font-size:12px;
  299. max-width:130px;
  300. padding: 0px 8px;
  301. }
  302.  
  303. /**Res Settings**/
  304. .gearIcon {
  305. background: url(%%spritesheet%%) -46px 0px no-repeat!Important;
  306. }
  307. #RESSettingsButton{
  308. position: relative!important;
  309. top: 3px!important;
  310. left: 0px;
  311. }
  312. #RESMainGearOverlay {
  313. background-image: none!important;
  314. margin-top: 3px!important;
  315. width: 26px!Important;
  316. }
  317. /**Logout**/
  318. .loggedin .logout a{
  319. background: url(%%spritesheet%%) -65px 0px no-repeat;
  320. }
  321.  
  322. /** TABMENU **/
  323. #header .tabmenu {
  324. list-style-type: none;
  325. white-space: nowrap;
  326. display: inline-block;
  327. position: absolute;
  328. right: 325px;
  329. left: 15px;
  330. text-align: left;
  331. background-color: #FFFFFF;
  332. overflow: hidden!important;
  333. border-bottom: 0px;
  334. border-radius: 3px 3px 0px 0px;
  335. height: 30px;
  336. line-height: 30px;
  337. padding-left: 10px;
  338. margin-top: 82px;
  339. box-shadow: 0px 0px 3px 0px rgba(0,0,0,.1);
  340. }
  341. .res-nightmode #header-bottom-left .tabmenu.tabmenu {background-color: #101010;}
  342. .tabmenu li {
  343. display: inline;
  344. font-weight: normal;
  345. margin: 0px 0px;
  346. margin-right:2%;
  347. }
  348. .tabmenu li a{
  349. margin: 0px;
  350. padding: 0px;
  351. font-size: 14px;
  352. background-color: transparent;
  353. font-weight: 500;
  354. color: #444;
  355. padding: 5px 5px;
  356. font-family: "Trebuchet MS",Helvetica,sans-serif;
  357. }
  358. .tabmenu li a:hover{
  359. color: #ff7247;
  360. -webkit-transition: all 0.1s ease;
  361. -moz-transition: all 0.1s ease;
  362. -o-transition: all 0.1s ease;
  363. transition: all 0.1s ease;
  364. }
  365. .res-nightmode .tabmenu li a{background-color:transparent!Important; color:#bbbbbb!Important;}
  366. .res-nightmode .tabmenu li a:hover{color:#e6e6e6!Important;}
  367. .res-nightmode .tabmenu li a:active{color:#fff!Important;}
  368. .tabmenu li.selected a{
  369. font-weight: 600;
  370. background-color: transparent;
  371. border: 0px;
  372. border-bottom: 0px;
  373. color: #ff7247;
  374. }
  375. .res-nightmode .tabmenu li.selected a{color:#fff!Important; background-color:transparent!Important;}
  376.  
  377. /** SIDE - Sidebar **/
  378.  
  379. .side {
  380. float: right;
  381. background-color: transparent;
  382. margin: 3px 10px 10px 15px;
  383. }
  384. .res-nightmode .side{background-color:transparent!Important;}
  385. .titlebox {
  386. font-size: larger;
  387. background-color: #fff;
  388. -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.10);
  389. -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.10);
  390. box-shadow: 0 1px 5px rgba(0,0,0,0.10);
  391. border: 0px;
  392. }
  393. .res-nightmode .titlebox{
  394. background-color: #161616!Important;
  395. box-shadow: 0 0px 4px rgba(22, 22, 22, 1)!Important;
  396. }
  397. h1.redditname{
  398. background: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
  399. background: -moz-linear-gradient(top, #fafafa, #f0f0f0);
  400. background: -o-linear-gradient(top, #fafafa, #f0f0f0);
  401. background: -ms-linear-gradient(top, #fafafa, #f0f0f0);
  402. background: linear-gradient(top, #fafafa, #f0f0f0);
  403. background-color: #fafafa;
  404. border-bottom: 1px solid #eaeaea;
  405. margin-bottom: 0px;
  406. padding: 5px 10px;
  407. }
  408. .res-nightmode h1.redditname{
  409. background: -webkit-linear-gradient(top, #161616, #1F1E1E);
  410. background: -moz-linear-gradient(top, #161616, #1F1E1E);
  411. background: -o-linear-gradient(top, #161616, #1F1E1E);
  412. background: -ms-linear-gradient(top, #161616, #1F1E1E);
  413. background: linear-gradient(top, #161616, #1F1E1E);
  414. background-color: #161616;
  415. }
  416.  
  417. /**Login Form**/
  418. .login-form-side{
  419. border: 0px solid rgb(240, 240, 240);
  420. background-color: #fff;
  421. }
  422. .res-nightmode .login-form-side{
  423.  
  424. }
  425. /** Content Box **/
  426. .sidecontentbox {
  427. font-size: normal;
  428. border: 0px;
  429. }
  430. .res-nightmode .sidecontentbox{background-color: #161616!Important; box-shadow: 0 0px 4px rgba(22, 22, 22, 1)!Important; border:0px!Important;}
  431. .sidecontentbox .title {
  432. background: -webkit-linear-gradient(top, #fafafa, #f0f0f0);
  433. background: -moz-linear-gradient(top, #fafafa, #f0f0f0);
  434. background: -o-linear-gradient(top, #fafafa, #f0f0f0);
  435. background: -ms-linear-gradient(top, #fafafa, #f0f0f0);
  436. background: linear-gradient(top, #fafafa, #f0f0f0);
  437. background-color: #fafafa;
  438. -webkit-border-radius: 3px 3px 0px 0px;
  439. -moz-border-radius: 3px 3px 0px 0px;
  440. border-radius: 3px 3px 0px 0px;
  441. color: rgb(5, 5, 5);
  442. padding: 5px 10px;
  443. margin: 0px;
  444. }
  445. .res-nightmode .sidecontentbox .title{
  446. background: -webkit-linear-gradient(top, #161616, #1F1E1E);
  447. background: -moz-linear-gradient(top, #161616, #1F1E1E);
  448. background: -o-linear-gradient(top, #161616, #1F1E1E);
  449. background: -ms-linear-gradient(top, #161616, #1F1E1E);
  450. background: linear-gradient(top, #161616, #1F1E1E);
  451. background-color: #161616;
  452. }
  453. .sidecontentbox .content {
  454. border: 0px;
  455. background: #fff;
  456. padding: 5px 10px;
  457.  
  458. }
  459. .sidecontentbox .title h1{
  460. color:#444;
  461. }
  462. .res-nightmode .sidecontentbox .title h1{color:rgb(238, 238, 238)!Important;border-bottom: 0px!Important;}
  463. .side div.sidecontentbox a.helplink {
  464. position: relative;
  465. background-image: url(%%spritesheet%%);
  466. background-position: 0px -175px;
  467. background-repeat: no-repeat!important;
  468. font-size: 0;
  469. right: 5px;
  470. margin-top: 4px;
  471. width: 36px;
  472. height: 20px;
  473. opacity:0.6;
  474. }
  475. .res-nightmode .side div.sidecontentbox a.helplink{
  476. background-position: 0px -197px!Important;
  477. }
  478. .side div.sidecontentbox a.helplink:hover{
  479. opacity:1.0;
  480. }
  481. .side div.sidecontentbox a.helplink:hover:after {
  482. position: absolute;
  483. white-space: normal;
  484. display: block;
  485. z-index: 1000;
  486. width: 280px;
  487. padding: 10px;
  488. content: "Message the moderators.";
  489. text-align: center;
  490. font-size: 12px;
  491. color: #fff;
  492. margin-left: -259px;
  493. margin-top: 22px;
  494. background-color: #ff7247;
  495. }
  496.  
  497. /**Font Size**/
  498. .md-small h1, .side .md h1, .md-small h2, .side .md h2{
  499. font-size: 1.5em;
  500. line-height: 1.38889em;
  501. margin-top: 0.555556em;
  502. margin-bottom: 0.555556em;
  503. }
  504. /**TitleBox, sub buttons, short info and more **/
  505.  
  506. /*H3 Button*/
  507.  
  508. .side .titlebox .md h3 a{
  509. border-radius: 5px;
  510. padding: 5px 10px;
  511. font-size: 13px;
  512. text-decoration: none;
  513. color: #fff;
  514. position: relative;
  515. display: block;
  516. margin: 0 auto;
  517. background-color: #ff7247;
  518. -webkit-box-shadow: 0px 3px 0px #D75A41;
  519. -moz-box-shadow: 0px 3px 0px #D75A41;
  520. box-shadow: 0px 3px 0px #D75A41;
  521. }
  522.  
  523. .res-nightmode .side .titlebox .md h3 a{
  524. background-color: #202020!Important;
  525. -webkit-box-shadow: 0px 4px 0px #333;
  526. -moz-box-shadow: 0px 4px 0px #333;
  527. box-shadow: 0px 4px 0px #333;
  528. }
  529. .res-nightmode .side .titlebox .md h3 a:active{
  530. box-shadow: 0px 1px 0px #333;
  531. }
  532.  
  533. .side .titlebox .md h3 a:after{
  534. content:"";
  535. position:absolute;
  536. margin:0;
  537. padding:0;
  538. right: 10px;
  539. background: url(%%spritesheet%%) no-repeat;
  540. background-position: -47px -197px;
  541. height:18px; width:18px;
  542. }
  543.  
  544. .side .titlebox .md h3 a:active{
  545. transform: translate(0px, 3px);
  546. -webkit-transform: translate(0px, 3px);
  547. box-shadow: 0px 1px 0px 0px;
  548. }
  549.  
  550. /**End H3 Button**/
  551.  
  552. .titlebox .fancy-toggle-button{
  553. margin-left: 10px;
  554. margin-bottom: 5px;
  555. height: 30px;
  556. line-height: 30px;
  557. width: 288px;
  558. display: block;
  559. }
  560.  
  561. .titlebox .toggle.flairtoggle {
  562. padding: 6px 12px;
  563. margin: 0;
  564. border-top: 1px solid rgba(234,234,234,0.4);
  565. font-size: 10px;
  566. }
  567.  
  568. .titlebox form.toggle, .leavemoderator {
  569. padding: 6px 12px;
  570. border-top: 1px solid rgba(234,234,234,0.4);
  571. }
  572. .res-nightmode .titlebox form.toggle, .res-nightmode .leavemoderator{
  573. border-top: 1px solid rgba(0,0,0,0.10)!Important;
  574. background-color:#161616!Important;
  575. }
  576.  
  577. .titlebox .tagline{
  578. padding: 4px 20px 10px;
  579. margin:0px;
  580. }
  581. .res-nightmode .titlebox .tagline{
  582. border-bottom: 1px solid rgba(0,0,0,0.10)!Important;
  583. background-color: #161616!Important;
  584. border-top: 1px solid rgba(51, 51, 51, 0.5)!Important;
  585. }
  586. .res-nightmode .side .spacer .titlebox .redditname{
  587. border-color: rgba(51, 51, 51, 0.5)!Important;
  588. }
  589. .titlebox .usertext-body .md, .titlebox div.usertext .md{
  590. padding: 4px 12px;
  591. font-size: 12px;
  592. color: #444;
  593. border-top: 1px solid rgba(234,234,234,0.4);
  594. }
  595.  
  596. .side .titlebox .bottom{
  597. min-height: 11px;
  598. padding: 6px 12px;
  599. border-top: 1px solid rgba(234,234,234,0.4);
  600. }
  601.  
  602. .res-nightmode .side .titlebox .bottom {
  603. border-bottom: 0px!Important;
  604. border-top: 1px solid rgba(51, 51, 51, 0.5)!Important;
  605. }
  606.  
  607. .titlebox .bottom .age{
  608. font-size:0px!Important;
  609. }
  610. .titlebox .bottom .age time{
  611. font-size:11px;
  612. }
  613.  
  614. .titlebox .bottom .age time:before{
  615. content:"";
  616. position:absolute!Important;
  617. margin: -4px 0px 0px -26px!Important;
  618. height: 20px!Important;
  619. width:22px!Important;
  620. background: url(%%spritesheet%%) 0 -150px no-repeat!Important;
  621. display: inline-block!Important;
  622. }
  623. .res-nightmode .flairselector, .res-nightmode .linefield, .res-nightmode .icon-menu a, .res-nightmode .side .leavemoderator, .res-nightmode .side .leavecontributor-button, .res-nightmode .side .titlebox, .res-nightmode .side .spacer .titlebox .redditname, .res-nightmode .side .titlebox .flairtoggle, .res-nightmode .side .usertext-body .md ol, .res-nightmode .side .usertext-body .md ol ol, .res-nightmode .side .usertext-body .md ol ol li, .res-nightmode .side blockquote, .res-nightmode .modactionlisting table *, .res-nightmode .side .recommend-box .rec-item{
  624. background-color:#161616!Important;
  625. }
  626.  
  627. .side .subscribe-button a.add{
  628. background-image: none;
  629. border: none;
  630. background-color: #008000;
  631. padding: 3px 8px;
  632. border-bottom: 3px solid #75a849;
  633. transition: background-color .2s ease;
  634. }
  635. .side .subscribe-button a.add:hover {
  636. background-color: #008000;
  637. }
  638. .side .subscribe-button a.add:active, .side .subscribe-button a.remove:active{
  639. position: relative;
  640. top: 3px;
  641. border-bottom-width: 0;
  642. }
  643. .side .subscribe-button a.remove{
  644. background-image: none;
  645. border: none;
  646. background-color: #ff0000;
  647. padding: 3px 8px;
  648. border-bottom: 3px solid #ff0000;
  649. transition: all .2s ease;
  650. }
  651. .res-nightmode .side .subscribe-button a.remove{
  652. background-color: #ff0000;
  653. border-bottom: 3px solid #FF1919;
  654. }
  655. .side .subscribe-button a.remove:hover {
  656. background-color: #ff0000;
  657. border-bottom-color: #FF1919
  658. }
  659. .res-nightmode .side .subscribe-button a.remove:hover {
  660. background-color: #181818;
  661. border-bottom: 3px solid #000000;
  662. }
  663. .side .subscribe-button a.add:active, .side .subscribe-button a.remove:active , .res-nightmode .side .subscribe-button a.add:active, .res-nightmode .side .subscribe-button a.remove:active{
  664. position: relative;
  665. top: 3px;
  666. border-bottom-width: 0;
  667. }
  668. /**Res Shortcuts and Dashboard buttons - Thanks to /u/ggitaliano from /r/carbon **/
  669. .res .RESDashboardToggle, .res .RESshortcutside{
  670. background: -webkit-linear-gradient(top,#F5F5F5,#F1F1F1);
  671. background: -moz-linear-gradient(top,#F5F5F5,#F1F1F1);
  672. background: -o-linear-gradient(top,#F5F5F5,#F1F1F1);
  673. background: -ms-linear-gradient(top,#F5F5F5,#F1F1F1);
  674. background: linear-gradient(top,#F5F5F5,#F1F1F1);
  675. background-color: #F5F5F5;
  676. height: 20px;
  677. line-height: 20px;
  678. padding: 1px 6px;
  679. width: 138px;
  680. border: 0px!Important;
  681. border-radius: 0px;
  682. color: #444;
  683. display: inline-block;
  684. margin: 0px;
  685. -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.05);
  686. -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.05);
  687. box-shadow: 0 1px 5px rgba(0,0,0,0.05);
  688. }
  689. .res-nightmode .res .RESDashboardToggle, .res-nightmode .res .RESshortcutside{
  690. background: -webkit-linear-gradient(top,#434242,#313030)!Important;
  691. background: -moz-linear-gradient(top,#434242,#313030)!Important;
  692. background: -o-linear-gradient(top,#434242,#313030)!Important;
  693. background: -ms-linear-gradient(top,#434242,#313030)!Important;
  694. background: linear-gradient(top,#434242,#313030)!Important;
  695. background-color: #434242!Important;
  696. color:#DADADA;
  697. }
  698. .res .RESDashboardToggle:hover, .res .RESshortcutside:hover{
  699. -moz-box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
  700. -webkit-box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
  701. box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
  702. }
  703. .res-nightmode .res .RESDashboardToggle:hover, .res-nightmode .res .RESshortcutside:hover{
  704. color:#fff!Important;
  705. -moz-box-shadow: 1px 0px 2px rgba(0,0,0,0.2)!Important;
  706. -webkit-box-shadow: 1px 0px 2px rgba(0,0,0,0.2)!Important;
  707. box-shadow: 1px 0px 2px rgba(56, 55, 55, 1)!Important;
  708. }
  709. .res .RESDashboardToggle:active, .res .RESshortcutside:active{
  710. box-shadow:none;
  711. background: -webkit-linear-gradient(top,#F1F1F1,#F5F5F5);
  712. background: -moz-linear-gradient(top,#F1F1F1,#F5F5F5);
  713. background: -o-linear-gradient(top,#F1F1F1,#F5F5F5);
  714. background: -ms-linear-gradient(top,#F1F1F1,#F5F5F5);
  715. background: linear-gradient(top,#F1F1F1,#F5F5F5);
  716. }
  717. .res-nightmode .res .RESDashboardToggle:active, .res-nightmode .res .RESshortcutside:active{
  718. background: -webkit-linear-gradient(top,#313030,#434242)!Important;
  719. background: -moz-linear-gradient(top,#313030,#434242)!Important;
  720. background: -o-linear-gradient(top,#313030,#434242)!Important;
  721. background: -ms-linear-gradient(top,#313030,#434242)!Important;
  722. background: linear-gradient(top,#313030,#434242)!Important;
  723. }
  724. .RESshortcutside.remove, .RESDashboardToggle.remove{
  725. background: #E2E2E2!Important;
  726. }
  727. .res-nightmode .RESshortcutside.remove, .res-nightmode .RESDashboardToggle.remove{
  728. background: #1B1B1B!Important;
  729. }
  730. .res .RESDashboardToggle{
  731. width: 138px;
  732. }
  733. /** Subscribers and Live Users**/
  734. body:not(.res) .titlebox .fancy-toggle-button {display: block;}
  735. .subscribers{
  736. float: right;
  737. max-width: 210px;
  738. margin-top: -30px;
  739. position: relative;
  740. padding: 5px 5px;
  741. text-align: right;
  742. color: #444;
  743. margin-bottom: 0px;
  744. }
  745. .titlebox .users-online, .titlebox .users-online:before{display: none; content: none;}
  746. .titlebox .subscribers:hover+.users-online, .titlebox .users-online:hover{
  747. display: block;
  748. margin-top: -30px;
  749. max-width: 210px;
  750. position: relative;
  751. padding: 5px 5px;
  752. text-align: right;
  753. background-color: #fff!Important;
  754. margin-bottom: 0px;
  755. float: right;
  756. }
  757. .res-nightmode .titlebox .subscribers:hover+.users-online, .res-nightmode .titlebox .users-online:hover{
  758. background-color:#161616!Important;
  759. }
  760. .res .subscribers{
  761. margin-top: -55px!Important;
  762. }
  763. .res .users-online{
  764. margin-top: -55px!Important;
  765. }
  766. .titlebox .users-online:after{
  767. content: "";
  768. top: 11px;
  769. width: 20px;
  770. height: 17px;
  771. background-color:transparent!Important;
  772. background-image: url(%%spritesheet%%);
  773. background-position: -101px 0px;
  774. background-repeat: no-repeat!important;
  775. display: inline-block;
  776. float: left;
  777. margin-right: 5px;
  778. margin-top: -3px;
  779. }
  780.  
  781. .RESshortcutside{margin-left:10px;}
  782.  
  783.  
  784. /** Submit Buttons **/
  785. .side div.morelink a {
  786. color: white;
  787. letter-spacing: 0px;
  788. font-size: 17px;
  789. font-weight: normal;
  790. text-align: left;
  791. padding-left: 10px;
  792. font-family: Tahoma, sans-serif;
  793. }
  794. .res-nightmode .side div.morelink a{color:#fff!Important;}
  795. .side div.morelink{
  796. -webkit-border-radius: 5px;
  797. -moz-border-radius: 5px;
  798. border-radius: 5px;
  799. background-image: none;
  800. border: none;
  801. height: 35px;
  802. line-height:35px;
  803. opacity:0.9;
  804. background-color: #ff7247;
  805. -webkit-box-shadow: 0px 3px 0px #D75A41;
  806. -moz-box-shadow: 0px 3px 0px #D75A41;
  807. box-shadow: 0px 3px 0px #D75A41;
  808. }
  809. .res-nightmode .side div.morelink{
  810. background-color: #161616!Important;
  811. -webkit-box-shadow: 0px 4px 0px #333;
  812. -moz-box-shadow: 0px 4px 0px #333;
  813. box-shadow: 0px 4px 0px #333;
  814. }
  815. .side div.morelink:hover{opacity:1.0;}
  816. .side div.morelink:active {
  817. transform: translate(0px, 3px);
  818. -webkit-transform: translate(0px, 3px);
  819. box-shadow: 0px 1px 0px 0px;
  820. -webkit-box-shadow: 0px 2px 0px;
  821. -moz-box-shadow: 0px 2px 0px;
  822. box-shadow: 0px 2px 0px;
  823. color:transparent;
  824. }
  825. .res-nightmode .side div.morelink:active{
  826. -webkit-box-shadow: 0px 2px 0px #333;
  827. -moz-box-shadow: 0px 2px 0px #333;
  828. box-shadow: 0px 2px 0px #333;
  829. }
  830. .side div.submit-link .morelink .nub {
  831. background-image: url(%%spritesheet%%);
  832. background-position: 0px 0px;
  833. background-repeat: no-repeat;
  834. width: 23px;
  835. height: 22px;
  836. position: absolute;
  837. right: 8px;
  838. top: 7px;
  839. background-color:transparent;
  840. }
  841. .res-nightmode .side div.submit-link .morelink .nub{
  842. background-image: url(%%spritesheet%%)!important;
  843. background-position: 0px 0px!important;
  844. }
  845. .side div.submit-text .morelink .nub {
  846. background-image: url(%%spritesheet%%);
  847. background-position: 0px -29px;
  848. background-repeat: no-repeat!important;
  849. width: 23px;
  850. height: 26px;
  851. position: absolute;
  852. right: 8px;
  853. top: 5px;
  854. background-color:transparent;
  855. }
  856. .res-nightmode .side div.submit-text .morelink .nub{
  857. background-image: url(%%spritesheet%%)!important;
  858. background-position: 0px -29px!important;
  859. }
  860. .side div.create .morelink .nub{
  861. display:none;
  862. }
  863. /** Search **/
  864.  
  865. /**Position**/
  866. form#search{
  867. white-space: nowrap;
  868. }
  869. /*** Search Input ***/
  870. #search input[type=text] {
  871. border: 0px;
  872. padding: 10px;
  873. outline: none;
  874. -webkit-border-radius: 5px;
  875. -moz-border-radius: 5px;
  876. border-radius: 5px;
  877. background-color: #fff;
  878. -webkit-border-radius: 5px;
  879. -moz-border-radius: 5px;
  880. border-radius: 5px;
  881. -webkit-box-shadow: 0px 4px 0px #E2E2E2;
  882. -moz-box-shadow: 0px 4px 0px #E2E2E2;
  883. box-shadow: 0px 4px 0px #E2E2E2;
  884. }
  885.  
  886. .res-nightmode #search input[type=text]{
  887. background-color:#161616!Important;
  888. -moz-box-shadow: 0px 4px 0px #333;
  889. -webkit-box-shadow: 0px 4px 0px #333;
  890. box-shadow: 0px 4px 0px #333;
  891. }
  892. #search input[type=submit]{
  893. background-color: #ff7247;
  894. background-image: url(%%spritesheet%%);
  895. background-position: 0px -107px;
  896. background-repeat: no-repeat;
  897. width:41px;
  898. height: 35.8px;
  899. margin: 0;
  900. margin-left: -41px;
  901. vertical-align: middle;
  902. -webkit-border-radius: 0px 5px 5px 0px;
  903. -moz-border-radius: 0px 5px 5px 0px;
  904. border-radius: 0px 5px 5px 0px;
  905. outline: none;
  906. opacity:1.0;
  907. -webkit-box-shadow: 0px 3px 0px #D75A41;
  908. -moz-box-shadow: 0px 3px 0px #D75A41;
  909. box-shadow: 0px 3px 0px #D75A41;
  910. }
  911. .res-nightmode #search input[type=submit]{
  912. background-image: url(%%spritesheet%%)!Important;
  913. background-position: 0px -107px!Important;
  914. background-repeat: no-repeat!Important;
  915. background-color: #101010!Important;
  916. -webkit-box-shadow: 0px 4px 0px #080808;
  917. -moz-box-shadow: 0px 4px 0px #080808;
  918. box-shadow: 0px 4px 0px #080808;
  919. opacity:0.9;
  920. }
  921. .res-nightmode #search input[type=submit]:hover{opacity:1.0;}
  922. #search input[type=submit]:hover{
  923. opacity: 0.9;
  924. background-image: url(%%spritesheet%%);
  925. background-position: 0px -107px;
  926. background-repeat: no-repeat;
  927. }
  928. #search input[type=submit]:active{
  929. opacity: 1.0;
  930. }
  931. .res-nightmode #search input[type=submit]:active {background-color:#080808!Important;}
  932. /**Search Info**/
  933. #searchexpando{
  934. position: relative;
  935. background: #FFFFFF;
  936. border: 2px solid #E2E2E2;
  937. margin-top: 20px;
  938. color:black;
  939. }
  940. .res-nightmode #searchexpando, .res-nightmode #searchexpando .infobar{background: #161616!Important; border: 2px solid #333333!Important;}
  941. #searchexpando:after, #searchexpando:before {
  942. bottom: 100%;
  943. left: 50%;
  944. border: solid transparent;
  945. content: " ";
  946. height: 0;
  947. width: 0;
  948. position: absolute;
  949. pointer-events: none;
  950. }
  951. #searchexpando:after {
  952. border-color: rgba(136, 183, 213, 0);
  953. border-bottom-color: #FFFFFF;
  954. border-width: 10px;
  955. margin-left: -10px;
  956. }
  957. .res-nightmode #searchexpando:after{border-bottom-color:#161616;}
  958. #searchexpando:before {
  959. border-color: rgba(194, 225, 245, 0);
  960. border-bottom-color: #E2E2E2;
  961. border-width: 13px;
  962. margin-left: -13px;
  963. }
  964. .res-nightmode #searchexpando:before{border-bottom-color:#333333;}
  965. label+#moresearchinfo{
  966. box-shadow: none;
  967. border-top:0px;
  968. }
  969. .search-summary .debuginfo{background-color:rgba(193, 66, 66, 0);}
  970.  
  971. /**Search Page**/
  972. .searchpane{
  973. margin: 36px 320px 0px 0px;
  974. border: 0px;
  975. background-color: #f6f6f6;
  976. }
  977. .search-page div.content{
  978. margin: 15px 5px 0px 15px;
  979. }
  980. .search-page div#siteTable{overflow:hidden;margin-top: 10px;}
  981. .search-page .link{
  982. margin-bottom: 10px;
  983. border-radius: 3px;
  984. margin-bottom: 10px!Important;
  985. }
  986. .search-page .searchfacets{
  987. border:0px;
  988. margin-top: 0px;
  989. background-color: #F0F9FF;
  990. }
  991. .search-page .menuarea{
  992. background-color:#fff;
  993. }
  994. /**Common Box-Shadow**/
  995. .searchpane, .search-page .link, .search-page .searchfacets, .search-page .menuarea{
  996. box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
  997. -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
  998. box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
  999. }
  1000.  
  1001. /*Vote Arrows**/
  1002. .arrow {
  1003. background-image: url(%%spritesheet%%) !important;
  1004. height: 14px;
  1005. width: 22px;
  1006. background-color: transparent;
  1007. }
  1008. .comment .arrow{margin-bottom:5px!Important;}
  1009. .arrow.up {
  1010. background-position: -52px -29px;
  1011. }
  1012.  
  1013. .arrow.upmod {
  1014. background-position: -30px -29px;
  1015. }
  1016.  
  1017. .arrow.down {
  1018. background-position: -52px -43px;
  1019. }
  1020.  
  1021. .arrow.downmod {
  1022. background-position: -30px -43px;
  1023. }
  1024. /**Nightmode Arrows**/
  1025. .res-nightmode .arrow {
  1026. background-image: url(%%spritesheet%%) !important;
  1027. height: 14px!important;
  1028. width: 22px!important;
  1029. background-color: transparent;
  1030. }
  1031. .res-nightmode .comment .arrow{margin-bottom:5px!Important;}
  1032. .res-nightmode .arrow.up, .res-nightmode .arrow.up:hover{background: url(%%spritesheet%%) -52px -29px no-repeat!Important;}
  1033. .res-nightmode .arrow.upmod, .res-nightmode .arrow.upmod:hover{background: url(%%spritesheet%%) -30px -29px no-repeat!Important;}
  1034. .res-nightmode .arrow.down, .res-nightmode .arrow.down:hover{background: url(%%spritesheet%%) -52px -43px no-repeat!Important;}
  1035. .res-nightmode .arrow.downmod, .res-nightmode .arrow.downmod:hover{background: url(%%spritesheet%%) -30px -43px no-repeat!Important;}
  1036.  
  1037. .arrow.upmod:focus {
  1038. background-position: -30px -29px;
  1039. -webkit-animation: bounceIn 400ms ease-in;
  1040. -moz-animation: bounceIn 400ms ease-in;
  1041. -o-animation: bounceIn 400ms ease-in;
  1042. animation: bounceIn 400ms ease-in;
  1043. }
  1044. /**Arrow Animation**/
  1045. @-webkit-keyframes bounceIn {
  1046. 0% {
  1047. opacity: 0;
  1048. -webkit-transform: scale(.3);
  1049. }
  1050. 50% {
  1051. opacity: 1;
  1052. -webkit-transform: scale(1.05);
  1053. }
  1054. 70% {
  1055. -webkit-transform: scale(.9);
  1056. }
  1057. 100% {
  1058. -webkit-transform: scale(1);
  1059. }
  1060. }
  1061. @keyframes bounceIn {
  1062. 0% {
  1063. opacity: 0;
  1064. transform: scale(.3);
  1065. }
  1066. 50% {
  1067. opacity: 1;
  1068. transform: scale(1.05);
  1069. }
  1070. 70% {
  1071. transform: scale(.9);
  1072. }
  1073. 100% {
  1074. transform: scale(1);
  1075. }
  1076. }
  1077. .link .midcol{
  1078. overflow:visible;
  1079. }
  1080. .gadget .midcol{
  1081. width:22px;
  1082. }
  1083. .comment .midcol {
  1084. width:22px;
  1085. }
  1086. /**End Vote Arrows**/
  1087.  
  1088. /** CONTENT **/
  1089. .content {
  1090. margin: 40px 15px 0px 15px;
  1091. }
  1092. .listing-page .sitetable{
  1093. overflow:hidden;
  1094. }
  1095. .res-nightmode body .content{background:transparent!Important;}
  1096. /**Sitetable**/
  1097. .submit-page .sitetable {
  1098. overflow:hidden;
  1099. list-style-type: none;
  1100. padding: 0px;
  1101. padding-top:2px;
  1102. margin-bottom:20px;
  1103. background-color: #fff;
  1104. }
  1105. .res-nightmode .submit-page .sitetable{
  1106. background-color:#161616!Important;
  1107. -webkit-box-shadow: 0 1px 5px rgba(22,22,22,0.20);
  1108. -moz-box-shadow: 0 1px 5px rgba(22,22,22,0.20);
  1109. box-shadow: 0 1px 5px rgba(22,22,22,0.20)!Important;
  1110. }
  1111. /*Buttons*/
  1112. .sitetable .nav-buttons{
  1113. background-color: #FFFFFF;
  1114. padding: 5px 10px;
  1115. }
  1116. .res-nightmode .sitetable .nav-buttons{
  1117. background-color:#101010!Important;
  1118. }
  1119. .sitetable .nextprev, .next-suggestions{
  1120. color:#777;
  1121. }
  1122. .res-nightmode .sitetable .nextprev, .res-nightmode .next-suggestions{
  1123. color:#e2e2e2!Important;
  1124. }
  1125. .sitetable .nextprev a, .next-suggestions a{
  1126. background-color: #F5F5F5;
  1127. color: #ff7247;
  1128. height: 20px;
  1129. line-height: 20px;
  1130. padding: 1px 5px;
  1131. border: 1px solid #eaeaea;
  1132. border-radius: 4px;
  1133. display: inline-block;
  1134. }
  1135. .res-nightmode .sitetable .nextprev a, .res-nightmode .next-suggestions a{
  1136. background-color: #444!Important;
  1137. border: 1px solid #333!Important;
  1138. color: #eaeaea!Important;
  1139. }
  1140. .sitetable .nextprev a:hover, .res-nightmode .next-suggestions a:hover{
  1141. background-color: #F0F0F0;
  1142. border: 1px solid #DFDFDF;
  1143. }
  1144. .res-nightmode .sitetable .nextprev a:hover, .res-nightmode .next-suggestions a:hover{
  1145. background-color:#333!Important;
  1146. border: 1px solid #222!Important;
  1147. }
  1148. .sitetable .nextprev a:active, .next-suggestions a:active{
  1149. background-color: #ECECEC;
  1150. border: 1px solid #D2D2D2;
  1151. }
  1152. .res-nightmode .sitetable .nextprev a:active, .res-nightmode .next-suggestions a:active{
  1153. background-color:#272727!Important;
  1154. border: 1px solid #1a1a1a!Important;
  1155. }
  1156.  
  1157. /* Links */
  1158. .comments-page .linklisting .link {
  1159. overflow:hidden;
  1160. }
  1161.  
  1162. .linklisting .link{
  1163. margin: 0px;
  1164. padding: 8px 8px;
  1165. border-bottom: 1px solid rgba(234, 234, 234, 0.4);
  1166. background-color:#fff;
  1167. }
  1168. .res.res-nightmode .linklisting .link{
  1169. background-color: #161616!Important;
  1170. border-bottom: 1px solid rgba(31, 31, 31, 1)!Important;
  1171. padding: 8px 8px!Important;
  1172. }
  1173. .last-clicked.link:not(:first-child), .link:not(:first-child), .linklisting>.comment:not(:first-child){
  1174. padding: 8px 8px;
  1175. margin: 0px;
  1176. }
  1177.  
  1178.  
  1179.  
  1180. /*Top Border*/
  1181. .last-clicked.link:not(:first-child), .link:not(:first-child), .linklisting > .comment:not(:first-child){
  1182. margin:0;
  1183. }
  1184. /** Link Title**/
  1185. .thing .title{
  1186. color: #1D8DFD!Important;
  1187. }
  1188. .thing .title:hover{
  1189. color:#0a78e6!Important;
  1190. }
  1191. .res-nightmode .thing .title{
  1192. color:#6598CB!Important;
  1193. }
  1194. .res-nightmode .thing .title:hover{color:#fff!Important;}
  1195.  
  1196. .thing .title:visited{color:#551a8b!Important;}
  1197. .res-nightmode .thing .title:visited{color:#b7b7b7!Important;}
  1198.  
  1199. /** Vote Score **/
  1200. .link .score{
  1201. }
  1202. .link .rank{
  1203. border: .1em solid rgba(234,234,234,0.4);
  1204. background-color: #FFFFFF;
  1205. color: #B0B0B0;
  1206. margin-top: -0.8em;
  1207. margin-left: -0.8em;
  1208. text-align: center;
  1209. height: 1.5em;
  1210. font-size: 11px;
  1211. line-height: 1.5em;
  1212. padding: 0px 3px;
  1213. -webkit-border-radius: 0px 0px 5px 0px;
  1214. -moz-border-radius: 0px 0px 5px 0px;
  1215. border-radius: 0px 0px 5px 0px;
  1216. }
  1217. .res-nightmode .link .rank {
  1218. background-color: #161616;
  1219. border: .1em solid rgba(31,31,31,1)!Important;
  1220. }
  1221. /** Thumbnail Images **/
  1222. .thumbnail{
  1223. position: relative;
  1224. overflow: hidden;
  1225. margin-right: 2px;
  1226. padding: 1px;
  1227. display: inline-block;
  1228. }
  1229. .thumbnail img{
  1230. border: 0 none;
  1231. -webkit-border-radius: 4px;
  1232. -moz-border-radius: 4px;
  1233. border-radius: 4px;
  1234. }
  1235. /**Thumbnails**/
  1236. .thumbnail.self {
  1237. background: url(%%spritesheet%%) -120px 0px no-repeat;
  1238. height:60px;
  1239. }
  1240. .thing.stickied a.thumbnail{
  1241. background: url(%%spritesheet%%) -120px -60px no-repeat;
  1242. height:60px;
  1243. }
  1244. .thumbnail.default{
  1245. background: url(%%spritesheet%%) -120px -124px no-repeat;
  1246. height:60px;
  1247. }
  1248. /** Thing **/
  1249. .entry{
  1250. padding-bottom: 5px;
  1251. padding-right: 5px;
  1252. padding-left: 10px;
  1253. }
  1254. /**Comment Page**/
  1255.  
  1256. .sitetable.nestedlisting > .comment{
  1257. background-color:#fff;
  1258. overflow: hidden;
  1259. margin: 0px 0px 10px 0px;
  1260. }
  1261. .res-nightmode .sitetable.nestedlisting > .comment {
  1262. margin-right: 10px!Important;
  1263. }
  1264. .commentarea .thing{
  1265. padding: 10px 10px 10px 8px;
  1266. margin: 0 0 8px 0;
  1267. }
  1268. .res-nightmode .commentarea .thing{
  1269. background-color:#161616!Important;
  1270. border: 0px!Important;
  1271. }
  1272. .commentarea .child .thing{
  1273. box-shadow:none;
  1274. padding:2px;
  1275. margin: 12px 0 0 0;
  1276. border:0px;
  1277. }
  1278. .comment .child, .comment .showreplies{
  1279. border-left: 1px dotted #ECECEC;
  1280. margin-top: 0px;
  1281. }
  1282.  
  1283. .commentarea .sitetable{
  1284. box-shadow:none;
  1285. background-color:transparent;
  1286. margin:0px;
  1287. }
  1288. .commentarea>.usertext {
  1289. background-color: #fff;
  1290. overflow: hidden;
  1291. margin: -2px 0 10px 0;
  1292. padding: 10px;
  1293. border: 0px;
  1294. border-top: 0px;
  1295. }
  1296. .res-nightmode .commentarea>.usertext{
  1297. background-color: #161616!Important;
  1298. border: 0px!Important;
  1299. margin: 0px 0 10px 0;
  1300. }
  1301. .commentarea .sitetable {
  1302. margin: 0px;
  1303. box-shadow: none;
  1304. }
  1305. .commentarea {
  1306.  
  1307. }
  1308. .commentarea .panestack-title {
  1309. border-bottom:0px;
  1310. }
  1311.  
  1312. /* nested commentary boxes - Thanks to /u/creesch :) */
  1313.  
  1314. .sitetable.nestedlisting>.comment, .res .sitetable.nestedlisting>.comment {
  1315. border: 0!important;
  1316. margin-bottom: 10px !important;
  1317. }
  1318.  
  1319. .res-nightmode .sitetable.nestedlisting>.comment, .res-nightmode .res .sitetable.nestedlisting>.comment{
  1320. border: solid 0px!important;
  1321. }
  1322.  
  1323. .sitetable.nestedlisting {
  1324. border: solid 0px!important;
  1325. }
  1326.  
  1327. .res-commentBoxes.res-commentBoxes-rounded .comment {
  1328. border-radius: 0px !important;
  1329. border: 0 !important;
  1330. margin-left: 0 !important;
  1331. }
  1332.  
  1333. body .comment .child, .comment .showreplies {
  1334. border-left: 0px !important;
  1335. }
  1336.  
  1337.  
  1338. body .comment, .res-commentBoxes .comment{
  1339. margin-left: 0 !important;
  1340. margin-right: 0px!important;
  1341. margin-top: 0!important;
  1342. margin-bottom: 8px !important;
  1343. border: 0;
  1344. padding: 5px 8px 0 18px!important;
  1345. border-radius: 0 !important;
  1346. }
  1347.  
  1348. /* Yep we have to do it twice, RES will not let go of comment styling if we don't */
  1349.  
  1350. body .comment,
  1351. body .comment .comment .comment,
  1352. body .comment .comment .comment .comment .comment,
  1353. body .comment .comment .comment .comment .comment .comment .comment,
  1354. body .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  1355. .res-commentBoxes .content .comment,
  1356. .res-commentBoxes .content .comment .comment .comment,
  1357. .res-commentBoxes .content .comment .comment .comment .comment .comment,
  1358. .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment,
  1359. .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment
  1360. {
  1361. background-color: #fff!important;
  1362. border-radius: 0 !important;
  1363. }
  1364.  
  1365. .comment .comment,
  1366. .comment .comment .comment .comment,
  1367. .comment .comment .comment .comment .comment .comment,
  1368. .comment .comment .comment .comment .comment .comment .comment .comment,
  1369. .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
  1370. .res-commentBoxes .content .comment .comment,
  1371. .res-commentBoxes .content .comment .comment .comment .comment,
  1372. .res-commentBoxes .content .comment .comment .comment .comment .comment .comment,
  1373. .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment,
  1374. .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  1375. background-color: #F7F7F8!important;
  1376. border-radius: 0 !important;
  1377. }
  1378.  
  1379. /** End Nested Comments **/
  1380.  
  1381.  
  1382. .commentarea .menuarea {
  1383. background-color: #fff;
  1384. color: #444;
  1385. padding: 10px;
  1386. margin: 0 0px 0px 0px;
  1387. border-top: 0px;
  1388. background-color: #f6f6f6;
  1389. box-shadow: inset 0px 0px 3px #ddd;
  1390. }
  1391. .res-nightmode .commentarea .menuarea{
  1392. background-color: #1D1D1D!Important;
  1393. border: 0px!Important;
  1394. box-shadow: inset 0px 0px 3px #1B1B1B!Important;
  1395. }
  1396. .commentarea .menuarea .dropdown.lightdrop .selected{
  1397. background-color:transparent;
  1398. color: #ff7247;
  1399. }
  1400.  
  1401. .commentarea .panestack-title{
  1402. margin: 0px 0px 0px 0px;
  1403. padding: 10px;
  1404. background-color: #fff;
  1405. border-left: 0px;
  1406. border-right: 0px;
  1407. color: black;
  1408. overflow:hidden;
  1409. }
  1410. .res-nightmode .panestack-title {
  1411. background-color: #101010!Important;
  1412. border: 0px!Important;
  1413. border-left: 0px!Important;
  1414. border-right: 0px!Important;
  1415. color:#fff!Important;
  1416. box-shadow: 0 0px 5px rgba(22,22,22,1)!Important;
  1417. }
  1418.  
  1419. /**Commentarea Sitetable**/
  1420. .comments-page .sitetable{
  1421. margin-bottom: 10px;
  1422. border:0px;
  1423. }
  1424. .res-nightmode .comments-page .sitetable{
  1425. background-color: transparent!Important;
  1426. }
  1427. /**Link Comment Area**/
  1428. .link .usertext-body .md{
  1429. background-color: #FFFFFF;
  1430. border: 0px solid #e2e2e2!Important;
  1431. border-radius: 0px;
  1432. }
  1433.  
  1434. /**Link Info**/
  1435. .single-page.comments-page .linkinfo{
  1436. background-color: #fff;
  1437. border-radius: 0px;
  1438. border:0px;
  1439. }
  1440. .res-nightmode .single-page.comments-page .linkinfo{
  1441. background-color: #161616!Important;
  1442. box-shadow: 0 0px 8px rgba(22,22,22,1)!Important;
  1443. border: 0px!Important;
  1444. }
  1445.  
  1446. /**Menu Area**/
  1447. .menuarea {
  1448. overflow: hidden;
  1449. font-size: larger;
  1450. color: #444;
  1451. margin-top: 0px;
  1452. margin-left: 0px;
  1453. margin-bottom: 0px;
  1454. border-top: 0px;
  1455. border: 0px;
  1456. height: 25px;
  1457. line-height: 25px;
  1458. background-color: #f6f6f6;
  1459. box-shadow: inset 0px 0px 3px #ddd;
  1460. }
  1461. .res-nightmode .menuarea{
  1462. color: #eaeaea!Important;
  1463. background-color: #1F1F1F!Important;
  1464. border:0px!Important;
  1465. box-shadow:none;
  1466. }
  1467. .menuarea .drop-choices.lightdrop{
  1468. background-color: #fff;
  1469. border: 1px solid rgba(0,0,0,.15);
  1470. border-radius: 4px;
  1471. -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  1472. box-shadow: 0 6px 12px rgba(0,0,0,.175);
  1473. }
  1474. .res-nightmode .menuarea .drop-choices.lightdrop{
  1475. background-color:#1D1D1D!Important;
  1476. }
  1477. .menuarea .drop-choices a.choice{
  1478. color:#444;
  1479. padding: 6px;
  1480. }
  1481. .res-nightmode .menuarea .drop-choices a.choice{
  1482. color:#eaeaea!Important;
  1483. }
  1484. .menuarea .drop-choices a.choice:hover{
  1485. color:#fff;
  1486. background-color: #ff7247;
  1487. }
  1488. .res-nightmode .menuarea .drop-choices a.choice:hover{
  1489. background-color:#181818!Important;
  1490. }
  1491. .gold-accent.comment-visits-box{margin: 0px 5px 10px;}
  1492. .menuarea .dropdown.lightdrop .selected{
  1493. color:#444;
  1494. text-decoration:none;
  1495. cursor:pointer;
  1496. font-weight:500;
  1497. }
  1498. .res-nightmode .menuarea .dropdown.lightdrop .selected{
  1499. color:#eaeaea!Important;
  1500. }
  1501. .menuarea .dropdown.lightdrop .selected:hover{
  1502. color:#000;
  1503. text-decoration:none;
  1504. cursor:pointer;
  1505. }
  1506. .res-nightmode .menuarea .dropdown.lightdrop .selected:hover{
  1507. color:#fff!Important;
  1508. }
  1509.  
  1510. .menuarea .flat-list li a{
  1511. color:#444;
  1512. }
  1513. .res-nightmode .menuarea .flat-list li a{color:#ddd!Important;}
  1514. .menuarea .flat-list li a:hover{
  1515. color:#000;
  1516. }
  1517. .res-nightmode .menuarea .flat-list li a:hover{color:#eaeaea!Important;}
  1518.  
  1519. /**EXPANDO BUTTONS**/
  1520.  
  1521. /**Expando Buttons - Main CSS**/
  1522. .expando-button.image, .expando-button.video-muted , .expando-button.video, .expando-button.video.collapsed, .expando-button.video.expanded, .expando-button.selftext.collapsed, .expando-button.selftext.expanded{
  1523. max-width: 24px!Important;
  1524. max-height: 20px!Important;
  1525. background-image: url(%%spritesheet%%)!important;
  1526. cursor: pointer;
  1527. border-radius: 3px;
  1528. }
  1529. /**Expandos Styling**/
  1530. /**Collapsed Styling **/
  1531. .expando-button.video.collapsed, .expando-button.selftext.collapsed, .res .expando-button.image.collapsedExpando,.res .expando-button.image.gallery.collapsedExpando, .res .expando-button.video-muted.collapsed{
  1532. background-color: #F5F5F5;
  1533. box-shadow: 0px 0px 1px #C0C0C0;
  1534. }
  1535. /**Expanded Styling**/
  1536. .expando-button.video.expanded, .expando-button.selftext.expanded, .res .expando-button.image.expanded, .res .expando-button.image.gallery.expanded, .res .expando-button.video-muted.expanded, .res .expando-button.selftext.expanded{
  1537. background-color: #93b2c7;
  1538. box-shadow: 0px 0px 1px #696969;
  1539. }
  1540. /** Collapsed Hover Styling**/
  1541. .expando-button.video.collapsed:hover, .expando-button.selftext.collapsed:hover, .res .expando-button.image.collapsedExpando:hover, .res .expando-button.image.gallery.collapsedExpando:hover, .res .expando-button.video-muted.collapsed:hover{
  1542. box-shadow: 0px 0px 2px #C0C0C0;
  1543. background-color:#93b2c7;
  1544. max-width:24px;
  1545. }
  1546. /** Expanded Hover Styling**/
  1547. .expando-button.video.expanded:hover, .expando-button.selftext.expanded:hover, .res .expando-button.image.expanded:hover, .res .expando-button.image.gallery.expanded:hover, .res .expando-button.video-muted.expanded:hover, .res .expando-button.selftext.expanded:hover {
  1548. box-shadow: 0px 0px 2px #C0C0C0;
  1549. background-color: #84a4ba;
  1550. }
  1551.  
  1552. /**Expandos Backround Image**/
  1553. /**Image**/
  1554. .res .expando-button.image.collapsedExpando, .res .expando-button.image.collapsedExpando:hover, .res .expando-button.image.expanded, .res .expando-button.image.expanded {
  1555. background-position: 0px -249px!important;
  1556. }
  1557. /**Image Gallery**/
  1558. .res .expando-button.image.gallery.collapsedExpando, .res .expando-button.image.gallery.collapsedExpando:hover, .res .expando-button.image.gallery.expanded, .res .expando-button.image.gallery {
  1559. background-position: 0px -289px!important;
  1560. }
  1561. /**Video & Video Muted**/
  1562. .expando-button.video.collapsed, .expando-button.video.expanded, .res .expando-button.video.collapsed, .res .expando-button.video.expanded, .res .expando-button.video-muted.collapsed, .res .expando-button.video-muted.collapsed:hover, .res .expando-button.video-muted.expanded, .res .expando-button.video-muted.expanded:hover{
  1563. background-position: 0px -269px!important;
  1564. }
  1565. /**Self Posts**/
  1566. .expando-button.selftext.collapsed, .link .entry .expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded, .link .entry .expando-button.selftext.expanded:hover{
  1567. background-position: 0px -229px!important;
  1568. }
  1569.  
  1570. /**Res Nightmode Expandos**/
  1571.  
  1572. /**Expando Buttons - Main CSS For Nightmode **/
  1573. .res-nightmode .expando-button.image, .res-nightmode .expando-button.video-muted , .res-nightmode .expando-button.video, .res-nightmode .expando-button.video.collapsed, .res-nightmode .expando-button.video.collapsed:hover, .res-nightmode .expando-button.video.expanded, .res-nightmode .expando-button.video.expanded:hover, .res-nightmode .expando-button.selftext.collapsed, .res-nightmode .expando-button.selftext.collapsed:hover, .res-nightmode .expando-button.selftext.expanded, .res-nightmode .expando-button.selftext.expanded:hover{
  1574. vertical-align: top!important;
  1575. max-width: 24px!Important;
  1576. max-height: 20px!Important;
  1577. background-image: url(%%spritesheet%%)!important;
  1578. cursor: pointer;
  1579. border-radius: 3px;
  1580. }
  1581. /**Expandos Styling For Nightmode**/
  1582. /**Collapsed Styling **/
  1583. .res-nightmode .expando-button.video.collapsed, .res-nightmode .expando-button.selftext.collapsed, .res-nightmode .res .expando-button.image.collapsedExpando, .res-nightmode .res .expando-button.image.gallery.collapsedExpando, .res-nightmode .res .expando-button.video-muted.collapsed{
  1584. background-color: #444;
  1585. box-shadow: 0px 0px 1px #C0C0C0;
  1586. }
  1587. /**Expanded Styling**/
  1588. .res-nightmode .expando-button.video.expanded, .res-nightmode .expando-button.selftext.expanded, .res-nightmode .res .expando-button.image.expanded, .res-nightmode .res .expando-button.image.gallery.expanded, .res-nightmode .res .expando-button.video-muted.expanded, .res-nightmode .res .expando-button.selftext.expanded{
  1589. background-color: #333;
  1590. box-shadow: 0px 0px 1px #908F8F;
  1591. }
  1592. /** Collapsed Hover Styling**/
  1593. .res-nightmode .expando-button.video.collapsed:hover, .res-nightmode .expando-button.selftext.collapsed:hover, .res-nightmode .res .expando-button.image.collapsedExpando:hover, .res-nightmode .res .expando-button.image.gallery.collapsedExpando:hover, .res-nightmode .res .expando-button.video-muted.collapsed:hover{
  1594. box-shadow: 0px 0px 2px #908F8F;
  1595. background-color:#333;
  1596. }
  1597. /** Expanded Hover Styling**/
  1598. .res-nightmode .expando-button.video.expanded:hover, .res-nightmode .expando-button.selftext.expanded:hover, .res-nightmode .res .expando-button.image.expanded:hover, .res-nightmode .res .expando-button.image.gallery.expanded:hover, .res-nightmode .res .expando-button.video-muted.expanded:hover, .res-nightmode .res .expando-button.selftext.expanded:hover {
  1599. box-shadow: 0px 0px 2px #908F8F;
  1600. background-color: #333;
  1601. }
  1602.  
  1603. /**Expandos Backround Image For Nightmode**/
  1604. /**Image**/
  1605. .res-nightmode .res .expando-button.image.collapsedExpando, .res-nightmode .res .expando-button.image.collapsedExpando:hover, .res-nightmode .res .expando-button.image.expanded, .res-nightmode .res .expando-button.image.expanded {
  1606. background-position: -24px -249px!important;
  1607. background-image: url(%%spritesheet%%)!important;
  1608. }
  1609. /**Image Gallery**/
  1610. .res-nightmode .res .expando-button.image.gallery.collapsedExpando, .res-nightmode .res .expando-button.image.gallery.collapsedExpando:hover, .res-nightmode .res .expando-button.image.gallery.expanded, .res-nightmode .res .expando-button.image.gallery {
  1611. background-position: -24px -289px!important;
  1612. background-image: url(%%spritesheet%%)!important;
  1613. }
  1614. /**Video & Video Muted**/
  1615. .res-nightmode .expando-button.video.collapsed, .res-nightmode .expando-button.video.expanded, .res-nightmode .res .expando-button.video.collapsed, .res-nightmode .res .expando-button.video.expanded, .res-nightmode .res .expando-button.video-muted.collapsed, .res-nightmode .res .expando-button.video-muted.collapsed:hover, .res-nightmode .res .expando-button.video-muted.expanded, .res-nightmode .res .expando-button.video-muted.expanded:hover{
  1616. background-position: -24px -269px!important;
  1617. background-image: url(%%spritesheet%%)!important;
  1618. }
  1619. /**Self Posts**/
  1620. .res-nightmode .expando-button.selftext.collapsed, .res-nightmode .link .entry .expando-button.selftext.collapsed:hover, .res-nightmode .expando-button.selftext.expanded, .res-nightmode .link .entry .expando-button.selftext.expanded:hover{
  1621. background-position: -24px -229px!important;
  1622. background-image: url(%%spritesheet%%)!important;
  1623. }
  1624. /**END Expandos Styling For Nightmode**/
  1625.  
  1626. /** - active
  1627. box-shadow: inset 0px 0px 5px #C0C0C0;
  1628. **/
  1629.  
  1630. /**END EXPANDO BUTTONS**/
  1631.  
  1632. /**Button**/
  1633.  
  1634. .btn, button {
  1635. border-radius: 4px;
  1636. padding: 4px 10px;
  1637. text-decoration: none;
  1638. margin: 2px 0px 2px 0px;
  1639. color: #fff;
  1640. position: relative;
  1641. display: inline-block;
  1642. border: 0px!Important;
  1643. outline: none;
  1644. opacity: 1.0;
  1645. background-color: #ff7247;
  1646. -webkit-box-shadow: 0px 3px 0px #D75A41;
  1647. -moz-box-shadow: 0px 3px 0px #D75A41;
  1648. box-shadow: 0px 3px 0px #D75A41;
  1649. }
  1650.  
  1651. .btn:hover, button:hover{
  1652. opacity:0.9;
  1653. }
  1654.  
  1655. .btn:active, button:active{
  1656. transform: translate(0px, 3px);
  1657. -webkit-transform: translate(0px, 3px);
  1658. box-shadow: 0px 1px 0px 0px;
  1659. }
  1660.  
  1661. .c-btn-primary, .organic-listing .nextprev .arrow.next, .organic-listing .nextprev .arrow.prev{box-shadow:none; background-color:transparent;}
  1662.  
  1663. .login-form-side .submit, .res-nightmode .login-form-side .submit{
  1664. background-color:transparent!Important;
  1665. }
  1666. .content .RESBigEditorPop{
  1667. background-color: #DADADA;
  1668. box-shadow:none;
  1669. }
  1670.  
  1671. /**Nightmode Button**/
  1672. .res-nightmode .btn, .res-nightmode button {
  1673. color: #fafafa!Important;
  1674. background-color: #373737!Important;
  1675. -webkit-box-shadow: 0px 3px 0px 0px #5E5E5E;
  1676. -moz-box-shadow: 0px 3px 0px 0px #5E5E5E;
  1677. box-shadow: 0px 3px 0px 0px #5E5E5E;
  1678. opacity: 1.0;
  1679. }
  1680.  
  1681. .res-nightmode .btn:hover, .res-nightmode button:hover{
  1682. opacity:0.9;
  1683. }
  1684.  
  1685. .res-nightmode .btn:active, .res-nightmode button:active{
  1686. transform: translate(0px, 3px);
  1687. -webkit-transform: translate(0px, 3px);
  1688. -webkit-box-shadow: 0px 1px 0px 0px #5E5E5E!Important;
  1689. -moz-box-shadow: 0px 1px 0px 0px #5E5E5E!Important;
  1690. box-shadow: 0px 1px 0px 0px #5E5E5E!Important;
  1691. }
  1692. /**End Button**/
  1693.  
  1694. /**Submit Page**/
  1695. .submit-page div.content{
  1696. margin: 7px 5px 0px 15px;
  1697. }
  1698. .submit-page .content h1, #suggested-reddits{
  1699. display:none;
  1700. }
  1701.  
  1702. .submit-page #newlink.submit.content{
  1703. width:524px;
  1704. margin: 0px 0px 0px 15px;
  1705. }
  1706.  
  1707. .submit-page ul.tabmenu.formtab {
  1708. display: block;
  1709. font-size: larger;
  1710. padding-left: 0px;
  1711. }
  1712.  
  1713. .submit-page .formtabs-content {
  1714. width: 520px;
  1715. padding-top: 0px;
  1716. border-top:0px;
  1717. }
  1718.  
  1719. .submit-page .roundfield{
  1720. background-color: #fff;
  1721. margin-bottom: 15px;
  1722. padding: 10px;
  1723. border: 1px solid #E2E2E2;
  1724. }
  1725. .res-nightmode .submit-page .roundfield{border:1px solid #1F1F1F!Important;background-color: #161616!Important;}
  1726. .res-nightmode .submit_text .content p{color:rgb(204, 204, 204);}
  1727. .content.submit .info-notice{
  1728. background-color: #FFFFFF;
  1729. border: 1px solid #E2E2E2;
  1730. }
  1731.  
  1732. .submit-page #newlink.submit.content .tabmenu.formtab a {
  1733. padding: 12px;
  1734. width: 232px;
  1735. display: inline-block;
  1736. text-align: center;
  1737. background-color: #444;
  1738. color: #ededed;
  1739. text-transform: uppercase;
  1740. font-weight: bold;
  1741. transition: all 0.25s ease;
  1742. font-size: 16px;
  1743. border: none;
  1744. margin-right: 0px;
  1745. }
  1746. .res-nightmode .submit-page #newlink.submit.content .tabmenu.formtab a{
  1747. background-color:#3A3A3A!Important;
  1748. }
  1749.  
  1750. .submit-page #newlink.submit.content .tabmenu.formtab .selected a {
  1751. padding: 16px;
  1752. font-size: 16px;
  1753. margin-right: 0px;
  1754. color:#fff;
  1755. background-color: #ff7247;
  1756. }
  1757. .res-nightmode .submit-page #newlink.submit.content .tabmenu.formtab .selected a{
  1758. background-color:#161616!Important;
  1759. }
  1760.  
  1761. .submit-page .infobar{
  1762. border: 0px;
  1763. color: #fff;
  1764. padding: 15px;
  1765. font-size: 15px;
  1766. background-color: #ff7247;
  1767. }
  1768. .res-nightmode .submit-page .infobar{background-color:#161616!Important;}
  1769. /** Stickied Posts **/
  1770. .thing.stickied a.title, .thing.stickied a, .thing.stickied .entry li .comments {
  1771. color: #228822!important;
  1772. }
  1773. /**Stickied link rank - thanks to /u/ggitaliano from /r/Carbon**/
  1774. .link.stickied .rank{
  1775. position: relative;
  1776. visibility: visible;
  1777. }
  1778. .link.stickied .rank:after{
  1779. content: "S";
  1780. color: #228822;
  1781. margin-left: -1px;
  1782. }
  1783.  
  1784. /*Wiki*/
  1785. .wiki-page .wiki-page-content{
  1786. background-color: #fff;
  1787. padding: 5px;
  1788. margin: 10px 15px 0 0;
  1789. overflow: hidden;
  1790. }
  1791. .res-nightmode .wiki-page .wiki-page-content{background-color:#101010!Important;}
  1792. .wiki-page .pageactions{margin-top: 10px;}
  1793.  
  1794. .wiki-page .wiki-page-content .wiki.md{padding: 5px 10px;}
  1795. .wiki-page .wiki-page-content .wiki>.toc>ul{
  1796. border:0px;
  1797. padding: 8px 15px;
  1798. background-color:#fff;
  1799. }
  1800. .wiki-page-content .md h1{
  1801. margin-top: 0.25em;
  1802. margin-bottom: 0.18125em;
  1803. }
  1804.  
  1805. /**Footer**/
  1806.  
  1807. body>.debuginfo:after{content: "CSS Theme from /r/Fring";padding: 3px 0 0 5px;float: left;font-size: 12px;}
  1808.  
  1809. .res-nightmode .footer{border: 1px solid rgba(0,0,0,0.20)!Important; box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1); background: rgb(25, 25, 25);}
  1810. .res-nightmode .footer a{color:#bbb!Important;}
  1811. .res-nightmode .footer a:hover {color:#eaeaea!Important;}
  1812.  
  1813. /**Reddit Enhancement Suite Fixes**/
  1814.  
  1815. .res-nightmode .sidebox {background-color:transparent!Important; background:#202020!Important;}
  1816. .res-nightmode #RESShortcuts{color:#fff!Important;}
  1817.  
  1818. html.res-commentBoxes .comment {
  1819. margin-left: 0!important;
  1820. margin-right: 0px!important;
  1821. }
  1822.  
  1823. .res-commentBoxes.res-commentBoxes-rounded .comment {
  1824. border-radius: 0px!Important;
  1825. }
  1826.  
  1827. .res .titlebox>h1.redditname+div{
  1828. padding: 8px 15px;
  1829. border-top: 1px solid rgba(234,234,234,0.4);
  1830. border-bottom: 1px solid rgba(234,234,234,0.4);
  1831. }
  1832.  
  1833. .res-nightmode #userbarToggle{color: #B0B0B0; background-color: #101010; border-right: 1px solid #191919;}
  1834.  
  1835. .res-nightmode .res .titlebox>h1.redditname+div{border-top:0px!Important; border-bottom:0px!Important;}
  1836.  
  1837. .res #RESShortcutsEditContainer,
  1838. .res #RESShortcutsSort,
  1839. .res #RESShortcutsRight,
  1840. .res #RESShortcutsAdd,
  1841. .res #RESShortcutsTrash,
  1842. .res #RESShortcutsLeft {
  1843. background: transparent!Important;
  1844. color: white!Important;
  1845. opacity: 0.9!Important;
  1846. height:20px!Important;
  1847. line-height:18px!Important;
  1848. }
  1849. .res-nightmode .res #RESShortcutsEditContainer, .res-nightmode .res #RESShortcutsSort, .res-nightmode .res #RESShortcutsRight, .res-nightmode .res #RESShortcutsAdd, .res-nightmode .res #RESShortcutsTrash, .res-nightmode .res #RESShortcutsLeft {
  1850. background-color: rgba(16, 16, 16, 1)!Important; opacity: 0.9!Important;
  1851. }
  1852. .res #RESShortcutsEditContainer:hover,
  1853. .res #RESShortcutsSort:hover,
  1854. .res #RESShortcutsRight:hover,
  1855. .res #RESShortcutsAdd:hover,
  1856. .res #RESShortcutsTrash:hover,
  1857. .res #RESShortcutsLeft:hover{
  1858. opacity:1.0!Important;
  1859. }
  1860.  
  1861. .res-nightmode .side .md ul{
  1862. background-color: #161616!Important;
  1863. }
  1864. /**End RES Fixes**/
  1865.  
  1866. /**Login Form **/
  1867.  
  1868. .res-nightmode .login-form-side{
  1869. background-color:#161616!Important;
  1870. border:0px!Important;
  1871. box-shadow: 0 0px 4px rgba(22,22,22,1)!Important;
  1872. }
  1873.  
  1874. .res-nightmode .login-form-side label{
  1875. color: #fff!Important;
  1876. }
  1877.  
  1878. .res-nightmode .login-form-side input[type=text], .res-nightmode .login-form-side input[type=password]{
  1879. background-color:#303030!Important;
  1880. color: #fff!Important;
  1881. border: 1px solid #242424!Important;
  1882. }
  1883. /**End Login Form**/
  1884.  
  1885. /** ADS **/
  1886. .organic-listing{
  1887. border:0px;
  1888. }
  1889. .link.promoted .rank{display:none;}
  1890.  
  1891. /**Hide Stuff **/
  1892.  
  1893. .sidebox .spacer, .sidebox .subtitle, .sidebox .subtitle, .sidebox.create .spacer a{display:none;}
  1894.  
  1895. /*Additional Nightmode code*/
  1896. .res-nightmode .md code, .res-nightmode .md pre{
  1897. background-color: #191919!Important;
  1898. color: #D3D3D3!Important;
  1899. border-color: rgba(0,0,0,0.3)!Important;
  1900. }
  1901. .res-nightmode .new-comment .usertext-body {
  1902. background-color: rgb(42, 42, 42)!Important;
  1903. border-color: #121212!Important;
  1904. }
  1905. /**End Additional Nightmode code**/
  1906.  
  1907. /**Reddit-Theme Specific CSS**/
  1908.  
  1909. /** ToolBox - modtools **/
  1910. .mod-toolbox .menuarea.modtools {
  1911. margin: 0px 320px 5px 0px!Important;
  1912. background-color: #93B2C7;
  1913. border: 1px solid #eaeaea;
  1914. border-top: 0px;
  1915. }
  1916.  
  1917. .res-nightmode .mod-toolbox #subredditsearch{
  1918. background: #161616!Important;
  1919. border-color: #161616;
  1920. color: #eaeaea;
  1921. }
  1922.  
  1923. .res-nightmode .mod-toolbox.res-nightmode #tb-search-suggest tr{
  1924.  
  1925. }
  1926.  
  1927. .res-nightmode #tb-search-suggest table{
  1928.  
  1929. }
  1930.  
  1931. .mod-toolbox .sidecontentbox ul a{padding:0px;margin:0px;font-size:12px;}
  1932.  
  1933. /**Moderation Pages**/
  1934.  
  1935. .sitetable.linklisting .link.spam, .thing .title.loggedin, .thing .title, body .content .sitetable .link .title a:hover{}
  1936.  
  1937. .sitetable.linklisting .link.spam, .sitetable.linklisting .thing .title {}
  1938. .sitetable.linklisting .link.spam, .sitetable.linklisting .thing .title:hover {}
  1939. .sitetable.linklisting .link.spam, .sitetable.linklisting .thing .title:visited {}
  1940.  
  1941.  
  1942. .sitetable.linklisting .link.spam a, .sitetable.linklisting .link.spam, .link .entry .buttons li a.comments{
  1943. }
  1944.  
  1945. .sitetable.linklisting .link.spam a:hover, .sitetable.linklisting .link.spam:hover, .link .entry .buttons li a.comments:hover{
  1946. }
  1947.  
  1948. /** Moderator Multi Page**/
  1949.  
  1950. .multi-page .sitetable{overflow:hidden;}
  1951. .multi-page .content {margin:10px 15px 0px 15px;}
  1952.  
  1953. .multi-page #header .pagename a{position:relative;}
  1954.  
  1955. .multi-page .menuarea{
  1956. margin-bottom:0px;
  1957. }
  1958.  
  1959. .multi-page .hot-page .sitetable{margin-top:42px;padding-top:0px;}
  1960.  
  1961. .multi-page .sidecontentbox .content{margin:0px!Important;}
  1962.  
  1963. .multi-page .titlebox{padding-bottom:10px;}
  1964.  
  1965. .multi-page .comment, .content .details{
  1966. padding: 10px 10px 10px 8px;
  1967. }
  1968.  
  1969. .multi-page .menuarea .drop-choices.lightdrop{
  1970. left: 62px;
  1971. width: 140px;
  1972. }
  1973.  
  1974. .multi-page .link .rank{display:none;}
  1975. .multi-page .filtered-details .unfilter{margin-left:10px; margin-bottom: 5px;}
  1976. .multi-page .titlebox p{margin-left:10px;}
  1977.  
  1978.  
  1979. .multi-page .sidecontentbox .title{
  1980. color: rgb(5,5,5);
  1981. padding: 5px;
  1982. margin: 0px;
  1983. font-size: 12px;
  1984. box-shadow: none;
  1985. background: none;
  1986. }
  1987.  
  1988. .multi-page .sidecontentbox .title h1
  1989.  
  1990. .multi-page #header .pagename a:before{display:none; content:none;}
  1991. .multi-page .listing-page .side div.titlebox .redditname a:before{display:none;content:none;}
  1992.  
  1993.  
  1994. /** Multi Reddit Fix**/
  1995. body.with-listing-chooser .listing-chooser{
  1996. top: 94px;
  1997. z-index:100;
  1998. }
  1999. .with-listing-chooser #header .tabmenu{left: 140px;}
  2000. .listing-chooser-collapsed #header .tabmenu{left:15px;}
  2001.  
  2002. /**Trending Subreddits**/
  2003. .trending-subreddits {
  2004. overflow:hidden;
  2005. margin-bottom:0px;
  2006. padding: 8px;
  2007. margin-left: 0px;
  2008. border: 0px;
  2009. border-top: 0px;
  2010. text-align: center;
  2011. color: #444;
  2012. background-color: #e4e4e4;
  2013. }
  2014. .res-nightmode .trending-subreddits{background-color: #161616!Important;}
  2015.  
  2016. /**Messages Page**/
  2017. .messages-page .sitetable{
  2018. margin-right:0px;
  2019. border: 0px;
  2020. border-top: 0px;
  2021. background-color: #fff;
  2022. }
  2023. .res-nightmode .messages-page .sitetable{
  2024. background-color: transparent!Important;
  2025. }
  2026. .messages-page #header-bottom-left .tabmenu.tabmenu{
  2027. right:15px;
  2028. }
  2029. .messages-page .menuarea{
  2030. margin-right:0px;
  2031. margin-bottom:0px;
  2032. }
  2033. .messages-page .content{
  2034. margin: 41px 15px 20px 15px
  2035. }
  2036. .messages-page .sitetable .nav-buttons{
  2037. border-left:0px;
  2038. border-right:0px;
  2039. }
  2040.  
  2041. .message{
  2042. padding-left: 5px;
  2043. margin: 0px 0px 10px 0px;
  2044. padding: 7px;
  2045. border: 1px solid #eaeaea;
  2046. border-left: 0px;
  2047. border-right: 0px;
  2048. border-top: 0px;
  2049. }
  2050. .res-nightmode .message{border:0px!Important;}
  2051.  
  2052. .message.message-reply .entry, .message.message-parent .entry{
  2053. margin-left:0px;
  2054. border-left:0px;
  2055. }
  2056.  
  2057. .message.message-parent .child, .message.message-reply .child{
  2058. margin-left: 15px;
  2059. }
  2060.  
  2061. .messages-page .sitetable .listing{
  2062. border:0px;
  2063. box-shadow: none;
  2064. }
  2065.  
  2066. .messages-page .message.message-parent .child .message, .message.message-reply .child .message{
  2067. border:0px;
  2068. margin-top: 10px;
  2069. }
  2070.  
  2071. /** Profile Page Fixes**/
  2072.  
  2073. .profile-page .comment, .res-commentBoxes .comment{margin-bottom:0px!Important;}
  2074.  
  2075. .profile-page .titlebox{padding: 5px 10px;}
  2076. .res-nightmode .profile-page .titlebox h1{border:0px;}
  2077. /**Side Content Box Fixes**/
  2078. .profile-page .sidecontentbox .title h1{
  2079. color:#444;
  2080. }
  2081. .profile-page .side div.sidecontentbox a.helplink {
  2082. font-size: 12px;
  2083. background-image: none;
  2084. color: #4286D0;
  2085. margin: 0px;
  2086. padding: 0px;
  2087. width: initial;
  2088. height: initial;
  2089. opacity: 1.0;
  2090. top: 10px;
  2091. right: 2px;
  2092. opacity:1.0;
  2093. }
  2094. .profile-page .side div.sidecontentbox a.helplink:hover{
  2095. color:#3074be;
  2096. }
  2097. .profile-page .side div.sidecontentbox a.helplink:hover:after {
  2098. display:none;
  2099. }
  2100. .profile-page .last-clicked.link:not(:first-child), .link:not(:first-child), .linklisting>.comment:not(:first-child){
  2101. padding: 8px 8px;
  2102. }
  2103. .profile-page .comment, .content .details{
  2104. padding: 10px 10px 10px 8px;
  2105. }
  2106. .res-nightmode .profile-page .comment{
  2107. margin-bottom:0px!Important;
  2108. background-color: #161616!Important;
  2109. border-bottom: 1px solid rgba(31,31,31,1)!Important;
  2110. }
  2111.  
  2112. .res-nightmode .gold-accent.snoovatar-link, .res-nightmode .gold-bubble, .res-nightmode .gold-accent {
  2113. background: -webkit-linear-gradient(top, #ccac00, #998100);
  2114. background: -moz-linear-gradient(top, #ccac00, #998100);
  2115. background: -o-linear-gradient(top, #ccac00, #998100);
  2116. background: -ms-linear-gradient(top, #ccac00, #998100);
  2117. background: linear-gradient(top, #ccac00, #998100);
  2118. background-color: #ccac00;
  2119. border: 0px;
  2120. }
  2121. .res-nightmode .gold-accent.snoovatar-link a, .res-nightmode div.rounded.gold-accent.gold-expiration-info > div.gold-remaining > a{color:#eaeaea;}
  2122. .res-nightmode div.rounded.gold-accent.gold-expiration-info > .res-nightmode div.gold-remaining, .res-nightmode .gold-expiration-info .gold-remaining+div{
  2123. color: #444!Important;
  2124. }
  2125. .res-nightmode .goldvertisement .inner{
  2126. border: 0px solid #161616;
  2127. }
  2128. .res-nightmode .goldvertisement{
  2129. background: -webkit-linear-gradient(top,#caab00,#9a8200);
  2130. background-color: #ccac00;
  2131. box-shadow: 0 0 10px #C6B280 inset;
  2132. border: 0px;
  2133. border-radius: 4px
  2134. }
  2135. .res-nightmode .server-seconds{
  2136. background-color: #161616!Important;
  2137. border: 0px;
  2138. }
  2139.  
  2140.  
  2141. /*-------------------------------------------------------------------------------------------------------------------------Add your Custom CSS Below Here--------*/
  2142.  
  2143.  
  2144. /*Fring Addon: Header Background Image*/
  2145. #header
  2146. {
  2147. background: url(%%header-img%%);
  2148. height:170px; /**Change the height to that of your image**/
  2149. background-repeat: no-repeat;
  2150. }
  2151. #header .tabmenu
  2152. {
  2153. margin-top:160px; /**IMPORTANT - Height of your image minus 10px**/
  2154. }
  2155. /*End Fring Addon: Header Background Image**/
  2156.  
  2157.  
  2158.  
  2159. /**Customize button colors**/
  2160. .side .titlebox .md h3 a, .submit-page #newlink.submit.content .tabmenu.formtab .selected a,.submit-page .infobar,.side div.morelink,#search input[type=submit],.btn, button,.menuarea .drop-choices a.choice:hover,.side div.sidecontentbox a.helplink:hover:after
  2161. {
  2162. background-color: #FFD700; /**Enter your background color here**/
  2163. }
  2164.  
  2165. /**Box Shadow - Used for shadows on buttons.**/
  2166. .side .titlebox .md h3 a, .side div.morelink,.btn, button,#search input[type=submit]
  2167. {
  2168. -webkit-box-shadow: 0px 3px 0px #D75A41; /**Select a shadow color and change all three of these**/
  2169. -moz-box-shadow: 0px 3px 0px #D75A41;
  2170. box-shadow: 0px 3px 0px #D75A41;
  2171. }
  2172. /**End Customize button colors**/
  2173.  
  2174.  
  2175. /*-- r/Fring Addon: Rules Section --*/
  2176.  
  2177. .side .titlebox .md h5+ol > li{
  2178. background: #F0F0F0; /**Background color on text section**/
  2179. color: #444;
  2180. text-decoration: none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin: 5px 0px;padding: 5px 5px 5px 20px;display: block;position: relative;
  2181. }
  2182. /*Styling for the round nr icon*/
  2183. .side .titlebox .md h5+ol > li:before{
  2184. font-weight: bold;
  2185. background: #FE7F58;
  2186. color:#fff;
  2187. border: .3em solid #fff;
  2188. -moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;content: counter(li);counter-increment: li;position: absolute;left: -1.3em;top: 50%;margin-top: -1.3em;text-align: center;height: 2em;width: 2em;line-height: 2em;
  2189. }
  2190. .side .titlebox .md h5+ol{padding: 0;margin-left: 15px;counter-reset: li;}
  2191.  
  2192. /**Nightmode Friendly**/
  2193. .res-nightmode .side .titlebox .md h5+ol>li{background-color:#202020!Important; color: #ddd!Important;}
  2194. .res-nightmode .side .titlebox .md h5+ol>li:before{background: #333!Important;color: #fafafa!Important;border: .3em solid #161616!Important;}
  2195. /**End Nightmode**/
  2196.  
  2197. /**--- End r/Fring Addon: Rules Section ---**/
  2198.  
  2199. /*Self-post Thumbnail Icon*/
  2200. .thumbnail.self {
  2201. height: 60px; /*Adjust to your Images height*/
  2202. background-image: url(%%self%%);
  2203. background-position: 0px 0px;
  2204. background-repeat: no-repeat;
  2205. }
  2206.  
  2207. #header .pagename a {
  2208. top: 20px;
  2209. right: 0;
  2210. left: 0;
  2211. bottom: 20px;
  2212. }
  2213.  
  2214.  
  2215.  
  2216. .titlebox .redditname a:after {
  2217. font-size: 26px; /*This is the name is the sidebar, so you may need to make it smaller*/
  2218. }
  2219.  
  2220.  
  2221.  
  2222. .report-button:hover:after {
  2223. position: absolute;
  2224. white-space: normal;
  2225. display: block;
  2226. z-index: 1000;
  2227. width: 350px;
  2228. padding: 5px;
  2229. border: 0px solid #333;
  2230. background: #fca;
  2231. content: "Please also message the moderators a link and reason why you are reporting this, thanks. ";
  2232. text-align: center;
  2233. font-size: 10px;
  2234. color: red;
  2235. margin-left: 25px;
  2236. margin-top: 5px;
  2237. -moz-border-radius: 4px;
  2238. border-radius: 4px;
  2239. -webkit-border-radius: 4px
  2240. }
  2241.  
  2242.  
  2243. .arrow.down:hover:before {
  2244. position: absolute;
  2245. display: block;
  2246. z-index: 1000;
  2247. width: 210px;
  2248. padding: 5px;
  2249. border: 0px solid #333;
  2250. background: #fca;
  2251. content: " The downvote button is for posts that do not inspire discussion!";
  2252. text-align: center;
  2253. font-size: 10px;
  2254. color: red;
  2255. margin-left: 25px;
  2256. margin-top: 5px;
  2257. -moz-border-radius: 4px;
  2258. border-radius: 4px;
  2259. -webkit-border-radius: 4px
  2260. }
  2261.  
  2262.  
  2263.  
  2264. .linkflair-one .linkflairlabel {
  2265. background-color: #add5ab;
  2266. font-size: 11px;
  2267. font-weight: bold;
  2268. color:#000000;
  2269. border-color: #000000;
  2270. border-width: 1px;
  2271. border-radius: 3px;}
  2272.  
  2273. .linkflair-two .linkflairlabel {
  2274. background-color: #b5bbde;
  2275. font-size: 11px;
  2276. font-weight: bold;
  2277. color:#000000;
  2278. border-color: #000000;
  2279. border-width: 1px;
  2280. border-radius: 3px;}
  2281.  
  2282. .linkflair-three .linkflairlabel {
  2283. background-color: #ooffff;
  2284. font-size: 11px;
  2285. font-weight: bold;
  2286. color:#000000;
  2287. border-color: #000000;
  2288. border-width: 1px;
  2289. border-radius: 3px;}
  2290.  
  2291.  
  2292.  
  2293. .linkflair-four .linkflairlabel {
  2294. background-color: #oobfff;
  2295. font-size: 11px;
  2296. font-weight: bold;
  2297. color:#000000;
  2298. border-color: #000000;
  2299. border-width: 1px;
  2300. border-radius: 3px;}
  2301.  
  2302. .linkflair-five .linkflairlabel {
  2303. background-color: #ffffoo;
  2304. font-size: 11px;
  2305. font-weight: bold;
  2306. color:#oooooo;
  2307. border-color: #000000;
  2308. border-width: 1px;
  2309. border-radius: 3px;}
  2310.  
  2311.  
  2312.  
  2313.  
  2314.  
  2315.  
  2316.  
  2317. /*Your subreddit's name*/
  2318. .redditname a {
  2319. color: #OOOO8O; /*Change to make your subreddit name a different color*/
  2320. font-size: 25px; /*Font size of it*/
  2321. }
  2322. .redditname a:hover {
  2323. color: #OOOO8O; /*Choose the color for it when hovering over it*/
  2324. text-decoration:none;
  2325. }
  2326.  
  2327. body:not(.subscriber) .down
  2328. {
  2329. visibility: hidden !important;
  2330. }
  2331. body:not(.subscriber) #siteTable:before
  2332. {
  2333. content: "You are not Subscribed to /r/watfordfc. Please respect that by not downvoting.";
  2334. display: block;
  2335. max-width: 800px;
  2336. background-color: #F6E69F;
  2337. padding: 5px 10px;
  2338. margin: 5px 305px 5px 0px;
  2339. border: 1px solid orange;
  2340. font-size: small; }
  2341.  
  2342.  
  2343. body { background-color: #OOOOOO !important; }
  2344.  
  2345.  
  2346.  
  2347.  
  2348.  
  2349. #mail {
  2350. position: relative;
  2351. display: inline-block;
  2352. text-indent: -9999px;
  2353. overflow: hidden;
  2354. width: 19px; /*These values for the standard mail icon, customize to your own*/
  2355. height: 19px;
  2356. }
  2357.  
  2358. #mail.havemail {
  2359. background:url(%%MAIL%%);
  2360. }
  2361.  
  2362. #mail.nohavemail {
  2363. background:url(%%NOMAIL%%);
  2364. }
  2365.  
  2366.  
  2367.  
  2368.  
  2369. /* Subscriber/Online Counters */
  2370. .titlebox .word {
  2371. display: none
  2372. }
  2373. .titlebox .number:after {
  2374. content: " Hornets";
  2375. }
  2376. .titlebox .users-online span.number:after {
  2377. content: " Stinging now";
  2378. }
  2379.  
  2380. #header-img.default-header, #header-img, #header .pagename a:before{
  2381. display:none;
  2382. }
  2383. #header .pagename a{
  2384. font-size:0;
  2385. }
  2386.  
  2387. body:not(.subscriber) .down
  2388. {
  2389. visibility: hidden !important;
  2390. }
  2391. body:not(.subscriber) #siteTable:before
  2392. {
  2393. content: "You're not a member of the /r/WatfordFC Community. Please respect that by not downvoting.";
  2394. display: block;
  2395. max-width: 800px;
  2396. background-color: #F6E69F;
  2397. padding: 5px 10px;
  2398. margin: 5px 305px 5px 0px;
  2399. border: 1px solid orange;
  2400. font-size: small;
  2401. }
  2402.  
  2403. .subscriber .content:before, .side .content:before {
  2404. content: " " !important;
  2405. }
  2406. .pagename a:after,
  2407. .titlebox .redditname a:after {
  2408. content: "WatfordFC"; /* type the custom name here */
  2409. }
  2410.  
  2411. .pagename a, .titlebox .redditname a {
  2412. font-size: 0!important;
  2413. }
  2414.  
  2415. .titlebox .redditname a:after {
  2416. font-size: 26px; /*This is the name is the sidebar, so you may need to make it smaller*/
  2417. }
  2418. .side div.morelink a{color:black;}
  2419.  
  2420. /*Fring Addon: Sidebar Image*/
  2421. .side{
  2422. margin:199px 10px 10px 15px; /**Change the first margin to the height of your image +10px **/
  2423. }
  2424. .side:before
  2425. {
  2426. content:"";
  2427. position:absolute;
  2428. margin:0px;
  2429. background: url(%%sidebar-image%%) no-repeat;
  2430. background-position: 0px 0px;
  2431. width: 295px; /**The width should not be bigger than 300px**/
  2432. height: 189px; /**Enter the height of your image**/
  2433. margin: -189px 0px 0px 0px; /**Push the image up, - the height of your image**/
  2434. /*Optional Box shadow and border radius*/
  2435. -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.20);
  2436. -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.20);
  2437. box-shadow: 0 1px 5px rgba(0,0,0,0.30);
  2438. -webkit-border-radius: 5px;
  2439. -moz-border-radius: 5px;
  2440. border-radius: 5px;
  2441. /**-End Optional Box shadow and border radius-**/
  2442. }
  2443. /**--End Fring Addon: Sidebar Image**/
  2444.  
  2445.  
  2446.  
  2447.  
  2448.  
  2449.  
  2450.  
  2451.  
  2452.  
  2453.  
  2454. /* flair */
  2455.  
  2456. .flair {
  2457. min-width: 12px;
  2458. max-width: 12px;
  2459. height: 12px;
  2460. line-height: 12px;
  2461. border-radius: 12px;
  2462. border: none;
  2463. overflow: hidden;
  2464. padding: 0;
  2465. vertical-align: middle;
  2466. font-size: 10px !important;
  2467. -webkit-transition: all 0.3s;
  2468. transition: all 0.3s;
  2469. -webkit-transition-delay: 1s;
  2470. transition-delay: 1s;
  2471. position: relative;
  2472. }
  2473.  
  2474. .flair:hover {
  2475. max-width: 500px;
  2476. padding: 0 5px;
  2477. color: #fff;
  2478. -webkit-transition-delay: 0s;
  2479. transition-delay: 0s;
  2480. }
  2481.  
  2482. .flair:hover {
  2483. max-width: 500px;
  2484. padding: 0 5px;
  2485. color: #fff
  2486. }
  2487. .flair-blue {
  2488. background: #65a4ed;
  2489. color: #65a4ed
  2490. }
  2491. .flair-red {
  2492. background: #dd7680;
  2493. color: #dd7680
  2494. }
  2495. .flair-yellow {
  2496. background: #edc365;
  2497. color: #edc365
  2498. }
  2499. .flair-grey {
  2500. background: #999;
  2501. color: #999
  2502. }
  2503. .flair-black {
  2504. background: #272822;
  2505. color: #272822
  2506. }
  2507. .flair-green {
  2508. background: #4fc761;
  2509. color: #4fc761
  2510. }
  2511. .flair-pink {
  2512. background: #FFC0EB;
  2513. color: #FFC0EB;
  2514. }
  2515. .flair-magenta {
  2516. background: #ff7cff;
  2517. color: #ff7cff;
  2518. }
  2519. .flair-orange {
  2520. background: #ffb263;
  2521. color: #ffb263;
  2522. }
  2523. .flair-purple {
  2524. background: #a876ff;
  2525. color: #a876ff;
  2526. }
  2527. .flair-turquoise {
  2528. background: #4ec6c6;
  2529. color: #4ec6c6;
  2530. }
  2531. .flair-rainbow {
  2532. color: #fff;
  2533. background: #ff0;
  2534. background-image: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
  2535. background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
  2536. }
  2537. .side .tagline > span.flair-red:before {
  2538. background: #dd7680;
  2539. display: block;
  2540. }
  2541. .side .tagline > span.flair-orange:before {
  2542. background: #ffb263;
  2543. display: block;
  2544. }
  2545. .side .tagline > span.flair-yellow:before {
  2546. background: #edc365;
  2547. display: block;
  2548. }
  2549. .side .tagline > span.flair-green:before {
  2550. background: #4fc761;
  2551. display: block;
  2552. }
  2553. .side .tagline > span.flair-blue:before {
  2554. background: #65a4ed;
  2555. display: block;
  2556. }
  2557. .side .tagline > span.flair-turquoise:before {
  2558. background: #4ec6c6;
  2559. display: block;
  2560. }
  2561. .side .tagline > span.flair-purple:before {
  2562. background: #a876ff;
  2563. display: block;
  2564. }
  2565. .side .tagline > span.flair-magenta:before {
  2566. background: #ff7cff;
  2567. display: block;
  2568. }
  2569. .side .tagline > span.flair-pink:before {
  2570. background: #FFC0EB;
  2571. display: block;
  2572. }
  2573. .side .tagline > span.flair-grey:before {
  2574. background: #999;
  2575. display: block;
  2576. }
  2577. .side .tagline > span.flair-black:before {
  2578. background: #272822;
  2579. display: block;
  2580. }
  2581. .side .tagline > span.flair-rainbow:before {
  2582. color: #fff;
  2583. background: #ff0;
  2584. background-image: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
  2585. background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
  2586. display: block;
  2587. }
  2588.  
  2589.  
  2590.  
  2591. /*Fring Addon: Announcement Message*/
  2592.  
  2593. .side h6:nth-of-type(1){
  2594.  
  2595. top: 202px; /**Adjust this if you have a header image**/
  2596.  
  2597. font-size: 15px; /*Optional, change font-size**/
  2598.  
  2599. color: #444; /**Optional, Change the color of the text**/
  2600.  
  2601. text-align: left; /**Optional, Change to Center if you want to center the message**/
  2602.  
  2603. background-color: #f6f6f6; /**Optional, Change the background color if you want**/
  2604.  
  2605. box-shadow: inset 0px 0px 3px #ddd;
  2606. }
  2607. /**Do not Change below**/
  2608. .content{margin-top:67px;} .side h6:nth-of-type(1){height:28px;line-height:28px;position:absolute;display:block;white-space:nowrap;overflow:hidden;left:15px;text-decoration:none;right:325px;border-radius:0;padding:0 10px 0 35px}.res-nightmode .side h6:nth-of-type(1){background-color:#101010!Important;color:#eaeaea!Important;box-shadow: inset 0px 0px 3px #000;}.side h6:nth-of-type(1):before{content:"";position:absolute;display:inline-block;background:url(%%spritesheet%%) -23px -75px;width:20px;height:18px;margin-left:-30px;margin-top:5px}.res-nightmode .side h6:nth-of-type(1):before{background-position:0 -75px!Important;} .search-page .side h6:nth-of-type(1), .comments-page .side h6:nth-of-type(1), .submit-page .side h6:nth-of-type(1){display:none;} .comments-page div.content{margin-top:40px;}
  2609.  
  2610. /*End Fring Addon: Announcement Message*/
  2611.  
  2612.  
  2613.  
  2614.  
  2615.  
  2616.  
  2617.  
  2618. /*Flair*/
  2619. .linkflairlabel{
  2620. background-color: #53A9EE;
  2621. padding: .2em .6em .3em;
  2622. margin: 1px 3px;
  2623. border: 0;
  2624. border-radius: .25em;
  2625. color: #fff;
  2626. text-align: center;
  2627. line-height: 1;
  2628. font-size: 10px;
  2629. font-weight: 500;
  2630. -webkit-box-shadow: 0px 0px 3px #C5C5C5;
  2631. -moz-box-shadow: 0px 0px 3px #C5C5C5;
  2632. box-shadow: 0px 0px 3px #C5C5C5;
  2633. }
  2634. {box-shadow:none;}
  2635. div.titlebox>div.bottom>span.flair{display:none;}
  2636. .linkflair-black .linkflairlabel{background-color: #2A2A2A; color: white;}
  2637. .linkflair-red .linkflairlabel{background-color: #EA2F36; color: white;}
  2638. .linkflair-blue .linkflairlabel{background-color: #0000A0; color: white;}
  2639. .linkflair-darkblue .linkflairlabel{background-color: #344a5f; color: white;}
  2640. .linkflair-lightblue .linkflairlabel{background-color: #3498db; color: white;}
  2641. .linkflair-yellow .linkflairlabel{background-color: #f1c40f; color: white;}
  2642. .linkflair-orange .linkflairlabel{background-color: #f39c12; color: white;}
  2643. .linkflair-green .linkflairlabel{background-color: #008000; color: white;}
  2644. .linkflair-flatgreen .linkflairlabel{background-color: #2ecc71; color: white;}
  2645. .linkflair-aqua .linkflairlabel{background-color: #bdc3c7; color: white;}
  2646. .linkflair-gray .linkflairlabel{background-color: #95a5a6; color: white;}
  2647. .linkflair-purple .linkflairlabel{background-color: #8e44ad; color: white;}
  2648. .linkflair-cloud .linkflairlabel{background-color: #ecf0f1; color: black;}
  2649. .linkflair-brown .linkflairlabel{background-color: #8E7246; color: white;}
  2650. .linkflair-pink .linkflairlabel{background-color: #EA1B91; color: white;}
  2651.  
  2652. .linkflair.stickied .linkflairlabel{
  2653. background-color: #39A039;
  2654. color: white;
  2655. }
  2656. /*Wiki Flair showcase - thanks to /u/multi-mod*/
  2657.  
  2658. .wiki-page-flair .wiki table thead {display: none;}
  2659. .wiki-page-flair .wiki table {color: white;}
  2660. .wiki-page-flair .wiki td {
  2661. background-color: gray;
  2662. margin: 3px;
  2663. border:0;
  2664. display: inline-block;
  2665. min-width: 100px;
  2666. min-height: 100px;
  2667. text-align: center;
  2668. line-height: 7;
  2669. }
  2670. .wiki-page-flair .wiki table tr:nth-of-type(1) td:nth-of-type(1){background-color:#000}
  2671. .wiki-page-flair .wiki table tr:nth-of-type(1) td:nth-of-type(2){background-color:#EA2F36}
  2672. .wiki-page-flair .wiki table tr:nth-of-type(1) td:nth-of-type(3){background-color:#0000A0}
  2673. .wiki-page-flair .wiki table tr:nth-of-type(1) td:nth-of-type(4){background-color:#344a5f}
  2674. .wiki-page-flair .wiki table tr:nth-of-type(1) td:nth-of-type(5){background-color:#3498db}
  2675. .wiki-page-flair .wiki table tr:nth-of-type(2) td:nth-of-type(1){background-color:#f1c40f}
  2676. .wiki-page-flair .wiki table tr:nth-of-type(2) td:nth-of-type(2){background-color:#f39c12}
  2677. .wiki-page-flair .wiki table tr:nth-of-type(2) td:nth-of-type(3){background-color:green}
  2678. .wiki-page-flair .wiki table tr:nth-of-type(2) td:nth-of-type(4){background-color:#2ecc71}
  2679. .wiki-page-flair .wiki table tr:nth-of-type(2) td:nth-of-type(5){background-color:#18E2C3;}
  2680. .wiki-page-flair .wiki table tr:nth-of-type(3) td:nth-of-type(1){background-color:#95a5a6}
  2681. .wiki-page-flair .wiki table tr:nth-of-type(3) td:nth-of-type(2){background-color:#8e44ad}
  2682. .wiki-page-flair .wiki table tr:nth-of-type(3) td:nth-of-type(3){background-color:#ecf0f1;color:#000}
  2683. .wiki-page-flair .wiki table tr:nth-of-type(3) td:nth-of-type(4){background-color:#8E7246}
  2684. .wiki-page-flair .wiki table tr:nth-of-type(3) td:nth-of-type(5){background-color:#EA1B91}
  2685.  
  2686. /*Flair Page*/
  2687. .content .tabpane-content{
  2688. border: 0;
  2689. background-color: white;
  2690. padding: 8px 8px 8px 8px;
  2691. overflow: auto;
  2692. margin-top: 6px;
  2693. }
  2694.  
  2695.  
  2696.  
  2697.  
  2698. /*Sidebar Image Caption*/
  2699. .side h4:nth-of-type(1) {
  2700. top: 335px;
  2701. right:15px;
  2702. font-size: 13px;
  2703. color: #FFF;
  2704. text-shadow: 0px 1px 2px rgba(0,0,0,0.55);
  2705. background-color: rgba(13, 13, 13, 0.5);
  2706. position: absolute;
  2707. width: 295px;
  2708. padding: 5px 0px;
  2709. text-align: center;
  2710. }
  2711.  
  2712.  
  2713.  
  2714.  
  2715. .side table thead { background: #FFD700; }
  2716. .side table thead * { border-color: #FFD700; }
  2717.  
  2718.  
  2719.  
  2720.  
  2721. /* ===== start: link flair === */
  2722.  
  2723. /* It is recommended that you keep these two rules to help flair display correctly */
  2724. a.title {
  2725. vertical-align: middle;
  2726. }
  2727. .link.compressed .title {
  2728. margin-top: 0;
  2729. }
  2730.  
  2731. a.title:before {
  2732. display: inline-block;
  2733. width: 24px;
  2734. height: 24px;
  2735. vertical-align: top;
  2736. background-image: url(%%icons-big%%);
  2737. background-position: -999px -999px;
  2738. background-repeat: no-repeat;
  2739. margin-right: 4px;
  2740. }
  2741.  
  2742. .linkflair a.title:before,
  2743. .organic-listing a.title:before {
  2744. display: none!important;
  2745. }
  2746.  
  2747. /* You can delete any of the rules below if you don't like them */
  2748.  
  2749. /* Generic link flair */
  2750. a.title:before {
  2751. content: "";
  2752. background-position: 0 20%;
  2753. }
  2754.  
  2755. /* Self posts */
  2756. .self a.title:before {
  2757. content: "";
  2758. background-position: 0 40%;
  2759. }
  2760.  
  2761. /* Twitter */
  2762. a.title[href^="https://twitter.com/"]:before {
  2763. content: "";
  2764. background-position: 0 55%;
  2765. }
  2766.  
  2767. /* Videos/GIFs (if you use link flair for videos then delete this) */
  2768. a.title[href*="youtube.com/"]:before,
  2769. a.title[href*="youtu.be/"]:before,
  2770. a.title[href*="gfycat.com/"]:before,
  2771. a.title[href*="vimeo.com/"]:before,
  2772. a.title[href*="vine.co/"]:before,
  2773. a.title[href*="veoh.com/"]:before,
  2774. a.title[href*="twitvid.com/"]:before,
  2775. a.title[href*="/video/"]:before,
  2776. a.title[href*="/videok/"]:before,
  2777. a.title[href*="/gvideos/"]:before,
  2778. a.title[href*="vine.co/"]:before,
  2779. a.title[href*="mediacrush.net/"]:before,
  2780. a.title[href*="vid.me/"]:before,
  2781. a.title[href*="arsenalist.com/"]:before,
  2782. a.title[href*="fitbamob.com/"]:before,
  2783. a.title[href*="streamable.com/"]:before,
  2784. a.title[href*="footytube.com/"]:before,
  2785. a.title[href*="gifyoutube.com/"]:before,
  2786. a.title[href*="offsided.com/"]:before,
  2787. a.title[href*="video.gazzetta.it/"]:before,
  2788. a.title[href*="imgrush.com/"]:before,
  2789. a.title[href$=".avi"]:before,
  2790. a.title[href$=".mp4"]:before,
  2791. a.title[href$=".gif"]:before,
  2792. a.title[href$=".gifv"]:before,
  2793. a.title[href$=".webm"]:before,
  2794. a.title[href$=".ogg"]:before,
  2795. a.title[href$=".ogv"]:before {
  2796. content: "";
  2797. background-position: 0 22.5%;
  2798. }
  2799.  
  2800. /* Videos/GIFs (change "linkflair-media" to the flair class you use in your subreddit).
  2801. If you don't have link flair for videos then delete this. */
  2802. .linkflair-media .linkflairlabel {
  2803. display: inline-block;
  2804. width: 24px;
  2805. height: 24px;
  2806. vertical-align: middle;
  2807. background-image: url(%%icons-big%%);
  2808. background-position: 0 22.5%;
  2809. background-repeat: no-repeat;
  2810. background-color: transparent;
  2811. padding: 0;
  2812. border-width: 0;
  2813. border-radius: 0;
  2814. color: transparent!important;
  2815. overflow: hidden;
  2816. margin-right: 4px;
  2817. }
  2818.  
  2819. /* Match threads */
  2820. .self a.title[href*="/match_thread"],
  2821. .self a.title[href*="/matchthread"] {
  2822. color: green;
  2823. }
  2824. .self a.title[href*="/match_thread"]:before,
  2825. .self a.title[href*="/matchthread"]:before {
  2826. content: "";
  2827. background-position: 0 5%;
  2828. }
  2829.  
  2830. /* Pre-match threads */
  2831. .self a.title[href*="/pre_match_thread"],
  2832. .self a.title[href*="/prematch_thread"],
  2833. .self a.title[href*="/pre_matchthread"] {
  2834. color: green;
  2835. }
  2836. .self a.title[href*="/pre_match_thread"]:before,
  2837. .self a.title[href*="/prematch_thread"]:before,
  2838. .self a.title[href*="/pre_matchthread"]:before {
  2839. content: "";
  2840. background-position: 0 10%;
  2841. }
  2842.  
  2843. /* Post-match threads */
  2844. .self a.title[href*="/post_match_thread"],
  2845. .self a.title[href*="/postmatch_thread"],
  2846. .self a.title[href*="/post_matchthread"] {
  2847. color: green;
  2848. }
  2849. .self a.title[href*="/post_match_thread"]:before,
  2850. .self a.title[href*="/postmatch_thread"]:before,
  2851. .self a.title[href*="/post_matchthread"]:before {
  2852. content: "";
  2853. background-position: 0 65%;
  2854. }
  2855.  
  2856. /* Reddit "live" threads */
  2857. a.title[href^="http://www.reddit.com/live/"] {
  2858. color: green;
  2859. }
  2860. a.title[href^="http://www.reddit.com/live/"]:before {
  2861. content: "";
  2862. background-position: 0 32.5%;
  2863. }
  2864.  
  2865. /* Free Talk Friday */
  2866. .self a.title[href*="/free_talk_friday"] {
  2867. color: green;
  2868. }
  2869. .self a.title[href*="/free_talk_friday"]:before {
  2870. content: "";
  2871. background-position: 0 7.5%;
  2872. }
  2873.  
  2874. /* ===== end: link flair ===== */
  2875.  
  2876.  
  2877. /*Match Thread CSS*/
  2878.  
  2879.  
  2880.  
  2881. /* Post flairs*/
  2882.  
  2883. /* === start: icons ========== */
  2884.  
  2885. a[href^="#icon"] {
  2886. display: inline-block;
  2887. width: 16px;
  2888. height: 16px;
  2889. vertical-align: middle;
  2890. background-image: url(%%icons%%);
  2891. background-color: transparent;
  2892. background-repeat: no-repeat;
  2893. background-position: -999px -999px;
  2894. color: transparent!important;
  2895. overflow: hidden;
  2896. cursor: default;
  2897. pointer-events: none;
  2898. }
  2899.  
  2900. a[href^="#icon"][href$="-big"] {
  2901. width: 24px;
  2902. height: 24px;
  2903. background-image: url(%%icons-big%%);
  2904. }
  2905.  
  2906. /* Delete this if you want to allow icons in the comments */
  2907. .comment a[href^="#icon"] {
  2908. display: none;
  2909. }
  2910.  
  2911. /* Delete any icon that you don't want to allow */
  2912. a[href^="#icon-alien"]{background-position:0 0%}
  2913. a[href^="#icon-announcement"]{background-position:0 2.5%}
  2914. a[href^="#icon-ball"]{background-position:0 5%}
  2915. a[href^="#icon-beer"]{background-position:0 7.5%}
  2916. a[href^="#icon-clock"]{background-position:0 10%}
  2917. a[href^="#icon-down"]{background-position:0 12.5%}
  2918. a[href^="#icon-flag"]{background-position:0 15%}
  2919. a[href^="#icon-info"]{background-position:0 17.5%}
  2920. a[href^="#icon-link"]{background-position:0 20%}
  2921. a[href^="#icon-media"]{background-position:0 22.5%}
  2922. a[href^="#icon-net"]{background-position:0 25%}
  2923. a[href^="#icon-news"]{background-position:0 27.5%}
  2924. a[href^="#icon-notes"]{background-position:0 30%}
  2925. a[href^="#icon-red"]{background-position:0 37.5%}
  2926. a[href^="#icon-red-ball"]{background-position:0 32.5%}
  2927. a[href^="#icon-red-cross"]{background-position:0 35%}
  2928. a[href^="#icon-self"]{background-position:0 40%}
  2929. a[href^="#icon-star"]{background-position:0 42.5%}
  2930. a[href^="#icon-stream"]{background-position:0 45%}
  2931. a[href^="#icon-sub"]{background-position:0 47.5%}
  2932. a[href^="#icon-trophy"]{background-position:0 50%}
  2933. a[href^="#icon-turd"]{background-position:0 52.5%}
  2934. a[href^="#icon-tweet"]{background-position:0 55%}
  2935. a[href^="#icon-up"]{background-position:0 57.5%}
  2936. a[href^="#icon-video"]{background-position:0 60%}
  2937. a[href^="#icon-wc"]{background-position:0 62.5%}
  2938. a[href^="#icon-whistle"]{background-position:0 65%}
  2939. a[href^="#icon-xmas"]{background-position:0 67.5%}
  2940. a[href^="#icon-yellow"]{background-position:0 70%}
  2941.  
  2942. /* ===== end: icons ========== */
  2943.  
  2944.  
  2945.  
  2946.  
  2947.  
  2948.  
  2949. /* team crests from soccerbot */
  2950. a[href^="#sprite"] {
  2951. display: inline-block;
  2952. width: 20px;
  2953. height: 20px;
  2954. vertical-align: middle;
  2955. background-image: url(%%sprites%%);
  2956. background-color: transparent;
  2957. background-repeat: no-repeat;
  2958. background-position: 0 0;
  2959. color: transparent!important;
  2960. overflow: hidden;
  2961. cursor: default;
  2962. pointer-events: none;
  2963. }
  2964. /* Delete this if you want to allow crests in the comments */
  2965. .comment a[href^="#sprite"] {
  2966. display: none!important;
  2967. }
  2968. a[href="#sprite1-p1"]{background-position:12% 4%}
  2969. a[href="#sprite1-p19"]{background-position:12% 8%}
  2970. a[href="#sprite1-p218"]{background-position:12% 12%}
  2971. a[href="#sprite1-p4"]{background-position:12% 16%}
  2972. a[href="#sprite1-p67"]{background-position:12% 20%}
  2973. a[href="#sprite1-p15"]{background-position:12% 24%}
  2974. a[href="#sprite1-p87"]{background-position:12% 28%}
  2975. a[href="#sprite1-p3"]{background-position:12% 32%}
  2976. a[href="#sprite1-p10"]{background-position:12% 36%}
  2977. a[href="#sprite1-p2"]{background-position:12% 40%}
  2978. a[href="#sprite1-p11"]{background-position:12% 44%}
  2979. a[href="#sprite1-p44"]{background-position:12% 48%}
  2980. a[href="#sprite1-p38"]{background-position:12% 52%}
  2981. a[href="#sprite1-p81"]{background-position:12% 56%}
  2982. a[href="#sprite1-p46"]{background-position:12% 60%}
  2983. a[href="#sprite1-p39"]{background-position:12% 64%}
  2984. a[href="#sprite1-p5"]{background-position:12% 68%}
  2985. a[href="#sprite1-p112"]{background-position:12% 72%}
  2986. a[href="#sprite1-p78"]{background-position:12% 76%}
  2987. a[href="#sprite1-p21"]{background-position:12% 80%}
  2988.  
  2989. ___________________________________________________
  2990.  
  2991. #Welcome to /r/WatfordFC the home of Watford Football Club on reddit!
  2992.  
  2993.  
  2994.  
  2995.  
  2996. **Fixture List**
  2997.  
  2998. Home|Away|Date
  2999. :-:|:-:|:-:
  3000. Verl|**WatfordFC**|15/07/15 18:30
  3001. Eintracht Braunschweig|**WatfordFC**|17/08/15 18:30
  3002. SC Paderborn 07|**WatfordFC**|19/08/15 16:00
  3003.  
  3004.  
  3005.  
  3006. **Here is How the Season ended**
  3007.  
  3008. Position|Team|Points|Goal Diff.
  3009. :-:|:-:|:-:|:-:
  3010. 1^st|Bournemouth|90|+53
  3011. 2^nd|**Watford FC**|89|+41
  3012. 3^rd|Middlesbrough|86|+40
  3013.  
  3014.  
  3015.  
  3016.  
  3017.  
  3018. #####Rules
  3019. 1. No NSFW posts whatsoever.
  3020. 2. Do not personally attack other users.
  3021. 3. Do not share any personal information on this sub at all, this includes where you sit in the ground and your fan ID.
  3022. 4. Posts about other clubs e.g. Udinese that don't have a direct link to Watford FC will be removed.
  3023. 5. Do not try and buy or sell tickets through this sub or you may end up being banned.
  3024. 6. Please Flair your posts with a suitable flair, anyone who abuses the custom user and link flair, may end up being banned.
  3025.  
  3026. #**Other related Pages:**
  3027.  
  3028. [OFFICIAL Watford FC twitter](https://twitter.com/WatfordFC)
  3029.  
  3030. [OFFICIAL Watford FC Facebook](https://www.facebook.com/watfordfc)
  3031.  
  3032. [Watford FC Fans Facebook Page](https://www.facebook.com/groups/WatfordSupportersSociety/825871264165792/?notif_t=like)
  3033.  
  3034. [Watford Observer](http://www.watfordobserver.co.uk/sport/watfordfc/watfordfcnews/)
  3035.  
  3036. [Watford FC Website](http://www.watfordfc.com/)
  3037.  
  3038. [Hornets Player](http://www.player.watfordfc.com/)
  3039.  
  3040. [Buy Tickets](https://www.eticketing.co.uk/watfordfc/default.aspx)
  3041.  
  3042. /r/soccer
  3043.  
  3044. /r/premierleague
  3045.  
  3046.  
  3047. ######Highlights from our 4-1 win over SC Verl can be found [here](http://www.watfordobserver.co.uk/sport/watfordfc/watfordfcnews/13423610.HIGHLIGHTS__Watford_brush_aside_SC_Verl/)
  3048.  
  3049.  
  3050.  
  3051. ####Welcome to Watford FC Valon Behrami
Add Comment
Please, Sign In to add comment
Public Pastes
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!