API tools faq
paste
hero0fwar

/r/zombies 5/25/2015

hero0fwar
May 25th, 2015
284
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 42.24 KB | None | 0 0
raw download clone embed print report
  1. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,iframe {
  2.   margin:0;
  3.   padding:0;
  4. }
  5.  
  6. .submit-text { display: none }
  7.  
  8. /* hover text for the report button */
  9. .report-button .option:not(.error):hover:before {
  10.     color: black;
  11.     background-color: #CCF;
  12.     border: 1px solid #333;
  13.     border-radius: 4px;
  14.     content: "Snitching on another Survivor, or think you found a Zed in here? - Please message the mods with your intel.";
  15.     display: block;
  16.     font-size: 11px;
  17.     font-weight: bold;
  18.     margin-left: 75px;
  19.     margin-top: 7px;
  20.     padding: 5px;
  21.     position: absolute;
  22.     text-align: center;
  23.     z-index: 1000
  24.     }
  25.  
  26.  
  27.  
  28. table { border-collapse:collapse; }
  29.  
  30. fieldset,img { border:0; }
  31.  
  32. address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
  33. ol,ul { list-style:none; }
  34. caption,th { text-align:left; }
  35. h1,h2,h3,h4,h5,h6 { font-size:100%; }
  36. q:before,q:after { content:''; }
  37.  
  38. body {
  39.     font: normal x-small verdana, arial, helvetica, sans-serif;
  40.     background-color: white;
  41.     z-index: 1;
  42.  
  43. }
  44. body, .side {
  45.     background-color: #4e514b
  46.     }
  47.  
  48. .sidebox.submit, .sidebox.create, .subreddit-info, .content {
  49.     background-color: white
  50.     }
  51. .sidebox.submit .morelink a {
  52.   position:relative; top:1px!important;
  53. }
  54. .sidebox.submit .morelink a {  
  55.     height:80px;  
  56. color: #4A514B;
  57. }
  58. .sidebox.create {
  59.   height:80px!important;
  60. }
  61. .sidebox.create .spacer {
  62.   display:none
  63. }
  64. .redditname {
  65.     vertical-align: bottom
  66.     }
  67. .content {
  68.     border: solid 1px #646464;
  69.     margin-right: 313px;
  70.     padding: 5px
  71.     }
  72. .infobar {
  73.     margin-right: 0
  74.     }
  75. #sr-header-area, #sr-more-link {
  76.     color: #e0e0e0;
  77.     background: none;
  78.     border-bottom: none
  79.     }
  80. #sr-header-area a {
  81.     color: BlanchedAlmond
  82.     }
  83. #sr-more-link {
  84.     background-color: black
  85.     }
  86. .dropdown.srdrop .selected, #sr-bar a {
  87.     color: red;
  88.     width: auto
  89.     }
  90. #sr-header-area{background-image:url(%%t5-2r8sb-15%%);
  91. }
  92.  
  93.  
  94. html,body { height: 100%; }
  95.  
  96. /* text on the submit page*/
  97. #link-desc:after, #text-desc:after {
  98. display: block;
  99. margin-top: 1em;
  100. font-weight: bold;
  101. content: "Do not submit links using URL shorteners!"
  102. }
  103.  
  104. /* IE dumbness patch. hidden input in a hidden block that is
  105. subsequently shown leads to the input to "show" and generate undesired
  106. padding.  This makes it go away. */
  107. input[type=hidden] { position: absolute; }
  108.  
  109. /* html element defaults */
  110.  
  111. h1 { font-size: 18px; font-weight: normal; margin: 10px 0 }
  112.  
  113. h2 { color: #369; font-size: 13px; }
  114. h2 a { text-decoration: none }
  115. h2 a:visited { color: #369 }
  116. h2 a:hover { text-decoration: underline }
  117. h3 { font-size:110%; /*text-transform:uppercase;*/ }
  118.  
  119. a img { border: 0 none; }
  120. a { text-decoration: none; color: #369; }
  121.  
  122. /*
  123. a:active { border: 0 none;}
  124. a:focus { -moz-outline-style: none; }
  125. */
  126.  
  127. div.autosize { display: table; width: 1px}
  128. div.autosize > div { display: table-cell; }
  129.  
  130. .btn { background-color:#e9e9e9; border: 1px solid #369; padding: 2px;}
  131.  
  132. input.txt {
  133.     background-color:#f7f7f7;
  134.     border: 1px solid #369;
  135. }
  136.  
  137. /* forms */
  138.  
  139. .iform th { text-align: right; color: black; font-weight: normal; text-transform: lowercase; }
  140. .iform button {background-color:#e9e9e9; border: 1px solid #369; vertical-align: bottom}
  141. .wrong {color: red; font-weight: normal}
  142.  
  143. .subform input.text { width: 25em }
  144. .subform textarea.text { width: 25em }
  145. .subform label { margin: 0 5px 0 5px }
  146. .subform td { padding: 0px 5px 5px 0}
  147. .subform td.nopadding { padding: 0px}
  148.  
  149. .nowrap { white-space: nowrap; }
  150. .leftpad { padding-left: 1em }
  151. .nomargin { margin: 0px }
  152. .nopadding { padding: 0px }
  153.  
  154.  
  155. /* header / menus */
  156.  
  157. .hover a:hover { text-decoration: underline }
  158.  
  159. .selected { font-weight: bold; }
  160.  
  161. .flat-list {list-style-type: none; display: inline;}
  162. .flat-list li {display: inline;}
  163. .flat-list form {display: inline; }
  164. .flat-list .selected a { color: orangered; }
  165.  
  166. .separator { color: gray; margin: 0px .7ex 0px .7ex}
  167.  
  168. .pref-lang { font-weight: bold; }
  169. .pref { font-weight: bold; }
  170.  
  171. #header {
  172.     border-bottom: 1px solid #5f99cf;
  173.     position: relative;
  174.     _height: 0px; /*ie6 hack*/
  175.     background-color: #4e514b;
  176. }
  177.  
  178. #header-img {}
  179. #header {
  180.     background-image: url(%%gradient8%%);
  181.     border-bottom: none
  182.     }
  183.  
  184. #header-top {
  185.     position: absolute;
  186.     right: 5px;
  187. }
  188.  
  189. #header-bottom-left {
  190.     font-size: larger;
  191. }
  192.  
  193. #header-bottom-right {
  194.     position: absolute;
  195.     right: 0px;
  196.     bottom: 0px;
  197.  }
  198. #header-bottom-right {
  199.     background-color: #000000;
  200.     border-top: 1px solid #FF0000;
  201.     border-left: 1px solid #FF0000;
  202.     border-bottom: 1px solid #FF0000
  203.     }
  204.  
  205. /* Change the envelope icon to something else */
  206. #mail.nohavemail:after {
  207.     content: url(%%medpak1a%%);
  208.     position: relative;
  209. }
  210. #mail.havemail:after {
  211.     content: url(%%medpak2a%%);
  212.     position: relative;
  213. }
  214. #mail.nohavemail img, #mail.havemail img {
  215.     display: none;
  216. }
  217.  
  218. .titlebox .number, .titlebox .word {  
  219. display: none;  
  220. }  
  221. .titlebox .fancy-toggle-button.toggle:after {  
  222. content: " 6,697,243,316 Infected ... ";  
  223. }
  224. .titlebox .number {  
  225. display: none;  
  226. }  
  227. .titlebox .word:before {  
  228. content: "";  
  229. }
  230. .titlebox:hover .number {
  231. display:inline;
  232. }
  233. .titlebox:hover .word:before {
  234. content:"";
  235. }
  236.  
  237. /*Subscriber legend things*/
  238.  
  239. div.titlebox .subscribers span.number:after {
  240.     content: " Avoiding the undead";
  241. }
  242.  
  243. div.titlebox .users-online span.word {
  244.     display: none;
  245. }
  246. div.titlebox .users-online span.number:after {
  247.     content: " On patrol";
  248. }
  249.  
  250. .pagename {
  251.     font-weight: bold;
  252.     margin-right: 1ex;
  253.     font-variant: small-caps;
  254.     font-size: 1.2em;
  255. }
  256. .pagename a {color: olivedrab; }
  257. .redditname { }
  258.  
  259. .newpagelink {
  260.     padding: 3px 5px;
  261.     background-color: #ff9;
  262. }
  263. .dropdown {
  264.     position: relative;
  265.     cursor: default;
  266.     display: inline;
  267. }
  268.  
  269. .dropdown-title {
  270. }
  271.  
  272. .dropdown .drop-choices {
  273.     position: absolute;
  274.     left: 0px; /* top gets set in js */
  275.     visibility: hidden;
  276.     border: 1px solid gray;
  277.     z-index: 100;
  278.     background-color: #4e514b;
  279.     white-space: nowrap;
  280.     line-height: normal;
  281.     margin-top: 1px;
  282. }
  283. .drop-choices{background-color: grey;}
  284.  
  285. .dropdown a.choice {
  286.     cursor: pointer;
  287.     padding: 0px 3px 0px 3px;
  288.     display: block;
  289.  }
  290.  
  291. .dropdown a.choice:hover {
  292.     background-color: #c7def7;
  293. }
  294.  
  295. .dropdown.heavydrop .selected{
  296.     background: white url(%%droparrow%%) no-repeat scroll center right;
  297.     border: 1px solid gray;
  298.     padding: 2px;
  299.     padding-right: 23px;
  300.     padding-left: 5px;
  301.     font-weight: bold;
  302. }
  303.  
  304. .dropdown.lightdrop .selected {
  305.     position: relative;
  306.     background: transparent url(%%droparrowgray%%) no-repeat scroll center right;
  307.     padding-right: 21px;
  308.     text-decoration: underline;
  309.     color: gray;
  310.  }
  311.  
  312. .dropdown.lightdrop .drop-choices {
  313.     margin-top: 2px;
  314.  }
  315.  
  316. /*tab drop*/
  317. .dropdown.tabdrop .selected {
  318.     position: relative;
  319.     background: white url(%%droparrowgray%%) no-repeat scroll center right;
  320.     padding: 2px 21px 1px 5px;
  321.     margin-left: 3px;
  322.     border: 1px solid #5f99cf;
  323.     border-bottom: none;
  324.     color: orangered;
  325. }
  326.  
  327. .dropdown.tabdrop .selected.title {
  328.     background-color: #eff7ff;
  329.     color: #369;
  330.     padding-bottom: 0;
  331.     border:none;
  332. }
  333. .dropdown.tabdrop .drop-choices {margin-top: 2px;}
  334. .dropdown-title.tabdrop { display: none }
  335.  
  336.  
  337. .tabmenu {
  338.     list-style-type: none;
  339.     white-space: nowrap;
  340.     display: inline;
  341. }
  342. .tabmenu li a {
  343.     color: #000000;
  344.     padding: 2px 6px 0 6px;
  345.     border-top: 1px solid #4a514b;
  346.     border-right: 1px solid #4a514b;
  347.     border-left: 1px solid #4a514b;
  348.     background-color: #4a514b;
  349.     -moz-border-radius-topleft: 7px;
  350.     -webkit-border-top-left-radius: 7px;
  351.     -moz-border-radius-topright: 7px;
  352.     -webkit-border-top-right-radius: 7px
  353.     }
  354. .tabmenu li.selected a {
  355.     color: #000000;
  356.     background-color: #4a514b;
  357.     border: 1px solid #FF0000;
  358.     border-bottom: 1px solid #4a514b;
  359.     z-index: 100
  360.     }
  361. #search {
  362.     margin-top: 0px;
  363. }
  364.  
  365. #search input {
  366.     vertical-align: middle;
  367.     height: 19px;
  368.  }
  369.  
  370. #search input[type=text] {
  371.     border: 1px solid gray;
  372.     height: 17px;
  373.     width: 274px;
  374.     color: gray;
  375.     padding-left: 5px;
  376. }
  377.  
  378. .content {
  379.     z-index: 1;
  380.     margin: 5px 0px 0px 5px;
  381. }
  382.  
  383. .content .spacer { margin-bottom: 5px }
  384.  
  385. .state-button { display:inline }
  386.  
  387. div.side form.usertext a{color:#009900;}
  388. div.side form.usertext a:hover{color:#00cc00;}
  389.  
  390. .side .spacer {
  391.     margin-bottom: 10px;
  392.  }
  393.  
  394. .subredditbox {
  395.     border: 1px dotted gray;
  396. }
  397.  
  398. .subredditbox h4 {
  399.     font-size: 170%;
  400.     color: #333;
  401.     padding: 5px 0 0 5px;
  402. }
  403. .subredditbox h5 {
  404.     font-weight: normal;
  405.     color: dimgray;
  406.     font-size: 110%;
  407.     padding-left: 5px;
  408. }
  409.  
  410. .subredditbox input[type=submit] {
  411.     border: none;
  412.     background-color: white;
  413.     text-decoration: underline;
  414.     cursor: pointer;
  415.     margin-left: 10px;
  416.     color: #369;
  417. }
  418.  
  419. .subredditbox input[type=checkbox] {margin-right: 5px;}
  420.  
  421. .subredditbox ul {
  422.     padding: 5px;
  423.     width: 139px;
  424.     list-style-type: none;
  425.     float: left;
  426. }
  427.  
  428. .subredditbox li {padding: 4px; text-transform: uppercase;}
  429. .subredditbox li a {color: #369;}
  430. .subredditbox li.selected a{font-weight: bold;}
  431. .subredditbox .spacer { margin: 5px 0 }
  432.  
  433. .morelink {
  434.     background-color:#FFFFFF;
  435.     color:#369;
  436.     display:block;
  437.     font-size:150%;
  438.     font-weight:bold;
  439.     letter-spacing:-1px;
  440.     padding:5px 10px;
  441.     text-transform:uppercase;
  442.     border: 1px solid #fff;
  443. }
  444.  
  445. .morelink.blah:hover {
  446.     background-color: #fff;
  447.     color: #369;
  448. }
  449.  
  450. .morelink.blah {
  451.     background-color: #369;
  452.     color: #fff;
  453.     border: 1px solid #fff;
  454. }
  455.    
  456. .morelink:hover {
  457.     color: #fff;
  458.     background-color: #369;
  459.     border: 1px solid #369;
  460. }
  461.  
  462. .sidebox {
  463.     border: black solid 1px;
  464.     border-bottom: black solid 1px;
  465.     border-right: black solid 1px;
  466.     padding-left: 44px;
  467. }
  468. .sidebox .spacer { margin-bottom: 5px }
  469.  
  470. .sidebox.create {
  471.     background: url(%%zombiecreate%%) no-repeat scroll center left;
  472. }
  473. .sidebox.submit {background: url(%%zombiesubmit%%) no-repeat scroll center left;}
  474. .sidebox .morelink { text-transform: none; }
  475. .sidebox .subtitle {
  476.     margin-left: 10px;
  477.     color: dimgray;
  478.     font-size: 110%;
  479. }
  480. .sidebox.submit .morelink:before {
  481.     display: block;
  482.     clear: none;
  483.     content: "Report outbreaks here!";
  484.     text-align: center;
  485.     color: lawngreen;
  486.     width: 101%
  487.     }
  488. .sidebox.submit .morelink a {
  489.     position: absolute;
  490.     top: 0;
  491.     font-size: 0
  492.     }
  493.  
  494. /*
  495.    Change the "Create your own community" text to something else
  496. */
  497. .sidebox.create .subtitle {
  498.     display: none;
  499. }
  500. .sidebox.create .morelink a {
  501.     position: absolute;
  502.     top: 1px;
  503.     font-size: 0pt;
  504.     height: 100%;
  505.     opacity: 0;
  506. }
  507. .sidebox.create .morelink:before {
  508.     display: block;
  509.     clear: none;
  510.     content: "Fortify your own community";
  511.     text-align: center;
  512.     color: lawngreen;
  513.     width: 101%;
  514. }
  515. .sidebox.create .morelink:hover:before {
  516.     color: lawngreen;
  517. }
  518.  
  519. /* Change the "moderators" line in the sidebar */
  520. .sidecontentbox h1:not(:first-child) {
  521.     font-size: 0pt !important;
  522.     color: #4e514b !important;
  523. }
  524. .sidecontentbox h1:not(:first-child):after {
  525.     font-size: 10pt! important;
  526.     color: grey !important;
  527.     content:"Patient Zero";
  528. }
  529.  
  530.  
  531. /* Side borders */
  532. .side .content, .side input {
  533.     /* background-color:#4a514b; */
  534.     border-color: #000000 !important;
  535.     -moz-border-radius: 6px;
  536.     -webkit-border-radius: 6px;
  537.     color: #000000
  538.     }
  539. /* raised box */
  540.  
  541. .raisedbox {
  542.     padding: 5px;
  543.     background: #E0E0E0;
  544.     border: gray solid 1px;
  545.     border-bottom: black solid 1px;
  546.     border-right: black solid 1px;
  547. }
  548.  
  549. .raisedbox h3 {    
  550.     font-size: 160%;
  551.     margin-bottom: 0px;
  552.     color: #333;
  553. }
  554. .raisedbox h4 { margin-bottom: 3px }
  555.  
  556. .raisedbox li {margin-bottom: 2px;}
  557.  
  558. .subreddit-info {padding-bottom: 3px }
  559. .subreddit-info .moderate { color: orangered; }
  560.  
  561. .subreddit-info #subscribe {
  562.     display: inline;
  563.     margin-right: 5px;
  564.     font-size: larger;
  565. }
  566.  
  567. .subreddit-info .label {color: #404040;}
  568. .subreddit-info .state-button { display:block }
  569. .subreddit-info .spacer { margin: 10px 0px 0px 0px }
  570.  
  571. .raisedbox .flat-list {  }
  572. .raisedbox .flat-list .separator { display: none; }
  573. .raisedbox .flat-list a {
  574.     background-color: #F0F0F0;
  575.     border: 1px solid white;
  576.     border-bottom: none;
  577.     margin-right: 1px;
  578.     padding: 3px 5px 3px 5px;
  579. }
  580.  
  581.  
  582. .raisedbox .hover a:hover {
  583.     background-color: #369;
  584.     color: white;
  585.     text-decoration: none;
  586. }
  587.  
  588. /* feature disabled. need to go through this to see what's relevant
  589. before enabling */
  590. /*
  591. .raisedbox .edit {
  592.     color: gray;
  593.     text-decoration: none;
  594.     font-size: x-small;
  595. }
  596.  
  597. .raisedbox #avatar { float: left;
  598.     text-align: center; }
  599. .raisedbox #avatar img {
  600.     width: 64px;
  601.     height: 64px;
  602.     display: block;
  603.     border: 1px solid black;
  604.     margin-right: 10px;
  605. }
  606. .raisedbox #avatar a { padding: 0px; }
  607. */
  608.  
  609. .infotable { margin-top: 5px; margin-bottom: 10px; }
  610. .infotable .small { font-size: smaller; }
  611. .infotable td { padding-right: 3px; }
  612. .infotable a:hover { text-decoration: underline }
  613. .infotable .state-button a {  background-color: #F0F0F0; color: gray; }
  614. .infotable .bold { font-weight: bold; }
  615. .infotable .invalid-user { background-color: pink}
  616. .infotable .organic-vote { border: 1px solid green; }
  617.  
  618.  
  619. /* used on profile pages */
  620.  
  621. .profile-attr {}
  622. .profile-attr .label {font-weight: bold; }
  623. .profile-attr .value {color: #404040;
  624.                        margin-right: 5px; }
  625.  
  626. .profile-attr .md {
  627.     margin-left: 10px;
  628.     margin-top: 5px;
  629.     border-color: #B2B2B2 #D0D0D0 #D0D0D0 #B2B2B2;
  630.     border-style: solid;
  631.     border-width: 1px;
  632.     padding: 10px; }
  633.  
  634. .profile-attr .md ul {
  635.     float: none;
  636.     list-style-type: disc;
  637.     margin-left: 15px;
  638. }
  639.  
  640. .profile-attr .md p { margin-top: 0px; }
  641.  
  642. .question { color: red; }
  643. .question .yes { margin-left: 5px; margin-right: 3px; }
  644. .question .no  { margin: 0px 3px 0px 3px; }
  645.  
  646. /* thing rendering */
  647.  
  648. .thumbnail img[src="/static/noimage.png"]{
  649.  float:left;
  650.  margin:0px 5px;
  651.  overflow:hidden;
  652.  width:70px;
  653. }
  654.  
  655. .thumbnail img[src^="http://thumbs.reddit.com/"]{
  656.     display:block;
  657.     background-image:none;
  658.     background-color:#FFFFFF;
  659. }
  660. .thumbnail img[src^="/static/"] {
  661.     background-image:url(%%no-thumb%%)!important;
  662.     background-repeat:no-repeat!important;
  663.     height:0!important;
  664.     width:0!important;
  665.     padding:50px 0 0 70px!important;
  666. }
  667. .arrow {
  668.     margin: 2px 0px 0px 0px;
  669.     width: 100%;
  670.     height: 14px;
  671.     display: block;
  672.     cursor: pointer;
  673.     background-position: center center;
  674.     background-repeat: no-repeat;
  675. }
  676.  
  677. .arrow.upmod {
  678.  background-image:url(%%uphandred4%%);
  679.  background-position:0px 0px;
  680. }
  681. .arrow.downmod {
  682.  background-image:url(%%biohazard2%%);
  683.  background-position:0px 0px;
  684. }
  685.  
  686. .arrow.up {
  687.  background-image:url(%%uphandred3%%);
  688.  background-position:0px 0px;
  689. }
  690. .arrow.down {
  691.  background-image:url(%%biohazard1%%);
  692.  background-position:0px 0px;
  693. }
  694.  
  695. .midcol {
  696.     float: left;
  697.     margin-right: 2px;
  698.     margin-left: 7px;
  699.     background: white;
  700.     overflow: hidden;
  701. }
  702.  
  703. .entry {
  704.     overflow: hidden;
  705.     margin-left: 3px;
  706.     opacity: 1;
  707. }
  708. .domain, .domain a  { color: #888; font-size:x-small; }
  709.  
  710. .tagline { color:#888; font-size:x-small;
  711. }
  712. .tagline a {color: #369; text-decoration: none; }
  713. .tagline a.friend {color: orangered }
  714. .tagline a:hover { text-decoration: underline }
  715.  
  716. .watch-play {
  717.     background: transparent url(%%reddit-button-play%%) no-repeat scroll right center;
  718.     padding-right: 15px;
  719.     color: #336699;
  720. }
  721. .watch-stop {  
  722.     color: red;
  723. }
  724. a[href*="/r/zombies"].title:link {
  725. color: maroon  
  726. }
  727.  
  728. .embededmedia { margin-top: 5px }
  729.  
  730. .title { color: blue; padding: 0px; overflow: hidden; }
  731. .title:visited { color: #551a8b }
  732. .title.click { color: #551a8b }
  733.  
  734. .title.loggedin { color: blue }
  735. .title.loggedin:visited { color: #800517 }
  736. .title.loggedin.click { color: #551a8b }
  737. .title.loggedin.click:visited { color: #551a8b }
  738.  
  739. .sitetable { list-style-type: none; }
  740. .ajaxhook { position: absolute; top: -1000px; left: 0px; }
  741. .nextprev { color: gray; font-size: larger; margin-top: 10px;}
  742.  
  743. /* corner help */
  744. .corner-help {
  745.     margin: 0px 5px 5px 0;
  746.     position: absolute;
  747.     right: 0px;
  748.     bottom: 0px;
  749.  }
  750.  
  751. .corner-help a {
  752.     color: #808080;
  753.     text-decoration: underline;
  754. }
  755.  
  756. .helpcover {
  757.     z-index: 1000;
  758.     top: 0px;
  759.     bottom: 0px;
  760.     left: 0px;
  761.     right: 0px;
  762.     position: absolute;
  763.     background-color: #F8F8F8;
  764.     font-size: 110%;
  765.     _width: 100%;
  766.     _height: 70px;
  767.  }
  768.  
  769. .helpcover p, .helpcover form { margin: 5px; }
  770.  
  771. a.helplink {color:#0c0;}
  772.  
  773. /* organic listing */
  774. .organic-listing {
  775.     background-color: #F8F8F8;
  776.     border: solid 1px #666666;
  777.     padding: 5px 0;
  778.     overflow: hidden;
  779.     position: relative;
  780.     _height: 60px;
  781.     _overflow: auto;
  782. }
  783.  
  784. .organic-listing .link {
  785.     margin-bottom: 0px;
  786.     margin-right: 7em;
  787.  }
  788.  
  789. .organic-listing .linkcompressed {
  790.     margin-bottom: 0px;
  791.     margin-right: 7em;
  792.  }
  793.  
  794. .organic-listing .nextprev {
  795.     margin: 0px;
  796.     position: absolute;
  797.     right: 0px;
  798.     top: 0px;
  799.     vertical-align: top;
  800. }
  801.  
  802. .organic-listing .nextprev img { margin: 5px 5px 2px 0px; border: solid 1px #B3B3B3; }
  803. .organic-listing .nextprev img:hover  { cursor: pointer;  border: solid 1px #336699; }
  804. .organic-listing .nextprev img:active { margin: 6px 4px 1px 1px;}
  805.  
  806.  
  807. .infobar {
  808.     background-color: #f6e69f;
  809.     padding: 0px 10px;
  810.     margin: 5px 310px 5px 5px;
  811. }
  812. .content {
  813.     border: solid 1px #646464;
  814.     margin-right: 313px;
  815.     padding: 5px
  816.     }
  817. .infobar {
  818.     margin-right: 0
  819.     }
  820. #sr-header-area, #sr-more-link {
  821.     color: #e0e0e0;
  822.     background: none;
  823.     border-bottom: none
  824.     }
  825.  
  826. .menuarea {
  827.     border-bottom: 1px dotted gray;
  828.     padding: 5px 10px;
  829.     margin: 5px 310px 5px 5px;
  830.     font-size: larger;
  831. }
  832.  
  833. .menuarea .spacer {display: inline; margin-right: 15px}
  834.  
  835. /* markdown */
  836. .md { max-width: 60em; overflow: auto; font-size: small; }
  837. .md p, .md h1 { margin: 5px 0}
  838. .md h1 { font-weight: normal; font-size: 100%; }
  839. .md > * { margin-bottom: 0px }
  840. .md strong { font-weight: bold; }
  841. .md em { font-style: italic; }
  842. .md img { display: none }
  843. .md ol, .md ul { margin: 10px 2em; }
  844. .md ul { list-style: disc outside }
  845. .md ol { list-style: decimal outside }
  846. .md pre { margin: 10px; }
  847. .md blockquote, .help blockquote {
  848.     border-left: 2px solid #369;
  849.     padding-left: 4px;
  850.     margin: 5px;
  851.     margin-right: 15px;
  852. }
  853.  
  854. /*top link*/
  855. a.star { text-decoration: none; color: #ff8b60 }
  856.  
  857. .odd  { }
  858. .even { }
  859.  
  860. /* buttons on main link style */
  861. .entry .buttons li {
  862.     display: inline;
  863.     padding: 0 4px;
  864.     border: none;}
  865.  
  866. .entry .buttons li.first {padding-left: 0px;}
  867.  
  868. .entry .buttons li a {
  869.     color: #888;
  870.     font-weight: bold;
  871.     padding: 0 1px;
  872. }
  873.  
  874. .entry .buttons a:hover {text-decoration: underline}
  875.  
  876. /* links */
  877.  
  878. .link { margin: 0; margin-bottom: 8px; }
  879. .link .score {text-align: center; color: #c6c6c6;}
  880. .link .title {font-size:medium; font-weight: normal; margin-bottom: 1px;}
  881.  
  882. .link .child h3 {
  883.     margin: 15px;
  884.     text-transform: none;
  885.     font-size: medium;
  886. }
  887.  
  888. .rank { overflow: hidden }
  889.  
  890. .link .midcol {font-weight: bold; font-size: small;}
  891.  
  892. .link .score.likes   { color: #FF8B60; }
  893. .link .score.dislikes { color: #9494FF; }
  894. .link .rank {
  895.     float:left;
  896.     margin-top: 15px;
  897.     color: #c6c6c6;
  898.     font-family: arial;
  899.     font-size: medium;
  900.     text-align: right;
  901. }
  902. .arrow.down:hover:before {
  903.     position: absolute;
  904.     display: block;
  905.     z-index: 1000;
  906.     width: 220px;
  907.     padding: 5px;  
  908.     border: 1px solid #333;
  909.     background-color: #FFF;
  910.     content: 'We have got to work together if we want to survive!';
  911.     text-align: center;
  912.     font-size: 10px;
  913.     font-weight: normal;
  914.     margin-left: 5px;
  915.     margin-top: 5px;
  916. }
  917.  
  918.  
  919. /* compressed links */
  920. .linkcompressed { margin: 4px 0; overflow: hidden; }
  921. .linkcompressed .title {margin-bottom: 1px; font-size:medium; font-weight: normal;}
  922. .linkcompressed .child h3 {
  923.     margin: 15px;
  924.     text-transform: none;
  925.     font-size: medium;
  926. }
  927.  
  928. .linkcompressed .score.likes   { color: #FF8B60; }
  929. .linkcompressed .score.dislikes { color: #9494FF; }
  930. .linkcompressed .rank {
  931.     margin-top: 2px;
  932.     float:left;
  933.     color: #c6c6c6;
  934.     font-family: arial;
  935.     font-size: medium;
  936.     text-align: right;
  937. }
  938. .linkcompressed .tagline { display: inline; margin-top: 0px; margin-bottom: 1px; }
  939. .linkcompressed .flat-list { display: inline }
  940.  
  941. /* compressed buttons */
  942. .linkcompressed .entry .buttons li { padding: 2px; background-color: transparent; }
  943. .linkcompressed .entry .buttons li.first {padding-left: .5em;}
  944. .linkcompressed .entry .buttons li a {
  945.     padding: 0 2px;
  946.     background-color: #f0f0f0;
  947.     font-weight: normal
  948. }
  949.  
  950. .linkcompressed .midcol { width: 15px; }
  951. .linkcompressed .entry .buttons li a:hover { text-decoration: underline}
  952.  
  953.  
  954. .warm-entry .rank { color: #EDA179; }
  955. .hot-entry .rank { color: #E47234; }
  956. .cool-entry .rank { color: #A5ABFB; }
  957. .cold-entry .rank { color: #4959F7; }
  958.  
  959. /* comments */
  960.  
  961. .comment { margin-left: 10px; }
  962. .comment .midcol { margin-left: 0px; }
  963. .comment .title { font-size: small; margin-top: 10px;}
  964.  
  965. .comment .midcol { width: 15px; }
  966.  
  967. .comment .author { font-weight: bold; }
  968. .comment .collapsed { font-size: x-small;
  969.     color: gray;
  970.     font-style: italic;
  971.     padding-left: 17px;
  972.     padding-bottom: 10px; }
  973. .comment .collapsed a { color: gray; }
  974. .comment .expand {
  975.     font-style: normal;
  976.     margin-left: 5px;
  977.     margin-right: 5px;
  978.     padding: 1px; }
  979. .comment .expand:hover {
  980.     text-decoration: none;
  981.     color: white;
  982.     background-color: #369;
  983. }
  984.  
  985. .comment .score { font-size: x-small; }
  986. .comment .child {
  987.     margin-top: 10px;
  988.     margin-left: 15px;
  989. }
  990.  
  991. .commentreply {
  992.     margin: 10px;
  993.     margin-left: 15px;
  994.     width: 40em;
  995. }
  996.  
  997. .commentreply textarea {
  998.     border: 1px solid #369;
  999.     width: 100%;
  1000.     margin: 0px;
  1001.     margin-bottom: -1px;
  1002. }
  1003. .commentreply .buttons {
  1004.     margin: 0px;
  1005.     float: left;
  1006. }
  1007. .commentreply .buttons button {
  1008.     margin: 0px;
  1009.     margin-right: 5px;
  1010.     border-top: none;
  1011. }
  1012.  
  1013. .commentreply table.help {
  1014.     margin: 0px;
  1015.     margin-top: 5px;
  1016.     font-size: larger;
  1017.     width: 100%;
  1018. }
  1019.  
  1020. .commentreply .help,
  1021. .commentreply .help td,
  1022. .commentreply .help tr {
  1023.     border: 1px solid #C0C0C0;
  1024.     padding: 4px;
  1025.     margin: 0px;
  1026. }
  1027. .commentreply .help-toggle {
  1028.     float:right;
  1029.     margin-top: 7px;
  1030. }
  1031.  
  1032. .permamessage {
  1033.     font-size: larger;
  1034.     border: 1px dotted black;
  1035.     padding: 5px 5px 5px 18px;
  1036.     white-space: nowrap;  
  1037.     background-image: url(%%permalink-arrow%%);
  1038.     background-repeat: no-repeat;
  1039.     background-position: 5px center;
  1040. }
  1041.  
  1042. .deepthread {
  1043.     padding-right: 30px;
  1044.     background-image: url(%%continue-thread%%);
  1045.     background-repeat: no-repeat;
  1046.     background-position: center right;
  1047. }
  1048. .deepthread a { font-size: larger; color: #336699 }
  1049. .deepthread a:hover { text-decoration: underline}
  1050.  
  1051. .morecomments {font-size: larger}
  1052. .morecomments a { color: #336699 }
  1053. .morecomments a:hover { text-decoration: underline}
  1054. .morecomments .gray {font-weight: normal; color: gray}
  1055.  
  1056. .message {margin: 10px}
  1057. .message .head.new {color:orangered  }
  1058. .message .subject { font-weight: bold; font-size: larger; }
  1059.  
  1060. .subreddit { margin-bottom: 10px; }
  1061. .subreddit p { margin-top: 0px; margin-bottom: 1px; }
  1062. .subreddit .description {font-size: small; }
  1063. .subreddit .key {display: block;}
  1064. .subreddit .title { font-size: medium; margin-right: 5px; }
  1065.  
  1066. .commentbody { }
  1067.  
  1068. .commentbody.border { background-color: #ffc; padding-left: 5px}
  1069.  
  1070. .fixedwidth { float: left; width: 100px; height: 0px; }
  1071. .clearleft { clear: left; height: 0px; }
  1072. .clear { clear: both; }
  1073.  
  1074. .sharetable.preftable {margin-left: 20px; }
  1075. .sharetable.preftable th { padding-bottom: 5px; padding-top: 5px;  }
  1076. .sharetable.preftable button { margin-top: 10px }
  1077.  
  1078. .share-summary { width: 95%; margin-top: 10px; }
  1079. .share-summary .head td { width: 50%; font-size: large; text-align: center }
  1080. .share-summary td { vertical-align: top;}
  1081. .share-summary > tbody > tr > td  {
  1082.     padding-left: 10px;
  1083.     padding-bottom: 10px;
  1084. }
  1085. .share-summary th { padding: 5px; border-bottom: 1px solid #000; }
  1086.  
  1087. .sponsored .entry  { margin-right: 20px;}
  1088.  
  1089. .sponsored .titlerow { background: #fcfcfc;
  1090.     padding: 10px;
  1091.     border-top: #BCBCBC solid 1px;
  1092.     border-left: #BCBCBC solid 1px;
  1093.     border-bottom: #E0E0E0 solid 1px;
  1094.     border-right: #E0E0E0 solid 1px;
  1095. }
  1096.  
  1097. .sponsored .asterisk {
  1098.     width: 15px;
  1099.     background: url(%%asterisk%%);
  1100.     background-repeat: no-repeat }
  1101.  
  1102.  
  1103. /* footer */
  1104. .footer {
  1105.     width: 90%;
  1106.     text-align: center;
  1107.     clear: both;
  1108.     padding-top: 1em;
  1109.     color: gray;
  1110.     font-size: larger;
  1111. }
  1112.  
  1113. .footer p { margin: 10px }
  1114.  
  1115. .wired a {text-decoration: underline;
  1116.     color: #369;
  1117.     font-size: smaller;
  1118.     padding-left: 5px;
  1119.     padding-right: 5px; }
  1120. .wired img {vertical-align: middle;}
  1121.  
  1122. /* login form */
  1123.  
  1124. .orangered { color: orangered; }
  1125.  
  1126.  
  1127. .login-form-side {
  1128.     border: gray solid 1px;
  1129.     border-bottom: black solid 1px;
  1130.     border-right: black solid 1px;
  1131. }
  1132.  
  1133. .login-form-side input {
  1134.     border: 1px solid gray;
  1135.     width: 138px;
  1136.     height: 17px;
  1137.     margin: 5px 0px 0px 5px;
  1138.     top: 5px;
  1139.     padding: 1px;
  1140.  }
  1141.  
  1142. .login-form-side .error {
  1143.     margin: 5px;
  1144. }
  1145.  
  1146. #remember-me {
  1147.     margin: 5px;
  1148. }
  1149.  
  1150. /*the checkbox*/
  1151. #rem-login-main {
  1152.     position: static;
  1153.     height: auto;
  1154.     width: auto;
  1155.     border: none;
  1156.     margin-right: 5px;
  1157. }
  1158.  
  1159. .login-form-side label {
  1160.     padding: 2px 0 2px 0;
  1161.     margin-right: 5px;
  1162.     white-space: nowrap;
  1163. }
  1164.  
  1165. .login-form-side button {
  1166.     font-size: 12px;
  1167.     padding: 2px 3px 2px 3px;
  1168.     width: 4em;
  1169.     float: right;
  1170. }
  1171.  
  1172.  
  1173. .error { color: red; font-size: small; margin: 5px; }
  1174.  
  1175. #noresults { margin-right: 310px;  }
  1176.  
  1177. #ad-frame {
  1178.     border: 0px;
  1179.     overflow: hidden;
  1180.     width: 300px;
  1181.     height: 300px;
  1182. }
  1183.  
  1184.  
  1185. /* search */
  1186.  
  1187. #searchmenu { margin: 10px 0 0px 0; padding: 2px 0 0 0;
  1188.     border-bottom: 2px solid #369;
  1189.     background-color: whitesmoke}
  1190.  
  1191. #searchmenu .searchlabel { background-color: white;
  1192.     padding: 2px 15px 0px 0px;
  1193.     font-weight: bold; color: #369 }
  1194.  
  1195. #searchmenu .searchtime {
  1196.     font-weight: bold;
  1197.     display: inline;
  1198.     width: 305px;
  1199. }
  1200.  
  1201.  
  1202. .searchparams { margin: 5px 20px 5px 20px
  1203. }
  1204. .searchparams .labels {text-align: right;
  1205.     margin-left: 10px; }
  1206.  
  1207.  
  1208. /*.searchpane { margin-left: 20px }
  1209. .searchpane h2 { margin-bottom: 3px }
  1210. .searchpane p { margin-bottom: 5px; margin-top:3px; }
  1211. .searchpane a { color: #369 }*/
  1212.  
  1213. .searchpane {
  1214.     margin: 5px;
  1215.     margin-right: 310px;
  1216. }
  1217.  
  1218. .searchpane #search input[type=text] { }
  1219.  
  1220. .searchpane .summary {
  1221.     font-weight: bold;
  1222.     float: right;
  1223. }
  1224.  
  1225. .searchpane .clearleft {
  1226.     margin-bottom: 10px;
  1227. }
  1228.  
  1229. /* login, register */
  1230.  
  1231.  
  1232.  
  1233. .legal {color: #808080; font-family: serif; font-size: small; margin-top: 20px; }
  1234. .legal a {text-decoration: underline}
  1235.  
  1236. .divide { border-right: 2px solid #D3D3D3;  }
  1237.  
  1238. .loginform {
  1239.     float: left;
  1240.     width: 45%;
  1241.     padding-left: 15px;
  1242.     padding-right: 15px;
  1243. }
  1244.  
  1245. .loginform h3 {
  1246.     margin-bottom: 0;
  1247.     margin-top: 10px;
  1248.     font-size: large;
  1249.     font-weight: bold;
  1250.     font-variant: small-caps;
  1251.     color: #404040;
  1252. }
  1253. .loginform p {
  1254.     text-align: left;
  1255.     margin-bottom: 10px;
  1256.     color: #606060;
  1257.     margin-bottom: 20px;
  1258. }
  1259. .loginform label {
  1260.     display: block;
  1261.     font-weight: bold;
  1262.     color: #606060;
  1263. }
  1264.  
  1265. .loginform .remember { display:inline; margin-left: 5px;  }
  1266. .loginform ul { margin: 5px; }
  1267. .loginform li { margin-top: 5px; }
  1268. .loginform p .btn { margin-top: 5px }
  1269. .loginform input.logtxt { width: 125px; }
  1270.  
  1271. .loginform input[type=text],
  1272. .loginform input[type=password] {
  1273.     width: 125px;
  1274.     border: 1px solid #A0A0A0;
  1275.     margin-top: 2px;
  1276.     margin-bottom: 2px;
  1277.     padding: 1px;
  1278. }
  1279.  
  1280. .loginform button {
  1281.     border: 1px solid #369;
  1282.     background-color:#e9e9e9;
  1283.     margin-left: 5px;
  1284.     margin-right: 10px;
  1285. }
  1286.  
  1287. .loginform #captcha {
  1288.     width: 250px;
  1289.  }
  1290.  
  1291. /* cover */
  1292. .cover {
  1293.     position: fixed;
  1294.     top: 0px;
  1295.     left: 0px;
  1296.     height: 100%;
  1297.     width: 100%;
  1298.     background-color: gray;
  1299.     opacity: .7;
  1300.     filter:alpha(opacity=70); /* IE patch */
  1301.     z-index: 1000;
  1302. }
  1303.  
  1304. .popup {
  1305.     position: absolute;
  1306.     left: 10%;
  1307.     background-color: white;
  1308.     top: 100px;
  1309.     width: 80%;
  1310.     text-align: left;
  1311.     z-index: 1001;
  1312.     padding: 10px;
  1313.     border-color: #B2B2B2 black black #B2B2B2;
  1314.     border-style: solid;
  1315.     border-width: 1px;
  1316. }
  1317.  
  1318. .popup h1 {
  1319.     text-align: center;
  1320.     font-size: large;
  1321.     font-weight: normal;
  1322.     color: orangered;
  1323. }
  1324.  
  1325. .popup h2 {
  1326.     text-align: center;
  1327.     font-size: small;
  1328.     margin-top: 0px;
  1329.     color: black;
  1330.     font-weight: normal;
  1331. }
  1332.  
  1333. .usertable { margin-left: 10px;}
  1334. .usertable .pretty-form button { padding: 0px 3px; } /*overwrite pretty-form*/
  1335. .usertable { font-size: larger }
  1336. .usertable td { padding: 0 .7em }
  1337. .usertable { white-space: nowrap }
  1338.  
  1339.  
  1340. .aboutpage {  margin-right: 320px; }
  1341. .aboutpage p { margin: 5px; }
  1342. .aboutpage h1, .aboutpage h2 { margin: 10px;}
  1343.  
  1344. .aboutpage .usertable { width: 45%; }
  1345.  
  1346. .little a { font-size: x-small;  }
  1347.  
  1348. .oldbylink a {  background-color: #F0F0F0; margin: 2px; color: gray}
  1349.  
  1350. .details {
  1351.     font-size: x-small;
  1352.     margin-bottom: 10px;
  1353. }
  1354.  
  1355. .details span { margin: 0 5px 0 5px; }
  1356. .details .profline {
  1357.     text-align: right;
  1358.     padding-right: 5px;
  1359.     font-weight: bold;
  1360. }
  1361.  
  1362. .bottommenu { color: gray; font-size: smaller; }
  1363. .bottommenu a { color: gray; text-decoration: underline;   }
  1364.  
  1365.  
  1366. /* Buttons specific */
  1367.  
  1368.  
  1369. .button {
  1370.     border-collapse: collapse;
  1371.     color: gray;
  1372.     text-align: center;
  1373.     margin: 1px;
  1374.  }
  1375.  
  1376. .button #cover {
  1377.     position: relative;
  1378.  }
  1379.  
  1380. .button .cover {  
  1381.     background: white;
  1382. }
  1383.  
  1384. .button #popup {
  1385.     position: absolute;
  1386.     width: 80%;
  1387.     z-index: 1001;
  1388.     background: white;
  1389.     padding: 2px;
  1390.     border-color: #B2B2B2 black black #B2B2B2;
  1391.     border-style: solid;
  1392.     border-width: 1px;
  1393. }
  1394.  
  1395.  
  1396. .button .arrow { width: 15px; }
  1397.  
  1398. .num { font-weight: bold; font-size: larger }
  1399.  
  1400. .button .blog {
  1401.     border: 1px solid #c7def7;
  1402.     color: gray;
  1403.     text-align: center;
  1404.     margin: 1px;
  1405. }
  1406.  
  1407. .button {color: #369; width: 98%; height: 96%}
  1408. .button a:hover { text-decoration: underline }
  1409.  
  1410.  
  1411. .button .blog1 { font-size: x-small; }
  1412. .button .blog1 .arrow { float:left; margin-left: 2px;  margin-right: 2px;  }
  1413.  
  1414. .button .blog1 .headimgcell {
  1415.     background-color: #c7def7;
  1416.     width: 18px;
  1417.     float: left;
  1418. }
  1419. .button .blog1 .score {
  1420.     float: right;
  1421.     margin-top: 2px;
  1422.     margin-right: 5px;
  1423. }
  1424.  
  1425. .button .blog2 { font-size: small; }
  1426. .button .blog2 .arrow { width: 100% }
  1427. .button .blog2 .bottomreddit { color: black; background-color: #c7def7; font-size: small; }
  1428.  
  1429. .button .blog3 { font-size: small; border: none; }
  1430. .button .blog3 .left { float: left; width: 50%; }
  1431. .button .blog3 .arrow { width: 100% }
  1432. .button .blog3 .right { float: right; margin-top: 5px; }
  1433.  
  1434. .optional {color: green}
  1435. .instructions { font-size: larger;  }
  1436. .instructions h1, .instructions h2 { margin-top: 20px; margin-bottom: 20px;  }
  1437. .instructions p { margin: 10px; max-width: 60em}
  1438. .instructions pre, .instructions iframe { margin: 5px;  margin-right: 10px; }
  1439. .instructions input, .instructions select { margin: 0 .5em }
  1440.  
  1441.  
  1442. #preview { float: right; width: 20em; margin-right: 10px; }
  1443. #preview span { color: lightgray;  }
  1444. #preview #previewbox {
  1445.   border-width: .2em;
  1446.   border-style: dashed;
  1447.   border-color: lightgray;
  1448.   padding: 1em;
  1449. }
  1450.  
  1451. .pretty-form {
  1452.     font-size: larger;
  1453.     vertical-align: top;
  1454.  }
  1455.  
  1456. .pretty-form input[type=checkbox] {margin: 3px .5em;}
  1457. .pretty-form p {margin: 3px .5em;}
  1458. .pretty-form input[type=radio] {margin: 3px .5em 0px .5em; vertical-align:top}
  1459. .pretty-form img { margin: 3px .5em}
  1460. .pretty-form input[type=text],
  1461. .pretty-form textarea,
  1462. .pretty-form input[type=password] { border: 1px solid gray; width: 25em}
  1463.  
  1464. .pretty-form input[type=text],
  1465. .pretty-form input[type=password],
  1466. .pretty-form select,
  1467. .pretty-form b,
  1468. .pretty-form textarea,
  1469. .pretty-form button  { margin: 3px .5em; padding: 1px; }
  1470. .pretty-form button  { padding: 2px}
  1471. .pretty-form th { text-align: right }
  1472.  
  1473. /*pref page boxes*/
  1474. .pretty-form.short-text input[type=text],
  1475. .pretty-form.short-text textarea,
  1476. .pretty-form.short-text input[type=password] {width: 2em }
  1477.  
  1478. /*update password*/
  1479. .pretty-form.medium-text input[type=text],
  1480. .pretty-form.medium-text textarea,
  1481. .pretty-form.medium-text input[type=password] {width: 15em }
  1482.  
  1483. /*submit*/
  1484. .pretty-form.long-text input[type=text],
  1485. .pretty-form.long-text textarea,
  1486. .pretty-form.long-text input[type=password] {padding: 2px; width: 40em }
  1487.  
  1488. /*forgot password*/
  1489. #passform h1 { margin: 0px; }
  1490. #passform p { font-size: smaller; color: orangered; margin-bottom: 7px}
  1491. #passform.pretty-form button { padding: 0px 1px; }
  1492.  
  1493.  
  1494. /*opt-out/in form*/
  1495. .opt-form { font-size: larger }
  1496. .opt-form form { display: inline; }
  1497.  
  1498. .preftable th {
  1499.     padding: 10px;
  1500.     font-weight: bold;
  1501.     vertical-align: top;
  1502.     text-align: left;
  1503. }
  1504. .preftable td.prefright { padding: 10px }
  1505. .preftable .spacer { margin-top: 5px; margin-bottom: 5px; }
  1506.  
  1507. .over18 button { margin: 0 10px 0 10px; padding: 5px}
  1508.  
  1509. .reported { background-color: #f6e69f }
  1510. .suspicious { background-color: #f6e69f }
  1511. .spam { background-color: #FA8072 }
  1512.  
  1513. .little { font-size: smaller  }
  1514. .gray { color: gray }
  1515.  
  1516. /* stats page */
  1517.  
  1518. .stats { float: left; margin-right: 2em; border-collapse: collapse; font-size: larger; }
  1519. .stats td.space {width: 20px}
  1520. .stats td.sec { padding-bottom: 7px; font-size : 18px; font-weight: normal }
  1521. .stats a {color: #369}
  1522. .stats a:hover {text-decoration: underline;}
  1523. .stats td.k { color: gray }
  1524. .stats th { text-align: left; background-color: whitesmoke;
  1525.             color: #369; font-weight: bold;}
  1526. .stats td.ri { padding-left: 20px; text-align: right}
  1527.  
  1528. .thumbnail {
  1529.     float: left;
  1530.     margin: 0px 5px;
  1531.     overflow: hidden;
  1532. }
  1533.  
  1534.  
  1535. /* CSS customisation page */
  1536.  
  1537. .stylesheet-customize-container { }
  1538. .stylesheet-customize-container textarea { margin: 0; padding: 0px; }
  1539.  
  1540. .sheets { margin-right: 315px; }
  1541. .sheets .col { float: left;  }
  1542. .sheets .col > div { margin: 0 5px; }
  1543. .sheets .col textarea { width: 100% }
  1544. .sheets .buttons { margin-left: 5px }
  1545. .sheets .btn { margin-left: 0px; margin-right: 5px; }
  1546. .sheets .btn.right { float: right; margin-right: 3px;}
  1547.  
  1548. .stylesheet-customize-container h2 { margin-top: 15px; margin-bottom: 10px;  }
  1549.  
  1550. #validation-errors {
  1551.     margin-left: 40px;
  1552.     margin-top: 10px;
  1553.     list-style-type: disc;
  1554. }
  1555.  
  1556. #validation-errors a,
  1557. #validation-errors li,
  1558. .errors h2 { color: red }
  1559.  
  1560. #validation-errors a:hover { text-decoration: underline; }
  1561. #validation-errors pre { padding: 10px; color: black; }
  1562.  
  1563. #preview-table {
  1564.     padding-right: 15px;  
  1565. }
  1566. #preview-table > table {  
  1567.     border-width: .2em;
  1568.     border-style: dashed;
  1569.     border-color: lightgray;
  1570.     padding: 5px;
  1571.     margin: 5px;
  1572.     width: 100%;
  1573. }
  1574.  
  1575. #preview-table > table > tbody > tr { padding-bottom: 10px;  }
  1576. #preview-table > table > tbody > tr > td { padding: 5px; padding-right: 15px;}
  1577. #preview-table > table > tbody > tr > th { padding: 5px; padding-right: 15px;}
  1578. #preview-table > table > tbody > tr > th {
  1579.     font-weight: bold;
  1580.     vertical-align: top;
  1581.     font-size: larger;
  1582.     text-align: right;
  1583. }
  1584.  
  1585. #header-img-preview-container {
  1586.     border-width: .2em;
  1587.     border-style: dashed;
  1588.     border-color: lightgray;
  1589.     padding: 5px;
  1590.     margin: 5px;
  1591.     float: left;
  1592. }    
  1593. /*Change the color of a self post title*/  
  1594. a[href*="/r/zombies"].title:link {  
  1595. color: #880000
  1596. }
  1597.  
  1598. .id-t3_cd041 a.title:before, .id-t3_cgzh7 a.title:before, .id-t3_cn2zx a.title:before,
  1599. .id-t3_cgaej a.title:before, .id-t3_cgavy a.title:before, .id-t3_ct78q a.title:before,
  1600. .id-t3_ctl01 a.title:before, .id-t3_czwgy a.title:before, .id-t3_d2snt a.title:before, .id-t3_d36fp a.title:before, .id-t3_dan0t a.title:before,  .id-t3_df1as a.title:before, .id-t3_djk84 a.title:before,
  1601. .id-t3_dmchq a.title:before, .id-t3_dri9g a.title:before, .id-t3_dw98s a.title:before,
  1602. .id-t3_dxmz5 a.title:before, .id-t3_dzbrm a.title:before, .id-t3_evuq2 a.title:before,
  1603. .id-t3_fixag a.title:before, .id-t3_fimo3 a.title:before, .id-t3_fv0g1 a.title:before,
  1604. .id-t3_fxykq a.title:before, .id-t3_g3tkz a.title:before, .id-t3_g32se a.title:before,
  1605. .id-t3_g2vas a.title:before, .id-t3_gh1rb a.title:before, .id-t3_gx700 a.title:before,
  1606. .id-t3_ju4zb a.title:before, .id-t3_krbyr a.title:before
  1607. {content: url(%%Blood-Splatter-small%%)}
  1608.  
  1609. .id-t3_d006d a.title:before, .id-t3_drssd a.title:before, .id-t3_duxxb a.title:before,
  1610. .id-t3_dxds2 a.title:before, .id-t3_dzhn5 a.title:before, .id-t3_elmu8 a.title:before,
  1611. .id-t3_eww7q a.title:before, .id-t3_gocx6 a.title:before, .id-t3_ia6ak a.title:before,
  1612. .id-t3_id6ws a.title:before, .id-t3_ju2m0 a.title:before, .id-t3_lqx5e a.title:before,
  1613. .id-t3_q5zig a.title:before
  1614. {content: url(%%zed%%)}
  1615.  
  1616. .id-t3_cgvni .arrow.down, .id-t3_d006d .arrow.down, .id-t3_drssd .arrow.down,
  1617. .id-t3_dxds2 .arrow.down, .id-t3_dzhn5 .arrow.down, .id-t3_e9nn3 .arrow.down,
  1618. .id-t3_eww7q .arrow.down, .id-t3_elmu8 .arrow.down, .id-t3_ia6ak .arrow.down,
  1619. .id-t3_id6ws .arrow.down, .id-t3_ju2m0 .arrow.down, .id-t3_q5zig .arrow.down
  1620. {display:none!important}
  1621.  
  1622. .id-t3_gt2oe a.title:after
  1623. {content: " (ISSUE 83 SPOILER ALERT)"}
  1624.  
  1625. /*
  1626. .report-button:hover a:before {
  1627.     position: absolute;
  1628.     display: block;
  1629.     z-index: 1000;
  1630.     width: 300px;
  1631.     padding: 5px;  
  1632.     border: 1px solid #333;
  1633.     background-color: #FFF;
  1634.     content: 'This button is **only** to report SPAM and rule violations';
  1635.     text-align: center;
  1636.     font-size: 10px;
  1637.     font-weight: normal;
  1638.     margin-left: 5px;
  1639.     margin-top: 5px;
  1640. }
  1641. */
  1642.  
  1643.  
  1644. .sidebox.submit .spacer { display: none;}
  1645.  
  1646. .sidebox.submit { height: 80px;}
  1647.  
  1648. .morelink .nub { display: none;}
  1649.  
  1650. .morelink { background: transparent; border:none; padding:20px; width:75%;}
  1651.  
  1652. .morelink:hover { background: transparent;}
  1653.  
  1654. .side div.md, .titlebox .number { color:#E0E0E0;}
  1655.  
  1656. .titlebox h1 { color:#E0E0E0;}
  1657.  
  1658. .tabmenu li a { color:#E0E0E0;}
  1659.  
  1660. #noresults:not(:first-child) { font-size: 0pt !important; color: white;}
  1661. #noresults:not(:first-child):before { font-size: 13px !important; content: "It looks like there's nothing in here. Let's make sure we're actually alone. You got shells in that thing?"; color: red;}
  1662.  
  1663. /* Old spoiler styles - do not use */
  1664. .usertext-body h3,
  1665. .commentarea h3 {
  1666. background: #000 !important;
  1667. color: #000 !important;
  1668. font-weight:normal !important;
  1669. font-size:small !important;
  1670. }
  1671. .usertext-body h3:hover,
  1672. .commentarea h3:hover {
  1673. color: #FFF !important
  1674. }
  1675.  
  1676. /* New spoiler styles */
  1677. a[href="/s"] {
  1678.     color: yellow !important;
  1679.     background: #000;
  1680.     cursor: text;
  1681.     display: inline-block;
  1682. }
  1683. a[href="/s"]::after {
  1684.     content: attr(title);
  1685.     background: #000;
  1686.     color: #000;
  1687.     padding: 0px 2px 0px 10px;
  1688. }
  1689. a[href="/s"]:hover::after, a[href="/s"]:active::after {
  1690.     color: #fff;
  1691. }
  1692.  
  1693. /* Flair styles (if you modify this send db2 a message, I'm h4x0ring the css and will need to update my version) */
  1694. .flair {
  1695.     background-color: inherit;
  1696.     border:none;
  1697. }
  1698. .flair-infected, .flair-specialinfected, .flair-doctordeath, .flair-marksman, .flair-patientzero {
  1699.     color: grey;
  1700. }
  1701. .flair-hidingabite {
  1702.     color: maroon;
  1703. }
  1704. .flair-bokor {
  1705.     color: green;
  1706. }
  1707.  
  1708. /* Bold a post title, such as for mod announcements */
  1709. div.id-t3_licdy a.title {
  1710.     font-weight: bold !important;
  1711. }
  1712.  
  1713. /* Fix for the mod log page - the current CSS makes it unreadable, this repairs it */
  1714. .modactions .button {
  1715.     width: inherit !important;
  1716. }
  1717.  
  1718. /* Various color fixes */
  1719. .titlebox form.toggle {background: transparent none no-repeat scroll center left !important; color: white !important;}
  1720. .titlebox form.toggle a{color: #090 !important;}
  1721. .side .tagline a{color: #090 !important;}
  1722. .side .tagline span.flair {color: white !important;}
  1723. #sr-more-link {background-color: #4E514B;}
  1724.  
  1725. /*
  1726.    Trophy case
  1727. */
  1728. .side .md table + p { padding-top: 8px }
  1729. .side .usertext-body { padding-top: 8px; clear: both }
  1730. .side .md table { margin: 0; width: 297px; border-style: none; margin-left: 2px }
  1731. .side .md tbody { border: 1px solid gray; padding: 5px; background-color: #F5F5F5; padding-bottom: 20px }
  1732. .side .md th a[href="/help/faqs/zombies#WhatsthedealwiththeTrophyCaseinthesidebar"] { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: 400; font-style: normal; }
  1733. .side .md thead tr:first-child { font-size: 13px; color: gray }
  1734. .side .md thead th { text-align: left; padding: 0; width: 50% }
  1735. .side .md thead th ~ th { text-align: right }
  1736. .side .md td, .side .md th { border-style: none; font-weight: normal; padding: 0 }
  1737. .side .md thead td { padding: 0 }
  1738. .side .md tbody tr:last-child td { padding-bottom: 20px }
  1739. .side .md tbody tr:first-child td { padding-top: 20px }
  1740. .side .md tbody tr:nth-child(1) em { visibility: hidden; font-size: 40px; line-height: 40px }
  1741. .side a[href^="///#"]:before { cursor: default; display: inline-block }
  1742. .side a[href^="///#infected"]:before { height: 40px; width: 40px; content: ""; background-image: url(%%infected%%); background-position: 0 0 }
  1743. .side a[href^="///#marksman"]:before { height: 40px; width: 40px; content: ""; background-image: url(%%marksman%%); background-position: 0 0 }
  1744. .side .md tbody tr:nth-child(2), .side .md tbody tr:nth-child(2) a { font-size: 13px; font-weight: 400; font-style: normal; color: #000000; padding-bottom: 0px; }
  1745. .side .md tbody tr:nth-child(3) { font-size: 10px; color: #555555; padding-top: 0px; }
  1746. .side {margin-top: 120px;}
  1747. .side .md table {position: absolute; right: 8px; top: 65px;}
  1748.  
  1749. .author[href$="/hero0fwar"]:before{content: url(%%hero-knife-icon%%);}
  1750.  
  1751.  
  1752.  
  1753.  
  1754. a[href*="zombie_halloween_costume_discussion_thread"].title:before {
  1755.     content: "";
  1756.     display: inline-block;
  1757.     width: 33px;
  1758.     height: 35px;
  1759.     margin-right: 3px;
  1760.     background-image: url(%%zombie-head%%);
  1761.     }
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!