SHOW:
|
|
- or go back to the newest paste.
| 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 | } |