slitaz-forge annotate forum/vanilla/themes/slitaz/design/style.css @ rev 37

Update laste forum theme
author Christophe Lincoln <pankso@slitaz.org>
date Sat Mar 19 16:26:12 2011 +0100 (2011-03-19)
parents 2f1ea04fc17b
children
rev   line source
pankso@37 1 /*
pankso@37 2 Welcome to the Generic Style CSS File! Some things you should know:
pankso@37 3
pankso@37 4 1. This file is included on all front-end/user-facing pages. Applications can
pankso@37 5 override this file in their own custom files (ie. vanilla.css or
pankso@37 6 conversations.css).
pankso@37 7
pankso@37 8 2. This file is broken down into the following sections:
pankso@37 9 + General Styles & Typography
pankso@37 10 + Header
pankso@37 11 + Main Menu
pankso@37 12 + Panels / Sidebars
pankso@37 13 + Activities
pankso@37 14 + Profile Page
pankso@37 15 + Profile Tab Menu
pankso@37 16 + Thumbnail Cropper
pankso@37 17 + Footer
pankso@37 18 */
pankso@37 19
pankso@37 20 /* ================================================================ Reset CSS */
pankso@37 21 html, body, div, span, applet, object, iframe,
pankso@37 22 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
pankso@37 23 a, abbr, acronym, address, big, cite, code,
pankso@37 24 del, dfn, em, font, img, ins, kbd, q, s, samp,
pankso@37 25 small, strike, strong, sub, sup, tt, var,
pankso@37 26 dl, dt, dd, ol, ul, li,
pankso@37 27 fieldset, form, label, legend,
pankso@37 28 table, caption, tbody, tfoot, thead, tr, th, td {
pankso@37 29 margin: 0;
pankso@37 30 padding: 0;
pankso@37 31 border: 0;
pankso@37 32 outline: 0;
pankso@37 33 font-weight: inherit;
pankso@37 34 font-style: inherit;
pankso@37 35 font-size: 100%;
pankso@37 36 font-family: inherit;
pankso@37 37 vertical-align: baseline;
pankso@37 38 }
pankso@37 39 /* remember to define focus styles! */
pankso@37 40 :focus {
pankso@37 41 outline: 0;
pankso@37 42 }
pankso@37 43 body {
pankso@37 44 line-height: 1;
pankso@37 45 color: black;
pankso@37 46 background: white;
pankso@37 47 border-top: 34px solid #f1f1f1;
pankso@37 48 }
pankso@37 49 ol, ul {
pankso@37 50 list-style: none;
pankso@37 51 }
pankso@37 52 /* tables still need 'cellspacing="0"' in the markup */
pankso@37 53 table {
pankso@37 54 border-collapse: separate;
pankso@37 55 border-spacing: 0;
pankso@37 56 }
pankso@37 57 caption, th, td {
pankso@37 58 text-align: left;
pankso@37 59 font-weight: normal;
pankso@37 60 }
pankso@37 61 blockquote:before, blockquote:after,
pankso@37 62 q:before, q:after {
pankso@37 63 content: "";
pankso@37 64 }
pankso@37 65 blockquote, q {
pankso@37 66 quotes: "" "";
pankso@37 67 }
pankso@37 68
pankso@37 69 /* ============================================== General Styles & Typography */
pankso@37 70 body {
pankso@37 71 color: #000;
pankso@37 72 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
pankso@37 73 font-size: 75%;
pankso@37 74 line-height: 1.7em;
pankso@37 75 background: #fff;
pankso@37 76 margin: 0;
pankso@37 77 padding: 0;
pankso@37 78 text-align: center;
pankso@37 79 font-size: small;
pankso@37 80 }
pankso@37 81 #Body {
pankso@37 82 width: 960px;
pankso@37 83 text-align: left;
pankso@37 84 margin: 15px auto 0;
pankso@37 85 }
pankso@37 86 #Content {
pankso@37 87 float: left;
pankso@37 88 width: 680px;
pankso@37 89 margin: 0 0 40px;
pankso@37 90 }
pankso@37 91 .Hidden {
pankso@37 92 display: none;
pankso@37 93 }
pankso@37 94 .nowrap {
pankso@37 95 white-space: nowrap;
pankso@37 96 }
pankso@37 97 .Center {
pankso@37 98 text-align: center;
pankso@37 99 }
pankso@37 100 .Right {
pankso@37 101 text-align: right;
pankso@37 102 }
pankso@37 103 h1, h2, h3, h4, h5, h6 {
pankso@37 104 color: #000;
pankso@37 105 font-family: "Helvetica Neue",Helvetica,arial,sans-serif;
pankso@37 106 font-weight: normal;
pankso@37 107 margin: 0;
pankso@37 108 }
pankso@37 109 p {
pankso@37 110 margin: 0.5em 0 0 0;
pankso@37 111 line-height: 1.6em;
pankso@37 112 }
pankso@37 113 h1, h2 {
pankso@37 114 border-bottom:1px solid #bbb;
pankso@37 115 font-size:140%;
pankso@37 116 font-weight:bold;
pankso@37 117 margin-bottom:10px;
pankso@37 118 }
pankso@37 119 h3 {
pankso@37 120 font-size:140%;
pankso@37 121 }
pankso@37 122 h4 {
pankso@37 123 font-size: 120%;
pankso@37 124 color: #6C6C6C;
pankso@37 125 }
pankso@37 126 h5 {
pankso@37 127 font-size: 120%;
pankso@37 128 color: #6C6C6C;
pankso@37 129 }
pankso@37 130 a,
pankso@37 131 a:link,
pankso@37 132 a:visited,
pankso@37 133 a:active {
pankso@37 134 text-decoration: none;
pankso@37 135 color: #2571B1;
pankso@37 136 }
pankso@37 137 a:hover {
pankso@37 138 text-decoration: none;
pankso@37 139 color: blue;
pankso@37 140 }
pankso@37 141 input.DateBox,
pankso@37 142 input.InputBox,
pankso@37 143 input.SmallInput,
pankso@37 144 textarea {
pankso@37 145 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
pankso@37 146 color: #333;
pankso@37 147 font-size: 15px;
pankso@37 148 padding: 3px;
pankso@37 149 margin: 0;
pankso@37 150 width: 250px;
pankso@37 151 border: 1px solid #aaa;
pankso@37 152 border-radius: 2px;
pankso@37 153 -moz-border-radius: 2px;
pankso@37 154 -webkit-border-radius: 2px;
pankso@37 155 }
pankso@37 156 textarea.TextBox {
pankso@37 157 width: 500px;
pankso@37 158 height: 100px;
pankso@37 159 min-height: 100px;
pankso@37 160 }
pankso@37 161 #Popup textarea.TextBox {
pankso@37 162 width: 100%;
pankso@37 163 }
pankso@37 164 input.SmallInput,
pankso@37 165 input.InputBox {
pankso@37 166 padding: 6px 3px;
pankso@37 167 }
pankso@37 168 input.SmallInput:focus,
pankso@37 169 input.InputBox:focus,
pankso@37 170 textarea:focus {
pankso@37 171 background: #ffe;
pankso@37 172 }
pankso@37 173 textarea {
pankso@37 174 line-height: 128%;
pankso@37 175 }
pankso@37 176 select {
pankso@37 177 font-family: arial;
pankso@37 178 font-size: 14px;
pankso@37 179 color: #222;
pankso@37 180 margin: 0;
pankso@37 181 padding: 3px;
pankso@37 182 }
pankso@37 183 a.Button,
pankso@37 184 .Button {
pankso@37 185 cursor: pointer;
pankso@37 186 margin: 0;
pankso@37 187 font-size: 11px;
pankso@37 188 padding: 4px;
pankso@37 189 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
pankso@37 190 color: #02475A;
pankso@37 191 text-shadow: 0 1px 0 #fff;
pankso@37 192 border: 1px solid #999;
pankso@37 193 border-radius: 3px;
pankso@37 194 -moz-border-radius: 3px;
pankso@37 195 -webkit-border-radius: 3px;
pankso@37 196 box-shadow: 0px 0px 2px #999;
pankso@37 197 -moz-box-shadow: 0px 0px 2px #999;
pankso@37 198 -webkit-box-shadow: 0px 0px 2px #999;
pankso@37 199 }
pankso@37 200 input.Button {
pankso@37 201 font-size: 14px;
pankso@37 202 font-weight: bold;
pankso@37 203 }
pankso@37 204 .Button:hover {
pankso@37 205 color: #111;
pankso@37 206 border: 1px solid #666;
pankso@37 207 }
pankso@37 208 .Button:focus {
pankso@37 209 background: #eee;
pankso@37 210 }
pankso@37 211 .Loading {
pankso@37 212 height: 100px;
pankso@37 213 padding: 0 20px;
pankso@37 214 background: url('images/progress.gif') center center no-repeat;
pankso@37 215 }
pankso@37 216 .Progress {
pankso@37 217 padding: 10px 40px 10px 0;
pankso@37 218 background: url('images/progress.gif') center center no-repeat;
pankso@37 219 }
pankso@37 220 .TinyProgress {
pankso@37 221 padding: 10px 40px 10px 0;
pankso@37 222 background: url('images/progress_sm.gif') center center no-repeat;
pankso@37 223 }
pankso@37 224 /* Note: Messages are the yellow notices that appear at the top/center of the
pankso@37 225 page to notify users of things like drafts being saved, etc. */
pankso@37 226 div.Messages {
pankso@37 227 text-align: center !important;
pankso@37 228 position: fixed;
pankso@37 229 top: 0;
pankso@37 230 left: 0;
pankso@37 231 z-index: 200;
pankso@37 232 margin: 0 !important;
pankso@37 233 padding: 0 !important;
pankso@37 234 list-style: none !important;
pankso@37 235 font-size: 12px;
pankso@37 236 display: block;
pankso@37 237 width: 100%;
pankso@37 238 }
pankso@37 239 * html div.Messages {
pankso@37 240 position: absolute;
pankso@37 241 width: 100%;/*IE5.5*/
pankso@37 242 top: 0;
pankso@37 243 left: 0;
pankso@37 244 overflow: visible;
pankso@37 245 top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
pankso@37 246 }
pankso@37 247 div.Messages ul {
pankso@37 248 cursor: pointer;
pankso@37 249 width: auto !important;
pankso@37 250 border: 0 !important;
pankso@37 251 margin: 0 auto !important;
pankso@37 252 padding: 4px 8px !important;
pankso@37 253 border-bottom-left-radius: 2px;
pankso@37 254 border-bottom-right-radius: 2px;
pankso@37 255 -moz-border-radius-bottomleft: 2px;
pankso@37 256 -moz-border-radius-bottomright: 2px;
pankso@37 257 -webkit-border-bottom-left-radius: 2px;
pankso@37 258 -webkit-border-bottom-right-radius: 2px;
pankso@37 259 background: #ff9 !important;
pankso@37 260 display:-moz-inline-stack;
pankso@37 261 display:inline-block;
pankso@37 262 zoom:1;
pankso@37 263 *display:inline;
pankso@37 264 box-shadow: 0px 0px 2px #333;
pankso@37 265 -moz-box-shadow: 0px 0px 2px #333;
pankso@37 266 -webkit-box-shadow: 0px 0px 2px #333;
pankso@37 267 }
pankso@37 268 div.Messages ul li {
pankso@37 269 text-align: left !important;
pankso@37 270 border: 0 !important;
pankso@37 271 color: #000 !important;
pankso@37 272 padding: 0 !important;
pankso@37 273 margin: 0 !important;
pankso@37 274 list-style-position: outside;
pankso@37 275 }
pankso@37 276 div.Errors ul {
pankso@37 277 background: #d50a0a !important;
pankso@37 278 }
pankso@37 279 div.Errors ul li {
pankso@37 280 color: #fff !important;
pankso@37 281 background: #d50a0a !important;
pankso@37 282 }
pankso@37 283 .Conversations .Deleted {
pankso@37 284 text-decoration: line-through;
pankso@37 285 }
pankso@37 286 div.Deleted {
pankso@37 287 background: #f5f5f5;
pankso@37 288 border: 1px solid #dddddd;
pankso@37 289 margin: 10px 0 0;
pankso@37 290 padding: 6px 10px;
pankso@37 291 border-radius: 3px;
pankso@37 292 -moz-border-radius: 3px;
pankso@37 293 -webkit-border-radius: 3px;
pankso@37 294 }
pankso@37 295 /* Note: Warning, Alert & Info are simple boxes that can be used to wrap message
pankso@37 296 strings & imply importance. */
pankso@37 297 .Warning {
pankso@37 298 background: #ffc;
pankso@37 299 border: 1px solid #ff9;
pankso@37 300 color: #000;
pankso@37 301 padding: 6px 8px;
pankso@37 302 border-radius: 3px;
pankso@37 303 -moz-border-radius: 3px;
pankso@37 304 -webkit-border-radius: 3px;
pankso@37 305 }
pankso@37 306 .Alert {
pankso@37 307 background: #d00;
pankso@37 308 border: 1px solid #b00;
pankso@37 309 color: #fff;
pankso@37 310 padding: 3px 6px;
pankso@37 311 border-radius: 3px;
pankso@37 312 -moz-border-radius: 3px;
pankso@37 313 -webkit-border-radius: 3px;
pankso@37 314 }
pankso@37 315 .Alert a {
pankso@37 316 color: #fff;
pankso@37 317 }
pankso@37 318 .Alert a:hover {
pankso@37 319 text-decoration: underline;
pankso@37 320 }
pankso@37 321 div.Info {
pankso@37 322 font-size: 13px;
pankso@37 323 background: #fafafa;
pankso@37 324 border: 1px solid #eee;
pankso@37 325 color: #666666;
pankso@37 326 -moz-border-radius: 4px;
pankso@37 327 -webkit-border-radius: 4px;
pankso@37 328 border-radius: 4px;
pankso@37 329 padding: 8px;
pankso@37 330 margin: 0 0 10px;
pankso@37 331 }
pankso@37 332 div.Info strong {
pankso@37 333 font-weight: bold;
pankso@37 334 }
pankso@37 335 /* Note: The MessageModule (in /applications/dashboard/modules) wraps all messages
pankso@37 336 that it renders in a div with this DismissMessage class. */
pankso@37 337 div.DismissMessage {
pankso@37 338 margin: 6px 0 10px;
pankso@37 339 text-align: left;
pankso@37 340 position: relative;
pankso@37 341 }
pankso@37 342 div.DismissMessage p {
pankso@37 343 margin: 2px 0;
pankso@37 344 }
pankso@37 345 div.DismissMessage a.Dismiss {
pankso@37 346 font-family: arial;
pankso@37 347 position: absolute;
pankso@37 348 font-size: 22px;
pankso@37 349 font-weight: bold;
pankso@37 350 line-height: 1;
pankso@37 351 color: #999;
pankso@37 352 top: 3px;
pankso@37 353 right: 5px;
pankso@37 354 }
pankso@37 355 div.DismissMessage a.Dismiss:hover {
pankso@37 356 color: #ff0084;
pankso@37 357 }
pankso@37 358 #PagerLess {
pankso@37 359 -moz-border-radius-topright: 2px;
pankso@37 360 -moz-border-radius-topleft: 2px;
pankso@37 361 -webkit-border-top-right-radius: 2px;
pankso@37 362 -webkit-border-top-left-radius: 2px;
pankso@37 363 border-radius-topright: 2px;
pankso@37 364 border-radius-topleft: 2px;
pankso@37 365 margin-bottom: 1px;
pankso@37 366 text-align: left;
pankso@37 367 }
pankso@37 368 div.MorePager a.Loading {
pankso@37 369 border: 0 !important;
pankso@37 370 padding: 0 20px !important;
pankso@37 371 background: url('images/progress.gif') center center no-repeat !important;
pankso@37 372 }
pankso@37 373 #PagerMore {
pankso@37 374 margin-bottom: 1px;
pankso@37 375 }
pankso@37 376 .NumberedPager {
pankso@37 377 margin: 1px 0 0;
pankso@37 378 text-align: right;
pankso@37 379 font-weight: bold;
pankso@37 380 font-size: 16px;
pankso@37 381 }
pankso@37 382 #PagerBefore {
pankso@37 383 margin: 1px 0;
pankso@37 384 }
pankso@37 385 .NumberedPager a,
pankso@37 386 .NumberedPager span {
pankso@37 387 padding: 0 4px;
pankso@37 388 }
pankso@37 389 .NumberedPager span,
pankso@37 390 .NumberedPager a.Highlight {
pankso@37 391 color: #777;
pankso@37 392 }
pankso@37 393 .NumberedPager a.Next,
pankso@37 394 .NumberedPager span.Next,
pankso@37 395 .NumberedPager a.Previous,
pankso@37 396 .NumberedPager span.Previous {
pankso@37 397 font-size: 16px;
pankso@37 398 line-height: 10px;
pankso@37 399 }
pankso@37 400 .NumberedPager a.Next,
pankso@37 401 .NumberedPager span.Next {
pankso@37 402 margin-left: 6px;
pankso@37 403 }
pankso@37 404 .NumberedPager a.Previous,
pankso@37 405 .NumberedPager span.Previous {
pankso@37 406 margin-right: 6px;
pankso@37 407 }
pankso@37 408
pankso@37 409
pankso@37 410 /* =================================================================== Header */
pankso@37 411 #Head {
pankso@37 412 background: #351a0a url(header-img.png) no-repeat top right;
pankso@37 413 padding: 10px 0 0 0;
pankso@37 414 border-top: 1px solid black;
pankso@37 415 border-bottom: 1px solid #999;
pankso@37 416 }
pankso@37 417 div.Search:after,
pankso@37 418 div#Search:after {
pankso@37 419 content: ".";
pankso@37 420 display: block;
pankso@37 421 height: 0;
pankso@37 422 clear: both;
pankso@37 423 visibility: hidden;
pankso@37 424 }
pankso@37 425 body #Head h1 {
pankso@37 426 display: inline-block;
pankso@37 427 font-weight: bold;
pankso@37 428 margin: 0;
pankso@37 429 padding: 0 10px 5px 0;
pankso@37 430 border: 0;
pankso@37 431 }
pankso@37 432 #Head h1 a span {
pankso@37 433 font-size: 18px;
pankso@37 434 color: #f1f1f1;
pankso@37 435 }
pankso@37 436 #Head h1 a:hover span {
pankso@37 437 color: #b64b22;
pankso@37 438 }
pankso@37 439 #Head form {
pankso@37 440 float: right;
pankso@37 441 width: 250px;
pankso@37 442 background: #fff;
pankso@37 443 padding: 0;
pankso@37 444 margin: 15px 0 0;
pankso@37 445 -moz-border-radius: 2px;
pankso@37 446 -webkit-border-radius: 2px;
pankso@37 447 border-radius: 2px;
pankso@37 448 }
pankso@37 449 #Head form input.InputBox {
pankso@37 450 width: 204px;
pankso@37 451 border: 0;
pankso@37 452 padding: 4px 2px 4px 0;
pankso@37 453 background: #fff;
pankso@37 454 margin: 0;
pankso@37 455 -moz-border-radius-topleft: 2px;
pankso@37 456 -moz-border-radius-bottomleft: 2px;
pankso@37 457 -webkit-border-top-left-radius: 2px;
pankso@37 458 -webkit-border-bottom-left-radius: 2px;
pankso@37 459 border-top-left-radius: 2px;
pankso@37 460 border-bottom-left-radius: 2px;
pankso@37 461 color: #969696;
pankso@37 462 font-size: 13px;
pankso@37 463 }
pankso@37 464 #Head form input.Button {
pankso@37 465 border: 0;
pankso@37 466 width: 38px;
pankso@37 467 height: 26px;
pankso@37 468 background: #eaeaea;
pankso@37 469 color: #222222;
pankso@37 470 padding: 3px 0 4px;
pankso@37 471 margin: 0;
pankso@37 472 -moz-border-radius: 0;
pankso@37 473 -webkit-border-radius: 0;
pankso@37 474 border-radius: 0;
pankso@37 475 -moz-border-radius-topright: 2px;
pankso@37 476 -moz-border-radius-bottomright: 2px;
pankso@37 477 -webkit-border-top-right-radius: 2px;
pankso@37 478 -webkit-border-bottom-right-radius: 2px;
pankso@37 479 border-top-right-radius: 2px;
pankso@37 480 border-bottom-right-radius: 2px;
pankso@37 481 box-shadow: none;
pankso@37 482 -moz-box-shadow: none;
pankso@37 483 -webkit-box-shadow: none;
pankso@37 484 }
pankso@37 485 #Menu ul {
pankso@37 486 display: none;
pankso@37 487 }
pankso@37 488 #Menu li {
pankso@37 489 line-height: 27px;
pankso@37 490 float: left;
pankso@37 491 position: relative;
pankso@37 492 display: block;
pankso@37 493 list-style: none;
pankso@37 494 padding: 0;
pankso@37 495 margin: 0 4px 0 0;
pankso@37 496 font-weight: bold;
pankso@37 497 text-align: left;
pankso@37 498 }
pankso@37 499 * html #Menu li {
pankso@37 500 display: inline;
pankso@37 501 }
pankso@37 502 #Menu a {
pankso@37 503 border: 0;
pankso@37 504 text-decoration: none;
pankso@37 505 position: relative;
pankso@37 506 display: block;
pankso@37 507 padding: 0 7px;
pankso@37 508 white-space: nowrap;
pankso@37 509 font-size: 11px;
pankso@37 510 height: 28px;
pankso@37 511 }
pankso@37 512 * html #Menu a {
pankso@37 513 display: inline;
pankso@37 514 padding: 6px 10px;
pankso@37 515 }
pankso@37 516 #Menu li.NonTab,
pankso@37 517 #Menu li.NonTab a {
pankso@37 518 background: transparent;
pankso@37 519 border: 0;
pankso@37 520 font-weight: normal;
pankso@37 521 }
pankso@37 522 #Menu a span,
pankso@37 523 #Menu li.Active a span,
pankso@37 524 #Menu li.Highlight a:hover span {
pankso@37 525 -moz-border-radius: 2px;
pankso@37 526 -webkit-border-radius: 2px;
pankso@37 527 border-radius: 2px;
pankso@37 528 padding: 0 2px;
pankso@37 529 font-size: 9px;
pankso@37 530 line-height: 12px;
pankso@37 531 font-weight: normal;
pankso@37 532 }
pankso@37 533
pankso@37 534 /* Option (dropdown) Menus
pankso@37 535
pankso@37 536 Menu takes a z-index of 100
pankso@37 537 Option menu takes a z-index of 300
pankso@37 538
pankso@37 539 */
pankso@37 540 ul.Options,
pankso@37 541 ul.Options ul {
pankso@37 542 margin: 0;
pankso@37 543 padding: 0;
pankso@37 544 display: none;
pankso@37 545 }
pankso@37 546 ul.Options {
pankso@37 547 z-index: 298;
pankso@37 548 }
pankso@37 549 ul.Options ul {
pankso@37 550 z-index: 300;
pankso@37 551 position: absolute;
pankso@37 552 }
pankso@37 553 ul.Options li {
pankso@37 554 float: right;
pankso@37 555 position: relative;
pankso@37 556 display: block;
pankso@37 557 list-style: none outside none;
pankso@37 558 padding: 0;
pankso@37 559 font-size: 11px;
pankso@37 560 line-height: 22px;
pankso@37 561 }
pankso@37 562 ul.Options h3 {
pankso@37 563 display: block;
pankso@37 564 cursor: pointer;
pankso@37 565 margin: 0;
pankso@37 566 padding: 0;
pankso@37 567 }
pankso@37 568 ul.Options li ul li {
pankso@37 569 float: none;
pankso@37 570 text-align: left;
pankso@37 571 margin: 0;
pankso@37 572 font-weight: normal;
pankso@37 573 }
pankso@37 574 ul.Options li ul li a {
pankso@37 575 width: 104px;
pankso@37 576 padding: 0 6px;
pankso@37 577 height: auto;
pankso@37 578 }
pankso@37 579 ul.Options a {
pankso@37 580 text-decoration: none;
pankso@37 581 display: block;
pankso@37 582 position: relative;
pankso@37 583 white-space: nowrap;
pankso@37 584 font-size: 11px;
pankso@37 585 }
pankso@37 586 ul.Options ul li {
pankso@37 587 display: block;
pankso@37 588 float: none;
pankso@37 589 }
pankso@37 590 ul.Options li.Parent strong {
pankso@37 591 display: block;
pankso@37 592 padding: 4px;
pankso@37 593 margin: 3px 4px 0 0;
pankso@37 594 font-size: 10px;
pankso@37 595 font-weight: normal;
pankso@37 596 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
pankso@37 597 border: 1px solid #bbb;
pankso@37 598 -moz-border-radius: 2px;
pankso@37 599 -webkit-border-radius: 2px;
pankso@37 600 border-radius: 2px;
pankso@37 601 color: #555;
pankso@37 602 cursor: pointer;
pankso@37 603 line-height: 100%;
pankso@37 604 }
pankso@37 605 ul.Options li.Parent strong:focus,
pankso@37 606 ul.Options li.Parent strong:hover {
pankso@37 607 color: #333;
pankso@37 608 border: 1px solid #888;
pankso@37 609 }
pankso@37 610 ul.Options li.Parent strong:focus {
pankso@37 611 background: #eee;
pankso@37 612 }
pankso@37 613 ul.Options li.Active strong:hover,
pankso@37 614 ul.Options li.Active strong {
pankso@37 615 color: #fff;
pankso@37 616 background: #9c9c9c !important;
pankso@37 617 border: 1px solid #9c9c9c;
pankso@37 618 -moz-border-radius-bottomleft: 0;
pankso@37 619 -moz-border-radius-bottomright: 0;
pankso@37 620 -webkit-border-bottom-left-radius: 0;
pankso@37 621 -webkit-border-bottom-right-radius: 0;
pankso@37 622 border-bottom-left-radius: 0;
pankso@37 623 border-bottom-right-radius: 0;
pankso@37 624 }
pankso@37 625 ul.Options li.Active {
pankso@37 626 background: none;
pankso@37 627 }
pankso@37 628 ul.Options li.Active ul {
pankso@37 629 border: 1px solid #9c9c9c;
pankso@37 630 background: #fafafa;
pankso@37 631 -moz-border-radius-bottomleft: 2px;
pankso@37 632 -moz-border-radius-bottomright: 2px;
pankso@37 633 -webkit-border-bottom-left-radius: 2px;
pankso@37 634 -webkit-border-bottom-right-radius: 2px;
pankso@37 635 border-bottom-left-radius: 2px;
pankso@37 636 border-bottom-right-radius: 2px;
pankso@37 637 }
pankso@37 638 ul.Options li.Active ul li a {
pankso@37 639 background: none;
pankso@37 640 }
pankso@37 641 ul.Options li.Active a {
pankso@37 642 background: #efefef;
pankso@37 643 color: #595959;
pankso@37 644 }
pankso@37 645 ul.Options li.Active a:hover {
pankso@37 646 background: #8d8d8d;
pankso@37 647 color: #fff;
pankso@37 648 }
pankso@37 649 ul.Options li.Parent strong:hover,
pankso@37 650 ul.Options li.Active strong:hover,
pankso@37 651 ul.Options li.Active strong,
pankso@37 652 ul.Options li.Active ul {
pankso@37 653 box-shadow: 0px 0px 2px #999;
pankso@37 654 -moz-box-shadow: 0 0 2px #999;
pankso@37 655 -webkit-box-shadow: 0px 0px 2px #999;
pankso@37 656 }
pankso@37 657 .Center {
pankso@37 658 text-align: center;
pankso@37 659 }
pankso@37 660
pankso@37 661
pankso@37 662 /* ================================================================ Main Menu */
pankso@37 663 div.Menu {
pankso@37 664 width: 960px;
pankso@37 665 margin: 0 auto;
pankso@37 666 position: relative;
pankso@37 667 text-align: left;
pankso@37 668 vertical-align: bottom;
pankso@37 669 }
pankso@37 670 ul#Menu {
pankso@37 671 display: inline-block;
pankso@37 672 margin-right: 280px;
pankso@37 673 vertical-align: bottom;
pankso@37 674 }
pankso@37 675 #Menu ul,
pankso@37 676 #Menu li.Active {
pankso@37 677 background: #38abe3;
pankso@37 678 }
pankso@37 679 #Menu a,
pankso@37 680 #Menu li.Active a {
pankso@37 681 color: #fff;
pankso@37 682 }
pankso@37 683 #Menu a:hover {
pankso@37 684 background: #a3431f;
pankso@37 685 }
pankso@37 686 #Menu a:hover,
pankso@37 687 #Menu li.NonTab a:hover {
pankso@37 688 color: #fff !important;
pankso@37 689 }
pankso@37 690 /* Numbers next to menu items */
pankso@37 691 #Menu a span,
pankso@37 692 #Menu li.Active a span,
pankso@37 693 #Menu li.Highlight a:hover span {
pankso@37 694 background: #f2fcff;
pankso@37 695 color: #299fc7;
pankso@37 696 }
pankso@37 697
pankso@37 698 #Head .Search, #Head #Search {
pankso@37 699 position: absolute;
pankso@37 700 right: 0;
pankso@37 701 bottom: 6px;
pankso@37 702 text-align: right;
pankso@37 703 }
pankso@37 704
pankso@37 705 /* ======================================================== Panels / Sidebars */
pankso@37 706 #Panel {
pankso@37 707 width: 250px;
pankso@37 708 float: right;
pankso@37 709 }
pankso@37 710 div.Box {
pankso@37 711 background: #eaeaea;
pankso@37 712 color: #888;
pankso@37 713 padding: 6px 10px;
pankso@37 714 margin: 0 0 10px;
pankso@37 715 border-radius: 2px;
pankso@37 716 -moz-border-radius: 2px;
pankso@37 717 -webkit-border-radius: 2px;
pankso@37 718 box-shadow: 0px 0px 2px #999;
pankso@37 719 -moz-box-shadow: 0px 0px 2px #999;
pankso@37 720 -webkit-box-shadow: 0px 0px 2px #999;
pankso@37 721 }
pankso@37 722 div.Box h4 {
pankso@37 723 font-size: 110%;
pankso@37 724 color: #666666;
pankso@37 725 font-weight: bold;
pankso@37 726 margin: 0;
pankso@37 727 padding: 0 0 1px;
pankso@37 728 }
pankso@37 729 div.Box h4 a {
pankso@37 730 color: #666666;
pankso@37 731 }
pankso@37 732 div.Box dl {
pankso@37 733 overflow: hidden;
pankso@37 734 }
pankso@37 735 div.Box dl dt {
pankso@37 736 font-size: 12px;
pankso@37 737 float: left;
pankso@37 738 width: 80px;
pankso@37 739 color: #555;
pankso@37 740 }
pankso@37 741 div.Box dl dd {
pankso@37 742 font-size: 12px;
pankso@37 743 margin-left: 80px;
pankso@37 744 }
pankso@37 745 div.Box p {
pankso@37 746 font-size: 100%;
pankso@37 747 padding: 0 0 4px;
pankso@37 748 color: #555;
pankso@37 749 }
pankso@37 750 ul.PanelActivity {
pankso@37 751 border-top: 1px solid #C8C8C8;
pankso@37 752 border-bottom: 0;
pankso@37 753 }
pankso@37 754 ul.PanelActivity li {
pankso@37 755 background: #f1f1f1;
pankso@37 756 border-bottom: 1px solid #C8C8C8;
pankso@37 757 padding: 2px 4px;
pankso@37 758 color: #555;
pankso@37 759 font-size: 11px;
pankso@37 760 line-height: 1.6;
pankso@37 761 }
pankso@37 762 ul.PanelActivity li a {
pankso@37 763 font-size: 13px;
pankso@37 764 }
pankso@37 765 ul.PanelActivity li a.Name {
pankso@37 766 margin-right: 2px;
pankso@37 767 }
pankso@37 768 ul.PanelActivity span {
pankso@37 769 padding: 0 4px;
pankso@37 770 }
pankso@37 771 ul.PanelActivity p {
pankso@37 772 padding: 0 4px;
pankso@37 773 display: inline;
pankso@37 774 font-size: 90%;
pankso@37 775 }
pankso@37 776 ul.PanelActivity li em {
pankso@37 777 padding-left: 5px;
pankso@37 778 color: #777;
pankso@37 779 font-size: 80%;
pankso@37 780 }
pankso@37 781 ul.PanelActivity li div.Story {
pankso@37 782 font-size: 85%;
pankso@37 783 }
pankso@37 784 ul.PanelInfo li {
pankso@37 785 background: #f1f1f1;
pankso@37 786 border-bottom: 1px solid #C8C8C8;
pankso@37 787 padding: 2px 4px;
pankso@37 788 text-align: right;
pankso@37 789 }
pankso@37 790 ul.PanelInfo li.Heading {
pankso@37 791 text-align: left;
pankso@37 792 color: #000;
pankso@37 793 font-weight: bold;
pankso@37 794 }
pankso@37 795 ul.PanelInfo {
pankso@37 796 border-top: 1px solid #C8C8C8;
pankso@37 797 border-bottom: 0;
pankso@37 798 }
pankso@37 799 ul.PanelInfo li strong {
pankso@37 800 font-weight: normal;
pankso@37 801 text-align: left;
pankso@37 802 font-weight: normal;
pankso@37 803 }
pankso@37 804 ul.PanelInfo li a {
pankso@37 805 float: left;
pankso@37 806 }
pankso@37 807 ul.PanelInfo div.Meta {
pankso@37 808 font-size: 11px;
pankso@37 809 }
pankso@37 810 ul.PanelInfo div.Meta span,
pankso@37 811 ul.PanelInfo div.Meta strong {
pankso@37 812 margin-right: 8px;
pankso@37 813 }
pankso@37 814 ul.PanelInfo div.Meta span a {
pankso@37 815 margin-left: 8px;
pankso@37 816 }
pankso@37 817 ul.PanelInfo div.Meta strong {
pankso@37 818 display: inline;
pankso@37 819 border-radius: 2px;
pankso@37 820 -moz-border-radius: 2px;
pankso@37 821 -webkit-border-radius: 2px;
pankso@37 822 /*
pankso@37 823 box-shadow: 0px 0px 2px #777;
pankso@37 824 -moz-box-shadow: 0px 0px 2px #777;
pankso@37 825 -webkit-box-shadow: 0px 0px 2px #777;
pankso@37 826 */
pankso@37 827 background: #FF0;
pankso@37 828 color:#000;
pankso@37 829 font-size:9px;
pankso@37 830 font-weight:bold;
pankso@37 831 padding: 3px;
pankso@37 832 line-height: 1;
pankso@37 833 }
pankso@37 834 ul.PanelInfo li.Parent {
pankso@37 835 text-align: left;
pankso@37 836 font-weight: bold;
pankso@37 837 background: none;
pankso@37 838 color: #333;
pankso@37 839 padding: 2px 0;
pankso@37 840 }
pankso@37 841 ul.PanelInfo li.Active {
pankso@37 842 background: #f8f8f8;
pankso@37 843 border-bottom: 1px solid #444444;
pankso@37 844 }
pankso@37 845 ul.PanelInfo li.Active a {
pankso@37 846 color: #1e79a7;
pankso@37 847 }
pankso@37 848 ul.PanelActivity li.ShowAll,
pankso@37 849 ul.PanelInfo li.ShowAll {
pankso@37 850 font-weight: bold;
pankso@37 851 border: 0;
pankso@37 852 text-align: right;
pankso@37 853 background: none;
pankso@37 854 }
pankso@37 855 #UserOptions {
pankso@37 856 margin-bottom: 10px;
pankso@37 857 }
pankso@37 858 body.Profile ul.PanelInfo {
pankso@37 859 border-bottom: 1px solid #C8C8C8;
pankso@37 860 }
pankso@37 861 body.Profile ul.PanelInfo li {
pankso@37 862 border-bottom: 0;
pankso@37 863 text-align: left;
pankso@37 864 }
pankso@37 865 body.Profile ul.PanelInfo li a {
pankso@37 866 float: none;
pankso@37 867 }
pankso@37 868 a.BigButton {
pankso@37 869 text-align: center;
pankso@37 870 display: block;
pankso@37 871 cursor: pointer;
pankso@37 872 margin: 0 0 10px;
pankso@37 873 font-size: 15px;
pankso@37 874 font-weight: bold;
pankso@37 875 padding: 8px 0;
pankso@37 876 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
pankso@37 877 color: #02475A;
pankso@37 878 text-shadow: 0 1px 0 #fff;
pankso@37 879 border: 1px solid #999;
pankso@37 880 border-radius: 3px;
pankso@37 881 -moz-border-radius: 3px;
pankso@37 882 -webkit-border-radius: 3px;
pankso@37 883 box-shadow: 0px 0px 2px #999;
pankso@37 884 -moz-box-shadow: 0px 0px 2px #999;
pankso@37 885 -webkit-box-shadow: 0px 0px 2px #999;
pankso@37 886 }
pankso@37 887 a.BigButton:hover {
pankso@37 888 color: #111;
pankso@37 889 border: 1px solid #666;
pankso@37 890 box-shadow: 0px 0px 5px #aaa;
pankso@37 891 -moz-box-shadow: 0px 0px 5px #aaa;
pankso@37 892 -webkit-box-shadow: 0px 0px 5px #aaa;
pankso@37 893 }
pankso@37 894 a.BigButton:focus {
pankso@37 895 background: #eee;
pankso@37 896 box-shadow: 0px 0px 2px #999;
pankso@37 897 -moz-box-shadow: 0px 0px 2px #999;
pankso@37 898 -webkit-box-shadow: 0px 0px 2px #999;
pankso@37 899 }
pankso@37 900 /* Category Depths */
pankso@37 901 ul.PanelCategories li.Depth2 { padding-left: 8px; }
pankso@37 902 ul.PanelCategories li.Depth3 { padding-left: 12px; }
pankso@37 903 ul.PanelCategories li.Depth4 { padding-left: 16px; }
pankso@37 904 ul.PanelCategories li.Depth5 { padding-left: 20px; }
pankso@37 905 ul.PanelCategories li.Depth6 { padding-left: 24px; }
pankso@37 906 ul.PanelCategories li.Depth7 { padding-left: 28px; }
pankso@37 907 ul.PanelCategories li.Depth8 { padding-left: 32px; }
pankso@37 908 ul.PanelCategories li.Depth9 { padding-left: 36px; }
pankso@37 909 ul.PanelCategories li.Depth10 { padding-left: 40px; }
pankso@37 910 ul.PanelCategories li.Depth11 { padding-left: 44px; }
pankso@37 911 ul.PanelCategories li.Depth12 { padding-left: 48px; }
pankso@37 912 ul.CategoryList li.Depth2 { padding-left: 25px !important; }
pankso@37 913 ul.CategoryList li.Depth3 { padding-left: 50px !important; }
pankso@37 914 ul.CategoryList li.Depth4 { padding-left: 75px !important; }
pankso@37 915 ul.CategoryList li.Depth5 { padding-left: 100px !important; }
pankso@37 916 ul.CategoryList li.Depth6 { padding-left: 125px !important; }
pankso@37 917 ul.CategoryList li.Depth7 { padding-left: 150px !important; }
pankso@37 918 ul.CategoryList li.Depth8 { padding-left: 175px !important; }
pankso@37 919 ul.CategoryList li.Depth9 { padding-left: 200px !important; }
pankso@37 920 ul.CategoryList li.Depth10 { padding-left: 225px !important; }
pankso@37 921 ul.CategoryList li.Depth11 { padding-left: 250px !important; }
pankso@37 922 ul.CategoryList li.Depth12 { padding-left: 275px !important; }
pankso@37 923 ul.CategoryListWithHeadings li.Depth2 { padding-left: 0 !important; }
pankso@37 924 ul.CategoryListWithHeadings li.Depth3 { padding-left: 25px !important; }
pankso@37 925 ul.CategoryListWithHeadings li.Depth4 { padding-left: 50px !important; }
pankso@37 926 ul.CategoryListWithHeadings li.Depth5 { padding-left: 75px !important; }
pankso@37 927 ul.CategoryListWithHeadings li.Depth6 { padding-left: 100px !important; }
pankso@37 928 ul.CategoryListWithHeadings li.Depth7 { padding-left: 125px !important; }
pankso@37 929 ul.CategoryListWithHeadings li.Depth8 { padding-left: 150px !important; }
pankso@37 930 ul.CategoryListWithHeadings li.Depth9 { padding-left: 175px !important; }
pankso@37 931 ul.CategoryListWithHeadings li.Depth10 { padding-left: 200px !important; }
pankso@37 932 ul.CategoryListWithHeadings li.Depth11 { padding-left: 225px !important; }
pankso@37 933 ul.CategoryListWithHeadings li.Depth12 { padding-left: 250px !important; }
pankso@37 934
pankso@37 935 div.Box.RecentUsers {
pankso@37 936 float: left;
pankso@37 937 }
pankso@37 938 div.Icons a {
pankso@37 939 display: block;
pankso@37 940 margin: 0 2px 2px 0;
pankso@37 941 float: left;
pankso@37 942 }
pankso@37 943 div.Icons img {
pankso@37 944 display: block;
pankso@37 945 height: 44px;
pankso@37 946 width: 44px;
pankso@37 947 overflow: hidden;
pankso@37 948 background: #c4cde0;
pankso@37 949 color: #c4cde0;
pankso@37 950 text-indent: 50px;
pankso@37 951 }
pankso@37 952
pankso@37 953 /* ================================================ DataList (Search Results) */
pankso@37 954 /* Note: DataList is used in search results, vanilla discussions & drafts */
pankso@37 955 div.Empty {
pankso@37 956 margin: 10px 0;
pankso@37 957 }
pankso@37 958 ul.DataList li.Item {
pankso@37 959 margin: 0;
pankso@37 960 padding: 4px 0;
pankso@37 961 border-bottom: 1px solid #bec8cc;
pankso@37 962 }
pankso@37 963 ul.DataList li.Item li.Item {
pankso@37 964 border-bottom: none;
pankso@37 965 }
pankso@37 966 ul.DataList li {
pankso@37 967 border: 0;
pankso@37 968 padding: 0;
pankso@37 969 position: relative;
pankso@37 970 }
pankso@37 971 ul.DataList div.Options {
pankso@37 972 position: absolute;
pankso@37 973 right: 0;
pankso@37 974 width:100px;
pankso@37 975 }
pankso@37 976 ul.DataList div.OptionButton {
pankso@37 977 position: absolute;
pankso@37 978 top: 0;
pankso@37 979 right: 0;
pankso@37 980 }
pankso@37 981 ul.DataList a.Title {
pankso@37 982 display: block;
pankso@37 983 margin: 0;
pankso@37 984 font-size: 14px;
pankso@37 985 font-weight: bold;
pankso@37 986 }
pankso@37 987 ul.DataList div.Title {
pankso@37 988 display: block;
pankso@37 989 margin: 0;
pankso@37 990 }
pankso@37 991 ul.DataList div.Title a {
pankso@37 992 font-size: 120%;
pankso@37 993 font-weight: bold;
pankso@37 994 }
pankso@37 995 ul.DataList div.Meta {
pankso@37 996 font-size: 11px;
pankso@37 997 color: #70727c;
pankso@37 998 }
pankso@37 999 ul.DataList div.Excerpt {
pankso@37 1000 font-size: 12px;
pankso@37 1001 line-height: 1.4;
pankso@37 1002 }
pankso@37 1003 ul.DataList div.Excerpt a {
pankso@37 1004 color: #333;
pankso@37 1005 display: block;
pankso@37 1006 }
pankso@37 1007 ul.DataList div.Excerpt p {
pankso@37 1008 display: inline;
pankso@37 1009 padding: 0;
pankso@37 1010 }
pankso@37 1011 /* ul.DataList div.Meta span a, */
pankso@37 1012 ul.DataList div.Meta span,
pankso@37 1013 ul.DataList div.Meta strong {
pankso@37 1014 margin-right: 12px;
pankso@37 1015 }
pankso@37 1016 ul.DataList div.Meta strong {
pankso@37 1017 border-radius: 2px;
pankso@37 1018 -moz-border-radius: 2px;
pankso@37 1019 -webkit-border-radius: 2px;
pankso@37 1020 /*
pankso@37 1021 box-shadow: 0px 0px 2px #777;
pankso@37 1022 -moz-box-shadow: 0px 0px 2px #777;
pankso@37 1023 -webkit-box-shadow: 0px 0px 2px #777;
pankso@37 1024 */
pankso@37 1025 background: #FF0;
pankso@37 1026 color:#000;
pankso@37 1027 font-size:9px;
pankso@37 1028 font-weight:bold;
pankso@37 1029 padding: 3px;
pankso@37 1030 line-height: 1;
pankso@37 1031 }
pankso@37 1032 ul.DataList div.Meta a {
pankso@37 1033 color: #2b2d33;
pankso@37 1034 }
pankso@37 1035 ul.DataList a.Delete {
pankso@37 1036 width: auto;
pankso@37 1037 padding: 0 5px;
pankso@37 1038 margin: 0 1px 0 0;
pankso@37 1039 font-size: 11px;
pankso@37 1040 font-weight: normal;
pankso@37 1041 border-radius: 2px;
pankso@37 1042 -moz-border-radius: 2px;
pankso@37 1043 -webkit-border-radius: 2px;
pankso@37 1044 color: #555;
pankso@37 1045 cursor: pointer;
pankso@37 1046 line-height: 1;
pankso@37 1047 }
pankso@37 1048 ul.DataList a.Delete:hover {
pankso@37 1049 padding: 4px;
pankso@37 1050 color: #333;
pankso@37 1051 border: 1px solid #888;
pankso@37 1052 background: url('images/buttonbg.png') repeat-x center left #f8f8f8;
pankso@37 1053 }
pankso@37 1054 ul.DataList a.Delete:focus {
pankso@37 1055 background: #f8f8f8;
pankso@37 1056 }
pankso@37 1057 /* Condensed datalists make the main link & excerpt inline. */
pankso@37 1058 ul.DataList div.Photo {
pankso@37 1059 float: left;
pankso@37 1060 padding: 0 10px 0 0;
pankso@37 1061 font-size: 11px;
pankso@37 1062 }
pankso@37 1063 ul.DataList div.Photo img {
pankso@37 1064 display: block;
pankso@37 1065 height: 43px;
pankso@37 1066 width: 43px;
pankso@37 1067 overflow: hidden;
pankso@37 1068 background: #eee;
pankso@37 1069 }
pankso@37 1070 ul.Condensed li,
pankso@37 1071 li.Condensed {
pankso@37 1072 clear: left;
pankso@37 1073 }
pankso@37 1074 ul.Condensed a.Title,
pankso@37 1075 li.Condensed a.Title,
pankso@37 1076 ul.Condensed div.Title,
pankso@37 1077 li.Condensed div.Title {
pankso@37 1078 display: inline;
pankso@37 1079 padding: 0;
pankso@37 1080 }
pankso@37 1081 ul.Condensed div.Excerpt,
pankso@37 1082 li.Condensed div.Excerpt {
pankso@37 1083 display: inline;
pankso@37 1084 }
pankso@37 1085 ul.Condensed div.Excerpt a,
pankso@37 1086 li.Condensed div.Excerpt a {
pankso@37 1087 display: block;
pankso@37 1088 padding: 3px 0;
pankso@37 1089 }
pankso@37 1090
pankso@37 1091 /* =============================================================== Activities */
pankso@37 1092
pankso@37 1093 body.Activity h1 {
pankso@37 1094 margin: 0;
pankso@37 1095 }
pankso@37 1096 body.Profile ul.Activities {
pankso@37 1097 margin-top: 10px;
pankso@37 1098 border-top: 1px solid #ddd;
pankso@37 1099 }
pankso@37 1100 ul.Activities li.HasPhoto div.Title {
pankso@37 1101 padding: 0;
pankso@37 1102 }
pankso@37 1103 ul.Activities a.Title,
pankso@37 1104 ul.Activities div.Title,
pankso@37 1105 ul.Activities div.Title a {
pankso@37 1106 font-size: 14px;
pankso@37 1107 }
pankso@37 1108 ul.Activities div.Excerpt {
pankso@37 1109 color: #80828C;
pankso@37 1110 }
pankso@37 1111 ul.Activities li.Condensed div.Excerpt {
pankso@37 1112 color: #000;
pankso@37 1113 font-size: 13px;
pankso@37 1114 padding: 0 0 0 4px;
pankso@37 1115 }
pankso@37 1116 ul.Activities div.Excerpt a,
pankso@37 1117 ul.Activities div.Meta a {
pankso@37 1118 color: #1e79a7;
pankso@37 1119 }
pankso@37 1120 ul.Activities div.Excerpt a:hover,
pankso@37 1121 ul.Activities div.Meta a:hover {
pankso@37 1122 color: #ff0084;
pankso@37 1123 }
pankso@37 1124 ul.Activities div.Excerpt img {
pankso@37 1125 padding: 2px;
pankso@37 1126 border: 1px solid #999;
pankso@37 1127 }
pankso@37 1128 ul.Activities ul.DataList {
pankso@37 1129 margin-left: 50px;
pankso@37 1130 width: 400px;
pankso@37 1131 }
pankso@37 1132 ul.Activities div.ItemContent {
pankso@37 1133 width: 631px;
pankso@37 1134 }
pankso@37 1135 ul.Activities li.HasPhoto div.ItemContent {
pankso@37 1136 margin-left: 53px;
pankso@37 1137 width: 578px;
pankso@37 1138 }
pankso@37 1139 ul.Activities li.Item li.HasPhoto div.ItemContent {
pankso@37 1140 width: auto;
pankso@37 1141 margin-left: 42px;
pankso@37 1142 }
pankso@37 1143 ul.Activities ul.DataList li {
pankso@37 1144 background: #D7E7FF;
pankso@37 1145 margin-bottom: 2px;
pankso@37 1146 padding: 6px;
pankso@37 1147 }
pankso@37 1148 ul.Activities ul.DataList a.Title,
pankso@37 1149 ul.Activities ul.DataList div.Title,
pankso@37 1150 ul.Activities ul.DataList div.Title a,
pankso@37 1151 ul.Activities ul.DataList div.Excerpt p {
pankso@37 1152 font-size: 13px;
pankso@37 1153 line-height: 1;
pankso@37 1154 }
pankso@37 1155 ul.HasPhoto div.Excerpt,
pankso@37 1156 ul.HasPhoto div.Meta {
pankso@37 1157 padding-left: 49px !important;
pankso@37 1158 display: block;
pankso@37 1159 }
pankso@37 1160 ul.Activities ul.DataList .HasPhoto div.Meta {
pankso@37 1161 padding: 2px 0 0;
pankso@37 1162 line-height: 1;
pankso@37 1163 }
pankso@37 1164 ul.Activities ul.DataList div.Photo img {
pankso@37 1165 height: 32px;
pankso@37 1166 width: 32px;
pankso@37 1167 }
pankso@37 1168 ul.Activities a.CommentLink,
pankso@37 1169 ul.Activities a.CommentLink:hover {
pankso@37 1170 font-size: 12px;
pankso@37 1171 cursor: text;
pankso@37 1172 background: #fff;
pankso@37 1173 color: #bbb !important;
pankso@37 1174 padding: 5px;
pankso@37 1175 text-decoration: none;
pankso@37 1176 border: 1px solid #aaa;
pankso@37 1177 display: block;
pankso@37 1178 line-height: 100%;
pankso@37 1179 font-weight: normal;
pankso@37 1180 }
pankso@37 1181 ul.Activities li.CommentForm form div {
pankso@37 1182 text-align: right;
pankso@37 1183 }
pankso@37 1184 ul.Activities li.CommentForm textarea.TextBox {
pankso@37 1185 width: 380px;
pankso@37 1186 min-height: 40px;
pankso@37 1187 height: 40px;
pankso@37 1188 margin-bottom: 2px;
pankso@37 1189 font-size: 12px;
pankso@37 1190 }
pankso@37 1191 ul.Activities li.CommentForm input.Button {
pankso@37 1192 font-size: 12px;
pankso@37 1193 box-shadow: 0 0 1px #999;
pankso@37 1194 -moz-box-shadow: 0 0 1px #999;
pankso@37 1195 -webkit-box-shadow: 0 0 1px #999;
pankso@37 1196 }
pankso@37 1197
pankso@37 1198
pankso@37 1199 /* ============================================================== MessageList */
pankso@37 1200 /* used for lists of message-based content (discussion comments, private
pankso@37 1201 conversation messages, etc). */
pankso@37 1202
pankso@37 1203 ul.MessageList,
pankso@37 1204 ul.MessageList li {
pankso@37 1205 list-style: none;
pankso@37 1206 margin: 0;
pankso@37 1207 padding: 0;
pankso@37 1208 }
pankso@37 1209 ul.MessageList li.Item {
pankso@37 1210 border-bottom: 1px solid #ddd;
pankso@37 1211 padding: 10px 4px 4px 10px;
pankso@37 1212 }
pankso@37 1213 ul.MessageList div.Meta {
pankso@37 1214 font-size: 11px;
pankso@37 1215 color: #777;
pankso@37 1216 min-height: 40px;
pankso@37 1217 }
pankso@37 1218 ul.MessageList div.Meta span.Author img {
pankso@37 1219 height: 40px;
pankso@37 1220 width: 40px;
pankso@37 1221 border: 0;
pankso@37 1222 margin: 0 10px 0 0;
pankso@37 1223 float: left;
pankso@37 1224 overflow: hidden;
pankso@37 1225 background: #eee;
pankso@37 1226 }
pankso@37 1227 ul.MessageList div.Meta span {
pankso@37 1228 line-height: 2.5;
pankso@37 1229 padding-left: 10px;
pankso@37 1230 }
pankso@37 1231 ul.MessageList div.Meta span.Author {
pankso@37 1232 padding: 0;
pankso@37 1233 }
pankso@37 1234 ul.MessageList div.Meta span.Author a {
pankso@37 1235 font-size: 15px;
pankso@37 1236 font-weight: bold;
pankso@37 1237 }
pankso@37 1238
pankso@37 1239 ul.MessageList div.Comment div.Meta span {
pankso@37 1240 line-height: inherit;
pankso@37 1241 }
pankso@37 1242
pankso@37 1243 ul.MessageList div.Comment div.Meta div.CommentInfo {
pankso@37 1244 line-height: normal;
pankso@37 1245 }
pankso@37 1246
pankso@37 1247 ul.MessageList div.Comment div.Meta div.CommentInfo span {
pankso@37 1248 padding-left: 0px;
pankso@37 1249 padding-right: 10px;
pankso@37 1250 }
pankso@37 1251
pankso@37 1252 div.Preview {
pankso@37 1253 text-align: left;
pankso@37 1254 background: #f1f1f1;
pankso@37 1255 padding: 1px 8px;
pankso@37 1256 margin: 4px 0 8px;
pankso@37 1257 }
pankso@37 1258 div.Popup div.Preview {
pankso@37 1259 padding: 8px;
pankso@37 1260 margin: 0;
pankso@37 1261 }
pankso@37 1262 body.Post div.Popup a.Close {
pankso@37 1263 color: #1e79a7;
pankso@37 1264 }
pankso@37 1265 div.Preview div.Message,
pankso@37 1266 ul.MessageList div.Message {
pankso@37 1267 clear: both;
pankso@37 1268 line-height: 140%;
pankso@37 1269 font-size: 100%;
pankso@37 1270 word-wrap: break-word;
pankso@37 1271 }
pankso@37 1272 div.Preview div.Message,
pankso@37 1273 div.Preview div.Message p,
pankso@37 1274 ul.MessageList div.Message,
pankso@37 1275 ul.MessageList div.Message p {
pankso@37 1276 margin: 8px 0;
pankso@37 1277 }
pankso@37 1278 div.Preview div.Message blockquote,
pankso@37 1279 ul.MessageList div.Message blockquote {
pankso@37 1280 padding: 4px 16px;
pankso@37 1281 margin: 4px 0;
pankso@37 1282 }
pankso@37 1283
pankso@37 1284 code, pre {
pankso@37 1285 border-radius: 2px;
pankso@37 1286 -moz-border-radius: 2px;
pankso@37 1287 -webkit-border-radius: 2px;
pankso@37 1288 background: #ff9;
pankso@37 1289 padding: 4px 8px;
pankso@37 1290 white-space: pre;
pankso@37 1291 font-family: monospace;
pankso@37 1292 overflow: auto;
pankso@37 1293 border: 1px solid #eec;
pankso@37 1294 }
pankso@37 1295 pre {
pankso@37 1296 display: block;
pankso@37 1297 }
pankso@37 1298 div.Preview div.Message strong,
pankso@37 1299 ul.MessageList div.Message strong {
pankso@37 1300 font-weight: bold;
pankso@37 1301 }
pankso@37 1302 div.Preview div.Message em,
pankso@37 1303 ul.MessageList div.Message em {
pankso@37 1304 font-style: oblique;
pankso@37 1305 }
pankso@37 1306 div.Preview div.Message ul,
pankso@37 1307 div.Preview div.Message ol,
pankso@37 1308 ul.MessageList div.Message ul,
pankso@37 1309 ul.MessageList div.Message ol {
pankso@37 1310 margin-left: 3em ! important;
pankso@37 1311 }
pankso@37 1312 div.Preview div.Message ol li,
pankso@37 1313 ul.MessageList div.Message ol li {
pankso@37 1314 list-style: decimal ! important;
pankso@37 1315 }
pankso@37 1316 div.Preview div.Message ul li,
pankso@37 1317 ul.MessageList div.Message ul li {
pankso@37 1318 list-style: disc ! important;
pankso@37 1319 }
pankso@37 1320 div.Message h1,
pankso@37 1321 div.Message h2,
pankso@37 1322 div.Message h3,
pankso@37 1323 div.Message h4,
pankso@37 1324 div.Message h5 {
pankso@37 1325 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
pankso@37 1326 font-weight: bold;
pankso@37 1327 border: none;
pankso@37 1328 color: #000;
pankso@37 1329 }
pankso@37 1330 div.Message h1 { font-size: 22px; }
pankso@37 1331 div.Message h2 { font-size: 20px; }
pankso@37 1332 div.Message h3 { font-size: 18px; }
pankso@37 1333 div.Message h4 { font-size: 16px; }
pankso@37 1334 div.Message h5 { font-size: 14px; }
pankso@37 1335 div.Message div.ImageResized {
pankso@37 1336 font-size: 11px;
pankso@37 1337 font-weight: normal;
pankso@37 1338 cursor: pointer;
pankso@37 1339 margin-bottom: 10px;
pankso@37 1340 }
pankso@37 1341 /* The "Foot" is at the bottom of the #Content section. Used for more results
pankso@37 1342 links, sign in buttons, etc */
pankso@37 1343 .Foot {
pankso@37 1344 border-bottom: 1px solid #C8C8C8;
pankso@37 1345 padding: 6px;
pankso@37 1346 background: #eaeaea;
pankso@37 1347 text-align: right;
pankso@37 1348 border-bottom-right-radius: 2px;
pankso@37 1349 border-bottom-left-radius: 2px;
pankso@37 1350 -moz-border-radius-bottomright: 2px;
pankso@37 1351 -moz-border-radius-bottomleft: 2px;
pankso@37 1352 -webkit-border-bottom-right-radius: 2px;
pankso@37 1353 -webkit-border-bottom-left-radius: 2px;
pankso@37 1354 }
pankso@37 1355 .Foot a.TabLink {
pankso@37 1356 margin-left: 10px;
pankso@37 1357 }
pankso@37 1358 .Foot .Note {
pankso@37 1359 line-height: 2.6;
pankso@37 1360 float: left;
pankso@37 1361 padding: 0 0 0 8px;
pankso@37 1362 font-weight: bold;
pankso@37 1363 }
pankso@37 1364
pankso@37 1365 /* =============================================================== Categories */
pankso@37 1366 ul.CategoryList li.Item {
pankso@37 1367 margin: 0;
pankso@37 1368 padding: 0;
pankso@37 1369 border: 0 !important;
pankso@37 1370 }
pankso@37 1371 ul.CategoryList .ItemContent {
pankso@37 1372 position: relative;
pankso@37 1373 margin-top: -1px;
pankso@37 1374 border: 1px solid #BEC8CC;
pankso@37 1375 border-width: 1px 0;
pankso@37 1376 padding: 4px 9px;
pankso@37 1377 }
pankso@37 1378 div.Meta span.ChildCategories {
pankso@37 1379 border-top: 1px dotted #ddd;
pankso@37 1380 display: block;
pankso@37 1381 }
pankso@37 1382 ul.DataList div.Meta span.RSS {
pankso@37 1383 margin-right: 6px;
pankso@37 1384 }
pankso@37 1385 div.Meta span.RSS img {
pankso@37 1386 vertical-align: text-bottom;
pankso@37 1387 }
pankso@37 1388 ul.CategoryList li.CategoryHeading {
pankso@37 1389 font-weight: bold;
pankso@37 1390 font-size: 14px;
pankso@37 1391 }
pankso@37 1392
pankso@37 1393 /* ============================================================= Profile Page */
pankso@37 1394 body.Profile #Content {
pankso@37 1395 width: auto;
pankso@37 1396 margin: 0 0 40px 20px;
pankso@37 1397 width: 690px;
pankso@37 1398 float: right;
pankso@37 1399 }
pankso@37 1400 body.Profile #Panel {
pankso@37 1401 float: left;
pankso@37 1402 width: 250px;
pankso@37 1403 }
pankso@37 1404 ul.SideMenu {
pankso@37 1405 border-radius: 0;
pankso@37 1406 -moz-border-radius: 0;
pankso@37 1407 -webkit-border-radius: 0;
pankso@37 1408 background: none;
pankso@37 1409 padding: 0;
pankso@37 1410 margin: 0 0 10px;
pankso@37 1411 }
pankso@37 1412 ul.SideMenu li ul {
pankso@37 1413 margin: 0;
pankso@37 1414 padding: 0;
pankso@37 1415 border: 0;
pankso@37 1416 background: none;
pankso@37 1417 }
pankso@37 1418 ul.SideMenu li ul li {
pankso@37 1419 border-bottom: 1px solid #bec8cc;
pankso@37 1420 }
pankso@37 1421 ul.SideMenu li ul li a {
pankso@37 1422 padding: 0 8px;
pankso@37 1423 display: block;
pankso@37 1424 }
pankso@37 1425 ul.SideMenu li ul li a:hover {
pankso@37 1426 text-decoration: none;
pankso@37 1427 background: #eaeaea;
pankso@37 1428 }
pankso@37 1429 div.User {
pankso@37 1430 line-height: 150%;
pankso@37 1431 }
pankso@37 1432 div.User,
pankso@37 1433 div.User a {
pankso@37 1434 text-decoration: none;
pankso@37 1435 }
pankso@37 1436 div.User h1 {
pankso@37 1437 padding: 0 0 8px;
pankso@37 1438 margin: 0;
pankso@37 1439 line-height: 100%;
pankso@37 1440 border: 0;
pankso@37 1441 }
pankso@37 1442 #Status {
pankso@37 1443 border-top-left-radius: 2px;
pankso@37 1444 border-top-right-radius: 2px;
pankso@37 1445 -moz-border-radius-topleft: 2px;
pankso@37 1446 -moz-border-radius-topright: 2px;
pankso@37 1447 -webkit-border-top-left-radius: 2px;
pankso@37 1448 -webkit-border-top-right-radius: 2px;
pankso@37 1449 background: #f1f1f1;
pankso@37 1450 margin: 0;
pankso@37 1451 padding: 8px 8px 0;
pankso@37 1452 color: #999;
pankso@37 1453 font-weight: normal;
pankso@37 1454 line-height: 1.5;
pankso@37 1455 }
pankso@37 1456 #Status p {
pankso@37 1457 font-size: 120%;
pankso@37 1458 color: #6c6c6c;
pankso@37 1459 display: inline;
pankso@37 1460 margin: 0;
pankso@37 1461 padding: 0;
pankso@37 1462 line-height: 1;
pankso@37 1463 }
pankso@37 1464 #Status a.Change {
pankso@37 1465 text-transform: lowercase;
pankso@37 1466 font-size: 11px;
pankso@37 1467 text-decoration: none;
pankso@37 1468 }
pankso@37 1469 #Status a:hover {
pankso@37 1470 text-decoration: underline;
pankso@37 1471 }
pankso@37 1472 div.User form {
pankso@37 1473 border-top-left-radius: 2px;
pankso@37 1474 border-top-right-radius: 2px;
pankso@37 1475 -moz-border-radius-topleft: 2px;
pankso@37 1476 -moz-border-radius-topright: 2px;
pankso@37 1477 -webkit-border-top-left-radius: 2px;
pankso@37 1478 -webkit-border-top-right-radius: 2px;
pankso@37 1479 background: #f1f1f1;
pankso@37 1480 padding: 8px 8px 0;
pankso@37 1481 }
pankso@37 1482 div.User form input.InputBox {
pankso@37 1483 width: 618px;
pankso@37 1484 margin-right: 2px;
pankso@37 1485 }
pankso@37 1486 form.Activity {
pankso@37 1487 display: block;
pankso@37 1488 padding: 10px 10px 0 10px;
pankso@37 1489 text-align: right;
pankso@37 1490 }
pankso@37 1491 form.Activity textarea {
pankso@37 1492 width: 99%;
pankso@37 1493 margin-bottom: 2px;
pankso@37 1494 height: 60px;
pankso@37 1495 min-height: 60px;
pankso@37 1496 }
pankso@37 1497
pankso@37 1498 /* Invitations Form */
pankso@37 1499 #Form_Invitation table {
pankso@37 1500 width: 100%;
pankso@37 1501 border-collapse: collapse;
pankso@37 1502 margin: 10px 0;
pankso@37 1503 background: #f1f1f1;
pankso@37 1504 border: 1px solid #DDDDDD;
pankso@37 1505 }
pankso@37 1506 #Form_Invitation table label {
pankso@37 1507 font-size: 12px;
pankso@37 1508 padding: 0px;
pankso@37 1509 }
pankso@37 1510 #Form_Invitation table tr.Last td,
pankso@37 1511 #Form_Invitation table tr.Last th {
pankso@37 1512 border-bottom: 0px;
pankso@37 1513 }
pankso@37 1514 #Form_Invitation table th,
pankso@37 1515 #Form_Invitation table td {
pankso@37 1516 font-weight: normal;
pankso@37 1517 color: #555;
pankso@37 1518 padding: 6px;
pankso@37 1519 }
pankso@37 1520 #Form_Invitation table thead th,
pankso@37 1521 #Form_Invitation table thead td {
pankso@37 1522 border-bottom: 1px solid #DDDDDD;
pankso@37 1523 }
pankso@37 1524 #Form_Invitation table tbody th {
pankso@37 1525 font-weight: bold;
pankso@37 1526 color: #000;
pankso@37 1527 }
pankso@37 1528 #Form_Invitation table tbody th,
pankso@37 1529 #Form_Invitation table tbody td {
pankso@37 1530 border-bottom: 1px solid #DDDDDD;
pankso@37 1531 line-height: 150%;
pankso@37 1532 }
pankso@37 1533 #Form_Invitation table thead th {
pankso@37 1534 font-weight: bold;
pankso@37 1535 font-size: 13px;
pankso@37 1536 color: #000;
pankso@37 1537 }
pankso@37 1538 #Form_Invitation table.AltRows tr.Alt th,
pankso@37 1539 #Form_Invitation table.AltRows tr.Alt td,
pankso@37 1540 #Form_Invitation table.AltColumns th.Alt,
pankso@37 1541 #Form_Invitation table.AltColumns td.Alt {
pankso@37 1542 background: #f1f1f1;
pankso@37 1543 }
pankso@37 1544 #Form_Invitation table.AltColumns tr.Alt {
pankso@37 1545 background: none;
pankso@37 1546 }
pankso@37 1547 body.Profile ul.Notifications {
pankso@37 1548 border-top: 0;
pankso@37 1549 margin-top: 0;
pankso@37 1550 }
pankso@37 1551
pankso@37 1552
pankso@37 1553 /* ================================================= Tabs, Headings & Footers */
pankso@37 1554 div.MessageForm {
pankso@37 1555 text-align: right;
pankso@37 1556 }
pankso@37 1557 div.MessageForm,
pankso@37 1558 div.Tabs,
pankso@37 1559 div.Headings {
pankso@37 1560 display: block;
pankso@37 1561 border-bottom: 1px solid #C8C8C8;
pankso@37 1562 padding: 5px 8px;
pankso@37 1563 margin: 0;
pankso@37 1564 background: #f1f1f1;
pankso@37 1565 }
pankso@37 1566 div.MessageForm div.Tabs {
pankso@37 1567 padding: 0;
pankso@37 1568 border: 0;
pankso@37 1569 background: none;
pankso@37 1570 text-align: left;
pankso@37 1571 }
pankso@37 1572 div.MessageForm div.Tabs ul {
pankso@37 1573 display: inline;
pankso@37 1574 }
pankso@37 1575 div.Tabs li {
pankso@37 1576 display: inline;
pankso@37 1577 margin: 0;
pankso@37 1578 }
pankso@37 1579 div.MorePager a,
pankso@37 1580 div.MorePager a:link,
pankso@37 1581 div.MorePager a:hover,
pankso@37 1582 div.MorePager a:active,
pankso@37 1583 div.MorePager a:visited,
pankso@37 1584 a.TabLink,
pankso@37 1585 a.TabLink:link,
pankso@37 1586 a.TabLink:hover,
pankso@37 1587 a.TabLink:active,
pankso@37 1588 a.TabLink:visited,
pankso@37 1589 div.Tabs li a,
pankso@37 1590 div.Tabs li a:link,
pankso@37 1591 div.Tabs li a:hover,
pankso@37 1592 div.Tabs li a:active,
pankso@37 1593 div.Tabs li a:visited {
pankso@37 1594 margin: 0;
pankso@37 1595 border: 1px solid #C8C8C8;
pankso@37 1596 border-radius: 3px;
pankso@37 1597 -moz-border-radius: 3px;
pankso@37 1598 -webkit-border-radius: 3px;
pankso@37 1599 background: #b64b22;
pankso@37 1600 display: inline;
pankso@37 1601 font-weight: bold;
pankso@37 1602 color: #ffffff;
pankso@37 1603 text-decoration: none;
pankso@37 1604 padding: 5px 10px;
pankso@37 1605 line-height: 2.6;
pankso@37 1606 }
pankso@37 1607 div.MorePager li a:hover,
pankso@37 1608 a.TabLink:hover,
pankso@37 1609 div.Tabs li a:hover {
pankso@37 1610 background: #a3431f;
pankso@37 1611 }
pankso@37 1612 a.Active,
pankso@37 1613 div.Tabs li.Active a {
pankso@37 1614 background: #fff;
pankso@37 1615 color: #474747;
pankso@37 1616 }
pankso@37 1617 div.Tabs li a span {
pankso@37 1618 line-height: 1;
pankso@37 1619 font-size: 80%;
pankso@37 1620 padding: 0 3px;
pankso@37 1621 border-radius: 3px;
pankso@37 1622 -webkit-border-radius: 3px;
pankso@37 1623 -moz-border-radius: 3px;
pankso@37 1624 font-weight: normal;
pankso@37 1625 background: #1e79a7;
pankso@37 1626 color: #eaf4fd;
pankso@37 1627 margin: 0 0 0 4px;
pankso@37 1628 }
pankso@37 1629 div.Tabs div.SubTab {
pankso@37 1630 margin: 10px 0 0;
pankso@37 1631 padding: 4px 8px;
pankso@37 1632 background: #f3fcff;
pankso@37 1633 border-radius: 2px;
pankso@37 1634 -webkit-border-radius: 2px;
pankso@37 1635 -moz-border-radius: 2px;
pankso@37 1636 }
pankso@37 1637 div.HeadingTabs {
pankso@37 1638 padding: 8px 8px 8px 12px;
pankso@37 1639 }
pankso@37 1640 div.HeadingTabs ul {
pankso@37 1641 display: inline;
pankso@37 1642 float: right;
pankso@37 1643 }
pankso@37 1644 div.HeadingTabs div.SubTab {
pankso@37 1645 font-size: 14px;
pankso@37 1646 display: inline;
pankso@37 1647 font-weight: bold;
pankso@37 1648 background: none;
pankso@37 1649 padding: 0;
pankso@37 1650 line-height: 2.4;
pankso@37 1651 }
pankso@37 1652 div.SearchTabs input.InputBox {
pankso@37 1653 width: 560px;
pankso@37 1654 margin-right: 10px;
pankso@37 1655 }
pankso@37 1656 div.Headings {
pankso@37 1657 position: relative;
pankso@37 1658 text-align: left;
pankso@37 1659 }
pankso@37 1660 div.Headings div {
pankso@37 1661 display: inline-block;
pankso@37 1662 padding-right: 10px;
pankso@37 1663 }
pankso@37 1664 div.Headings div.ItemHeading {
pankso@37 1665 font-size: 14px;
pankso@37 1666 font-weight: bold;
pankso@37 1667 line-height: 2;
pankso@37 1668 }
pankso@37 1669 div.Headings div.MetaHeading {
pankso@37 1670 font-size: 11px;
pankso@37 1671 }
pankso@37 1672
pankso@37 1673 /* ======================================================== Thumbnail Cropper */
pankso@37 1674 form.Thumbnail table {
pankso@37 1675 width: 100%;
pankso@37 1676 }
pankso@37 1677 form.Thumbnail table td {
pankso@37 1678 width: 50%;
pankso@37 1679 }
pankso@37 1680 form.Thumbnail table tr td {
pankso@37 1681 vertical-align: top;
pankso@37 1682 }
pankso@37 1683 form.Thumbnail table tr th {
pankso@37 1684 padding-right: 10px;
pankso@37 1685 }
pankso@37 1686 .jcropper-holder {
pankso@37 1687 border: 1px black solid;
pankso@37 1688 }
pankso@37 1689 .jcrop-holder {
pankso@37 1690 text-align: left;
pankso@37 1691 }
pankso@37 1692 .jcrop-vline, .jcrop-hline {
pankso@37 1693 font-size: 0;
pankso@37 1694 position: absolute;
pankso@37 1695 background: white url('images/jcrop.gif') top left repeat;
pankso@37 1696 }
pankso@37 1697 .jcrop-vline { height: 100%; width: 1px !important; }
pankso@37 1698 .jcrop-hline { width: 100%; height: 1px !important; }
pankso@37 1699 .jcrop-handle {
pankso@37 1700 font-size: 1px;
pankso@37 1701 width: 7px !important;
pankso@37 1702 height: 7px !important;
pankso@37 1703 border: 1px #eee solid;
pankso@37 1704 background-color: #333;
pankso@37 1705 *width: 9px;
pankso@37 1706 *height: 9px;
pankso@37 1707 }
pankso@37 1708 .jcrop-tracker {
pankso@37 1709 *background-color: gray;
pankso@37 1710 width: 100%; height: 100%;
pankso@37 1711 }
pankso@37 1712 .custom .jcrop-vline,
pankso@37 1713 .custom .jcrop-hline {
pankso@37 1714 background: yellow;
pankso@37 1715 }
pankso@37 1716 .custom .jcrop-handle {
pankso@37 1717 border-color: black;
pankso@37 1718 background-color: #C7BB00;
pankso@37 1719 border-radius: 3px;
pankso@37 1720 -moz-border-radius: 3px;
pankso@37 1721 -webkit-border-radius: 3px;
pankso@37 1722 }
pankso@37 1723 form.Thumbnail table {
pankso@37 1724 width: 100%;
pankso@37 1725 }
pankso@37 1726 form.Thumbnail table td {
pankso@37 1727 font-weight: normal;
pankso@37 1728 }
pankso@37 1729
pankso@37 1730
pankso@37 1731 /* =================================================================== Popups */
pankso@37 1732 div.Popup div.Errors ul {
pankso@37 1733 border: 1px solid #a00 !important;
pankso@37 1734 }
pankso@37 1735 div.Popup div.Messages {
pankso@37 1736 text-align: left;
pankso@37 1737 position: inherit;
pankso@37 1738 top: auto;
pankso@37 1739 left: auto;
pankso@37 1740 z-index: auto;
pankso@37 1741 margin: 10px 0 !important;
pankso@37 1742 }
pankso@37 1743 div.Popup div.Messages ul {
pankso@37 1744 display: block;
pankso@37 1745 border-radius: 2px;
pankso@37 1746 -moz-border-radius: 2px;
pankso@37 1747 -webkit-border-radius: 2px;
pankso@37 1748 box-shadow: none;
pankso@37 1749 -moz-box-shadow: none;
pankso@37 1750 -webkit-box-shadow: none;
pankso@37 1751 }
pankso@37 1752 * html div.Popup div.Messages {
pankso@37 1753 position: inherit;
pankso@37 1754 width: auto;
pankso@37 1755 top: auto;
pankso@37 1756 left: auto;
pankso@37 1757 overflow: auto;
pankso@37 1758 }
pankso@37 1759 div.Popup .Info {
pankso@37 1760 margin-top: 10px;
pankso@37 1761 }
pankso@37 1762 div.Popup .Loading {
pankso@37 1763 display: block;
pankso@37 1764 width: 200px;
pankso@37 1765 }
pankso@37 1766 div.Overlay {
pankso@37 1767 position: absolute;
pankso@37 1768 top: 0;
pankso@37 1769 left: 0;
pankso@37 1770 width: 100%;
pankso@37 1771 height: 100%;
pankso@37 1772 }
pankso@37 1773 div.Popup {
pankso@37 1774 position: absolute;
pankso@37 1775 width: 100%;
pankso@37 1776 top: 0;
pankso@37 1777 left: 0;
pankso@37 1778 z-index: 5000;
pankso@37 1779 text-align: center;
pankso@37 1780 }
pankso@37 1781 div.Popup div.Border {
pankso@37 1782 margin: 0px auto;
pankso@37 1783 text-align: left;
pankso@37 1784 position: relative;
pankso@37 1785 max-width: 500px;
pankso@37 1786 display: inline-block;
pankso@37 1787 }
pankso@37 1788 div.Popup div.Body {
pankso@37 1789 background: #fff;
pankso@37 1790 }
pankso@37 1791 div.Popup div.Legal,
pankso@37 1792 div.Popup .Content form {
pankso@37 1793 max-height: 440px;
pankso@37 1794 overflow: auto;
pankso@37 1795 padding: 0 10px 10px;
pankso@37 1796 }
pankso@37 1797 div.Popup .Loading {
pankso@37 1798 text-align: center;
pankso@37 1799 }
pankso@37 1800 div.Popup h1,
pankso@37 1801 div.Popup h2,
pankso@37 1802 div.Connect h1,
pankso@37 1803 div.Connect h2 {
pankso@37 1804 font-size:120%;
pankso@37 1805 font-weight:bold;
pankso@37 1806 margin-bottom: 0;
pankso@37 1807 color: #fff;
pankso@37 1808 background: #38abe3;
pankso@37 1809 border-bottom: 1px solid #3DB9E5;
pankso@37 1810 padding: 6px 9px 4px;
pankso@37 1811 }
pankso@37 1812 a.Close {
pankso@37 1813 position: absolute;
pankso@37 1814 top: 16px;
pankso@37 1815 right: 20px;
pankso@37 1816 line-height: 1;
pankso@37 1817 color: #E4F7FE;
pankso@37 1818 cursor: pointer;
pankso@37 1819 font-family: arial;
pankso@37 1820 font-size: 22px;
pankso@37 1821 font-weight: bold;
pankso@37 1822 padding: 0;
pankso@37 1823 }
pankso@37 1824 a.Close:hover {
pankso@37 1825 color: #fff;
pankso@37 1826 }
pankso@37 1827 div.Popup .Footer {
pankso@37 1828 border: none;
pankso@37 1829 background: none;
pankso@37 1830 padding: 0;
pankso@37 1831 margin: 0;
pankso@37 1832 text-align: right;
pankso@37 1833 }
pankso@37 1834 div.Popup .Footer input.Button {
pankso@37 1835 font-size: 11px;
pankso@37 1836 margin-right: 2px;
pankso@37 1837 }
pankso@37 1838 div.Popup h3 {
pankso@37 1839 font-size: 120%;
pankso@37 1840 font-weight: bold;
pankso@37 1841 padding: 20px 0 10px;
pankso@37 1842 }
pankso@37 1843 div.Popup p {
pankso@37 1844 padding: 6px 10px 10px;
pankso@37 1845 }
pankso@37 1846 div.Popup div.Legal p {
pankso@37 1847 padding: 6px 0 10px;
pankso@37 1848 }
pankso@37 1849 div.Popup small {
pankso@37 1850 font-size: 11px;
pankso@37 1851 }
pankso@37 1852 div.Popup form p {
pankso@37 1853 padding: 0;
pankso@37 1854 }
pankso@37 1855 body.Profile #Form_Invitation ul li label,
pankso@37 1856 body.Profile #Form_User ul li label,
pankso@37 1857 div.Popup form ul li label {
pankso@37 1858 color:#000;
pankso@37 1859 display:block;
pankso@37 1860 font-size:14px;
pankso@37 1861 font-weight:bold;
pankso@37 1862 margin: 10px 0 0;
pankso@37 1863 }
pankso@37 1864 body.Entry form ul li.Gender label.RadioLabel,
pankso@37 1865 body.Profile #Form_User ul li.Gender label.RadioLabel,
pankso@37 1866 div.Popup form ul li.Gender label.RadioLabel {
pankso@37 1867 display: inline;
pankso@37 1868 padding-right: 20px;
pankso@37 1869 }
pankso@37 1870 li.Gender {
pankso@37 1871 margin-bottom: 10px;
pankso@37 1872 }
pankso@37 1873 body.Profile #Form_User ul li label.RadioLabel,
pankso@37 1874 body.Profile #Form_User ul li label.CheckBoxLabel,
pankso@37 1875 div.Popup form ul li label.RadioLabel,
pankso@37 1876 div.Popup form ul li label.CheckBoxLabel {
pankso@37 1877 font-weight: normal;
pankso@37 1878 }
pankso@37 1879 div.Profile #Form_User input.Button,
pankso@37 1880 div.Popup input.Button {
pankso@37 1881 margin: 4px 0 2px;
pankso@37 1882 }
pankso@37 1883 div.Popup #Form_User div.Warning,
pankso@37 1884 #dashboard_profile_picture #Form_User div.Warning {
pankso@37 1885 margin: 6px 0;
pankso@37 1886 }
pankso@37 1887
pankso@37 1888 /* Serious Ajax Error Styles */
pankso@37 1889 div.AjaxError {
pankso@37 1890 white-space: pre;
pankso@37 1891 overflow: auto;
pankso@37 1892 padding: 10px;
pankso@37 1893 }
pankso@37 1894
pankso@37 1895 /* ==================================================================== Legal */
pankso@37 1896 div.Legal h3 {
pankso@37 1897 padding: 0;
pankso@37 1898 margin: 20px 0 0;
pankso@37 1899 font-size: 120%;
pankso@37 1900 font-weight: bold;
pankso@37 1901 }
pankso@37 1902 div.Legal ol {
pankso@37 1903 list-style-position:outside;
pankso@37 1904 list-style-type:decimal;
pankso@37 1905 margin:0 30px 10px;
pankso@37 1906 }
pankso@37 1907 div.Legal ul {
pankso@37 1908 list-style-position:outside;
pankso@37 1909 list-style-type:disc;
pankso@37 1910 margin:0 30px 10px;
pankso@37 1911 }
pankso@37 1912 div.Legal li {
pankso@37 1913 padding: 5px 0;
pankso@37 1914 }
pankso@37 1915 div.Legal strong {
pankso@37 1916 font-weight: bold;
pankso@37 1917 }
pankso@37 1918
pankso@37 1919
pankso@37 1920 /* =================================================================== Footer */
pankso@37 1921 #Foot {
pankso@37 1922 clear: both;
pankso@37 1923 text-align: center;
pankso@37 1924 margin: 2px 0;
pankso@37 1925 padding: 4px 9px;
pankso@37 1926 font-size: 13px;
pankso@37 1927 color: #ddd;
pankso@37 1928 line-height: 1;
pankso@37 1929 }
pankso@37 1930 #Foot a {
pankso@37 1931 color: #ccc;
pankso@37 1932 }
pankso@37 1933 #Foot a:hover {
pankso@37 1934 color: #aaa;
pankso@37 1935 }
pankso@37 1936 #Foot div {
pankso@37 1937 width: 960px;
pankso@37 1938 padding: 6px 0;
pankso@37 1939 margin: 20px auto 0;
pankso@37 1940 text-align: left;
pankso@37 1941 }
pankso@37 1942
pankso@37 1943
pankso@37 1944
pankso@37 1945 /* ================================ Vanilla ================================= */
pankso@37 1946
pankso@37 1947 #Panel ul.Discussions {
pankso@37 1948 border: 0;
pankso@37 1949 }
pankso@37 1950 ul.PanelDiscussions li {
pankso@37 1951 text-align: left;
pankso@37 1952 }
pankso@37 1953 ul.PanelDiscussions li a {
pankso@37 1954 float: none;
pankso@37 1955 }
pankso@37 1956 ul.PanelDiscussions li strong {
pankso@37 1957 display: block;
pankso@37 1958 line-height: 1.5;
pankso@37 1959 }
pankso@37 1960
pankso@37 1961 /* ============================================================== Discussions */
pankso@37 1962
pankso@37 1963 /* Note: The Vanilla Discussion List has the following classes applied to
pankso@37 1964 individual list elements and can be styled:
pankso@37 1965 + Bookmarked: the user has bookmarked that topic
pankso@37 1966 + Announcement: the discussion has been announced
pankso@37 1967 + Mine: the user created the discussion
pankso@37 1968 + New: there are new comments since the last viewed the discussion
pankso@37 1969 */
pankso@37 1970 .Mine { background: #f1f1f1; }
pankso@37 1971
pankso@37 1972 ul.DataList div.Meta a.Category {
pankso@37 1973 background: #fafafa;
pankso@37 1974 padding: 2px 4px;
pankso@37 1975 border-radius: 2px;
pankso@37 1976 -moz-border-radius: 2px;
pankso@37 1977 -webkit-border-radius: 2px;
pankso@37 1978 }
pankso@37 1979 ul.DataList li.Mine div.Meta a.Category {
pankso@37 1980 background: #eff7ff;
pankso@37 1981 }
pankso@37 1982
pankso@37 1983 ul.DataList div.Meta span.Announcement {
pankso@37 1984 background: #777777;
pankso@37 1985 color: #ffffff;
pankso@37 1986 padding: 1px 4px;
pankso@37 1987 border-radius: 2px;
pankso@37 1988 -moz-border-radius: 2px;
pankso@37 1989 -webkit-border-radius: 2px;
pankso@37 1990 border-radius: 2px;
pankso@37 1991 font-weight: bold;
pankso@37 1992 }
pankso@37 1993 ul.DataList div.Meta span.Closed {
pankso@37 1994 background: #555555;
pankso@37 1995 color: #ffffff;
pankso@37 1996 font-weight: bold;
pankso@37 1997 padding: 1px 4px;
pankso@37 1998 border-radius: 2px;
pankso@37 1999 -moz-border-radius: 2px;
pankso@37 2000 -webkit-border-radius: 2px;
pankso@37 2001 border-radius: 2px;
pankso@37 2002 }
pankso@37 2003
pankso@37 2004
pankso@37 2005 /* ================================================================= Comments */
pankso@37 2006 body.Discussion #Content {
pankso@37 2007 margin-bottom: 20px;
pankso@37 2008 }
pankso@37 2009 ul.Discussion {
pankso@37 2010 margin-bottom: 1px;
pankso@37 2011 }
pankso@37 2012 /*
pankso@37 2013 Note: Discussion & Comment Option (dropdown) Menu customizations. The layout
pankso@37 2014 css for these is in /applications/garden/design/menu.css. Override them here.
pankso@37 2015 */
pankso@37 2016 a.Bookmark,
pankso@37 2017 a.Bookmarking {
pankso@37 2018 float: right;
pankso@37 2019 display: block;
pankso@37 2020 background: url('images/star_sprite.png') top center no-repeat;
pankso@37 2021 height: 22px;
pankso@37 2022 width: 22px;
pankso@37 2023 margin: 2px 4px 0 4px;
pankso@37 2024 }
pankso@37 2025 a.Bookmark span,
pankso@37 2026 a.Bookmarking span {
pankso@37 2027 display: none;
pankso@37 2028 }
pankso@37 2029 a.Bookmarked {
pankso@37 2030 background: url('images/star_sprite.png') center center no-repeat;
pankso@37 2031 }
pankso@37 2032 a.Bookmarking {
pankso@37 2033 background: url('images/star_sprite.png') bottom center no-repeat;
pankso@37 2034 }
pankso@37 2035 body.Discussion a.Bookmark {
pankso@37 2036 margin: 13px 8px;
pankso@37 2037 }
pankso@37 2038
pankso@37 2039 body.Discussion .Back {
pankso@37 2040 padding: 3px 6px;
pankso@37 2041 text-align: left;
pankso@37 2042 }
pankso@37 2043
pankso@37 2044
pankso@37 2045 /* =================================================================== Drafts */
pankso@37 2046 ul.Discussions div.ItemContent,
pankso@37 2047 ul.Drafts div.ItemContent {
pankso@37 2048 margin: 0 0 0 9px;
pankso@37 2049 }
pankso@37 2050 ul.Drafts div.ItemContent a.Title,
pankso@37 2051 ul.Discussions div.ItemContent a.Title {
pankso@37 2052 max-width: 580px;
pankso@37 2053 }
pankso@37 2054
pankso@37 2055 /* =============================================== Discussion & Comment Forms */
pankso@37 2056 li.Editing {
pankso@37 2057 background: #f1f1f1;
pankso@37 2058 }
pankso@37 2059 div.CommentForm textarea {
pankso@37 2060 width: 99%;
pankso@37 2061 height: 100px;
pankso@37 2062 min-height: 100px;
pankso@37 2063 margin: 0 0 6px;
pankso@37 2064 }
pankso@37 2065 div.Comment div.CommentForm {
pankso@37 2066 width: 98%;
pankso@37 2067 background: none;
pankso@37 2068 padding: 6px 4px;
pankso@37 2069 border: 0;
pankso@37 2070 }
pankso@37 2071 div.Comment div.CommentForm textarea {
pankso@37 2072 width: 99%;
pankso@37 2073 }
pankso@37 2074 #DiscussionForm label {
pankso@37 2075 font-size: 14px;
pankso@37 2076 font-weight: bold;
pankso@37 2077 color: #666;
pankso@37 2078 }
pankso@37 2079 body.Post #Panel {
pankso@37 2080 display: none;
pankso@37 2081 }
pankso@37 2082 body.Post #Content {
pankso@37 2083 width: 100%;
pankso@37 2084 }
pankso@37 2085 #DiscussionForm h2 {
pankso@37 2086 border: none;
pankso@37 2087 color: #02475A;
pankso@37 2088 font-size: 140%;
pankso@37 2089 font-weight: bold;
pankso@37 2090 margin: 0;
pankso@37 2091 padding: 6px;
pankso@37 2092 }
pankso@37 2093 #DiscussionForm form {
pankso@37 2094 border-radius: 2px;
pankso@37 2095 -moz-border-radius: 2px;
pankso@37 2096 -webkit-border-radius: 2px;
pankso@37 2097 background: #f1f1f1 none repeat scroll 0 0;
pankso@37 2098 border: 1px solid #DDDDDD;
pankso@37 2099 margin: 0;
pankso@37 2100 padding: 20px;
pankso@37 2101 }
pankso@37 2102 #DiscussionForm textarea {
pankso@37 2103 width: 99%;
pankso@37 2104 height: 100px;
pankso@37 2105 min-height: 100px;
pankso@37 2106 margin: 0 0 6px;
pankso@37 2107 }
pankso@37 2108 #DiscussionForm input.InputBox {
pankso@37 2109 width: 99%;
pankso@37 2110 margin-bottom: 10px;
pankso@37 2111 }
pankso@37 2112 #DiscussionForm div.Category {
pankso@37 2113 padding: 0 0 10px;
pankso@37 2114 }
pankso@37 2115 #DiscussionForm div.Category label {
pankso@37 2116 padding: 0 8px 0 0;
pankso@37 2117 }
pankso@37 2118 div.CommentForm a.Back,
pankso@37 2119 div.CommentForm a.Cancel {
pankso@37 2120 float: left;
pankso@37 2121 }
pankso@37 2122 #DiscussionForm a.Cancel {
pankso@37 2123 margin-left: 18px;
pankso@37 2124 }
pankso@37 2125 #DiscussionForm ul {
pankso@37 2126 margin: 0 0 20px;
pankso@37 2127 }
pankso@37 2128 #DiscussionForm ul.PostOptions li {
pankso@37 2129 display: inline;
pankso@37 2130 padding: 0 8px 0 0;
pankso@37 2131 }
pankso@37 2132 #DiscussionForm ul.PostOptions label {
pankso@37 2133 display: inline;
pankso@37 2134 font-weight: normal;
pankso@37 2135 font-size: 95%;
pankso@37 2136 color: #555;
pankso@37 2137 }
pankso@37 2138
pankso@37 2139 /* ============================== Conversations ============================= */
pankso@37 2140 textarea.MultiComplete {
pankso@37 2141 height: 20px;
pankso@37 2142 padding: 3px 0;
pankso@37 2143 text-align: left;
pankso@37 2144 }
pankso@37 2145 .ac_results {
pankso@37 2146 padding: 0;
pankso@37 2147 border: 1px solid #bbb;
pankso@37 2148 border-top: 0;
pankso@37 2149 background-color: white;
pankso@37 2150 overflow: hidden;
pankso@37 2151 z-index: 99999;
pankso@37 2152 }
pankso@37 2153 .ac_results ul {
pankso@37 2154 width: 100%;
pankso@37 2155 list-style-position: outside;
pankso@37 2156 list-style: none;
pankso@37 2157 padding: 0;
pankso@37 2158 margin: 0;
pankso@37 2159 }
pankso@37 2160 .ac_results li {
pankso@37 2161 margin: 0;
pankso@37 2162 padding: 5px;
pankso@37 2163 cursor: default;
pankso@37 2164 display: block;
pankso@37 2165 /*
pankso@37 2166 if width will be 100% horizontal scrollbar will apear
pankso@37 2167 when scroll mode will be used
pankso@37 2168 */
pankso@37 2169 /*width: 100%;*/
pankso@37 2170 font-size: 12px;
pankso@37 2171 /*
pankso@37 2172 it is very important, if line-height not setted or setted
pankso@37 2173 in relative units scroll will be broken in firefox
pankso@37 2174 */
pankso@37 2175 line-height: 16px;
pankso@37 2176 overflow: hidden;
pankso@37 2177 border-bottom: 1px solid #bbb;
pankso@37 2178 text-align: left;
pankso@37 2179 }
pankso@37 2180 .ac_lastitem {
pankso@37 2181 border-bottom: 0 !important;
pankso@37 2182 }
pankso@37 2183 .ac_results strong {
pankso@37 2184 font-weight: bold;
pankso@37 2185 background: #daf4fd;
pankso@37 2186 }
pankso@37 2187 .ac_over strong {
pankso@37 2188 font-weight: bold;
pankso@37 2189 background: #2ab0de;
pankso@37 2190 }
pankso@37 2191 .ac_over {
pankso@37 2192 background: #44c7f4;
pankso@37 2193 color: #fff;
pankso@37 2194 }
pankso@37 2195 div.AddPeople h4 {
pankso@37 2196 border-bottom: 0px;
pankso@37 2197 }
pankso@37 2198 #Panel input.InputBox,
pankso@37 2199 div.AddPeople textarea.MultiComplete {
pankso@37 2200 width: 228px;
pankso@37 2201 margin-bottom: 2px;
pankso@37 2202 }
pankso@37 2203 div.AddPeople form div {
pankso@37 2204 text-align: right;
pankso@37 2205 }
pankso@37 2206
pankso@37 2207
pankso@37 2208 /* ============================================================ Conversations */
pankso@37 2209 fieldset {
pankso@37 2210 padding: 0px !important;
pankso@37 2211 }
pankso@37 2212 h2.NewConversation {
pankso@37 2213 float: right;
pankso@37 2214 }
pankso@37 2215 h2.NewConversation a {
pankso@37 2216 font-weight: bold;
pankso@37 2217 }
pankso@37 2218 body.Conversations h2 {
pankso@37 2219 margin: 0;
pankso@37 2220 }
pankso@37 2221 ul.Conversations li.Active {
pankso@37 2222 cursor: pointer;
pankso@37 2223 background: #ffe;
pankso@37 2224 }
pankso@37 2225 ul.Conversations li.Item {
pankso@37 2226 padding: 4px 5px;
pankso@37 2227 }
pankso@37 2228 ul.Conversations div.ItemContent {
pankso@37 2229 margin:0 0 0 5px;
pankso@37 2230 }
pankso@37 2231 ul.Conversations div.Meta a.Name {
pankso@37 2232 color: #1E79A7;
pankso@37 2233 font-weight: bold;
pankso@37 2234 }
pankso@37 2235
pankso@37 2236
pankso@37 2237 /* ========================================================= Add Message Form */
pankso@37 2238 #MessageForm {
pankso@37 2239 background: #E9F9FF;
pankso@37 2240 padding: 4px 8px 8px;
pankso@37 2241 margin: 1px 0 0;
pankso@37 2242 border-bottom-left-radius: 2px;
pankso@37 2243 border-bottom-right-radius: 2px;
pankso@37 2244 -moz-border-radius-bottomleft: 2px;
pankso@37 2245 -moz-border-radius-bottomright: 2px;
pankso@37 2246 -webkit-border-bottom-left-radius: 2px;
pankso@37 2247 -webkit-border-bottom-right-radius: 2px;
pankso@37 2248 }
pankso@37 2249 #MessageForm h2 {
pankso@37 2250 font-size: 115%;
pankso@37 2251 color: #2786C2;
pankso@37 2252 font-weight: bold;
pankso@37 2253 border: 0;
pankso@37 2254 }
pankso@37 2255 #MessageForm form div {
pankso@37 2256 text-align: right;
pankso@37 2257 }
pankso@37 2258 #MessageForm textarea {
pankso@37 2259 width: 99%;
pankso@37 2260 height: 100px;
pankso@37 2261 min-height: 100px;
pankso@37 2262 margin-bottom: 2px;
pankso@37 2263 }
pankso@37 2264
pankso@37 2265
pankso@37 2266 /* ==================================================== New Conversation Form */
pankso@37 2267 body.add #Panel {
pankso@37 2268 display: none;
pankso@37 2269 }
pankso@37 2270 body.add #Content {
pankso@37 2271 width: auto;
pankso@37 2272 }
pankso@37 2273 #ConversationForm form {
pankso@37 2274 border-radius: 2px;
pankso@37 2275 -moz-border-radius: 2px;
pankso@37 2276 -webkit-border-radius: 2px;
pankso@37 2277 border-radius: 2px;
pankso@37 2278 background:none repeat scroll 0 0 #c4e1ff;
pankso@37 2279 margin:0;
pankso@37 2280 padding:20px;
pankso@37 2281 text-align: right;
pankso@37 2282 }
pankso@37 2283 #ConversationForm h2 {
pankso@37 2284 color:#02475A;
pankso@37 2285 font-size:140%;
pankso@37 2286 font-weight:bold;
pankso@37 2287 margin:0;
pankso@37 2288 padding:6px;
pankso@37 2289 text-align: left;
pankso@37 2290 border: 0;
pankso@37 2291 }
pankso@37 2292 #ConversationForm label {
pankso@37 2293 display: block;
pankso@37 2294 text-align: left;
pankso@37 2295 color:#666666;
pankso@37 2296 font-size:14px;
pankso@37 2297 font-weight:bold;
pankso@37 2298 }
pankso@37 2299 #ConversationForm .TextBox {
pankso@37 2300 height: 100px;
pankso@37 2301 min-height: 100px;
pankso@37 2302 margin: 8px 0 6px;
pankso@37 2303 padding: 0;
pankso@37 2304 }
pankso@37 2305 body.Conversations a.Cancel {
pankso@37 2306 margin-left: 20px;
pankso@37 2307 }
pankso@37 2308 div.Popup #ConversationForm form {
pankso@37 2309 background: none;
pankso@37 2310 -border-radius: 0;
pankso@37 2311 -moz-border-radius: 0;
pankso@37 2312 -webkit-border-radius: 0;
pankso@37 2313 border-radius: 0;
pankso@37 2314 padding: 10px;
pankso@37 2315 }
pankso@37 2316 div.Popup #ConversationForm h2 {
pankso@37 2317 color: #fff;
pankso@37 2318 font-size: 120%;
pankso@37 2319 font-weight: bold;
pankso@37 2320 padding: 6px 9px 4px;
pankso@37 2321 }
pankso@37 2322 div.Popup #ConversationForm textarea.MultiComplete,
pankso@37 2323 div.Popup #ConversationForm .TextBox {
pankso@37 2324 width: 100%;
pankso@37 2325 }
pankso@37 2326
pankso@37 2327 /* Upload Progress Bar */
pankso@37 2328 div.UploadProgress {
pankso@37 2329 margin: 10px 0;
pankso@37 2330 background: url('images/upload-progress-back.gif') repeat;
pankso@37 2331 width: 200px;
pankso@37 2332 z-index: 0;
pankso@37 2333 color: #fff;
pankso@37 2334 text-shadow: 0 1px 1px #333;
pankso@37 2335 border: 1px solid #0c3c7e;
pankso@37 2336 border-radius: 2px;
pankso@37 2337 -moz-border-radius: 2px;
pankso@37 2338 -webkit-border-radius: 2px;
pankso@37 2339 border-radius: 2px;
pankso@37 2340 }
pankso@37 2341 div.UploadProgress div {
pankso@37 2342 padding: 2px 0;
pankso@37 2343 }
pankso@37 2344 div.UploadProgress div strong {
pankso@37 2345 font-weight: bold;
pankso@37 2346 }
pankso@37 2347 div.UploadProgress div.Foreground,
pankso@37 2348 div.UploadProgress div.Background {
pankso@37 2349 position: absolute;
pankso@37 2350 }
pankso@37 2351 div.UploadProgress div.Background {
pankso@37 2352 width: 0;
pankso@37 2353 background: url('images/upload-bg.gif') repeat;
pankso@37 2354 z-index: 1;
pankso@37 2355 }
pankso@37 2356 div.UploadProgress div.Foreground {
pankso@37 2357 text-indent: 6px;
pankso@37 2358 overflow: visible;
pankso@37 2359 white-space: nowrap;
pankso@37 2360 z-index: 2;
pankso@37 2361 }
pankso@37 2362
pankso@37 2363
pankso@37 2364 /* Adding CSS for multiple sign-in methods */
pankso@37 2365
pankso@37 2366 /* Container */
pankso@37 2367 div.Border {
pankso@37 2368 border-radius: 8px;
pankso@37 2369 -moz-border-radius: 8px;
pankso@37 2370 -webkit-border-radius: 8px;
pankso@37 2371 background: none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
pankso@37 2372 padding: 10px;
pankso@37 2373 }
pankso@37 2374
pankso@37 2375 /* Tabs */
pankso@37 2376 ul.Tabs {
pankso@37 2377 border-bottom: 1px solid #aaa;
pankso@37 2378 text-align: left;
pankso@37 2379 padding-left: 4px;
pankso@37 2380 }
pankso@37 2381 ul.Tabs li {
pankso@37 2382 display: inline-block;
pankso@37 2383 }
pankso@37 2384 ul.Tabs li a,
pankso@37 2385 ul.Tabs li a:link,
pankso@37 2386 ul.Tabs li a:active,
pankso@37 2387 ul.Tabs li a:visited,
pankso@37 2388 ul.Tabs li a:hover {
pankso@37 2389 display: inline-block;
pankso@37 2390 margin-left: 4px;
pankso@37 2391 border: 1px solid #aaa;
pankso@37 2392 border-width: 1px 1px 0 1px;
pankso@37 2393 border-radius: 3px 3px 0 0;
pankso@37 2394 -moz-border-radius: 3px 3px 0 0;
pankso@37 2395 -webkit-border-radius: 3px 3px 0 0;
pankso@37 2396 background: #eee;
pankso@37 2397 color: #888;
pankso@37 2398 position: relative;
pankso@37 2399 top: 1px;
pankso@37 2400 padding: 2px 8px 1px;
pankso@37 2401 }
pankso@37 2402 ul.Tabs li a:hover {
pankso@37 2403 background: #f5f5f5;
pankso@37 2404 color: #444;
pankso@37 2405 }
pankso@37 2406 ul.Tabs li a.Active {
pankso@37 2407 padding: 2px 8px;
pankso@37 2408 background: #fff;
pankso@37 2409 color: #000;
pankso@37 2410 }
pankso@37 2411
pankso@37 2412 /* Icons */
pankso@37 2413 ul.Tabs li a.EntryTabFor_password {
pankso@37 2414 padding-left: 22px;
pankso@37 2415 background-image: url('../../../themes/default/design/favicon.png');
pankso@37 2416 background-position: 3px 4px;
pankso@37 2417 background-repeat: no-repeat;
pankso@37 2418 }
pankso@37 2419
pankso@37 2420
pankso@37 2421 /* ============================================================ Entry Screens */
pankso@37 2422 body.Entry {
pankso@37 2423 text-align: center;
pankso@37 2424 }
pankso@37 2425 body.Entry #Panel {
pankso@37 2426 display: none;
pankso@37 2427 }
pankso@37 2428 body.Entry #Content {
pankso@37 2429 float: none;
pankso@37 2430 margin: 0 auto;
pankso@37 2431 width: 360px;
pankso@37 2432 text-align: center;
pankso@37 2433 }
pankso@37 2434 body.Entry #Content h1 {
pankso@37 2435 border: none;
pankso@37 2436 color: #02475A;
pankso@37 2437 font-size:140%;
pankso@37 2438 font-weight:bold;
pankso@37 2439 padding: 6px;
pankso@37 2440 margin: 0;
pankso@37 2441 text-align: left;
pankso@37 2442 }
pankso@37 2443 body.Entry #Content form {
pankso@37 2444 text-align: left;
pankso@37 2445 padding: 10px;
pankso@37 2446 }
pankso@37 2447 body.Entry form ul li label {
pankso@37 2448 font-size: 14px;
pankso@37 2449 color: #474747;
pankso@37 2450 font-weight: bold;
pankso@37 2451 padding: 6px 0 0;
pankso@37 2452 display: block;
pankso@37 2453 }
pankso@37 2454 body.Entry form ul li label.CheckBoxLabel,
pankso@37 2455 body.Entry form ul li label.RadioLabel {
pankso@37 2456 font-size: 12px;
pankso@37 2457 font-weight: normal;
pankso@37 2458 width: auto;
pankso@37 2459 }
pankso@37 2460 body.Entry input.DateBox,
pankso@37 2461 body.Entry input.InputBox,
pankso@37 2462 body.Entry textarea {
pankso@37 2463 width: 310px;
pankso@37 2464 }
pankso@37 2465 span.Incorrect {
pankso@37 2466 display: block;
pankso@37 2467 color: red;
pankso@37 2468 }
pankso@37 2469
pankso@37 2470 /* Sign In Page & Popup */
pankso@37 2471 div.SignInPopup div.Box {
pankso@37 2472 margin: 0;
pankso@37 2473 padding: 0;
pankso@37 2474 background: none;
pankso@37 2475 border: 0;
pankso@37 2476 border-radius: 0;
pankso@37 2477 -moz-border-radius: 0;
pankso@37 2478 -webkit-border-radius: 0;
pankso@37 2479 box-shadow: none;
pankso@37 2480 -moz-box-shadow: none;
pankso@37 2481 -webkit-box-shadow: none;
pankso@37 2482 }
pankso@37 2483 body#dashboard_entry_password #Content,
pankso@37 2484 body#dashboard_entry_signin #Content,
pankso@37 2485 body#dashboard_entry_index #Content {
pankso@37 2486 width: auto;
pankso@37 2487 }
pankso@37 2488 div.SignInPopup .Content form {
pankso@37 2489 padding: 0 10px 10px;
pankso@37 2490 }
pankso@37 2491 body#dashboard_entry_password #Content form,
pankso@37 2492 body#dashboard_entry_index #Content form,
pankso@37 2493 body#dashboard_entry_signin #Content form {
pankso@37 2494 padding: 0;
pankso@37 2495 text-align:left;
pankso@37 2496 }
pankso@37 2497 body#dashboard_entry_password #Content form,
pankso@37 2498 body#dashboard_entry_signin #Content form,
pankso@37 2499 body#dashboard_entry_index #Content form,
pankso@37 2500 div.SignInPopup form {
pankso@37 2501 width: 270px;
pankso@37 2502 }
pankso@37 2503 div.SingleEntryMethod {
pankso@37 2504 width: 290px;
pankso@37 2505 margin: 0 auto;
pankso@37 2506 }
pankso@37 2507 div.MultipleEntryMethods {
pankso@37 2508 width: 500px;
pankso@37 2509 margin: 0 auto;
pankso@37 2510 }
pankso@37 2511 body#dashboard_entry_handshake #Content input.InputBox,
pankso@37 2512 body#dashboard_entry_signin #Content input.InputBox,
pankso@37 2513 body#dashboard_entry_index #Content input.InputBox,
pankso@37 2514 body#dashboard_entry_password #Content input.InputBox,
pankso@37 2515 div.SignInPopup input.DateBox,
pankso@37 2516 div.SignInPopup input.InputBox,
pankso@37 2517 div.SignInPopup textarea {
pankso@37 2518 width: 260px;
pankso@37 2519 padding: 3px;
pankso@37 2520 }
pankso@37 2521 div.SignInPopup form ul li label,
pankso@37 2522 body#dashboard_entry_signin form ul li label,
pankso@37 2523 body#dashboard_entry_index form ul li label,
pankso@37 2524 body#dashboard_entry_password form ul li label,
pankso@37 2525 body#dashboard_entry_handshake form ul li label {
pankso@37 2526 font-size: 13px;
pankso@37 2527 line-height: 1.5;
pankso@37 2528 padding: 0;
pankso@37 2529 }
pankso@37 2530 body#dashboard_entry_password #Content form ul li input#Form_Email,
pankso@37 2531 body#dashboard_entry_signin #Content form ul li input#Form_Email,
pankso@37 2532 body#dashboard_entry_index #Content form ul li input#Form_Email {
pankso@37 2533 margin-bottom: 6px;
pankso@37 2534 }
pankso@37 2535 body#dashboard_entry_password #Content input.Password,
pankso@37 2536 body#dashboard_entry_signin #Content input.Password,
pankso@37 2537 body#dashboard_entry_index #Content input.Password,
pankso@37 2538 div.SignInPopup input.Password {
pankso@37 2539 width: 180px;
pankso@37 2540 }
pankso@37 2541 a.ForgotPassword {
pankso@37 2542 margin-left: 10px;
pankso@37 2543 }
pankso@37 2544 li.Buttons div a.ForgotPassword {
pankso@37 2545 margin: 0;
pankso@37 2546 }
pankso@37 2547 body#dashboard_entry_password ul li label.CheckBoxLabel,
pankso@37 2548 body#dashboard_entry_signin ul li label.CheckBoxLabel,
pankso@37 2549 body#dashboard_entry_index ul li label.CheckBoxLabel,
pankso@37 2550 div.SignInPopup ul li label.CheckBoxLabel {
pankso@37 2551 color: #777;
pankso@37 2552 display: inline;
pankso@37 2553 font-size: 12px;
pankso@37 2554 font-weight: normal;
pankso@37 2555 margin: 10px 0 0 10px;
pankso@37 2556 }
pankso@37 2557 body.Entry li.Buttons input.Button,
pankso@37 2558 div.SignInPopup li.Buttons input.Button {
pankso@37 2559 margin: 10px 0;
pankso@37 2560 }
pankso@37 2561 div.Entry {
pankso@37 2562 position: relative;
pankso@37 2563 }
pankso@37 2564 div.Methods {
pankso@37 2565 text-align: left;
pankso@37 2566 font-size: 14px;
pankso@37 2567 font-weight: bold;
pankso@37 2568 position: absolute;
pankso@37 2569 top: 33px;
pankso@37 2570 bottom: 0;
pankso@37 2571 right: 0;
pankso@37 2572 padding: 12px 20px 6px;
pankso@37 2573 line-height: 1;
pankso@37 2574 }
pankso@37 2575 body#dashboard_entry_password div.Methods,
pankso@37 2576 body#dashboard_entry_signin div.Methods,
pankso@37 2577 body#dashboard_entry_index div.Methods {
pankso@37 2578 padding: 10px 6px 6px;
pankso@37 2579 background: none;
pankso@37 2580 }
pankso@37 2581 div.Methods div.Method {
pankso@37 2582 padding: 10px 0 0;
pankso@37 2583 text-align: left;
pankso@37 2584 }
pankso@37 2585
pankso@37 2586 /* Handshake */
pankso@37 2587 body#dashboard_entry_handshake #Content {
pankso@37 2588 width: 720px;
pankso@37 2589 }
pankso@37 2590 body#dashboard_entry_handshake #Content form {
pankso@37 2591 padding: 20px 30px 26px;
pankso@37 2592 }
pankso@37 2593 body#dashboard_entry_handshake ul.NewAccount {
pankso@37 2594 float: left;
pankso@37 2595 width: 315px;
pankso@37 2596 margin-right: 44px;
pankso@37 2597 border-right: 1px solid #A5D0E7;
pankso@37 2598 }
pankso@37 2599 body#dashboard_entry_handshake ul.LinkAccount {
pankso@37 2600 margin-left: 315px;
pankso@37 2601 }
pankso@37 2602 ul.NewAccount h2,
pankso@37 2603 ul.LinkAccount h2 {
pankso@37 2604 padding-left: 36px !important;
pankso@37 2605 background: url('images/dashboard-sprites.png') 0 -542px no-repeat;
pankso@37 2606 }
pankso@37 2607 ul.LinkAccount h2 {
pankso@37 2608 padding-left: 84px !important;
pankso@37 2609 background-position: 45px -296px;
pankso@37 2610 }
pankso@37 2611 body#dashboard_entry_handshake div.Info {
pankso@37 2612 border: 1px solid #A5D0E7;
pankso@37 2613 background: #D3F0FF;
pankso@37 2614 color: #02475A;
pankso@37 2615 }
pankso@37 2616 body#dashboard_entry_handshake #Content h2 {
pankso@37 2617 border: none;
pankso@37 2618 color: #02475A;
pankso@37 2619 font-size:140%;
pankso@37 2620 font-weight:bold;
pankso@37 2621 padding: 6px 0;
pankso@37 2622 margin: 0;
pankso@37 2623 text-align: left;
pankso@37 2624 }
pankso@37 2625
pankso@37 2626
pankso@37 2627 /* Leaving Page */
pankso@37 2628 body#dashboard_entry_leave p {
pankso@37 2629 margin: 0;
pankso@37 2630 padding: 20px 10px;
pankso@37 2631 }
pankso@37 2632 body#dashboard_entry_leave p.Leaving {
pankso@37 2633 background: url('images/progress.gif') left center no-repeat;
pankso@37 2634 margin: 0 0 0 14px;
pankso@37 2635 padding: 20px 0 20px 50px;
pankso@37 2636 }
pankso@37 2637
pankso@37 2638
pankso@37 2639
pankso@37 2640 /* External App Connect Designs */
pankso@37 2641 div.Connect h1,
pankso@37 2642 div.Connect h2 {
pankso@37 2643 text-align: left;
pankso@37 2644 }
pankso@37 2645 body.connect div.Box {
pankso@37 2646 border-radius: none;
pankso@37 2647 -moz-border-radius: none;
pankso@37 2648 -webkit-border-radius: none;
pankso@37 2649 box-shadow: none;
pankso@37 2650 -moz-box-shadow: none;
pankso@37 2651 -webkit-box-shadow: none;
pankso@37 2652 width: 320px;
pankso@37 2653 margin: 0 auto;
pankso@37 2654 text-align: left;
pankso@37 2655 background: none;
pankso@37 2656 }
pankso@37 2657 div.ConnectInfo {
pankso@37 2658 margin: 10px 0 0;
pankso@37 2659 position: relative;
pankso@37 2660 }
pankso@37 2661 div.ConnectInfo img {
pankso@37 2662 position: absolute;
pankso@37 2663 height: 36px;
pankso@37 2664 width: 36px;
pankso@37 2665 top: 0;
pankso@37 2666 left: 0;
pankso@37 2667 }
pankso@37 2668 div.ConnectInfo span.Name {
pankso@37 2669 padding-left: 46px;
pankso@37 2670 font-weight: bold;
pankso@37 2671 line-height: 1;
pankso@37 2672 font-size: 13px;
pankso@37 2673 color: #444;
pankso@37 2674 display: block;
pankso@37 2675 }
pankso@37 2676 div.ConnectInfo h3 {
pankso@37 2677 font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
pankso@37 2678 font-size: 15px;
pankso@37 2679 font-weight: bold;
pankso@37 2680 line-height: 1.6;
pankso@37 2681 color: #333;
pankso@37 2682 padding: 0 0 10px 46px;
pankso@37 2683 border: none;
pankso@37 2684 }
pankso@37 2685 div.Connect form ul li label,
pankso@37 2686 div.SignInPopup form ul li label,
pankso@37 2687 body#dashboard_entry_password form ul li label,
pankso@37 2688 body#dashboard_entry_signin form ul li label,
pankso@37 2689 body#dashboard_entry_index form ul li label {
pankso@37 2690 font-size: 13px;
pankso@37 2691 line-height: 1.5;
pankso@37 2692 padding: 0;
pankso@37 2693 }
pankso@37 2694 div.Connect form ul li#ConnectPassword label,
pankso@37 2695 div.SignInPopup form ul li#ConnectPassword label {
pankso@37 2696 padding: 10px 0 0;
pankso@37 2697 }
pankso@37 2698 div.Connect .FinePrint,
pankso@37 2699 div.SignInPopup .FinePrint {
pankso@37 2700 font-size: 11px;
pankso@37 2701 color: #777;
pankso@37 2702 }
pankso@37 2703 body#dashboard_entry_password input.InputBox,
pankso@37 2704 body#dashboard_entry_signin input.InputBox,
pankso@37 2705 body#dashboard_entry_index input.InputBox,
pankso@37 2706 div.Connect input.InputBox,
pankso@37 2707 div.SignInPopup input.InputBox {
pankso@37 2708 padding: 3px
pankso@37 2709 }
pankso@37 2710 div.Connect .ExistingUsername,
pankso@37 2711 div.SignInPopup .ExistingUsername {
pankso@37 2712 font-weight: bold;
pankso@37 2713 line-height: 1;
pankso@37 2714 font-size: 13px;
pankso@37 2715 color: #000;
pankso@37 2716 display: block;
pankso@37 2717 }