Advertisement
gavin19

reddit default CSS

Jan 3rd, 2013
823
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 120.64 KB | None | 0 0
  1. html {
  2. height:100%;
  3. }
  4.  
  5. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,iframe {
  6. margin:0;
  7. padding:0;
  8. }
  9.  
  10. table {
  11. border-collapse:collapse;
  12. }
  13.  
  14. fieldset,img {
  15. border:0;
  16. }
  17.  
  18. address,caption,cite,code,dfn,em,strong,th,var {
  19. font-style:normal;
  20. font-weight:normal;
  21. }
  22.  
  23. ol,ul {
  24. list-style:none;
  25. }
  26.  
  27. caption,th {
  28. text-align:left;
  29. }
  30.  
  31. h1,h2,h3,h4,h5,h6 {
  32. font-size:100%;
  33. }
  34.  
  35. q:before,q:after {
  36. content:'';
  37. }
  38.  
  39. body {
  40. font:normal x-small verdana,arial,helvetica,sans-serif;
  41. background-color:white;
  42. z-index:1;
  43. }
  44.  
  45. textarea {
  46. font:normal small verdana,arial,helvetica,sans-serif;
  47. }
  48.  
  49. input[type=hidden] {
  50. position:absolute;
  51. }
  52.  
  53. h1 {
  54. font-size:18px;
  55. font-weight:normal;
  56. margin:10px 0;
  57. }
  58.  
  59. h2 {
  60. color:#369;
  61. font-size:13px;
  62. }
  63.  
  64. h2 a {
  65. text-decoration:none;
  66. }
  67.  
  68. h2 a:visited {
  69. color:#369;
  70. }
  71.  
  72. h2 a:hover {
  73. text-decoration:underline;
  74. }
  75.  
  76. h3 {
  77. font-size:110%;
  78. }
  79.  
  80. a img {
  81. border:0 none;
  82. }
  83.  
  84. a {
  85. text-decoration:none;
  86. color:#369;
  87. }
  88.  
  89. .rounded {
  90. border-radius:7px;
  91. }
  92.  
  93. .rounded .morelink {
  94. border-top-right-radius:6px;
  95. }
  96.  
  97. div.autosize {
  98. display:table;
  99. width:1px;
  100. }
  101.  
  102. div.autosize>div {
  103. display:table-cell;
  104. }
  105.  
  106. input.txt {
  107. background-color:#f7f7f7;
  108. border:1px solid #369;
  109. }
  110.  
  111. input[type=checkbox],input[type=radio] {
  112. margin-top:.4em;
  113. }
  114.  
  115. label.disabled {
  116. color:gray;
  117. }
  118.  
  119. .wrong {
  120. color:red;
  121. font-weight:normal;
  122. }
  123.  
  124. .attention {
  125. font-weight:bold;
  126. border:solid 1px #ff6600;
  127. padding:3px;
  128. border-radius:7px;
  129. }
  130.  
  131. .subform input.text {
  132. width:25em;
  133. }
  134.  
  135. .subform textarea.text {
  136. width:25em;
  137. }
  138.  
  139. .subform label {
  140. margin:0 5px;
  141. }
  142.  
  143. .subform td {
  144. padding:0 5px 5px 0;
  145. }
  146.  
  147. .subform td.nopadding {
  148. padding:0;
  149. }
  150.  
  151. .nowrap {
  152. white-space:nowrap;
  153. }
  154.  
  155. .leftpad {
  156. padding-left:1em;
  157. }
  158.  
  159. .nomargin {
  160. margin:0;
  161. }
  162.  
  163. .nopadding {
  164. padding:0;
  165. }
  166.  
  167. .fancybutton {
  168. padding:5px 10px;
  169. background:0;
  170. background:0;
  171. background-color:#ADC9E6;
  172. border:1px solid #5E96CF;
  173. border-radius:7px;
  174. -webkit-background-clip:padding-box;
  175. -moz-background-clip:padding-box;
  176. color:#2E6399;
  177. text-shadow:0 1px 0 hsla(0,0%,100%,.7);
  178. -webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8);
  179. -moz-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8);
  180. box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8);
  181. text-decoration:none;
  182. font-weight:bold;
  183. }
  184.  
  185. .fancybutton:hover {
  186. background:0;
  187. background:0;
  188. background-color:#D4E3F2;
  189. }
  190.  
  191. .fancybutton:focus,.fancybutton:active {
  192. background:0;
  193. background:0;
  194. background-color:#D4E3F2;
  195. -webkit-box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.7);
  196. -moz-box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.7);
  197. box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.7);
  198. }
  199.  
  200. .fancybutton.disabled,.fancybutton.disabled:active {
  201. background:0;
  202. background:0;
  203. background-color:#D4E3F2;
  204. border-color:#999;
  205. color:#999;
  206. }
  207.  
  208. .hover a:hover {
  209. text-decoration:underline;
  210. }
  211.  
  212. .selected,.choice.primary {
  213. font-weight:bold;
  214. }
  215.  
  216. .flat-list {
  217. list-style-type:none;
  218. display:inline;
  219. }
  220.  
  221. .flat-list li,.flat-list form {
  222. display:inline;
  223. white-space:nowrap;
  224. }
  225.  
  226. .flat-list .selected a {
  227. color:orangered;
  228. }
  229.  
  230. .link .flat-list {
  231. display:block;
  232. padding:1px 0;
  233. }
  234.  
  235. .link.compressed .flat-list {
  236. display:inline-block;
  237. padding:0 0 1px;
  238. }
  239.  
  240. ul.flat-vert {
  241. text-align:left;
  242. }
  243.  
  244. .flat-vert .separator {
  245. margin:0;
  246. }
  247.  
  248. .flat-vert.title {
  249. font-family:arial,verdana,helvetica,sans-serif;
  250. color:#777;
  251. font-size:18px;
  252. font-weight:normal;
  253. margin-bottom:5px;
  254. }
  255.  
  256. .separator {
  257. color:gray;
  258. margin:0 .7ex;
  259. cursor:default;
  260. }
  261.  
  262. .pref-lang {
  263. font-weight:bold;
  264. }
  265.  
  266. .pref {
  267. font-weight:bold;
  268. }
  269.  
  270. #jumpToContent {
  271. position:absolute;
  272. left:135px;
  273. top:25px;
  274. font-weight:bold;
  275. margin-left:-1000px;
  276. }
  277.  
  278. #jumpToContent:focus {
  279. margin-left:0!important;
  280. }
  281.  
  282. #header {
  283. border-bottom:1px solid #5f99cf;
  284. position:relative;
  285. background-color:#cee3f8;
  286. z-index:99;
  287. }
  288.  
  289. #header-img {
  290. margin-top:2px;
  291. margin-right:5px;
  292. }
  293.  
  294. #header-img.default-header {
  295. text-indent:-9999px;
  296. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  297. background-position:0 -258px;
  298. background-repeat:no-repeat;
  299. height:40px;
  300. width:120px;
  301. display:inline-block;
  302. vertical-align:bottom;
  303. margin-bottom:3px;
  304. }
  305.  
  306. #header-top {
  307. position:absolute;
  308. right:5px;
  309. }
  310.  
  311. #header-bottom-left {
  312. font-size:larger;
  313. }
  314.  
  315. #header-bottom-right {
  316. position:absolute;
  317. right:0;
  318. bottom:0;
  319. background-color:#EFF7FF;
  320. padding:4px;
  321. line-height:12px;
  322. border-top-left-radius:7px;
  323. }
  324.  
  325. #mail {
  326. position:relative;
  327. top:2px;
  328. display:inline-block;
  329. text-indent:-9999px;
  330. overflow:hidden;
  331. width:15px;
  332. height:10px;
  333. }
  334.  
  335. #mail.havemail {
  336. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  337. background-position:-86px -629px;
  338. background-repeat:no-repeat;
  339. }
  340.  
  341. #mail.nohavemail {
  342. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  343. background-position:-102px -629px;
  344. background-repeat:no-repeat;
  345. }
  346.  
  347. #modmail {
  348. position:relative;
  349. top:-2px;
  350. display:inline-block;
  351. text-indent:-9999px;
  352. overflow:hidden;
  353. width:16px;
  354. height:16px;
  355. margin-bottom:-6px;
  356. }
  357.  
  358. #modmail.havemail {
  359. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  360. background-position:-51px -578px;
  361. background-repeat:no-repeat;
  362. }
  363.  
  364. #modmail.nohavemail {
  365. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  366. background-position:-68px -578px;
  367. background-repeat:no-repeat;
  368. }
  369.  
  370. .user {
  371. color:gray;
  372. }
  373.  
  374. .user .userkarma {
  375. cursor:help;
  376. font-weight:bold;
  377. border-bottom:1px dotted gray;
  378. }
  379.  
  380. .pagename {
  381. font-weight:bold;
  382. margin-right:1ex;
  383. font-variant:small-caps;
  384. font-size:1.2em;
  385. vertical-align:bottom;
  386. }
  387.  
  388. .pagename a {
  389. color:black;
  390. }
  391.  
  392. .redditname {
  393. }
  394.  
  395. .newpagelink {
  396. padding:3px 5px;
  397. background-color:#ff9;
  398. }
  399.  
  400. .dropdown {
  401. cursor:default;
  402. display:inline;
  403. position:relative;
  404. }
  405.  
  406. .drop-choices.inuse {
  407. display:block;
  408. }
  409.  
  410. .drop-choices {
  411. position:absolute;
  412. left:0;
  413. border:1px solid gray;
  414. z-index:100;
  415. background-color:white;
  416. white-space:nowrap;
  417. line-height:normal;
  418. margin-top:1px;
  419. display:none;
  420. }
  421.  
  422. .drop-choices a.choice {
  423. cursor:pointer;
  424. padding:2px 3px 1px;
  425. display:block;
  426. }
  427.  
  428. .drop-choices a.choice:hover {
  429. background-color:#c7def7;
  430. }
  431.  
  432. .drop-choices a.choice.selected {
  433. display:none;
  434. }
  435.  
  436. .dropdown.heavydrop .selected {
  437. background:white none no-repeat scroll center right;
  438. background-image:url(../droparrow.gif);
  439. border:1px solid gray;
  440. padding:2px;
  441. padding-right:23px;
  442. padding-left:5px;
  443. font-weight:bold;
  444. }
  445.  
  446. .dropdown.lightdrop .selected {
  447. position:relative;
  448. background:transparent none no-repeat scroll center right;
  449. background-image:url(../droparrowgray.gif);
  450. padding-right:21px;
  451. text-decoration:underline;
  452. color:gray;
  453. }
  454.  
  455. .drop-choices.lightdrop {
  456. margin-top:2px;
  457. }
  458.  
  459. .dropdown.tabdrop .selected {
  460. position:relative;
  461. background:white none no-repeat scroll center right;
  462. background-image:url(../droparrowgray.gif);
  463. padding:2px 21px 1px 5px;
  464. margin-left:3px;
  465. border:1px solid #5f99cf;
  466. border-bottom:none;
  467. color:orangered;
  468. }
  469.  
  470. .dropdown.tabdrop .selected.title {
  471. background-color:#eff7ff;
  472. color:#369;
  473. padding-bottom:0;
  474. border:none;
  475. }
  476.  
  477. .drop-choices.tabdrop {
  478. margin-top:2px;
  479. }
  480.  
  481. .dropdown-title.tabdrop {
  482. display:none;
  483. }
  484.  
  485. .drop-choices .choice.hidden {
  486. display:none;
  487. }
  488.  
  489. .tabmenu {
  490. list-style-type:none;
  491. white-space:nowrap;
  492. display:inline-block;
  493. margin-top:5px;
  494. vertical-align:bottom;
  495. }
  496.  
  497. .tabmenu li {
  498. display:inline;
  499. font-weight:bold;
  500. margin:0 3px;
  501. }
  502.  
  503. .tabmenu li a {
  504. padding:2px 6px 0;
  505. background-color:#eff7ff;
  506. }
  507.  
  508. .tabmenu li.selected a {
  509. color:orangered;
  510. background-color:white;
  511. border:1px solid #5f99cf;
  512. border-bottom:1px solid white;
  513. z-index:100;
  514. }
  515.  
  516. .tabpane-content {
  517. border:1px solid #5f99cf;
  518. padding:4px;
  519. }
  520.  
  521. #search input[type=text] {
  522. border:1px solid gray;
  523. font-size:18px;
  524. width:295px;
  525. padding:2px;
  526. }
  527.  
  528. .content {
  529. z-index:1;
  530. margin:7px 5px 0;
  531. }
  532.  
  533. .content .spacer {
  534. margin-bottom:5px;
  535. }
  536.  
  537. .state-button {
  538. display:inline;
  539. }
  540.  
  541. .side {
  542. float:right;
  543. background-color:white;
  544. margin:0 5px;
  545. width:300px;
  546. }
  547.  
  548. .side .spacer {
  549. margin:7px 0 12px;
  550. }
  551.  
  552. .morelink {
  553. display:block;
  554. text-align:center;
  555. position:relative;
  556. border:1px solid #c4dbf1;
  557. background:white none repeat-x scroll center left;
  558. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  559. background-position:0 -228px;
  560. background-repeat:repeat;
  561. font-size:150%;
  562. font-weight:bold;
  563. letter-spacing:-1px;
  564. line-height:29px;
  565. height:29px;
  566. }
  567.  
  568. .morelink:hover,.mlh {
  569. border-color:#879eb4;
  570. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  571. background-position:0 -198px;
  572. background-repeat:repeat;
  573. }
  574.  
  575. .morelink a {
  576. display:block;
  577. width:100%;
  578. color:#369;
  579. }
  580.  
  581. .morelink:hover a {
  582. color:white;
  583. }
  584.  
  585. .morelink .nub {
  586. position:absolute;
  587. top:-1px;
  588. right:-1px;
  589. height:31px;
  590. width:24px;
  591. background:white none no-repeat scroll center left;
  592. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  593. background-position:-76px -472px;
  594. background-repeat:no-repeat;
  595. }
  596.  
  597. .morelink:hover .nub,.mlhn {
  598. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  599. background-position:-51px -472px;
  600. background-repeat:no-repeat;
  601. }
  602.  
  603. .disabled .morelink,.disabled .morelink:hover {
  604. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  605. background-position:0 -168px;
  606. background-repeat:repeat;
  607. border-color:#dadada;
  608. }
  609.  
  610. .disabled .morelink a {
  611. cursor:default;
  612. color:#aaa;
  613. }
  614.  
  615. .disabled .morelink .nub,.disabled .morelink:hover .nub {
  616. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  617. background-position:-71px -421px;
  618. background-repeat:no-repeat;
  619. }
  620.  
  621. .sidebox.submit.disabled .spacer a {
  622. opacity:.5;
  623. }
  624.  
  625. .raisedbox {
  626. padding:5px;
  627. background:#E0E0E0;
  628. border:1px solid gray;
  629. }
  630.  
  631. .raisedbox h4 {
  632. margin-bottom:3px;
  633. }
  634.  
  635. .raisedbox li {
  636. margin-bottom:2px;
  637. }
  638.  
  639. .sidebox .spacer {
  640. position:relative;
  641. margin-top:10px;
  642. padding:5px 0 0 44px;
  643. min-height:41px;
  644. background:white none no-repeat scroll top left;
  645. }
  646.  
  647. .sidebox .spacer a {
  648. position:absolute;
  649. top:0;
  650. left:0;
  651. display:block;
  652. height:40px;
  653. width:40px;
  654. }
  655.  
  656. .sidebox.create .spacer a {
  657. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  658. background-position:-71px -299px;
  659. background-repeat:no-repeat;
  660. background-repeat:no-repeat;
  661. }
  662.  
  663. .sidebox.gold .spacer a {
  664. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  665. background-position:-71px -370px;
  666. background-repeat:no-repeat;
  667. background-repeat:no-repeat;
  668. }
  669.  
  670. .sidebox.gold .morelink {
  671. border:none;
  672. background-color:transparent;
  673. background-image:url(../goldmorelink.png);
  674. background-position:0 0;
  675. background-repeat:no-repeat;
  676. height:31px;
  677. }
  678.  
  679. .sidebox.gold .morelink a,.sidebox.gold .morelink a:visited {
  680. color:#9a7d2e;
  681. }
  682.  
  683. .sidebox.gold .morelink:hover {
  684. background-position:0 -31px;
  685. }
  686.  
  687. .sidebox.gold .morelink:hover a {
  688. color:#ffffff;
  689. margin-top:1px;
  690. }
  691.  
  692. .sidebox.gold .morelink .nub {
  693. display:none;
  694. }
  695.  
  696. .sidebox.submit .spacer a {
  697. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  698. background-position:0 -472px;
  699. background-repeat:no-repeat;
  700. background-repeat:no-repeat;
  701. }
  702.  
  703. .sidebox .subtitle {
  704. margin-left:10px;
  705. color:dimgray;
  706. font-size:110%;
  707. }
  708.  
  709. .account-activity-box {
  710. text-align:center;
  711. }
  712.  
  713. #account-activity table {
  714. margin:2em 0 0 2em;
  715. width:45em;
  716. font-size:larger;
  717. }
  718.  
  719. #account-activity th {
  720. font-weight:bold;
  721. }
  722.  
  723. #account-activity td {
  724. padding:.5em 0;
  725. }
  726.  
  727. .infotable {
  728. margin-top:5px;
  729. margin-bottom:10px;
  730. }
  731.  
  732. .infotable .small {
  733. font-size:smaller;
  734. }
  735.  
  736. .infotable td {
  737. padding-right:1em;
  738. }
  739.  
  740. .infotable a:hover {
  741. text-decoration:underline;
  742. }
  743.  
  744. .infotable .state-button a {
  745. background-color:#F0F0F0;
  746. color:gray;
  747. }
  748.  
  749. .infotable .bold {
  750. font-weight:bold;
  751. }
  752.  
  753. .infotable .invalid-user {
  754. background-color:pink;
  755. }
  756.  
  757. .infotable .organic-vote {
  758. border:1px solid green;
  759. }
  760.  
  761. .profile-attr {
  762. }
  763.  
  764. .profile-attr .label {
  765. font-weight:bold;
  766. }
  767.  
  768. .profile-attr .value {
  769. color:#404040;
  770. margin-right:5px;
  771. }
  772.  
  773. .profile-attr .md {
  774. margin-left:10px;
  775. margin-top:5px;
  776. border-color:#B2B2B2 #D0D0D0 #D0D0D0 #B2B2B2;
  777. border-style:solid;
  778. border-width:1px;
  779. padding:10px;
  780. }
  781.  
  782. .profile-attr .md ul {
  783. float:none;
  784. list-style-type:disc;
  785. margin-left:15px;
  786. }
  787.  
  788. .profile-attr .md p {
  789. margin-top:0;
  790. }
  791.  
  792. .question {
  793. color:red;
  794. }
  795.  
  796. .question .yes {
  797. margin-left:5px;
  798. margin-right:3px;
  799. }
  800.  
  801. .question .no {
  802. margin:0 3px;
  803. }
  804.  
  805. .preload {
  806. position:absolute;
  807. top:-1000px;
  808. left:-1000px;
  809. }
  810.  
  811. .arrow {
  812. margin:2px 0 0;
  813. width:100%;
  814. height:14px;
  815. display:block;
  816. cursor:pointer;
  817. background-position:center center;
  818. background-repeat:no-repeat;
  819. width:15px;
  820. margin-left:auto;
  821. margin-right:auto;
  822. outline:none;
  823. }
  824.  
  825. .arrow.upmod {
  826. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  827. background-position:-32px -629px;
  828. background-repeat:no-repeat;
  829. }
  830.  
  831. .arrow.downmod {
  832. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  833. background-position:0 -629px;
  834. background-repeat:no-repeat;
  835. }
  836.  
  837. .arrow.up {
  838. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  839. background-position:-16px -629px;
  840. background-repeat:no-repeat;
  841. }
  842.  
  843. .arrow.down {
  844. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  845. background-position:-99px -612px;
  846. background-repeat:no-repeat;
  847. }
  848.  
  849. .midcol {
  850. float:left;
  851. margin-right:4px;
  852. margin-left:7px;
  853. background:transparent;
  854. overflow:hidden;
  855. }
  856.  
  857. .compressed .midcol {
  858. width:15px;
  859. margin-right:5px;
  860. }
  861.  
  862. .entry {
  863. overflow:hidden;
  864. margin-left:3px;
  865. opacity:1;
  866. }
  867.  
  868. .domain {
  869. color:#888;
  870. font-size:x-small;
  871. }
  872.  
  873. .domain a {
  874. color:#888;
  875. }
  876.  
  877. .domain a:hover {
  878. text-decoration:underline;
  879. }
  880.  
  881. .spam .domain,.spam .domain a {
  882. color:black;
  883. }
  884.  
  885. .link-note {
  886. background-color:white;
  887. color:#ff4444;
  888. font-size:x-small;
  889. }
  890.  
  891. .tagline {
  892. color:#888;
  893. font-size:x-small;
  894. }
  895.  
  896. .tagline a {
  897. color:#369;
  898. text-decoration:none;
  899. }
  900.  
  901. .tagline .friend {
  902. color:orangered;
  903. }
  904.  
  905. .tagline .submitter {
  906. color:#0055df;
  907. }
  908.  
  909. .tagline .moderator,.green {
  910. color:#228822;
  911. }
  912.  
  913. .tagline .admin {
  914. color:#ff0011;
  915. }
  916.  
  917. .tagline .alum {
  918. color:#BE1337;
  919. }
  920.  
  921. .tagline a.author.admin {
  922. font-weight:bold;
  923. }
  924.  
  925. .tagline a:hover {
  926. text-decoration:underline;
  927. }
  928.  
  929. .tagline .edited-timestamp {
  930. cursor:default;
  931. }
  932.  
  933. a.author {
  934. margin-right:.5em;
  935. }
  936.  
  937. .flair,.linkflairlabel {
  938. display:inline-block;
  939. margin-right:.5em;
  940. padding:0 2px;
  941. background:#f5f5f5;
  942. color:#555;
  943. border:1px solid #ddd;
  944. border-radius:2px;
  945. }
  946.  
  947. .collapsed .flair {
  948. display:none;
  949. }
  950.  
  951. .flair input {
  952. font-size:xx-small;
  953. }
  954.  
  955. .linkflairlabel {
  956. font-size:x-small;
  957. max-width:10em;
  958. overflow:hidden;
  959. text-overflow:ellipsis;
  960. white-space:nowrap;
  961. }
  962.  
  963. .link .flair {
  964. font-size:x-small;
  965. margin-top:-1px;
  966. }
  967.  
  968. .flair-settings {
  969. margin-bottom:16px;
  970. }
  971.  
  972. .flairlist .flair-jump {
  973. margin-bottom:1em;
  974. }
  975.  
  976. .flairlist .flair-jump input[type="text"] {
  977. width:430px;
  978. }
  979.  
  980. .flair-jump button {
  981. font-size:100%;
  982. }
  983.  
  984. .flairlist.pretty-form {
  985. font-size:inherit;
  986. }
  987.  
  988. .flairlisthome,.flairlist .nextprev {
  989. display:inline-block;
  990. margin-top:10px;
  991. }
  992.  
  993. .flairlisthome {
  994. font-size:smaller;
  995. }
  996.  
  997. .flaircell,.flairlist .header {
  998. display:inline-block;
  999. text-align:center;
  1000. width:30ex;
  1001. margin-right:4ex;
  1002. }
  1003.  
  1004. .flair-entry {
  1005. display:inline-block;
  1006. }
  1007.  
  1008. .flaircell.narrow,.flairlist .header.narrow {
  1009. width:14ex;
  1010. }
  1011.  
  1012. .flairsample-left {
  1013. text-align:right!important;
  1014. }
  1015.  
  1016. .flairsample-right {
  1017. text-align:left!important;
  1018. }
  1019.  
  1020. .flairrow .tagline {
  1021. display:inline-block;
  1022. margin-bottom:8px;
  1023. margin-left:6px;
  1024. text-align:left;
  1025. width:36ex;
  1026. }
  1027.  
  1028. .flairlist .flaircell input[type="text"] {
  1029. width:28ex;
  1030. }
  1031.  
  1032. .flairrow>form button {
  1033. display:none;
  1034. }
  1035.  
  1036. .flairrow .edited button {
  1037. display:inline-block;
  1038. }
  1039.  
  1040. .flairrow .flairdeletebtn {
  1041. display:inline;
  1042. }
  1043.  
  1044. .flairrow:hover .flairdeletebtn {
  1045. opacity:1.0;
  1046. }
  1047.  
  1048. .flairselector {
  1049. box-shadow:4px 4px 4px #ccc;
  1050. font-size:x-small;
  1051. position:absolute;
  1052. width:400px;
  1053. }
  1054.  
  1055. .flairselector img {
  1056. margin:none;
  1057. }
  1058.  
  1059. .flairselector h2 {
  1060. background:#cee3f8;
  1061. padding-bottom:2px;
  1062. margin-bottom:3px;
  1063. text-align:center;
  1064. }
  1065.  
  1066. .flairselector.drop-choices.active {
  1067. border:1px solid gray;
  1068. display:block;
  1069. }
  1070.  
  1071. .flairselector .error {
  1072. text-align:center;
  1073. }
  1074.  
  1075. .flairselector ul {
  1076. display:inline-block;
  1077. max-width:200px;
  1078. overflow:hidden;
  1079. vertical-align:top;
  1080. }
  1081.  
  1082. .flairselector .selected,.flairselector.active li {
  1083. display:block;
  1084. font-weight:normal;
  1085. text-decoration:none!important;
  1086. }
  1087.  
  1088. .flairselector li {
  1089. border:1px solid white;
  1090. cursor:pointer;
  1091. display:block!important;
  1092. padding-left:4px;
  1093. }
  1094.  
  1095. .flairselector li a {
  1096. color:#369!important;
  1097. font-weight:normal!important;
  1098. }
  1099.  
  1100. .flairselector li:hover {
  1101. background-color:#bbb;
  1102. border:1px solid #bbb;
  1103. }
  1104.  
  1105. .flairselector li a:hover {
  1106. text-decoration:none;
  1107. }
  1108.  
  1109. .flairselector li.selected {
  1110. border:dashed 1px black;
  1111. }
  1112.  
  1113. .flairselector .title {
  1114. font-size:x-small!important;
  1115. }
  1116.  
  1117. .flairselector form {
  1118. border-top:solid 1px gray;
  1119. clear:both;
  1120. display:block;
  1121. padding-top:4px;
  1122. text-align:center;
  1123. }
  1124.  
  1125. .flairoptionpane {
  1126. margin-bottom:4px;
  1127. max-height:200px;
  1128. overflow:auto;
  1129. text-align:center;
  1130. }
  1131.  
  1132. .flairselector .customizer {
  1133. display:inline-block;
  1134. }
  1135.  
  1136. .flairselector .customizer input {
  1137. display:none;
  1138. }
  1139.  
  1140. .flairselector .customizer button {
  1141. display:inline!important;
  1142. }
  1143.  
  1144. .flairselector .flairremove {
  1145. display:none;
  1146. }
  1147.  
  1148. .media-button .option {
  1149. color:red;
  1150. }
  1151.  
  1152. .media-button .option.active {
  1153. background:transparent none no-repeat scroll right center;
  1154. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  1155. background-position:-72px -629px;
  1156. background-repeat:no-repeat;
  1157. padding-right:15px;
  1158. color:#336699;
  1159. }
  1160.  
  1161. .embededmedia {
  1162. margin-top:5px;
  1163. margin-left:60px;
  1164. }
  1165.  
  1166. .thing .title {
  1167. color:blue;
  1168. margin-right:.4em;
  1169. padding:0;
  1170. overflow:hidden;
  1171. }
  1172.  
  1173. .thing .title:visited {
  1174. color:#551a8b;
  1175. }
  1176.  
  1177. .thing .title.click {
  1178. color:#551a8b;
  1179. }
  1180.  
  1181. .thing .title.loggedin {
  1182. color:blue;
  1183. }
  1184.  
  1185. .thing .title.loggedin:visited {
  1186. color:#551a8b;
  1187. }
  1188.  
  1189. .thing .title.loggedin.click {
  1190. color:#551a8b;
  1191. }
  1192.  
  1193. .thing .title.loggedin.click:visited {
  1194. color:#551a8b;
  1195. }
  1196.  
  1197. .sitetable {
  1198. list-style-type:none;
  1199. }
  1200.  
  1201. .ajaxhook {
  1202. position:absolute;
  1203. top:-1000px;
  1204. left:0;
  1205. }
  1206.  
  1207. .nextprev {
  1208. color:gray;
  1209. font-size:larger;
  1210. margin-top:10px;
  1211. }
  1212.  
  1213. .nextprev a {
  1214. padding:1px 4px;
  1215. background:#eee;
  1216. border:1px solid #ddd;
  1217. border-radius:3px;
  1218. }
  1219.  
  1220. .nextprev a:hover {
  1221. background:#f0f0f0;
  1222. border:1px solid #82A6C9;
  1223. }
  1224.  
  1225. .nextprev a:active {
  1226. background:#e4e4e4;
  1227. }
  1228.  
  1229. .nextprev .separator {
  1230. margin:0;
  1231. margin-left:.5em;
  1232. padding-left:.5em;
  1233. border-left:1px solid #ccc;
  1234. }
  1235.  
  1236. .help a.help {
  1237. color:#808080;
  1238. text-decoration:underline;
  1239. }
  1240.  
  1241. .help.help-cover {
  1242. position:relative;
  1243. background-color:#F8F8F8;
  1244. border:1px solid gray;
  1245. display:none;
  1246. padding:5px 10px 10px;
  1247. overflow:hidden;
  1248. }
  1249.  
  1250. .help p,.help form {
  1251. margin:5px;
  1252. font-size:110%;
  1253. }
  1254.  
  1255. .help form {
  1256. display:inline;
  1257. }
  1258.  
  1259. .help-hoverable {
  1260. cursor:help;
  1261. }
  1262.  
  1263. .help-bubble {
  1264. display:none;
  1265. position:absolute;
  1266. width:35em;
  1267. background:white;
  1268. color:#333;
  1269. border:1px solid gray;
  1270. padding:3px;
  1271. box-shadow:0 2px 10px rgba(0,0,0,.25);
  1272. }
  1273.  
  1274. .help-bubble p,.help-bubble form {
  1275. margin:.5em;
  1276. }
  1277.  
  1278. .help-bubble:before,.help-bubble:after {
  1279. position:absolute;
  1280. right:8px;
  1281. display:block;
  1282. content:'';
  1283. border:9px solid transparent;
  1284. }
  1285.  
  1286. .help-bubble:before {
  1287. top:-19px;
  1288. border-bottom-color:gray;
  1289. }
  1290.  
  1291. .help-bubble:after {
  1292. top:-18px;
  1293. border-bottom-color:white;
  1294. }
  1295.  
  1296. .help-bubble a:hover {
  1297. text-decoration:underline;
  1298. }
  1299.  
  1300. .infotext {
  1301. border:1px solid #369;
  1302. background-color:#EFF7FF;
  1303. -webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0px 1px 0 hsla(0,0%,100%,.6);
  1304. -moz-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0px 1px 0 hsla(0,0%,100%,.6);
  1305. box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0px 1px 0 hsla(0,0%,100%,.6);
  1306. }
  1307.  
  1308. .infotext p {
  1309. font-size:small;
  1310. margin:5px;
  1311. }
  1312.  
  1313. .wiki-page-content {
  1314. margin:15px;
  1315. }
  1316.  
  1317. .wiki-page-content .pagelisting {
  1318. font-size:1.2em;
  1319. font-weight:bold;
  1320. color:black;
  1321. padding-left:25px;
  1322. }
  1323.  
  1324. .wiki-page-content .description h2 {
  1325. color:#222;
  1326. }
  1327.  
  1328. .wiki-page-content .description {
  1329. padding-bottom:5px;
  1330. }
  1331.  
  1332. .wikirevisionlisting .generic-table {
  1333. width:100%;
  1334. }
  1335.  
  1336. .wikititle strong {
  1337. font-weight:bold;
  1338. }
  1339.  
  1340. .wikititle {
  1341. margin-left:15px;
  1342. color:#666;
  1343. }
  1344.  
  1345. .wiki-page .md {
  1346. word-wrap:break-word;
  1347. max-width:none;
  1348. }
  1349.  
  1350. .wiki-page .fancy-settings .toggle {
  1351. display:inline-block;
  1352. padding-right:15px;
  1353. }
  1354.  
  1355. .wiki-page input {
  1356. margin:5px;
  1357. padding:2px;
  1358. margin-left:0;
  1359. }
  1360.  
  1361. .wiki-page-content {
  1362. margin-right:325px;
  1363. }
  1364.  
  1365. .discussionlink {
  1366. display:inline-block;
  1367. margin-left:15px;
  1368. padding-right:50px;
  1369. margin-top:5px;
  1370. }
  1371.  
  1372. .discussionlink a {
  1373. padding-left:15px;
  1374. }
  1375.  
  1376. .wikirevisionlisting table tr td {
  1377. padding-right:15px;
  1378. }
  1379.  
  1380. .wiki-page .pagelisting ul {
  1381. list-style:disc;
  1382. padding:2px;
  1383. padding-left:10px;
  1384. }
  1385.  
  1386. #wiki_revision_reason {
  1387. width:100%;
  1388. }
  1389.  
  1390. .wiki-page .revision {
  1391. transition:opacity 500ms;
  1392. -o-transition:opacity 500ms;
  1393. -ms-transition:opacity 500ms;
  1394. -moz-transition:opacity 500ms;
  1395. -webkit-transition:opacity 500ms;
  1396. }
  1397.  
  1398. .wiki-page .revision.hidden {
  1399. opacity:.5;
  1400. }
  1401.  
  1402. .wikiaction-revisions::before {
  1403. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  1404. background-position:-34px -612px;
  1405. background-repeat:no-repeat;
  1406. }
  1407.  
  1408. .wikiaction-pages::before {
  1409. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  1410. background-position:-102px -578px;
  1411. background-repeat:no-repeat;
  1412. }
  1413.  
  1414. .pageactions {
  1415. display:inline-block;
  1416. font-size:larger;
  1417. margin-left:25px;
  1418. border-radius:5px;
  1419. border:1px solid #8D9CAA;
  1420. vertical-align:middle;
  1421. }
  1422.  
  1423. .wikiaction {
  1424. display:inline-block;
  1425. margin:2px;
  1426. padding-top:2px;
  1427. padding-bottom:3px;
  1428. border-radius:3px;
  1429. }
  1430.  
  1431. .wikititle {
  1432. display:inline;
  1433. vertical-align:middle;
  1434. }
  1435.  
  1436. .pageactions .wikiaction {
  1437. padding-right:10px;
  1438. padding-left:10px;
  1439. }
  1440.  
  1441. .pageactions .wikiaction:hover {
  1442. background-color:#CEE3F8;
  1443. }
  1444.  
  1445. .pageactions .wikiaction-current:hover {
  1446. background-color:#5F99CF;
  1447. }
  1448.  
  1449. .pageactions .wikiaction-current {
  1450. color:white;
  1451. background-color:#5F99CF;
  1452. }
  1453.  
  1454. .md.wiki>.toc>ul {
  1455. float:right;
  1456. padding:10px 25px;
  1457. margin-right:0;
  1458. border:1px solid #8D9CAA;
  1459. list-style:none;
  1460. }
  1461.  
  1462. .md.wiki>.toc>ul ul {
  1463. margin:4px 0;
  1464. padding-left:25px;
  1465. border-left:1px dotted #cce;
  1466. list-style:none;
  1467. }
  1468.  
  1469. .md.wiki p,.md.wiki blockquote {
  1470. margin:.75em 0;
  1471. }
  1472.  
  1473. .md.wiki blockquote {
  1474. padding-left:1em;
  1475. }
  1476.  
  1477. .md.wiki h1,.md.wiki h2,.md.wiki h3,.md.wiki h4,.md.wiki h5,.md.wiki h6 {
  1478. font-weight:bold;
  1479. color:black;
  1480. margin-bottom:.25em;
  1481. margin-top:.5em;
  1482. }
  1483.  
  1484. .md.wiki h1 {
  1485. margin-top:.75em;
  1486. font-size:2.4em;
  1487. }
  1488.  
  1489. .md.wiki ul:first-child+h1 {
  1490. margin-top:0;
  1491. }
  1492.  
  1493. .md.wiki h2 {
  1494. margin-top:.75em;
  1495. font-size:1.8em;
  1496. }
  1497.  
  1498. .md.wiki h3 {
  1499. font-size:1.6em;
  1500. }
  1501.  
  1502. .md.wiki h4 {
  1503. font-size:1.4em;
  1504. color:#333;
  1505. }
  1506.  
  1507. .md.wiki h5 {
  1508. font-size:1.2em;
  1509. color:#444;
  1510. }
  1511.  
  1512. .md.wiki h6 {
  1513. font-size:1.05em;
  1514. color:#666;
  1515. }
  1516.  
  1517. .organic-listing {
  1518. border:solid 1px gray;
  1519. padding:0;
  1520. overflow:hidden;
  1521. position:relative;
  1522. min-height:50px;
  1523. }
  1524.  
  1525. .organic-listing .link {
  1526. background-color:#F8F8F8;
  1527. }
  1528.  
  1529. .organic-listing .link,.organic-listing .link.promotedlink {
  1530. padding:5px 7em 10px 2px;
  1531. margin-bottom:0;
  1532. }
  1533.  
  1534. .organic-listing .nextprev {
  1535. margin:0;
  1536. position:absolute;
  1537. right:0;
  1538. top:0;
  1539. vertical-align:top;
  1540. }
  1541.  
  1542. .organic-listing .nextprev .arrow {
  1543. width:21px;
  1544. height:21px;
  1545. margin:5px 5px 2px 0;
  1546. border:solid 1px #B3B3B3;
  1547. display:inline-block;
  1548. position:relative;
  1549. text-indent:50px;
  1550. }
  1551.  
  1552. .organic-listing .nextprev .arrow.prev {
  1553. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  1554. background-position:-68px -537px;
  1555. background-repeat:no-repeat;
  1556. }
  1557.  
  1558. .organic-listing .nextprev .arrow.next {
  1559. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  1560. background-position:-48px -537px;
  1561. background-repeat:no-repeat;
  1562. }
  1563.  
  1564. .organic-listing .nextprev .arrow:hover {
  1565. cursor:pointer;
  1566. border:solid 1px #336699;
  1567. }
  1568.  
  1569. .organic-listing .nextprev .arrow:active {
  1570. top:1px;
  1571. }
  1572.  
  1573. .organic-listing .help {
  1574. color:#336699;
  1575. margin:0 5px 5px 0;
  1576. position:absolute;
  1577. right:-1px;
  1578. bottom:0;
  1579. }
  1580.  
  1581. .link.promotedlink {
  1582. border:1px solid gray;
  1583. padding:5px 0 5px 3px;
  1584. overflow:hidden;
  1585. position:relative;
  1586. }
  1587.  
  1588. .link.promotedlink.unpaid {
  1589. background-color:#FFC;
  1590. }
  1591.  
  1592. .link.promotedlink.unseen {
  1593. background-color:#FFC;
  1594. }
  1595.  
  1596. .link.promotedlink.accepted {
  1597. background-color:#9F9;
  1598. }
  1599.  
  1600. .link.promotedlink.rejected {
  1601. background-color:#FF9A9A;
  1602. }
  1603.  
  1604. .link.promotedlink.accepted {
  1605. background-color:#9F9;
  1606. }
  1607.  
  1608. .link.promotedlink.pending {
  1609. background-color:#BFC;
  1610. }
  1611.  
  1612. .link.promotedlink.promoted {
  1613. background-color:#EFF7FF;
  1614. }
  1615.  
  1616. .link.promotedlink.finished {
  1617. background-color:#DDD;
  1618. }
  1619.  
  1620. #promo-form+form #img-preview-container {
  1621. display:none;
  1622. }
  1623.  
  1624. .rejection-form textarea {
  1625. width:40em;
  1626. height:10em;
  1627. }
  1628.  
  1629. .promoted-list {
  1630. font-size:larger;
  1631. }
  1632.  
  1633. .promoted-list .unpromote-button {
  1634. display:inline;
  1635. }
  1636.  
  1637. .promoted-list .unpromote-button a {
  1638. color:gray;
  1639. }
  1640.  
  1641. .help-cover.promoted {
  1642. background-color:#EFF7FF;
  1643. }
  1644.  
  1645. .organic-listing .promoted {
  1646. background-color:#EFF7FF;
  1647. border:none;
  1648. }
  1649.  
  1650. .organic-listing .sponsored-tagline {
  1651. right:6.8em;
  1652. }
  1653.  
  1654. .sponsored-tagline {
  1655. color:#808080;
  1656. bottom:0;
  1657. margin:0 5px 5px 0;
  1658. position:absolute;
  1659. font-weight:bold;
  1660. right:0;
  1661. }
  1662.  
  1663. .promote-pixel {
  1664. position:absolute;
  1665. top:-1000px;
  1666. right:-1000px;
  1667. }
  1668.  
  1669. .organic-help-button {
  1670. padding:0 .5ex;
  1671. }
  1672.  
  1673. .menuarea {
  1674. border-bottom:1px dotted gray;
  1675. padding:5px 10px;
  1676. margin:5px;
  1677. overflow:hidden;
  1678. font-size:larger;
  1679. }
  1680.  
  1681. .menuarea .spacer {
  1682. display:inline;
  1683. margin-right:15px;
  1684. }
  1685.  
  1686. .panestack-title {
  1687. margin:10px 310px 0 10px;
  1688. padding-bottom:3px;
  1689. border-bottom:1px dotted gray;
  1690. }
  1691.  
  1692. .panestack-title .title {
  1693. font-size:16px;
  1694. font-weight:normal;
  1695. margin:10px 0;
  1696. }
  1697.  
  1698. .panestack-title a.title-button {
  1699. font-size:12px;
  1700. margin-left:8px;
  1701. }
  1702.  
  1703. .panestack-title a.title-button.gold {
  1704. background-color:#fff088;
  1705. color:#6a4d00;
  1706. border:1px solid #9a7d2e;
  1707. padding:1px 5px;
  1708. border-radius:3px;
  1709. }
  1710.  
  1711. .commentarea h1 {
  1712. margin:10px 310px 0 10px;
  1713. padding-bottom:3px;
  1714. border-bottom:1px dotted gray;
  1715. }
  1716.  
  1717. .commentarea .menuarea {
  1718. border:none;
  1719. margin:0 310px 10px 10px;
  1720. padding:0;
  1721. color:gray;
  1722. }
  1723.  
  1724. .commentarea .menuarea .toggle {
  1725. display:inline-block;
  1726. }
  1727.  
  1728. .commentarea .menuarea .toggle a {
  1729. color:gray;
  1730. font-weight:bold;
  1731. font-size:x-small;
  1732. }
  1733.  
  1734. .commentarea>.usertext {
  1735. margin:0 0 10px 10px;
  1736. overflow:auto;
  1737. }
  1738.  
  1739. .infobar {
  1740. background-color:#f6e69f;
  1741. padding:5px 10px;
  1742. margin:5px 305px 5px 0;
  1743. border:1px solid orange;
  1744. font-size:small;
  1745. }
  1746.  
  1747. .infobar img {
  1748. display:inline;
  1749. vertical-align:middle;
  1750. }
  1751.  
  1752. .infobar.red {
  1753. padding:5px;
  1754. background-color:#FFAEAE;
  1755. border-color:red;
  1756. }
  1757.  
  1758. .infobar.red img {
  1759. float:left;
  1760. margin-right:5px;
  1761. }
  1762.  
  1763. .infobar.mellow {
  1764. background-color:#eff8ff;
  1765. border:1px solid #bfe0ff;
  1766. }
  1767.  
  1768. .md {
  1769. max-width:60em;
  1770. overflow:auto;
  1771. font-size:small;
  1772. }
  1773.  
  1774. .md p,.md h1 {
  1775. margin:5px 0;
  1776. }
  1777.  
  1778. .md h1 {
  1779. font-weight:normal;
  1780. font-size:100%;
  1781. }
  1782.  
  1783. .md>* {
  1784. margin-bottom:0;
  1785. }
  1786.  
  1787. .md strong {
  1788. font-weight:bold;
  1789. }
  1790.  
  1791. .md em {
  1792. font-style:italic;
  1793. }
  1794.  
  1795. .md strong em {
  1796. font-style:italic;
  1797. font-weight:bold;
  1798. }
  1799.  
  1800. .md img {
  1801. display:none;
  1802. }
  1803.  
  1804. .md.wiki img {
  1805. display:block;
  1806. }
  1807.  
  1808. .md ol,.md ul {
  1809. margin:10px 2em;
  1810. }
  1811.  
  1812. .md ul {
  1813. list-style:disc outside;
  1814. }
  1815.  
  1816. .md ol {
  1817. list-style:decimal outside;
  1818. }
  1819.  
  1820. .md pre {
  1821. margin:10px;
  1822. }
  1823.  
  1824. .md blockquote,.help blockquote {
  1825. border-left:2px solid #369;
  1826. padding-left:4px;
  1827. margin:5px;
  1828. margin-right:15px;
  1829. }
  1830.  
  1831. .md td,.md th {
  1832. border:1px solid #EEE;
  1833. padding:1px 3px;
  1834. }
  1835.  
  1836. .md th {
  1837. font-weight:bold;
  1838. }
  1839.  
  1840. .md table {
  1841. margin:5px 10px;
  1842. }
  1843.  
  1844. .md center {
  1845. text-align:left;
  1846. }
  1847.  
  1848. a.star {
  1849. text-decoration:none;
  1850. color:#ff8b60;
  1851. }
  1852.  
  1853. .odd {
  1854. }
  1855.  
  1856. .even {
  1857. }
  1858.  
  1859. .entry .buttons li {
  1860. display:inline;
  1861. border:none;
  1862. padding-right:4px;
  1863. }
  1864.  
  1865. .entry .buttons li+li {
  1866. padding-left:4px;
  1867. }
  1868.  
  1869. .entry .buttons li.stamp+li.stamp {
  1870. margin-left:4px;
  1871. }
  1872.  
  1873. .entry .buttons li a {
  1874. color:#888;
  1875. font-weight:bold;
  1876. padding:0 1px;
  1877. }
  1878.  
  1879. .entry .buttons li a.nonbutton {
  1880. color:#369;
  1881. font-weight:normal;
  1882. }
  1883.  
  1884. .entry .buttons a:hover {
  1885. text-decoration:underline;
  1886. }
  1887.  
  1888. .entry .buttons .status-msg {
  1889. display:none;
  1890. margin-right:.5em;
  1891. }
  1892.  
  1893. .toggle .error {
  1894. font-size:x-small;
  1895. }
  1896.  
  1897. .toggle .option {
  1898. display:none;
  1899. }
  1900.  
  1901. .toggle .option.active {
  1902. display:inline;
  1903. }
  1904.  
  1905. .thing .stub {
  1906. display:none;
  1907. }
  1908.  
  1909. .link.last-clicked {
  1910. border:1px dashed gray;
  1911. }
  1912.  
  1913. .link {
  1914. margin:0;
  1915. margin-bottom:8px;
  1916. padding-left:3px;
  1917. }
  1918.  
  1919. .link .score {
  1920. text-align:center;
  1921. color:#c6c6c6;
  1922. }
  1923.  
  1924. .link .title {
  1925. font-size:medium;
  1926. font-weight:normal;
  1927. margin-bottom:1px;
  1928. }
  1929.  
  1930. .link .child h3 {
  1931. margin:15px;
  1932. text-transform:none;
  1933. font-size:medium;
  1934. }
  1935.  
  1936. .rank {
  1937. overflow:hidden;
  1938. }
  1939.  
  1940. .link .midcol {
  1941. font-weight:bold;
  1942. font-size:small;
  1943. }
  1944.  
  1945. .link .score.likes {
  1946. color:#FF8B60;
  1947. }
  1948.  
  1949. .link .score.dislikes {
  1950. color:#9494FF;
  1951. }
  1952.  
  1953. .link .rank {
  1954. float:left;
  1955. margin-top:15px;
  1956. color:#c6c6c6;
  1957. font-family:arial;
  1958. font-size:medium;
  1959. text-align:right;
  1960. }
  1961.  
  1962. .compressed {
  1963. margin-bottom:5px;
  1964. }
  1965.  
  1966. .compressed .rank {
  1967. margin-top:10px;
  1968. }
  1969.  
  1970. .compressed .title {
  1971. margin:-2px 0 3px;
  1972. }
  1973.  
  1974. .compressed .score {
  1975. color:#888888;
  1976. }
  1977.  
  1978. .compressed .score-placeholder {
  1979. height:3px;
  1980. }
  1981.  
  1982. .compressed .subreddit {
  1983. font-weight:bold;
  1984. }
  1985.  
  1986. .compressed .tagline {
  1987. display:inline;
  1988. margin-right:12px;
  1989. }
  1990.  
  1991. .compressed .expando-button {
  1992. display:none;
  1993. }
  1994.  
  1995. .score.likes,.score.dislikes {
  1996. display:none;
  1997. }
  1998.  
  1999. .likes .score,.dislikes .score {
  2000. display:none;
  2001. }
  2002.  
  2003. .likes .score.likes {
  2004. display:inline;
  2005. }
  2006.  
  2007. .dislikes .score.dislikes {
  2008. display:inline;
  2009. }
  2010.  
  2011. .likes div.score.likes {
  2012. display:block;
  2013. }
  2014.  
  2015. .dislikes div.score.dislikes {
  2016. display:block;
  2017. }
  2018.  
  2019. .warm-entry .rank {
  2020. color:#EDA179;
  2021. }
  2022.  
  2023. .hot-entry .rank {
  2024. color:#E47234;
  2025. }
  2026.  
  2027. .cool-entry .rank {
  2028. color:#A5ABFB;
  2029. }
  2030.  
  2031. .cold-entry .rank {
  2032. color:#4959F7;
  2033. }
  2034.  
  2035. .gadget {
  2036. font-size:x-small;
  2037. }
  2038.  
  2039. .gadget .midcol {
  2040. width:15px;
  2041. margin:0;
  2042. }
  2043.  
  2044. .gadget .reddit-link-end {
  2045. clear:left;
  2046. padding-top:10px;
  2047. }
  2048.  
  2049. .gadget .click-gadget {
  2050. font-size:small;
  2051. }
  2052.  
  2053. .gadget small {
  2054. color:gray;
  2055. }
  2056.  
  2057. .gadget .reddit-entry {
  2058. margin-left:20px;
  2059. }
  2060.  
  2061. .gadget .right {
  2062. text-align:right;
  2063. }
  2064.  
  2065. .comment,.content .details {
  2066. margin-left:10px;
  2067. }
  2068.  
  2069. .comment .edit-body {
  2070. display:none;
  2071. visibility:hidden;
  2072. }
  2073.  
  2074. .comment .midcol {
  2075. margin-left:0;
  2076. }
  2077.  
  2078. .comment .title {
  2079. font-size:small;
  2080. margin-top:10px;
  2081. }
  2082.  
  2083. .comment .midcol {
  2084. width:15px;
  2085. }
  2086.  
  2087. .comment .author {
  2088. font-weight:bold;
  2089. }
  2090.  
  2091. .comment .collapsed {
  2092. font-size:x-small;
  2093. color:gray;
  2094. font-style:italic;
  2095. padding-left:15px;
  2096. padding-bottom:10px;
  2097. }
  2098.  
  2099. .comment .collapsed a {
  2100. color:gray;
  2101. }
  2102.  
  2103. .comment .expand {
  2104. font-style:normal;
  2105. margin-left:0;
  2106. margin-right:3px;
  2107. padding:1px;
  2108. }
  2109.  
  2110. .comment .expand:hover {
  2111. text-decoration:none;
  2112. color:white;
  2113. background-color:#369;
  2114. }
  2115.  
  2116. .comment .score {
  2117. font-size:x-small;
  2118. }
  2119.  
  2120. .comment .child,.comment .showreplies {
  2121. margin-top:10px;
  2122. margin-left:15px;
  2123. border-left:1px dotted #DDF;
  2124. }
  2125.  
  2126. .comment .showreplies {
  2127. display:block;
  2128. margin-top:7px;
  2129. margin-bottom:15px;
  2130. padding:5px;
  2131. }
  2132.  
  2133. textarea.gray {
  2134. color:gray;
  2135. }
  2136.  
  2137. .deepthread:after {
  2138. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  2139. background-position:0 -644px;
  2140. background-repeat:no-repeat;
  2141. content:" ";
  2142. display:inline-block;
  2143. width:25px;
  2144. height:9px;
  2145. margin:5px 0 0 5px;
  2146. }
  2147.  
  2148. .deepthread a {
  2149. font-size:larger;
  2150. color:#336699;
  2151. }
  2152.  
  2153. .deepthread a:hover {
  2154. text-decoration:underline;
  2155. }
  2156.  
  2157. .morecomments {
  2158. font-size:larger;
  2159. }
  2160.  
  2161. .morecomments a {
  2162. color:#336699;
  2163. }
  2164.  
  2165. .morecomments a:hover {
  2166. text-decoration:underline;
  2167. }
  2168.  
  2169. .morecomments .gray {
  2170. font-weight:normal;
  2171. color:gray;
  2172. }
  2173.  
  2174. .expand-btn {
  2175. font-size:smaller;
  2176. margin:0 5px;
  2177. margin-top:4px;
  2178. display:inline-block;
  2179. }
  2180.  
  2181. .message {
  2182. margin:10px 10px 20px 5px;
  2183. padding-left:5px;
  2184. margin:10px 10px 20px 5px;
  2185. padding:7px;
  2186. }
  2187.  
  2188. .message.focal>.entry .md {
  2189. background-color:#FFFFCC;
  2190. }
  2191.  
  2192. .message .collapsed .head {
  2193. color:#888888;
  2194. font-style:italic;
  2195. }
  2196.  
  2197. .message.message-parent .tagline,.message.message-reply .tagline {
  2198. color:#485;
  2199. }
  2200.  
  2201. .message.message-parent>.entry .noncollapsed,.message.message-reply>.entry .noncollapsed {
  2202. color:#485;
  2203. }
  2204.  
  2205. .message.recipient>.entry .noncollapsed {
  2206. color:black;
  2207. }
  2208.  
  2209. .message.message-reply.recipient>.entry .head,.message.message-parent.recipient>.entry .head {
  2210. color:black;
  2211. font-weight:bold;
  2212. }
  2213.  
  2214. .message.new>.entry .head {
  2215. color:orangered;
  2216. font-weight:bold;
  2217. }
  2218.  
  2219. .message.new>.entry {
  2220. background-color:#F7F7F7;
  2221. border:1px solid #E9E9E9;
  2222. padding:6px;
  2223. }
  2224.  
  2225. .message.new .unread {
  2226. display:none;
  2227. }
  2228.  
  2229. .message .child .message,.message .child .usertext {
  2230. margin-top:10px;
  2231. margin-left:12px;
  2232. }
  2233.  
  2234. .message.was-comment .child .message,.message.was-comment .child .usertext {
  2235. margin-top:0;
  2236. margin-left:0;
  2237. }
  2238.  
  2239. .message .expand {
  2240. display:none;
  2241. }
  2242.  
  2243. .message .entry {
  2244. margin-left:0;
  2245. }
  2246.  
  2247. .message.message-parent .expand {
  2248. display:inline;
  2249. }
  2250.  
  2251. .message.message-parent .child,.message.message-reply .child {
  2252. margin:0;
  2253. padding:0;
  2254. }
  2255.  
  2256. .message.message-parent .child .message,.message.message-reply .child .message {
  2257. margin:0;
  2258. padding:0;
  2259. }
  2260.  
  2261. .message.message-parent .subject {
  2262. margin-bottom:10px;
  2263. }
  2264.  
  2265. .message.message-parent .message .subject {
  2266. display:none;
  2267. }
  2268.  
  2269. .message.message-reply .subject {
  2270. display:none;
  2271. }
  2272.  
  2273. .message.message-reply .entry,.message.message-parent .entry {
  2274. margin-left:10px;
  2275. padding-left:10px;
  2276. padding-bottom:10px;
  2277. border-left:2px dashed #E7E7E7;
  2278. }
  2279.  
  2280. .message .buttons,.message .md {
  2281. margin-left:15px;
  2282. }
  2283.  
  2284. .message .entry .parent {
  2285. border:1px solid #336699;
  2286. max-width:60em;
  2287. margin:3px 10px;
  2288. }
  2289.  
  2290. .message .subject .correspondent {
  2291. background-color:#EFF7FF;
  2292. border:1px solid #336699;
  2293. color:#336699;
  2294. display:inline-block;
  2295. margin-right:10px;
  2296. padding:2px 5px;
  2297. }
  2298.  
  2299. .message .subject .title {
  2300. font-weight:normal;
  2301. font-style:italic;
  2302. margin-left:10px;
  2303. }
  2304.  
  2305. .message .parent-link {
  2306. margin-left:12px;
  2307. padding:0 2px;
  2308. font-weight:bold;
  2309. }
  2310.  
  2311. .message.was-comment .midcol {
  2312. margin-left:0;
  2313. }
  2314.  
  2315. .message.was-comment .buttons,.message.was-comment .parent-link {
  2316. margin-left:0;
  2317. }
  2318.  
  2319. .message.was-comment .md {
  2320. margin-left:2px;
  2321. }
  2322.  
  2323. .message .subject {
  2324. font-weight:bold;
  2325. font-size:larger;
  2326. }
  2327.  
  2328. .clippy img {
  2329. float:left;
  2330. }
  2331.  
  2332. .clippy-bubble {
  2333. background-color:#fffdd7;
  2334. border:solid black 1px;
  2335. width:350px;
  2336. border-radius:5px;
  2337. margin-left:5px;
  2338. margin-bottom:15px;
  2339. padding:7px;
  2340. float:left;
  2341. }
  2342.  
  2343. .clippy-headline {
  2344. font-weight:bold;
  2345. margin-bottom:.5em;
  2346. }
  2347.  
  2348. .clippy-bubble ul {
  2349. list-style-type:disc;
  2350. list-style-image:url(../clippy-bullet.png);
  2351. padding-left:15px;
  2352. }
  2353.  
  2354. .clippy-bubble li {
  2355. margin-top:.5em;
  2356. }
  2357.  
  2358. .subreddit {
  2359. margin-bottom:10px;
  2360. }
  2361.  
  2362. .subreddit p {
  2363. margin-top:0;
  2364. margin-bottom:1px;
  2365. }
  2366.  
  2367. .subreddit .description {
  2368. font-size:small;
  2369. max-width:60em;
  2370. }
  2371.  
  2372. .subreddit .key {
  2373. display:block;
  2374. }
  2375.  
  2376. .subreddit .title {
  2377. font-size:medium;
  2378. margin-right:5px;
  2379. }
  2380.  
  2381. .subreddit .midcol {
  2382. margin-right:5px;
  2383. margin-top:5px;
  2384. text-align:right;
  2385. width:12em;
  2386. }
  2387.  
  2388. .fancy-toggle-button {
  2389. display:block;
  2390. margin-bottom:5px;
  2391. }
  2392.  
  2393. .fancy-toggle-button .active {
  2394. border:1px solid #444;
  2395. padding:1px 6px;
  2396. background:white none repeat-x scroll center left;
  2397. color:white;
  2398. font-size:10px;
  2399. font-weight:bold;
  2400. line-height:20px;
  2401. border-radius:3px;
  2402. }
  2403.  
  2404. .fancy-toggle-button .remove {
  2405. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  2406. background-position:0 -147px;
  2407. background-repeat:repeat;
  2408. }
  2409.  
  2410. .fancy-toggle-button .add {
  2411. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  2412. background-position:0 0;
  2413. background-repeat:repeat;
  2414. }
  2415.  
  2416. .fancy-toggle-button .banned {
  2417. background-color:#666;
  2418. padding:1px 1.9em;
  2419. }
  2420.  
  2421. .commentbody.border {
  2422. background-color:#ffc;
  2423. padding-left:5px;
  2424. }
  2425.  
  2426. .commentbody.grayed {
  2427. color:gray;
  2428. background-color:#E0E0E0;
  2429. padding-left:5px;
  2430. }
  2431.  
  2432. .fixedwidth {
  2433. float:left;
  2434. width:100px;
  2435. height:0;
  2436. }
  2437.  
  2438. .clearleft {
  2439. clear:left;
  2440. height:0;
  2441. }
  2442.  
  2443. .clear {
  2444. clear:both;
  2445. }
  2446.  
  2447. .sharetable.preftable {
  2448. margin-left:20px;
  2449. }
  2450.  
  2451. .sharetable.preftable th {
  2452. padding-bottom:5px;
  2453. padding-top:5px;
  2454. }
  2455.  
  2456. .sharetable.preftable button {
  2457. margin-top:10px;
  2458. }
  2459.  
  2460. .preftable.widget-preview {
  2461. font-size:smaller;
  2462. }
  2463.  
  2464. .preftable.widget-preview input[type="text"] {
  2465. width:150px;
  2466. }
  2467.  
  2468. .preftable #css-options input[type="text"] {
  2469. margin-left:0;
  2470. width:6em;
  2471. }
  2472.  
  2473. .share-summary {
  2474. width:95%;
  2475. margin-top:10px;
  2476. }
  2477.  
  2478. .share-summary .head td {
  2479. width:50%;
  2480. font-size:large;
  2481. text-align:center;
  2482. }
  2483.  
  2484. .share-summary td {
  2485. vertical-align:top;
  2486. }
  2487.  
  2488. .share-summary>tbody>tr>td {
  2489. padding-left:10px;
  2490. padding-bottom:10px;
  2491. }
  2492.  
  2493. .share-summary th {
  2494. padding:5px;
  2495. border-bottom:1px solid #000;
  2496. }
  2497.  
  2498. .sponsored .entry {
  2499. margin-right:20px;
  2500. }
  2501.  
  2502. .sponsored .titlerow {
  2503. background:#fcfcfc;
  2504. padding:10px;
  2505. border-top:#BCBCBC solid 1px;
  2506. border-left:#BCBCBC solid 1px;
  2507. border-bottom:#E0E0E0 solid 1px;
  2508. border-right:#E0E0E0 solid 1px;
  2509. }
  2510.  
  2511. .footer-parent {
  2512. font-size:larger;
  2513. padding-top:40px;
  2514. clear:both;
  2515. text-align:center;
  2516. }
  2517.  
  2518. .footer {
  2519. color:gray;
  2520. padding:5px;
  2521. margin:15px;
  2522. border:1px solid #F0F0F0;
  2523. display:inline-block;
  2524. }
  2525.  
  2526. .footer .col {
  2527. float:left;
  2528. margin:10px 0;
  2529. padding:0 15px;
  2530. border-left:1px solid #E0E0E0;
  2531. height:8.5em;
  2532. }
  2533.  
  2534. .footer .col:first-child {
  2535. border:none;
  2536. }
  2537.  
  2538. .notes-button {
  2539. margin-top:3px;
  2540. }
  2541.  
  2542. .notes-status {
  2543. font-size:larger;
  2544. }
  2545.  
  2546. .load0 {
  2547. background-color:#FFFFFF;
  2548. }
  2549.  
  2550. .load1 {
  2551. background-color:#f0f5FF;
  2552. }
  2553.  
  2554. .load2 {
  2555. background-color:#E2ECFF;
  2556. }
  2557.  
  2558. .load3 {
  2559. background-color:#d6f5cb;
  2560. }
  2561.  
  2562. .load4 {
  2563. background-color:#CAFF98;
  2564. }
  2565.  
  2566. .load5 {
  2567. background-color:#e4f484;
  2568. }
  2569.  
  2570. .load6 {
  2571. background-color:#FFEA71;
  2572. }
  2573.  
  2574. .load7 {
  2575. background-color:#ffdb81;
  2576. }
  2577.  
  2578. .load8 {
  2579. background-color:#FF9191;
  2580. }
  2581.  
  2582. .load9 {
  2583. background-color:#FF0000;
  2584. color:#FFFFFF;
  2585. }
  2586.  
  2587. .orangered {
  2588. color:orangered;
  2589. }
  2590.  
  2591. .logout {
  2592. display:inline;
  2593. }
  2594.  
  2595. .login-form-side {
  2596. border:1px solid gray;
  2597. }
  2598.  
  2599. .login-form-side input[type=text],.login-form-side input[type=password] {
  2600. border:1px solid #999;
  2601. width:137px;
  2602. height:17px;
  2603. margin:5px 0 0 5px;
  2604. top:5px;
  2605. padding:1px;
  2606. }
  2607.  
  2608. .login-form-side input[type=password] {
  2609. width:138px;
  2610. }
  2611.  
  2612. .login-form-side #remember-me,.login-form-side .submit {
  2613. margin:4px;
  2614. }
  2615.  
  2616. .login-form-side .submit input[type=button] {
  2617. margin:1px;
  2618. }
  2619.  
  2620. .login-form-side #remember-me {
  2621. float:left;
  2622. line-height:24px;
  2623. }
  2624.  
  2625. .login-form-side #remember-me * {
  2626. vertical-align:middle;
  2627. }
  2628.  
  2629. #rem-login-main {
  2630. position:static;
  2631. height:auto;
  2632. width:auto;
  2633. border:none;
  2634. margin-right:5px;
  2635. margin-top:0;
  2636. }
  2637.  
  2638. .login-form-side label {
  2639. padding:2px 0;
  2640. margin-right:5px;
  2641. white-space:nowrap;
  2642. }
  2643.  
  2644. .login-form-side .recover-password {
  2645. margin-left:1em;
  2646. }
  2647.  
  2648. .login-form-side .status {
  2649. display:none;
  2650. }
  2651.  
  2652. .login-form-side .submit {
  2653. float:right;
  2654. }
  2655.  
  2656. .login-form-side .submit *,.user-form .submit * {
  2657. vertical-align:middle;
  2658. }
  2659.  
  2660. .throbber {
  2661. display:none;
  2662. margin:0 2px;
  2663. background:url(../throbber.gif) no-repeat;
  2664. width:18px;
  2665. height:18px;
  2666. }
  2667.  
  2668. .working .throbber {
  2669. display:inline-block;
  2670. }
  2671.  
  2672. .status {
  2673. margin:5px 0 0 5px;
  2674. font-size:small;
  2675. }
  2676.  
  2677. .error {
  2678. color:red;
  2679. font-size:small;
  2680. }
  2681.  
  2682. .red {
  2683. color:red;
  2684. }
  2685.  
  2686. .buygold {
  2687. color:#9A7D2E;
  2688. font-weight:bold;
  2689. }
  2690.  
  2691. .line-through {
  2692. text-decoration:line-through;
  2693. }
  2694.  
  2695. #noresults {
  2696. margin-right:310px;
  2697. }
  2698.  
  2699. #ad-frame,#ad_main {
  2700. border:0;
  2701. overflow:hidden;
  2702. width:300px;
  2703. height:280px;
  2704. }
  2705.  
  2706. #ad_sponsorship {
  2707. border:0;
  2708. overflow:hidden;
  2709. width:300px;
  2710. height:100px;
  2711. }
  2712.  
  2713. #searchmenu {
  2714. margin:10px 0 0;
  2715. padding:2px 0 0;
  2716. border-bottom:2px solid #369;
  2717. background-color:whitesmoke;
  2718. }
  2719.  
  2720. #searchmenu .searchlabel {
  2721. background-color:white;
  2722. padding:2px 15px 0 0;
  2723. font-weight:bold;
  2724. color:#369;
  2725. }
  2726.  
  2727. #searchmenu .searchtime {
  2728. font-weight:bold;
  2729. display:inline;
  2730. width:305px;
  2731. }
  2732.  
  2733. #searchexpando {
  2734. display:none;
  2735. margin:5px 0 0;
  2736. border-radius:3px;
  2737. }
  2738.  
  2739. #searchexpando input,#searchexpando p {
  2740. margin-bottom:10px;
  2741. }
  2742.  
  2743. #searchexpando {
  2744. padding-top:10px;
  2745. }
  2746.  
  2747. #searchexpando dl {
  2748. margin:10px 0;
  2749. }
  2750.  
  2751. #searchexpando dt {
  2752. margin:0;
  2753. }
  2754.  
  2755. #previoussearch p {
  2756. margin:5px 0;
  2757. }
  2758.  
  2759. #moresearchinfo {
  2760. display:none;
  2761. padding-top:5px;
  2762. max-width:300px;
  2763. border:0 solid orange;
  2764. margin-top:-5px;
  2765. }
  2766.  
  2767. label+#moresearchinfo {
  2768. border-width:1px 0 0;
  2769. margin-top:0;
  2770. }
  2771.  
  2772. #previoussearch #moresearchinfo {
  2773. border-color:gray;
  2774. margin:5px 0;
  2775. }
  2776.  
  2777. #search_hidemore {
  2778. float:right;
  2779. margin-left:5px;
  2780. }
  2781.  
  2782. .searchparams {
  2783. margin:5px 20px;
  2784. }
  2785.  
  2786. .searchparams .labels {
  2787. text-align:right;
  2788. margin-left:10px;
  2789. }
  2790.  
  2791. .searchpane {
  2792. margin:5px 305px 5px 0;
  2793. padding-left:96px;
  2794. background:#E0E0E0 url(../search-large.png) 26px center no-repeat;
  2795. }
  2796.  
  2797. .searchpane #search input[type=text] {
  2798. }
  2799.  
  2800. .search-summary {
  2801. float:right;
  2802. text-align:right;
  2803. margin:6px 8px 0 0;
  2804. }
  2805.  
  2806. .search-summary .result-count {
  2807. font-weight:bold;
  2808. }
  2809.  
  2810. .searchfail {
  2811. color:#c00000;
  2812. font-size:larger;
  2813. line-height:2em;
  2814. }
  2815.  
  2816. .searchfail a {
  2817. color:red;
  2818. text-decoration:underline;
  2819. }
  2820.  
  2821. .searchfacets {
  2822. overflow:auto;
  2823. font-size:small;
  2824. white-space:pre-wrap;
  2825. border:1px solid gray;
  2826. padding:10px;
  2827. margin-top:-6px;
  2828. box-shadow:0 4px 6px -1px #ccc inset;
  2829. background:#fefefe;
  2830. }
  2831.  
  2832. .searchfacets .title {
  2833. margin:5px;
  2834. }
  2835.  
  2836. .searchfacets .facet:hover {
  2837. text-decoration:underline;
  2838. }
  2839.  
  2840. .searchfacets .list {
  2841. margin:0 0 0 10px;
  2842. }
  2843.  
  2844. li.searchfacet {
  2845. display:inline-block;
  2846. width:15em;
  2847. }
  2848.  
  2849. .facet.count {
  2850. font-weight:bold;
  2851. color:#888888;
  2852. }
  2853.  
  2854. #search input[type='submit'] {
  2855. padding:1px 10px;
  2856. }
  2857.  
  2858. .legal {
  2859. color:#808080;
  2860. font-family:serif;
  2861. font-size:small;
  2862. margin-top:20px;
  2863. }
  2864.  
  2865. .legal a {
  2866. text-decoration:underline;
  2867. }
  2868.  
  2869. .divide {
  2870. border-right:2px solid #D3D3D3;
  2871. margin-right:-2px;
  2872. }
  2873.  
  2874. .login-form-section {
  2875. float:left;
  2876. width:46%;
  2877. padding-left:2%;
  2878. padding-right:2%;
  2879. }
  2880.  
  2881. .login-form-section h3 {
  2882. margin-bottom:0;
  2883. margin-top:10px;
  2884. font-size:large;
  2885. font-weight:bold;
  2886. font-variant:small-caps;
  2887. color:#404040;
  2888. }
  2889.  
  2890. .login-form-section p {
  2891. text-align:left;
  2892. margin-bottom:10px;
  2893. color:#606060;
  2894. margin-bottom:20px;
  2895. }
  2896.  
  2897. .user-form label {
  2898. display:block;
  2899. font-weight:bold;
  2900. color:#606060;
  2901. }
  2902.  
  2903. .user-form .error {
  2904. margin-left:5px;
  2905. }
  2906.  
  2907. .user-form .remember {
  2908. display:inline;
  2909. margin-left:5px;
  2910. }
  2911.  
  2912. .user-form ul {
  2913. margin:5px;
  2914. }
  2915.  
  2916. .user-form li {
  2917. margin-top:5px;
  2918. }
  2919.  
  2920. .user-form p .btn {
  2921. margin-top:5px;
  2922. }
  2923.  
  2924. .user-form input.logtxt {
  2925. width:125px;
  2926. }
  2927.  
  2928. .user-form input[type=text],.user-form input[type=password] {
  2929. width:125px;
  2930. border:1px solid #A0A0A0;
  2931. margin-top:2px;
  2932. margin-bottom:2px;
  2933. padding:1px;
  2934. }
  2935.  
  2936. .user-form #captcha {
  2937. width:250px;
  2938. }
  2939.  
  2940. .user-form .submit {
  2941. margin-top:10px;
  2942. }
  2943.  
  2944. #passform h1 {
  2945. margin-bottom:0;
  2946. }
  2947.  
  2948. #passform p {
  2949. margin-bottom:5px;
  2950. font-size:small;
  2951. }
  2952.  
  2953. .register-form .name-entry * {
  2954. vertical-align:middle;
  2955. }
  2956.  
  2957. .notice-taken,.notice-available {
  2958. display:none;
  2959. margin-left:6px;
  2960. line-height:16px;
  2961. }
  2962.  
  2963. .register-form.name-taken .notice-taken,.register-form.name-available .notice-available {
  2964. display:inline-block;
  2965. }
  2966.  
  2967. .register-form .name-entry .throbber {
  2968. display:none;
  2969. margin-left:5px;
  2970. }
  2971.  
  2972. .register-form.name-checking .name-entry .throbber {
  2973. display:inline-block;
  2974. }
  2975.  
  2976. .cover {
  2977. position:fixed;
  2978. top:0;
  2979. left:0;
  2980. height:100%;
  2981. width:100%;
  2982. background-color:gray;
  2983. opacity:.7;
  2984. filter:alpha(opacity=70);
  2985. z-index:1000;
  2986. }
  2987.  
  2988. .popup {
  2989. position:fixed;
  2990. left:10%;
  2991. background-color:white;
  2992. top:40px;
  2993. width:80%;
  2994. text-align:left;
  2995. z-index:1001;
  2996. padding:10px;
  2997. box-shadow:0 5px 15px rgba(0,0,0,.5);
  2998. border-radius:10px;
  2999. }
  3000.  
  3001. .popup h1 {
  3002. font-size:large;
  3003. font-weight:normal;
  3004. margin-left:1em;
  3005. }
  3006.  
  3007. .popup h2 {
  3008. text-align:center;
  3009. font-size:small;
  3010. margin-top:0;
  3011. color:black;
  3012. font-weight:normal;
  3013. }
  3014.  
  3015. .popup .hidecover {
  3016. float:right;
  3017. margin-right:3px;
  3018. }
  3019.  
  3020. .usertable {
  3021. margin-left:10px;
  3022. }
  3023.  
  3024. .usertable {
  3025. font-size:larger;
  3026. }
  3027.  
  3028. .usertable td,.usertable th {
  3029. padding:0 .7em;
  3030. }
  3031.  
  3032. .usertable {
  3033. white-space:nowrap;
  3034. }
  3035.  
  3036. .usertable .moderator.toggle {
  3037. display:inline-block;
  3038. margin:1em 0 .5em;
  3039. padding:11px 15px;
  3040. border:1px solid #bbb;
  3041. border-radius:2px;
  3042. background:#fdffe8;
  3043. }
  3044.  
  3045. .usertable .moderator.toggle .option.main:before {
  3046. margin-right:7px;
  3047. }
  3048.  
  3049. .usertable .moderator.toggle .option {
  3050. display:inline;
  3051. }
  3052.  
  3053. .usertable .moderator.toggle .togglebutton,.usertable .moderator.toggle .error {
  3054. display:none;
  3055. font-size:inherit;
  3056. border-left:1px solid #bbb;
  3057. padding:4px 15px;
  3058. padding-right:0;
  3059. margin-left:10px;
  3060. }
  3061.  
  3062. .usertable .moderator.toggle .active .togglebutton {
  3063. display:inline;
  3064. }
  3065.  
  3066. .usertable .moderator.toggle .error.active {
  3067. display:inline;
  3068. }
  3069.  
  3070. body.rulespage-body {
  3071. overflow-y:scroll;
  3072. }
  3073.  
  3074. .rulespage {
  3075. margin:0 auto;
  3076. position:relative;
  3077. vertical-align:middle;
  3078. width:600px;
  3079. }
  3080.  
  3081. .rulespage h1 {
  3082. font-size:xx-large;
  3083. text-align:center;
  3084. margin-top:20px;
  3085. }
  3086.  
  3087. .rulespage .info {
  3088. font-size:larger;
  3089. padding-top:10px;
  3090. }
  3091.  
  3092. .rulespage .rule-list {
  3093. margin:10px;
  3094. padding:10px;
  3095. font-size:medium;
  3096. }
  3097.  
  3098. .rulespage li {
  3099. border-bottom:1px solid #ddd;
  3100. padding:10px;
  3101. margin:10px;
  3102. -webkit-background-clip:padding-box;
  3103. -moz-background-clip:padding-box;
  3104. background-clip:padding-box;
  3105. }
  3106.  
  3107. .rulespage li.first-rule {
  3108. border-top:1px solid #ddd;
  3109. padding-top:18px;
  3110. }
  3111.  
  3112. .rulespage li#minors {
  3113. padding-bottom:18px;
  3114. }
  3115.  
  3116. .rulespage .expander {
  3117. color:gray;
  3118. cursor:help;
  3119. padding:10px;
  3120. }
  3121.  
  3122. .rulespage .examples {
  3123. font-size:small;
  3124. }
  3125.  
  3126. .rulespage li.example {
  3127. border:none;
  3128. }
  3129.  
  3130. .rulespage li.good-example {
  3131. background:#bcf5a9;
  3132. }
  3133.  
  3134. .rulespage li.bad-example {
  3135. background:#f5a9a9;
  3136. }
  3137.  
  3138. .rulespage em {
  3139. font-weight:bold;
  3140. }
  3141.  
  3142. .rulespage em.toggle {
  3143. font-weight:normal;
  3144. }
  3145.  
  3146. .rulespage .info {
  3147. text-align:center;
  3148. }
  3149.  
  3150. .rulespage img.bottom {
  3151. margin-top:30px;
  3152. text-align:center;
  3153. padding-bottom:-40px;
  3154. }
  3155.  
  3156. .aboutpage {
  3157. margin-right:320px;
  3158. }
  3159.  
  3160. .aboutpage p {
  3161. margin:5px;
  3162. }
  3163.  
  3164. .aboutpage h1,.aboutpage h2 {
  3165. margin:10px;
  3166. }
  3167.  
  3168. .aboutpage .usertable {
  3169. width:45%;
  3170. }
  3171.  
  3172. .little a {
  3173. font-size:x-small;
  3174. }
  3175.  
  3176. .oldbylink a {
  3177. background-color:#F0F0F0;
  3178. margin:2px;
  3179. color:gray;
  3180. }
  3181.  
  3182. .error-log {
  3183. clear:both;
  3184. }
  3185.  
  3186. .error-log a:hover {
  3187. text-decoration:underline;
  3188. }
  3189.  
  3190. .error-log .rest {
  3191. display:none;
  3192. }
  3193.  
  3194. .error-log:first-child .rest {
  3195. display:block;
  3196. }
  3197.  
  3198. .error-log,.error-log .exception {
  3199. border:solid #aaa 1px;
  3200. padding:3px 5px;
  3201. margin-bottom:10px;
  3202. }
  3203.  
  3204. .error-log .exception {
  3205. background-color:#f0f0f8;
  3206. }
  3207.  
  3208. .error-log .exception.new {
  3209. border:dashed #ff6600 2px;
  3210. }
  3211.  
  3212. .error-log .exception.severe {
  3213. border:solid #ff0000 2px;
  3214. background-color:#ffdfdf;
  3215. }
  3216.  
  3217. .error-log .exception.interesting {
  3218. border:dotted black 2px;
  3219. background-color:#e0e0e8;
  3220. }
  3221.  
  3222. .error-log .exception.fixed {
  3223. border:solid #008800 1px;
  3224. background-color:#e8f6e8;
  3225. }
  3226.  
  3227. .error-log .exception span {
  3228. font-weight:bold;
  3229. margin-right:5px;
  3230. }
  3231.  
  3232. .error-log .exception span.normal {
  3233. margin-right:0;
  3234. display:none;
  3235. }
  3236.  
  3237. .error-log .exception span.new,.error-log .edit-area label.new {
  3238. color:#ff6600;
  3239. }
  3240.  
  3241. .error-log .exception span.severe,.error-log .edit-area label.severe {
  3242. color:#ff0000;
  3243. }
  3244.  
  3245. .error-log .exception span.interesting,.error-log .edit-area label.interesting {
  3246. font-weight:normal;
  3247. font-style:italic;
  3248. }
  3249.  
  3250. .error-log .exception span.fixed,.error-log .edit-area label.fixed {
  3251. color:#008800;
  3252. }
  3253.  
  3254. .error-log .exception-name {
  3255. margin-right:5px;
  3256. display:inline-block;
  3257. max-height:50px;
  3258. overflow:hidden;
  3259. }
  3260.  
  3261. .error-log .nickname {
  3262. color:black;
  3263. font-weight:bold;
  3264. font-size:larger;
  3265. }
  3266.  
  3267. .error-log .exception.fixed .nickname {
  3268. text-decoration:line-through;
  3269. }
  3270.  
  3271. .error-log a:focus {
  3272. -moz-outline-style:none;
  3273. }
  3274.  
  3275. .error-log .edit-area {
  3276. border:solid black 1px;
  3277. background-color:#eee;
  3278. }
  3279.  
  3280. .error-log .edit-area label {
  3281. margin-right:25px;
  3282. }
  3283.  
  3284. .error-log .edit-area input[type=radio] {
  3285. margin-right:4px;
  3286. }
  3287.  
  3288. .error-log .edit-area input[type=text] {
  3289. width:800px;
  3290. }
  3291.  
  3292. .error-log .edit-area table td,.error-log .edit-area table th {
  3293. padding:5px 0 0 5px;
  3294. }
  3295.  
  3296. .error-log .save-button {
  3297. margin:0 5px 5px 0;
  3298. font-size:small;
  3299. padding:0;
  3300. }
  3301.  
  3302. .error-log .date {
  3303. font-size:150%;
  3304. font-weight:bold;
  3305. }
  3306.  
  3307. .error-log .hexkey {
  3308. color:#997700;
  3309. }
  3310.  
  3311. .error-log .exception-name {
  3312. font-size:larger;
  3313. color:#000077;
  3314. }
  3315.  
  3316. .error-log .frequency {
  3317. font-size:larger;
  3318. float:right;
  3319. color:#886666;
  3320. }
  3321.  
  3322. .error-log .occurrences {
  3323. border:solid #003300 1px;
  3324. margin:5px 0 2px;
  3325. padding:2px;
  3326. }
  3327.  
  3328. .error-log .occurrence {
  3329. color:#003300;
  3330. font-family:monospace;
  3331. margin-right:3em;
  3332. white-space:nowrap;
  3333. }
  3334.  
  3335. .error-log table.stacktrace th,.error-log table.stacktrace td {
  3336. border:solid 1px #aaa;
  3337. }
  3338.  
  3339. .error-log table.stacktrace td {
  3340. font-family:monospace;
  3341. }
  3342.  
  3343. .error-log table.stacktrace td.col-1 {
  3344. text-align:right;
  3345. padding-right:10px;
  3346. }
  3347.  
  3348. .error-log .logtext.error {
  3349. color:black;
  3350. margin:0 0 10px;
  3351. }
  3352.  
  3353. .error-log .logtext {
  3354. margin-bottom:10px;
  3355. border:solid #555 2px;
  3356. background-color:#eeece6;
  3357. padding:5px;
  3358. font-size:small;
  3359. }
  3360.  
  3361. .error-log .logtext * {
  3362. color:black;
  3363. }
  3364.  
  3365. .error-log .logtext.error .loglevel {
  3366. color:white;
  3367. background-color:red;
  3368. }
  3369.  
  3370. .error-log .logtext.warning .loglevel {
  3371. background-color:#ff6600;
  3372. }
  3373.  
  3374. .error-log .logtext.info .loglevel {
  3375. background-color:#00bbff;
  3376. }
  3377.  
  3378. .error-log .logtext.debug .loglevel {
  3379. background-color:#00ee00;
  3380. }
  3381.  
  3382. .error-log .logtext .loglevel {
  3383. padding:0 5px;
  3384. margin-right:5px;
  3385. border:solid black 1px;
  3386. }
  3387.  
  3388. .error-log .logtext table {
  3389. margin:8px 5px 2px 0;
  3390. font-family:monospace;
  3391. }
  3392.  
  3393. .error-log .logtext table,.error-log .logtext table th,.error-log .logtext table td {
  3394. border:solid #aaa 1px;
  3395. }
  3396.  
  3397. .error-log .logtext table th,.error-log .logtext table td {
  3398. border:solid #aaa 1px;
  3399. }
  3400.  
  3401. .error-log .logtext table .occ {
  3402. text-align:right;
  3403. }
  3404.  
  3405. .error-log .logtext table .dotdotdot {
  3406. padding:0;
  3407. }
  3408.  
  3409. .error-log .logtext table .dotdotdot a {
  3410. margin:0;
  3411. display:block;
  3412. width:100%;
  3413. height:100%;
  3414. background-color:#e0e0e0;
  3415. }
  3416.  
  3417. .error-log .logtext table .dotdotdot a:hover {
  3418. background-color:#bbb;
  3419. text-decoration:none;
  3420. }
  3421.  
  3422. .error-log .logtext .classification {
  3423. font-size:larger;
  3424. font-weight:bold;
  3425. }
  3426.  
  3427. .error-log .logtext .actual-text {
  3428. max-width:600px;
  3429. overflow:hidden;
  3430. }
  3431.  
  3432. .error-log .logtext .occ {
  3433. }
  3434.  
  3435. .details {
  3436. font-size:x-small;
  3437. margin-bottom:10px;
  3438. }
  3439.  
  3440. .details span {
  3441. margin:0 5px;
  3442. }
  3443.  
  3444. .details th {
  3445. text-align:right;
  3446. padding-right:5px;
  3447. font-weight:bold;
  3448. }
  3449.  
  3450. .details td {
  3451. vertical-align:top;
  3452. }
  3453.  
  3454. .ring {
  3455. font-weight:bold;
  3456. background-color:red;
  3457. color:white;
  3458. text-align:center;
  3459. padding-left:3px;
  3460. padding-right:4px!important;
  3461. cursor:pointer;
  3462. }
  3463.  
  3464. .vote-note {
  3465. padding-left:3px;
  3466. max-width:150px;
  3467. }
  3468.  
  3469. .vote-a-notes {
  3470. color:red;
  3471. }
  3472.  
  3473. .vote-up {
  3474. color:orangered;
  3475. }
  3476.  
  3477. .vote-down {
  3478. color:#336699;
  3479. }
  3480.  
  3481. .vote-invalid {
  3482. color:#888888!important;
  3483. font-style:italic;
  3484. }
  3485.  
  3486. .unvotable-message {
  3487. border:solid 1px #ff6600;
  3488. margin-top:4px;
  3489. padding:1px 3px;
  3490. border-radius:3px;
  3491. display:none;
  3492. }
  3493.  
  3494. .bottommenu {
  3495. color:gray;
  3496. font-size:smaller;
  3497. clear:both;
  3498. }
  3499.  
  3500. .bottommenu a {
  3501. color:gray;
  3502. text-decoration:underline;
  3503. }
  3504.  
  3505. .debuginfo {
  3506. text-align:right;
  3507. padding:5px;
  3508. color:gray;
  3509. font-size:smaller;
  3510. clear:both;
  3511. }
  3512.  
  3513. .debuginfo .icon {
  3514. color:#a0a0a0;
  3515. font:1.5em serif;
  3516. padding:0 2px;
  3517. }
  3518.  
  3519. .debuginfo .content {
  3520. display:none;
  3521. }
  3522.  
  3523. .debuginfo:hover .content {
  3524. display:inline;
  3525. }
  3526.  
  3527. .button {
  3528. border-collapse:collapse;
  3529. color:gray;
  3530. text-align:center;
  3531. margin:1px;
  3532. color:#369;
  3533. }
  3534.  
  3535. button.button[disabled] {
  3536. color:gray;
  3537. }
  3538.  
  3539. .button #cover {
  3540. position:relative;
  3541. }
  3542.  
  3543. .button .cover {
  3544. background:white;
  3545. }
  3546.  
  3547. .button #popup {
  3548. position:absolute;
  3549. width:80%;
  3550. z-index:1001;
  3551. background:white;
  3552. padding:1px;
  3553. left:0;
  3554. top:0;
  3555. margin:0;
  3556. border-color:#B2B2B2 black black #B2B2B2;
  3557. border-style:solid;
  3558. border-width:1px;
  3559. }
  3560.  
  3561. .button .arrow {
  3562. width:15px;
  3563. }
  3564.  
  3565. .num {
  3566. font-weight:bold;
  3567. font-size:larger;
  3568. }
  3569.  
  3570. .button.thing {
  3571. margin:0;
  3572. padding:0;
  3573. }
  3574.  
  3575. .button-body {
  3576. background-color:transparent;
  3577. }
  3578.  
  3579. .button .blog {
  3580. border:1px solid #c7def7;
  3581. color:gray;
  3582. text-align:center;
  3583. margin:0;
  3584. border-radius:4px;
  3585. background-color:white;
  3586. }
  3587.  
  3588. .button .blog .r {
  3589. color:gray;
  3590. }
  3591.  
  3592. .button .blog .score {
  3593. white-space:nowrap;
  3594. }
  3595.  
  3596. .button a:hover {
  3597. text-decoration:underline;
  3598. }
  3599.  
  3600. .button .blog1 {
  3601. font-size:x-small;
  3602. }
  3603.  
  3604. .button .blog1 .arrow {
  3605. float:left;
  3606. margin-left:2px;
  3607. margin-right:2px;
  3608. }
  3609.  
  3610. .button .blog1 .headimgcell {
  3611. background-color:#c7def7;
  3612. width:18px;
  3613. float:left;
  3614. }
  3615.  
  3616. .button .blog1 .headimgcell a {
  3617. display:inline-block;
  3618. }
  3619.  
  3620. .button .blog1 .score {
  3621. float:center;
  3622. margin-top:2px;
  3623. margin-right:5px;
  3624. }
  3625.  
  3626. .button .blog2 {
  3627. font-size:small;
  3628. }
  3629.  
  3630. .button .blog2 .arrow {
  3631. width:15px;
  3632. margin-left:auto;
  3633. margin-right:auto;
  3634. }
  3635.  
  3636. .button .blog2 .bottomreddit {
  3637. color:black;
  3638. background-color:#c7def7;
  3639. font-size:small;
  3640. }
  3641.  
  3642. .button .blog2 .score .submit {
  3643. display:block;
  3644. font-size:x-small;
  3645. line-height:17px;
  3646. }
  3647.  
  3648. .button .blog.blog3 {
  3649. font-size:small;
  3650. border:none;
  3651. background-color:transparent;
  3652. }
  3653.  
  3654. .button .blog3 .left {
  3655. float:left;
  3656. width:50%;
  3657. }
  3658.  
  3659. .button .blog2 .arrow {
  3660. width:15px;
  3661. margin-left:auto;
  3662. margin-right:auto;
  3663. }
  3664.  
  3665. .button .blog3 .right {
  3666. float:right;
  3667. margin-top:5px;
  3668. }
  3669.  
  3670. .button .blog3 .score .submit {
  3671. display:block;
  3672. font-size:x-small;
  3673. line-height:17px;
  3674. }
  3675.  
  3676. .button .blog3 .snoo {
  3677. margin-top:-1px;
  3678. }
  3679.  
  3680. .blog5 .right {
  3681. float:right;
  3682. }
  3683.  
  3684. .blog5 .left {
  3685. float:left;
  3686. display:block;
  3687. margin-top:10px;
  3688. }
  3689.  
  3690. .blog5 .clearleft {
  3691. clear:left;
  3692. }
  3693.  
  3694. .button .blog.blog5 {
  3695. border:none;
  3696. text-align:left;
  3697. font-size:small;
  3698. }
  3699.  
  3700. .blog5 a.bling {
  3701. float:left;
  3702. }
  3703.  
  3704. .blog5 .container {
  3705. margin-left:35px;
  3706. margin-top:2px;
  3707. height:50px;
  3708. }
  3709.  
  3710. .blog5 ul {
  3711. display:inline;
  3712. }
  3713.  
  3714. .blog5 ul a {
  3715. color:#515481;
  3716. font-weight:bold;
  3717. text-decoration:underline;
  3718. }
  3719.  
  3720. .blog5 li {
  3721. display:inline;
  3722. padding:1px 10px;
  3723. }
  3724.  
  3725. .blog5 li.selected {
  3726. background-color:#F8F8F1;
  3727. color:#000;
  3728. border-color:#CCC;
  3729. border-style:solid solid none;
  3730. border-width:1px;
  3731. }
  3732.  
  3733. .blog5 .votes {
  3734. height:25px;
  3735. background-color:#F8F8F1;
  3736. border:1px solid #CCC;
  3737. padding-top:5px;
  3738. }
  3739.  
  3740. .blog5 .arrow {
  3741. margin-right:15px;
  3742. margin-left:5px;
  3743. color:black;
  3744. cursor:pointer;
  3745. display:inline;
  3746. background-position:left center;
  3747. background-repeat:no-repeat;
  3748. padding-left:20px;
  3749. }
  3750.  
  3751. .blog5 .votes.disabled .arrow {
  3752. color:#888;
  3753. }
  3754.  
  3755. .blog5 .arrow:hover {
  3756. text-decoration:none;
  3757. }
  3758.  
  3759. .blog5 .arrow b {
  3760. font-size:larger;
  3761. }
  3762.  
  3763. .blog5 .arrow.upmod b {
  3764. color:#FF8B60;
  3765. }
  3766.  
  3767. .blog5 .arrow.downmod b {
  3768. color:#9494FF;
  3769. }
  3770.  
  3771. .blog5 .right {
  3772. margin-right:5px;
  3773. font-size:medium;
  3774. font-style:italic;
  3775. }
  3776.  
  3777. .optional {
  3778. color:green;
  3779. }
  3780.  
  3781. .instructions {
  3782. font-size:larger;
  3783. }
  3784.  
  3785. .instructions h1,.instructions h2,.instructions h3 {
  3786. margin-top:20px;
  3787. margin-bottom:20px;
  3788. }
  3789.  
  3790. .instructions p {
  3791. margin:10px;
  3792. max-width:60em;
  3793. }
  3794.  
  3795. .instructions pre {
  3796. margin:5px;
  3797. margin-right:10px;
  3798. }
  3799.  
  3800. .instructions iframe {
  3801. margin:5px 10px 5px 0;
  3802. }
  3803.  
  3804. .instructions input,.instructions select {
  3805. margin:0 .5em;
  3806. }
  3807.  
  3808. .instructions a:focus {
  3809. -moz-outline-style:none;
  3810. }
  3811.  
  3812. .instructions strong {
  3813. font-weight:bold;
  3814. }
  3815.  
  3816. .instructions .buttons {
  3817. margin-left:1em;
  3818. max-width:50em;
  3819. }
  3820.  
  3821. .instructions .buttons li {
  3822. margin-top:1em;
  3823. border-bottom:1px solid #e0e0e0;
  3824. padding-bottom:1em;
  3825. }
  3826.  
  3827. .instructions code {
  3828. display:block;
  3829. font-family:monospace;
  3830. font-size:small;
  3831. margin:5px;
  3832. background-color:#FF9;
  3833. padding:10px;
  3834. max-width:50em;
  3835. }
  3836.  
  3837. .self-service.instructions {
  3838. margin-bottom:50px;
  3839. }
  3840.  
  3841. .self-service.instructions p {
  3842. margin-left:20px;
  3843. }
  3844.  
  3845. .self-service.instructions ul {
  3846. list-style-type:circle;
  3847. margin-left:60px;
  3848. }
  3849.  
  3850. .self-service.instructions li+li {
  3851. padding-top:10px;
  3852. }
  3853.  
  3854. .self-service.instructions li.done {
  3855. text-decoration:line-through;
  3856. list-style-image:url(../green-check.png);
  3857. }
  3858.  
  3859. .self-service.instructions li.unfinished {
  3860. font-weight:bold;
  3861. list-style-image:url(../red-arrow.png);
  3862. }
  3863.  
  3864. .feedback.instructions dl {
  3865. margin-left:20px;
  3866. }
  3867.  
  3868. .feedback.instructions dt {
  3869. margin-top:10px;
  3870. }
  3871.  
  3872. .feedback.instructions dd:before {
  3873. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  3874. background-position:-68px -612px;
  3875. background-repeat:no-repeat;
  3876. height:15px;
  3877. width:30px;
  3878. display:block;
  3879. content:" ";
  3880. float:left;
  3881. margin:2px 5px 0 0;
  3882. }
  3883.  
  3884. .button-demo a.view-code,.button-demo a.hide-code {
  3885. float:right;
  3886. margin-bottom:1em;
  3887. }
  3888.  
  3889. .button-demo a.hide-code {
  3890. display:none;
  3891. }
  3892.  
  3893. .instructions .button-demo code {
  3894. display:none;
  3895. }
  3896.  
  3897. .button-demo.show-demo a.view-code {
  3898. display:none;
  3899. }
  3900.  
  3901. .button-demo.show-demo a.hide-code {
  3902. display:inline;
  3903. }
  3904.  
  3905. .button-demo.show-demo code {
  3906. display:block;
  3907. }
  3908.  
  3909. #preview {
  3910. float:right;
  3911. width:30em;
  3912. margin:10px;
  3913. }
  3914.  
  3915. #preview span {
  3916. color:lightgray;
  3917. }
  3918.  
  3919. #preview #previewbox {
  3920. border-width:.2em;
  3921. border-style:dashed;
  3922. border-color:lightgray;
  3923. padding:1em;
  3924. font-size:larger;
  3925. }
  3926.  
  3927. .bookmarklet {
  3928. border:solid #888888 1px;
  3929. padding:0 2px;
  3930. }
  3931.  
  3932. .toolbar {
  3933. font-size:small;
  3934. border-bottom:1px solid #336699;
  3935. background-color:#CEE3F8;
  3936. }
  3937.  
  3938. .toolbar .left-side {
  3939. height:19px;
  3940. float:left;
  3941. border-right:solid #336699 1px;
  3942. background-color:#EFF7FF;
  3943. }
  3944.  
  3945. .toolbar .middle-side {
  3946. text-align:center;
  3947. background-color:#EFF7FF;
  3948. cursor:pointer;
  3949. }
  3950.  
  3951. .toolbar .middle-side a,.toolbar .middle-side b {
  3952. display:block;
  3953. border-left:none;
  3954. }
  3955.  
  3956. .toolbar .middle-side input[type=text] {
  3957. font-size:14px;
  3958. vertical-align:baseline;
  3959. width:100%;
  3960. height:18px;
  3961. border:none;
  3962. border-top:solid transparent 1px;
  3963. margin-left:2px;
  3964. }
  3965.  
  3966. .toolbar .middle-side .url {
  3967. overflow:hidden;
  3968. }
  3969.  
  3970. .toolbar .middle-side .domain {
  3971. color:#888;
  3972. font-size:small;
  3973. }
  3974.  
  3975. .toolbar .right-side {
  3976. float:right;
  3977. background-color:#EFF7FF;
  3978. margin-top:-1px;
  3979. height:19px;
  3980. }
  3981.  
  3982. .toolbar a,.toolbar b {
  3983. font-weight:normal;
  3984. display:inline-block;
  3985. height:18px;
  3986. border-left:solid #336699 1px;
  3987. white-space:nowrap;
  3988. padding:1px 4px 0;
  3989. overflow:hidden;
  3990. outline:none;
  3991. -moz-outline:none;
  3992. }
  3993.  
  3994. .toolbar .likes .score.likes {
  3995. display:inline-block;
  3996. }
  3997.  
  3998. .toolbar .dislikes .score.dislikes {
  3999. display:inline-block;
  4000. }
  4001.  
  4002. .toolbar a,.toolbar .clickable {
  4003. cursor:pointer;
  4004. color:#336699;
  4005. text-decoration:none;
  4006. }
  4007.  
  4008. .toolbar .clickable:active,.pushed-button {
  4009. background-color:#cee3f8!important;
  4010. color:orangered!important;
  4011. }
  4012.  
  4013. .toolbar a img,toolbar b img {
  4014. vertical-align:middle;
  4015. padding-top:3px;
  4016. vertical-align:-3px;
  4017. }
  4018.  
  4019. .toolbar .content {
  4020. float:left;
  4021. vertical-align:middle;
  4022. }
  4023.  
  4024. .toolbar .logo {
  4025. margin:0;
  4026. padding:0 2px;
  4027. border-left:none;
  4028. vertical-align:top;
  4029. }
  4030.  
  4031. .toolbar .title {
  4032. padding-left:1em;
  4033. padding-right:1em;
  4034. color:black;
  4035. display:block;
  4036. overflow:hidden;
  4037. }
  4038.  
  4039. .toolbar .title:active {
  4040. color:orangered;
  4041. }
  4042.  
  4043. .toolbar .controls {
  4044. float:right;
  4045. }
  4046.  
  4047. .toolbar .arrow {
  4048. display:inline-block;
  4049. width:auto;
  4050. margin:0;
  4051. background-position:left center;
  4052. padding-left:16px;
  4053. }
  4054.  
  4055. .toolbar .arrow.upmod {
  4056. background-image:url(../aminiupmod.gif);
  4057. }
  4058.  
  4059. .toolbar .arrow.downmod {
  4060. background-image:url(../aminidownmod.gif);
  4061. }
  4062.  
  4063. .toolbar .arrow.up {
  4064. background-image:url(../aminiupgray.gif);
  4065. }
  4066.  
  4067. .toolbar .arrow.down {
  4068. background-image:url(../aminidowngray.gif);
  4069. }
  4070.  
  4071. .toolbar-status-bar {
  4072. border-top:solid #336699 1px;
  4073. border-bottom:solid #336699 1px;
  4074. background-color:#F6E69F;
  4075. padding:0 2px;
  4076. overflow:auto;
  4077. }
  4078.  
  4079. .toolbar-status-bar .login-arrow-left {
  4080. overflow:auto;
  4081. background-image:url(../tb-loginarrow-left.png);
  4082. background-position:top right;
  4083. }
  4084.  
  4085. .toolbar-status-bar .login-arrow-right {
  4086. float:right;
  4087. margin-right:75px;
  4088. }
  4089.  
  4090. .toolbar-status-bar .login-message {
  4091. float:left;
  4092. background-color:#F6E69F;
  4093. padding-right:3px;
  4094. }
  4095.  
  4096. .tb-comments-panel-toggle {
  4097. }
  4098.  
  4099. .comments-panel .infobar {
  4100. padding:3px 10px 7px;
  4101. margin:5px 10px 10px 3px;
  4102. }
  4103.  
  4104. .min-body {
  4105. height:100%;
  4106. }
  4107.  
  4108. .min-body .content {
  4109. margin-top:0;
  4110. border-right:solid #369 1px;
  4111. min-height:100%;
  4112. max-width:60em;
  4113. overflow:auto;
  4114. }
  4115.  
  4116. .min-body .content h1,.min-body .content h2 {
  4117. padding-left:13px;
  4118. display:inline-block;
  4119. margin-bottom:15px;
  4120. }
  4121.  
  4122. .min-body .content #noresults {
  4123. margin:0 0 0 13px;
  4124. }
  4125.  
  4126. .starkcomment+.clearleft+.starkcomment {
  4127. margin-top:10px;
  4128. }
  4129.  
  4130. .starkcomment .commentbox {
  4131. color:black;
  4132. background-color:#f0f0f0;
  4133. padding:5px;
  4134. margin-left:0;
  4135. margin-right:10px;
  4136. }
  4137.  
  4138. .starkcomment .tagline {
  4139. text-align:right;
  4140. }
  4141.  
  4142. form .blurb {
  4143. margin-bottom:5px;
  4144. }
  4145.  
  4146. form .spacer+.spacer {
  4147. margin:15px 0;
  4148. }
  4149.  
  4150. form input[type=checkbox],form input[type=radio] {
  4151. margin:2px .5em 0 0;
  4152. }
  4153.  
  4154. .pretty-form {
  4155. font-size:larger;
  4156. vertical-align:top;
  4157. }
  4158.  
  4159. .pretty-form p {
  4160. margin:3px;
  4161. }
  4162.  
  4163. .pretty-form input[type=checkbox],.pretty-form input[type=radio] {
  4164. margin:2px .5em 0 0;
  4165. }
  4166.  
  4167. .pretty-form img {
  4168. margin:3px .5em;
  4169. }
  4170.  
  4171. .pretty-form input[type=text],.pretty-form textarea,.pretty-form input[type=password] {
  4172. border:1px solid gray;
  4173. width:300px;
  4174. padding:2px;
  4175. -webkit-box-shadow:inset 0 1px 1px hsla(0,0%,0%,.3),0px 1px 0 hsla(0,0%,100%,.6);
  4176. -moz-box-shadow:inset 0 1px 1px hsla(0,0%,0%,.3),0px 1px 0 hsla(0,0%,100%,.6);
  4177. box-shadow:inset 0 1px 1px hsla(0,0%,0%,.3),0px 1px 0 hsla(0,0%,100%,.6);
  4178. }
  4179.  
  4180. .pretty-form .infobar {
  4181. width:285px;
  4182. margin:5px;
  4183. }
  4184.  
  4185. .pretty-form input[type=text],.pretty-form input[type=file],.pretty-form input[type=password],.pretty-form select,.pretty-form b,.pretty-form textarea,.pretty-form button {
  4186. margin:3px 5px;
  4187. }
  4188.  
  4189. .pretty-form th {
  4190. text-align:right;
  4191. }
  4192.  
  4193. .white-field,.delete-field {
  4194. background-color:white;
  4195. padding:10px;
  4196. }
  4197.  
  4198. .delete-field td {
  4199. vertical-align:top;
  4200. }
  4201.  
  4202. .pretty-form .delete-field {
  4203. background:transparent;
  4204. }
  4205.  
  4206. #pref-delete textarea#delete-message {
  4207. font-size:smaller;
  4208. height:5em;
  4209. }
  4210.  
  4211. #pref-delete .md ul {
  4212. margin-top:0;
  4213. margin-bottom:0;
  4214. }
  4215.  
  4216. #pref-delete .md ul li {
  4217. margin:.5em 0;
  4218. }
  4219.  
  4220. #pref-delete .credentials input {
  4221. margin:.2em 0;
  4222. }
  4223.  
  4224. #pref-delete .credentials .error,#pref-delete .error.RATELIMIT {
  4225. margin-left:5px;
  4226. }
  4227.  
  4228. .pretty-form.short-text input[type=text],.pretty-form.short-text textarea,.pretty-form.short-text input[type=password] {
  4229. width:2em;
  4230. }
  4231.  
  4232. #url-field button {
  4233. margin:10px 5px 0 0;
  4234. }
  4235.  
  4236. #url-field .title-status {
  4237. color:red;
  4238. font-size:small;
  4239. }
  4240.  
  4241. .content.submit .info-notice {
  4242. background-color:#E4F2FB;
  4243. border:1px solid #5F99CF;
  4244. padding:9px;
  4245. margin-bottom:12px;
  4246. font-size:larger;
  4247. }
  4248.  
  4249. .content.submit .info-notice a {
  4250. font-weight:bold;
  4251. text-decoration:underline;
  4252. }
  4253.  
  4254. .opt-form {
  4255. font-size:larger;
  4256. }
  4257.  
  4258. .opt-form form {
  4259. display:inline;
  4260. }
  4261.  
  4262. .preftable th {
  4263. padding:10px;
  4264. font-weight:bold;
  4265. vertical-align:top;
  4266. text-align:right;
  4267. white-space:nowrap;
  4268. }
  4269.  
  4270. .preftable th label {
  4271. display:block;
  4272. }
  4273.  
  4274. .sharetable.preftable th label {
  4275. display:inline;
  4276. }
  4277.  
  4278. .preftable th span {
  4279. display:block;
  4280. }
  4281.  
  4282. .preftable td.prefright {
  4283. padding:8px 0;
  4284. }
  4285.  
  4286. .preftable .spacer {
  4287. margin-bottom:5px;
  4288. }
  4289.  
  4290. .preftable .note {
  4291. width:100%;
  4292. vertical-align:top;
  4293. padding-top:10px;
  4294. }
  4295.  
  4296. .over18 button {
  4297. margin:0 10px;
  4298. padding:5px;
  4299. }
  4300.  
  4301. .entry .buttons li.nsfw-stamp {
  4302. font-size:x-small;
  4303. }
  4304.  
  4305. .nsfw-stamp acronym {
  4306. color:#ac3939;
  4307. font-size:x-small;
  4308. text-decoration:none;
  4309. padding:0 2px;
  4310. border:1px solid #d27979!important;
  4311. border-radius:3px;
  4312. }
  4313.  
  4314. .entry .buttons li.reported-stamp {
  4315. border:1px solid black!important;
  4316. padding:0 4px;
  4317. background-color:#f6e69f;
  4318. }
  4319.  
  4320. .suspicious {
  4321. background-color:#f6e69f;
  4322. }
  4323.  
  4324. .thing.spam {
  4325. background-color:#FA8072;
  4326. }
  4327.  
  4328. .comment.spam>.child,.message.spam>.child {
  4329. background-color:white;
  4330. }
  4331.  
  4332. .comment.spam>.child {
  4333. margin-left:0;
  4334. padding-left:15px;
  4335. }
  4336.  
  4337. .message.spam>.child {
  4338. }
  4339.  
  4340. .banned-user {
  4341. overflow:hidden;
  4342. opacity:.7;
  4343. filter:alpha(opacity=70);
  4344. }
  4345.  
  4346. .banned-user .title {
  4347. text-decoration:line-through;
  4348. }
  4349.  
  4350. .approval-checkmark {
  4351. cursor:pointer;
  4352. height:.8em;
  4353. vertical-align:baseline;
  4354. margin-left:3px;
  4355. }
  4356.  
  4357. .little {
  4358. font-size:smaller;
  4359. }
  4360.  
  4361. .gray {
  4362. color:gray;
  4363. }
  4364.  
  4365. .stats {
  4366. float:left;
  4367. margin-right:2em;
  4368. border-collapse:collapse;
  4369. font-size:larger;
  4370. }
  4371.  
  4372. .stats td.space {
  4373. width:20px;
  4374. }
  4375.  
  4376. .stats td.sec {
  4377. padding-bottom:7px;
  4378. font-size:18px;
  4379. font-weight:normal;
  4380. }
  4381.  
  4382. .stats a {
  4383. color:#369;
  4384. }
  4385.  
  4386. .stats a:hover {
  4387. text-decoration:underline;
  4388. }
  4389.  
  4390. .stats td.k {
  4391. color:gray;
  4392. }
  4393.  
  4394. .stats th {
  4395. text-align:left;
  4396. background-color:whitesmoke;
  4397. color:#369;
  4398. font-weight:bold;
  4399. }
  4400.  
  4401. .stats td.ri {
  4402. padding-left:20px;
  4403. text-align:right;
  4404. }
  4405.  
  4406. .thumbnail {
  4407. float:left;
  4408. margin:0 5px;
  4409. overflow:hidden;
  4410. width:70px;
  4411. }
  4412.  
  4413. .thumbnail.nsfw {
  4414. height:70px;
  4415. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4416. background-position:0 -299px;
  4417. background-repeat:no-repeat;
  4418. }
  4419.  
  4420. .thumbnail.self {
  4421. height:50px;
  4422. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4423. background-position:0 -421px;
  4424. background-repeat:no-repeat;
  4425. }
  4426.  
  4427. .thumbnail.default {
  4428. height:50px;
  4429. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4430. background-position:0 -370px;
  4431. background-repeat:no-repeat;
  4432. }
  4433.  
  4434. .stylesheet-customize-container {
  4435. }
  4436.  
  4437. .stylesheet-customize-container textarea {
  4438. font-family:"Bitstream Vera Sans Mono",Consolas,monospace;
  4439. margin:0;
  4440. padding:0;
  4441. }
  4442.  
  4443. .stylesheet-customize-container h2 {
  4444. margin-top:15px;
  4445. margin-bottom:10px;
  4446. }
  4447.  
  4448. .image-upload .new-image {
  4449. margin-left:20px;
  4450. }
  4451.  
  4452. .image-upload span {
  4453. padding-left:5px;
  4454. }
  4455.  
  4456. ul#image-preview-list {
  4457. margin:20px 320px 20px 20px;
  4458. font-size:larger;
  4459. }
  4460.  
  4461. ul#image-preview-list li {
  4462. padding-bottom:10px;
  4463. margin-bottom:20px;
  4464. vertical-align:top;
  4465. width:45%;
  4466. height:100px;
  4467. float:left;
  4468. position:relative;
  4469. }
  4470.  
  4471. ul#image-preview-list .preview {
  4472. width:100px;
  4473. float:left;
  4474. display:block;
  4475. text-align:center;
  4476. max-height:100px;
  4477. overflow:hidden;
  4478. }
  4479.  
  4480. ul#image-preview-list .preview img {
  4481. max-width:100px;
  4482. padding:auto;
  4483. }
  4484.  
  4485. ul#image-preview-list .description {
  4486. vertical-align:top;
  4487. margin-left:105px;
  4488. }
  4489.  
  4490. ul#image-preview-list .description pre {
  4491. display:inline;
  4492. padding:5px;
  4493. }
  4494.  
  4495. .sheets {
  4496. margin-right:315px;
  4497. }
  4498.  
  4499. .sheets .col {
  4500. float:left;
  4501. }
  4502.  
  4503. .sheets .col>div {
  4504. margin:0 5px;
  4505. }
  4506.  
  4507. .sheets .col textarea {
  4508. width:100%;
  4509. }
  4510.  
  4511. .sheets .buttons {
  4512. margin-left:5px;
  4513. }
  4514.  
  4515. .sheets .btn {
  4516. margin-left:0;
  4517. margin-right:5px;
  4518. }
  4519.  
  4520. .sheets .btn.right {
  4521. float:right;
  4522. margin-right:3px;
  4523. }
  4524.  
  4525. #validation-errors {
  4526. margin-left:40px;
  4527. margin-top:10px;
  4528. list-style-type:disc;
  4529. }
  4530.  
  4531. #validation-errors a,#validation-errors li,.errors h2 {
  4532. color:red;
  4533. }
  4534.  
  4535. #validation-errors a:hover {
  4536. text-decoration:underline;
  4537. }
  4538.  
  4539. #validation-errors pre {
  4540. padding:10px;
  4541. color:black;
  4542. }
  4543.  
  4544. #preview-table {
  4545. padding-right:15px;
  4546. }
  4547.  
  4548. #preview-table>table {
  4549. border-width:.2em;
  4550. border-style:dashed;
  4551. border-color:lightgray;
  4552. padding:5px;
  4553. margin:5px;
  4554. width:900px;
  4555. }
  4556.  
  4557. #preview-table>table>tbody>tr {
  4558. padding-bottom:10px;
  4559. }
  4560.  
  4561. #preview-table>table>tbody>tr>td {
  4562. padding:5px;
  4563. padding-right:15px;
  4564. }
  4565.  
  4566. #preview-table>table>tbody>tr>th {
  4567. padding:5px;
  4568. padding-right:15px;
  4569. font-weight:bold;
  4570. vertical-align:top;
  4571. font-size:larger;
  4572. text-align:right;
  4573. }
  4574.  
  4575. #img-preview-container {
  4576. border-width:.2em;
  4577. border-style:dashed;
  4578. border-color:lightgray;
  4579. padding:5px;
  4580. margin:5px;
  4581. float:left;
  4582. }
  4583.  
  4584. .private-feeds.instructions .prefright {
  4585. line-height:2em;
  4586. }
  4587.  
  4588. .private-feeds.instructions .feedlink {
  4589. padding:2px 5px;
  4590. font-weight:bold;
  4591. margin-right:5px;
  4592. border:1px solid #0000FF;
  4593. color:white;
  4594. padding-left:22px;
  4595. background:#336699 none no-repeat scroll top left;
  4596. }
  4597.  
  4598. .private-feeds.instructions .feedlink.rss-link {
  4599. background-image:url(../rss.png);
  4600. }
  4601.  
  4602. .private-feeds.instructions .feedlink.json-link {
  4603. background-color:#DDDDDD;
  4604. background-image:url(../json.png);
  4605. color:black;
  4606. }
  4607.  
  4608. #sr-header-area {
  4609. background-color:#f0f0f0;
  4610. white-space:nowrap;
  4611. text-transform:uppercase;
  4612. border-bottom:1px solid gray;
  4613. font-size:90%;
  4614. height:18px;
  4615. line-height:18px;
  4616. }
  4617.  
  4618. #sr-header-area .width-clip {
  4619. position:absolute;
  4620. left:0;
  4621. right:0;
  4622. }
  4623.  
  4624. #sr-header-area .selected a {
  4625. color:orangered;
  4626. }
  4627.  
  4628. #sr-header-area .sr-list {
  4629. overflow:hidden;
  4630. }
  4631.  
  4632. #sr-header-area .dropdown.srdrop {
  4633. float:left;
  4634. padding-left:5px;
  4635. }
  4636.  
  4637. #sr-header-area .drop-choices.srdrop {
  4638. margin-top:0;
  4639. margin-left:5px;
  4640. }
  4641.  
  4642. .dropdown.srdrop .selected {
  4643. background:transparent none no-repeat scroll center right;
  4644. background-image:url(../droparrowgray.gif);
  4645. display:inline-block;
  4646. vertical-align:bottom;
  4647. padding-right:21px;
  4648. padding-left:5px;
  4649. color:black;
  4650. font-weight:normal;
  4651. margin-left:-5px;
  4652. margin-right:10px;
  4653. }
  4654.  
  4655. .srdrop .choice {
  4656. padding-top:3px;
  4657. }
  4658.  
  4659. .srdrop .choice.top-option {
  4660. font-style:italic;
  4661. border-bottom:1px dotted #369;
  4662. }
  4663.  
  4664. .srdrop .choice.bottom-option {
  4665. font-style:italic;
  4666. border-top:1px dotted #369;
  4667. }
  4668.  
  4669. .sr-bar .separator {
  4670. color:gray;
  4671. }
  4672.  
  4673. .sr-bar a {
  4674. color:black;
  4675. }
  4676.  
  4677. #sr-more-link {
  4678. color:black;
  4679. background-color:#f0f0f0;
  4680. position:absolute;
  4681. right:0;
  4682. top:0;
  4683. padding:0 5px 0 15px;
  4684. font-weight:bold;
  4685. margin:0;
  4686. }
  4687.  
  4688. #sr-more-link:hover {
  4689. text-decoration:underline;
  4690. }
  4691.  
  4692. .subscription-box li {
  4693. clear:left;
  4694. margin-bottom:10px;
  4695. }
  4696.  
  4697. .subscription-box .fancy-toggle-button {
  4698. margin-right:5px;
  4699. float:left;
  4700. }
  4701.  
  4702. .subscription-box .title {
  4703. font-size:medium;
  4704. color:blue;
  4705. margin-right:5px;
  4706. }
  4707.  
  4708. .subscription-box .title.banned {
  4709. color:dimgray;
  4710. text-decoration:line-through;
  4711. }
  4712.  
  4713. .subscription-box .column {
  4714. width:50%;
  4715. float:left;
  4716. }
  4717.  
  4718. .subscription-box .box-top {
  4719. position:relative;
  4720. height:20px;
  4721. }
  4722.  
  4723. .subscription-box .box-separator {
  4724. border-style:none none dotted;
  4725. border-width:1px;
  4726. margin-bottom:5px;
  4727. }
  4728.  
  4729. .subscription-box h1 {
  4730. text-align:center;
  4731. }
  4732.  
  4733. .toggle.deltranslator-button {
  4734. display:inline;
  4735. }
  4736.  
  4737. #sr {
  4738. margin-left:0;
  4739. }
  4740.  
  4741. #sr-list-wrapper {
  4742. width:454px;
  4743. height:200px;
  4744. border:1px solid gray;
  4745. border-top:none;
  4746. margin:0 5px;
  4747. font-size:smaller;
  4748. position:relative;
  4749. }
  4750.  
  4751. #sr-list-cover {
  4752. position:absolute;
  4753. background:gray none no-repeat scroll center center;
  4754. background-color:url(../throbber.gif);
  4755. height:100%;
  4756. width:100%;
  4757. opacity:.7;
  4758. filter:alpha(opacity=70);
  4759. z-index:1000;
  4760. display:none;
  4761. }
  4762.  
  4763. #sr-list {
  4764. overflow:auto;
  4765. position:absolute;
  4766. height:100%;
  4767. width:100%;
  4768. }
  4769.  
  4770. #sr-searchfield {
  4771. margin:0 5px;
  4772. }
  4773.  
  4774. .sr-name {
  4775. font-size:small;
  4776. vertical-align:top;
  4777. padding:3px 3px 3px 0;
  4778. }
  4779.  
  4780. .sr-description {
  4781. padding:3px;
  4782. }
  4783.  
  4784. .sr-row {
  4785. cursor:default;
  4786. }
  4787.  
  4788. .sr-row.sr-selected {
  4789. background:#EFF7FF none no-repeat scroll 0 5px;
  4790. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4791. background-position:-112px -299px;
  4792. background-repeat:no-repeat;
  4793. }
  4794.  
  4795. .sr-arrow {
  4796. width:10px;
  4797. height:12px;
  4798. }
  4799.  
  4800. #sr-autocomplete-area {
  4801. position:relative;
  4802. z-index:100;
  4803. }
  4804.  
  4805. #sr-drop-down {
  4806. position:absolute;
  4807. width:498px;
  4808. border:1px solid gray;
  4809. background:white;
  4810. display:none;
  4811. left:0;
  4812. }
  4813.  
  4814. #sr-drop-down table {
  4815. width:100%;
  4816. }
  4817.  
  4818. .sr-name-row {
  4819. cursor:default;
  4820. }
  4821.  
  4822. .sr-name-row.sr-selected {
  4823. background-color:#369;
  4824. color:white;
  4825. }
  4826.  
  4827. .submit-header {
  4828. font-size:larger;
  4829. font-weight:bold;
  4830. }
  4831.  
  4832. #suggested-reddits {
  4833. margin-top:5px;
  4834. font-size:small;
  4835. }
  4836.  
  4837. #suggested-reddits ul {
  4838. }
  4839.  
  4840. #suggested-reddits li {
  4841. display:inline;
  4842. padding-right:5px;
  4843. }
  4844.  
  4845. .formtabs-content {
  4846. width:520px;
  4847. border-top:4px solid #5f99cf;
  4848. padding-top:10px;
  4849. }
  4850.  
  4851. .formtabs-content .infobar {
  4852. margin:0;
  4853. padding:5px;
  4854. }
  4855.  
  4856. ul.tabmenu.formtab {
  4857. display:block;
  4858. padding-left:10px;
  4859. font-size:larger;
  4860. }
  4861.  
  4862. .tabmenu.formtab li {
  4863. margin:0;
  4864. }
  4865.  
  4866. .tabmenu.formtab a {
  4867. font-weight:normal;
  4868. outline:none;
  4869. padding:0 12px;
  4870. vertical-align:bottom;
  4871. border:1px solid #c1c1c1;
  4872. border-bottom:none;
  4873. }
  4874.  
  4875. .tabmenu.formtab .selected a {
  4876. color:white;
  4877. font-size:130%;
  4878. background-color:#5f99cf;
  4879. border:none;
  4880. }
  4881.  
  4882. .expando {
  4883. clear:left;
  4884. margin:5px 0;
  4885. }
  4886.  
  4887. .expando-content {
  4888. display:none;
  4889. }
  4890.  
  4891. .expando-button {
  4892. float:left;
  4893. height:23px;
  4894. width:23px;
  4895. margin:2px 5px 2px 0;
  4896. background:white none no-repeat scroll center center;
  4897. }
  4898.  
  4899. .expando-button.selftext.collapsed {
  4900. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4901. background-position:0 -513px;
  4902. background-repeat:no-repeat;
  4903. }
  4904.  
  4905. .expando-button.selftext.collapsed:hover,.eb-sch {
  4906. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4907. background-position:-97px -421px;
  4908. background-repeat:no-repeat;
  4909. }
  4910.  
  4911. .expando-button.selftext.expanded,.eb-se {
  4912. margin-bottom:5px;
  4913. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4914. background-position:-48px -513px;
  4915. background-repeat:no-repeat;
  4916. }
  4917.  
  4918. .expando-button.selftext.expanded:hover,.eb-seh {
  4919. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4920. background-position:-24px -513px;
  4921. background-repeat:no-repeat;
  4922. }
  4923.  
  4924. .expando-button.video.collapsed {
  4925. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4926. background-position:-96px -513px;
  4927. background-repeat:no-repeat;
  4928. }
  4929.  
  4930. .expando-button.video.collapsed:hover,.eb-vch {
  4931. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4932. background-position:-72px -513px;
  4933. background-repeat:no-repeat;
  4934. }
  4935.  
  4936. .expando-button.video.expanded,.eb-ve {
  4937. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4938. background-position:-24px -537px;
  4939. background-repeat:no-repeat;
  4940. }
  4941.  
  4942. .expando-button.video.expanded:hover,.eb-veh {
  4943. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  4944. background-position:0 -537px;
  4945. background-repeat:no-repeat;
  4946. }
  4947.  
  4948. .subreddit .usertext .md {
  4949. padding:2px 5px;
  4950. background-color:#fafafa;
  4951. border:1px solid #CCC;
  4952. border-radius:7px;
  4953. }
  4954.  
  4955. .link .usertext .md {
  4956. padding:0 5px;
  4957. background-color:#fafafa;
  4958. border:1px solid #369;
  4959. border-radius:7px;
  4960. }
  4961.  
  4962. .usertext {
  4963. font-size:small;
  4964. }
  4965.  
  4966. .usertext-edit {
  4967. margin-top:5px;
  4968. padding:0 1px;
  4969. width:500px;
  4970. }
  4971.  
  4972. .usertext-edit textarea {
  4973. width:500px;
  4974. height:100px;
  4975. }
  4976.  
  4977. .usertext.border .usertext-body {
  4978. background-color:#ffc;
  4979. padding-left:5px;
  4980. }
  4981.  
  4982. .usertext.grayed .usertext-body {
  4983. color:gray;
  4984. background-color:#f0f0f0;
  4985. padding-left:5px;
  4986. padding-right:5px;
  4987. display:inline-block;
  4988. }
  4989.  
  4990. .usertext button {
  4991. margin:5px 5px 10px 0;
  4992. }
  4993.  
  4994. .usertext .help-toggle {
  4995. font-size:smaller;
  4996. float:right;
  4997. margin-top:5px;
  4998. }
  4999.  
  5000. .usertext .bottom-area {
  5001. overflow:hidden;
  5002. width:100%;
  5003. }
  5004.  
  5005. .usertext table.markhelp {
  5006. background-color:white;
  5007. margin:5px 0;
  5008. width:100%;
  5009. }
  5010.  
  5011. .usertext .markhelp,.usertext .markhelp td,.usertext .markhelp tr {
  5012. border:1px solid #C0C0C0;
  5013. padding:4px;
  5014. margin:0;
  5015. }
  5016.  
  5017. .usertext .markhelp .spaces {
  5018. background-color:#c0c0c0;
  5019. }
  5020.  
  5021. .roundfield {
  5022. width:500px;
  5023. background-color:#cee3f8;
  5024. border-radius:4px;
  5025. padding:5px 10px 10px;
  5026. font-size:large;
  5027. }
  5028.  
  5029. .roundfield .title {
  5030. }
  5031.  
  5032. .roundfield .roundfield-content {
  5033. margin-top:5px;
  5034. border:none;
  5035. vertical-align:top;
  5036. }
  5037.  
  5038. .roundfield .usertext-edit {
  5039. width:500px;
  5040. }
  5041.  
  5042. .roundfield textarea,.roundfield input[type=text],.roundfield input[type=url],.roundfield input[type=password],.roundfield input[type=number] {
  5043. font-size:100%;
  5044. width:492px;
  5045. padding:3px;
  5046. margin:0;
  5047. border:1px solid gray;
  5048. }
  5049.  
  5050. .roundfield.captcha .capimage {
  5051. margin-bottom:10px;
  5052. }
  5053.  
  5054. .roundfield label {
  5055. font-size:smaller;
  5056. padding-right:2px;
  5057. }
  5058.  
  5059. .linefield {
  5060. width:514px;
  5061. padding:7px 5px;
  5062. font-size:large;
  5063. background-color:#CEE3F8;
  5064. margin-bottom:10px;
  5065. }
  5066.  
  5067. .linefield .title {
  5068. color:blue;
  5069. font-weight:bold;
  5070. padding:1px 10px;
  5071. }
  5072.  
  5073. .linefield .title+.gray {
  5074. font-size:x-small;
  5075. }
  5076.  
  5077. .linefield .small-field,.linefield .delete-field {
  5078. padding:0;
  5079. font-size:smaller;
  5080. }
  5081.  
  5082. .linefield span+span {
  5083. margin-left:10px;
  5084. }
  5085.  
  5086. .linefield .info {
  5087. font-style:italic;
  5088. color:red;
  5089. font-size:small;
  5090. }
  5091.  
  5092. .linefield .linefield-content {
  5093. padding:2px 7px 5px;
  5094. vertical-align:top;
  5095. }
  5096.  
  5097. .linefield.usertext .usertext-edit {
  5098. font-size:small;
  5099. }
  5100.  
  5101. .linefield.usertext .edit-usertext {
  5102. font-size:x-small;
  5103. float:right;
  5104. }
  5105.  
  5106. .linefield .upload {
  5107. font-size:small;
  5108. }
  5109.  
  5110. .linefield .upload label {
  5111. font-size:small;
  5112. }
  5113.  
  5114. .linefield.usertext .infobar {
  5115. width:100%;
  5116. }
  5117.  
  5118. .linefield.usertext .usertext-buttons {
  5119. display:none;
  5120. }
  5121.  
  5122. .linefield textarea,.linefield input[type=text],.linefield input[type=password] {
  5123. font-size:100%;
  5124. width:492px;
  5125. padding:3px;
  5126. margin:0;
  5127. border:1px solid gray;
  5128. }
  5129.  
  5130. .linefield select {
  5131. margin:0;
  5132. }
  5133.  
  5134. .linefield .linefield.captcha .capimage {
  5135. margin-bottom:10px;
  5136. }
  5137.  
  5138. .linefield label {
  5139. font-size:smaller;
  5140. padding-right:2px;
  5141. }
  5142.  
  5143. .linefield span {
  5144. font-size:smaller;
  5145. }
  5146.  
  5147. .linefield input[type="text"].small-text {
  5148. font-size:smaller;
  5149. width:100%;
  5150. }
  5151.  
  5152. .campaign {
  5153. border:1px solid #336699;
  5154. background-color:#EFF7FF;
  5155. padding:5px;
  5156. -webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0px 1px 0 hsla(0,0%,100%,.6);
  5157. -moz-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0px 1px 0 hsla(0,0%,100%,.6);
  5158. box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0px 1px 0 hsla(0,0%,100%,.6);
  5159. }
  5160.  
  5161. .campaign .status {
  5162. font-size:x-small;
  5163. }
  5164.  
  5165. .existing-campaigns>table {
  5166. font-size:x-small;
  5167. width:100%;
  5168. margin:0;
  5169. border:none;
  5170. }
  5171.  
  5172. .existing-campaigns td.bid {
  5173. background:transparent none no-repeat scroll center right;
  5174. padding-right:15px;
  5175. }
  5176.  
  5177. .existing-campaigns td.bid.paid {
  5178. background-image:url(../green-check.png);
  5179. }
  5180.  
  5181. .existing-campaigns td.bid .info {
  5182. margin-right:3px;
  5183. }
  5184.  
  5185. .prefright p.minimum-spend {
  5186. padding-left:1em;
  5187. font-size:small;
  5188. color:gray;
  5189. }
  5190.  
  5191. .prefright p.minimum-spend.error {
  5192. font-weight:bold;
  5193. color:red;
  5194. }
  5195.  
  5196. .existing-campaigns>table>tbody>tr>td {
  5197. text-align:right;
  5198. border:1px solid #369;
  5199. padding:1px 5px;
  5200. }
  5201.  
  5202. .existing-campaigns>table>tbody>tr#edit-campaign-tr>td {
  5203. text-align:left;
  5204. }
  5205.  
  5206. .existing-campaigns>table>tbody>tr>th {
  5207. text-align:center;
  5208. font-weight:bold;
  5209. padding:1px 5px;
  5210. border:solid #369;
  5211. border-width:0 1px 1px;
  5212. }
  5213.  
  5214. .existing-campaigns>table>tbody>tr>th:first-child,.existing-campaigns>table>tbody>tr>td:first-child {
  5215. border-left:none;
  5216. }
  5217.  
  5218. .existing-campaigns>table>tbody>tr>th:last-child,.existing-campaigns>table>tbody>tr>td:last-child {
  5219. border-right:none;
  5220. }
  5221.  
  5222. .existing-campaigns>table>tbody>tr:last-child>th,.existing-campaigns>table>tbody>tr:last-child>td {
  5223. border-bottom:none;
  5224. }
  5225.  
  5226. .targeting>ul {
  5227. font-size:x-small;
  5228. list-style-type:disc;
  5229. margin:0 20px 10px;
  5230. }
  5231.  
  5232. .existing-campaigns td>button {
  5233. margin:0 5px 0 0;
  5234. }
  5235.  
  5236. .campaign .bid-info {
  5237. font-size:x-small;
  5238. }
  5239.  
  5240. .campaign .bid-info.error {
  5241. color:red;
  5242. }
  5243.  
  5244. .campaign .buttons {
  5245. float:right;
  5246. }
  5247.  
  5248. .campaign td.prefright {
  5249. padding:4px;
  5250. }
  5251.  
  5252. .campaign #bid {
  5253. text-align:right;
  5254. }
  5255.  
  5256. .campaign .targeting {
  5257. margin-left:25px;
  5258. }
  5259.  
  5260. .campaign .targeting input {
  5261. width:95%;
  5262. border-radius:7px;
  5263. }
  5264.  
  5265. .campaign #suggested-reddits ul {
  5266. margin:0 20px 10px 0;
  5267. }
  5268.  
  5269. .campaign th {
  5270. font-size:small;
  5271. padding:4px;
  5272. padding-top:8px;
  5273. }
  5274.  
  5275. .linefield .campaign input[type=text] {
  5276. font-size:x-small;
  5277. }
  5278.  
  5279. .linefield-content .infotext {
  5280. margin-top:5px;
  5281. }
  5282.  
  5283. .linefield-content .infotext p {
  5284. margin:5px;
  5285. }
  5286.  
  5287. .traffic-table,.traffic-tables-side fieldset {
  5288. margin:1.5em 2em;
  5289. font-size:small;
  5290. border:0;
  5291. }
  5292.  
  5293. .traffic-table caption,.traffic-tables-side fieldset legend {
  5294. font-weight:bold;
  5295. text-align:left;
  5296. font-size:medium;
  5297. font-variant:small-caps;
  5298. }
  5299.  
  5300. .traffic-table a:hover {
  5301. text-decoration:underline;
  5302. }
  5303.  
  5304. .traffic-table thead th {
  5305. font-weight:bold;
  5306. text-align:center;
  5307. padding-left:2em;
  5308. }
  5309.  
  5310. .traffic-table thead th:first-child {
  5311. text-align:left;
  5312. padding-left:0;
  5313. }
  5314.  
  5315. .traffic-table tbody th,.traffic-table tfoot th {
  5316. text-align:left;
  5317. }
  5318.  
  5319. .traffic-table td {
  5320. padding:0 5px;
  5321. }
  5322.  
  5323. .traffic-table td {
  5324. text-align:right;
  5325. }
  5326.  
  5327. .traffic-table tfoot tr {
  5328. border-top:1px solid black;
  5329. }
  5330.  
  5331. .traffic-table tfoot th,.traffic-table tfoot td {
  5332. font-style:italic;
  5333. }
  5334.  
  5335. .traffic-table tr.max {
  5336. border:2px solid #FF8B60;
  5337. }
  5338.  
  5339. .traffic-table tr.min {
  5340. border:2px solid #336699;
  5341. }
  5342.  
  5343. .traffic-table tbody tr:nth-child(even) {
  5344. background-color:#E0E0E0;
  5345. }
  5346.  
  5347. .traffic-table tr.mean {
  5348. font-style:italic;
  5349. border-top:1px solid;
  5350. }
  5351.  
  5352. .traffic-tables-side {
  5353. float:left;
  5354. min-height:50em;
  5355. }
  5356.  
  5357. #promote-graph-table,#traffic-hour {
  5358. display:none;
  5359. }
  5360.  
  5361. div.timeseries {
  5362. padding:10px;
  5363. border:1px solid #B0B0B0;
  5364. margin:10px;
  5365. display:inline-block;
  5366. text-align:center;
  5367. }
  5368.  
  5369. .timeseries-placeholder {
  5370. width:350px;
  5371. height:200px;
  5372. font-family:verdana;
  5373. font-size:small;
  5374. }
  5375.  
  5376. div.timeseries span.title {
  5377. font-weight:bold;
  5378. font-size:medium;
  5379. font-variant:small-caps;
  5380. }
  5381.  
  5382. #timeseries-unprocessed {
  5383. font-size:small;
  5384. font-weight:bold;
  5385. color:#900;
  5386. margin:1em 0;
  5387. max-width:60em;
  5388. }
  5389.  
  5390. .timeseries-tablebar {
  5391. height:5px;
  5392. margin:1px 0;
  5393. }
  5394.  
  5395. .promoted-traffic .usertable {
  5396. margin-left:0;
  5397. }
  5398.  
  5399. .promoted-traffic h1 a {
  5400. font-size:small;
  5401. margin-left:10px;
  5402. }
  5403.  
  5404. .promoted-traffic tfoot th,.promoted-traffic tfoot td {
  5405. font-style:normal;
  5406. font-weight:bold;
  5407. text-transform:uppercase;
  5408. padding-top:.3em;
  5409. }
  5410.  
  5411. .promocampaign-table td {
  5412. white-space:nowrap;
  5413. }
  5414.  
  5415. .promo-traffic .content .tabmenu li {
  5416. font-size:1.3em;
  5417. }
  5418.  
  5419. .promo-traffic #helptext {
  5420. font-size:1.2em;
  5421. padding:3px 10px 6px;
  5422. }
  5423.  
  5424. #promo-traffic-no-campaigns {
  5425. padding:20px;
  5426. }
  5427.  
  5428. .promo-traffic .tabpane-content {
  5429. margin-right:305px;
  5430. min-width:800px;
  5431. position:relative;
  5432. }
  5433.  
  5434. .promo-traffic #timeseries-unprocessed {
  5435. font-size:1.2em;
  5436. margin:0 .1em;
  5437. padding:0;
  5438. position:absolute;
  5439. right:1em;
  5440. top:-1.3em;
  5441. }
  5442.  
  5443. .promo-traffic-csv-link {
  5444. font-size:1.1em;
  5445. font-weight:bold;
  5446. position:absolute;
  5447. right:15px;
  5448. top:11px;
  5449. }
  5450.  
  5451. .promo-traffic-help {
  5452. font-size:1.2em;
  5453. margin:20px;
  5454. }
  5455.  
  5456. .promo-traffic-help p {
  5457. padding:5px;
  5458. }
  5459.  
  5460. #promo-traffic-lifetime-stats {
  5461. font-size:1.1em;
  5462. font-weight:bold;
  5463. margin:2px 10px;
  5464. padding-top:5px;
  5465. }
  5466.  
  5467. .promo-traffic-live {
  5468. background-color:#EFF7FF;
  5469. }
  5470.  
  5471. .promo-traffic-settings-instructions {
  5472. font-size:small;
  5473. margin:0 15px 10px;
  5474. }
  5475.  
  5476. .promo-traffic-settings {
  5477. padding:20px;
  5478. }
  5479.  
  5480. .promo-admin-form {
  5481. padding:10px;
  5482. }
  5483.  
  5484. .promo-admin-form button {
  5485. margin-bottom:10px;
  5486. }
  5487.  
  5488. .promo-admin-data th {
  5489. font-weight:bold;
  5490. }
  5491.  
  5492. .promo-admin-data td,.promo-admin-data th {
  5493. padding:1px 4px;
  5494. white-space:nowrap;
  5495. }
  5496.  
  5497. p.totals-are-preliminary {
  5498. margin-left:10px;
  5499. }
  5500.  
  5501. .award-square-container {
  5502. max-width:1000px;
  5503. overflow:hidden;
  5504. }
  5505.  
  5506. .award-square {
  5507. float:left;
  5508. padding:10px 0 30px 40px;
  5509. white-space:nowrap;
  5510. width:300px;
  5511. }
  5512.  
  5513. .award-square.mini {
  5514. width:100px;
  5515. white-space:normal;
  5516. text-align:center;
  5517. }
  5518.  
  5519. .award-square img {
  5520. float:left;
  5521. margin:0 10px;
  5522. width:70px;
  5523. height:70px;
  5524. }
  5525.  
  5526. .award-square.mini img {
  5527. float:none;
  5528. margin-bottom:7px;
  5529. }
  5530.  
  5531. .award-square .award-name {
  5532. color:black;
  5533. font-size:22px;
  5534. font-family:verdana,arial,helvetica,sans-serif;
  5535. font-weight:bold;
  5536. line-height:1em;
  5537. }
  5538.  
  5539. .award-square.mini .award-name {
  5540. font-size:18px;
  5541. min-height:36px;
  5542. display:block;
  5543. }
  5544.  
  5545. .award-square .winner-info {
  5546. line-height:15px;
  5547. margin-top:15px;
  5548. color:gray;
  5549. }
  5550.  
  5551. .award-square .winner-name {
  5552. font-size:18px;
  5553. color:#336699;
  5554. }
  5555.  
  5556. .lined-table {
  5557. margin:5px;
  5558. }
  5559.  
  5560. table.lined-table {
  5561. margin:5px 3px;
  5562. }
  5563.  
  5564. .lined-table th,.lined-table td {
  5565. border:solid #cdcdcd 1px;
  5566. padding:3px;
  5567. }
  5568.  
  5569. .lined-table th {
  5570. text-align:center;
  5571. font-weight:bold;
  5572. }
  5573.  
  5574. .sponsorshipbox {
  5575. max-width:300px;
  5576. }
  5577.  
  5578. .sponsorshipbox span {
  5579. color:gray;
  5580. }
  5581.  
  5582. .sponsorshipbox div {
  5583. border:1px solid #D0D0D0;
  5584. width:300px;
  5585. font-size:0;
  5586. }
  5587.  
  5588. .sponsorshipbox .promote-pixel {
  5589. right:0;
  5590. }
  5591.  
  5592. .sidecontentbox a.helplink {
  5593. float:right;
  5594. margin-top:4px;
  5595. }
  5596.  
  5597. .trophy-table {
  5598. width:100%;
  5599. }
  5600.  
  5601. .trophy-area .content {
  5602. background-color:#f5f5f5;
  5603. }
  5604.  
  5605. .trophy-info {
  5606. text-align:center;
  5607. vertical-align:top;
  5608. }
  5609.  
  5610. .trophy-info div {
  5611. margin-left:auto;
  5612. margin-right:auto;
  5613. width:130px;
  5614. vertical-align:top;
  5615. padding:15px 0;
  5616. }
  5617.  
  5618. .trophy-icon {
  5619. margin-bottom:2px;
  5620. width:40px;
  5621. height:40px;
  5622. }
  5623.  
  5624. .trophy-info.left {
  5625. margin-right:10px;
  5626. }
  5627.  
  5628. .trophy-info.right {
  5629. }
  5630.  
  5631. .trophy-name {
  5632. color:black!important;
  5633. }
  5634.  
  5635. .trophy-description {
  5636. color:#555555;
  5637. font-size:x-small;
  5638. }
  5639.  
  5640. .dust {
  5641. text-align:center;
  5642. margin:45px auto;
  5643. color:#d0d0d0;
  5644. }
  5645.  
  5646. .removecup-button {
  5647. display:inline;
  5648. }
  5649.  
  5650. .cup-info-box {
  5651. border:dashed #eeaa33 2px;
  5652. padding:5px;
  5653. }
  5654.  
  5655. .cup-info-box tt {
  5656. background-color:#f5f5aa;
  5657. }
  5658.  
  5659. .datepicker {
  5660. z-index:1000;
  5661. display:none;
  5662. border-radius:6px;
  5663. -webkit-box-shadow:0 4px 6px 3px hsla(0,0%,0%,.2),inset 0 1px 0 0 hsla(0,0%,100%,.9);
  5664. -moz-box-shadow:0 4px 6px 3px hsla(0,0%,0%,.2),inset 0 1px 0 0 hsla(0,0%,100%,.9);
  5665. box-shadow:0 4px 6px 3px hsla(0,0%,0%,.2),inset 0 1px 0 0 hsla(0,0%,100%,.9);
  5666. text-shadow:0 1px 0 hsla(0,0%,100%,.8);
  5667. }
  5668.  
  5669. .datepicker::before {
  5670. content:' ';
  5671. display:block;
  5672. width:0;
  5673. height:0;
  5674. border:10px solid;
  5675. position:absolute;
  5676. top:-20px;
  5677. left:17px;
  5678. border-color:transparent transparent #369;
  5679. }
  5680.  
  5681. .datepicker::after {
  5682. content:' ';
  5683. display:block;
  5684. width:0;
  5685. height:0;
  5686. border:10px solid;
  5687. position:absolute;
  5688. top:-18px;
  5689. left:17px;
  5690. border-color:transparent transparent #E5F2FF;
  5691. }
  5692.  
  5693. .datepicker.inuse {
  5694. display:block;
  5695. }
  5696.  
  5697. .ui-datepicker-inline {
  5698. font-size:x-small;
  5699. padding:5px;
  5700. }
  5701.  
  5702. .ui-corner-all {
  5703. border-radius:6px;
  5704. }
  5705.  
  5706. .ui-datepicker-header {
  5707. background:0;
  5708. background:0;
  5709. background-color:#ADC9E6;
  5710. border:1px solid #5E96CF;
  5711. color:#2E6399;
  5712. font-weight:bold;
  5713. font-size:1.3em;
  5714. text-shadow:0 1px 0 hsla(0,0%,100%,.7);
  5715. -webkit-box-shadow:inset 0 1px 0 hsla(0,100%,100%,.8);
  5716. -moz-box-shadow:inset 0 1px 0 hsla(0,100%,100%,.8);
  5717. box-shadow:inset 0 1px 0 hsla(0,100%,100%,.8);
  5718. }
  5719.  
  5720. .ui-datepicker-inline .ui-datepicker-prev {
  5721. float:left;
  5722. }
  5723.  
  5724. .ui-datepicker-inline .ui-datepicker-next {
  5725. float:right;
  5726. }
  5727.  
  5728. .ui-datepicker-inline .ui-datepicker-prev span,.ui-datepicker-inline .ui-datepicker-next span {
  5729. display:block;
  5730. text-align:center;
  5731. margin-right:1px;
  5732. margin-bottom:1px;
  5733. font-size:1.5em;
  5734. }
  5735.  
  5736. .ui-datepicker-inline .ui-datepicker-prev:active,.ui-datepicker-inline .ui-datepicker-next:active {
  5737. color:white;
  5738. }
  5739.  
  5740. .ui-datepicker-inline .ui-datepicker-prev.ui-state-disabled,.ui-datepicker-inline .ui-datepicker-next.ui-state-disabled {
  5741. display:none;
  5742. }
  5743.  
  5744. .ui-datepicker-inline .ui-datepicker-prev,.ui-datepicker-inline .ui-datepicker-next {
  5745. display:block;
  5746. cursor:pointer;
  5747. padding:0 5px;
  5748. }
  5749.  
  5750. .ui-datepicker-year {
  5751. margin-left:none!important;
  5752. }
  5753.  
  5754. .ui-datepicker-inline .ui-datepicker-title {
  5755. text-align:center;
  5756. padding:5px;
  5757. margin:0 2em;
  5758. }
  5759.  
  5760. .ui-datepicker-inline table {
  5761. clear:right;
  5762. margin-top:5px;
  5763. border:1px solid hsl(210,54%,59%);
  5764. }
  5765.  
  5766. .ui-datepicker-inline .ui-datepicker-calendar th,.ui-datepicker-inline .ui-datepicker-calendar td {
  5767. padding:0;
  5768. border:1px solid #5E96CF;
  5769. -webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7);
  5770. -moz-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7);
  5771. box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7);
  5772. }
  5773.  
  5774. .ui-datepicker-calendar th {
  5775. font-size:1.1em;
  5776. }
  5777.  
  5778. .ui-datepicker-inline .ui-datepicker-calendar th span,.ui-datepicker-inline .ui-datepicker-calendar td span,.ui-datepicker-inline .ui-datepicker-calendar td a {
  5779. border:0;
  5780. margin:auto;
  5781. padding:3px;
  5782. display:block;
  5783. width:30px;
  5784. height:2em;
  5785. text-align:center;
  5786. vertical-align:middle;
  5787. color:black;
  5788. background-color:#C8DBEF;
  5789. font-size:1.5em;
  5790. font-weight:bold;
  5791. -webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7);
  5792. -moz-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7);
  5793. box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7);
  5794. }
  5795.  
  5796. .ui-datepicker-inline .ui-datepicker-calendar th span {
  5797. text-align:center;
  5798. border:none;
  5799. }
  5800.  
  5801. .ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today a,.ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today span,.ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active {
  5802. color:white;
  5803. background:0;
  5804. background:0;
  5805. background-color:#4F8AC9;
  5806. -webkit-box-shadow:inset 0 2px 3px hsla(0,0%,0%,.6);
  5807. -moz-box-shadow:inset 0 2px 3px hsla(0,0%,0%,.6);
  5808. box-shadow:inset 0 2px 3px hsla(0,0%,0%,.6);
  5809. text-shadow:0 -1px 0 hsla(0,0%,0%,.8);
  5810. }
  5811.  
  5812. .ui-datepicker-inline .ui-datepicker-calendar td span {
  5813. color:#888;
  5814. }
  5815.  
  5816. .ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-hover {
  5817. background:#6BB3FF;
  5818. color:white;
  5819. text-shadow:0 -1px 0 hsla(0,0%,0%,.6);
  5820. }
  5821.  
  5822. .ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active {
  5823. background:0;
  5824. background:0;
  5825. background-color:#E19D9D;
  5826. }
  5827.  
  5828. .date-input {
  5829. display:inline;
  5830. position:relative;
  5831. }
  5832.  
  5833. .date-input input {
  5834. border:1px solid #888;
  5835. padding:2px;
  5836. text-align:center;
  5837. margin:0 2px;
  5838. }
  5839.  
  5840. .date-input .drop-choices {
  5841. position:absolute;
  5842. border:1px solid #369;
  5843. background-color:#E5F2FF;
  5844. margin:10px 3px;
  5845. }
  5846.  
  5847. .payment-setup input[name=bid] {
  5848. width:6em;
  5849. text-align:right;
  5850. }
  5851.  
  5852. .payment-setup form {
  5853. margin:20px;
  5854. }
  5855.  
  5856. .payment-setup p {
  5857. margin-bottom:10px;
  5858. }
  5859.  
  5860. .pay-form textarea[disabled] {
  5861. font-size:smaller;
  5862. padding:0;
  5863. }
  5864.  
  5865. .pay-form [disabled],.pay-form input[disabled] {
  5866. border:none;
  5867. color:black;
  5868. font-weight:bold;
  5869. background-color:white;
  5870. }
  5871.  
  5872. .bid-table {
  5873. margin:5px 10px;
  5874. }
  5875.  
  5876. .bid-table td,.bid-table th {
  5877. padding:2px 5px;
  5878. text-align:right;
  5879. }
  5880.  
  5881. .bid-table th {
  5882. text-align:center;
  5883. font-weight:bold;
  5884. }
  5885.  
  5886. .create-promotion .help {
  5887. font-size:x-small;
  5888. }
  5889.  
  5890. .create-promotion .help p {
  5891. margin:5px;
  5892. }
  5893.  
  5894. .create-promotion .help a.help {
  5895. font-weight:bold;
  5896. text-decoration:none;
  5897. float:right;
  5898. color:orangered;
  5899. }
  5900.  
  5901. .create-promo {
  5902. float:left;
  5903. width:520px;
  5904. margin-right:20px;
  5905. }
  5906.  
  5907. .create-promo .infobar {
  5908. margin-right:0;
  5909. border-color:red;
  5910. color:black;
  5911. background:none;
  5912. width:100%;
  5913. }
  5914.  
  5915. .create-promo h2 {
  5916. margin-top:10px;
  5917. color:black;
  5918. }
  5919.  
  5920. .create-promo ol {
  5921. margin:0 30px 10px;
  5922. }
  5923.  
  5924. .create-promo ol>li {
  5925. list-style-type:disc;
  5926. }
  5927.  
  5928. .create-promo .rules {
  5929. float:left;
  5930. margin-left:15px;
  5931. }
  5932.  
  5933. .fancy-settings h1,.create-promotion h1 {
  5934. font-size:200%;
  5935. color:#999;
  5936. margin:10px 5px;
  5937. }
  5938.  
  5939. .fancy-settings h2 {
  5940. font-size:200%;
  5941. font-weight:normal;
  5942. color:#999;
  5943. margin:10px 5px;
  5944. }
  5945.  
  5946. .fancy-settings h1 strong {
  5947. font-weight:bold;
  5948. color:#666;
  5949. }
  5950.  
  5951. .create-promotion .sitetable {
  5952. margin:5px;
  5953. }
  5954.  
  5955. .create-promotion .infobar {
  5956. margin-left:12px;
  5957. width:479px;
  5958. background-color:#fbd8d8;
  5959. margin-bottom:10px;
  5960. }
  5961.  
  5962. .create-promotion .create-promo .save-button {
  5963. float:right;
  5964. margin-right:3px;
  5965. }
  5966.  
  5967. .create-promotion .create-promo .save-button button {
  5968. margin-top:0;
  5969. }
  5970.  
  5971. .bidding-history {
  5972. padding-top:10px;
  5973. }
  5974.  
  5975. .bidding-history .linefield {
  5976. width:auto;
  5977. overflow:hidden;
  5978. padding-left:10px;
  5979. border-left:1px #DDD dashed;
  5980. }
  5981.  
  5982. .bidding-history .linefield .bid-table,.bidding-history .linefield .notes {
  5983. font-size:x-small;
  5984. }
  5985.  
  5986. .bidding-history .linefield .notes {
  5987. margin-top:10px;
  5988. }
  5989.  
  5990. .bidding-history .linefield .notes p {
  5991. text-indent:-20px;
  5992. padding-left:20px;
  5993. margin-bottom:2px;
  5994. font-family:courier;
  5995. }
  5996.  
  5997. .bidding-history table.bidding-history tr:hover {
  5998. background-color:#AAA;
  5999. }
  6000.  
  6001. .bidding-history table.bidding-history th,.bidding-history table.bidding-history td {
  6002. padding:2px 5px;
  6003. text-align:right;
  6004. font-size:x-small;
  6005. }
  6006.  
  6007. .bidding-history table.bidding-history th {
  6008. font-weight:bold;
  6009. }
  6010.  
  6011. .bidding-history div.graph {
  6012. height:8px;
  6013. background-color:#336699;
  6014. }
  6015.  
  6016. .pay-form tr.input-error th {
  6017. color:red;
  6018. font-weight:bold;
  6019. font-style:italic;
  6020. }
  6021.  
  6022. .pay-form th {
  6023. padding:0;
  6024. }
  6025.  
  6026. .pay-form tr.input-error input,.pay-form tr.input-error textarea,.pay-form tr.input-error select {
  6027. border:1px solid red;
  6028. }
  6029.  
  6030. .pay-form input[name=expirationDate],.pay-form input[name=cardCode] {
  6031. width:10ex;
  6032. }
  6033.  
  6034. .pay-form .optional {
  6035. font-size:smaller;
  6036. }
  6037.  
  6038. .pay-form .disabled .optional {
  6039. display:none;
  6040. }
  6041.  
  6042. .pay-form p.info {
  6043. color:red;
  6044. }
  6045.  
  6046. .pay-link {
  6047. font-size:smaller;
  6048. margin-left:10px;
  6049. }
  6050.  
  6051. dt {
  6052. margin-left:10px;
  6053. font-weight:bold;
  6054. }
  6055.  
  6056. dd {
  6057. margin-left:20px;
  6058. }
  6059.  
  6060. .calendar {
  6061. white-space:nowrap;
  6062. overflow:hidden;
  6063. width:100%;
  6064. position:relative;
  6065. padding-top:120px;
  6066. padding-bottom:100px;
  6067. margin:20px 0;
  6068. }
  6069.  
  6070. .calendar div.grid {
  6071. position:absolute;
  6072. top:0;
  6073. bottom:0;
  6074. }
  6075.  
  6076. .calendar div.grid.today {
  6077. background-color:yellow;
  6078. }
  6079.  
  6080. .calendar div.grid div.header {
  6081. font-weight:bold;
  6082. border-bottom:2px solid gray;
  6083. text-align:center;
  6084. }
  6085.  
  6086. .calendar div.grid+div.grid {
  6087. border-left:1px dashed gray;
  6088. }
  6089.  
  6090. .calendar .blob {
  6091. margin:0;
  6092. padding:0;
  6093. z-index:10;
  6094. float:left;
  6095. cursor:pointer;
  6096. }
  6097.  
  6098. .calendar .blob.link:hover {
  6099. border:1px solid red;
  6100. box-shadow:2px 2px 2px #000;
  6101. -moz-box-shadow:2px 2px 2px #000;
  6102. z-index:100;
  6103. }
  6104.  
  6105. .calendar .blob .bid {
  6106. text-align:right;
  6107. font-weight:bold;
  6108. padding:5px 5px 0;
  6109. }
  6110.  
  6111. .calendar .blob.link {
  6112. margin:-1px -2px 0;
  6113. border:1px solid black;
  6114. }
  6115.  
  6116. .calendar .blob.link .title {
  6117. font-size:small;
  6118. padding:0 5px 5px;
  6119. display:block;
  6120. }
  6121.  
  6122. .borderless td {
  6123. border:none;
  6124. }
  6125.  
  6126. .titlebox {
  6127. font-size:larger;
  6128. }
  6129.  
  6130. .titlebox h1 {
  6131. font-family:arial,verdana,helvetica,sans-serif;
  6132. margin:0;
  6133. margin-bottom:5px;
  6134. font-weight:bold;
  6135. font-size:19px;
  6136. }
  6137.  
  6138. .titlebox h1 a {
  6139. color:black;
  6140. }
  6141.  
  6142. .titlebox .karma {
  6143. font-size:18px;
  6144. font-weight:bold;
  6145. }
  6146.  
  6147. .titlebox .fancy-toggle-button {
  6148. display:inline-block;
  6149. margin-right:5px;
  6150. }
  6151.  
  6152. .titlebox .bottom {
  6153. border-top:1px solid gray;
  6154. padding-top:2px;
  6155. font-size:80%;
  6156. color:gray;
  6157. }
  6158.  
  6159. .titlebox .age {
  6160. float:right;
  6161. }
  6162.  
  6163. .titlebox .md {
  6164. font-size:90%;
  6165. }
  6166.  
  6167. .titlebox .account-notes {
  6168. font-weight:normal;
  6169. font-size:small;
  6170. margin-left:5px;
  6171. }
  6172.  
  6173. .titlebox .account-notes .unusual {
  6174. background-color:#ffdddd;
  6175. border:solid red 1px;
  6176. padding:1px 2px 2px;
  6177. margin-left:5px;
  6178. }
  6179.  
  6180. .sidecontentbox {
  6181. font-size:normal;
  6182. }
  6183.  
  6184. .sidecontentbox .content {
  6185. margin:0;
  6186. padding:5px;
  6187. border:1px solid gray;
  6188. font-size:larger;
  6189. list-style:none;
  6190. }
  6191.  
  6192. .sidecontentbox .more {
  6193. margin-top:5px;
  6194. text-align:right;
  6195. font-size:smaller;
  6196. }
  6197.  
  6198. .sidecontentbox .more a {
  6199. color:gray;
  6200. }
  6201.  
  6202. .sidecontentbox .title h1 {
  6203. display:inline;
  6204. text-transform:uppercase;
  6205. margin:0;
  6206. color:gray;
  6207. font-size:130%;
  6208. }
  6209.  
  6210. .sidecontentbox.collapsible .title {
  6211. cursor:pointer;
  6212. }
  6213.  
  6214. .sidecontentbox .collapse-button {
  6215. display:inline-block;
  6216. width:10px;
  6217. height:10px;
  6218. line-height:10px;
  6219. text-align:center;
  6220. font-size:10px;
  6221. background:#eee;
  6222. color:#333;
  6223. border:1px solid #999;
  6224. border-radius:2px;
  6225. margin:1px 8px;
  6226. vertical-align:bottom;
  6227. }
  6228.  
  6229. .titlebox form.toggle,.leavemoderator {
  6230. margin:0;
  6231. padding:5px 0;
  6232. font-size:smaller;
  6233. color:gray;
  6234. background:white none no-repeat scroll center left;
  6235. }
  6236.  
  6237. .usertable .moderator.toggle .main:before,.titlebox .leavemoderator:before,.titlebox form.leavecontributor-button:before,.icon-menu .reddit-edit:before,.icon-menu .reddit-traffic:before,.icon-menu .reddit-reported:before,.icon-menu .reddit-spam:before,.icon-menu .wikiaction-pages:before,.icon-menu .wikiaction-revisions:before,.icon-menu .reddit-ban:before,.icon-menu .reddit-flair:before,.icon-menu .reddit-moderationlog:before,.icon-menu .reddit-unmoderated:before,.icon-menu .reddit-moderators:before,.icon-menu .moderator-mail:before,.icon-menu .reddit-contributors:before,.icon-menu .reddit-modqueue:before,.giftgold a:before,.gold-form h1.goldgift:before,.users-online:before,.notice-taken:before,.notice-available:before,.info-notice:before {
  6238. height:16px;
  6239. width:16px;
  6240. display:block;
  6241. content:" ";
  6242. float:left;
  6243. margin-right:5px;
  6244. }
  6245.  
  6246. .titlebox .leavemoderator:before,.moderator.toggle .main:before {
  6247. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6248. background-position:-51px -612px;
  6249. background-repeat:no-repeat;
  6250. }
  6251.  
  6252. .moderator.accept-invite .main:before {
  6253. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6254. background-position:-102px -472px;
  6255. background-repeat:no-repeat;
  6256. }
  6257.  
  6258. .titlebox form.leavecontributor-button:before {
  6259. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6260. background-position:0 -595px;
  6261. background-repeat:no-repeat;
  6262. }
  6263.  
  6264. .titlebox form.flairtoggle {
  6265. padding:0;
  6266. }
  6267.  
  6268. .titlebox .tagline {
  6269. margin:5px 0 5px 20px;
  6270. }
  6271.  
  6272. .icon-menu a {
  6273. background:white none no-repeat scroll center left;
  6274. }
  6275.  
  6276. .icon-menu li {
  6277. margin:5px 0;
  6278. }
  6279.  
  6280. .icon-menu .reddit-edit:before {
  6281. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6282. background-position:-34px -595px;
  6283. background-repeat:no-repeat;
  6284. }
  6285.  
  6286. .icon-menu .reddit-traffic:before {
  6287. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6288. background-position:0 -612px;
  6289. background-repeat:no-repeat;
  6290. }
  6291.  
  6292. .icon-menu .reddit-reported:before {
  6293. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6294. background-position:-85px -595px;
  6295. background-repeat:no-repeat;
  6296. }
  6297.  
  6298. .icon-menu .reddit-spam:before {
  6299. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6300. background-position:-102px -595px;
  6301. background-repeat:no-repeat;
  6302. }
  6303.  
  6304. .icon-menu .reddit-ban:before {
  6305. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6306. background-position:-17px -595px;
  6307. background-repeat:no-repeat;
  6308. }
  6309.  
  6310. .icon-menu .reddit-flair:before {
  6311. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6312. background-position:-51px -595px;
  6313. background-repeat:no-repeat;
  6314. margin-left:1px;
  6315. }
  6316.  
  6317. .icon-menu .reddit-moderationlog:before {
  6318. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6319. background-position:-34px -612px;
  6320. background-repeat:no-repeat;
  6321. margin-left:1px;
  6322. }
  6323.  
  6324. .icon-menu .reddit-unmoderated:before {
  6325. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6326. background-position:-17px -612px;
  6327. background-repeat:no-repeat;
  6328. margin-left:1px;
  6329. }
  6330.  
  6331. .icon-menu .reddit-moderators:before {
  6332. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6333. background-position:-51px -612px;
  6334. background-repeat:no-repeat;
  6335. }
  6336.  
  6337. .icon-menu .moderator-mail:before {
  6338. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6339. background-position:-102px -629px;
  6340. background-repeat:no-repeat;
  6341. width:15px;
  6342. height:10px;
  6343. margin-top:4px;
  6344. margin-left:1px;
  6345. }
  6346.  
  6347. .icon-menu .reddit-contributors:before {
  6348. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6349. background-position:0 -595px;
  6350. background-repeat:no-repeat;
  6351. }
  6352.  
  6353. .icon-menu .reddit-modqueue:before {
  6354. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6355. background-position:-68px -595px;
  6356. background-repeat:no-repeat;
  6357. }
  6358.  
  6359. .users-online:before {
  6360. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6361. background-position:-85px -578px;
  6362. background-repeat:no-repeat;
  6363. }
  6364.  
  6365. .notice-taken:before,.notice-available:before {
  6366. margin-right:3px;
  6367. }
  6368.  
  6369. .notice-taken:before {
  6370. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6371. background-position:-102px -595px;
  6372. background-repeat:no-repeat;
  6373. }
  6374.  
  6375. .notice-available:before {
  6376. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6377. background-position:0 -561px;
  6378. background-repeat:no-repeat;
  6379. }
  6380.  
  6381. .info-notice:before {
  6382. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6383. background-position:-88px -537px;
  6384. background-repeat:no-repeat;
  6385. }
  6386.  
  6387. .linkinfo {
  6388. padding:5px;
  6389. border:1px solid #5f99cf;
  6390. background-color:#EFF7FF;
  6391. font-family:arial,helvetica,sans-serif;
  6392. font-size:larger;
  6393. border-radius:3px;
  6394. }
  6395.  
  6396. .linkinfo .score .number {
  6397. font-size:22px;
  6398. font-weight:bold;
  6399. }
  6400.  
  6401. .linkinfo .score .word {
  6402. font-size:15px;
  6403. font-weight:bold;
  6404. }
  6405.  
  6406. .linkinfo .upvotes {
  6407. font-size:80%;
  6408. color:orangered;
  6409. }
  6410.  
  6411. .linkinfo .downvotes {
  6412. font-size:80%;
  6413. color:#5f99cf;
  6414. }
  6415.  
  6416. .linkinfo .shortlink {
  6417. font-size:80%;
  6418. margin-top:3px;
  6419. }
  6420.  
  6421. .linkinfo .shortlink input {
  6422. border:1px solid gray;
  6423. font-family:monospace;
  6424. font-size:140%;
  6425. padding:3px 2px;
  6426. width:175px;
  6427. }
  6428.  
  6429. .linkinfo .shortlink input:hover {
  6430. cursor:text;
  6431. }
  6432.  
  6433. .linkinfo table {
  6434. margin-top:5px;
  6435. }
  6436.  
  6437. .linkinfo td,.linkinfo th {
  6438. padding:2px;
  6439. font-size:smaller;
  6440. border:1px solid gray;
  6441. }
  6442.  
  6443. a.adminbox {
  6444. border:solid 1px #eeeeee;
  6445. color:#cdcdcd;
  6446. font-family:monospace;
  6447. text-align:center;
  6448. padding-right:1px;
  6449. }
  6450.  
  6451. a.adminbox:hover {
  6452. text-decoration:none;
  6453. color:orangered;
  6454. border:solid 1px orangered;
  6455. }
  6456.  
  6457. .email {
  6458. font-family:monospace;
  6459. font-size:larger;
  6460. }
  6461.  
  6462. .lined-table,.lined-table th,.lined-table td {
  6463. border:solid #cdcdcd 1px;
  6464. border-collapse:collapse;
  6465. padding:2px;
  6466. margin-bottom:10px;
  6467. }
  6468.  
  6469. .lined-table th {
  6470. font-weight:bold;
  6471. }
  6472.  
  6473. .wide {
  6474. width:100%;
  6475. }
  6476.  
  6477. .centered {
  6478. text-align:center;
  6479. vertical-align:middle;
  6480. }
  6481.  
  6482. .sr-ad-table .inherited {
  6483. background-color:#ddeeff;
  6484. }
  6485.  
  6486. .sr-ad-table .overridden {
  6487. background-color:#ffeedd;
  6488. }
  6489.  
  6490. .sr-ad-table .unused {
  6491. background-color:#eee;
  6492. }
  6493.  
  6494. .sr-ad-table .inherited .whence {
  6495. font-style:italic;
  6496. }
  6497.  
  6498. .sr-ad-table .overridden .whence {
  6499. font-weight:bold;
  6500. }
  6501.  
  6502. .sr-ad-table .details {
  6503. font-size:150%;
  6504. padding:10px;
  6505. vertical-align:top;
  6506. }
  6507.  
  6508. .sr-ad-table .details div {
  6509. }
  6510.  
  6511. .sr-ad-table .details .codename {
  6512. font-size:150%;
  6513. margin-bottom:20px;
  6514. }
  6515.  
  6516. .sr-ad-table .weight {
  6517. width:4em;
  6518. }
  6519.  
  6520. .ad-assign-table .warning {
  6521. font-weight:bold;
  6522. color:red;
  6523. }
  6524.  
  6525. a.pretty-button:hover {
  6526. text-decoration:none!important;
  6527. }
  6528.  
  6529. .pretty-button {
  6530. margin-left:5px;
  6531. margin-bottom:5px;
  6532. border:1px solid #666;
  6533. padding:1px 6px;
  6534. background:white none repeat-x scroll center left;
  6535. color:#111;
  6536. font-size:10px;
  6537. font-weight:normal;
  6538. line-height:20px;
  6539. border-radius:3px;
  6540. outline-style:none;
  6541. }
  6542.  
  6543. a.pretty-button {
  6544. color:black;
  6545. }
  6546.  
  6547. a.pretty-button.pressed {
  6548. color:white;
  6549. }
  6550.  
  6551. a.pretty-button.negative {
  6552. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6553. background-position:0 -42px;
  6554. background-repeat:repeat;
  6555. }
  6556.  
  6557. a.pretty-button.negative.pressed {
  6558. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6559. background-position:0 -21px;
  6560. background-repeat:repeat;
  6561. }
  6562.  
  6563. a.pretty-button.neutral {
  6564. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6565. background-position:0 -84px;
  6566. background-repeat:repeat;
  6567. }
  6568.  
  6569. a.pretty-button.neutral.pressed {
  6570. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6571. background-position:0 -63px;
  6572. background-repeat:repeat;
  6573. }
  6574.  
  6575. a.pretty-button.positive {
  6576. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6577. background-position:0 -126px;
  6578. background-repeat:repeat;
  6579. }
  6580.  
  6581. a.pretty-button.positive.pressed {
  6582. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6583. background-position:0 -105px;
  6584. background-repeat:repeat;
  6585. }
  6586.  
  6587. .oatmeal img {
  6588. display:block;
  6589. margin:5px auto;
  6590. }
  6591.  
  6592. .gold-thanks.gold-accent {
  6593. font-size:small;
  6594. margin:35px auto 0;
  6595. padding:20px;
  6596. width:600px;
  6597. position:relative;
  6598. display:block;
  6599. border-radius:3px;
  6600. }
  6601.  
  6602. .gold-thanks p {
  6603. margin:15px 0;
  6604. text-align:center;
  6605. }
  6606.  
  6607. .gold-thanks .lounge-msg p {
  6608. font-size:medium;
  6609. }
  6610.  
  6611. .gold-thanks .fancy-snoo img {
  6612. margin:10px auto;
  6613. position:relative;
  6614. display:block;
  6615. }
  6616.  
  6617. .gold-accent {
  6618. margin-top:10px;
  6619. padding:0 10px 5px;
  6620. background-color:#fffdcc;
  6621. border:solid 1px #e1b000;
  6622. color:#9a7d2e;
  6623. display:inline-block;
  6624. }
  6625.  
  6626. tr.gold-accent {
  6627. display:table-row;
  6628. border-radius:3px;
  6629. }
  6630.  
  6631. tr.gold-accent+tr>td {
  6632. padding-top:10px;
  6633. }
  6634.  
  6635. #per-sr-karma {
  6636. width:300px;
  6637. margin:.6em auto 0;
  6638. table-layout:fixed;
  6639. }
  6640.  
  6641. #per-sr-karma thead th,#per-sr-karma td {
  6642. text-align:right;
  6643. }
  6644.  
  6645. #per-sr-karma tbody th {
  6646. text-align:left;
  6647. }
  6648.  
  6649. #per-sr-karma #sr-karma-header {
  6650. width:150px;
  6651. text-align:left;
  6652. }
  6653.  
  6654. #per-sr-karma thead th {
  6655. font-weight:bold;
  6656. padding-bottom:2px;
  6657. }
  6658.  
  6659. #per-sr-karma tbody th {
  6660. white-space:nowrap;
  6661. overflow:hidden;
  6662. text-overflow:ellipsis;
  6663. -o-text-overflow:ellipsis;
  6664. }
  6665.  
  6666. #per-sr-karma tbody td {
  6667. font-weight:bold;
  6668. color:#666;
  6669. }
  6670.  
  6671. #per-sr-karma th.helpful span {
  6672. border-bottom:1px dotted #666;
  6673. cursor:help;
  6674. display:inline-block;
  6675. }
  6676.  
  6677. .more-karmas {
  6678. display:none;
  6679. }
  6680.  
  6681. .giftgold.karma-breakdown {
  6682. margin-top:.6em;
  6683. }
  6684.  
  6685. .friend-note button[type=submit] {
  6686. display:none;
  6687. font-size:x-small;
  6688. padding-top:1px;
  6689. padding-bottom:1px;
  6690. margin:0;
  6691. margin-left:5px;
  6692. width:45px;
  6693. }
  6694.  
  6695. .friend-note.edited button[type=submit] {
  6696. display:inline-block;
  6697. }
  6698.  
  6699. .friend-note.edited input[type=text] {
  6700. width:250px;
  6701. margin-right:0;
  6702. }
  6703.  
  6704. .gold-accent h1,.gold-accent th {
  6705. color:#6a4d00;
  6706. font-family:"Hoefler Text","Palatino Linotype","Book Antiqua",Palatino,georgia,garamond,FreeSerif,serif;
  6707. font-variant:small-caps;
  6708. }
  6709.  
  6710. .gold-accent .pretty-form input[type=text] {
  6711. margin-top:1px;
  6712. margin-bottom:2px;
  6713. margin-left:0;
  6714. }
  6715.  
  6716. .gold-accent .pretty-form input[type=text]#name {
  6717. border-radius:3px;
  6718. }
  6719.  
  6720. .gold-accent .pretty-form button {
  6721. background-color:#fff088;
  6722. color:#6a4d00;
  6723. border:1px solid #9a7d2e;
  6724. border-radius:3px;
  6725. }
  6726.  
  6727. .gold-expiration-info {
  6728. margin:3px 0;
  6729. width:278px;
  6730. text-align:center;
  6731. }
  6732.  
  6733. .gold-expiration-info .karma {
  6734. color:#583800;
  6735. }
  6736.  
  6737. .giftgold {
  6738. margin-bottom:5px;
  6739. }
  6740.  
  6741. .giftgold a {
  6742. color:#9a7d2e;
  6743. font-weight:bold;
  6744. }
  6745.  
  6746. .giftgold a:before,.gold-form h1.goldgift:before {
  6747. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  6748. background-position:-105px -537px;
  6749. background-repeat:no-repeat;
  6750. }
  6751.  
  6752. .gold-form p {
  6753. margin-bottom:8px;
  6754. }
  6755.  
  6756. .gold-form .gold-button {
  6757. margin-top:0;
  6758. }
  6759.  
  6760. .tiny {
  6761. font-size:xx-small;
  6762. }
  6763.  
  6764. .gold-accent.comment-visits-box {
  6765. color:#583800;
  6766. margin:0 5px 15px;
  6767. padding:7px 10px 7px 7px;
  6768. max-width:550px;
  6769. }
  6770.  
  6771. .gold-form {
  6772. font-family:"Hoefler Text","Palatino Linotype","Book Antiqua",Palatino,georgia,garamond,FreeSerif,serif;
  6773. min-height:600px;
  6774. line-height:22px;
  6775. }
  6776.  
  6777. .gold-form .roundfield {
  6778. border:1px solid #E1B000;
  6779. background-color:#fffdcc;
  6780. color:#6a4d00;
  6781. }
  6782.  
  6783. .gold-form .note {
  6784. font-size:11px;
  6785. font-style:italic;
  6786. color:#222;
  6787. margin-top:7px;
  6788. }
  6789.  
  6790. .gold-form .spacer {
  6791. margin-top:20px!important;
  6792. }
  6793.  
  6794. .gold-subsection {
  6795. display:none;
  6796. position:absolute;
  6797. }
  6798.  
  6799. .gold-form.cloneable {
  6800. display:none;
  6801. }
  6802.  
  6803. .gold-form textarea,.gold-form input[type=text] {
  6804. margin-top:3px;
  6805. }
  6806.  
  6807. .gold-payment form {
  6808. display:inline;
  6809. }
  6810.  
  6811. .gold-logo {
  6812. float:left;
  6813. margin:5px 0;
  6814. }
  6815.  
  6816. .comment .gold-form {
  6817. margin:0 0 10px 4px;
  6818. min-height:0;
  6819. }
  6820.  
  6821. .gold-payment .roundfield-content {
  6822. margin-left:80px;
  6823. }
  6824.  
  6825. .gold-payment .close-button {
  6826. width:13px;
  6827. height:13px;
  6828. float:right;
  6829. margin:6px 4px 6px 8px;
  6830. border:none;
  6831. background:url(../close.png) no-repeat;
  6832. text-indent:-9999px;
  6833. opacity:.25;
  6834. }
  6835.  
  6836. .gold-payment .close-button:hover {
  6837. opacity:.55;
  6838. }
  6839.  
  6840. .gold-payment .close-button:active {
  6841. position:relative;
  6842. top:1px;
  6843. }
  6844.  
  6845. .giftmessage {
  6846. border:solid #888 1px;
  6847. color:black;
  6848. background-color:white;
  6849. padding:0 10px;
  6850. margin-bottom:15px;
  6851. border-radius:3px;
  6852. }
  6853.  
  6854. .gold-button {
  6855. padding-top:2px;
  6856. margin-top:8px;
  6857. margin-right:8px;
  6858. color:#482800;
  6859. background-color:#efcc4c;
  6860. border-color:#fff088 #fff088 #6a3d00 #6a3d00;
  6861. font-size:16px;
  6862. font-family:Palatino,georgia,garamond,FreeSerif,serif;
  6863. -webkit-appearance:none;
  6864. text-shadow:0 1px 0 hsla(0,0%,100%,.7);
  6865. }
  6866.  
  6867. .gold-button.disabled {
  6868. color:#999;
  6869. background-color:#ccc;
  6870. border-color:#aaa;
  6871. text-shadow:none;
  6872. }
  6873.  
  6874. .gold-dropdown,.goldvertisement {
  6875. font-family:"Bitstream Charter","Hoefler Text","Palatino Linotype","Book Antiqua",Palatino,georgia,garamond,FreeSerif,serif;
  6876. }
  6877.  
  6878. .gold-dropdown {
  6879. color:#482800;
  6880. background-color:#fff088;
  6881. font-size:16px;
  6882. }
  6883.  
  6884. .comment-visits-box .title {
  6885. font-weight:bold;
  6886. }
  6887.  
  6888. .comment-visits-box label {
  6889. margin-left:5px;
  6890. }
  6891.  
  6892. .new-comment .usertext-body {
  6893. background-color:#e5efff;
  6894. border:solid 1px #cddaf3;
  6895. margin:-1px 0;
  6896. }
  6897.  
  6898. .role {
  6899. width:800px;
  6900. }
  6901.  
  6902. .styled-input {
  6903. border:1px solid gray;
  6904. padding:2px;
  6905. -webkit-box-shadow:inset 0 1px 1px hsla(0,0%,0%,.3),0px 1px 0 hsla(0,0%,100%,.6);
  6906. -moz-box-shadow:inset 0 1px 1px hsla(0,0%,0%,.3),0px 1px 0 hsla(0,0%,100%,.6);
  6907. box-shadow:inset 0 1px 1px hsla(0,0%,0%,.3),0px 1px 0 hsla(0,0%,100%,.6);
  6908. }
  6909.  
  6910. .infobar.client-info {
  6911. position:relative;
  6912. margin:10px 2%;
  6913. width:94%;
  6914. height:48px;
  6915. }
  6916.  
  6917. .infobar.client-info .icon img {
  6918. position:absolute;
  6919. left:10px;
  6920. width:48px;
  6921. height:48px;
  6922. }
  6923.  
  6924. .infobar.client-info div {
  6925. line-height:48px;
  6926. margin-left:56px;
  6927. }
  6928.  
  6929. .infobar.client-info div p {
  6930. white-space:nowrap;
  6931. }
  6932.  
  6933. .oauth2-authorize {
  6934. position:relative;
  6935. background:url(../snoo-tray.png) no-repeat;
  6936. width:542px;
  6937. height:235px;
  6938. margin:40px auto 0;
  6939. padding-left:268px;
  6940. padding-top:18px;
  6941. }
  6942.  
  6943. .oauth2-authorize h1 {
  6944. margin-left:10px;
  6945. }
  6946.  
  6947. .oauth2-authorize h1 a {
  6948. font-weight:bold;
  6949. letter-spacing:-.04em;
  6950. }
  6951.  
  6952. .oauth2-authorize .icon {
  6953. position:absolute;
  6954. left:160px;
  6955. top:69px;
  6956. width:72px;
  6957. height:72px;
  6958. line-height:72px;
  6959. text-align:center;
  6960. white-space:nowrap;
  6961. }
  6962.  
  6963. .oauth2-authorize .icon img {
  6964. vertical-align:middle;
  6965. }
  6966.  
  6967. .oauth2-authorize .access,.infobar.client-info {
  6968. background:#f7f7f7;
  6969. border:1px solid #b3b3b3;
  6970. }
  6971.  
  6972. .oauth2-authorize .access {
  6973. position:relative;
  6974. float:right;
  6975. width:510px;
  6976. padding:10px 15px;
  6977. font-size:1.5em;
  6978. line-height:1.5em;
  6979. }
  6980.  
  6981. .oauth2-authorize .access:before {
  6982. position:absolute;
  6983. display:block;
  6984. content:'';
  6985. border-width:9px;
  6986. border-style:solid solid outset;
  6987. border-color:transparent #b3b3b3 transparent transparent;
  6988. left:-19px;
  6989. top:13px;
  6990. }
  6991.  
  6992. .oauth2-authorize .access:after {
  6993. position:absolute;
  6994. display:block;
  6995. content:'';
  6996. border:9px solid;
  6997. border-color:transparent #f7f7f7 transparent transparent;
  6998. left:-18px;
  6999. top:13px;
  7000. }
  7001.  
  7002. .oauth2-authorize .access .notice {
  7003. line-height:normal;
  7004. }
  7005.  
  7006. .oauth2-authorize h2 {
  7007. font-size:1em;
  7008. font-weight:normal;
  7009. color:black;
  7010. }
  7011.  
  7012. .oauth2-authorize ul {
  7013. list-style-type:disc;
  7014. padding-left:25px;
  7015. }
  7016.  
  7017. .oauth2-authorize .notice {
  7018. color:#333;
  7019. font-size:.85em;
  7020. margin:.5em 0;
  7021. }
  7022.  
  7023. .oauth2-authorize .fancybutton {
  7024. margin:0;
  7025. margin-right:1em;
  7026. cursor:pointer;
  7027. }
  7028.  
  7029. .oauth2-authorize .fancybutton.allow {
  7030. color:white;
  7031. background:#ff4500;
  7032. border-color:#541700;
  7033. box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
  7034. text-shadow:0 1px 0 rgba(0,0,0,.7);
  7035. }
  7036.  
  7037. .oauth2-authorize .fancybutton.allow:hover {
  7038. background:#ff571a;
  7039. }
  7040.  
  7041. .oauth2-authorize .fancybutton.allow:active {
  7042. background:#eb3f00;
  7043. box-shadow:inset 0 -1px 0 rgba(255,255,255,.25);
  7044. }
  7045.  
  7046. .oauth2-authorize .fancybutton.decline {
  7047. color:black;
  7048. background:#eee;
  7049. border-color:#555;
  7050. box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
  7051. text-shadow:0 1px 0 rgba(255,255,255,.7);
  7052. }
  7053.  
  7054. .oauth2-authorize .fancybutton.decline:hover {
  7055. background:#f7f7f7;
  7056. }
  7057.  
  7058. .oauth2-authorize .fancybutton.decline:active {
  7059. background:#e4e4e4;
  7060. box-shadow:inset 0 -1px 0 white;
  7061. }
  7062.  
  7063. .modactionlisting table {
  7064. margin:0 5px;
  7065. }
  7066.  
  7067. .modactionlisting td.timestamp,.modactionlisting td.subreddit {
  7068. white-space:nowrap;
  7069. }
  7070.  
  7071. .modactionlisting td.button {
  7072. padding-right:0;
  7073. padding-left:1.5em;
  7074. }
  7075.  
  7076. .modactionlisting td.description em {
  7077. font-style:italic;
  7078. }
  7079.  
  7080. .modactions td {
  7081. font-size:small;
  7082. text-align:left;
  7083. padding:2px 10px;
  7084. }
  7085.  
  7086. .modactions.banuser,.modactions.unbanuser,.modactions.removelink,.modactions.approvelink,.modactions.removecomment,.modactions.approvecomment,.modactions.addmoderator,.modactions.removemoderator,.modactions.invitemoderator,.modactions.uninvitemoderator,.modactions.acceptmoderatorinvite,.modactions.addcontributor,.modactions.removecontributor,.modactions.editsettings,.modactions.editflair,.modactions.distinguish,.modactions.marknsfw {
  7087. height:16px;
  7088. width:16px;
  7089. display:block;
  7090. content:" ";
  7091. float:left;
  7092. margin-right:5px;
  7093. }
  7094.  
  7095. .modactions.banuser {
  7096. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7097. background-position:-17px -595px;
  7098. background-repeat:no-repeat;
  7099. }
  7100.  
  7101. .modactions.unbanuser {
  7102. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7103. background-position:-34px -578px;
  7104. background-repeat:no-repeat;
  7105. }
  7106.  
  7107. .modactions.removelink {
  7108. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7109. background-position:0 -578px;
  7110. background-repeat:no-repeat;
  7111. }
  7112.  
  7113. .modactions.approvelink {
  7114. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7115. background-position:0 -561px;
  7116. background-repeat:no-repeat;
  7117. }
  7118.  
  7119. .modactions.removecomment {
  7120. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7121. background-position:-85px -561px;
  7122. background-repeat:no-repeat;
  7123. }
  7124.  
  7125. .modactions.approvecomment {
  7126. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7127. background-position:-34px -561px;
  7128. background-repeat:no-repeat;
  7129. }
  7130.  
  7131. .modactions.addmoderator,.modactions.invitemoderator,.modactions.acceptmoderatorinvite {
  7132. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7133. background-position:-102px -472px;
  7134. background-repeat:no-repeat;
  7135. }
  7136.  
  7137. .modactions.removemoderator,.modactions.uninvitemoderator {
  7138. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7139. background-position:-17px -578px;
  7140. background-repeat:no-repeat;
  7141. }
  7142.  
  7143. .modactions.addcontributor {
  7144. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7145. background-position:-17px -561px;
  7146. background-repeat:no-repeat;
  7147. }
  7148.  
  7149. .modactions.removecontributor {
  7150. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7151. background-position:-102px -561px;
  7152. background-repeat:no-repeat;
  7153. }
  7154.  
  7155. .modactions.editsettings {
  7156. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7157. background-position:-34px -595px;
  7158. background-repeat:no-repeat;
  7159. }
  7160.  
  7161. .modactions.editflair {
  7162. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7163. background-position:-51px -595px;
  7164. background-repeat:no-repeat;
  7165. }
  7166.  
  7167. .modactions.distinguish {
  7168. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7169. background-position:-51px -561px;
  7170. background-repeat:no-repeat;
  7171. }
  7172.  
  7173. .modactions.marknsfw {
  7174. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7175. background-position:-68px -561px;
  7176. background-repeat:no-repeat;
  7177. }
  7178.  
  7179. .adminpasswordform {
  7180. display:block;
  7181. margin:.5em auto 0;
  7182. }
  7183.  
  7184. .adminpasswordform label {
  7185. display:block;
  7186. padding:.5em;
  7187. }
  7188.  
  7189. .content.api-help {
  7190. font-size:1.25em;
  7191. margin:0 auto;
  7192. max-width:950px;
  7193. }
  7194.  
  7195. .api-help .contents {
  7196. padding:0 20px;
  7197. margin-left:24em;
  7198. margin-top:20px;
  7199. }
  7200.  
  7201. .api-help .contents .section {
  7202. margin-bottom:2em;
  7203. }
  7204.  
  7205. .api-help .sidebar {
  7206. float:left;
  7207. margin-left:10px;
  7208. }
  7209.  
  7210. .api-help .sidebar .head {
  7211. position:relative;
  7212. background:url(../xray-snoo-head.png) top center no-repeat;
  7213. height:188px;
  7214. margin-bottom:-78px;
  7215. z-index:2;
  7216. }
  7217.  
  7218. .api-help .sidebar .feet {
  7219. position:relative;
  7220. background:url(../xray-snoo-feet.png) top center no-repeat;
  7221. height:75px;
  7222. margin-top:-42px;
  7223. z-index:2;
  7224. }
  7225.  
  7226. .api-help .toc {
  7227. background:#181818 url(../xray-snoo-body.png) center repeat-y;
  7228. border:5px solid #959595;
  7229. border-radius:8px;
  7230. padding:15px 2em 0;
  7231. width:18em;
  7232. }
  7233.  
  7234. .api-help .contents .introduction {
  7235. position:relative;
  7236. border:2px solid #ccc;
  7237. border-radius:12px;
  7238. margin-bottom:-1em;
  7239. }
  7240.  
  7241. .api-help .contents .introduction p {
  7242. margin:1em 14px;
  7243. }
  7244.  
  7245. .api-help .contents .introduction strong {
  7246. color:#222;
  7247. font-weight:bold;
  7248. }
  7249.  
  7250. .api-help .introduction:before,.api-help .introduction:after {
  7251. position:absolute;
  7252. display:block;
  7253. content:'';
  7254. border:15px solid;
  7255. border-style:solid solid outset;
  7256. }
  7257.  
  7258. .api-help .introduction:before {
  7259. border-color:transparent #ccc transparent transparent;
  7260. left:-31px;
  7261. top:58px;
  7262. }
  7263.  
  7264. .api-help .introduction:after {
  7265. border-color:transparent white transparent transparent;
  7266. left:-28px;
  7267. top:58px;
  7268. }
  7269.  
  7270. .api-help .toc ul {
  7271. position:relative;
  7272. margin-top:.5em;
  7273. margin-bottom:1.5em;
  7274. z-index:10;
  7275. }
  7276.  
  7277. .api-help .toc>ul>li>strong {
  7278. color:#aaa;
  7279. }
  7280.  
  7281. .api-help .toc a.section {
  7282. color:#888;
  7283. font-weight:bold;
  7284. }
  7285.  
  7286. .api-help .toc a {
  7287. display:block;
  7288. color:#8EB0D2;
  7289. }
  7290.  
  7291. .api-help .toc a:hover,.api-help .endpoint a:hover {
  7292. text-decoration:underline;
  7293. }
  7294.  
  7295. .api-help .toc .mode-selector {
  7296. display:inline-block;
  7297. font-size:x-small;
  7298. border-radius:5px;
  7299. border:1px solid #888;
  7300. margin-top:6px;
  7301. vertical-align:middle;
  7302. }
  7303.  
  7304. .api-help .toc .mode-selector .mode {
  7305. display:inline-block;
  7306. margin:2px;
  7307. padding-top:2px;
  7308. padding-bottom:3px;
  7309. border-radius:3px;
  7310. text-align:center;
  7311. width:107px;
  7312. color:#ddd;
  7313. }
  7314.  
  7315. .api-help .toc .mode-selector .mode:hover {
  7316. background-color:#ccc;
  7317. color:black;
  7318. text-decoration:none;
  7319. }
  7320.  
  7321. .api-help .toc .mode-selector .mode-current {
  7322. color:black;
  7323. background-color:#eee;
  7324. }
  7325.  
  7326. .api-help .toc .mode-selector .mode-current:hover {
  7327. background-color:#ddd;
  7328. }
  7329.  
  7330. .api-help em.placeholder {
  7331. font-style:italic;
  7332. font-weight:normal;
  7333. }
  7334.  
  7335. .api-help .toc em.placeholder {
  7336. color:#8EB0D2;
  7337. }
  7338.  
  7339. .api-help .toc li.supports-oauth a {
  7340. background:none;
  7341. }
  7342.  
  7343. .api-help .toc li.supports-oauth a:after {
  7344. content:'oauth';
  7345. display:inline-block;
  7346. position:absolute;
  7347. right:0;
  7348. font-size:.75em;
  7349. background:#29440e;
  7350. color:#ddc;
  7351. padding:0 2px;
  7352. margin-left:2px;
  7353. border-radius:2px;
  7354. }
  7355.  
  7356. .api-help .endpoint em.placeholder {
  7357. color:#369;
  7358. }
  7359.  
  7360. .api-help .endpoint,.api-help .section .description {
  7361. margin-bottom:1.5em;
  7362. }
  7363.  
  7364. .api-help .oauth-scope-list {
  7365. display:inline;
  7366. margin-left:1em;
  7367. }
  7368.  
  7369. .api-help .oauth-scope {
  7370. display:inline-block;
  7371. margin-left:.5em;
  7372. font-size:.75em;
  7373. font-weight:normal;
  7374. vertical-align:bottom;
  7375. background:#577439;
  7376. color:#fbfbf9;
  7377. padding:2px 6px;
  7378. border-radius:2px;
  7379. }
  7380.  
  7381. .api-help .methods h2 {
  7382. color:black;
  7383. font-size:1.45em;
  7384. text-align:middle;
  7385. margin-top:1.5em;
  7386. margin-bottom:1em;
  7387. border-bottom:1px solid #aaa;
  7388. }
  7389.  
  7390. .api-help .methods h2 .scope-id {
  7391. margin-left:1em;
  7392. font-size:small;
  7393. font-weight:normal;
  7394. font-style:italic;
  7395. }
  7396.  
  7397. .api-help .endpoint .info {
  7398. padding-left:1em;
  7399. border-left:1px solid #ddd;
  7400. }
  7401.  
  7402. .api-help .endpoint h3,.api-help .endpoint .uri-variants {
  7403. color:#369;
  7404. margin-bottom:.5em;
  7405. }
  7406.  
  7407. .api-help .endpoint .uri-variants {
  7408. opacity:.85;
  7409. font-weight:bold;
  7410. margin-top:-.5em;
  7411. margin-left:3em;
  7412. }
  7413.  
  7414. .api-help .endpoint .method,.api-help .endpoint .extensions {
  7415. font-weight:normal;
  7416. color:gray;
  7417. }
  7418.  
  7419. .api-help .endpoint .extensions {
  7420. margin-left:.5em;
  7421. }
  7422.  
  7423. .api-help .endpoint .links {
  7424. float:right;
  7425. }
  7426.  
  7427. .api-help .endpoint .links a {
  7428. margin-left:.85em;
  7429. opacity:.45;
  7430. }
  7431.  
  7432. .api-help .endpoint:hover .links a {
  7433. opacity:1;
  7434. }
  7435.  
  7436. .api-help .parameters {
  7437. background:#f0f0f0;
  7438. border-collapse:separate;
  7439. border-radius:3px;
  7440. padding:5px 10px;
  7441. border-spacing:0;
  7442. width:100%;
  7443. }
  7444.  
  7445. .api-help .parameters th,.api-help .parameters td {
  7446. vertical-align:top;
  7447. border-bottom:1px dotted #ccc;
  7448. padding:5px 0;
  7449. margin:0;
  7450. }
  7451.  
  7452. .api-help .parameters tr:last-child th,.api-help .parameters tr:last-child td {
  7453. border:none;
  7454. }
  7455.  
  7456. .api-help .parameters th {
  7457. font-family:'Courier New',monospace;
  7458. width:50%;
  7459. }
  7460.  
  7461. #classy-error {
  7462. text-align:center;
  7463. }
  7464.  
  7465. .errorpage-message {
  7466. margin:1em auto;
  7467. width:500px;
  7468. font-size:small;
  7469. }
  7470.  
  7471. .errorpage-message.sr-description {
  7472. border-top:2px solid black;
  7473. margin-top:2em;
  7474. padding-top:2em;
  7475. }
  7476.  
  7477. .errorpage-message.sr-description h2 {
  7478. color:black;
  7479. font-weight:bold;
  7480. font-size:125%;
  7481. margin-bottom:.7em;
  7482. }
  7483.  
  7484. .sr-description p {
  7485. margin:.75em 0;
  7486. }
  7487.  
  7488. #pref-otp .roundfield {
  7489. margin:1em 0;
  7490. }
  7491.  
  7492. #pref-otp-qr {
  7493. display:none;
  7494. }
  7495.  
  7496. #otp-secret-info {
  7497. margin:2em;
  7498. width:512px;
  7499. font-size:small;
  7500. }
  7501.  
  7502. #otp-secret-info div {
  7503. margin:1em 0;
  7504. }
  7505.  
  7506. #otp-secret-info .secret {
  7507. font-weight:bold;
  7508. }
  7509.  
  7510. .users-online {
  7511. margin-bottom:.25em;
  7512. }
  7513.  
  7514. .users-online .word,.users-online .number:after {
  7515. cursor:help;
  7516. }
  7517.  
  7518. .sr-interest-bar {
  7519. position:relative;
  7520. background:#cee3f8 url(../snoo-upside-down.png) 15px top no-repeat;
  7521. padding:5px;
  7522. overflow:hidden;
  7523. border:1px solid #336699;
  7524. margin-bottom:10px;
  7525. }
  7526.  
  7527. .organic-listing .sr-interest-bar {
  7528. border:none;
  7529. margin:0;
  7530. }
  7531.  
  7532. .sr-interest-bar .bubble {
  7533. position:relative;
  7534. margin-left:85px;
  7535. margin-right:68px;
  7536. max-width:700px;
  7537. font-size:13px;
  7538. background:white;
  7539. padding:6px;
  7540. border-radius:8px;
  7541. }
  7542.  
  7543. .sr-interest-bar .bubble:after {
  7544. position:absolute;
  7545. display:block;
  7546. content:'';
  7547. border:10px solid;
  7548. border-style:solid solid outset;
  7549. border-color:transparent;
  7550. border-right-color:white;
  7551. left:-20px;
  7552. top:15px;
  7553. }
  7554.  
  7555. .sr-interest-bar .bubble p {
  7556. margin:6px 3px;
  7557. margin-top:0;
  7558. }
  7559.  
  7560. .sr-interest-bar .subscribe {
  7561. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7562. background-position:0 0;
  7563. background-repeat:repeat;
  7564. border:1px solid #444;
  7565. border-radius:3px;
  7566. padding:0 6px;
  7567. color:white;
  7568. font-weight:bold;
  7569. }
  7570.  
  7571. .sr-interest-bar .query-box {
  7572. position:relative;
  7573. padding:2px 4px;
  7574. border:2px solid #979797;
  7575. border-radius:5px;
  7576. }
  7577.  
  7578. .sr-interest-bar.focus .query-box {
  7579. border-color:#5f99cf;
  7580. }
  7581.  
  7582. .sr-interest-bar.error .query-box {
  7583. border-color:#cf5e5e;
  7584. }
  7585.  
  7586. .sr-interest-bar .error-caption,.sr-interest-bar.error .caption {
  7587. display:none;
  7588. }
  7589.  
  7590. .sr-interest-bar.error .error-caption {
  7591. display:block;
  7592. }
  7593.  
  7594. .sr-interest-bar .query {
  7595. width:100%;
  7596. font-size:20px;
  7597. margin:0;
  7598. padding:0;
  7599. border:none;
  7600. outline:none;
  7601. }
  7602.  
  7603. .sr-interest-bar .throbber {
  7604. position:absolute;
  7605. right:3px;
  7606. top:5px;
  7607. }
  7608.  
  7609. .sr-interest-bar ul.results {
  7610. margin:0;
  7611. margin-top:6px;
  7612. padding-top:2px;
  7613. border-top:1px dotted #bbb;
  7614. display:none;
  7615. }
  7616.  
  7617. .sr-interest-bar li {
  7618. display:inline-block;
  7619. margin:6px 3px;
  7620. }
  7621.  
  7622. .sr-interest-bar a {
  7623. padding:1px 2px;
  7624. }
  7625.  
  7626. .sr-interest-bar a:hover {
  7627. text-decoration:underline;
  7628. }
  7629.  
  7630. .sr-interest-bar .results .random {
  7631. color:gray;
  7632. font-weight:bold;
  7633. }
  7634.  
  7635. .ajax-upload-form iframe {
  7636. display:none;
  7637. }
  7638.  
  7639. .developed-app,.authorized-app {
  7640. border:solid 1px black;
  7641. margin-left:20px;
  7642. margin-bottom:.5em;
  7643. padding:7px;
  7644. position:relative;
  7645. width:880px;
  7646. font-size:x-small;
  7647. }
  7648.  
  7649. .developed-app.collapsed,.authorized-app {
  7650. height:100px;
  7651. }
  7652.  
  7653. .developed-app .collapsed {
  7654. display:none;
  7655. }
  7656.  
  7657. .developed-app .ajax-upload-form {
  7658. display:none;
  7659. }
  7660.  
  7661. .app-details {
  7662. display:inline-block;
  7663. width:200px;
  7664. height:72px;
  7665. margin-left:1em;
  7666. vertical-align:top;
  7667. }
  7668.  
  7669. .app-details h2 {
  7670. font-size:medium;
  7671. margin:0;
  7672. }
  7673.  
  7674. .app-details h3 {
  7675. font-size:x-small;
  7676. margin:0;
  7677. }
  7678.  
  7679. .app-icon {
  7680. display:inline-block;
  7681. width:72px;
  7682. height:72px;
  7683. line-height:72px;
  7684. text-align:center;
  7685. white-space:nowrap;
  7686. }
  7687.  
  7688. .app-icon img {
  7689. vertical-align:middle;
  7690. }
  7691.  
  7692. .app-permissions li {
  7693. position:relative;
  7694. }
  7695.  
  7696. .app-permissions-details {
  7697. margin-top:1em;
  7698. }
  7699.  
  7700. .app-scope {
  7701. display:none;
  7702. position:absolute;
  7703. top:1ex;
  7704. left:3ex;
  7705. border:1px solid black;
  7706. background:#fffdcc;
  7707. z-index:1;
  7708. }
  7709.  
  7710. .app-description {
  7711. display:inline-block;
  7712. font-size:small;
  7713. width:597px;
  7714. height:80px;
  7715. overflow-y:auto;
  7716. vertical-align:top;
  7717. }
  7718.  
  7719. .app-developers {
  7720. position:absolute;
  7721. left:289px;
  7722. bottom:1ex;
  7723. width:600px;
  7724. }
  7725.  
  7726. .edit-app-button,.revoke-app-button {
  7727. position:absolute;
  7728. bottom:1ex;
  7729. left:12px;
  7730. width:200px;
  7731. }
  7732.  
  7733. .edit-app.collapsed,.edit-app-icon,.developed-app .collapsed {
  7734. display:none;
  7735. }
  7736.  
  7737. .edit-app-icon-button {
  7738. display:block;
  7739. text-align:center;
  7740. width:72px;
  7741. }
  7742.  
  7743. .edit-app-form,.edit-app-form form {
  7744. display:inline-block;
  7745. }
  7746.  
  7747. .edit-app-form th,.edit-app-icon th {
  7748. width:12ex;
  7749. }
  7750.  
  7751. .edit-app-form input,.edit-app-form textarea {
  7752. margin:0;
  7753. width:50ex;
  7754. }
  7755.  
  7756. .edit-app-form input[name="name"] {
  7757. width:20ex!important;
  7758. }
  7759.  
  7760. .edit-app-form input[type="file"] {
  7761. width:auto!important;
  7762. }
  7763.  
  7764. .edit-app-form input[type="submit"] {
  7765. margin-left:10px;
  7766. width:auto!important;
  7767. }
  7768.  
  7769. .delete-app-button {
  7770. position:absolute;
  7771. bottom:7px;
  7772. left:100px;
  7773. }
  7774.  
  7775. #create-app {
  7776. display:none;
  7777. }
  7778.  
  7779. table.diff {
  7780. font-size:small;
  7781. }
  7782.  
  7783. .diff_header {
  7784. background-color:lightgrey;
  7785. }
  7786.  
  7787. .diff_next {
  7788. background-color:lightgrey;
  7789. }
  7790.  
  7791. .diff_add {
  7792. background-color:lightgreen;
  7793. }
  7794.  
  7795. .diff_chg {
  7796. background-color:yellow;
  7797. }
  7798.  
  7799. .diff_sub {
  7800. background-color:lightcoral;
  7801. }
  7802.  
  7803. .gilded-comment-icon {
  7804. position:relative;
  7805. display:inline-block;
  7806. margin:0 0 -14px 8px;
  7807. top:-8px;
  7808. color:#99895F;
  7809. font-size:.9em;
  7810. vertical-align:middle;
  7811. }
  7812.  
  7813. .gilded-comment-icon:before {
  7814. display:inline-block;
  7815. content:'';
  7816. background-image:url(sprite-reddit.GyUPD65ihNY.png);
  7817. background-position:-48px -629px;
  7818. background-repeat:no-repeat;
  7819. background-repeat:no-repeat;
  7820. height:14px;
  7821. width:13px;
  7822. margin-right:2px;
  7823. vertical-align:-3px;
  7824. }
  7825.  
  7826. .user-gilded>.entry .gilded-comment-icon:before {
  7827. width:23px;
  7828. }
  7829.  
  7830. body.post-under-6h-old .gilded-comment-icon {
  7831. opacity:.55;
  7832. }
  7833.  
  7834. .buttons li.comment-save-button {
  7835. display:none;
  7836. }
  7837.  
  7838. .buttons li.comment-unsave-button {
  7839. display:inline;
  7840. }
  7841.  
  7842. body.gold .buttons li.comment-save-button {
  7843. display:inline;
  7844. }
  7845.  
  7846. .goldvertisement {
  7847. height:50px;
  7848. border:1px solid #c4b487;
  7849. text-align:center;
  7850. line-height:1.3em;
  7851. box-shadow:0 0 10px #dad0b3 inset;
  7852. color:#333;
  7853. }
  7854.  
  7855. .goldvertisement .inner {
  7856. margin:1px;
  7857. border:1px solid #dbd1b5;
  7858. height:46px;
  7859. line-height:44px;
  7860. }
  7861.  
  7862. .goldvertisement p {
  7863. display:inline-block;
  7864. vertical-align:middle;
  7865. margin:0 4px;
  7866. line-height:14px;
  7867. }
  7868.  
  7869. .goldvertisement strong {
  7870. font-size:15px;
  7871. }
  7872.  
  7873. .goldvertisement a {
  7874. color:#9a7d2e;
  7875. font-weight:bold;
  7876. text-decoration:underline;
  7877. }
  7878.  
  7879. .goldvertisement i {
  7880. font-size:11px;
  7881. font-variant:italic;
  7882. }
  7883. brought by Frontkom - Drupal CMS Experts contact: info(at)codebeautifier.com
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement