zaiger

default reddit stylesheet

Sep 23rd, 2012
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. html {
  2. height:100%;
  3. }
  4. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,iframe {
  5. margin:0;
  6. padding:0;
  7. }
  8. table { border-collapse:collapse; }
  9. fieldset,img { border:0; }
  10. address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
  11. ol,ul { list-style:none; }
  12. caption,th { text-align:left; }
  13. h1,h2,h3,h4,h5,h6 { font-size:100%; }
  14. q:before,q:after { content:''; }
  15. body {
  16. font:normal x-small verdana, arial, helvetica, sans-serif;
  17. background-color:white;
  18. z-index:1;
  19. }
  20. textarea { font: normal small verdana, arial, helvetica, sans-serif; }
  21. /* IE dumbness patch. hidden input in a hidden block that is
  22. * subsequently shown leads to the input to "show" and generate undesired
  23. * )padding. This makes it go away. */
  24. input[type=hidden] { position:absolute; }
  25. h1 { font-size:18px; font-weight: normal; margin: 10px 0 }
  26. h2 { color:#369; font-size: 13px; }
  27. h2 a { text-decoration:none }
  28. h2 a:visited { color:#369 }
  29. h2 a:hover { text-decoration:underline }
  30. h3 { font-size:110%; }
  31. a img { border:0 none; }
  32. a { text-decoration:none; color: #369; }
  33. /*
  34. a:active { border:0 none;}
  35. a:focus { -moz-outline-style:none; }
  36. */
  37. .rounded {
  38. -moz-border-radius:7px;
  39. -webkit-border-radius:7px;
  40. border-radius:7px;
  41. }
  42. .rounded .morelink {
  43. -webkit-border-top-right-radius:6px;
  44. border-top-right-radius:6px;
  45. -moz-border-radius-topright:6px;
  46. }
  47. div.autosize { display:table; width: 1px}
  48. div.autosize > div { display:table-cell; }
  49. input.txt {
  50. background-color:#f7f7f7;
  51. border:1px solid #369;
  52. }
  53. input[type=checkbox], input[type=radio] { margin-top:.4em; }
  54. label.disabled { color:gray; }
  55. .wrong {color:red; font-weight: normal}
  56. .attention {
  57. font-weight:bold;
  58. border:solid 1px #ff6600;
  59. padding:3px;
  60. -moz-border-radius:7px;
  61. -webkit-border-radius:7px;
  62. border-radius:7px;
  63. }
  64. .subform input.text { width:25em }
  65. .subform textarea.text { width:25em }
  66. .subform label { margin:0 5px 0 5px }
  67. .subform td { padding:0px 5px 5px 0}
  68. .subform td.nopadding { padding:0px}
  69. .nowrap { white-space:nowrap; }
  70. .leftpad { padding-left:1em }
  71. .nomargin { margin:0px }
  72. .nopadding { padding:0px }
  73. .fancybutton {
  74. padding:5px 10px;
  75. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 89%)), to( hsl(210, 54%, 79%)));
  76. background:-moz-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
  77. background-color:#ADC9E6;
  78. border:1px solid #5E96CF;
  79. -webkit-border-radius:7px;
  80. -moz-border-radius:7px;
  81. border-radius:7px;
  82. -webkit-background-clip:padding-box;
  83. -moz-background-clip:padding-box;
  84. color:#2E6399;
  85. text-shadow:0px 1px 0px hsla(0, 0%, 100%, .7);
  86. -webkit-box-shadow:inset 0px 1px 0px hsla(0, 0%, 100%, .8);
  87. -moz-box-shadow:inset 0px 1px 0px hsla(0,0%, 100%, .8);
  88. box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8);
  89. text-decoration:none;
  90. font-weight:bold;
  91. }
  92. .fancybutton:hover {
  93. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 93%)), to( hsl(210, 54%, 89%)));
  94. background:-moz-linear-gradient(top, hsl(210, 54%, 93%), hsl(210, 54%, 89%));
  95. background-color:#D4E3F2;
  96. }
  97. .fancybutton:focus, .fancybutton:active {
  98. background:-webkit-gradient(linear, 0% 0%, 0% 100%, to( hsl(210, 54%, 89%)), from( hsl(210, 54%, 79%)));
  99. background:-moz-linear-gradient(top, hsl(210, 54%, 79%), hsl(210, 54%, 89%));
  100. background-color:#D4E3F2;
  101. -webkit-box-shadow:inset 0px -1px 0px hsla(0,0%,100%,.7);
  102. -moz-box-shadow:inset 0px -1px 0px hsla(0,0%,100%, .7);
  103. box-shadow:inset 0px -1px 0px hsla(0,0%, 100%, .7);
  104. }
  105. .fancybutton.disabled,
  106. .fancybutton.disabled:active {
  107. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 24%, 93%)), to( hsl(210, 24%, 89%)));
  108. background:-moz-linear-gradient(top, hsl(210, 24%, 93%), hsl(210, 24%, 89%));
  109. background-color:#D4E3F2;
  110. border-color:#999;
  111. color:#999;
  112. }
  113. .hover a:hover { text-decoration:underline }
  114. .selected { font-weight:bold; }
  115. .flat-list {list-style-type:none; display: inline;}
  116. .flat-list li {display:inline; }
  117. .flat-list form {display:inline; }
  118. .flat-list .selected a { color:orangered; }
  119. .link .flat-list { display:block; padding-bottom: 1px; }
  120. .link.compressed .flat-list { display:inline-block; }
  121. ul.flat-vert {text-align:left;}
  122. .flat-vert .separator { margin:0 }
  123. .flat-vert.title {
  124. font-family:arial,verdana,helvetica,sans-serif;
  125. color:#777;
  126. font-size:18px;
  127. font-weight:normal;
  128. margin-bottom:5px;
  129. }
  130. .separator { color:gray; margin: 0px .7ex 0px .7ex}
  131. .pref-lang { font-weight:bold; }
  132. .pref { font-weight:bold; }
  133. #jumpToContent { position:absolute; left: 135px; top: 25px; font-weight: bold; margin-left: -1000px;}
  134. #jumpToContent:focus { margin-left:0 !important; }
  135. #header {
  136. border-bottom:1px solid #5f99cf;
  137. position:relative;
  138. background-color:#cee3f8;
  139. z-index:99;
  140. }
  141. #header-img {margin-top:2px; margin-right: 5px;}
  142. #header-top {
  143. position:absolute;
  144. right:5px;
  145. }
  146. #header-bottom-left {
  147. font-size:larger;
  148. }
  149. #header-bottom-right {
  150. position:absolute;
  151. right:0px;
  152. bottom:0px;
  153. background-color:#EFF7FF;
  154. padding:4px;
  155. -moz-border-radius-topleft:7px;
  156. -webkit-border-top-left-radius:7px;
  157. border-top-left-radius:7px;
  158. }
  159. #mail img {position:relative; top: 2px}
  160. #modmail img {position:relative; top: 4px; margin-top: -6px; }
  161. #modmail.nohavemail {
  162. opacity:.7;
  163. filter:alpha(opacity=70);
  164. }
  165. .user {color:gray;}
  166. .pagename {
  167. font-weight:bold;
  168. margin-right:1ex;
  169. font-variant:small-caps;
  170. line-height:100%;
  171. font-size:1.2em;
  172. }
  173. .pagename a {color:black; }
  174. .redditname { }
  175. .newpagelink {
  176. padding:3px 5px;
  177. background-color:#ff9;
  178. }
  179. .dropdown {
  180. cursor:default;
  181. display:inline;
  182. position:relative;
  183. }
  184. .drop-choices.inuse { display:block; }
  185. .drop-choices {
  186. position:absolute;
  187. left:0px;
  188. border:1px solid gray;
  189. z-index:100;
  190. background-color:white;
  191. white-space:nowrap;
  192. line-height:normal;
  193. margin-top:1px;
  194. display:none;
  195. }
  196. .drop-choices a.choice {
  197. cursor:pointer;
  198. padding:2px 3px 1px 3px;
  199. display:block;
  200. }
  201. .drop-choices a.choice:hover {
  202. background-color:#c7def7;
  203. }
  204. .dropdown.heavydrop .selected{
  205. background:white none no-repeat scroll center right;
  206. background-image:url(/static/droparrow.gif);
  207. border:1px solid gray;
  208. padding:2px;
  209. padding-right:23px;
  210. padding-left:5px;
  211. font-weight:bold;
  212. }
  213. .dropdown.lightdrop .selected {
  214. position:relative;
  215. background:transparent none no-repeat scroll center right;
  216. background-image:url(/static/droparrowgray.gif);
  217. padding-right:21px;
  218. text-decoration:underline;
  219. color:gray;
  220. }
  221. .drop-choices.lightdrop {
  222. margin-top:2px;
  223. }
  224. .dropdown.tabdrop .selected {
  225. position:relative;
  226. background:white none no-repeat scroll center right;
  227. background-image:url(/static/droparrowgray.gif);
  228. padding:2px 21px 1px 5px;
  229. margin-left:3px;
  230. border:1px solid #5f99cf;
  231. border-bottom:none;
  232. color:orangered;
  233. }
  234. .dropdown.tabdrop .selected.title {
  235. background-color:#eff7ff;
  236. color:#369;
  237. padding-bottom:0;
  238. border:none;
  239. }
  240. .drop-choices.tabdrop {margin-top:2px;}
  241. .dropdown-title.tabdrop { display:none }
  242. .tabmenu {
  243. list-style-type:none;
  244. white-space:nowrap;
  245. display:inline-block;
  246. margin-top:5px;
  247. }
  248. .tabmenu li {
  249. display:inline;
  250. font-weight:bold;
  251. margin:0px 3px;
  252. }
  253. .tabmenu li a {
  254. padding:2px 6px 0 6px;
  255. background-color:#eff7ff;
  256. }
  257. .tabmenu li.selected a{
  258. color:orangered;
  259. background-color:white;
  260. border:1px solid #5f99cf;
  261. border-bottom:1px solid white;
  262. z-index:100;
  263. }
  264. #search input[type=text] {
  265. border:1px solid gray;
  266. font-size:18px;
  267. width:295px;
  268. padding:2px;
  269. }
  270. .content {
  271. z-index:1;
  272. margin:7px 5px 0px 5px;
  273. }
  274. .content .spacer { margin-bottom:5px }
  275. .state-button { display:inline }
  276. .side {
  277. float:right;
  278. background-color:white;
  279. margin:0px 5px 0 5px;
  280. width:300px;
  281. }
  282. .side .spacer {
  283. margin:7px 0 12px 0;
  284. }
  285. .morelink {
  286. display:block;
  287. text-align:center;
  288. position:relative;
  289. -moz-border-radius-topleft:6px;
  290. -moz-border-radius-bottomleft:6px;
  291. border:1px solid #c4dbf1;
  292. background:white none repeat-x scroll center left;
  293. background-image:url(/static/gradient-button.png);
  294. font-size:150%;
  295. font-weight:bold;
  296. letter-spacing:-1px;
  297. line-height:29px;
  298. height:29px;
  299. }
  300. .morelink:hover, .mlh {
  301. border-color:#879eb4;
  302. background-image:url(/static/gradient-button-hover.png);
  303. }
  304. .morelink a {
  305. display:block;
  306. width:100%;
  307. color:#369;
  308. }
  309. .morelink:hover a {
  310. color:white;
  311. }
  312. .morelink .nub {
  313. position:absolute;
  314. top:-1px;
  315. right:-1px;
  316. height:31px;
  317. width:24px;
  318. background:white none no-repeat scroll center left;
  319. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  320. background-position:-4px -4px;
  321. }
  322. .morelink:hover .nub, .mlhn {
  323. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  324. background-position:-4px -43px;
  325. }
  326. .raisedbox {
  327. padding:5px;
  328. background:#E0E0E0;
  329. border:1px solid gray;
  330. }
  331. .raisedbox h4 { margin-bottom:3px }
  332. .raisedbox li {margin-bottom:2px;}
  333. .sidebox .spacer {
  334. position:relative;
  335. margin-top:10px;
  336. padding:5px 0 0 44px;
  337. min-height:41px;
  338. background:white none no-repeat scroll top left;
  339. }
  340. .sidebox .spacer a {
  341. position:absolute;
  342. top:0; left: 0px;
  343. display:block;
  344. height:40px;
  345. width:40px;
  346. }
  347. .sidebox.create .spacer {
  348. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  349. background-position:-4px -82px;
  350. background-repeat:no-repeat;
  351. }
  352. .sidebox.gold .spacer {
  353. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  354. background-position:-4px -131px;
  355. background-repeat:no-repeat;
  356. }
  357. .sidebox.gold .morelink {
  358. border:none;
  359. background-color:transparent;
  360. background-image:url(/static/goldmorelink.png);
  361. background-position:0 0;
  362. background-repeat:no-repeat;
  363. height:31px;
  364. }
  365. .sidebox.gold .morelink a, .sidebox.gold .morelink a:visited {
  366. color:#9a7d2e;
  367. }
  368. .sidebox.gold .morelink:hover {
  369. background-position:0 -31px;
  370. }
  371. .sidebox.gold .morelink:hover a {
  372. color:#ffffff;
  373. margin-top:1px;
  374. }
  375. .sidebox.gold .morelink .nub {
  376. display:none;
  377. }
  378. .sidebox.submit .spacer {
  379. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  380. background-position:-4px -179px;
  381. background-repeat:no-repeat;
  382. }
  383. .sidebox .subtitle {
  384. margin-left:10px;
  385. color:dimgray;
  386. font-size:110%;
  387. }
  388. .infotable { margin-top:5px; margin-bottom: 10px; }
  389. .infotable .small { font-size:smaller; }
  390. .infotable td { padding-right:1em; }
  391. .infotable a:hover { text-decoration:underline }
  392. .infotable .state-button a { background-color:#F0F0F0; color: gray; }
  393. .infotable .bold { font-weight:bold; }
  394. .infotable .invalid-user { background-color:pink}
  395. .infotable .organic-vote { border:1px solid green; }
  396. .profile-attr {}
  397. .profile-attr .label {font-weight:bold; }
  398. .profile-attr .value {color:#404040;
  399. margin-right:5px; }
  400. .profile-attr .md {
  401. margin-left:10px;
  402. margin-top:5px;
  403. border-color:#B2B2B2 #D0D0D0 #D0D0D0 #B2B2B2;
  404. border-style:solid;
  405. border-width:1px;
  406. padding:10px; }
  407. .profile-attr .md ul {
  408. float:none;
  409. list-style-type:disc;
  410. margin-left:15px;
  411. }
  412. .profile-attr .md p { margin-top:0px; }
  413. .question { color:red; }
  414. .question .yes { margin-left:5px; margin-right: 3px; }
  415. .question .no { margin:0px 3px 0px 3px; }
  416. .preload {
  417. position:absolute;
  418. top:-1000px;
  419. left:-1000px;
  420. }
  421. .arrow {
  422. margin:2px 0px 0px 0px;
  423. width:100%;
  424. height:14px;
  425. display:block;
  426. cursor:pointer;
  427. background-position:center center;
  428. background-repeat:no-repeat;
  429. width:15px;
  430. margin-left:auto;
  431. margin-right:auto;
  432. }
  433. .arrow.upmod {
  434. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  435. background-position:-4px -227px;
  436. }
  437. .arrow.downmod {
  438. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  439. background-position:-4px -249px;
  440. }
  441. .arrow.up {
  442. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  443. background-position:-4px -271px;
  444. }
  445. .arrow.down {
  446. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  447. background-position:-4px -293px;
  448. }
  449. .midcol {
  450. float:left;
  451. margin-right:4px;
  452. margin-left:7px;
  453. background:transparent;
  454. overflow:hidden;
  455. }
  456. .entry {
  457. overflow:hidden;
  458. margin-left:3px;
  459. opacity:1;
  460. }
  461. .domain { color:#888; font-size:x-small; }
  462. .domain a { color:#888 }
  463. .domain a:hover { text-decoration:underline }
  464. .link-note {
  465. background-color:white;
  466. color:#ff4444;
  467. font-size:x-small;
  468. }
  469. .tagline { color:#888; font-size:x-small;
  470. }
  471. .tagline a {color:#369; text-decoration: none; }
  472. .tagline .friend { color:orangered }
  473. .tagline .submitter { color:#0055df }
  474. .tagline .moderator, .green { color:#228822 }
  475. .tagline .admin { color:#ff0011; }
  476. .tagline a.author.admin { font-weight:bold }
  477. .tagline a:hover { text-decoration:underline }
  478. .media-button .option { color:red; }
  479. .media-button .option.active {
  480. background:transparent none no-repeat scroll right center;
  481. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  482. background-position:-4px -315px;
  483. padding-right:15px;
  484. color:#336699;
  485. }
  486. .embededmedia { margin-top:5px; margin-left: 60px; }
  487. .thing .title { color:blue; padding: 0px; overflow: hidden; }
  488. .thing .title:visited { color:#551a8b }
  489. .thing .title.click { color:#551a8b }
  490. .thing .title.loggedin { color:blue }
  491. .thing .title.loggedin:visited { color:#551a8b }
  492. .thing .title.loggedin.click { color:#551a8b }
  493. .thing .title.loggedin.click:visited { color:#551a8b }
  494. .sitetable { list-style-type:none; }
  495. .ajaxhook { position:absolute; top: -1000px; left: 0px; }
  496. .nextprev { color:gray; font-size: larger; margin-top: 10px;}
  497. .help a.help {
  498. color:#808080;
  499. text-decoration:underline;
  500. }
  501. .help a.open {
  502. margin:0px 5px 5px 0;
  503. position:absolute;
  504. right:0px;
  505. bottom:0px;
  506. }
  507. .help.help-cover {
  508. background-color:#F8F8F8;
  509. border:1px solid gray;
  510. font-size:110%;
  511. display:none;
  512. padding:5px 10px 10px 10px;
  513. overflow:hidden;
  514. }
  515. .help p, .help form { margin:5px; }
  516. .help form { display:inline; }
  517. .infotext {
  518. border:1px solid #369;
  519. background-color:#EFF7FF;
  520. -webkit-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
  521. -moz-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
  522. box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
  523. }
  524. .infotext p {
  525. font-size:small;
  526. margin:5px;
  527. }
  528. .wikipage {
  529. margin:15px;
  530. }
  531. .organic-listing {
  532. border:solid 1px gray;
  533. padding:0;
  534. overflow:hidden;
  535. position:relative;
  536. min-height:50px;
  537. }
  538. .organic-listing .link {
  539. background-color:#F8F8F8;
  540. }
  541. .organic-listing .link,
  542. .organic-listing .link.promotedlink {
  543. padding:5px 7em 10px 0;
  544. margin-bottom:0px;
  545. }
  546. .organic-listing .nextprev {
  547. margin:0px;
  548. position:absolute;
  549. right:0px;
  550. top:0px;
  551. vertical-align:top;
  552. }
  553. .organic-listing .nextprev img {
  554. margin:5px 5px 2px 0px; border: solid 1px #B3B3B3;
  555. }
  556. .organic-listing .nextprev img:hover {
  557. cursor:pointer; border: solid 1px #336699;
  558. }
  559. .organic-listing .nextprev img:active { margin:6px 4px 1px 1px;}
  560. .link.promotedlink {
  561. border:1px solid gray;
  562. padding:5px 0 5px 3px;
  563. overflow:hidden;
  564. position:relative;
  565. }
  566. .link.promotedlink.unpaid { background-color:#FFC; }
  567. .link.promotedlink.unseen { background-color:#FFC; }
  568. .link.promotedlink.accepted { background-color:#9F9; }
  569. .link.promotedlink.rejected { background-color:#FF9A9A; }
  570. .link.promotedlink.accepted { background-color:#9F9; }
  571. .link.promotedlink.pending { background-color:#BFC; }
  572. .link.promotedlink.promoted { background-color:#EFF7FF; }
  573. .link.promotedlink.finished { background-color:#DDD; }
  574. #promo-form + form #img-preview-container { display:none; }
  575. .rejection-form textarea {
  576. width:40em;
  577. height:10em;
  578. }
  579. .promoted-list { font-size:larger; }
  580. .promoted-list .unpromote-button { display:inline }
  581. .promoted-list .unpromote-button a { color:gray; }
  582. .help-cover.promoted {
  583. background-color:#EFF7FF;
  584. }
  585. .organic-listing .promoted {
  586. background-color:#EFF7FF;
  587. border:none;
  588. }
  589. .organic-listing .sponsored-tagline {
  590. right:6.4em;
  591. }
  592. .sponsored-tagline {
  593. color:#808080;
  594. bottom:0;
  595. margin:0 5px 5px 0;
  596. position:absolute;
  597. font-weight:bold;
  598. right:0;
  599. }
  600. .promote-pixel {
  601. position:absolute;
  602. top:-1000px;
  603. right:-1000px;
  604. }
  605. .organic-help-button { padding:0 .5ex; }
  606. .menuarea {
  607. border-bottom:1px dotted gray;
  608. padding:5px 10px;
  609. margin:5px;
  610. overflow:hidden;
  611. font-size:larger;
  612. }
  613. .menuarea .spacer {display:inline; margin-right: 15px}
  614. .panestack-title {
  615. margin:10px 310px 0px 10px;
  616. padding-bottom:3px;
  617. border-bottom:1px dotted gray;
  618. }
  619. .panestack-title .title {
  620. font-size:16px;
  621. font-weight:normal;
  622. margin:10px 0;
  623. }
  624. .panestack-title a.title-button {
  625. font-size:12px;
  626. margin-left:8px;
  627. }
  628. .panestack-title a.title-button.gold {
  629. background-color:#fff088;
  630. color:#6a4d00;
  631. border:1px solid #9a7d2e;
  632. padding:1px 5px;
  633. -moz-border-radius:3px;
  634. -webkit-border-radius:3px;
  635. border-radius:3px;
  636. }
  637. .commentarea h1 {
  638. margin:10px 310px 0px 10px;
  639. padding-bottom:3px;
  640. border-bottom:1px dotted gray;
  641. }
  642. .commentarea .menuarea {
  643. border:none;
  644. margin:0 310px 10px 10px;
  645. padding:0;
  646. color:gray;
  647. }
  648. .commentarea > .usertext {
  649. margin:0 0 10px 10px;
  650. overflow:auto;
  651. }
  652. .infobar {
  653. background-color:#f6e69f;
  654. padding:5px 10px;
  655. margin:5px 305px 5px 0px;
  656. border:1px solid orange;
  657. font-size:small;
  658. }
  659. .infobar img {
  660. display:inline;
  661. vertical-align:middle;
  662. }
  663. .infobar.red {
  664. padding:5px;
  665. background-color:#FFAEAE;
  666. border-color:red;
  667. }
  668. .infobar.red img {
  669. float:left;
  670. margin-right:5px;
  671. }
  672. .infobar.mellow {
  673. background-color:#eff8ff;
  674. border:1px solid #bfe0ff;
  675. }
  676. .md { max-width:60em; overflow: auto; font-size: small; }
  677. .md p, .md h1 { margin:5px 0}
  678. .md h1 { font-weight:normal; font-size: 100%; }
  679. .md > * { margin-bottom:0px }
  680. .md strong { font-weight:bold; }
  681. .md em { font-style:italic; }
  682. .md strong em { font-style:italic; font-weight: bold }
  683. .md img { display:none }
  684. .md ol, .md ul { margin:10px 2em; }
  685. .md ul { list-style:disc outside }
  686. .md ol { list-style:decimal outside }
  687. .md pre { margin:10px; }
  688. .md blockquote, .help blockquote {
  689. border-left:2px solid #369;
  690. padding-left:4px;
  691. margin:5px;
  692. margin-right:15px;
  693. }
  694. .md td, .md th { border:1px solid #EEE; padding: 1px 3px; }
  695. .md th { font-weight:bold; }
  696. .md table { margin:5px 10px; }
  697. .md center { text-align:left; }
  698. a.star { text-decoration:none; color: #ff8b60 }
  699. .odd { }
  700. .even { }
  701. .entry .buttons li {
  702. display:inline;
  703. border:none;
  704. padding-right:4px;
  705. }
  706. .entry .buttons li + li {
  707. padding-left:4px;
  708. }
  709. .entry .buttons li.stamp + li.stamp {
  710. margin-left:4px;
  711. }
  712. .entry .buttons li a {
  713. color:#888;
  714. font-weight:bold;
  715. padding:0 1px;
  716. }
  717. .entry .buttons li a.nonbutton {
  718. color:#369;
  719. font-weight:normal;
  720. }
  721. .entry .buttons a:hover {text-decoration:underline}
  722. .toggle .error { font-size:x-small; }
  723. .toggle .option { display:none; }
  724. .toggle .option.active { display:inline; }
  725. .thing .stub { display:none; }
  726. .link.last-clicked { border:1px dashed gray; }
  727. .link { margin:0; margin-bottom: 8px; padding-left: 3px; }
  728. .link .score {text-align:center; color: #c6c6c6;}
  729. .link .title {font-size:medium; font-weight:normal; margin-bottom: 1px;}
  730. .link .child h3 {
  731. margin:15px;
  732. text-transform:none;
  733. font-size:medium;
  734. }
  735. .rank { overflow:hidden }
  736. .link .midcol {font-weight:bold; font-size: small;}
  737. .link .score.likes { color:#FF8B60; }
  738. .link .score.dislikes { color:#9494FF; }
  739. .link .rank {
  740. float:left;
  741. margin-top:15px;
  742. color:#c6c6c6;
  743. font-family:arial;
  744. font-size:medium;
  745. text-align:right;
  746. }
  747. .compressed { margin-bottom:5px; }
  748. .compressed .rank { margin-top:10px; }
  749. .compressed .title { margin:-2px 0 3px }
  750. .compressed .score { color:#888888 }
  751. .compressed .score-placeholder { height:3px }
  752. .compressed .subreddit { font-weight:bold }
  753. .compressed .tagline { display:inline; margin-right: 12px }
  754. .compressed .expando-button { display:none; }
  755. .score.likes, .score.dislikes {display:none;}
  756. .likes .score, .dislikes .score {display:none;}
  757. .likes .score.likes {display:inline;}
  758. .dislikes .score.dislikes {display:inline;}
  759. .likes div.score.likes {display:block;}
  760. .dislikes div.score.dislikes {display:block;}
  761. .warm-entry .rank { color:#EDA179; }
  762. .hot-entry .rank { color:#E47234; }
  763. .cool-entry .rank { color:#A5ABFB; }
  764. .cold-entry .rank { color:#4959F7; }
  765. .gadget {
  766. font-size:x-small;
  767. }
  768. .gadget .midcol {
  769. width:15px;
  770. margin:0;
  771. }
  772. .gadget .reddit-link-end {
  773. clear:left;
  774. padding-top:10px;
  775. }
  776. .gadget .click-gadget {font-size:small;}
  777. .gadget small {color:gray;}
  778. .gadget .reddit-entry {margin-left:20px;}
  779. .gadget .right {text-align:right;}
  780. .comment { margin-left:10px; }
  781. .comment .edit-body { display:none; visibility: hidden; }
  782. .comment .midcol { margin-left:0px; }
  783. .comment .title { font-size:small; margin-top: 10px;}
  784. .comment .midcol { width:15px; }
  785. .comment .author { font-weight:bold; }
  786. .comment .collapsed { font-size:x-small;
  787. color:gray;
  788. font-style:italic;
  789. padding-left:15px;
  790. padding-bottom:10px; }
  791. .comment .collapsed a { color:gray; }
  792. .comment .expand {
  793. font-style:normal;
  794. margin-left:0px;
  795. margin-right:3px;
  796. padding:1px; }
  797. .comment .expand:hover {
  798. text-decoration:none;
  799. color:white;
  800. background-color:#369;
  801. }
  802. .comment .score { font-size:x-small; }
  803. .comment .child {
  804. margin-top:10px;
  805. margin-left:15px;
  806. border-left:1px dotted #DDF;
  807. }
  808. textarea.gray { color:gray; }
  809. .deepthread {
  810. padding-right:30px;
  811. background:transparent none no-repeat scroll center right;
  812. background-image:url(/static/continue-thread.png);
  813. }
  814. .deepthread a { font-size:larger; color: #336699 }
  815. .deepthread a:hover { text-decoration:underline}
  816. .morecomments {font-size:larger}
  817. .morecomments a { color:#336699 }
  818. .morecomments a:hover { text-decoration:underline}
  819. .morecomments .gray {font-weight:normal; color: gray}
  820. .expand-btn {
  821. font-size:smaller;
  822. margin:0px 5px;
  823. margin-top:4px;
  824. display:inline-block;
  825. }
  826. .message {
  827. margin:10px 10px 20px 5px;
  828. padding-left:5px;
  829. margin:10px 10px 20px 5px;
  830. padding:7px;
  831. }
  832. .message.focal > .entry .md {
  833. background-color:#FFFFCC;
  834. }
  835. .message .collapsed .head {
  836. color:#888888;
  837. font-style:italic;
  838. }
  839. .message.message-parent .tagline,
  840. .message.message-reply .tagline {
  841. color:#485;
  842. }
  843. .message.message-parent > .entry .noncollapsed,
  844. .message.message-reply > .entry .noncollapsed {
  845. color:#485;
  846. }
  847. .message.recipient > .entry .noncollapsed {
  848. color:black;
  849. }
  850. .message.message-reply.recipient > .entry .head,
  851. .message.message-parent.recipient > .entry .head {
  852. color:black;
  853. font-weight:bold;
  854. }
  855. .message.new > .entry .head {
  856. color:orangered; font-weight:bold;
  857. }
  858. .message.new > .entry{
  859. background-color:#F7F7F7;
  860. border:1px solid #E9E9E9;
  861. padding:6px;
  862. }
  863. .message.new .unread {
  864. display:none;
  865. }
  866. .message .child .message,
  867. .message .child .usertext {
  868. margin-top:10px;
  869. margin-left:12px;
  870. }
  871. .message.was-comment .child .message,
  872. .message.was-comment .child .usertext {
  873. margin-top:0px;
  874. margin-left:0px;
  875. }
  876. .message .expand {
  877. display:none;
  878. }
  879. .message .entry {
  880. margin-left:0px;
  881. }
  882. .message.message-parent .expand {
  883. display:inline;
  884. }
  885. .message.message-parent .child,
  886. .message.message-reply .child {
  887. margin:0;
  888. padding:0;
  889. }
  890. .message.message-parent .child .message,
  891. .message.message-reply .child .message
  892. {
  893. margin:0;
  894. padding:0;
  895. }
  896. .message.message-parent .subject {
  897. margin-bottom:10px;
  898. }
  899. .message.message-parent .message .subject {
  900. display:none;
  901. }
  902. .message.message-reply .subject {
  903. display:none;
  904. }
  905. .message.message-reply .entry,
  906. .message.message-parent .entry {
  907. margin-left:10px;
  908. padding-left:10px;
  909. padding-bottom:10px;
  910. border-left:2px dashed #E7E7E7;
  911. }
  912. .message .buttons,
  913. .message .md { margin-left:15px; }
  914. .message .entry .parent {
  915. border:1px solid #336699;
  916. max-width:60em;
  917. margin:3px 10px;
  918. }
  919. .message .subject .correspondent {
  920. background-color:#EFF7FF;
  921. border:1px solid #336699;
  922. color:#336699;
  923. display:inline-block;
  924. margin-right:10px;
  925. padding:2px 5px;
  926. }
  927. .message .subject .title {
  928. font-weight:normal;
  929. font-style:italic;
  930. margin-left:10px;
  931. }
  932. .message .parent-link {
  933. margin-left:12px;
  934. padding:0 2px;
  935. font-weight:bold;
  936. }
  937. .message.was-comment .midcol { margin-left:0px; }
  938. .message.was-comment .buttons,
  939. .message.was-comment .parent-link {
  940. margin-left:0px; }
  941. .message.was-comment .md {
  942. margin-left:2px;
  943. }
  944. .message .subject { font-weight:bold; font-size: larger; }
  945. .clippy img {
  946. float:left;
  947. }
  948. .clippy-bubble {
  949. background-color:#fffdd7;
  950. border:solid black 1px;
  951. width:350px;
  952. -moz-border-radius:5px;
  953. -webkit-border-radius:5px;
  954. border-radius:5px;
  955. margin-left:5px;
  956. margin-bottom:15px;
  957. padding:7px;
  958. float:left;
  959. }
  960. .clippy-headline {
  961. font-weight:bold;
  962. margin-bottom:0.5em;
  963. }
  964. .clippy-bubble ul {
  965. list-style-type:disc;
  966. list-style-image:url(/static/clippy-bullet.png);
  967. padding-left:15px;
  968. }
  969. .clippy-bubble li {
  970. margin-top:0.5em;
  971. }
  972. .subreddit { margin-bottom:10px; }
  973. .subreddit p { margin-top:0px; margin-bottom: 1px; }
  974. .subreddit .description {font-size:small; max-width: 60em;}
  975. .subreddit .key {display:block;}
  976. .subreddit .title { font-size:medium; margin-right: 5px; }
  977. .subreddit .midcol { margin-right:5px; margin-top: 5px; text-align: right; }
  978. .fancy-toggle-button {
  979. display:block;
  980. margin-bottom:5px;
  981. }
  982. .fancy-toggle-button .active {
  983. border:1px solid #444;
  984. padding:1px 6px;
  985. background:white none repeat-x scroll center left;
  986. color:white;
  987. font-size:10px;
  988. font-weight:bold;
  989. line-height:20px;
  990. -moz-border-radius:3px;
  991. -webkit-border-radius:3px;
  992. border-radius:3px;
  993. }
  994. .fancy-toggle-button .remove {
  995. background-image:url(/static/bg-button-remove.png);
  996. }
  997. .fancy-toggle-button .add {
  998. background-image:url(/static/bg-button-add.png);
  999. }
  1000. .commentbody.border { background-color:#ffc; padding-left: 5px}
  1001. .commentbody.grayed {
  1002. color:gray;
  1003. background-color:#E0E0E0;
  1004. padding-left:5px;
  1005. }
  1006. .fixedwidth { float:left; width: 100px; height: 0px; }
  1007. .clearleft { clear:left; height: 0px; }
  1008. .clear { clear:both; }
  1009. .sharetable.preftable {margin-left:20px; }
  1010. .sharetable.preftable th { padding-bottom:5px; padding-top: 5px; }
  1011. .sharetable.preftable button { margin-top:10px }
  1012. .preftable.widget-preview { font-size:smaller; }
  1013. .preftable.widget-preview input[type="text"] { width:150px; }
  1014. .preftable #css-options input[type="text"] { margin-left:0px; width: 6em; }
  1015. .share-summary { width:95%; margin-top: 10px; }
  1016. .share-summary .head td { width:50%; font-size: large; text-align: center }
  1017. .share-summary td { vertical-align:top;}
  1018. .share-summary > tbody > tr > td {
  1019. padding-left:10px;
  1020. padding-bottom:10px;
  1021. }
  1022. .share-summary th { padding:5px; border-bottom: 1px solid #000; }
  1023. .sponsored .entry { margin-right:20px;}
  1024. .sponsored .titlerow { background:#fcfcfc;
  1025. padding:10px;
  1026. border-top:#BCBCBC solid 1px;
  1027. border-left:#BCBCBC solid 1px;
  1028. border-bottom:#E0E0E0 solid 1px;
  1029. border-right:#E0E0E0 solid 1px;
  1030. }
  1031. .footer-parent {
  1032. padding-top:40px;
  1033. clear:both;
  1034. text-align:center;
  1035. }
  1036. .footer {
  1037. color:gray;
  1038. font-size:larger;
  1039. padding:5px;
  1040. margin:15px;
  1041. border:1px solid #F0F0F0;
  1042. display:inline-block;
  1043. }
  1044. .footer .col {
  1045. float:left;
  1046. margin:10px;
  1047. padding-left:10px;
  1048. border-left:1px solid #E0E0E0;
  1049. height:150px;
  1050. }
  1051. .footer .col:first-child {border:none;}
  1052. .notes-button {
  1053. margin-top:3px;
  1054. }
  1055. .notes-status {
  1056. font-size:larger;
  1057. }
  1058. .server-status { width:300px; }
  1059. .server-status table {
  1060. font-size:xx-small;
  1061. margin-left:5px;
  1062. border-top:#BCBCBC solid 1px;
  1063. border-left:#BCBCBC solid 1px;
  1064. border-bottom:#E0E0E0 solid 1px;
  1065. border-right:#E0E0E0 solid 1px;
  1066. margin-bottom:5px;
  1067. width:290px;
  1068. }
  1069. .server-status td { padding-right:2px; padding-left: 2px; }
  1070. .server-status .bar { height:5px; background-color: blue; }
  1071. .load0 { background-color:#FFFFFF; }
  1072. .load1 { background-color:#f0f5FF; }
  1073. .load2 { background-color:#E2ECFF; }
  1074. .load3 { background-color:#d6f5cb; }
  1075. .load4 { background-color:#CAFF98; }
  1076. .load5 { background-color:#e4f484; }
  1077. .load6 { background-color:#FFEA71; }
  1078. .load7 { background-color:#ffdb81; }
  1079. .load8 { background-color:#FF9191; }
  1080. .load9 { background-color:#FF0000; color: #FFFFFF }
  1081. .server-status tr.down > * {
  1082. background-color:#C0C0C0;
  1083. text-decoration:line-through;
  1084. }
  1085. .server-status th { font-weight:bold; padding-right: 2px; }
  1086. .server-status tr.title-region { cursor:pointer; }
  1087. .server-status tr.title-region:hover > td,
  1088. .server-status tr.title-region:hover > th { text-decoration:underline; }
  1089. .server-status tr.title-region.empty { cursor:default; opacity: 0.7; }
  1090. .server-status tr.title-region.empty:hover > td,
  1091. .server-status tr.title-region.empty:hover > th { text-decoration:none; }
  1092. .server-status .pegged {
  1093. background-color:red;
  1094. font-weight:bold;
  1095. color:#FFFFFF;
  1096. }
  1097. .server-status .membar {
  1098. height:11px;
  1099. border:1px solid white;
  1100. background-color:#6699FF;
  1101. position:relative;
  1102. }
  1103. .server-status .membar span {
  1104. position:absolute;
  1105. font-size:smaller;
  1106. }
  1107. .server-status .cpu50 {
  1108. height:5px;
  1109. background-color:green;
  1110. border:1px solid white;
  1111. border-bottom:none;
  1112. }
  1113. .server-status .cpu300 {
  1114. height:5px;
  1115. background-color:red;
  1116. border:1px solid white;
  1117. }
  1118. .orangered { color:orangered; }
  1119. .logout { display:inline; }
  1120. .login-form-side {
  1121. border:1px solid gray;
  1122. }
  1123. .login-form-side input {
  1124. border:1px solid gray;
  1125. width:138px;
  1126. height:17px;
  1127. margin:5px 0px 0px 5px;
  1128. top:5px;
  1129. padding:1px;
  1130. }
  1131. .login-form-side .error {
  1132. margin:5px;
  1133. }
  1134. #remember-me {
  1135. margin:5px;
  1136. }
  1137. #rem-login-main {
  1138. position:static;
  1139. height:auto;
  1140. width:auto;
  1141. border:none;
  1142. margin-right:5px;
  1143. }
  1144. .login-form-side label {
  1145. padding:2px 0 2px 0;
  1146. margin-right:5px;
  1147. white-space:nowrap;
  1148. }
  1149. .login-form-side button {
  1150. float:right;
  1151. }
  1152. .status { margin-left:5px; color: red; font-size: small;}
  1153. .error { color:red; font-size: small; margin: 5px; }
  1154. .red { color:red }
  1155. .buygold { color:#9A7D2E; font-weight: bold; }
  1156. .line-through { text-decoration:line-through }
  1157. #noresults { margin-right:310px; }
  1158. #ad-frame {
  1159. border:0px;
  1160. overflow:hidden;
  1161. width:300px;
  1162. height:280px;
  1163. }
  1164. #searchmenu { margin:10px 0 0px 0; padding: 2px 0 0 0;
  1165. border-bottom:2px solid #369;
  1166. background-color:whitesmoke}
  1167. #searchmenu .searchlabel { background-color:white;
  1168. padding:2px 15px 0px 0px;
  1169. font-weight:bold; color: #369 }
  1170. #searchmenu .searchtime {
  1171. font-weight:bold;
  1172. display:inline;
  1173. width:305px;
  1174. }
  1175. #searchexpando {
  1176. display:none;
  1177. margin:5px 0 0 0;
  1178. -moz-border-radius:3px;
  1179. -webkit-border-radius:3px;
  1180. border-radius:3px;
  1181. }
  1182. #searchexpando input, #searchexpando p {
  1183. margin-bottom:10px;
  1184. }
  1185. #searchexpando {
  1186. padding-top:10px;
  1187. }
  1188. #searchexpando dl {
  1189. margin:10px 0;
  1190. }
  1191. #searchexpando dt {
  1192. margin:0;
  1193. }
  1194. #previoussearch p {
  1195. margin:5px 0;
  1196. }
  1197. #moresearchinfo {
  1198. display:none;
  1199. padding-top:5px;
  1200. max-width:300px;
  1201. border:0 solid orange;
  1202. margin-top:-5px;
  1203. }
  1204. label + #moresearchinfo {
  1205. border-width:1px 0 0 0;
  1206. margin-top:0px;
  1207. }
  1208. #previoussearch #moresearchinfo {
  1209. border-color:gray;
  1210. margin:5px 0;
  1211. }
  1212. #search_hidemore {
  1213. float:right;
  1214. margin-left:5px;
  1215. }
  1216. .searchparams { margin:5px 20px 5px 20px
  1217. }
  1218. .searchparams .labels {text-align:right;
  1219. margin-left:10px; }
  1220. .searchpane {
  1221. margin:5px 305px 5px 0px;
  1222. }
  1223. .searchpane #search input[type=text] { }
  1224. .search-summary {
  1225. float:right;
  1226. text-align:right;
  1227. margin:6px 8px 0 0;
  1228. }
  1229. .search-summary .result-count {
  1230. font-weight:bold;
  1231. }
  1232. .searchfail {
  1233. color:#c00000;
  1234. font-size:larger;
  1235. line-height:2em;
  1236. }
  1237. .searchfail a {
  1238. color:red;
  1239. text-decoration:underline;
  1240. }
  1241. .legal {color:#808080; font-family: serif; font-size: small; margin-top: 20px; }
  1242. .legal a {text-decoration:underline}
  1243. .divide { border-right:2px solid #D3D3D3; }
  1244. .loginform {
  1245. float:left;
  1246. width:45%;
  1247. padding-left:15px;
  1248. padding-right:15px;
  1249. }
  1250. .loginform h3 {
  1251. margin-bottom:0;
  1252. margin-top:10px;
  1253. font-size:large;
  1254. font-weight:bold;
  1255. font-variant:small-caps;
  1256. color:#404040;
  1257. }
  1258. .loginform p {
  1259. text-align:left;
  1260. margin-bottom:10px;
  1261. color:#606060;
  1262. margin-bottom:20px;
  1263. }
  1264. .loginform label {
  1265. display:block;
  1266. font-weight:bold;
  1267. color:#606060;
  1268. }
  1269. .loginform .remember { display:inline; margin-left:5px; }
  1270. .loginform ul { margin:5px; }
  1271. .loginform li { margin-top:5px; }
  1272. .loginform p .btn { margin-top:5px }
  1273. .loginform input.logtxt { width:125px; }
  1274. .loginform input[type=text],
  1275. .loginform input[type=password] {
  1276. width:125px;
  1277. border:1px solid #A0A0A0;
  1278. margin-top:2px;
  1279. margin-bottom:2px;
  1280. padding:1px;
  1281. }
  1282. .loginform #captcha {
  1283. width:250px;
  1284. }
  1285. #passform h1 {margin-bottom:0px}
  1286. #passform p {margin-bottom:5px; font-size: small}
  1287. .cover {
  1288. position:fixed;
  1289. top:0px;
  1290. left:0px;
  1291. height:100%;
  1292. width:100%;
  1293. background-color:gray;
  1294. opacity:.7;
  1295. filter:alpha(opacity=70);
  1296. z-index:1000;
  1297. }
  1298. .popup {
  1299. position:fixed;
  1300. left:10%;
  1301. background-color:white;
  1302. top:40px;
  1303. width:80%;
  1304. text-align:left;
  1305. z-index:1001;
  1306. padding:10px;
  1307. border-color:#B2B2B2 black black #B2B2B2;
  1308. border-style:solid;
  1309. border-width:1px;
  1310. }
  1311. .popup h1 {
  1312. text-align:center;
  1313. font-size:large;
  1314. font-weight:normal;
  1315. color:orangered;
  1316. }
  1317. .popup h2 {
  1318. text-align:center;
  1319. font-size:small;
  1320. margin-top:0px;
  1321. color:black;
  1322. font-weight:normal;
  1323. }
  1324. .usertable { margin-left:10px;}
  1325. .usertable { font-size:larger }
  1326. .usertable td, .usertable th { padding:0 .7em }
  1327. .usertable { white-space:nowrap }
  1328. .aboutpage { margin-right:320px; }
  1329. .aboutpage p { margin:5px; }
  1330. .aboutpage h1, .aboutpage h2 { margin:10px;}
  1331. .aboutpage .usertable { width:45%; }
  1332. .little a { font-size:x-small; }
  1333. .oldbylink a { background-color:#F0F0F0; margin: 2px; color: gray}
  1334. .error-log {
  1335. clear:both;
  1336. }
  1337. .error-log a:hover { text-decoration:underline }
  1338. .error-log .rest {
  1339. display:none;
  1340. }
  1341. .error-log:first-child .rest {
  1342. display:block;
  1343. }
  1344. .error-log, .error-log .exception {
  1345. border:solid #aaa 1px;
  1346. padding:3px 5px;
  1347. margin-bottom:10px;
  1348. }
  1349. .error-log .exception {
  1350. background-color:#f0f0f8;
  1351. }
  1352. .error-log .exception.new {
  1353. border:dashed #ff6600 2px;
  1354. }
  1355. .error-log .exception.severe {
  1356. border:solid #ff0000 2px;
  1357. background-color:#ffdfdf;
  1358. }
  1359. .error-log .exception.interesting {
  1360. border:dotted black 2px;
  1361. background-color:#e0e0e8;
  1362. }
  1363. .error-log .exception.fixed {
  1364. border:solid #008800 1px;
  1365. background-color:#e8f6e8;
  1366. }
  1367. .error-log .exception span {
  1368. font-weight:bold;
  1369. margin-right:5px;
  1370. }
  1371. .error-log .exception span.normal {
  1372. margin-right:0;
  1373. display:none;
  1374. }
  1375. .error-log .exception span.new, .error-log .edit-area label.new {
  1376. color:#ff6600;
  1377. }
  1378. .error-log .exception span.severe, .error-log .edit-area label.severe {
  1379. color:#ff0000;
  1380. }
  1381. .error-log .exception span.interesting, .error-log .edit-area label.interesting {
  1382. font-weight:normal;
  1383. font-style:italic;
  1384. }
  1385. .error-log .exception span.fixed, .error-log .edit-area label.fixed {
  1386. color:#008800;
  1387. }
  1388. .error-log .exception-name {
  1389. margin-right:5px;
  1390. display:inline-block;
  1391. max-height:50px;
  1392. overflow:hidden;
  1393. }
  1394. .error-log .nickname {
  1395. color:black;
  1396. font-weight:bold;
  1397. font-size:larger;
  1398. }
  1399. .error-log .exception.fixed .nickname {
  1400. text-decoration:line-through;
  1401. }
  1402. .error-log a:focus {
  1403. -moz-outline-style:none;
  1404. }
  1405. .error-log .edit-area {
  1406. border:solid black 1px;
  1407. background-color:#eee;
  1408. }
  1409. .error-log .edit-area label {
  1410. margin-right:25px;
  1411. }
  1412. .error-log .edit-area input[type=radio] {
  1413. margin-right:4px;
  1414. }
  1415. .error-log .edit-area input[type=text] {
  1416. width:800px;
  1417. }
  1418. .error-log .edit-area table td, .error-log .edit-area table th {
  1419. padding:5px 0 0 5px;
  1420. }
  1421. .error-log .save-button {
  1422. margin:0 5px 5px 0;
  1423. font-size:small;
  1424. padding:0;
  1425. }
  1426. .error-log .date {
  1427. font-size:150%;
  1428. font-weight:bold;
  1429. }
  1430. .error-log .hexkey {
  1431. color:#997700;
  1432. }
  1433. .error-log .exception-name {
  1434. font-size:larger;
  1435. color:#000077;
  1436. }
  1437. .error-log .frequency {
  1438. font-size:larger;
  1439. float:right;
  1440. color:#886666;
  1441. }
  1442. .error-log .occurrences {
  1443. border:solid #003300 1px;
  1444. margin:5px 0 2px;
  1445. padding:2px;
  1446. }
  1447. .error-log .occurrence {
  1448. color:#003300;
  1449. font-family:monospace;
  1450. margin-right:3em;
  1451. white-space:nowrap;
  1452. }
  1453. .error-log table.stacktrace th, .error-log table.stacktrace td {
  1454. border:solid 1px #aaa;
  1455. }
  1456. .error-log table.stacktrace td {
  1457. font-family:monospace;
  1458. }
  1459. .error-log table.stacktrace td.col-1 {
  1460. text-align:right;
  1461. padding-right:10px;
  1462. }
  1463. .error-log .logtext.error {
  1464. color:black;
  1465. margin:0 0 10px 0;
  1466. }
  1467. .error-log .logtext {
  1468. margin-bottom:10px;
  1469. border:solid #555 2px;
  1470. background-color:#eeece6;
  1471. padding:5px;
  1472. font-size:small;
  1473. }
  1474. .error-log .logtext * {
  1475. color:black;
  1476. }
  1477. .error-log .logtext.error .loglevel {
  1478. color:white;
  1479. background-color:red;
  1480. }
  1481. .error-log .logtext.warning .loglevel {
  1482. background-color:#ff6600;
  1483. }
  1484. .error-log .logtext.info .loglevel {
  1485. background-color:#00bbff;
  1486. }
  1487. .error-log .logtext.debug .loglevel {
  1488. background-color:#00ee00;
  1489. }
  1490. .error-log .logtext .loglevel {
  1491. padding:0 5px;
  1492. margin-right:5px;
  1493. border:solid black 1px;
  1494. }
  1495. .error-log .logtext table {
  1496. margin:8px 5px 2px 0;
  1497. font-family:monospace;
  1498. }
  1499. .error-log .logtext table,
  1500. .error-log .logtext table th,
  1501. .error-log .logtext table td {
  1502. border:solid #aaa 1px;
  1503. }
  1504. .error-log .logtext table th, .error-log .logtext table td {
  1505. border:solid #aaa 1px;
  1506. }
  1507. .error-log .logtext table .occ {
  1508. text-align:right;
  1509. }
  1510. .error-log .logtext table .dotdotdot {
  1511. padding:0;
  1512. }
  1513. .error-log .logtext table .dotdotdot a {
  1514. margin:0;
  1515. display:block;
  1516. width:100%;
  1517. height:100%;
  1518. background-color:#e0e0e0;
  1519. }
  1520. .error-log .logtext table .dotdotdot a:hover {
  1521. background-color:#bbb;
  1522. text-decoration:none;
  1523. }
  1524. .error-log .logtext .classification {
  1525. font-size:larger;
  1526. font-weight:bold;
  1527. }
  1528. .error-log .logtext .actual-text {
  1529. max-width:600px;
  1530. overflow:hidden;
  1531. }
  1532. .error-log .logtext .occ {
  1533. }
  1534. .details {
  1535. font-size:x-small;
  1536. margin-bottom:10px;
  1537. }
  1538. .details span { margin:0 5px 0 5px; }
  1539. .details th {
  1540. text-align:right;
  1541. padding-right:5px;
  1542. font-weight:bold;
  1543. }
  1544. .details td {
  1545. vertical-align:top;
  1546. }
  1547. .ring {
  1548. font-weight:bold;
  1549. background-color:red;
  1550. color:white;
  1551. text-align:center;
  1552. padding-left:3px;
  1553. padding-right:4px !important;
  1554. cursor:pointer;
  1555. }
  1556. .vote-note {
  1557. padding-left:3px;
  1558. max-width:150px;
  1559. }
  1560. .vote-a-notes {
  1561. color:red;
  1562. }
  1563. .vote-up {
  1564. color:orangered;
  1565. }
  1566. .vote-down {
  1567. color:#336699;
  1568. }
  1569. .vote-invalid {
  1570. color:#888888 !important;
  1571. font-style:italic;
  1572. }
  1573. .unvotable-message {
  1574. border:solid 1px #ff6600;
  1575. margin-top:4px;
  1576. padding:1px 3px;
  1577. -moz-border-radius:3px;
  1578. -webkit-border-radius:3px;
  1579. border-radius:3px;
  1580. display:none;
  1581. }
  1582. .bottommenu { color:gray; font-size: smaller; clear: both}
  1583. .bottommenu a { color:gray; text-decoration: underline; }
  1584. .button {
  1585. border-collapse:collapse;
  1586. color:gray;
  1587. text-align:center;
  1588. margin:1px;
  1589. }
  1590. .button #cover {
  1591. position:relative;
  1592. }
  1593. .button .cover {
  1594. background:white;
  1595. }
  1596. .button #popup {
  1597. position:absolute;
  1598. width:80%;
  1599. z-index:1001;
  1600. background:white;
  1601. padding:1px;
  1602. left:0px;
  1603. top:0px;
  1604. margin:0px;
  1605. border-color:#B2B2B2 black black #B2B2B2;
  1606. border-style:solid;
  1607. border-width:1px;
  1608. }
  1609. .button .arrow { width:15px; }
  1610. .num { font-weight:bold; font-size: larger }
  1611. .button.thing {
  1612. margin:0px;
  1613. padding:0px;
  1614. }
  1615. .button-body {
  1616. background-color:transparent;
  1617. }
  1618. .button .blog {
  1619. border:1px solid #c7def7;
  1620. color:gray;
  1621. text-align:center;
  1622. margin:0px;
  1623. -moz-border-radius:4px;
  1624. -webkit-border-radius:4px;
  1625. border-radius:4px;
  1626. background-color:white;
  1627. }
  1628. .button .blog .r { color:gray; }
  1629. .button .blog .score { white-space:nowrap; }
  1630. .button {color:#369;}
  1631. .button a:hover { text-decoration:underline }
  1632. .button .blog1 { font-size:x-small; }
  1633. .button .blog1 .arrow { float:left; margin-left:2px; margin-right: 2px; }
  1634. .button .blog1 .headimgcell {
  1635. background-color:#c7def7;
  1636. width:18px;
  1637. float:left;
  1638. }
  1639. .button .blog1 .score {
  1640. float:center;
  1641. margin-top:2px;
  1642. margin-right:5px;
  1643. }
  1644. .button .blog2 { font-size:small; }
  1645. .button .blog2 .arrow { width:15px; margin-left: auto; margin-right: auto; }
  1646. .button .blog2 .bottomreddit { color:black; background-color: #c7def7; font-size: small; }
  1647. .button .blog2 .score .submit {
  1648. display:block;
  1649. font-size:x-small;
  1650. line-height:17px;
  1651. }
  1652. .button .blog.blog3 {
  1653. font-size:small;
  1654. border:none;
  1655. background-color:transparent;
  1656. }
  1657. .button .blog3 .left { float:left; width: 50%; }
  1658. .button .blog2 .arrow { width:15px; margin-left: auto; margin-right: auto; }
  1659. .button .blog3 .right { float:right; margin-top: 5px; }
  1660. .button .blog3 .score .submit {
  1661. display:block;
  1662. font-size:x-small;
  1663. line-height:17px;
  1664. }
  1665. .blog5 .right { float:right; }
  1666. .blog5 .left { float:left; display:block; margin-top: 10px; }
  1667. .blog5 .clearleft { clear:left; }
  1668. .button .blog.blog5 { border:none; text-align: left; font-size: small; }
  1669. .blog5 a.bling { float:left; }
  1670. .blog5 .container { margin-left:35px; margin-top: 2px; height: 50px;}
  1671. .blog5 ul { display:inline; }
  1672. .blog5 ul a { color:#515481; font-weight: bold; text-decoration: underline; }
  1673. .blog5 li { display:inline; padding: 1px 10px 1px 10px; }
  1674. .blog5 li.selected {
  1675. background-color:#F8F8F1;
  1676. color:#000;
  1677. border-color:#CCC;
  1678. border-style:solid solid none solid;
  1679. border-width:1px;
  1680. }
  1681. .blog5 .votes {
  1682. height:25px;
  1683. background-color:#F8F8F1;
  1684. border:1px solid #CCC;
  1685. padding-top:5px;
  1686. }
  1687. .blog5 .arrow {
  1688. margin-right:15px;
  1689. margin-left:5px;
  1690. color:black;
  1691. cursor:pointer;
  1692. display:inline;
  1693. background-position:left center;
  1694. background-repeat:no-repeat;
  1695. padding-left:20px;
  1696. }
  1697. .blog5 .votes.disabled .arrow { color:#888; }
  1698. .blog5 .arrow:hover { text-decoration:none; }
  1699. .blog5 .arrow b { font-size:larger; }
  1700. .blog5 .arrow.upmod b { color:#FF8B60; }
  1701. .blog5 .arrow.downmod b { color:#9494FF; }
  1702. .blog5 .right { margin-right:5px; font-size: medium; font-style: italic; }
  1703. .optional {color:green}
  1704. .instructions { font-size:larger; }
  1705. .instructions h1, .instructions h2, .instructions h3 { margin-top:20px; margin-bottom: 20px; }
  1706. .instructions p { margin:10px; max-width: 60em}
  1707. .instructions pre { margin:5px; margin-right: 10px; }
  1708. .instructions iframe { margin:5px 10px 5px 0px; }
  1709. .instructions input, .instructions select { margin:0 .5em }
  1710. .instructions a:focus { -moz-outline-style:none; }
  1711. .instructions strong { font-weight:bold; }
  1712. .instructions .buttons { margin-left:1em; max-width: 50em; }
  1713. .instructions .buttons li { margin-top:1em;
  1714. border-bottom:1px solid #e0e0e0;
  1715. padding-bottom:1em;}
  1716. .instructions code {
  1717. display:block;
  1718. font-family:monospace;
  1719. font-size:small;
  1720. margin:5px;
  1721. background-color:#FF9;
  1722. padding:10px;
  1723. max-width:50em;}
  1724. .self-service.instructions {
  1725. margin-bottom:50px;
  1726. }
  1727. .self-service.instructions p{
  1728. margin-left:20px;
  1729. }
  1730. .self-service.instructions ul {
  1731. list-style-type:circle;
  1732. margin-left:60px;
  1733. }
  1734. .self-service.instructions li + li {
  1735. padding-top:10px;
  1736. }
  1737. .self-service.instructions li.done {
  1738. text-decoration:line-through;
  1739. list-style-image:url(/static/green-check.png);
  1740. }
  1741. .self-service.instructions li.unfinished {
  1742. font-weight:bold;
  1743. list-style-image:url(/static/red-arrow.png);
  1744. }
  1745. .feedback.instructions dl {
  1746. margin-left:20px;
  1747. }
  1748. .feedback.instructions dt {
  1749. margin-top:10px;
  1750. }
  1751. .feedback.instructions dd {
  1752. background:transparent none no-repeat scroll bottom left;
  1753. background-image:url(/static/red-arrow.png);
  1754. padding-left:35px;
  1755. }
  1756. .button-demo a.view-code,
  1757. .button-demo a.hide-code { float:right; margin-bottom: 1em; }
  1758. .button-demo a.hide-code { display:none; }
  1759. .instructions .button-demo code { display:none; }
  1760. .button-demo.show-demo a.view-code { display:none; }
  1761. .button-demo.show-demo a.hide-code { display:inline; }
  1762. .button-demo.show-demo code { display:block; }
  1763. #preview { float:right; width: 30em; margin: 10px; }
  1764. #preview span { color:lightgray; }
  1765. #preview #previewbox {
  1766. border-width:.2em;
  1767. border-style:dashed;
  1768. border-color:lightgray;
  1769. padding:1em;
  1770. font-size:larger;
  1771. }
  1772. .bookmarklet {
  1773. border:solid #888888 1px;
  1774. padding:0px 2px;
  1775. }
  1776. .toolbar {
  1777. font-size:small;
  1778. border-bottom:1px solid #336699;
  1779. background-color:#CEE3F8;
  1780. }
  1781. .toolbar .left-side {
  1782. height:19px;
  1783. float:left;
  1784. border-right:solid #336699 1px;
  1785. background-color:#EFF7FF;
  1786. }
  1787. .toolbar .middle-side {
  1788. text-align:center;
  1789. background-color:#EFF7FF;
  1790. cursor:pointer;
  1791. }
  1792. .toolbar .middle-side a, .toolbar .middle-side b {
  1793. display:block;
  1794. border-left:none;
  1795. }
  1796. .toolbar .middle-side input[type=text] {
  1797. font-size:14px;
  1798. vertical-align:baseline;
  1799. width:100%;
  1800. height:18px;
  1801. border:none;
  1802. border-top:solid transparent 1px;
  1803. margin-left:2px;
  1804. }
  1805. .toolbar .middle-side .url {
  1806. overflow:hidden;
  1807. }
  1808. .toolbar .middle-side .domain {
  1809. color:#888;
  1810. font-size:small;
  1811. }
  1812. .toolbar .right-side {
  1813. float:right;
  1814. background-color:#EFF7FF;
  1815. margin-top:-1px;
  1816. height:19px;
  1817. }
  1818. .toolbar a, .toolbar b {
  1819. font-weight:normal;
  1820. display:inline-block;
  1821. height:18px;
  1822. border-left:solid #336699 1px;
  1823. white-space:nowrap;
  1824. padding:1px 4px 0px;
  1825. overflow:hidden;
  1826. outline:none;
  1827. -moz-outline:none;
  1828. }
  1829. .toolbar .likes .score.likes {display:inline-block;}
  1830. .toolbar .dislikes .score.dislikes {display:inline-block;}
  1831. .toolbar a, .toolbar .clickable {
  1832. cursor:pointer;
  1833. color:#336699;
  1834. text-decoration:none;
  1835. }
  1836. .toolbar .clickable:active, .pushed-button {
  1837. background-color:#cee3f8 !important;
  1838. color:orangered !important;
  1839. }
  1840. .toolbar a img, toolbar b img {
  1841. vertical-align:middle;
  1842. padding-top:3px;
  1843. vertical-align:-3px;
  1844. }
  1845. .toolbar .content {
  1846. float:left;
  1847. vertical-align:middle;
  1848. }
  1849. .toolbar .logo {
  1850. margin:0px;
  1851. padding:0 2px;
  1852. border-left:none;
  1853. vertical-align:top;
  1854. }
  1855. .toolbar .title {
  1856. padding-left:1em;
  1857. padding-right:1em;
  1858. color:black;
  1859. display:block;
  1860. overflow:hidden;
  1861. }
  1862. .toolbar .title:active {
  1863. color:orangered;
  1864. }
  1865. .toolbar .controls {
  1866. float:right;
  1867. }
  1868. .toolbar .arrow {
  1869. display:inline-block;
  1870. width:auto;
  1871. margin:0px;
  1872. background-position:left center;
  1873. padding-left:16px;
  1874. }
  1875. .toolbar .arrow.upmod {
  1876. background-image:url(/static/aminiupmod.gif);
  1877. }
  1878. .toolbar .arrow.downmod {
  1879. background-image:url(/static/aminidownmod.gif);
  1880. }
  1881. .toolbar .arrow.up {
  1882. background-image:url(/static/aminiupgray.gif);
  1883. }
  1884. .toolbar .arrow.down {
  1885. background-image:url(/static/aminidowngray.gif);
  1886. }
  1887. .toolbar-status-bar {
  1888. border-top:solid #336699 1px;
  1889. border-bottom:solid #336699 1px;
  1890. background-color:#F6E69F;
  1891. padding:0px 2px;
  1892. overflow:auto;
  1893. }
  1894. .toolbar-status-bar .login-arrow-left {
  1895. overflow:auto;
  1896. background-image:url(/static/tb-loginarrow-left.png);
  1897. background-position:top right;
  1898. }
  1899. .toolbar-status-bar .login-arrow-right {
  1900. float:right;
  1901. margin-right:75px;
  1902. }
  1903. .toolbar-status-bar .login-message {
  1904. float:left;
  1905. background-color:#F6E69F;
  1906. padding-right:3px;
  1907. }
  1908. .tb-comments-panel-toggle {
  1909. }
  1910. .comments-panel .infobar {
  1911. padding:3px 10px 7px;
  1912. margin:5px 10px 10px 3px;
  1913. }
  1914. .min-body {
  1915. height:100%;
  1916. }
  1917. .min-body .content {
  1918. margin-top:0px;
  1919. border-right:solid #369 1px;
  1920. min-height:100%;
  1921. max-width:60em;
  1922. overflow:auto;
  1923. }
  1924. .min-body .content h1, .min-body .content h2 {
  1925. padding-left:13px;
  1926. display:inline-block;
  1927. margin-bottom:15px;
  1928. }
  1929. .min-body .content #noresults {
  1930. margin:0 0 0 13px;
  1931. }
  1932. .starkcomment + .clearleft + .starkcomment {
  1933. margin-top:10px
  1934. }
  1935. .starkcomment .commentbox {
  1936. color:black;
  1937. background-color:#f0f0f0;
  1938. padding:5px;
  1939. margin-left:0px;
  1940. margin-right:10px;
  1941. }
  1942. .starkcomment .tagline {
  1943. text-align:right;
  1944. }
  1945. form .blurb {
  1946. margin-bottom:5px;
  1947. }
  1948. form .spacer + .spacer {
  1949. margin:15px 0;
  1950. }
  1951. form input[type=checkbox],
  1952. form input[type=radio] {margin:2px .5em 0 0; }
  1953. .pretty-form {
  1954. font-size:larger;
  1955. vertical-align:top;
  1956. }
  1957. .pretty-form p {margin:3px ;}
  1958. .pretty-form input[type=checkbox],
  1959. .pretty-form input[type=radio] {margin:2px .5em 0 0; }
  1960. .pretty-form img { margin:3px .5em}
  1961. .pretty-form input[type=text],
  1962. .pretty-form textarea,
  1963. .pretty-form input[type=password] {
  1964. border:1px solid gray;
  1965. width:300px;
  1966. padding:2px;
  1967. -webkit-box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
  1968. -moz-box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
  1969. box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
  1970. }
  1971. .pretty-form .infobar {
  1972. width:285px;
  1973. margin:5px;
  1974. }
  1975. .pretty-form input[type=text],
  1976. .pretty-form input[type=file],
  1977. .pretty-form input[type=password],
  1978. .pretty-form select,
  1979. .pretty-form b,
  1980. .pretty-form textarea,
  1981. .pretty-form button { margin:3px 5px; }
  1982. .pretty-form th { text-align:right }
  1983. .delete-field {
  1984. background-color:white;
  1985. padding:10px;
  1986. }
  1987. .delete-field td {
  1988. vertical-align:top;
  1989. }
  1990. .pretty-form .delete-field {
  1991. background:transparent;
  1992. }
  1993. .pretty-form.short-text input[type=text],
  1994. .pretty-form.short-text textarea,
  1995. .pretty-form.short-text input[type=password] {width:2em }
  1996. #url-field button {margin:10px 5px 0 0;}
  1997. #url-field .title-status { color:red; font-size: small}
  1998. .opt-form { font-size:larger }
  1999. .opt-form form { display:inline; }
  2000. .preftable th {
  2001. padding:10px;
  2002. font-weight:bold;
  2003. vertical-align:top;
  2004. text-align:right;
  2005. white-space:nowrap;
  2006. }
  2007. .preftable th label { display:block; }
  2008. .sharetable.preftable th label { display:inline; }
  2009. .preftable th span { display:block; }
  2010. .preftable td.prefright { padding:8px 0;}
  2011. .preftable .spacer { margin-bottom:5px; }
  2012. .preftable .note { width:100%; vertical-align: top; padding-top: 10px; }
  2013. .over18 button { margin:0 10px 0 10px; padding: 5px}
  2014. .entry .buttons li.nsfw-stamp {
  2015. border:1px solid #ff7777 !important;
  2016. padding:0 4px;
  2017. background-color:white;
  2018. }
  2019. .nsfw-stamp acronym {
  2020. border:none;
  2021. color:black;
  2022. text-decoration:none;
  2023. }
  2024. .entry .buttons li.trial-stamp, .entry .buttons li.reported-stamp {
  2025. border:1px solid black !important;
  2026. padding:0 4px;
  2027. background-color:#f6e69f;
  2028. }
  2029. .entry .buttons li.trial-stamp .spam {
  2030. color:#e00;
  2031. }
  2032. .entry .buttons li.trial-stamp .kosher {
  2033. color:#090;
  2034. }
  2035. .suspicious { background-color:#f6e69f }
  2036. .thing.spam { background-color:#FA8072 }
  2037. .comment.spam > .child, .message.spam > .child {
  2038. background-color:white;
  2039. }
  2040. .comment.spam > .child {
  2041. margin-left:0;
  2042. padding-left:15px;
  2043. }
  2044. .message.spam > .child {
  2045. /* There's a thin pink "border" due to the parent's padding:7px,
  2046. which we could try to fix here some day. */
  2047. }
  2048. .banned-user {
  2049. overflow:hidden;
  2050. opacity:.7;
  2051. filter:alpha(opacity=70);
  2052. }
  2053. .banned-user .title {
  2054. text-decoration:line-through;
  2055. }
  2056. .approval-checkmark {
  2057. cursor:pointer;
  2058. height:0.8em;
  2059. vertical-align:baseline;
  2060. margin-left:3px;
  2061. }
  2062. .little { font-size:smaller }
  2063. .gray { color:gray }
  2064. .stats { float:left; margin-right: 2em; border-collapse: collapse; font-size: larger; }
  2065. .stats td.space {width:20px}
  2066. .stats td.sec { padding-bottom:7px; font-size : 18px; font-weight: normal }
  2067. .stats a {color:#369}
  2068. .stats a:hover {text-decoration:underline;}
  2069. .stats td.k { color:gray }
  2070. .stats th { text-align:left; background-color: whitesmoke;
  2071. color:#369; font-weight: bold;}
  2072. .stats td.ri { padding-left:20px; text-align: right}
  2073. .thumbnail {
  2074. float:left;
  2075. margin:0px 5px;
  2076. overflow:hidden;
  2077. width:70px;
  2078. }
  2079. .stylesheet-customize-container { }
  2080. .stylesheet-customize-container textarea { margin:0; padding: 0px; }
  2081. .stylesheet-customize-container h2 { margin-top:15px; margin-bottom: 10px; }
  2082. .image-upload .new-image { margin-left:20px }
  2083. .image-upload span { padding-left:5px; }
  2084. ul#image-preview-list {
  2085. margin:20px 320px 20px 20px;
  2086. font-size:larger;
  2087. }
  2088. ul#image-preview-list li {
  2089. padding-bottom:10px;
  2090. margin-bottom:20px;
  2091. vertical-align:top;
  2092. width:45%;
  2093. height:100px;
  2094. float:left;
  2095. position:relative;
  2096. }
  2097. ul#image-preview-list .preview {
  2098. width:100px;
  2099. float:left;
  2100. display:block;
  2101. text-align:center;
  2102. max-height:100px;
  2103. overflow:hidden;
  2104. }
  2105. ul#image-preview-list .preview img {
  2106. max-width:100px;
  2107. padding:auto;
  2108. }
  2109. ul#image-preview-list .description {
  2110. vertical-align:top;
  2111. margin-left:105px;
  2112. }
  2113. ul#image-preview-list .description pre {
  2114. display:inline;
  2115. padding:5px;
  2116. }
  2117. .sheets { margin-right:315px; }
  2118. .sheets .col { float:left; }
  2119. .sheets .col > div { margin:0 5px; }
  2120. .sheets .col textarea { width:100% }
  2121. .sheets .buttons { margin-left:5px }
  2122. .sheets .btn { margin-left:0px; margin-right: 5px; }
  2123. .sheets .btn.right { float:right; margin-right: 3px;}
  2124. #validation-errors {
  2125. margin-left:40px;
  2126. margin-top:10px;
  2127. list-style-type:disc;
  2128. }
  2129. #validation-errors a,
  2130. #validation-errors li,
  2131. .errors h2 { color:red }
  2132. #validation-errors a:hover { text-decoration:underline; }
  2133. #validation-errors pre { padding:10px; color: black; }
  2134. #preview-table {
  2135. padding-right:15px;
  2136. }
  2137. #preview-table > table {
  2138. border-width:.2em;
  2139. border-style:dashed;
  2140. border-color:lightgray;
  2141. padding:5px;
  2142. margin:5px;
  2143. width:100%;
  2144. }
  2145. #preview-table > table > tbody > tr { padding-bottom:10px; }
  2146. #preview-table > table > tbody > tr > td { padding:5px; padding-right: 15px;}
  2147. #preview-table > table > tbody > tr > th {
  2148. padding:5px; padding-right: 15px;
  2149. font-weight:bold;
  2150. vertical-align:top;
  2151. font-size:larger;
  2152. text-align:right;
  2153. }
  2154. #img-preview-container {
  2155. border-width:.2em;
  2156. border-style:dashed;
  2157. border-color:lightgray;
  2158. padding:5px;
  2159. margin:5px;
  2160. float:left;
  2161. }
  2162. .private-feeds.instructions .prefright {
  2163. line-height:2em;
  2164. }
  2165. .private-feeds.instructions .feedlink {
  2166. padding:2px 5px;
  2167. font-weight:bold;
  2168. margin-right:5px;
  2169. border:1px solid #0000FF;
  2170. color:white;
  2171. padding-left:22px;
  2172. background:#336699 none no-repeat scroll top left;
  2173. }
  2174. .private-feeds.instructions .feedlink.rss-link {
  2175. background-image:url(/static/rss.png);
  2176. }
  2177. .private-feeds.instructions .feedlink.json-link {
  2178. background-color:#DDDDDD;
  2179. background-image:url(/static/json.png);
  2180. color:black;
  2181. }
  2182. .socialite.instructions ul {
  2183. margin:10px;
  2184. max-width:60em;
  2185. }
  2186. .socialite.instructions ul > li {
  2187. list-style-type:disc;
  2188. list-style-position:inside;
  2189. }
  2190. .socialite.instructions hr {
  2191. color:#C6C6C6;
  2192. border:none;
  2193. border-top:1px solid #C6C6C6;
  2194. margin:20px 0px 20px 0px;
  2195. max-width:60em;
  2196. }
  2197. .socialite.instructions p.screenshot {
  2198. text-align:center;
  2199. }
  2200. .socialite.instructions .logotext {
  2201. line-height:32px;
  2202. }
  2203. .socialite.instructions .logotext .logo {
  2204. float:left;
  2205. margin-right:10px;
  2206. }
  2207. .socialite.instructions .logoclear {
  2208. clear:left;
  2209. }
  2210. .socialite.instructions .features {
  2211. padding-left:15px;
  2212. max-width:60em;
  2213. }
  2214. .socialite .buttonclear {
  2215. overflow:hidden;
  2216. float:right;
  2217. margin-right:20px;
  2218. }
  2219. .socialite a.installbutton {
  2220. background:transparent none no-repeat scroll top right;
  2221. background-image:url(/static/socialite/installbutton-end.png);
  2222. color:#FFF;
  2223. display:block;
  2224. float:left;
  2225. font:bold 18px "Trebuchet MS",Helvetica,"Helvetica Neue",Arial,sans-serif;
  2226. height:50px;
  2227. margin-right:6px;
  2228. padding-right:48px;
  2229. text-decoration:none;
  2230. }
  2231. .socialite a.installbutton span {
  2232. background:transparent none no-repeat;
  2233. background-image:url(/static/socialite/installbutton.png);
  2234. display:block;
  2235. line-height:30px;
  2236. padding:10px 0 10px 17px;
  2237. }
  2238. .socialite a.installbutton:hover {
  2239. background-position:bottom right;
  2240. }
  2241. .socialite a.installbutton:hover span {
  2242. background-position:bottom left;
  2243. }
  2244. #sr-header-area {
  2245. padding:3px 0px 3px 5px;
  2246. background-color:#f0f0f0;
  2247. white-space:nowrap;
  2248. overflow:hidden;
  2249. text-transform:uppercase;
  2250. border-bottom:1px solid gray;
  2251. font-size:90%;
  2252. }
  2253. #sr-header-area .selected a {
  2254. color:orangered;
  2255. }
  2256. .dropdown.srdrop .selected {
  2257. background:transparent none no-repeat scroll center right;
  2258. background-image:url(/static/droparrowgray.gif);
  2259. display:inline-block;
  2260. vertical-align:bottom;
  2261. padding-right:21px;
  2262. padding-left:5px;
  2263. color:black;
  2264. font-weight:normal;
  2265. margin-left:-5px;
  2266. margin-right:10px;
  2267. }
  2268. .srdrop .choice {padding-top:3px;}
  2269. .srdrop .choice.top-option {
  2270. font-style:italic;
  2271. border-bottom:1px dotted #369;
  2272. }
  2273. .srdrop .choice.bottom-option {
  2274. font-style:italic;
  2275. border-top:1px dotted #369;
  2276. }
  2277. .sr-bar .separator {color:gray; }
  2278. .sr-bar a {color:black;}
  2279. #sr-more-link {
  2280. color:black;
  2281. background-color:#f0f0f0;
  2282. position:absolute;
  2283. right:0px;
  2284. top:3px;
  2285. padding:0 5px 0 15px;
  2286. font-weight:bold;
  2287. margin:0;
  2288. }
  2289. #sr-more-link:hover {text-decoration:underline;}
  2290. .subscription-box li {
  2291. clear:left;
  2292. margin-bottom:10px;
  2293. }
  2294. .subscription-box .fancy-toggle-button {
  2295. margin-right:5px;
  2296. float:left;
  2297. }
  2298. .subscription-box .title {
  2299. font-size:medium;
  2300. color:blue;
  2301. margin-right:5px;
  2302. }
  2303. .subscription-box h1{ text-align:center; }
  2304. .toggle.deltranslator-button { display:inline; }
  2305. #sr { margin-left:0px }
  2306. #sr-list-wrapper {
  2307. width:454px;
  2308. height:200px;
  2309. border:1px solid gray;
  2310. border-top:none;
  2311. margin:0 5px;
  2312. font-size:smaller;
  2313. position:relative;
  2314. }
  2315. #sr-list-cover {
  2316. position:absolute;
  2317. background:gray none no-repeat scroll center center;
  2318. background-color:url(/static/throbber.gif);
  2319. height:100%;
  2320. width:100%;
  2321. opacity:.7;
  2322. filter:alpha(opacity=70);
  2323. z-index:1000;
  2324. display:none;
  2325. }
  2326. #sr-list {
  2327. overflow:auto;
  2328. position:absolute;
  2329. height:100%;
  2330. width:100%;
  2331. }
  2332. #sr-searchfield { margin:0 5px; }
  2333. .sr-name {
  2334. font-size:small;
  2335. vertical-align:top;
  2336. padding:3px 3px 3px 0;
  2337. }
  2338. .sr-description {
  2339. padding:3px
  2340. }
  2341. .sr-row {
  2342. cursor:default;
  2343. }
  2344. .sr-row.sr-selected {
  2345. background:#EFF7FF none no-repeat scroll 0px 5px;
  2346. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  2347. background-position:-4px -334px;
  2348. }
  2349. .sr-arrow {
  2350. width:10px;
  2351. height:12px;
  2352. }
  2353. #sr-autocomplete-area {
  2354. position:relative;
  2355. z-index:100;
  2356. }
  2357. #sr-drop-down {
  2358. position:absolute;
  2359. width:498px;
  2360. border:1px solid gray;
  2361. background:white;
  2362. display:none;
  2363. left:0;
  2364. }
  2365. #sr-drop-down table {
  2366. width:100%;
  2367. }
  2368. .sr-name-row {
  2369. cursor:default;
  2370. }
  2371. .sr-name-row.sr-selected {
  2372. background-color:#369;
  2373. color:white;
  2374. }
  2375. .submit-header {
  2376. font-size:larger;
  2377. font-weight:bold;
  2378. }
  2379. #suggested-reddits {
  2380. margin-top:5px;
  2381. font-size:small;
  2382. }
  2383. #suggested-reddits ul {
  2384. }
  2385. #suggested-reddits li {
  2386. display:inline;
  2387. padding-right:5px;
  2388. }
  2389. .formtabs-content {
  2390. width:520px;
  2391. border-top:4px solid #5f99cf;
  2392. padding-top:10px;
  2393. }
  2394. .formtabs-content .infobar {
  2395. margin:0;
  2396. padding:5px;
  2397. }
  2398. ul.tabmenu.formtab {
  2399. display:block;
  2400. padding-left:10px;
  2401. font-size:larger;
  2402. }
  2403. .tabmenu.formtab li {
  2404. margin:0;
  2405. }
  2406. .tabmenu.formtab a {
  2407. font-weight:normal;
  2408. outline:none;
  2409. padding:0px 12px;
  2410. vertical-align:bottom;
  2411. border:1px solid #c1c1c1;
  2412. border-bottom:none;
  2413. }
  2414. .tabmenu.formtab .selected a {
  2415. color:white;
  2416. font-size:130%;
  2417. background-color:#5f99cf;
  2418. border:none;
  2419. }
  2420. .expando {
  2421. clear:left;
  2422. margin:5px 0 5px 0;
  2423. }
  2424. .expando-content {
  2425. display:none;
  2426. }
  2427. .expando-button {
  2428. float:left;
  2429. height:23px;
  2430. width:23px;
  2431. margin:2px 5px 2px 0;
  2432. background:white none no-repeat scroll center center;
  2433. }
  2434. .expando-button.selftext.collapsed {
  2435. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  2436. background-position:-4px -352px;
  2437. }
  2438. .expando-button.selftext.collapsed:hover, .eb-sch {
  2439. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  2440. background-position:-4px -383px;
  2441. }
  2442. .expando-button.selftext.expanded, .eb-se {
  2443. margin-bottom:5px;
  2444. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  2445. background-position:-4px -414px;
  2446. }
  2447. .expando-button.selftext.expanded:hover, .eb-seh {
  2448. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  2449. background-position:-4px -445px;
  2450. }
  2451. .expando-button.video.collapsed {
  2452. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  2453. background-position:-4px -476px;
  2454. }
  2455. .expando-button.video.collapsed:hover, .eb-vch {
  2456. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  2457. background-position:-4px -507px;
  2458. }
  2459. .expando-button.video.expanded, .eb-ve {
  2460. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  2461. background-position:-4px -538px;
  2462. }
  2463. .expando-button.video.expanded:hover, .eb-veh {
  2464. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  2465. background-position:-4px -569px;
  2466. }
  2467. .subreddit .usertext .md {
  2468. padding:2px 5px;
  2469. background-color:#fafafa;
  2470. border:1px solid #CCC;
  2471. -moz-border-radius:7px;
  2472. -webkit-border-radius:7px;
  2473. border-radius:7px;
  2474. }
  2475. .link .usertext .md {
  2476. padding:0 5px;
  2477. background-color:#fafafa;
  2478. border:1px solid #369;
  2479. -moz-border-radius:7px;
  2480. -webkit-border-radius:7px;
  2481. border-radius:7px;
  2482. }
  2483. .usertext {
  2484. font-size:small;
  2485. position:relative;
  2486. }
  2487. .usertext-edit {
  2488. margin-top:5px;
  2489. padding:0 1px;
  2490. width:500px;
  2491. }
  2492. .usertext-edit textarea {
  2493. width:500px;
  2494. height:100px;
  2495. }
  2496. .usertext.border .usertext-body {
  2497. background-color:#ffc; padding-left: 5px;
  2498. }
  2499. .usertext.grayed .usertext-body {
  2500. color:gray;
  2501. background-color:#f0f0f0;
  2502. padding-left:5px;
  2503. padding-right:5px;
  2504. display:inline-block;
  2505. }
  2506. .usertext button {
  2507. margin:5px 5px 10px 0;
  2508. }
  2509. .usertext .help-toggle {
  2510. font-size:smaller;
  2511. float:right;
  2512. margin-top:5px;
  2513. }
  2514. .usertext .bottom-area {
  2515. overflow:hidden;
  2516. width:100%;
  2517. }
  2518. .usertext table.markhelp {
  2519. background-color:white;
  2520. margin:5px 0px;
  2521. width:100%;
  2522. }
  2523. .usertext .markhelp,
  2524. .usertext .markhelp td,
  2525. .usertext .markhelp tr {
  2526. border:1px solid #C0C0C0;
  2527. padding:4px;
  2528. margin:0px;
  2529. }
  2530. .usertext .markhelp .spaces {background-color:#c0c0c0}
  2531. .roundfield {
  2532. width:500px;
  2533. background-color:#cee3f8;
  2534. -moz-border-radius:4px;
  2535. -webkit-border-radius:4px;
  2536. border-radius:4px;
  2537. padding:5px 10px 10px 10px;
  2538. font-size:large;
  2539. }
  2540. .roundfield .title {
  2541. }
  2542. .roundfield .roundfield-content {
  2543. margin-top:5px;
  2544. border:none;
  2545. vertical-align:top;
  2546. }
  2547. .roundfield .usertext-edit {
  2548. width:500px;
  2549. }
  2550. .roundfield textarea,
  2551. .roundfield input[type=text],
  2552. .roundfield input[type=password] {
  2553. font-size:100%;
  2554. width:492px;
  2555. padding:3px;
  2556. margin:0;
  2557. border:1px solid gray;
  2558. }
  2559. .roundfield.captcha .capimage {
  2560. margin-bottom:10px;
  2561. }
  2562. .roundfield label { font-size:smaller; padding-right: 2px; }
  2563. .linefield {
  2564. width:514px;
  2565. padding:7px 5px;
  2566. font-size:large;
  2567. background-color:#CEE3F8;
  2568. margin-bottom:10px;
  2569. }
  2570. .linefield .title {
  2571. /*background-color:#CEE3F8;
  2572. /*background-color:#EFF7FF;*!/
  2573. color:#336699;*/
  2574. font-weight:bold;
  2575. padding:1px 10px;
  2576. }
  2577. .linefield .title + .gray {
  2578. font-size:x-small;
  2579. }
  2580. .linefield .delete-field {
  2581. padding:0;
  2582. font-size:smaller;
  2583. }
  2584. .linefield span + span {
  2585. margin-left:10px;
  2586. }
  2587. .linefield .info {
  2588. font-style:italic;
  2589. color:red;
  2590. font-size:small;
  2591. }
  2592. .linefield .linefield-content {
  2593. /*border-color:#CEE3F8;
  2594. /*border-color:#EFF7FE;*!/
  2595. border-style:solid none none;
  2596. border-width:4px medium medium;*/
  2597. padding:2px 7px 5px;
  2598. vertical-align:top;
  2599. }
  2600. .linefield.usertext .usertext-edit {
  2601. font-size:small;
  2602. }
  2603. .linefield.usertext .edit-usertext {
  2604. font-size:x-small;
  2605. float:right;
  2606. }
  2607. .linefield .upload {
  2608. font-size:small;
  2609. }
  2610. .linefield .upload label {
  2611. font-size:small;
  2612. }
  2613. .linefield.usertext .infobar {
  2614. width:100%;
  2615. }
  2616. .linefield.usertext .usertext-buttons {
  2617. display:none;
  2618. }
  2619. .linefield textarea,
  2620. .linefield input[type=text],
  2621. .linefield input[type=password] {
  2622. font-size:100%;
  2623. width:492px;
  2624. padding:3px;
  2625. margin:0;
  2626. border:1px solid gray;
  2627. }
  2628. .linefield select { margin:0; }
  2629. .linefield
  2630. .linefield.captcha .capimage {
  2631. margin-bottom:10px;
  2632. }
  2633. .linefield label { font-size:smaller; padding-right: 2px; }
  2634. .linefield span{ font-size:smaller; }
  2635. .linefield input[type="text"].small-text {
  2636. font-size:smaller;
  2637. width:100%;
  2638. }
  2639. .campaign {
  2640. border:1px solid #336699;
  2641. background-color:#EFF7FF;
  2642. padding:5px;
  2643. -webkit-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
  2644. -moz-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
  2645. box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.8), 0px 1px 0px hsla(0,0%,100%,.6);
  2646. }
  2647. .campaign .status {
  2648. font-size:x-small;
  2649. }
  2650. .existing-campaigns > table {
  2651. font-size:x-small;
  2652. width:100%;
  2653. margin:0px 0;
  2654. border:none;
  2655. }
  2656. .existing-campaigns td.bid {
  2657. background:transparent none no-repeat scroll center right;
  2658. padding-right:15px;
  2659. }
  2660. .existing-campaigns td.bid.paid {
  2661. background-image:url(/static/green-check.png);
  2662. }
  2663. .existing-campaigns td.bid .info{
  2664. margin-right:3px;
  2665. }
  2666. .prefright p.minimum-spend {
  2667. padding-left:1em;
  2668. font-size:small;
  2669. color:gray;
  2670. }
  2671. .prefright p.minimum-spend.error {
  2672. font-weight:bold;
  2673. color:red;
  2674. }
  2675. .existing-campaigns > table > tbody > tr > td {
  2676. text-align:right;
  2677. border:1px solid #369;
  2678. padding:1px 5px;
  2679. }
  2680. .existing-campaigns > table > tbody > tr#edit-campaign-tr > td {
  2681. text-align:left;
  2682. }
  2683. .existing-campaigns > table > tbody > tr > th {
  2684. text-align:center;
  2685. font-weight:bold;
  2686. padding:1px 5px;
  2687. border:solid #369;
  2688. border-width:0px 1px 1px;
  2689. }
  2690. .existing-campaigns > table > tbody > tr > th:first-child,
  2691. .existing-campaigns > table > tbody > tr > td:first-child {
  2692. border-left:none;
  2693. }
  2694. .existing-campaigns > table > tbody > tr > th:last-child,
  2695. .existing-campaigns > table > tbody > tr > td:last-child {
  2696. border-right:none;
  2697. }
  2698. .existing-campaigns > table > tbody > tr:last-child > th,
  2699. .existing-campaigns > table > tbody > tr:last-child > td {
  2700. border-bottom:none;
  2701. }
  2702. .campaign ul {
  2703. font-size:x-small;
  2704. list-style-type:disc;
  2705. margin:0 20px 10px;
  2706. }
  2707. .existing-campaigns td > button { margin:0px 5px 0px 0px; }
  2708. .campaign .bid-info { font-size:x-small; }
  2709. .campaign .bid-info.error { color:red; }
  2710. .campaign .buttons { float:right; }
  2711. .campaign td.prefright {
  2712. padding:4px;
  2713. }
  2714. .campaign #bid {
  2715. text-align:right;
  2716. }
  2717. .campaign .targeting {
  2718. margin-left:25px;
  2719. }
  2720. .campaign .targeting input{
  2721. width:95%;
  2722. -webkit-border-radius:7px;
  2723. -moz-border-radius:7px;
  2724. border-radius:7px;
  2725. }
  2726. .campaign #suggested-reddits ul {
  2727. margin: 0 20px 10px 0;
  2728. }
  2729. .campaign th {
  2730. font-size:small;
  2731. padding:4px;
  2732. padding-top:8px;
  2733. }
  2734. .linefield .campaign input[type=text] {
  2735. font-size:x-small;
  2736. }
  2737. .linefield-content .infotext {
  2738. margin-top:5px;
  2739. }
  2740. .linefield-content .infotext p {
  2741. margin: 5px;
  2742. }
  2743. .traffic-table {margin:10px 20px; }
  2744. .traffic-table a:hover { text-decoration:underline; }
  2745. .traffic-table th { font-weight:bold; text-align: center;}
  2746. .traffic-table th,
  2747. .traffic-table td { padding:0 5px; }
  2748. .traffic-table td { text-align:right; }
  2749. .traffic-table td.up { color:#FF8B60; }
  2750. .traffic-table td.down { color:#336699; }
  2751. .traffic-table td.gray { color:gray; font-style: italic; }
  2752. .traffic-table tr.max { border:2px solid #FF8B60; }
  2753. .traffic-table tr.min { border:2px solid #336699; }
  2754. .traffic-table tr.odd { background-color:#E0E0E0; }
  2755. .traffic-table tr.mean { font-style:italic; border-top: 1px solid; }
  2756. .traffic-table .prelim { font-style:italic; }
  2757. .traffic-table .totals { font-style:italic; border-top: 1px solid black; }
  2758. .traffic-graph {
  2759. padding:10px;
  2760. border:1px solid #B0B0B0;
  2761. margin-left:10px;
  2762. margin-bottom:10px;
  2763. display:inline-block;
  2764. }
  2765. .traffic-graph .title {
  2766. text-align:center;
  2767. }
  2768. .promoted-traffic h1 {
  2769. border:none;
  2770. margin-bottom:10px;
  2771. }
  2772. .promoted-traffic .usertable { margin-left:0px; }
  2773. .promoted-traffic h1 a {
  2774. font-size:small;
  2775. margin-left:10px;
  2776. }
  2777. .award-square-container {
  2778. max-width:1000px;
  2779. overflow:hidden;
  2780. }
  2781. .award-square {
  2782. float:left;
  2783. padding:10px 0px 30px 40px;
  2784. white-space:nowrap;
  2785. width:300px;
  2786. }
  2787. .award-square.mini {
  2788. width:100px;
  2789. white-space:normal;
  2790. text-align:center;
  2791. }
  2792. .award-square img {
  2793. float:left;
  2794. margin:0 10px;
  2795. width:70px;
  2796. height:70px;
  2797. }
  2798. .award-square.mini img {
  2799. float:none;
  2800. margin-bottom:7px;
  2801. }
  2802. .award-square .award-name {
  2803. color:black;
  2804. font-size:22px;
  2805. font-family:verdana, arial, helvetica, sans-serif;
  2806. font-weight:bold;
  2807. line-height:1em;
  2808. }
  2809. .award-square.mini .award-name {
  2810. font-size:18px;
  2811. min-height:36px;
  2812. display:block;
  2813. }
  2814. .award-square .winner-info {
  2815. line-height:15px;
  2816. margin-top:15px;
  2817. color:gray;
  2818. }
  2819. .award-square .winner-name {
  2820. font-size:18px;
  2821. color:#336699;
  2822. }
  2823. .lined-table {
  2824. margin:5px;
  2825. }
  2826. table.lined-table {
  2827. margin:5px 3px;
  2828. }
  2829. .lined-table th, .lined-table td {
  2830. border:solid #cdcdcd 1px;
  2831. padding:3px;
  2832. }
  2833. .lined-table th {
  2834. text-align:center;
  2835. font-weight:bold;
  2836. }
  2837. .sponsorshipbox {
  2838. max-width:300px;
  2839. }
  2840. .sponsorshipbox span {
  2841. color:gray;
  2842. }
  2843. .sponsorshipbox div {
  2844. border:1px solid #D0D0D0;
  2845. width:300px;
  2846. }
  2847. .sponsorshipbox .promote-pixel {
  2848. right:0;
  2849. }
  2850. .sidecontentbox a.helplink {
  2851. float:right;
  2852. margin-top:4px;
  2853. }
  2854. .trophy-table {
  2855. width:100%;
  2856. }
  2857. .trophy-area .content {
  2858. background-color:#f5f5f5;
  2859. }
  2860. .trophy-info {
  2861. text-align:center;
  2862. vertical-align:top;
  2863. }
  2864. .trophy-info div {
  2865. margin-left:auto;
  2866. margin-right:auto;
  2867. width:130px;
  2868. vertical-align:top;
  2869. padding:15px 0 15px;
  2870. }
  2871. .trophy-icon {
  2872. margin-bottom:2px;
  2873. width:40px;
  2874. height:40px;
  2875. }
  2876. .trophy-info.left {
  2877. margin-right:10px;
  2878. }
  2879. .trophy-info.right {
  2880. }
  2881. .trophy-name {
  2882. color:black !important;
  2883. }
  2884. .trophy-description {
  2885. color:#555555;
  2886. font-size:x-small;
  2887. }
  2888. .dust {
  2889. text-align:center;
  2890. margin:45px auto;
  2891. color:#d0d0d0;
  2892. }
  2893. .removecup-button {
  2894. display:inline;
  2895. }
  2896. .cup-info-box {
  2897. border:dashed #eeaa33 2px;
  2898. padding:5px;
  2899. }
  2900. .cup-info-box tt {
  2901. background-color:#f5f5aa;
  2902. }
  2903. /* Datepicker
  2904. ----------------------------------*/
  2905. .datepicker {
  2906. z-index:1000;
  2907. display:none;
  2908. -moz-border-radius:6px;
  2909. -webkit-border-radius:6px;
  2910. border-radius:6px;
  2911. -webkit-box-shadow:0px 4px 6px 3px hsla(0, 0%, 0%, .2), inset 0px 1px 0px 0px hsla(0, 0%, 100%, .9);
  2912. -moz-box-shadow:0px 4px 6px 3px hsla(0, 0%, 0%, .2), inset 0px 1px 0px 0px hsla(0, 0%, 100%, .9);
  2913. box-shadow:0px 4px 6px 3px hsla(0, 0%, 0%, .2), inset 0px 1px 0px 0px hsla(0, 0%, 100%, .9);
  2914. text-shadow: 0px 1px 0px hsla(0,0%,100%,.8);
  2915. }
  2916. .datepicker::before {
  2917. content:' ';
  2918. display:block;
  2919. width:0;
  2920. height:0;
  2921. border:10px solid;
  2922. position:absolute;
  2923. top:-20px;
  2924. left:17px;
  2925. border-color:transparent transparent #369;
  2926. }
  2927. .datepicker::after {
  2928. content:' ';
  2929. display:block;
  2930. width:0;
  2931. height:0;
  2932. border:10px solid;
  2933. position:absolute;
  2934. top:-18px;
  2935. left:17px;
  2936. border-color:transparent transparent #E5F2FF;
  2937. }
  2938. .datepicker.inuse { display:block; }
  2939. .ui-datepicker-inline {
  2940. font-size:x-small;
  2941. padding:5px;
  2942. }
  2943. .ui-corner-all {
  2944. -webkit-border-radius:6px;
  2945. -moz-border-radius: 6px;
  2946. border-radius:6px;
  2947. }
  2948. .ui-datepicker-header {
  2949. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 89%)), to( hsl(210, 54%, 79%)));
  2950. background:-moz-linear-gradient(top, hsl(210, 54%, 89%), hsl(210, 54%, 79%));
  2951. background-color:#ADC9E6;
  2952. border: 1px solid #5E96CF;
  2953. color:#2E6399;
  2954. font-weight:bold;
  2955. font-size: 1.3em;
  2956. text-shadow:0px 1px 0px hsla(0,0%,100%,.7);
  2957. -webkit-box-shadow:inset 0px 1px 0px hsla(0,100%,100%,.8);
  2958. -moz-box-shadow:inset 0px 1px 0px hsla(0,100%,100%,.8);
  2959. box-shadow:inset 0px 1px 0px hsla(0,100%,100%,.8);
  2960. }
  2961. .ui-datepicker-inline .ui-datepicker-prev {float:left; }
  2962. .ui-datepicker-inline .ui-datepicker-next {float:right; }
  2963. .ui-datepicker-inline .ui-datepicker-prev span,
  2964. .ui-datepicker-inline .ui-datepicker-next span {
  2965. display:block;
  2966. text-align:center;
  2967. margin-right:1px;
  2968. margin-bottom:1px;
  2969. font-size:1.5em;
  2970. }
  2971. .ui-datepicker-inline .ui-datepicker-prev:active,
  2972. .ui-datepicker-inline .ui-datepicker-next:active {
  2973. color:white;
  2974. }
  2975. .ui-datepicker-inline .ui-datepicker-prev.ui-state-disabled,
  2976. .ui-datepicker-inline .ui-datepicker-next.ui-state-disabled {
  2977. display:none;
  2978. }
  2979. .ui-datepicker-inline .ui-datepicker-prev,
  2980. .ui-datepicker-inline .ui-datepicker-next {
  2981. display:block;
  2982. cursor:pointer;
  2983. padding:0px 5px;
  2984. }
  2985. .ui-datepicker-year {
  2986. margin-left: none !important; //Undoes linefield span
  2987. }
  2988. .ui-datepicker-inline .ui-datepicker-title {text-align:center; padding: 5px; margin: 0em 2em;}
  2989. .ui-datepicker-inline table {
  2990. clear:right;
  2991. margin-top: 5px;
  2992. border:1px solid hsl(210, 54%, 59%);
  2993. }
  2994. .ui-datepicker-inline .ui-datepicker-calendar th,
  2995. .ui-datepicker-inline .ui-datepicker-calendar td {
  2996. padding:0px;
  2997. border:1px solid #5E96CF;
  2998. -webkit-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
  2999. -moz-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
  3000. box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
  3001. }
  3002. .ui-datepicker-calendar th {
  3003. font-size:1.1em;
  3004. }
  3005. .ui-datepicker-inline .ui-datepicker-calendar th span,
  3006. .ui-datepicker-inline .ui-datepicker-calendar td span,
  3007. .ui-datepicker-inline .ui-datepicker-calendar td a {
  3008. border: 0px;
  3009. margin:auto;
  3010. padding:3px;
  3011. display:block;
  3012. width:30px;
  3013. height:2em;
  3014. text-align:center;
  3015. vertical-align:middle;
  3016. color:black;
  3017. background-color:#C8DBEF;
  3018. font-size:1.5em;
  3019. font-weight:bold;
  3020. -webkit-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
  3021. -moz-box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
  3022. box-shadow:inset 0px 1px 0px hsla(0,0%,100%,.7);
  3023. }
  3024. .ui-datepicker-inline .ui-datepicker-calendar th span {
  3025. text-align:center;
  3026. border:none;
  3027. }
  3028. .ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today a,
  3029. .ui-datepicker-inline .ui-datepicker-calendar td.ui-datepicker-today span,
  3030. .ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active
  3031. {
  3032. color: white;;
  3033. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(210, 54%, 65%)), to( hsl(210, 54%, 45%)));
  3034. background:-moz-linear-gradient(top, hsl(210, 54%, 65%), hsl(210, 54%, 45%));
  3035. background-color:#4F8AC9;
  3036. -webkit-box-shadow:inset 0px 2px 3px hsla(0,0%,0%,.6);
  3037. -moz-box-shadow:inset 0px 2px 3px hsla(0,0%,0%,.6);
  3038. box-shadow:inset 0px 2px 3px hsla(0,0%,0%,.6);
  3039. text-shadow:0px -1px 0px hsla(0,0%,0%,.8);
  3040. }
  3041. .ui-datepicker-inline .ui-datepicker-calendar td span {
  3042. color:#888;
  3043. }
  3044. .ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-hover {
  3045. background:#6BB3FF;
  3046. color:white;
  3047. text-shadow:0px -1px 0px hsla(0,0%,0%,.6);
  3048. }
  3049. .ui-datepicker-inline .ui-datepicker-calendar td a.ui-state-active {
  3050. background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( hsl(0, 54%, 75%)), to( hsl(0, 54%, 55%)));
  3051. background:-moz-linear-gradient(top, hsl(0,54%,75%), hsl(0,54%,55%));
  3052. background-color:#E19D9D;
  3053. }
  3054. .date-input {
  3055. display:inline;
  3056. position:relative;
  3057. }
  3058. .date-input input {
  3059. border:1px solid #888;
  3060. padding:2px;
  3061. text-align:center;
  3062. margin:0 2px;
  3063. }
  3064. .date-input .drop-choices {
  3065. position:absolute;
  3066. border:1px solid #369;
  3067. background-color:#E5F2FF;
  3068. margin:10px 3px;
  3069. }
  3070. .payment-setup input[name=bid] { width:6em; text-align: right; }
  3071. .payment-setup form { margin:20px; }
  3072. .payment-setup p { margin-bottom:10px; }
  3073. .pay-form textarea[disabled] {
  3074. font-size:smaller;
  3075. padding:0;
  3076. }
  3077. .pay-form *[disabled],
  3078. .pay-form input[disabled]
  3079. {
  3080. border:none;
  3081. color:black;
  3082. font-weight:bold;
  3083. background-color:white;
  3084. }
  3085. .bid-table { margin:5px 10px; }
  3086. .bid-table td,
  3087. .bid-table th
  3088. {
  3089. padding:2px 5px;
  3090. text-align:right;
  3091. }
  3092. .bid-table th
  3093. {
  3094. text-align:center;
  3095. font-weight:bold;
  3096. }
  3097. .create-promotion .help {
  3098. font-size:x-small;
  3099. }
  3100. .create-promotion .help p {
  3101. margin:5px;
  3102. }
  3103. .create-promotion .help a.help {
  3104. font-weight:bold;
  3105. text-decoration:none;
  3106. float:right;
  3107. color:orangered;
  3108. }
  3109. .create-promo { float:left; width: 520px; margin-right: 20px;}
  3110. .create-promo .infobar {
  3111. margin-right:0;
  3112. border-color:red;
  3113. color:black;
  3114. background:none;
  3115. width:100%;
  3116. }
  3117. .create-promo h2 { margin-top:10px; color: black; }
  3118. .create-promo ol { margin:0px 30px 10px 30px; }
  3119. .create-promo ol > li {
  3120. list-style-type:disc;
  3121. }
  3122. .create-promo .rules { float: left; margin-left: 15px; }
  3123. .create-reddit h1,
  3124. .create-promotion h1 { font-size:200%; color: #999; xmargin:10px 0 0 5px; }
  3125. .create-promotion .sitetable { margin:5px; }
  3126. .create-promotion .infobar { margin-left:12px; width: 479px; background-color: #fbd8d8; margin-bottom: 10px; }
  3127. .create-reddit h1 b { color:#666; }
  3128. .create-promotion .create-promo .save-button { float:right; margin-right: 3px; }
  3129. .create-promotion .create-promo .save-button button {
  3130. margin-top:0px;
  3131. }
  3132. .bidding-history { padding-top:10px; }
  3133. .bidding-history .linefield {
  3134. width:auto;
  3135. overflow:hidden;
  3136. padding-left:10px;
  3137. border-left:1px #DDD dashed; }
  3138. .bidding-history .linefield .bid-table,
  3139. .bidding-history .linefield .notes { font-size:x-small; }
  3140. .bidding-history .linefield .notes { margin-top:10px; }
  3141. .bidding-history .linefield .notes p {
  3142. text-indent:-20px;
  3143. padding-left:20px;
  3144. margin-bottom:2px;
  3145. font-family:courier;
  3146. }
  3147. .bidding-history table.bidding-history tr:hover {
  3148. background-color:#AAA;
  3149. }
  3150. .bidding-history table.bidding-history th,
  3151. .bidding-history table.bidding-history td {
  3152. padding:2px 5px;
  3153. text-align:right;
  3154. font-size:x-small;
  3155. }
  3156. .bidding-history table.bidding-history th {
  3157. font-weight:bold;
  3158. }
  3159. .bidding-history div.graph {
  3160. height:8px;
  3161. background-color:#336699;
  3162. }
  3163. .pay-form tr.input-error th {
  3164. color:red;
  3165. font-weight:bold;
  3166. font-style:italic;
  3167. }
  3168. .pay-form th { padding:0px }
  3169. .pay-form tr.input-error input,
  3170. .pay-form tr.input-error textarea,
  3171. .pay-form tr.input-error select { border:1px solid red; }
  3172. .pay-form input[name=expirationDate],
  3173. .pay-form input[name=cardCode] { width:10ex; }
  3174. .pay-form .optional { font-size:smaller; }
  3175. .pay-form .disabled .optional { display:none; }
  3176. .pay-form p.info { color:red; }
  3177. .pay-link { font-size:smaller; margin-left: 10px; }
  3178. dt { margin-left:10px; font-weight: bold; }
  3179. dd { margin-left:20px; }
  3180. .calendar {
  3181. white-space:nowrap;
  3182. overflow:hidden;
  3183. width:100%;
  3184. position:relative;
  3185. padding-top:120px;
  3186. padding-bottom:100px;
  3187. margin:20px 0;
  3188. }
  3189. .calendar div.grid {
  3190. position:absolute;
  3191. top:0px;
  3192. bottom:0px;
  3193. }
  3194. .calendar div.grid.today {
  3195. background-color:yellow;
  3196. }
  3197. .calendar div.grid div.header {
  3198. font-weight:bold;
  3199. border-bottom:2px solid gray;
  3200. text-align:center;
  3201. }
  3202. .calendar div.grid + div.grid {
  3203. border-left:1px dashed gray;
  3204. }
  3205. .calendar .blob {
  3206. margin:0;
  3207. padding:0px;
  3208. z-index:10;
  3209. float:left;
  3210. cursor:pointer;
  3211. }
  3212. .calendar .blob.link:hover {
  3213. border:1px solid red;
  3214. box-shadow:2px 2px 2px #000;
  3215. -moz-box-shadow:2px 2px 2px #000;
  3216. z-index:100;
  3217. }
  3218. .calendar .blob .bid {
  3219. text-align:right;
  3220. font-weight:bold;
  3221. padding:5px 5px 0px 5px;
  3222. }
  3223. .calendar .blob.link {
  3224. margin:-1px -2px 0px -2px;
  3225. border:1px solid black;
  3226. }
  3227. .calendar .blob.link .title{
  3228. font-size:small;
  3229. padding:0 5px 5px 5px;
  3230. display:block;
  3231. }
  3232. .borderless td {
  3233. border:none;
  3234. }
  3235. .titlebox {
  3236. font-size:larger;
  3237. }
  3238. .titlebox h1 {
  3239. font-family:arial,verdana,helvetica,sans-serif;
  3240. margin:0px;
  3241. margin-bottom:5px;
  3242. font-weight:bold;
  3243. font-size:19px;
  3244. }
  3245. .titlebox h1 a {
  3246. color:black;
  3247. }
  3248. .titlebox .karma {
  3249. font-size:18px;
  3250. font-weight:bold;
  3251. }
  3252. .titlebox .fancy-toggle-button {
  3253. display:inline-block;
  3254. margin-right:5px;
  3255. }
  3256. .titlebox .bottom {
  3257. border-top:1px solid gray;
  3258. padding-top:2px;
  3259. font-size:80%;
  3260. color:gray;
  3261. }
  3262. .titlebox .age {float:right;}
  3263. .titlebox .md { font-size:90%; }
  3264. .titlebox .account-notes {
  3265. font-weight:normal;
  3266. font-size:small;
  3267. margin-left:5px;
  3268. }
  3269. .titlebox .account-notes .unusual {
  3270. background-color:#ffdddd;
  3271. border:solid red 1px;
  3272. padding:1px 2px 2px;
  3273. margin-left:5px;
  3274. }
  3275. .sidecontentbox {
  3276. font-size:normal;
  3277. }
  3278. .sidecontentbox .content {
  3279. margin:0;
  3280. padding:5px;
  3281. border:1px solid gray;
  3282. font-size:larger;
  3283. }
  3284. .sidecontentbox .more {
  3285. margin-top:5px;
  3286. text-align:right;
  3287. font-size:smaller;
  3288. }
  3289. .sidecontentbox .more a {
  3290. color:gray;
  3291. }
  3292. .sidecontentbox h1 {
  3293. text-transform:uppercase;
  3294. margin:0;
  3295. color:gray;
  3296. font-size:130%;
  3297. }
  3298. .sidecontentbox .author {
  3299. display:block;
  3300. }
  3301. .titlebox form.toggle {
  3302. margin:0;
  3303. padding:5px 0px 5px 20px;
  3304. font-size:smaller;
  3305. color:gray;
  3306. background:white none no-repeat scroll center left;
  3307. }
  3308. .titlebox form.leavemoderator-button {
  3309. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  3310. background-position:-4px -600px;
  3311. }
  3312. .titlebox form.leavecontributor-button {
  3313. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  3314. background-position:-4px -624px;
  3315. }
  3316. .icon-menu a {
  3317. padding-left:20px;
  3318. background:white none no-repeat scroll center left;
  3319. }
  3320. .icon-menu li {margin:5px 0;}
  3321. .icon-menu .reddit-edit {
  3322. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  3323. background-position:-4px -648px;
  3324. }
  3325. .icon-menu .reddit-traffic {
  3326. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  3327. background-position:-4px -672px;
  3328. }
  3329. .icon-menu .reddit-reported {
  3330. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  3331. background-position:-4px -696px;
  3332. }
  3333. .icon-menu .reddit-spam {
  3334. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  3335. background-position:-4px -720px;
  3336. }
  3337. .icon-menu .reddit-ban {
  3338. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  3339. background-position:-4px -744px;
  3340. }
  3341. .icon-menu .reddit-moderators {
  3342. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  3343. background-position:-4px -600px;
  3344. }
  3345. .icon-menu .moderator-mail {
  3346. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  3347. background-position:-4px -768px;
  3348. }
  3349. .icon-menu .reddit-contributors {
  3350. background-image:url(/static/sprite.png?v=0ec7f79c9f54824fdef1fe36aef6ad27);
  3351. background-position:-4px -624px;
  3352. }
  3353. .linkinfo {
  3354. padding:5px;
  3355. border:1px solid #5f99cf;
  3356. background-color:#EFF7FF;
  3357. font-family:arial,helvetica,sans-serif;
  3358. font-size:larger;
  3359. -moz-border-radius:3px;
  3360. -webkit-border-radius:3px;
  3361. border-radius:3px;
  3362. }
  3363. .linkinfo .score .number {
  3364. font-size:22px;
  3365. font-weight:bold;
  3366. }
  3367. .linkinfo .score .word {
  3368. font-size:15px;
  3369. font-weight:bold;
  3370. }
  3371. .linkinfo .upvotes {font-size:80%; color: orangered;}
  3372. .linkinfo .downvotes {font-size:80%; color: #5f99cf; }
  3373. .linkinfo .shortlink {font-size:80%; margin-top: 3px; }
  3374. .linkinfo .shortlink a {font-size:120%; font-family: monospace}
  3375. .linkinfo table {margin-top:5px;}
  3376. .linkinfo td, .linkinfo th {
  3377. padding:2px;
  3378. font-size:smaller;
  3379. border:1px solid gray;
  3380. }
  3381. a.adminbox {
  3382. border:solid 1px #eeeeee;
  3383. color:#cdcdcd;
  3384. font-family:monospace;
  3385. text-align:center;
  3386. padding-right:1px;
  3387. }
  3388. a.adminbox:hover {
  3389. text-decoration:none;
  3390. color:orangered;
  3391. border:solid 1px orangered;
  3392. }
  3393. .email {
  3394. font-family:monospace;
  3395. font-size:larger;
  3396. }
  3397. .lined-table, .lined-table th, .lined-table td {
  3398. border:solid #cdcdcd 1px;
  3399. border-collapse:collapse;
  3400. padding:2px;
  3401. margin-bottom:10px;
  3402. }
  3403. .lined-table th {
  3404. font-weight:bold;
  3405. }
  3406. .wide {
  3407. width:100%;
  3408. }
  3409. .centered {
  3410. text-align:center;
  3411. vertical-align:middle;
  3412. }
  3413. .sr-ad-table .inherited {
  3414. background-color:#ddeeff;
  3415. }
  3416. .sr-ad-table .overridden {
  3417. background-color:#ffeedd;
  3418. }
  3419. .sr-ad-table .unused {
  3420. background-color:#eee;
  3421. }
  3422. .sr-ad-table .inherited .whence {
  3423. font-style:italic;
  3424. }
  3425. .sr-ad-table .overridden .whence {
  3426. font-weight:bold;
  3427. }
  3428. .sr-ad-table .details {
  3429. font-size:150%;
  3430. padding:10px;
  3431. vertical-align:top;
  3432. }
  3433. .sr-ad-table .details div {
  3434. }
  3435. .sr-ad-table .details .codename {
  3436. font-size:150%;
  3437. margin-bottom:20px;
  3438. }
  3439. .sr-ad-table .weight {
  3440. width:4em;
  3441. }
  3442. .ad-assign-table .warning {
  3443. font-weight:bold;
  3444. color:red;
  3445. }
  3446. .usage-table .intersection {
  3447. color:#888;
  3448. font-family:monospace;
  3449. text-align:right;
  3450. border-left:none;
  3451. border-right:none;
  3452. }
  3453. .usage-table .intersection span {
  3454. padding:1px 3px 0 2px;
  3455. }
  3456. .usage-table .empty.intersection {
  3457. text-align:center;
  3458. color:#ccc;
  3459. }
  3460. .usage-table .elapsed.intersection {
  3461. color:black;
  3462. }
  3463. .usage-table .count.intersection {
  3464. color:black;
  3465. }
  3466. .usage-table .average.intersection {
  3467. color:black;
  3468. border-right:solid #cdcdcd 1px;
  3469. }
  3470. .usage-table .empty.intersection, .usage-table .average.intersection {
  3471. padding-left:0;
  3472. margin-left:0;
  3473. border-right:solid #cdcdcd 1px;
  3474. padding-right:5px;
  3475. }
  3476. a.pretty-button:hover { text-decoration:none !important }
  3477. .pretty-button {
  3478. margin-left:5px;
  3479. margin-bottom:5px;
  3480. border:1px solid #666;
  3481. padding:1px 6px;
  3482. background:white none repeat-x scroll center left;
  3483. color:#111;
  3484. font-size:10px;
  3485. font-weight:normal;
  3486. line-height:20px;
  3487. -moz-border-radius:3px;
  3488. -webkit-border-radius:3px;
  3489. border-radius:3px;
  3490. outline-style:none;
  3491. }
  3492. a.pretty-button.negative {
  3493. color:black;
  3494. background-image:url(/static/bg-button-negative-unpressed.png);
  3495. }
  3496. a.pretty-button.negative.pressed {
  3497. color:white;
  3498. background-image:url(/static/bg-button-negative-pressed.png);
  3499. }
  3500. a.pretty-button.positive {
  3501. color:black;
  3502. background-image:url(/static/bg-button-positive-unpressed.png);
  3503. }
  3504. a.pretty-button.positive.pressed {
  3505. color:white;
  3506. background-image:url(/static/bg-button-positive-pressed.png);
  3507. }
  3508. /*
  3509. .jury-box .pretty-button a.pressed {
  3510. margin:-1px 4px -1px 1px;
  3511. border-width:2px;
  3512. border-color:black;
  3513. color:white;
  3514. }
  3515. */
  3516. .organic-listing .ontrial, .help-cover.juryduty {
  3517. background-color:#ffecf8;
  3518. }
  3519. .organic-listing .ontrial a.title {
  3520. color:#555;
  3521. }
  3522. .organic-listing .ontrial .midcol {
  3523. margin-top:20px;
  3524. }
  3525. .we-need-help {
  3526. font-size:larger;
  3527. font-weight:bold;
  3528. line-height:18px;
  3529. }
  3530. .organic-listing .how-to-classify {
  3531. font-weight:bold;
  3532. }
  3533. .jury-box .arrow-msg {
  3534. display:none;
  3535. color:red;
  3536. margin-top:5px;
  3537. }
  3538. .jury-box .thanks-for-voting {
  3539. margin-left:1em;
  3540. display:none;
  3541. color:red;
  3542. }
  3543. .jury-box .thanks-for-voting a {
  3544. margin-left:1em;
  3545. }
  3546. .sitetable .linkontrial {
  3547. padding-top:5px;
  3548. }
  3549. .sitetable .we-need-help {
  3550. display:none;
  3551. }
  3552. .oatmeal img {
  3553. display:block;
  3554. margin:5px auto;
  3555. }
  3556. .lounge { display:none }
  3557. .lounge p { margin-top:5px; }
  3558. .gold-accent {
  3559. margin-top:10px;
  3560. padding:0 10px 5px;
  3561. background-color:#fffdcc;
  3562. border:solid 1px #e1b000;
  3563. color:#9a7d2e;
  3564. display:inline-block;
  3565. }
  3566. tr.gold-accent {
  3567. display:table-row;
  3568. -moz-border-radius:3px;
  3569. -webkit-border-radius:3px;
  3570. border-radius:3px;
  3571. }
  3572. tr.gold-accent + tr > td {
  3573. padding-top:10px;
  3574. }
  3575. .friend-note button[type=submit] {
  3576. display:none;
  3577. font-size:x-small;
  3578. padding-top:1px;
  3579. padding-bottom:1px;
  3580. margin:0px;
  3581. margin-left:5px;
  3582. width:45px;
  3583. }
  3584. .friend-note.edited button[type=submit] { display:inline-block; }
  3585. .friend-note.edited input[type=text] { width:250px; margin-right: 0px; }
  3586. .gold-accent h1,
  3587. .gold-accent th {
  3588. color:#6a4d00;
  3589. font-family:"Hoefler Text","Palatino Linotype","Book Antiqua",
  3590. Palatino,georgia,garamond,FreeSerif,serif;
  3591. font-variant:small-caps;
  3592. }
  3593. .gold-accent .pretty-form input[type=text] {
  3594. margin-top:1px;
  3595. margin-bottom:2px;
  3596. margin-left:0; /* or else friends with benefits'
  3597. "note" td and th don't line up */
  3598. }
  3599. .gold-accent .pretty-form input[type=text]#name {
  3600. -moz-border-radius:3px;
  3601. -webkit-border-radius:3px;
  3602. border-radius:3px;
  3603. }
  3604. .gold-accent .pretty-form button {
  3605. background-color:#fff088;
  3606. color:#6a4d00;
  3607. border:1px solid #9a7d2e;
  3608. -moz-border-radius:3px;
  3609. -webkit-border-radius:3px;
  3610. border-radius:3px;
  3611. }
  3612. .gold-expiration-info {
  3613. margin:3px 0 5px;
  3614. }
  3615. .gold-expiration-info .karma {
  3616. color:#583800;
  3617. }
  3618. .giftgold {
  3619. margin-bottom:5px;
  3620. }
  3621. .giftgold a {
  3622. padding-left:20px;
  3623. color:#9a7d2e;
  3624. font-weight:bold;
  3625. background-image:url(/static/giftgold.png);
  3626. background-repeat:no-repeat;
  3627. }
  3628. .tiny {
  3629. font-size:xx-small;
  3630. }
  3631. .gold-accent.comment-visits-box {
  3632. color:#583800;
  3633. margin:0px 5px 15px;
  3634. padding:7px 10px 7px 7px;
  3635. max-width:550px;
  3636. }
  3637. .gold-form {
  3638. font-family:"Hoefler Text","Palatino Linotype","Book Antiqua", Palatino,georgia,garamond,FreeSerif,serif;
  3639. min-height:600px;
  3640. line-height:22px;
  3641. }
  3642. .gold-form .roundfield {
  3643. border:1px solid #E1B000;
  3644. background-color:#fffdcc;
  3645. color:#6a4d00;
  3646. }
  3647. .gold-form .roundfield-content .gray a {
  3648. margin-left:0.8em;
  3649. font-size:small;
  3650. }
  3651. .gold-form .note {
  3652. font-size:11px;
  3653. font-style:italic;
  3654. color:#222;
  3655. margin-top:7px;
  3656. }
  3657. .gold-form .spacer {
  3658. margin-top:20px !important;
  3659. }
  3660. .gold-subsection {
  3661. display:none;
  3662. position:absolute;
  3663. }
  3664. .gold-form textarea, .gold-form input[type=text] {
  3665. margin-top:3px;
  3666. }
  3667. .gold-logo {
  3668. float:left;
  3669. margin-right:15px;
  3670. }
  3671. .giftmessage {
  3672. border:solid #888 1px;
  3673. color:black;
  3674. background-color:white;
  3675. padding:0 10px;
  3676. margin-bottom:15px;
  3677. display:inline-block;
  3678. -moz-border-radius:3px;
  3679. -webkit-border-radius:3px;
  3680. border-radius:3px;
  3681. }
  3682. .gold-button {
  3683. padding-top:2px;
  3684. margin-top:8px;
  3685. margin-right:8px;
  3686. color:#482800;
  3687. background-color:#efcc4c;
  3688. border-color:#fff088 #fff088 #6a3d00 #6a3d00;
  3689. font-size:16px;
  3690. font-family:Palatino,georgia,garamond,FreeSerif,serif;
  3691. -webkit-appearance:none;
  3692. text-shadow:0px 1px 0px hsla(0,0%,100%,.7);
  3693. }
  3694. .gold-dropdown {
  3695. color:#482800;
  3696. background-color:#fff088;
  3697. font-size:16px;
  3698. font-family:"Hoefler Text","Palatino Linotype","Book Antiqua",
  3699. Palatino,georgia,garamond,FreeSerif,serif;
  3700. }
  3701. .comment-visits-box .title {
  3702. font-weight:bold;
  3703. }
  3704. .comment-visits-box label {
  3705. margin-left:5px;
  3706. }
  3707. .new-comment .usertext-body {
  3708. background-color:#e5efff;
  3709. border:solid 1px #cddaf3;
  3710. margin:-1px 0;
  3711. }
  3712. .role {
  3713. width:800px;
  3714. }
  3715. .styled-input {
  3716. border:1px solid gray;
  3717. padding:2px;
  3718. -webkit-box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
  3719. -moz-box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
  3720. box-shadow:inset 0px 1px 1px hsla(0,0%,0%,.3), 0px 1px 0px hsla(0,0%,100%,.6);
  3721. }
Add Comment
Please, Sign In to add comment