gavin19

reddit default

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