1/* ******************************************************************************** 2 * Building blocks 3 * h2, h3, p, etc Standard html tags 4 * div.gbBlock Sidebar or content section with style for contained lists 5 * ul.gbBreadCrumb List of links/path elements 6 * table.gbDataTable Table for data/form elements with styles for shading rows 7 */ 8 9#gallery h2, #gallery h3, #gallery h4, #gallery form { 10 margin: 0; 11 padding: 0; 12} 13 14#gallery p { 15 margin: 0.6em 0; 16 padding: 0; 17} 18 19.gbBlock { 20 padding: 0.7em; 21 border-width: 0 0 1px 0; 22 border-style: inherit; 23 border-color: inherit; 24 /* IE can't inherit these */ 25 border-style: expression(parentElement.currentStyle.borderStyle); 26 border-color: expression(parentElement.currentStyle.borderColor); 27} 28 29.gbBlock ul { 30 margin: 0; 31 padding: 0; 32 list-style-type: none; 33} 34 35.gbBlock ul ul { 36 margin: 0 0 0.5em 1.0em; 37} 38 39.gbBlock li { 40 padding: 6px 0 0 0; 41} 42 43#gallery .gbBlock h3 { 44 margin-bottom: 0.5em; 45} 46 47#gallery .gbBlock h4 { 48 margin-top: 0.5em; 49} 50 51 52#gsNavBar div.gbBreadCrumb { 53 margin: 0; 54 padding: 4px 8px; 55} 56 57table.gbDataTable { 58 padding-bottom: 4px; 59} 60 61table.gbDataTable th, table.gbDataTable td { 62 padding: 4px; 63} 64 65 66.giBlockToggle { 67 padding: 0 0.4em 0.1em; 68} 69.giBlockToggle:hover { 70 cursor: pointer; 71} 72 73 74.gbMarkupBar { 75 margin: 4px 0; 76} 77 78#gallery .gbMarkupBar input { 79 margin: 0; 80 padding: 0; 81} 82 83 84/* ******************************************************************************** 85 * Sections 86 * body.gallery Page body in G2 standalone (doesn't apply to embedded) 87 * #gallery Page container 88 * #gsNavBar Top bar with breadcrumb and other links 89 * #gsSidebar Sidebar 90 * #gsContent Main content 91 */ 92 93body.gallery { 94 margin: 0; 95 padding: 0; 96} 97 98#gallery { 99 padding: 8px; 100} 101#gallery.rtl { 102 direction: rtl; 103} 104 105#gsNavBar { 106 border-top-width: 1px; 107 border-bottom-width: 1px; 108} 109 110#gsNavBar div.gbSystemLinks { 111 padding: 4px 6px; 112} 113 114#gsNavBar div.gbSystemLinks span { 115 padding: 0 4px; 116} 117 118#gsSidebar { 119 border-right-width: 1px; 120 width: 175px; 121 overflow: hidden; 122} 123#gsSidebarCol { 124 width: 1%; /* Expand to fit content ("0" bad4 firefox, "1px" bad4 opera) */ 125} 126 127td.giAlbumCell, td.giItemCell { 128 padding: 1em; 129 text-align: center; 130} 131 132#gallery td.giAlbumCell select, #gallery td.giItemCell select { 133 margin-top: 0.8em; 134} 135 136/* So imageframed thumbs can be centered */ 137td.giAlbumCell table, td.giItemCell table { 138 margin: auto; 139} 140 141#gsPages span { 142 padding: 0 0.3em; 143} 144 145#gallery #gsSidebar ul { 146 font-size: 1em; 147} 148 149/* ******************************************************************************** 150 * Matrix Theme for Gallery 2 151 * by Ross A. Reyman, Jon Huang, and Chad Kieffer 152 * updated by Alan Harder 153 */ 154 155/* ******************************************************************************** 156 * Building blocks 157 * #gallery Default font/color settings 158 * .gcBackground1,2.. Palette of backgrounds 159 * .gcBorder1,2.. Palette of borders 160 * a, h2, h3, etc Standard html tags 161 * .giTitle, .giSubtitle, .giDescription, .giInfo, .giSuccess, .giWarning, .giError 162 * Palette of text styles 163 * div.gbBreadCrumb List of links/path elements 164 * table.gbDataTable Table for data/form elements with styles for shading rows 165 * div.gbTabBar UI component for selectable tabs 166 * .autoComplete* Styles for autoComplete popup lists 167 */ 168 169#gallery { 170 font-family: Verdana, Arial, Helvetica, sans-serif; 171 font-size: 62.5%; 172 color: #333; 173 background-color: #fff; 174} 175body.gallery { 176 background-color: #fff; 177} 178 179.gcBackground1 { 180 background-color: #eee; 181} 182 183.gcBackground2 { 184 background-color: #e7e7e7; 185} 186 187.gcBorder1 { 188 border: 0 solid #ccc; 189} 190 191.gcBorder2 { 192 border: 0 solid #888; 193} 194 195#gallery a { 196 font-weight: bold; 197 text-decoration: none; 198 color: #6b8cb7; 199} 200#gallery a:hover { 201 text-decoration: underline; 202 color: #f4560f; 203} 204#gallery a:active { 205 text-decoration: none; 206 color: #f9c190; 207} 208 209#gallery img { 210 border-width: 0; 211} 212 213#gallery h2, #gallery h3, #gallery h4 { 214 font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 215} 216 217#gallery input:focus, #gallery textarea:focus { 218 background-color: #ffc; 219 color: #000; 220} 221 222#gallery input.inputTypeSubmit, #gallery input.inputTypeButton { /* No input[type=submit] in IE */ 223 color: #333; 224 background-color: #eee; 225 border-width: 2px; 226 border-style: solid; 227 border-color: #e7e7e7 #666 #666 #e7e7e7; 228} 229 230#gallery select { 231 font-size: 1em; 232} 233 234.giTitle, #gallery h2, #gallery h3, #gallery h4 { 235 font-size: 1.3em; 236 font-weight: bold; 237} 238 239#gallery pre, #gallery tt { 240 font-family: Courier New; 241 font-size: 1.2em; 242} 243 244.giSubtitle { 245 font-size: 0.9em; 246 font-weight: normal; 247 vertical-align: text-bottom; 248} 249 250.giDescription { 251 font-size: 1.1em; 252 line-height: 1.4em; 253} 254 255.gbEmptyAlbum { 256 height: 400px; 257} 258 259.giDescription h3.emptyAlbum { 260 line-height: 4.0em; 261 text-align: center; 262} 263 264.giInfo { 265 font-size: 0.9em; 266 color: #888; 267} 268 269.giSuccess, .giWarning, .giError { 270 font-weight: bold; 271} 272 273.giSuccess { color: #5c0; } 274.giWarning { color: #c50; } 275.giError { color: #a44; } 276 277.giNew, .giUpdated { 278 border-width: 2px; 279 border-style: ridge; 280 padding: 0 6px; 281 line-height: 1.9em; 282} 283 284#gsNavBar div.gbBreadCrumb { 285 font-size: 1.1em; 286 font-weight: bold; 287} 288 289#gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span { 290 padding: 0 0 0 14px; 291 background: url('images/icon_path_separator.gif') no-repeat left; 292} 293 294#gsNavBar div.gbBreadCrumb a.BreadCrumb-1 { /* no :first-child in IE */ 295 padding-left: 0; 296 background-image: none; 297 white-space: nowrap; 298} 299 300#gsThumbMatrix { 301 width: 100%; 302} 303 304#gallery.IE div.gbBreadCrumb span { 305 display: inline-block; /* IE loses padding-left on wrapped inline nowrap element */ 306 padding-right: 4px; /* IE has less space at right of each span */ 307} 308 309#gsNavBar div.gbBreadCrumb span.BreadCrumb-1 { /* no :first-child in IE */ 310 padding-left: 0; 311 background-image: none; 312} 313 314#gsNavBar div.gbSystemLinks { 315 float: right; 316} 317 318table.gbDataTable th { 319 text-align: left; 320 background-color: #e7e7e7; 321} 322 323.gbEven { 324 background-color: #fff; 325} 326 327.gbBusy { 328 background-color: #78D478 !important; 329} 330 331.gbOdd { 332 background-color: #eee; 333} 334 335 336div.gbTabBar { 337 font-size: 0.9em; 338 font-weight: bold; 339 margin: 0.8em 0 0; 340 padding: 6px; 341 background: url('../matrix/images/tab_bg.gif') repeat-x bottom; 342 white-space: nowrap; 343} 344 345div.gbTabBar span.o { 346 padding: 6px 0 5px 8px; 347 background: url('../matrix/images/tab_left.jpg') no-repeat left top; 348} 349#gallery.IE div.gbTabBar span.o { 350 display: inline-block; /* IE loses padding-left on wrapped inline nowrap element */ 351 margin-bottom: 1px; /* ..and then adds padding differently with inline-block.. */ 352} 353/* IE may clip off the right end of a long set of tabs, so allow IE to wrap them */ 354#gallery.IE div.gbTabBar { padding-bottom: 0; white-space: normal; } 355#gallery.IE div.gbTabBar span.giSelected { margin-bottom: 0; } 356 357#gallery div.gbTabBar span span { 358 padding: 6px 12px 5px 4px; 359 background: url('../matrix/images/tab_right.jpg') no-repeat right top; 360} 361 362#gallery div.gbTabBar a { 363 color: #777; 364 text-decoration: none; 365} 366 367#gallery div.gbTabBar a:hover { 368 color: #333; 369} 370 371#gallery div.gbTabBar span.giSelected { 372 padding-bottom: 6px; 373 background-image: url('../matrix/images/tab_left_on.jpg'); 374} 375 376#gallery div.gbTabBar span.giSelected span { 377 color: #333; 378 padding-bottom: 6px; 379 background-image: url('../matrix/images/tab_right_on.jpg'); 380} 381 382.autoCompleteShadow { 383 background-color: #a0a0a0 !important; 384} 385 386.autoCompleteContainer { 387 border-color: #404040 #404040 #080; 388 background-color: #fff; 389} 390 391.autoCompleteContainer li.yui-ac-highlight { 392 background-color: #eee; 393} 394 395#gallery .gbMarkupBar input { 396 font-size: 1.1em; 397} 398 399.giSearchHighlight { 400 font-weight: bold; 401 background-color: #ff6; 402} 403 404 405/* ******************************************************************************** 406 * Sections 407 * #gallery Page container 408 * #gsNavBar Top bar with breadcrumb and other links 409 * #gsSidebar Sidebar 410 * #gsContent Main content 411 */ 412 413#gsNavBar div { 414 margin-top: 0.1em; /* Align system links with breadcrumb */ 415 font-weight: bold; 416} 417 418#gsSidebar div ul { /* no > in IE */ 419 font-size: 1.1em; 420 font-weight: bold; 421} 422#gsSidebar div ul ul { font-size: 1.0em; } 423 424#gsSidebar ul span { 425 color: #999; 426} 427 428div.gbNavigator div.next-and-last { 429 float: right; 430} 431div.gbNavigator div.next-and-last.no-previous { 432 float: none; 433 text-align: right; 434} 435 436div.gbNavigator a.first { 437 padding-left: 27px; 438 background: url('images/nav_first.gif') left no-repeat; 439} 440 441div.gbNavigator a.previous { 442 padding-left: 27px; 443 background: url('images/nav_prev.gif') left no-repeat; 444} 445 446div.gbNavigator a.next { 447 padding-right: 27px; 448 background: url('images/nav_next.gif') right no-repeat; 449} 450 451div.gbNavigator a.last { 452 padding-right: 27px; 453 background: url('images/nav_last.gif') right no-repeat; 454} 455 456div.gbNavigator div.first-and-previous img { 457 vertical-align: middle; 458 padding-right: 0.5em; 459} 460div.gbNavigator div.next-and-last img { 461 vertical-align: middle; 462 padding-left: 0.5em; 463} 464 465#gallery.rtl div.gbNavigator div.next-and-last { 466 float: left; 467} 468#gallery.rtl div.gbNavigator div.next-and-last.no-previous { 469 float: none; 470 text-align: left; 471} 472#gallery.rtl div.gbNavigator div.first-and-previous { 473 text-align: right; 474} 475/* Both IE and Gecko have bugs with omitting padding on rtl inline content */ 476#gallery.IE.rtl div.gbNavigator a { 477 display: inline-block; 478} 479#gallery.gecko.rtl div.gbNavigator a { 480 display: -moz-inline-box; 481} 482 483#gallery.rtl div.gbNavigator a.first { 484 padding: 0 27px 0 0; 485 background: url('images/nav_last.gif') right no-repeat; 486} 487#gallery.rtl div.gbNavigator a.previous { 488 padding: 0 27px 0 0; 489 background: url('images/nav_next.gif') right no-repeat; 490} 491#gallery.rtl div.gbNavigator a.next { 492 padding: 0 0 0 27px; 493 background: url('images/nav_prev.gif') left no-repeat; 494} 495#gallery.rtl div.gbNavigator a.last { 496 padding: 0 0 0 27px; 497 background: url('images/nav_first.gif') left no-repeat; 498} 499#gallery.rtl div.gbNavigator div.first-and-previous img { 500 padding: 0 0 0 0.5em; 501} 502#gallery.rtl div.gbNavigator div.next-and-last img { 503 padding: 0 0.5em 0 0; 504} 505 506div.block-search-SearchBlock a.advanced { 507 display: block; 508 padding: 3px; 509} 510 511div.block-core-ItemLinks { 512 margin: 3px 0; 513} 514div.block-core-ItemLinks a { 515 padding: 3px; 516} 517div#gsSidebar div.block-core-ItemLinks a { 518 display: block; 519} 520 521div#gsSidebar div.block-core-PeerList a { 522 display: block; 523 padding: 3px; 524} 525 526div#gsSidebar div.block-core-PeerList span { 527 font-weight: bold; 528 display: block; 529 padding: 3px; 530} 531 532div#gsSidebar div.block-core-PeerList span.current { 533 color: #0b6cff; 534} 535 536/* ***************************************************** */ 537/* Dynamic blocks */ 538/* ***************************************************** */ 539 540div.block-comment-ViewComments { 541 margin: 5px; 542} 543 544div.block-comment-ViewComments div.one-comment { 545 border: 1px solid #e7e7e7; 546 padding: 5px; 547 margin-bottom: 5px; 548} 549 550div.block-comment-ViewComments h3 { 551} 552 553div.block-comment-ViewComments span { 554 padding-right: 5px; 555} 556 557div.block-comment-ViewComments p.info { 558 font-style: italic; 559 text-align: right; 560 font-size: 0.95em; 561} 562 563div.block-core-GuestPreview { 564 float: right; 565} 566#gallery.rtl div.block-core-GuestPreview { 567 float: left; 568} 569 570span.block-core-SystemLink { 571} 572 573div.block-exif-ExifInfo { 574 margin: 5px; 575} 576 577span.bsw_ButtonDisabled { 578 color: #999; 579} 580 581span.bsw_ButtonEnabled { 582 color: #000; 583 cursor: pointer; 584} 585 586table.bsw_ParamTable { 587 width: 100%; 588 border: 1px solid #999; 589 border-collapse: collapse; 590} 591 592tr.bsw_ParamHeaderRow { 593 background-color: #EEE; 594} 595 596tr.bsw_ParamHeaderRow td { 597 font-weight: bold; 598 text-align: center; 599 border: 1px solid #999; 600} 601 602td.bsw_BlockCommands { 603 white-space: nowrap; 604 text-align: center; 605} 606 607#gsFooter { 608 padding-top: 4px; 609} 610 611/* ******************************************************************************** 612 * Rating module style fix for Matrix 613 */ 614.giRatingUI { 615 margin: 10px auto; /* Required to center default rating module star images */ 616} 617#gsThumbMatrix .giRatingAverageContainer { 618 margin: auto; 619} 620 621