[44] | 1 | /*
|
---|
| 2 | Theme Name: Atahualpa
|
---|
| 3 | Theme URI: http://wordpress.bytesforall.com/
|
---|
| 4 | Description: Build your own unique, professional and browser-safe WordPress theme: Over 200 theme options, drop down menus for pages and categories, fluid or fixed width layout, 1, 2 or 3 columns, rotating header images, auto image resizing, integrated Feedburner form, 4 extra widgets and more. WP 2.2-2.7 and WPMU. English plus DE, HU, PT, CZ, SI, TR, FR, PL, NL, BG, IT, VN, JP, ES. Support at the <a href="http://forum.bytesforall.com/">BFA WP Forum</a>
|
---|
| 5 | Version: 3.2
|
---|
| 6 | Author: BFA WebDesign
|
---|
| 7 | Author URI: http://www.bytesforall.com/
|
---|
| 8 | Tags: white, one-column, two-columns, three-columns, fixed-width, flexible-width, custom-colors, custom-header, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post
|
---|
| 9 | */
|
---|
| 10 |
|
---|
| 11 | .aligncenter {
|
---|
| 12 | display: block;
|
---|
| 13 | margin-left: auto;
|
---|
| 14 | margin-right: auto;
|
---|
| 15 | }
|
---|
| 16 |
|
---|
| 17 | .alignleft {
|
---|
| 18 | float: left;
|
---|
| 19 | }
|
---|
| 20 |
|
---|
| 21 | .alignright {
|
---|
| 22 | float: right;
|
---|
| 23 | }
|
---|
| 24 |
|
---|
| 25 | /* v v v to create a static CSS paste the output of
|
---|
| 26 | yoursite.com/.../style.css.php below this line: v v v */
|
---|
| 27 |
|
---|
| 28 | /* more ... means additional styles are in header.php */
|
---|
| 29 |
|
---|
| 30 |
|
---|
| 31 | /* ------------------------------------------------------------------
|
---|
| 32 | ---------- BASE LAYOUT ----------------------------------------------
|
---|
| 33 | ------------------------------------------------------------------ */
|
---|
| 34 | body {
|
---|
| 35 | text-align: center; /* centering the page container,
|
---|
| 36 | text-align will be reset to left
|
---|
| 37 | inside the container */
|
---|
| 38 | margin: 0;
|
---|
| 39 | padding: 0;
|
---|
| 40 | /* more ... */
|
---|
| 41 | }
|
---|
| 42 |
|
---|
| 43 | a:link, a:visited, a:active {
|
---|
| 44 | /* more ... */
|
---|
| 45 | }
|
---|
| 46 |
|
---|
| 47 | a:hover {
|
---|
| 48 | /* more ... */
|
---|
| 49 | }
|
---|
| 50 |
|
---|
| 51 | ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
|
---|
| 52 | margin-top: 10px;
|
---|
| 53 | margin-bottom: 10px;
|
---|
| 54 | padding-top: 0;
|
---|
| 55 | padding-bottom: 0;
|
---|
| 56 | }
|
---|
| 57 |
|
---|
| 58 | ul ul, ul ol, ol ul, ol ol {
|
---|
| 59 | /* remove margins on sub-lists */
|
---|
| 60 | margin-top: 0;
|
---|
| 61 | margin-bottom: 0;
|
---|
| 62 | }
|
---|
| 63 |
|
---|
| 64 | h1 {font-size: 2.15em; font-weight: bold;}
|
---|
| 65 | h2 {font-size: 1.85em; font-weight: bold;}
|
---|
| 66 | h3 {font-size: 1.6em; font-weight: bold; }
|
---|
| 67 | h4 {font-size: 1.4em;}
|
---|
| 68 | h5 {font-size: 1.2em;}
|
---|
| 69 | h6 {font-size: 1em;}
|
---|
| 70 |
|
---|
| 71 |
|
---|
| 72 | code, pre {
|
---|
| 73 | font-family: "Courier New", Courier, monospace;
|
---|
| 74 | font-size: 1em;
|
---|
| 75 | }
|
---|
| 76 |
|
---|
| 77 | pre {
|
---|
| 78 | overflow: auto;
|
---|
| 79 | word-wrap: normal;
|
---|
| 80 | padding-bottom: 1.5em;
|
---|
| 81 | overflow-y: hidden;
|
---|
| 82 | width: 99%;
|
---|
| 83 | }
|
---|
| 84 |
|
---|
| 85 |
|
---|
| 86 | abbr[title], acronym[title] {
|
---|
| 87 | border-bottom: 1px dotted;
|
---|
| 88 | }
|
---|
| 89 |
|
---|
| 90 | hr {
|
---|
| 91 | display: block;
|
---|
| 92 | height: 2px;
|
---|
| 93 | border: none;
|
---|
| 94 | margin: 0.5em auto;
|
---|
| 95 | color: #cccccc;
|
---|
| 96 | background-color: #cccccc;
|
---|
| 97 | }
|
---|
| 98 |
|
---|
| 99 | table {
|
---|
| 100 | font-size: 1em; /* use the body's font size in tables, too */
|
---|
| 101 | }
|
---|
| 102 |
|
---|
| 103 |
|
---|
| 104 | /* ------------------------------------------------------------------
|
---|
| 105 | ---------- BREAK LONG STRINGS ---------------------------------------
|
---|
| 106 | ------------------------------------------------------------------ */
|
---|
| 107 |
|
---|
| 108 | .post, ul.commentlist li, ol.commentlist li {
|
---|
| 109 | word-wrap: break-word; /* break long strings in IE6+ and Safari2+
|
---|
| 110 | in posts and comments */
|
---|
| 111 | }
|
---|
| 112 |
|
---|
| 113 | pre, .wp_syntax {
|
---|
| 114 | word-wrap: normal; /* reset "break-word" for pre & wp-syntax */
|
---|
| 115 | }
|
---|
| 116 |
|
---|
| 117 |
|
---|
| 118 | /* ------------------------------------------------------------------
|
---|
| 119 | ---------- WRAPPER, CONTAINER & LAYOUT ------------------------------
|
---|
| 120 | ------------------------------------------------------------------ */
|
---|
| 121 |
|
---|
| 122 | /*-------------------- WRAPPER for MIN / MAX width --------*/
|
---|
| 123 |
|
---|
| 124 | div#wrapper {
|
---|
| 125 | text-align: center;
|
---|
| 126 | margin-left: auto;
|
---|
| 127 | margin-right: auto;
|
---|
| 128 | display: block;
|
---|
| 129 | /* more ... */
|
---|
| 130 | }
|
---|
| 131 |
|
---|
| 132 | /*-------------------- CONTAINER for VISUAL styles --------*/
|
---|
| 133 |
|
---|
| 134 | div#container {
|
---|
| 135 | /* more ... */
|
---|
| 136 | width: auto;
|
---|
| 137 | margin-left: auto;
|
---|
| 138 | margin-right: auto;
|
---|
| 139 | text-align: left; /* resetting the "text-align: center" of "wrapper" */
|
---|
| 140 | display: block;
|
---|
| 141 | }
|
---|
| 142 |
|
---|
| 143 | /*-------------------- LAYOUT to keep it all together -----*/
|
---|
| 144 |
|
---|
| 145 | table#layout {
|
---|
| 146 | font-size: 100%;
|
---|
| 147 | width: 100%;
|
---|
| 148 | max-width: 100%;
|
---|
| 149 | table-layout: fixed;
|
---|
| 150 | }
|
---|
| 151 |
|
---|
| 152 | .colone { /* more ... */}
|
---|
| 153 | .coltwo {width: 100%; min-width:200px;}
|
---|
| 154 | .colthree { /* more ... */}
|
---|
| 155 |
|
---|
| 156 |
|
---|
| 157 | /* ------------------------------------------------------------------
|
---|
| 158 | ---------- HEADER ---------------------------------------------------
|
---|
| 159 | ------------------------------------------------------------------ */
|
---|
| 160 |
|
---|
| 161 |
|
---|
| 162 | /*-------------------- HEADER CONTAINER -------------------*/
|
---|
| 163 |
|
---|
| 164 | td#header {
|
---|
| 165 | width: auto;
|
---|
| 166 | padding: 0;
|
---|
| 167 | }
|
---|
| 168 |
|
---|
| 169 |
|
---|
| 170 | /*-------------------- LOGO AREA --------------------------*/
|
---|
| 171 |
|
---|
| 172 | table#logoarea,
|
---|
| 173 | table#logoarea tr,
|
---|
| 174 | table#logoarea td {
|
---|
| 175 | margin: 0;
|
---|
| 176 | padding: 0;
|
---|
| 177 | background: none;
|
---|
| 178 | border: 0;
|
---|
| 179 | }
|
---|
| 180 |
|
---|
| 181 | table#logoarea {
|
---|
| 182 | width: 100%;
|
---|
| 183 | max-width: 100%;
|
---|
| 184 | /* more ... */
|
---|
| 185 | }
|
---|
| 186 |
|
---|
| 187 |
|
---|
| 188 | /*-------------------- LOGO -------------------------------*/
|
---|
| 189 |
|
---|
| 190 | .logo {
|
---|
| 191 | display: block;
|
---|
| 192 | /* more ... */
|
---|
| 193 | }
|
---|
| 194 |
|
---|
| 195 | td.logoarea-logo {
|
---|
| 196 | width: 1%;
|
---|
| 197 | }
|
---|
| 198 |
|
---|
| 199 |
|
---|
| 200 | /*-------------------- BLOG TITLE -------------------------*/
|
---|
| 201 |
|
---|
| 202 | h1.blogtitle {
|
---|
| 203 | display: block;
|
---|
| 204 | /* more ... */
|
---|
| 205 | }
|
---|
| 206 |
|
---|
| 207 | h1.blogtitle a:link,
|
---|
| 208 | h1.blogtitle a:visited,
|
---|
| 209 | h1.blogtitle a:active {
|
---|
| 210 | text-decoration: none;
|
---|
| 211 | /* more ... */
|
---|
| 212 | }
|
---|
| 213 |
|
---|
| 214 | h1.blogtitle a:hover {
|
---|
| 215 | text-decoration: none;
|
---|
| 216 | /* more ... */
|
---|
| 217 | }
|
---|
| 218 |
|
---|
| 219 |
|
---|
| 220 | /*-------------------- BLOG TAGLINE -----------------------*/
|
---|
| 221 |
|
---|
| 222 | p.tagline {
|
---|
| 223 | /* more ... */
|
---|
| 224 | }
|
---|
| 225 |
|
---|
| 226 |
|
---|
| 227 | td.feed-icons {
|
---|
| 228 | white-space: no-wrap;
|
---|
| 229 | }
|
---|
| 230 |
|
---|
| 231 | div.rss-box {
|
---|
| 232 | height: 1%;
|
---|
| 233 | display: block;
|
---|
| 234 | padding: 10px 0 10px 10px;
|
---|
| 235 | margin: 0;
|
---|
| 236 | /* more ... */
|
---|
| 237 | }
|
---|
| 238 |
|
---|
| 239 | /*-------------------- COMMENTS FEED ICON -----------------*/
|
---|
| 240 |
|
---|
| 241 | .comments-icon {
|
---|
| 242 | background: transparent url(images/comment-feed-small.gif) no-repeat scroll 0;
|
---|
| 243 | height: 22px;
|
---|
| 244 | line-height: 22px;
|
---|
| 245 | margin: 0 10px 0 0;
|
---|
| 246 | padding-left: 27px;
|
---|
| 247 | /*display: inline-block;*/
|
---|
| 248 | display: block;
|
---|
| 249 | text-decoration: none;
|
---|
| 250 | float: right;
|
---|
| 251 | white-space: nowrap;
|
---|
| 252 | }
|
---|
| 253 |
|
---|
| 254 |
|
---|
| 255 | /*-------------------- POSTS FEED ICON --------------------*/
|
---|
| 256 |
|
---|
| 257 | .posts-icon {
|
---|
| 258 | background: transparent url(images/post-feed-small.gif) no-repeat scroll 0;
|
---|
| 259 | height: 22px;
|
---|
| 260 | line-height: 22px;
|
---|
| 261 | margin: 0 10px 0 0;
|
---|
| 262 | padding-left: 25px;
|
---|
| 263 | /*display: inline-block;*/
|
---|
| 264 | display: block;
|
---|
| 265 | text-decoration: none;
|
---|
| 266 | float: right;
|
---|
| 267 | white-space: nowrap;
|
---|
| 268 | }
|
---|
| 269 |
|
---|
| 270 |
|
---|
| 271 | /*-------------------- EMAIL SUBSCRIBE ICON ---------------*/
|
---|
| 272 |
|
---|
| 273 | .email-icon {
|
---|
| 274 | background: transparent url(images/email-feed-small.gif) no-repeat scroll 0;
|
---|
| 275 | height: 22px;
|
---|
| 276 | line-height: 22px;
|
---|
| 277 | margin: 0 10px 0 0;
|
---|
| 278 | padding-left: 28px;
|
---|
| 279 | /*display: inline-block;*/
|
---|
| 280 | display: block;
|
---|
| 281 | text-decoration: none;
|
---|
| 282 | float: right;
|
---|
| 283 | white-space: nowrap;
|
---|
| 284 | }
|
---|
| 285 |
|
---|
| 286 |
|
---|
| 287 | /*-------------------- SEARCH BOX IN HEADER ---------------*/
|
---|
| 288 |
|
---|
| 289 | td.search-box {
|
---|
| 290 | height: 1%;
|
---|
| 291 | }
|
---|
| 292 |
|
---|
| 293 | .searchbox {
|
---|
| 294 | /* more ... */
|
---|
| 295 | }
|
---|
| 296 |
|
---|
| 297 | .searchbox-form {
|
---|
| 298 | margin: 5px 10px 5px 10px;
|
---|
| 299 | }
|
---|
| 300 |
|
---|
| 301 |
|
---|
| 302 |
|
---|
| 303 | /*-------------------- HORIZONTAL BARS --------------------*/
|
---|
| 304 |
|
---|
| 305 | .horbar1,
|
---|
| 306 | .horbar2 {
|
---|
| 307 | font-size: 1px;
|
---|
| 308 | clear: both;
|
---|
| 309 | display: block;
|
---|
| 310 | position: relative;
|
---|
| 311 | padding: 0;
|
---|
| 312 | margin: 0;
|
---|
| 313 | width: 100%;
|
---|
| 314 | }
|
---|
| 315 |
|
---|
| 316 | .horbar1 {
|
---|
| 317 | /* more ... */
|
---|
| 318 | }
|
---|
| 319 |
|
---|
| 320 | .horbar2 {
|
---|
| 321 | /* more ... */
|
---|
| 322 | }
|
---|
| 323 |
|
---|
| 324 |
|
---|
| 325 |
|
---|
| 326 | .header-image-container {
|
---|
| 327 | position: relative;
|
---|
| 328 | margin: 0;
|
---|
| 329 | padding: 0;
|
---|
| 330 | /* more ... */
|
---|
| 331 | /* background: (= header image) will be added in bfa_header_config.php */
|
---|
| 332 | }
|
---|
| 333 |
|
---|
| 334 |
|
---|
| 335 | .titleoverlay {
|
---|
| 336 | z-index: 4;
|
---|
| 337 | position: relative;
|
---|
| 338 | float: left;
|
---|
| 339 | width: auto;
|
---|
| 340 | /* more ... */
|
---|
| 341 | }
|
---|
| 342 |
|
---|
| 343 |
|
---|
| 344 | /*-------------------- OPACITY LEFT -----------------------*/
|
---|
| 345 |
|
---|
| 346 | .opacityleft {
|
---|
| 347 | /* more ... */
|
---|
| 348 | position: absolute;
|
---|
| 349 | z-index: 2;
|
---|
| 350 | top: 0;
|
---|
| 351 | left: 0;
|
---|
| 352 | /* more ... */
|
---|
| 353 | }
|
---|
| 354 |
|
---|
| 355 |
|
---|
| 356 | /*-------------------- OPACITY RIGHT ----------------------*/
|
---|
| 357 | .opacityright {
|
---|
| 358 | /* more ... */
|
---|
| 359 | position: absolute;
|
---|
| 360 | z-index: 2;
|
---|
| 361 | top: 0;
|
---|
| 362 | right: 0;
|
---|
| 363 | /* more ... */
|
---|
| 364 | }
|
---|
| 365 |
|
---|
| 366 |
|
---|
| 367 | /*-------------------- CLICKABLE HEADER IMAGE -------------*/
|
---|
| 368 | div.clickable {
|
---|
| 369 | position:absolute;
|
---|
| 370 | top:0;
|
---|
| 371 | left:0;
|
---|
| 372 | z-index:3;
|
---|
| 373 | margin: 0;
|
---|
| 374 | padding: 0;
|
---|
| 375 | /* more ... */
|
---|
| 376 | width: 100%;
|
---|
| 377 | }
|
---|
| 378 |
|
---|
| 379 | a.divclick:link,
|
---|
| 380 | a.divclick:visited,
|
---|
| 381 | a.divclick:active,
|
---|
| 382 | a.divclick:hover {
|
---|
| 383 | width: 100%;
|
---|
| 384 | height: 100%;
|
---|
| 385 | display: block;
|
---|
| 386 | text-decoration: none;
|
---|
| 387 | }
|
---|
| 388 |
|
---|
| 389 |
|
---|
| 390 | /* ------------------------------------------------------------------
|
---|
| 391 | ---------- LEFT SIDEBAR ---------------------------------------------
|
---|
| 392 | ------------------------------------------------------------------ */
|
---|
| 393 |
|
---|
| 394 | td#left {
|
---|
| 395 | vertical-align: top;
|
---|
| 396 | /* more ... */
|
---|
| 397 | }
|
---|
| 398 |
|
---|
| 399 |
|
---|
| 400 | /* ------------------------------------------------------------------
|
---|
| 401 | ---------- RIGHT SIDEBAR --------------------------------------------
|
---|
| 402 | ------------------------------------------------------------------ */
|
---|
| 403 |
|
---|
| 404 | td#right {
|
---|
| 405 | vertical-align: top;
|
---|
| 406 | /* more ... */
|
---|
| 407 | }
|
---|
| 408 |
|
---|
| 409 |
|
---|
| 410 | /* ------------------------------------------------------------------
|
---|
| 411 | ---------- CENTER COLUMN --------------------------------------------
|
---|
| 412 | ------------------------------------------------------------------ */
|
---|
| 413 |
|
---|
| 414 | td#middle {
|
---|
| 415 | vertical-align: top;
|
---|
| 416 | width: 100%;
|
---|
| 417 | max-width: 100%;
|
---|
| 418 | overflow: auto;
|
---|
| 419 | /* more ... */
|
---|
| 420 | }
|
---|
| 421 |
|
---|
| 422 |
|
---|
| 423 |
|
---|
| 424 | /* ------------------------------------------------------------------
|
---|
| 425 | ---------- FOOTER ---------------------------------------------------
|
---|
| 426 | ------------------------------------------------------------------ */
|
---|
| 427 |
|
---|
| 428 | td#footer {
|
---|
| 429 | width: auto;
|
---|
| 430 | /* more ... */
|
---|
| 431 | }
|
---|
| 432 |
|
---|
| 433 | td#footer a:link, td#footer a:visited, td#footer a:active {
|
---|
| 434 | /* more ... */
|
---|
| 435 | }
|
---|
| 436 |
|
---|
| 437 | td#footer a:hover {
|
---|
| 438 | /* more ... */
|
---|
| 439 | }
|
---|
| 440 |
|
---|
| 441 | /* ------------------------------------------------------------------
|
---|
| 442 | ---------- WIDGETS --------------------------------------------------
|
---|
| 443 | ------------------------------------------------------------------ */
|
---|
| 444 |
|
---|
| 445 | div.widget {
|
---|
| 446 | display: block;
|
---|
| 447 | width: auto; /* without this IE will stretch too-wide select
|
---|
| 448 | menus but not the other widgets. With 100% IE
|
---|
| 449 | will remove sidebar borders if select menu is
|
---|
| 450 | too wide */
|
---|
| 451 | /* more ... */
|
---|
| 452 | }
|
---|
| 453 |
|
---|
| 454 | div.widget-title {
|
---|
| 455 | display: block;
|
---|
| 456 | width: auto;
|
---|
| 457 | /* more ... */
|
---|
| 458 | }
|
---|
| 459 |
|
---|
| 460 | div.widget-title h3 {
|
---|
| 461 | padding:0;
|
---|
| 462 | margin:0;
|
---|
| 463 | /* more ... */
|
---|
| 464 | }
|
---|
| 465 |
|
---|
| 466 | div.widget-content {
|
---|
| 467 | display: block;
|
---|
| 468 | width: auto;
|
---|
| 469 | /* more ... */
|
---|
| 470 | }
|
---|
| 471 |
|
---|
| 472 |
|
---|
| 473 | /* ------------------------------------------------------------------
|
---|
| 474 | ---------- Select MENUS INSIDE OF WIDGETS -------------------------
|
---|
| 475 | ------------------------------------------------------------------ */
|
---|
| 476 |
|
---|
| 477 | /* if a select menu is too wide to fit into the sidebar (because one
|
---|
| 478 | or several of its option titles are too long) then it will be cut off
|
---|
| 479 | in IE 6 & 7 */
|
---|
| 480 |
|
---|
| 481 | div.widget select {
|
---|
| 482 | /* more ... */
|
---|
| 483 | width: 98%; /* auto won't work in Safari */
|
---|
| 484 | margin-top: 5px;
|
---|
| 485 | }
|
---|
| 486 |
|
---|
| 487 |
|
---|
| 488 | /* ------------------------------------------------------------------
|
---|
| 489 | ---------- LISTS INSIDE OF WIDGETS ----------------------------------
|
---|
| 490 | ------------------------------------------------------------------ */
|
---|
| 491 |
|
---|
| 492 | .widget ul {
|
---|
| 493 | list-style-type: none;
|
---|
| 494 | margin: 0;
|
---|
| 495 | padding: 0;
|
---|
| 496 | width: auto;
|
---|
| 497 | }
|
---|
| 498 |
|
---|
| 499 | /*------------- list items with 1 link per item -----------*/
|
---|
| 500 |
|
---|
| 501 | .widget ul li {
|
---|
| 502 | margin: 2px 0 2px 0;
|
---|
| 503 | display: block;
|
---|
| 504 | /* more ... */
|
---|
| 505 | }
|
---|
| 506 |
|
---|
| 507 | .widget ul li ul li {
|
---|
| 508 | /* more ... */
|
---|
| 509 | }
|
---|
| 510 |
|
---|
| 511 | .widget ul li ul li ul li {
|
---|
| 512 | /* more ... */
|
---|
| 513 | }
|
---|
| 514 |
|
---|
| 515 | .widget ul li a:link,
|
---|
| 516 | .widget ul li a:visited,
|
---|
| 517 | .widget ul li a:active {
|
---|
| 518 | text-decoration: none;
|
---|
| 519 | font-weight: normal;
|
---|
| 520 | /* more ... */
|
---|
| 521 | }
|
---|
| 522 |
|
---|
| 523 | .widget ul li ul li a:link,
|
---|
| 524 | .widget ul li ul li a:visited,
|
---|
| 525 | .widget ul li ul li a:active {
|
---|
| 526 | /* more ... */
|
---|
| 527 | }
|
---|
| 528 |
|
---|
| 529 | .widget ul li ul li ul li a:link,
|
---|
| 530 | .widget ul li ul li ul li a:visited,
|
---|
| 531 | .widget ul li ul li ul li a:active {
|
---|
| 532 | /* more ... */
|
---|
| 533 | }
|
---|
| 534 |
|
---|
| 535 |
|
---|
| 536 | .widget ul li a:hover {
|
---|
| 537 | /* more ... */
|
---|
| 538 | }
|
---|
| 539 |
|
---|
| 540 | .widget ul li ul li a:hover {
|
---|
| 541 | /* more ... */
|
---|
| 542 | }
|
---|
| 543 |
|
---|
| 544 | .widget ul li ul li ul li a:hover {
|
---|
| 545 | /* more ... */
|
---|
| 546 | }
|
---|
| 547 |
|
---|
| 548 | .widget ul li a:link,
|
---|
| 549 | .widget ul li a:visited,
|
---|
| 550 | .widget ul li a:active,
|
---|
| 551 | .widget ul li a:hover {
|
---|
| 552 | display: block; /* default=block. If set to "inline-block", the comments widget
|
---|
| 553 | cannot be overwritten to "inline" for IE */
|
---|
| 554 | }
|
---|
| 555 |
|
---|
| 556 | * html .widget ul li a:link,
|
---|
| 557 | * html .widget ul li a:visited,
|
---|
| 558 | * html .widget ul li a:active,
|
---|
| 559 | * html .widget ul li a:hover {
|
---|
| 560 | height: 1%; /* IE6 needs this */
|
---|
| 561 | }
|
---|
| 562 |
|
---|
| 563 | /* the archive widgets get inline-blick so post counts won't wrap
|
---|
| 564 | into the next line. In FF2 items that don't fit into a single line
|
---|
| 565 | will overflow the sidebar but that is unlikely as the longest item
|
---|
| 566 | would be "[month name] (post count)" */
|
---|
| 567 | /*.widget_categories ul li a:link,
|
---|
| 568 | .widget_categories ul li a:visited,
|
---|
| 569 | .widget_categories ul li a:active,
|
---|
| 570 | .widget_categories ul li a:hover, */
|
---|
| 571 | .widget_archive ul li a:link,
|
---|
| 572 | .widget_archive ul li a:visited,
|
---|
| 573 | .widget_archive ul li a:active,
|
---|
| 574 | .widget_archive ul li a:hover {
|
---|
| 575 | display: -moz-inline-box; /* Firefox 2 doesn't know default "inline-block" */
|
---|
| 576 | display: inline-block !important;
|
---|
| 577 | }
|
---|
| 578 |
|
---|
| 579 | /* The category widget gets "block" or "inline" depending on whether "post count" is being
|
---|
| 580 | used or not. */
|
---|
| 581 | .widget_categories ul li a:link,
|
---|
| 582 | .widget_categories ul li a:visited,
|
---|
| 583 | .widget_categories ul li a:active,
|
---|
| 584 | .widget_categories ul li a:hover {
|
---|
| 585 | /* more ... */
|
---|
| 586 | }
|
---|
| 587 |
|
---|
| 588 | /*------------- list items with 2 links or link & text ----*/
|
---|
| 589 | /* different styles for the default Recent Comments widget,
|
---|
| 590 | the BFA Recent Comments widget and the Get Recent Comments widget */
|
---|
| 591 |
|
---|
| 592 | /* The Get Recent Comments widget's first level (= Post Title)
|
---|
| 593 | doesn't get a border or padding */
|
---|
| 594 | div#get_recent_comments_wrap ul li {
|
---|
| 595 | padding: 0px;
|
---|
| 596 | display: block;
|
---|
| 597 | border-left: 0px;
|
---|
| 598 | }
|
---|
| 599 |
|
---|
| 600 | div#get_recent_comments_wrap ul li ul li {
|
---|
| 601 | margin-left: 0px;
|
---|
| 602 | }
|
---|
| 603 |
|
---|
| 604 | /* Get Recent comments 2nd level, others 1st level: */
|
---|
| 605 | div#get_recent_comments_wrap ul li ul li,
|
---|
| 606 | .widget_recent_comments ul li,
|
---|
| 607 | .widget_simple_recent_comments ul li {
|
---|
| 608 | /* more ... */
|
---|
| 609 | display: block;
|
---|
| 610 | /* more ... */
|
---|
| 611 | }
|
---|
| 612 |
|
---|
| 613 | /* Get Recent comments 3rd level, others 2nd level: */
|
---|
| 614 | div#get_recent_comments_wrap ul li ul li ul li,
|
---|
| 615 | .widget_recent_comments ul li ul li,
|
---|
| 616 | .widget_simple_recent_comments ul li ul li {
|
---|
| 617 | /* more ... */
|
---|
| 618 | }
|
---|
| 619 |
|
---|
| 620 | .widget_recent_comments ul li ul li ul li,
|
---|
| 621 | .widget_simple_recent_comments ul li ul li ul li {
|
---|
| 622 | /* more ... */
|
---|
| 623 | }
|
---|
| 624 |
|
---|
| 625 | /*- with sfhover for IE6 because it doesn't know li:hover -*/
|
---|
| 626 |
|
---|
| 627 | div#get_recent_comments_wrap ul li ul li:hover,
|
---|
| 628 | .widget_recent_comments ul li:hover,
|
---|
| 629 | .widget_simple_recent_comments ul li:hover,
|
---|
| 630 | div#get_recent_comments_wrap ul li ul li.sfhover,
|
---|
| 631 | .widget_recent_comments ul li.sfhover,
|
---|
| 632 | .widget_simple_recent_comments ul li.sfhover {
|
---|
| 633 | /* more ... */
|
---|
| 634 | }
|
---|
| 635 |
|
---|
| 636 | div#get_recent_comments_wrap ul li ul li ul li:hover,
|
---|
| 637 | .widget_recent_comments ul li ul li:hover,
|
---|
| 638 | .widget_simple_recent_comments ul li ul li:hover,
|
---|
| 639 | div#get_recent_comments_wrap ul li ul li ul li.sfhover,
|
---|
| 640 | .widget_recent_comments ul li ul li.sfhover,
|
---|
| 641 | .widget_simple_recent_comments ul li ul li.sfhover {
|
---|
| 642 | /* more ... */
|
---|
| 643 | }
|
---|
| 644 |
|
---|
| 645 | .widget_recent_comments ul li ul li ul li:hover,
|
---|
| 646 | .widget_simple_recent_comments ul li ul li ul li:hover,
|
---|
| 647 | .widget_recent_comments ul li ul li ul li.sfhover,
|
---|
| 648 | .widget_simple_recent_comments ul li ul li ul li.sfhover {
|
---|
| 649 | /* more ... */
|
---|
| 650 | }
|
---|
| 651 |
|
---|
| 652 | /*--- comments get the border on the li instead of the a --*/
|
---|
| 653 |
|
---|
| 654 | div#get_recent_comments_wrap ul li a:link,
|
---|
| 655 | div#get_recent_comments_wrap ul li a:visited,
|
---|
| 656 | div#get_recent_comments_wrap ul li a:active,
|
---|
| 657 | div#get_recent_comments_wrap ul li a:hover,
|
---|
| 658 | .widget ul li.recentcomments a:link,
|
---|
| 659 | .widget ul li.recentcomments a:visited,
|
---|
| 660 | .widget ul li.recentcomments a:active,
|
---|
| 661 | .widget ul li.recentcomments a:hover,
|
---|
| 662 | .widget ul li.bfarecentcomments a:link,
|
---|
| 663 | .widget ul li.bfarecentcomments a:visited,
|
---|
| 664 | .widget ul li.bfarecentcomments a:active,
|
---|
| 665 | .widget ul li.bfarecentcomments a:hover {
|
---|
| 666 | border-left: 0px !important;
|
---|
| 667 | display: inline !important;
|
---|
| 668 | padding: 0px !important;
|
---|
| 669 | margin: 0px !important;
|
---|
| 670 | }
|
---|
| 671 |
|
---|
| 672 |
|
---|
| 673 |
|
---|
| 674 | /* ------------------------------------------------------------------
|
---|
| 675 | ---------- BFA SUBSCRIBE WIDGET -------------------------------------
|
---|
| 676 | ------------------------------------------------------------------ */
|
---|
| 677 |
|
---|
| 678 | table.subscribe {
|
---|
| 679 | width: 100%;
|
---|
| 680 | }
|
---|
| 681 |
|
---|
| 682 | table.subscribe td.email-text {
|
---|
| 683 | padding: 0 0 5px 0;
|
---|
| 684 | vertical-align: top;
|
---|
| 685 | }
|
---|
| 686 |
|
---|
| 687 | table.subscribe td.email-field {
|
---|
| 688 | padding: 0;
|
---|
| 689 | width: 100%;
|
---|
| 690 | }
|
---|
| 691 |
|
---|
| 692 | table.subscribe td.email-button {
|
---|
| 693 | padding: 0 0 0 5px;
|
---|
| 694 | }
|
---|
| 695 |
|
---|
| 696 | table.subscribe td.post-text {
|
---|
| 697 | padding: 7px 0 0 0;
|
---|
| 698 | vertical-align: top;
|
---|
| 699 | }
|
---|
| 700 |
|
---|
| 701 | table.subscribe td.comment-text {
|
---|
| 702 | padding: 7px 0 0 0;
|
---|
| 703 | vertical-align: top;
|
---|
| 704 | }
|
---|
| 705 |
|
---|
| 706 |
|
---|
| 707 | /* ------------------------------------------------------------------
|
---|
| 708 | ---------- POSTS ----------------------------------------------------
|
---|
| 709 | ------------------------------------------------------------------ */
|
---|
| 710 |
|
---|
| 711 | /*-------------------- POST CONTAINER ---------------------*/
|
---|
| 712 |
|
---|
| 713 | div.post {
|
---|
| 714 | display: block;
|
---|
| 715 | /* more ... */
|
---|
| 716 | }
|
---|
| 717 |
|
---|
| 718 | /* additonal styles for sticky posts */
|
---|
| 719 | .sticky {
|
---|
| 720 | /* more ... */
|
---|
| 721 | }
|
---|
| 722 |
|
---|
| 723 | /*-------------------- POST KICKER ------------------------*/
|
---|
| 724 |
|
---|
| 725 | div.post-kicker {
|
---|
| 726 | /* more ... */
|
---|
| 727 | }
|
---|
| 728 |
|
---|
| 729 | div.post-kicker a:link,
|
---|
| 730 | div.post-kicker a:visited,
|
---|
| 731 | div.post-kicker a:active {
|
---|
| 732 | /* more ... */
|
---|
| 733 | }
|
---|
| 734 |
|
---|
| 735 | div.post-kicker a:hover {
|
---|
| 736 | /* more ... */
|
---|
| 737 | }
|
---|
| 738 |
|
---|
| 739 |
|
---|
| 740 | /*-------------------- POST HEADLINE ----------------------*/
|
---|
| 741 |
|
---|
| 742 | div.post-headline {
|
---|
| 743 | /* more ... */
|
---|
| 744 | }
|
---|
| 745 |
|
---|
| 746 | div.post-headline h2 {
|
---|
| 747 | margin: 0;
|
---|
| 748 | padding: 0;
|
---|
| 749 | /* more ... */
|
---|
| 750 | }
|
---|
| 751 |
|
---|
| 752 | div.post-headline h2 a:link,
|
---|
| 753 | div.post-headline h2 a:visited,
|
---|
| 754 | div.post-headline h2 a:active {
|
---|
| 755 | /* more ... */
|
---|
| 756 | }
|
---|
| 757 |
|
---|
| 758 | div.post-headline h2 a:hover {
|
---|
| 759 | /* more ... */
|
---|
| 760 | }
|
---|
| 761 |
|
---|
| 762 |
|
---|
| 763 | /*-------------------- POST BYLINE ------------------------*/
|
---|
| 764 |
|
---|
| 765 | div.post-byline {
|
---|
| 766 | /* more ... */
|
---|
| 767 | }
|
---|
| 768 |
|
---|
| 769 | div.post-byline a:link,
|
---|
| 770 | div.post-byline a:visited,
|
---|
| 771 | div.post-byline a:active {
|
---|
| 772 | /* more ... */
|
---|
| 773 | }
|
---|
| 774 |
|
---|
| 775 | div.post-byline a:hover {
|
---|
| 776 | /* more ... */
|
---|
| 777 | }
|
---|
| 778 |
|
---|
| 779 |
|
---|
| 780 | /*-------------------- POST BODY COPY ---------------------*/
|
---|
| 781 |
|
---|
| 782 | div.post-bodycopy {
|
---|
| 783 | /* more ... */
|
---|
| 784 | }
|
---|
| 785 |
|
---|
| 786 | div.post-bodycopy p {
|
---|
| 787 | margin: 1em 0;
|
---|
| 788 | padding: 0;
|
---|
| 789 | display: block;
|
---|
| 790 | /* The rule below would create hor. scrollbars in Firefox,
|
---|
| 791 | which would be better than overflowing long strings, but the
|
---|
| 792 | downside is that text won't float around images anymore.
|
---|
| 793 | Uncomment this if you don't float images anyway */
|
---|
| 794 | /* overflow: auto; */
|
---|
| 795 | }
|
---|
| 796 |
|
---|
| 797 | /*-------------------- POST PAGINATION --------------------*/
|
---|
| 798 |
|
---|
| 799 | div.post-pagination {
|
---|
| 800 | /*border: solid 1px brown;*/
|
---|
| 801 | }
|
---|
| 802 |
|
---|
| 803 |
|
---|
| 804 | /*-------------------- POST FOOTER ------------------------*/
|
---|
| 805 |
|
---|
| 806 | div.post-footer {
|
---|
| 807 | clear:both;
|
---|
| 808 | display: block;
|
---|
| 809 | /* more ... */
|
---|
| 810 | }
|
---|
| 811 |
|
---|
| 812 | div.post-footer a:link,
|
---|
| 813 | div.post-footer a:visited,
|
---|
| 814 | div.post-footer a:active {
|
---|
| 815 | /* more ... */
|
---|
| 816 | }
|
---|
| 817 |
|
---|
| 818 | div.post-footer a:hover {
|
---|
| 819 | /* more ... */
|
---|
| 820 | }
|
---|
| 821 |
|
---|
| 822 |
|
---|
| 823 | /*-------------------- ICONS in KICKER, BYLINE & FOOTER ---*/
|
---|
| 824 |
|
---|
| 825 | div.post-kicker img,
|
---|
| 826 | div.post-byline img,
|
---|
| 827 | div.post-footer img {
|
---|
| 828 | border: 0;
|
---|
| 829 | padding: 0;
|
---|
| 830 | margin: 0 0 -1px 0;
|
---|
| 831 | background: none;
|
---|
| 832 | }
|
---|
| 833 |
|
---|
| 834 | span.post-ratings {
|
---|
| 835 | display:inline-block; /* postratings set to "span" by the
|
---|
| 836 | theme, instead of default "div", to
|
---|
| 837 | make them display inline. Adding
|
---|
| 838 | inline-block and nowrap to avoid
|
---|
| 839 | line wrapping of single voting stars. */
|
---|
| 840 | width: auto;
|
---|
| 841 | white-space: nowrap;
|
---|
| 842 | }
|
---|
| 843 |
|
---|
| 844 |
|
---|
| 845 | /* ------------------------------------------------------------------
|
---|
| 846 | ---------- PAGE NAVIGATION NEXT/PREVIOUS ----------------------------
|
---|
| 847 | ------------------------------------------------------------------ */
|
---|
| 848 |
|
---|
| 849 | .navigation-top {
|
---|
| 850 | display: block;
|
---|
| 851 | width: 100%;
|
---|
| 852 | /* more ... */
|
---|
| 853 | }
|
---|
| 854 |
|
---|
| 855 | .navigation-middle {
|
---|
| 856 | display: block;
|
---|
| 857 | width: 100%;
|
---|
| 858 | /* more ... */
|
---|
| 859 | }
|
---|
| 860 |
|
---|
| 861 | .navigation-bottom {
|
---|
| 862 | display: block;
|
---|
| 863 | width: 100%;
|
---|
| 864 | /* more ... */
|
---|
| 865 | }
|
---|
| 866 |
|
---|
| 867 | .navigation-comments-above {
|
---|
| 868 | display: block;
|
---|
| 869 | width: 100%;
|
---|
| 870 | /* more ... */
|
---|
| 871 | }
|
---|
| 872 |
|
---|
| 873 | .navigation-comments-below {
|
---|
| 874 | display: block;
|
---|
| 875 | width: 100%;
|
---|
| 876 | /* more ... */
|
---|
| 877 | }
|
---|
| 878 |
|
---|
| 879 | .older {
|
---|
| 880 | float: left;
|
---|
| 881 | width: 49%;
|
---|
| 882 | text-align: left;
|
---|
| 883 | margin:0;
|
---|
| 884 | padding:0;
|
---|
| 885 | }
|
---|
| 886 |
|
---|
| 887 | .newer {
|
---|
| 888 | float:right;
|
---|
| 889 | width: 49%;
|
---|
| 890 | text-align: right;
|
---|
| 891 | margin:0;
|
---|
| 892 | padding:0;
|
---|
| 893 | }
|
---|
| 894 |
|
---|
| 895 | .older-home {
|
---|
| 896 | float: left;
|
---|
| 897 | width: 45%;
|
---|
| 898 | text-align: left;
|
---|
| 899 | margin:0;
|
---|
| 900 | padding:0;
|
---|
| 901 | }
|
---|
| 902 |
|
---|
| 903 | .newer-home {
|
---|
| 904 | float:right;
|
---|
| 905 | width: 45%;
|
---|
| 906 | text-align: right;
|
---|
| 907 | margin:0;
|
---|
| 908 | padding:0;
|
---|
| 909 | }
|
---|
| 910 |
|
---|
| 911 | .home {
|
---|
| 912 | float: left;
|
---|
| 913 | width: 9%;
|
---|
| 914 | text-align: center;
|
---|
| 915 | margin:0;
|
---|
| 916 | padding:0;
|
---|
| 917 | }
|
---|
| 918 |
|
---|
| 919 |
|
---|
| 920 | /* ------------------------------------------------------------------
|
---|
| 921 | ---------- FORMS ----------------------------------------------------
|
---|
| 922 | ------------------------------------------------------------------ */
|
---|
| 923 |
|
---|
| 924 | form, .feedburner-email-form {
|
---|
| 925 | margin: 0;
|
---|
| 926 | padding: 0;
|
---|
| 927 | }
|
---|
| 928 |
|
---|
| 929 | fieldset {
|
---|
| 930 | border: 1px solid #cccccc;
|
---|
| 931 | width: auto;
|
---|
| 932 | padding: 0.35em 0.625em 0.75em;
|
---|
| 933 | display: block;
|
---|
| 934 | }
|
---|
| 935 |
|
---|
| 936 | legend {
|
---|
| 937 | color: #000000;
|
---|
| 938 | background: #f4f4f4;
|
---|
| 939 | border: 1px solid #cccccc;
|
---|
| 940 | padding: 2px 6px;
|
---|
| 941 | margin-bottom: 15px;
|
---|
| 942 | }
|
---|
| 943 |
|
---|
| 944 | form p {
|
---|
| 945 | margin: 5px 0 0 0;
|
---|
| 946 | padding: 0;
|
---|
| 947 | }
|
---|
| 948 |
|
---|
| 949 | label {
|
---|
| 950 | margin-right: 0.5em;
|
---|
| 951 | font-family: arial;
|
---|
| 952 | cursor: pointer;
|
---|
| 953 | }
|
---|
| 954 |
|
---|
| 955 | /* input.TextField for WP-Email */
|
---|
| 956 | input.text,
|
---|
| 957 | input.password,
|
---|
| 958 | input.file,
|
---|
| 959 | input.TextField,
|
---|
| 960 | textarea {
|
---|
| 961 | padding: 3px;
|
---|
| 962 | /* more ... */
|
---|
| 963 | }
|
---|
| 964 |
|
---|
| 965 | textarea {
|
---|
| 966 | width: 96%;
|
---|
| 967 | }
|
---|
| 968 |
|
---|
| 969 |
|
---|
| 970 | input.inputblur {
|
---|
| 971 | color: #777777;
|
---|
| 972 | width: 95%;
|
---|
| 973 | }
|
---|
| 974 |
|
---|
| 975 | input.inputfocus {
|
---|
| 976 | color: #000000;
|
---|
| 977 | width: 95%;
|
---|
| 978 | }
|
---|
| 979 |
|
---|
| 980 | input.highlight, textarea.highlight {
|
---|
| 981 | /* more ... */
|
---|
| 982 | }
|
---|
| 983 |
|
---|
| 984 | /* .Button for WP-Email */
|
---|
| 985 | .button, .Button {
|
---|
| 986 | padding: 0 2px;
|
---|
| 987 | height: 24px;
|
---|
| 988 | line-height: 16px;
|
---|
| 989 | /* more ... */
|
---|
| 990 | }
|
---|
| 991 |
|
---|
| 992 | .buttonhover {
|
---|
| 993 | padding: 0 2px;
|
---|
| 994 | cursor: pointer;
|
---|
| 995 | /* more ... */
|
---|
| 996 | }
|
---|
| 997 |
|
---|
| 998 | /* comment submit button */
|
---|
| 999 | form#commentform input#submit {
|
---|
| 1000 | /* more ... */
|
---|
| 1001 | }
|
---|
| 1002 |
|
---|
| 1003 | /* ------------------------------------------------------------------
|
---|
| 1004 | ---------- SEARCH FORM ----------------------------------------------
|
---|
| 1005 | ------------------------------------------------------------------ */
|
---|
| 1006 |
|
---|
| 1007 | table.searchform {
|
---|
| 1008 | width: 100%;
|
---|
| 1009 | }
|
---|
| 1010 |
|
---|
| 1011 | table.searchform td.searchfield {
|
---|
| 1012 | padding: 0;
|
---|
| 1013 | width: 100%;
|
---|
| 1014 | }
|
---|
| 1015 |
|
---|
| 1016 | table.searchform td.searchbutton {
|
---|
| 1017 | padding: 0 0 0 5px;
|
---|
| 1018 | }
|
---|
| 1019 |
|
---|
| 1020 | table.searchform td.searchbutton input{
|
---|
| 1021 | padding: 0 0 0 5px;
|
---|
| 1022 | }
|
---|
| 1023 |
|
---|
| 1024 | /* ------------------------------------------------------------------
|
---|
| 1025 | ---------- BLOCKQUOTES ----------------------------------------------
|
---|
| 1026 | ------------------------------------------------------------------ */
|
---|
| 1027 |
|
---|
| 1028 | blockquote {
|
---|
| 1029 | height: 1%;
|
---|
| 1030 | display: block;
|
---|
| 1031 | clear: both;
|
---|
| 1032 | /* more ... */
|
---|
| 1033 | }
|
---|
| 1034 |
|
---|
| 1035 | blockquote blockquote {
|
---|
| 1036 | height: 1%;
|
---|
| 1037 | display: block;
|
---|
| 1038 | clear: both;
|
---|
| 1039 | /* more ... */
|
---|
| 1040 | }
|
---|
| 1041 |
|
---|
| 1042 |
|
---|
| 1043 | /* ------------------------------------------------------------------
|
---|
| 1044 | ---------- TABLES & CALENDAR ----------------------------------------
|
---|
| 1045 | ------------------------------------------------------------------ */
|
---|
| 1046 |
|
---|
| 1047 | /*-------------------- TABLES IN POSTS --------------------*/
|
---|
| 1048 |
|
---|
| 1049 | .post table {
|
---|
| 1050 | /* more ... */
|
---|
| 1051 | }
|
---|
| 1052 |
|
---|
| 1053 | .post table caption {
|
---|
| 1054 | width: auto;
|
---|
| 1055 | margin: 0 auto;
|
---|
| 1056 | /* more ... */
|
---|
| 1057 | }
|
---|
| 1058 |
|
---|
| 1059 | .post table th {
|
---|
| 1060 | /* more ... */
|
---|
| 1061 | }
|
---|
| 1062 |
|
---|
| 1063 | .post table td {
|
---|
| 1064 | /* more ... */
|
---|
| 1065 | }
|
---|
| 1066 |
|
---|
| 1067 | .post table tfoot td {
|
---|
| 1068 | /* more ... */
|
---|
| 1069 | }
|
---|
| 1070 |
|
---|
| 1071 | .post table tr.alt td {
|
---|
| 1072 | /* more ... */
|
---|
| 1073 | }
|
---|
| 1074 |
|
---|
| 1075 | .post table tr.over td {
|
---|
| 1076 | /* more ... */
|
---|
| 1077 | }
|
---|
| 1078 |
|
---|
| 1079 |
|
---|
| 1080 | /*-------------------- CALENDAR WIDGET --------------------*/
|
---|
| 1081 |
|
---|
| 1082 | #calendar_wrap {
|
---|
| 1083 | padding: 0;
|
---|
| 1084 | border: none;
|
---|
| 1085 | }
|
---|
| 1086 |
|
---|
| 1087 | table#wp-calendar {
|
---|
| 1088 | width: 100%;
|
---|
| 1089 | font-size:90%;
|
---|
| 1090 | border-collapse: collapse;
|
---|
| 1091 | background-color: #ffffff;
|
---|
| 1092 | margin: 0 auto;
|
---|
| 1093 | }
|
---|
| 1094 |
|
---|
| 1095 | table#wp-calendar caption {
|
---|
| 1096 | width: auto;
|
---|
| 1097 | background: #eeeeee;
|
---|
| 1098 | border: none;;
|
---|
| 1099 | padding: 3px;
|
---|
| 1100 | margin: 0 auto;
|
---|
| 1101 | font-size: 1em;
|
---|
| 1102 | }
|
---|
| 1103 |
|
---|
| 1104 | table#wp-calendar th {
|
---|
| 1105 | border: solid 1px #eeeeee;
|
---|
| 1106 | background-color: #999999;
|
---|
| 1107 | color: #ffffff;
|
---|
| 1108 | font-weight: bold;
|
---|
| 1109 | padding: 2px;
|
---|
| 1110 | text-align: center;
|
---|
| 1111 | }
|
---|
| 1112 |
|
---|
| 1113 | table#wp-calendar td {
|
---|
| 1114 | padding: 0;
|
---|
| 1115 | line-height: 18px;
|
---|
| 1116 | background-color: #ffffff;
|
---|
| 1117 | border: 1px solid #dddddd;
|
---|
| 1118 | text-align: center;
|
---|
| 1119 | }
|
---|
| 1120 |
|
---|
| 1121 | table#wp-calendar tfoot td {
|
---|
| 1122 | border: solid 1px #eeeeee;
|
---|
| 1123 | background-color: #eeeeee;
|
---|
| 1124 | }
|
---|
| 1125 |
|
---|
| 1126 | table#wp-calendar td a {
|
---|
| 1127 | display: block;
|
---|
| 1128 | background-color: #eeeeee;
|
---|
| 1129 | width: 100%;
|
---|
| 1130 | height: 100%;
|
---|
| 1131 | padding: 0;
|
---|
| 1132 | }
|
---|
| 1133 |
|
---|
| 1134 |
|
---|
| 1135 |
|
---|
| 1136 |
|
---|
| 1137 |
|
---|
| 1138 |
|
---|
| 1139 | /* ------------------------------------------------------------------
|
---|
| 1140 | ---------- COMMENTS -------------------------------------------------
|
---|
| 1141 | ------------------------------------------------------------------ */
|
---|
| 1142 |
|
---|
| 1143 |
|
---|
| 1144 |
|
---|
| 1145 | /* whole respond area */
|
---|
| 1146 | div#respond {
|
---|
| 1147 | /* more ... */
|
---|
| 1148 | }
|
---|
| 1149 |
|
---|
| 1150 | p.thesetags {
|
---|
| 1151 | margin: 10px 0;
|
---|
| 1152 | }
|
---|
| 1153 |
|
---|
| 1154 | h3.reply {
|
---|
| 1155 | margin: 0;
|
---|
| 1156 | padding: 0 0 10px 0;
|
---|
| 1157 | }
|
---|
| 1158 |
|
---|
| 1159 | ol.commentlist {
|
---|
| 1160 | margin: 15px 0 25px 0;
|
---|
| 1161 | list-style-type: none;
|
---|
| 1162 | padding: 0;
|
---|
| 1163 | /* more ... */
|
---|
| 1164 | display:block;
|
---|
| 1165 | }
|
---|
| 1166 |
|
---|
| 1167 | ol.commentlist li {
|
---|
| 1168 | /* more ... */
|
---|
| 1169 | padding: 15px 10px;
|
---|
| 1170 | display: block;
|
---|
| 1171 | height: 1%; /* for IE6 */
|
---|
| 1172 | margin: 0;
|
---|
| 1173 | }
|
---|
| 1174 |
|
---|
| 1175 | ol.commentlist li.alt {
|
---|
| 1176 | /* more ... */
|
---|
| 1177 | display: block;
|
---|
| 1178 | height: 1%; /* for IE6 */
|
---|
| 1179 | }
|
---|
| 1180 |
|
---|
| 1181 | ol.commentlist li.authorcomment {
|
---|
| 1182 | /* more ... */
|
---|
| 1183 | display: block;
|
---|
| 1184 | height: 1%;
|
---|
| 1185 | }
|
---|
| 1186 |
|
---|
| 1187 | ol.commentlist span.authorname {
|
---|
| 1188 | /* more ... */
|
---|
| 1189 | font-weight: bold;
|
---|
| 1190 | }
|
---|
| 1191 |
|
---|
| 1192 | ol.commentlist span.commentdate {
|
---|
| 1193 | color: #666666;
|
---|
| 1194 | font-size: 90%;
|
---|
| 1195 | margin-bottom: 5px;
|
---|
| 1196 | display: block;
|
---|
| 1197 | }
|
---|
| 1198 |
|
---|
| 1199 | ol.commentlist span.editcomment {
|
---|
| 1200 | display: block;
|
---|
| 1201 | }
|
---|
| 1202 |
|
---|
| 1203 | ol.commentlist li p {
|
---|
| 1204 | margin: 2px 0 5px 0;
|
---|
| 1205 | }
|
---|
| 1206 |
|
---|
| 1207 | div.comment-number {
|
---|
| 1208 | float: right;
|
---|
| 1209 | font-size: 2em;
|
---|
| 1210 | line-height: 2em;
|
---|
| 1211 | font-family: georgia, serif;
|
---|
| 1212 | font-weight: bold;
|
---|
| 1213 | color: #ddd;
|
---|
| 1214 | margin: -10px 0 0 0;
|
---|
| 1215 | position: relative;
|
---|
| 1216 | height: 1%
|
---|
| 1217 | }
|
---|
| 1218 |
|
---|
| 1219 | div.comment-number a:link,
|
---|
| 1220 | div.comment-number a:visited,
|
---|
| 1221 | div.comment-number a:active {
|
---|
| 1222 | color: #ccc;
|
---|
| 1223 | }
|
---|
| 1224 |
|
---|
| 1225 | textarea#comment {
|
---|
| 1226 | width: 98%;
|
---|
| 1227 | margin: 10px 0;
|
---|
| 1228 | display: block;
|
---|
| 1229 | }
|
---|
| 1230 |
|
---|
| 1231 |
|
---|
| 1232 | /* ------------------------------------------------------------------
|
---|
| 1233 | ---------- COMMENTS WP 2.7 ------------------------------------------
|
---|
| 1234 | ------------------------------------------------------------------ */
|
---|
| 1235 |
|
---|
| 1236 | ul.commentlist {
|
---|
| 1237 | margin: 15px 0 15px 0;
|
---|
| 1238 | list-style-type: none;
|
---|
| 1239 | padding: 0;
|
---|
| 1240 | /* more ... */
|
---|
| 1241 | display:block;
|
---|
| 1242 | }
|
---|
| 1243 |
|
---|
| 1244 | ul.commentlist ul {
|
---|
| 1245 | margin: 15px 0 25px 0;
|
---|
| 1246 | list-style-type: none;
|
---|
| 1247 | padding: 0;
|
---|
| 1248 | border: none;
|
---|
| 1249 | display:block;
|
---|
| 1250 | }
|
---|
| 1251 |
|
---|
| 1252 | ul.commentlist li.thread-even {
|
---|
| 1253 | /* more ... */
|
---|
| 1254 | padding: 15px 10px;
|
---|
| 1255 | display: block;
|
---|
| 1256 | clear: both;
|
---|
| 1257 | height: 1%; /* for IE */
|
---|
| 1258 | margin: 0;
|
---|
| 1259 | }
|
---|
| 1260 |
|
---|
| 1261 | ul.commentlist li.thread-odd {
|
---|
| 1262 | /* more ... */
|
---|
| 1263 | padding: 15px 10px;
|
---|
| 1264 | display: block;
|
---|
| 1265 | clear: both;
|
---|
| 1266 | height: 1%; /* for IE */
|
---|
| 1267 | margin: 0;
|
---|
| 1268 | }
|
---|
| 1269 |
|
---|
| 1270 | ul.commentlist li.bypostauthor {
|
---|
| 1271 | /* more ... */
|
---|
| 1272 | }
|
---|
| 1273 |
|
---|
| 1274 | /* reset children */
|
---|
| 1275 |
|
---|
| 1276 | ul.commentlist li ul.children,
|
---|
| 1277 | ul.commentlist li ul.children li,
|
---|
| 1278 | ul.commentlist li ul.children li.bypostauthor {
|
---|
| 1279 | background-color: transparent;
|
---|
| 1280 | border: 0;
|
---|
| 1281 | padding: 0;
|
---|
| 1282 | margin: 0;
|
---|
| 1283 | display: block;
|
---|
| 1284 | height: 1%; /* for IE */
|
---|
| 1285 | }
|
---|
| 1286 |
|
---|
| 1287 | ul.commentlist li ul.children li,
|
---|
| 1288 | ul.commentlist li ul.children li.bypostauthor {
|
---|
| 1289 | margin: 10px 0 0 30px;
|
---|
| 1290 | }
|
---|
| 1291 |
|
---|
| 1292 | ul.commentlist li ul.children li.depth-2 {
|
---|
| 1293 | margin: 10px 0 0 0;
|
---|
| 1294 | }
|
---|
| 1295 |
|
---|
| 1296 | ul.children div.comment-container {
|
---|
| 1297 | background-color: transparent;
|
---|
| 1298 | border: dashed 1px #ccc;
|
---|
| 1299 | padding: 8px;
|
---|
| 1300 | margin: 0;
|
---|
| 1301 | /* optional rounded corners for browsers that support it */
|
---|
| 1302 | -moz-border-radius: 5px;
|
---|
| 1303 | -khtml-border-radius: 5px;
|
---|
| 1304 | -webkit-border-radius: 5px;
|
---|
| 1305 | border-radius: 5px;
|
---|
| 1306 | }
|
---|
| 1307 |
|
---|
| 1308 | ul.children div.bypostauthor {
|
---|
| 1309 | background-color: #ffecec;
|
---|
| 1310 | border: dashed 1px #ffbfbf;
|
---|
| 1311 | }
|
---|
| 1312 |
|
---|
| 1313 | ul.commentlist li p {
|
---|
| 1314 | margin: 2px 0 5px 0;
|
---|
| 1315 | }
|
---|
| 1316 |
|
---|
| 1317 | ul.commentlist span.authorname {
|
---|
| 1318 | /* more ... */
|
---|
| 1319 | }
|
---|
| 1320 |
|
---|
| 1321 | div.comment-meta a:link,
|
---|
| 1322 | div.comment-meta a:visited,
|
---|
| 1323 | div.comment-meta a:active,
|
---|
| 1324 | div.comment-meta a:hover {
|
---|
| 1325 | font-weight: normal;
|
---|
| 1326 | }
|
---|
| 1327 |
|
---|
| 1328 | div#cancel-comment-reply {
|
---|
| 1329 | margin: -5px 0 10px 0;
|
---|
| 1330 | }
|
---|
| 1331 |
|
---|
| 1332 | div.comment-number {
|
---|
| 1333 | float: right;
|
---|
| 1334 | font-size: 2em;
|
---|
| 1335 | line-height: 2em;
|
---|
| 1336 | font-family: georgia, serif;
|
---|
| 1337 | font-weight: bold;
|
---|
| 1338 | color: #ddd;
|
---|
| 1339 | margin: -10px 0 0 0;
|
---|
| 1340 | position: relative;
|
---|
| 1341 | height: 1%
|
---|
| 1342 | }
|
---|
| 1343 |
|
---|
| 1344 | div.comment-number a:link,
|
---|
| 1345 | div.comment-number a:visited,
|
---|
| 1346 | div.comment-number a:active {
|
---|
| 1347 | color: #ccc;
|
---|
| 1348 | }
|
---|
| 1349 |
|
---|
| 1350 | /* paged comments navigation */
|
---|
| 1351 | .page-numbers {
|
---|
| 1352 | padding: 2px 6px;
|
---|
| 1353 | border: solid 1px #000000;
|
---|
| 1354 | -moz-border-radius: 6px;
|
---|
| 1355 | -khtml-border-radius: 6px;
|
---|
| 1356 | -webkit-border-radius: 6px;
|
---|
| 1357 | border-radius: 6px;
|
---|
| 1358 | }
|
---|
| 1359 |
|
---|
| 1360 | /* current page number */
|
---|
| 1361 | span.current {
|
---|
| 1362 | background: #ddd;
|
---|
| 1363 | }
|
---|
| 1364 |
|
---|
| 1365 | a.prev, a.next {
|
---|
| 1366 | border: none;
|
---|
| 1367 | }
|
---|
| 1368 |
|
---|
| 1369 | a.page-numbers:link,
|
---|
| 1370 | a.page-numbers:visited,
|
---|
| 1371 | a.page-numbers:active {
|
---|
| 1372 | text-decoration: none;
|
---|
| 1373 | /* more ... */
|
---|
| 1374 | }
|
---|
| 1375 |
|
---|
| 1376 | a.page-numbers:hover {
|
---|
| 1377 | text-decoration: none;
|
---|
| 1378 | /* more ... */
|
---|
| 1379 | }
|
---|
| 1380 |
|
---|
| 1381 | /* "you can use these xhtml tags" initially closed */
|
---|
| 1382 | div.xhtml-tags {
|
---|
| 1383 | display: none;
|
---|
| 1384 | }
|
---|
| 1385 |
|
---|
| 1386 |
|
---|
| 1387 | /* ------------------------------------------------------------------
|
---|
| 1388 | ---------- For CommentLuv ----------------------------------------
|
---|
| 1389 | ------------------------------------------------------------------ */
|
---|
| 1390 |
|
---|
| 1391 | abbr em {
|
---|
| 1392 | border: none !important;
|
---|
| 1393 | border-top: dashed 1px #aaa !important;
|
---|
| 1394 | display: -moz-inline-box !important; /* Firefox 2 doesn't know default "inline-block" */
|
---|
| 1395 | display: inline-block !important;
|
---|
| 1396 | background: url(images/commentluv.gif) 0% 90% no-repeat;
|
---|
| 1397 | margin-top: 8px;
|
---|
| 1398 | padding: 5px 5px 2px 20px !important;
|
---|
| 1399 | font-style: normal;
|
---|
| 1400 | }
|
---|
| 1401 |
|
---|
| 1402 | /* ------------------------------------------------------------------
|
---|
| 1403 | ---------- Subscribe to comments -----------------------------------
|
---|
| 1404 | ------------------------------------------------------------------ */
|
---|
| 1405 |
|
---|
| 1406 | p.subscribe-to-comments {
|
---|
| 1407 | margin-bottom: 10px;
|
---|
| 1408 | }
|
---|
| 1409 |
|
---|
| 1410 | /* ------------------------------------------------------------------
|
---|
| 1411 | ---------- IMAGES ---------------------------------------------------
|
---|
| 1412 | ------------------------------------------------------------------ */
|
---|
| 1413 |
|
---|
| 1414 | img {
|
---|
| 1415 | border: 0;
|
---|
| 1416 | }
|
---|
| 1417 |
|
---|
| 1418 |
|
---|
| 1419 |
|
---|
| 1420 |
|
---|
| 1421 | .post img.size-full {
|
---|
| 1422 | /*max-width: 100% auto;*/
|
---|
| 1423 | max-width: 96%; /* resize images in the main column if needed.
|
---|
| 1424 | 97% so images with padding and border don't touch
|
---|
| 1425 | the right sidebar while being resized. Change this
|
---|
| 1426 | to 100% if you want, if your images
|
---|
| 1427 | don't have padding and a border */
|
---|
| 1428 | width: auto 100%;
|
---|
| 1429 | margin: 5px 0 5px 0;
|
---|
| 1430 | /*overflow-x: auto;*/
|
---|
| 1431 | /* more ... */
|
---|
| 1432 | }
|
---|
| 1433 |
|
---|
| 1434 |
|
---|
| 1435 |
|
---|
| 1436 | /* hiding from IE6 which would stretch the image vertically.
|
---|
| 1437 | IE6 will get width and height via jQuery */
|
---|
| 1438 | div[class~=post] img {
|
---|
| 1439 | height: auto; /* FF & Safari need auto */
|
---|
| 1440 | }
|
---|
| 1441 |
|
---|
| 1442 | .post img.alignleft {
|
---|
| 1443 | float: left;
|
---|
| 1444 | margin: 10px 10px 5px 0;
|
---|
| 1445 | }
|
---|
| 1446 |
|
---|
| 1447 | .post img.alignright {
|
---|
| 1448 | float: right;
|
---|
| 1449 | margin: 10px 0 5px 10px;
|
---|
| 1450 | }
|
---|
| 1451 |
|
---|
| 1452 | .post img.aligncenter {
|
---|
| 1453 | display: block;
|
---|
| 1454 | margin: 10px auto;
|
---|
| 1455 | }
|
---|
| 1456 |
|
---|
| 1457 | .aligncenter,
|
---|
| 1458 | div.aligncenter {
|
---|
| 1459 | display: block;
|
---|
| 1460 | margin-left: auto;
|
---|
| 1461 | margin-right: auto;
|
---|
| 1462 | }
|
---|
| 1463 |
|
---|
| 1464 | .alignleft,
|
---|
| 1465 | div.alignleft {
|
---|
| 1466 | float: left;
|
---|
| 1467 | margin: 10px 10px 5px 0;
|
---|
| 1468 | }
|
---|
| 1469 |
|
---|
| 1470 | .alignright,
|
---|
| 1471 | div.alignright {
|
---|
| 1472 | float: right;
|
---|
| 1473 | margin: 10px 0 5px 10px;
|
---|
| 1474 | }
|
---|
| 1475 |
|
---|
| 1476 | /* feed icons on archives page */
|
---|
| 1477 | div.archives-page img {
|
---|
| 1478 | border: 0;
|
---|
| 1479 | padding: 0;
|
---|
| 1480 | background: none;
|
---|
| 1481 | margin-bottom: 0;
|
---|
| 1482 | vertical-align: -10%;
|
---|
| 1483 | }
|
---|
| 1484 |
|
---|
| 1485 |
|
---|
| 1486 | /* ------------------------------------------------------------------
|
---|
| 1487 | ---------- IMAGE CAPTION (WP 2.6 and newer) -------------------------
|
---|
| 1488 | ------------------------------------------------------------------ */
|
---|
| 1489 |
|
---|
| 1490 | .wp-caption {
|
---|
| 1491 | /*max-width: 100% auto;*/
|
---|
| 1492 | max-width: 96%; /* FF2, IE7, Opera9, Safari 3.0/3.1 will
|
---|
| 1493 | resize images in the main column if needed.
|
---|
| 1494 | 97% so images with padding and border don't touch
|
---|
| 1495 | the right sidebar while being resized. Change this
|
---|
| 1496 | to 100% if you want, if your images
|
---|
| 1497 | don't have padding and a border */
|
---|
| 1498 | width: auto 100%;
|
---|
| 1499 | height: auto; /* FF3 needs "auto", IE6 needs "100%", see next style*/
|
---|
| 1500 | display: block;
|
---|
| 1501 | /* more ... */
|
---|
| 1502 | }
|
---|
| 1503 |
|
---|
| 1504 | /* for imges inside a caption container IE6 does not
|
---|
| 1505 | stretch images vertically as it does with images without
|
---|
| 1506 | caption so we can leave this rule although it is probably not
|
---|
| 1507 | required as jQuery sets the height for caption'ed images too */
|
---|
| 1508 | * html .wp-caption {
|
---|
| 1509 | height: 100%;
|
---|
| 1510 | }
|
---|
| 1511 |
|
---|
| 1512 | .wp-caption img {
|
---|
| 1513 | margin: 0 !important;
|
---|
| 1514 | padding: 0 !important;
|
---|
| 1515 | border: 0 none !important;
|
---|
| 1516 | }
|
---|
| 1517 |
|
---|
| 1518 | .wp-caption p.wp-caption-text {
|
---|
| 1519 | /* more ... */
|
---|
| 1520 | }
|
---|
| 1521 |
|
---|
| 1522 |
|
---|
| 1523 | /* ------------------------------------------------------------------
|
---|
| 1524 | ---------- SMILEYS --------------------------------------------------
|
---|
| 1525 | ------------------------------------------------------------------ */
|
---|
| 1526 |
|
---|
| 1527 | img.wp-smiley {
|
---|
| 1528 | float: none;
|
---|
| 1529 | border: none !important;
|
---|
| 1530 | margin: 0 1px -1px 1px;
|
---|
| 1531 | padding: 0 !important;
|
---|
| 1532 | background: none !important;
|
---|
| 1533 | }
|
---|
| 1534 |
|
---|
| 1535 |
|
---|
| 1536 | /* ------------------------------------------------------------------
|
---|
| 1537 | ---------- GRAVATARS ------------------------------------------------
|
---|
| 1538 | ------------------------------------------------------------------ */
|
---|
| 1539 |
|
---|
| 1540 | img.avatar {
|
---|
| 1541 | float: left;
|
---|
| 1542 | display: block;
|
---|
| 1543 | /* more ... */
|
---|
| 1544 | }
|
---|
| 1545 |
|
---|
| 1546 |
|
---|
| 1547 |
|
---|
| 1548 | /* ------------------------------------------------------------------
|
---|
| 1549 | ---------- FOR THE QUICKTAGS PLUGIN ---------------------------------
|
---|
| 1550 | ------------------------------------------------------------------ */
|
---|
| 1551 |
|
---|
| 1552 | /*--------------------COMMENTS QUCIKTAGS ------------------*/
|
---|
| 1553 |
|
---|
| 1554 | /* Main Span */
|
---|
| 1555 | #comment_quicktags {
|
---|
| 1556 | text-align: left;
|
---|
| 1557 | padding: 10px 0 2px 0;
|
---|
| 1558 | display: block;
|
---|
| 1559 | }
|
---|
| 1560 |
|
---|
| 1561 | /* Button Style */
|
---|
| 1562 | #comment_quicktags input.ed_button {
|
---|
| 1563 | background: #f4f4f4;
|
---|
| 1564 | border: 2px solid #cccccc;
|
---|
| 1565 | color: #444444;
|
---|
| 1566 | margin: 2px 4px 2px 0;
|
---|
| 1567 | width: auto;
|
---|
| 1568 | padding: 0 4px;
|
---|
| 1569 | height: 24px;
|
---|
| 1570 | line-height: 16px;
|
---|
| 1571 | }
|
---|
| 1572 |
|
---|
| 1573 | /* Button Style on focus/click */
|
---|
| 1574 | #comment_quicktags input.ed_button_hover {
|
---|
| 1575 | background: #dddddd;
|
---|
| 1576 | border: 2px solid #666666;
|
---|
| 1577 | color: #000000;
|
---|
| 1578 | margin: 2px 4px 2px 0;
|
---|
| 1579 | width: auto;
|
---|
| 1580 | padding: 0 4px;
|
---|
| 1581 | height: 24px;
|
---|
| 1582 | line-height: 16px;
|
---|
| 1583 | cursor: pointer;
|
---|
| 1584 | }
|
---|
| 1585 |
|
---|
| 1586 | /* Button Lable style */
|
---|
| 1587 | #comment_quicktags #ed_strong {
|
---|
| 1588 | font-weight: bold;
|
---|
| 1589 | }
|
---|
| 1590 |
|
---|
| 1591 | /* Button Lable style */
|
---|
| 1592 | #comment_quicktags #ed_em {
|
---|
| 1593 | font-style: italic;
|
---|
| 1594 | }
|
---|
| 1595 |
|
---|
| 1596 |
|
---|
| 1597 |
|
---|
| 1598 |
|
---|
| 1599 | /* ------------------------------------------------------------------
|
---|
| 1600 | ---------- FOR THE SOCIABLE PLUGIN ----------------------------------
|
---|
| 1601 | ------------------------------------------------------------------ */
|
---|
| 1602 |
|
---|
| 1603 | div.sociable {
|
---|
| 1604 | margin: 0;
|
---|
| 1605 | width: 200px;
|
---|
| 1606 | display:inline;
|
---|
| 1607 | }
|
---|
| 1608 |
|
---|
| 1609 | div.sociable-tagline {
|
---|
| 1610 | display: none;
|
---|
| 1611 | }
|
---|
| 1612 |
|
---|
| 1613 | .sociable span {
|
---|
| 1614 | display: inline-block;
|
---|
| 1615 | }
|
---|
| 1616 |
|
---|
| 1617 | .sociable ul {
|
---|
| 1618 | display: inline;
|
---|
| 1619 | margin: 0 !important;
|
---|
| 1620 | padding: 0 !important;
|
---|
| 1621 | }
|
---|
| 1622 |
|
---|
| 1623 | .sociable ul li {
|
---|
| 1624 | background: none;
|
---|
| 1625 | display: inline;
|
---|
| 1626 | list-style-type: none;
|
---|
| 1627 | margin: 0;
|
---|
| 1628 | padding: 1px;
|
---|
| 1629 | }
|
---|
| 1630 |
|
---|
| 1631 | .sociable ul li:before {
|
---|
| 1632 | content: "";
|
---|
| 1633 | }
|
---|
| 1634 |
|
---|
| 1635 | .sociable img {
|
---|
| 1636 | float: none;
|
---|
| 1637 | width: 16px;
|
---|
| 1638 | height: 16px;
|
---|
| 1639 | border: 0;
|
---|
| 1640 | margin: 0;
|
---|
| 1641 | padding: 0;
|
---|
| 1642 | }
|
---|
| 1643 |
|
---|
| 1644 | .sociable-hovers {
|
---|
| 1645 | opacity: .4;
|
---|
| 1646 | -moz-opacity: .4;
|
---|
| 1647 | filter: alpha(opacity=40);
|
---|
| 1648 | vertical-align: text-bottom;
|
---|
| 1649 | }
|
---|
| 1650 |
|
---|
| 1651 | .sociable-hovers:hover {
|
---|
| 1652 | opacity: 1;
|
---|
| 1653 | -moz-opacity: 1;
|
---|
| 1654 | filter: alpha(opacity=100);
|
---|
| 1655 | }
|
---|
| 1656 |
|
---|
| 1657 |
|
---|
| 1658 |
|
---|
| 1659 | /* ------------------------------------------------------------------
|
---|
| 1660 | ---------- PRINT STYLE ----------------------------------------------
|
---|
| 1661 | ------------------------------------------------------------------ */
|
---|
| 1662 |
|
---|
| 1663 | @media print {
|
---|
| 1664 |
|
---|
| 1665 | body {
|
---|
| 1666 | background: white;
|
---|
| 1667 | color: black;
|
---|
| 1668 | margin: 0;
|
---|
| 1669 | font-size: 12pt;
|
---|
| 1670 | font-family: arial, sans-serif;
|
---|
| 1671 | }
|
---|
| 1672 |
|
---|
| 1673 | a:link:after,
|
---|
| 1674 | a:visited:after {
|
---|
| 1675 | content:" [" attr(href) "] ";
|
---|
| 1676 | font-weight: normal;
|
---|
| 1677 | text-decoration: none;
|
---|
| 1678 | font-size: 12pt;
|
---|
| 1679 | }
|
---|
| 1680 |
|
---|
| 1681 | a:link, a:visited {
|
---|
| 1682 | text-decoration: underline;
|
---|
| 1683 | color: #000;
|
---|
| 1684 | }
|
---|
| 1685 |
|
---|
| 1686 | .postmetadata a:link:after,
|
---|
| 1687 | .postmetadata a:visited:after {
|
---|
| 1688 | content: "";
|
---|
| 1689 | }
|
---|
| 1690 |
|
---|
| 1691 | h2 a:link:after,
|
---|
| 1692 | h2 a:visited:after {
|
---|
| 1693 | content: "";
|
---|
| 1694 | }
|
---|
| 1695 |
|
---|
| 1696 | h2,
|
---|
| 1697 | h2 a:link,
|
---|
| 1698 | h2 a:visited,
|
---|
| 1699 | h2 a:active {
|
---|
| 1700 | color: #000;
|
---|
| 1701 | font-size: 18pt;
|
---|
| 1702 | }
|
---|
| 1703 |
|
---|
| 1704 | h3 {
|
---|
| 1705 | color: #000;
|
---|
| 1706 | font-size: 15pt;
|
---|
| 1707 | }
|
---|
| 1708 |
|
---|
| 1709 | #header,
|
---|
| 1710 | #left,
|
---|
| 1711 | #right,
|
---|
| 1712 | #footer,
|
---|
| 1713 | .navigation,
|
---|
| 1714 | .wp-pagenavi-navigation,
|
---|
| 1715 | #comment,
|
---|
| 1716 | .remove-for-print {
|
---|
| 1717 | display: none;
|
---|
| 1718 | }
|
---|
| 1719 |
|
---|
| 1720 | }
|
---|
| 1721 |
|
---|
| 1722 |
|
---|
| 1723 |
|
---|
| 1724 | /* ##################################################################
|
---|
| 1725 | ---------------------------------------------------------------------
|
---|
| 1726 | ---------- DROP DOWN / FLY OUT MENUS --------------------------------
|
---|
| 1727 | Ruthsarian's rMenu http://webhost.bridgew.edu/etribou/layouts/
|
---|
| 1728 | modified by Bytes For All http://wordpress.bytesforall.com/
|
---|
| 1729 | ---------------------------------------------------------------------
|
---|
| 1730 | ################################################################## */
|
---|
| 1731 |
|
---|
| 1732 |
|
---|
| 1733 | /* ------------------------------------------------------------------
|
---|
| 1734 | ---------- GENERAL MENU MECHANICS -----------------------------------
|
---|
| 1735 | ------------------------------------------------------------------ */
|
---|
| 1736 |
|
---|
| 1737 | ul.rMenu, ul.rMenu ul, ul.rMenu li, ul.rMenu a
|
---|
| 1738 | {
|
---|
| 1739 | display: block; /* make these objects blocks so they're easier
|
---|
| 1740 | to deal with */
|
---|
| 1741 | margin: 0;
|
---|
| 1742 | padding: 0; /* get rid of padding/margin values that these
|
---|
| 1743 | elements may have by default */
|
---|
| 1744 | }
|
---|
| 1745 |
|
---|
| 1746 | ul.rMenu, ul.rMenu li, ul.rMenu ul
|
---|
| 1747 | {
|
---|
| 1748 | list-style: none;
|
---|
| 1749 | }
|
---|
| 1750 |
|
---|
| 1751 | ul.rMenu ul
|
---|
| 1752 | {
|
---|
| 1753 | display: none; /* hide the sub-menus until needed */
|
---|
| 1754 | }
|
---|
| 1755 |
|
---|
| 1756 | ul.rMenu li
|
---|
| 1757 | {
|
---|
| 1758 | position: relative; /* so sub-menus position relative to their
|
---|
| 1759 | parent LI element */
|
---|
| 1760 | z-index: 1;
|
---|
| 1761 | }
|
---|
| 1762 |
|
---|
| 1763 | ul.rMenu li:hover
|
---|
| 1764 | {
|
---|
| 1765 | z-index: 999; /* make sure this and any sub-menus that pop
|
---|
| 1766 | appear above everything else on the page */
|
---|
| 1767 | }
|
---|
| 1768 |
|
---|
| 1769 | ul.rMenu li:hover > ul /* hide from IE5.0 because it gets confused
|
---|
| 1770 | by this selector */
|
---|
| 1771 | {
|
---|
| 1772 | display: block; /* show the sub-menu */
|
---|
| 1773 | position: absolute; /* remove the sub-menus from the flow of the
|
---|
| 1774 | layout so when they pop they don't cause any
|
---|
| 1775 | disfiguration of the layout. */
|
---|
| 1776 | }
|
---|
| 1777 |
|
---|
| 1778 |
|
---|
| 1779 | /* ------------------------------------------------------------------
|
---|
| 1780 | ---------- EXTENDED MENU MECHANICS ----------------------------------
|
---|
| 1781 | ------------------------------------------------------------------ */
|
---|
| 1782 |
|
---|
| 1783 | /* These rules exist only for specific menu types, such as horizontal
|
---|
| 1784 | or vertical menus, right or left aligned menus. */
|
---|
| 1785 |
|
---|
| 1786 | ul.rMenu-hor li
|
---|
| 1787 | {
|
---|
| 1788 | float: left;
|
---|
| 1789 | width: auto;
|
---|
| 1790 | }
|
---|
| 1791 |
|
---|
| 1792 | ul.rMenu-hRight li
|
---|
| 1793 | {
|
---|
| 1794 | float: right; /* horizontal, right menus need their LI
|
---|
| 1795 | elements floated to get them over there */
|
---|
| 1796 | }
|
---|
| 1797 |
|
---|
| 1798 | ul.rMenu-ver li
|
---|
| 1799 | {
|
---|
| 1800 | float: none; /* clear this so vertical sub-menus that are
|
---|
| 1801 | children of horizontal menus won't have
|
---|
| 1802 | their LI widths set to auto. */
|
---|
| 1803 | }
|
---|
| 1804 |
|
---|
| 1805 |
|
---|
| 1806 |
|
---|
| 1807 | div#menu1 ul.rMenu-ver, div#menu1 ul.rMenu-ver ul
|
---|
| 1808 | {
|
---|
| 1809 | /* more ... */ /* sub-menus need a defined width, especially
|
---|
| 1810 | vertical sub-menus. salt to taste. */
|
---|
| 1811 | }
|
---|
| 1812 |
|
---|
| 1813 | div#menu2 ul.rMenu-ver, div#menu2 ul.rMenu-ver ul
|
---|
| 1814 | {
|
---|
| 1815 | /* more ... */ /* sub-menus need a defined width, especially
|
---|
| 1816 | vertical sub-menus. salt to taste. */
|
---|
| 1817 | }
|
---|
| 1818 |
|
---|
| 1819 |
|
---|
| 1820 |
|
---|
| 1821 | ul.rMenu-wide
|
---|
| 1822 | {
|
---|
| 1823 | width: 100%; /* apply this rule if you want the top-level
|
---|
| 1824 | menu to go as wide as possible. this is
|
---|
| 1825 | something you might want if your top-level
|
---|
| 1826 | is a vertical menu that spans the width
|
---|
| 1827 | of a column which has its width
|
---|
| 1828 | pre-defined. IE/Win 5 seems to prefer
|
---|
| 1829 | a value of 100% over auto. */
|
---|
| 1830 | }
|
---|
| 1831 |
|
---|
| 1832 | ul.rMenu-vRight
|
---|
| 1833 | {
|
---|
| 1834 | float: right; /* use this to float a vertical menu right. */
|
---|
| 1835 | }
|
---|
| 1836 |
|
---|
| 1837 | ul.rMenu-lFloat
|
---|
| 1838 | {
|
---|
| 1839 | float: left; /* use this to float a vertical menu left. */
|
---|
| 1840 | }
|
---|
| 1841 |
|
---|
| 1842 | ul.rMenu-noFloat
|
---|
| 1843 | {
|
---|
| 1844 | float: none; /* this is to cover those cases where a menu
|
---|
| 1845 | is floated by default and you have a reason
|
---|
| 1846 | to not float it. such as a menu on the
|
---|
| 1847 | right side of the screen that you want
|
---|
| 1848 | to have drops going left but not floated.
|
---|
| 1849 | to be honest, i don't think this rule is
|
---|
| 1850 | needed. the clearfix hack will resolve
|
---|
| 1851 | renering issues associated with a floated
|
---|
| 1852 | menu anyways. */
|
---|
| 1853 | }
|
---|
| 1854 |
|
---|
| 1855 |
|
---|
| 1856 | /* ------------------------------------------------------------------
|
---|
| 1857 | ---------- EXTENDED MENU MECHANICS - Center Horizontal Menu ---------
|
---|
| 1858 | ------------------------------------------------------------------ */
|
---|
| 1859 |
|
---|
| 1860 | div.rMenu-center ul.rMenu
|
---|
| 1861 | {
|
---|
| 1862 | float: left;
|
---|
| 1863 | position: relative;
|
---|
| 1864 | left: 50%;
|
---|
| 1865 | }
|
---|
| 1866 |
|
---|
| 1867 | div.rMenu-center ul.rMenu li
|
---|
| 1868 | {
|
---|
| 1869 | position: relative;
|
---|
| 1870 | left: -50%;
|
---|
| 1871 | }
|
---|
| 1872 |
|
---|
| 1873 | div.rMenu-center ul.rMenu li li
|
---|
| 1874 | {
|
---|
| 1875 | left: auto;
|
---|
| 1876 | }
|
---|
| 1877 |
|
---|
| 1878 |
|
---|
| 1879 | /* ------------------------------------------------------------------
|
---|
| 1880 | ---------- DROP POSITIONS -------------------------------------------
|
---|
| 1881 | ------------------------------------------------------------------ */
|
---|
| 1882 |
|
---|
| 1883 | ul.rMenu-hor ul
|
---|
| 1884 | {
|
---|
| 1885 | top: auto; /* a value of 100% creates a problem in IE 5.0
|
---|
| 1886 | and Opera 7.23 */
|
---|
| 1887 | right: auto;
|
---|
| 1888 | left: auto; /* typically want a value of 0 here but set to
|
---|
| 1889 | auto for same reasons detailed above */
|
---|
| 1890 | margin-top: -1px; /* so the top border of the dropdown menu
|
---|
| 1891 | overlaps the bottom border of its parent
|
---|
| 1892 | horizontal menu. */
|
---|
| 1893 | }
|
---|
| 1894 |
|
---|
| 1895 | ul.rMenu-hor ul ul
|
---|
| 1896 | {
|
---|
| 1897 | margin-top: 0; /* reset the above for fly out menus */
|
---|
| 1898 | margin-left: 0px;
|
---|
| 1899 | }
|
---|
| 1900 |
|
---|
| 1901 | ul.rMenu-ver ul
|
---|
| 1902 | {
|
---|
| 1903 | /*left: 60%;*/
|
---|
| 1904 | left: 100%;
|
---|
| 1905 | right: auto;
|
---|
| 1906 | top: auto;
|
---|
| 1907 | /*margin-top: -0.5em;*/ /* i prefer top: 80% but this creates a problem
|
---|
| 1908 | in iCab so negative top margin must be used.
|
---|
| 1909 | salt to taste. */
|
---|
| 1910 | top: 0;
|
---|
| 1911 | }
|
---|
| 1912 |
|
---|
| 1913 | ul.rMenu-vRight ul, ul.rMenu-hRight ul.rMenu-ver ul
|
---|
| 1914 | {
|
---|
| 1915 | left: -100%;
|
---|
| 1916 | right: auto;
|
---|
| 1917 | top: auto;
|
---|
| 1918 | /*margin-top: -0.5em;*/ /* i prefer top: 80% but this creates a problem
|
---|
| 1919 | in iCab so negative top margin must be used.
|
---|
| 1920 | salt to taste. */
|
---|
| 1921 | }
|
---|
| 1922 |
|
---|
| 1923 | ul.rMenu-hRight ul
|
---|
| 1924 | {
|
---|
| 1925 | left: auto;
|
---|
| 1926 | right: 0; /* this doesn't work in Opera 7.23 but 7.5 and
|
---|
| 1927 | beyond work fine. this means right-aligned
|
---|
| 1928 | horizontal menus break in Opera 7.23 and
|
---|
| 1929 | earlier. no workaround has been found. */
|
---|
| 1930 | top: auto;
|
---|
| 1931 | margin-top: -1px; /* so the top border of the dropdown menu
|
---|
| 1932 | overlaps the bottom border of its parent
|
---|
| 1933 | horizontal menu. */
|
---|
| 1934 | }
|
---|
| 1935 |
|
---|
| 1936 |
|
---|
| 1937 | /* ------------------------------------------------------------------
|
---|
| 1938 | ---------- PRESENTATION: General ------------------------------------
|
---|
| 1939 | ------------------------------------------------------------------ */
|
---|
| 1940 |
|
---|
| 1941 | ul.rMenu
|
---|
| 1942 | {
|
---|
| 1943 | /* more ... */
|
---|
| 1944 | border-left: none;
|
---|
| 1945 | }
|
---|
| 1946 | /*added for darkmenu*/
|
---|
| 1947 | ul#rmenu
|
---|
| 1948 | {
|
---|
| 1949 | /* more ... */
|
---|
| 1950 | border-left: none;
|
---|
| 1951 | }
|
---|
| 1952 |
|
---|
| 1953 |
|
---|
| 1954 |
|
---|
| 1955 | ul.rMenu li a
|
---|
| 1956 | {
|
---|
| 1957 | /* more ... */ /* border around all anchor tags */
|
---|
| 1958 | }
|
---|
| 1959 | /*added*/
|
---|
| 1960 | ul#rmenu li a
|
---|
| 1961 | {
|
---|
| 1962 | /* more ... */ /* border around all anchor tags */
|
---|
| 1963 | }
|
---|
| 1964 |
|
---|
| 1965 |
|
---|
| 1966 |
|
---|
| 1967 |
|
---|
| 1968 | ul.rMenu-hor li
|
---|
| 1969 | {
|
---|
| 1970 | margin-bottom: -1px; /* this is so if we apply a bottom border to
|
---|
| 1971 | the UL element it will render behind, but
|
---|
| 1972 | inline with the bottom border of the LI
|
---|
| 1973 | elements. Default: -1px */
|
---|
| 1974 | margin-top: -1px; /* this is so if we apply a top border to
|
---|
| 1975 | the UL element it will render behind, but
|
---|
| 1976 | inline with the bottom border of the LI
|
---|
| 1977 | elements. Default: -1px */
|
---|
| 1978 | margin-left: -1px; /* negative borders on LIs to make borders on
|
---|
| 1979 | child A elements overlap. they go here and
|
---|
| 1980 | not on the A element for compatibility
|
---|
| 1981 | reasons (IE6 and earlier). Default: -1px */
|
---|
| 1982 | }
|
---|
| 1983 |
|
---|
| 1984 |
|
---|
| 1985 |
|
---|
| 1986 | ul#rmenu li
|
---|
| 1987 | {
|
---|
| 1988 | /*margin-right: 3px;*/ /* set to 0 to remove the space between single,
|
---|
| 1989 | horizontal LI elements */
|
---|
| 1990 | }
|
---|
| 1991 | ul#rmenu li ul li
|
---|
| 1992 | {
|
---|
| 1993 | /*margin-right: 0;*/ /* without this, the 2nd level horizontal LI's would get
|
---|
| 1994 | a margin-right, too. This should always be 0 */
|
---|
| 1995 | }
|
---|
| 1996 |
|
---|
| 1997 |
|
---|
| 1998 |
|
---|
| 1999 |
|
---|
| 2000 | ul.rMenu-hor
|
---|
| 2001 | {
|
---|
| 2002 | padding-left: 1px ; /* compensate for the 1px left jog created by
|
---|
| 2003 | the above negative margin. */
|
---|
| 2004 | }
|
---|
| 2005 |
|
---|
| 2006 | ul.rMenu-ver li
|
---|
| 2007 | {
|
---|
| 2008 | margin-left: 0;
|
---|
| 2009 | margin-top: -1px; /* same thing above except for vertical
|
---|
| 2010 | menus */
|
---|
| 2011 | }
|
---|
| 2012 |
|
---|
| 2013 |
|
---|
| 2014 | div#menu1 ul.rMenu-ver
|
---|
| 2015 | {
|
---|
| 2016 | /* more ... */ /* ditto */
|
---|
| 2017 | }
|
---|
| 2018 |
|
---|
| 2019 | div#menu2 ul.rMenu-ver
|
---|
| 2020 | {
|
---|
| 2021 | /* more ... */ /* ditto */
|
---|
| 2022 | }
|
---|
| 2023 |
|
---|
| 2024 |
|
---|
| 2025 | ul.rMenu li a
|
---|
| 2026 | {
|
---|
| 2027 | padding: 4px 5px;
|
---|
| 2028 | }
|
---|
| 2029 | /* added for dark menu*/
|
---|
| 2030 | ul#rmenu li a
|
---|
| 2031 | {
|
---|
| 2032 | padding: 4px 5px;
|
---|
| 2033 | }
|
---|
| 2034 |
|
---|
| 2035 |
|
---|
| 2036 |
|
---|
| 2037 |
|
---|
| 2038 | ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:visited, ul.rMenu li a:active
|
---|
| 2039 | {
|
---|
| 2040 | text-decoration: none;
|
---|
| 2041 | /* more ... */
|
---|
| 2042 | margin:0;
|
---|
| 2043 | padding: 4px 5px;
|
---|
| 2044 | }
|
---|
| 2045 |
|
---|
| 2046 | /*added*/
|
---|
| 2047 | ul#rmenu li a:link, ul#rmenu li a:hover, ul#rmenu li a:visited, ul#rmenu li a:active
|
---|
| 2048 | {
|
---|
| 2049 | text-decoration: none;
|
---|
| 2050 | /* more ... */
|
---|
| 2051 | margin:0;
|
---|
| 2052 | padding: 4px 5px;
|
---|
| 2053 | }
|
---|
| 2054 |
|
---|
| 2055 |
|
---|
| 2056 | /*
|
---|
| 2057 | ul.rMenu li.sfhover a:active,
|
---|
| 2058 | ul.rMenu li:hover a:active
|
---|
| 2059 | {
|
---|
| 2060 | color: #fff;
|
---|
| 2061 | background-color: #c00;
|
---|
| 2062 | }
|
---|
| 2063 | */
|
---|
| 2064 |
|
---|
| 2065 |
|
---|
| 2066 | ul.rMenu li
|
---|
| 2067 | {
|
---|
| 2068 | /* more ... */
|
---|
| 2069 | }
|
---|
| 2070 |
|
---|
| 2071 | /*added*/
|
---|
| 2072 | ul#rmenu li
|
---|
| 2073 | {
|
---|
| 2074 | /* more ... */
|
---|
| 2075 | }
|
---|
| 2076 |
|
---|
| 2077 |
|
---|
| 2078 |
|
---|
| 2079 |
|
---|
| 2080 | ul.rMenu li:hover,
|
---|
| 2081 | ul.rMenu li.sfhover
|
---|
| 2082 | {
|
---|
| 2083 | /* more ... */ /* background color for parent menu items of
|
---|
| 2084 | the current sub-menu. includes the sfhover
|
---|
| 2085 | class which is used in the suckerfish hack
|
---|
| 2086 | detailed later in this stylesheet. */
|
---|
| 2087 |
|
---|
| 2088 |
|
---|
| 2089 | }
|
---|
| 2090 | /*added for dark menu*/
|
---|
| 2091 | ul#rmenu li:hover,
|
---|
| 2092 | ul#rmenu li.sfhover
|
---|
| 2093 | {
|
---|
| 2094 | /* more ... */ /* background color for parent menu items of
|
---|
| 2095 | the current sub-menu. includes the sfhover
|
---|
| 2096 | class which is used in the suckerfish hack
|
---|
| 2097 | detailed later in this stylesheet. */
|
---|
| 2098 | }
|
---|
| 2099 |
|
---|
| 2100 |
|
---|
| 2101 |
|
---|
| 2102 |
|
---|
| 2103 | /* "current" page and hover */
|
---|
| 2104 | ul.rMenu li.current_page_item a:link,
|
---|
| 2105 | ul.rMenu li.current_page_item a:active,
|
---|
| 2106 | ul.rMenu li.current_page_item a:hover,
|
---|
| 2107 | ul.rMenu li.current_page_item a:visited,
|
---|
| 2108 | ul.rMenu li a:hover
|
---|
| 2109 | {
|
---|
| 2110 | /* more ... */
|
---|
| 2111 | }
|
---|
| 2112 | /*added*/
|
---|
| 2113 | /* "current" category and hover */
|
---|
| 2114 | ul#rmenu li.current-cat a:link,
|
---|
| 2115 | ul#rmenu li.current-cat a:active,
|
---|
| 2116 | ul#rmenu li.current-cat a:hover,
|
---|
| 2117 | ul#rmenu li.current-cat a:visited,
|
---|
| 2118 | ul#rmenu li a:hover
|
---|
| 2119 | {
|
---|
| 2120 | /* more ... */
|
---|
| 2121 | }
|
---|
| 2122 |
|
---|
| 2123 |
|
---|
| 2124 | /* ------------------------------------------------------------------
|
---|
| 2125 | ---------- PRESENTATION: Expand -------------------------------------
|
---|
| 2126 | ------------------------------------------------------------------ */
|
---|
| 2127 |
|
---|
| 2128 | div#menu1 ul.rMenu li.rMenu-expand a,
|
---|
| 2129 | div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand a,
|
---|
| 2130 | div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
|
---|
| 2131 | div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
|
---|
| 2132 | div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a
|
---|
| 2133 | {
|
---|
| 2134 | padding-right: 15px;
|
---|
| 2135 | padding-left: 5px;
|
---|
| 2136 | /* more ... */
|
---|
| 2137 | background-repeat: no-repeat;
|
---|
| 2138 | background-position: 100% 50%;
|
---|
| 2139 | }
|
---|
| 2140 | /*added for dark menu*/
|
---|
| 2141 | div#menu2 ul.rMenu li.rMenu-expand a,
|
---|
| 2142 | div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand a,
|
---|
| 2143 | div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
|
---|
| 2144 | div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
|
---|
| 2145 | div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a
|
---|
| 2146 | {
|
---|
| 2147 | padding-right: 15px;
|
---|
| 2148 | padding-left: 5px;
|
---|
| 2149 | /* more ... */
|
---|
| 2150 | background-repeat: no-repeat;
|
---|
| 2151 | background-position: 100% 50%;
|
---|
| 2152 | }
|
---|
| 2153 |
|
---|
| 2154 |
|
---|
| 2155 |
|
---|
| 2156 | ul.rMenu-vRight li.rMenu-expand a,
|
---|
| 2157 | ul.rMenu-vRight li.rMenu-expand li.rMenu-expand a,
|
---|
| 2158 | ul.rMenu-vRight li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
|
---|
| 2159 | ul.rMenu-vRight li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
|
---|
| 2160 | ul.rMenu-vRight li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
|
---|
| 2161 | ul.rMenu-hRight li.rMenu-expand a,
|
---|
| 2162 | ul.rMenu-hRight li.rMenu-expand li.rMenu-expand a,
|
---|
| 2163 | ul.rMenu-hRight li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
|
---|
| 2164 | ul.rMenu-hRight li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
|
---|
| 2165 | ul.rMenu-hRight li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand a
|
---|
| 2166 | {
|
---|
| 2167 | padding-right: 5px;
|
---|
| 2168 | padding-left: 20px;
|
---|
| 2169 | background-image: url(images/expand-left.gif);
|
---|
| 2170 | background-repeat: no-repeat;
|
---|
| 2171 | background-position: -5px 50%;
|
---|
| 2172 | }
|
---|
| 2173 |
|
---|
| 2174 | /* divs added for "IE6 & 2 menu styles" */
|
---|
| 2175 | div#menu1 ul.rMenu-hor li.rMenu-expand a
|
---|
| 2176 | {
|
---|
| 2177 | padding-left: 5px; /* reset padding */
|
---|
| 2178 | padding-right: 15px;
|
---|
| 2179 | /* more ... */
|
---|
| 2180 | background-position: 100% 50%;
|
---|
| 2181 | }
|
---|
| 2182 | /*added for dark menu*/
|
---|
| 2183 | div#menu2 ul.rMenu-hor li.rMenu-expand a
|
---|
| 2184 | {
|
---|
| 2185 | padding-left: 5px; /* reset padding */
|
---|
| 2186 | padding-right: 15px;
|
---|
| 2187 | /* more ... */
|
---|
| 2188 | background-position: 100% 50%;
|
---|
| 2189 | }
|
---|
| 2190 |
|
---|
| 2191 |
|
---|
| 2192 |
|
---|
| 2193 | div#menu1 ul.rMenu li.rMenu-expand li a,
|
---|
| 2194 | div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li a,
|
---|
| 2195 | div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li a,
|
---|
| 2196 | div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a,
|
---|
| 2197 | div#menu1 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a
|
---|
| 2198 | {
|
---|
| 2199 | background-image: none;
|
---|
| 2200 | padding-right: 5px; /* reset padding */
|
---|
| 2201 | padding-left: 5px; /* reset padding */
|
---|
| 2202 | }
|
---|
| 2203 |
|
---|
| 2204 | /*added for darkmenu*/
|
---|
| 2205 | div#menu2 ul.rMenu li.rMenu-expand li a,
|
---|
| 2206 | div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li a,
|
---|
| 2207 | div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li a,
|
---|
| 2208 | div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a,
|
---|
| 2209 | div#menu2 ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li.rMenu-expand li a
|
---|
| 2210 | {
|
---|
| 2211 | background-image: none;
|
---|
| 2212 | padding-right: 5px; /* reset padding */
|
---|
| 2213 | padding-left: 5px; /* reset padding */
|
---|
| 2214 | }
|
---|
| 2215 |
|
---|
| 2216 |
|
---|
| 2217 | /* ------------------------------------------------------------------
|
---|
| 2218 | ---------- HACKS: General -------------------------------------------
|
---|
| 2219 | ------------------------------------------------------------------ */
|
---|
| 2220 |
|
---|
| 2221 | * html ul.rMenu
|
---|
| 2222 | {
|
---|
| 2223 | display: inline-block; /* this is for IE/Mac. it forces IE/Mac to
|
---|
| 2224 | expand the element's dimensions to contain
|
---|
| 2225 | its floating child elements without a
|
---|
| 2226 | clearing element. */
|
---|
| 2227 | /* \*/ display: block; /* override above rule for every other
|
---|
| 2228 | browser using IE/Mac backslash hack */
|
---|
| 2229 | position: relative; /* IE 5.0/Mac needs this or it may clip the
|
---|
| 2230 | dropdown menus */
|
---|
| 2231 | /* \*/ position: static;/* reset position attribute for IE/Win as it
|
---|
| 2232 | causes z-index problems */
|
---|
| 2233 | }
|
---|
| 2234 |
|
---|
| 2235 | * html ul.rMenu ul
|
---|
| 2236 | {
|
---|
| 2237 | float: left; /* IE/Mac 5.0 needs this, otherwise hidden
|
---|
| 2238 | menus are not completely removed from the
|
---|
| 2239 | flow of the document. */
|
---|
| 2240 | /* \*/ float: none; /* reset the rule for non-Macs */
|
---|
| 2241 | }
|
---|
| 2242 |
|
---|
| 2243 | ul.rMenu ul
|
---|
| 2244 | {
|
---|
| 2245 | /*background-color: #fff;*/ /* IE/Win (including 7) needs this on an object
|
---|
| 2246 | that hasLayout so that it doesn't "look through"
|
---|
| 2247 | the menu and let any object (text) below the
|
---|
| 2248 | menu to gain focus, causing the menu to
|
---|
| 2249 | disappear. application of this rule does not
|
---|
| 2250 | cause any rendering problems with other browsers
|
---|
| 2251 | as the background color is covered by the
|
---|
| 2252 | menu itself. */
|
---|
| 2253 | }
|
---|
| 2254 |
|
---|
| 2255 | * html ul.rMenu-ver li,
|
---|
| 2256 | * html ul.rMenu-hor li ul.rMenu-ver li
|
---|
| 2257 | {
|
---|
| 2258 | /* the second selector above is there
|
---|
| 2259 | because of problems IE/Mac has with
|
---|
| 2260 | inheritance and what rules should take
|
---|
| 2261 | precedence. and to serve as a reminder on
|
---|
| 2262 | how to work around the issue if it's
|
---|
| 2263 | encountered again down the road. */
|
---|
| 2264 | width: 100%;
|
---|
| 2265 | float: left;
|
---|
| 2266 | clear: left; /* IE likes to stick space below any LI
|
---|
| 2267 | in :hover state with a sub-menu. floating
|
---|
| 2268 | the LIs seems to work around this issue. But
|
---|
| 2269 | note that this also triggers hasLayout
|
---|
| 2270 | because we need a width of 100% on floats. */
|
---|
| 2271 | }
|
---|
| 2272 |
|
---|
| 2273 | *:first-child+html ul.rMenu-ver > li /* hide from IE5.0 because
|
---|
| 2274 | it gets confused by this
|
---|
| 2275 | selector */
|
---|
| 2276 | {
|
---|
| 2277 | width: 100%;
|
---|
| 2278 | float: left;
|
---|
| 2279 | clear: left; /* same as previous rule set except this is
|
---|
| 2280 | for IE7 and the direct child selector
|
---|
| 2281 | make inheritence much easier and obvious */
|
---|
| 2282 | }
|
---|
| 2283 |
|
---|
| 2284 | ul.rMenu li a
|
---|
| 2285 | {
|
---|
| 2286 | position: relative; /* trigger hasLayout for IE on anchor
|
---|
| 2287 | elements. without hasLayout on anchors
|
---|
| 2288 | they would not expand the full width
|
---|
| 2289 | of the menu. this rule may not trigger
|
---|
| 2290 | hasLayour in later versions of IE and
|
---|
| 2291 | if you find this system broken in new
|
---|
| 2292 | versions of IE, this is probably the
|
---|
| 2293 | source. */
|
---|
| 2294 | min-width: 0; /* triggers hasLayout for IE 7 */
|
---|
| 2295 | }
|
---|
| 2296 |
|
---|
| 2297 | * html ul.rMenu-hor li
|
---|
| 2298 | {
|
---|
| 2299 | width: 11em; /* IE Mac doesn't do auto widths so specify a width
|
---|
| 2300 | for the sake of IE/Mac. Salt to taste. */
|
---|
| 2301 | /* \*/ width: auto; /* now undo previous rule for non Macs by using
|
---|
| 2302 | the IE Mac backslash comment hack */
|
---|
| 2303 | }
|
---|
| 2304 |
|
---|
| 2305 | * html div.rMenu-center
|
---|
| 2306 | {
|
---|
| 2307 | position: relative;
|
---|
| 2308 | z-index: 1; /* IE 6 and earlier need a little help with
|
---|
| 2309 | z-indexes on centered menus */
|
---|
| 2310 | }
|
---|
| 2311 |
|
---|
| 2312 |
|
---|
| 2313 | /* ------------------------------------------------------------------
|
---|
| 2314 | ---------- HACKS: Suckerfish w/ Form Field Support (IE 5.5 & 6) -----
|
---|
| 2315 | ------------------------------------------------------------------ */
|
---|
| 2316 |
|
---|
| 2317 | * html ul.rMenu ul
|
---|
| 2318 | {
|
---|
| 2319 | display: block;
|
---|
| 2320 | position: absolute; /* ovewrite original functionality of hiding
|
---|
| 2321 | element so we can hide these off screen */
|
---|
| 2322 | }
|
---|
| 2323 |
|
---|
| 2324 | * html ul.rMenu ul,
|
---|
| 2325 | * html ul.rMenu-hor ul,
|
---|
| 2326 | * html ul.rMenu-ver ul,
|
---|
| 2327 | * html ul.rMenu-vRight ul,
|
---|
| 2328 | * html ul.rMenu-hRight ul.rMenu-ver ul,
|
---|
| 2329 | * html ul.rMenu-hRight ul
|
---|
| 2330 | {
|
---|
| 2331 | left: -10000px; /* move menus off screen. note we're ovewriting
|
---|
| 2332 | the dropdown position rules that use the
|
---|
| 2333 | LEFT property, thus all the selectors. */
|
---|
| 2334 | }
|
---|
| 2335 |
|
---|
| 2336 | * html ul.rMenu li.sfhover
|
---|
| 2337 | {
|
---|
| 2338 | z-index: 999; /* not totally needed, but keep the menu
|
---|
| 2339 | that pops above all other elements within
|
---|
| 2340 | it's parent menu system */
|
---|
| 2341 | }
|
---|
| 2342 |
|
---|
| 2343 | * html ul.rMenu li.sfhover ul
|
---|
| 2344 | {
|
---|
| 2345 | left: auto; /* pull the menus that were off-screen back
|
---|
| 2346 | onto the screen */
|
---|
| 2347 | }
|
---|
| 2348 |
|
---|
| 2349 | * html ul.rMenu li.sfhover ul ul,
|
---|
| 2350 | * html ul.rMenu li.sfhover ul ul ul,
|
---|
| 2351 | * html ul.rMenu li.sfhover ul ul ul ul,
|
---|
| 2352 | * html ul.rMenu li.sfhover ul ul ul ul ul,
|
---|
| 2353 | * html ul.rMenu li.sfhover ul ul ul ul ul ul
|
---|
| 2354 | {
|
---|
| 2355 | display: none; /* IE/Suckerfish alternative for browsers that
|
---|
| 2356 | don't support :hover state on LI elements */
|
---|
| 2357 | }
|
---|
| 2358 |
|
---|
| 2359 | * html ul.rMenu li.sfhover ul,
|
---|
| 2360 | * html ul.rMenu li li.sfhover ul,
|
---|
| 2361 | * html ul.rMenu li li li.sfhover ul,
|
---|
| 2362 | * html ul.rMenu li li li li.sfhover ul,
|
---|
| 2363 | * html ul.rMenu li li li li li.sfhover ul
|
---|
| 2364 | {
|
---|
| 2365 | display: block; /* ^ ditto ^ */
|
---|
| 2366 | }
|
---|
| 2367 |
|
---|
| 2368 | * html ul.rMenu-ver li.sfhover ul
|
---|
| 2369 | {
|
---|
| 2370 | left: 100%; /* dropdown positioning uses the left attribute
|
---|
| 2371 | for horizontal positioning. however we can't
|
---|
| 2372 | use this property until the menu is being
|
---|
| 2373 | displayed.
|
---|
| 2374 |
|
---|
| 2375 | note that all ULs beneath the menu item
|
---|
| 2376 | currently in the hover state will get this
|
---|
| 2377 | value through inheritance. however all sub-
|
---|
| 2378 | menus still won't display because
|
---|
| 2379 | two rule sets up we're setting the
|
---|
| 2380 | DISPLAY property to none.
|
---|
| 2381 | */
|
---|
| 2382 | }
|
---|
| 2383 |
|
---|
| 2384 | * html ul.rMenu-vRight li.sfhover ul,
|
---|
| 2385 | * html ul.rMenu-hRight ul.rMenu-ver li.sfhover ul
|
---|
| 2386 | {
|
---|
| 2387 | left: -100%; /* ^ ditto ^ */
|
---|
| 2388 | }
|
---|
| 2389 |
|
---|
| 2390 | * html ul.rMenu iframe
|
---|
| 2391 | {
|
---|
| 2392 | /*filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); */
|
---|
| 2393 | /* the above rule is now applied in the
|
---|
| 2394 | javascript used to generate the IFRAME this
|
---|
| 2395 | is applied to. it allows the CSS to validate
|
---|
| 2396 | while keeping the original functionality. */
|
---|
| 2397 | position: absolute;
|
---|
| 2398 | left: 0;
|
---|
| 2399 | top: 0;
|
---|
| 2400 | z-index: -1; /* this is the IFRAME that's placed behind
|
---|
| 2401 | dropdown menus so that form elements don't
|
---|
| 2402 | show through the menus. they are not set
|
---|
| 2403 | programatically via javascript because
|
---|
| 2404 | doing so generates some lag in the display
|
---|
| 2405 | of the dropdown menu. */
|
---|
| 2406 | }
|
---|
| 2407 |
|
---|
| 2408 | /* ie6 fixes */
|
---|
| 2409 |
|
---|
| 2410 | * html ul.rMenu
|
---|
| 2411 | {
|
---|
| 2412 | margin-left: 1px;
|
---|
| 2413 | }
|
---|
| 2414 |
|
---|
| 2415 | * html ul.rMenu ul,
|
---|
| 2416 | * html ul.rMenu ul ul,
|
---|
| 2417 | * html ul.rMenu ul ul ul,
|
---|
| 2418 | * html ul.rMenu ul ul ul ul
|
---|
| 2419 | {
|
---|
| 2420 | margin-left: 0;
|
---|
| 2421 | }
|
---|
| 2422 |
|
---|
| 2423 |
|
---|
| 2424 |
|
---|
| 2425 | /* ------------------------------------------------------------------
|
---|
| 2426 | ---------- HACKS: Clearfix & others ---------------------------------
|
---|
| 2427 | ------------------------------------------------------------------ */
|
---|
| 2428 |
|
---|
| 2429 | .clearfix:after
|
---|
| 2430 | {
|
---|
| 2431 | content: ".";
|
---|
| 2432 | display: block;
|
---|
| 2433 | height: 0;
|
---|
| 2434 | clear: both;
|
---|
| 2435 | visibility: hidden;
|
---|
| 2436 | }
|
---|
| 2437 |
|
---|
| 2438 | .clearfix
|
---|
| 2439 | {
|
---|
| 2440 | min-width: 0; /* trigger hasLayout for IE7 */
|
---|
| 2441 | display: inline-block;
|
---|
| 2442 | /* \*/ display: block; /* Hide from IE Mac */
|
---|
| 2443 | }
|
---|
| 2444 |
|
---|
| 2445 | * html .clearfix
|
---|
| 2446 | {
|
---|
| 2447 | /* \*/ height: 1%; /* Hide from IE Mac */
|
---|
| 2448 | }
|
---|
| 2449 |
|
---|
| 2450 | /* Chrome and Safari don't like clearfix in some cases.
|
---|
| 2451 | Also, adding height and font-size for IE6 */
|
---|
| 2452 | .clearboth {
|
---|
| 2453 | clear: both;
|
---|
| 2454 | height: 1%;
|
---|
| 2455 | font-size: 1%;
|
---|
| 2456 | line-height: 1%;
|
---|
| 2457 | display: block;
|
---|
| 2458 | padding: 0;
|
---|
| 2459 | margin: 0;
|
---|
| 2460 | }
|
---|
| 2461 |
|
---|
| 2462 |
|
---|