/* ******************************************************************************** * Building blocks * h2, h3, p, etc Standard html tags * div.gbBlock Sidebar or content section with style for contained lists * ul.gbBreadCrumb List of links/path elements * table.gbDataTable Table for data/form elements with styles for shading rows */ #gallery h2, #gallery h3, #gallery h4, #gallery form { margin:0px; padding:0px; } #gallery p { margin:0.6em 0; padding:0px; } #gallery.gecko { width:690px; margin:0px auto; } #gsImageView.gbBlock { padding:5px; } .gbBlock { border-width:0px; border-style:inherit; border-color:inherit; clear:both; /* IE can't inherit these */ border-style:expression(parentElement.currentStyle.borderStyle); border-color:expression(parentElement.currentStyle.borderColor); } .gbBlock ul { margin:0px; padding:0px; list-style-type:none; } .gbBlock ul ul { margin:0 0 0.5em 1.0em; } .gbBlock li { padding:6px 0 0 0; } #gallery .gbBlock h3 { margin-bottom:0.5em; } #gallery .gbBlock h4 { margin-top:0.5em; } #gsNavBar div.gbBreadCrumb { margin:0px; padding:0px 4px 4px; } table.gbDataTable { margin-bottom:4px; } table.gbDataTable th, table.gbDataTable td { padding:4px; } .giBlockToggle { padding:0 0.4em 0.1em; } .giBlockToggle:hover { cursor:pointer; } .gbMarkupBar { margin:4px 0; } #gallery .gbMarkupBar input { margin:0px; padding:0px; } /* ******************************************************************************** * Sections * body.gallery Page body in G2 standalone (doesn't apply to embedded) * #gallery Page container * #gsNavBar Top bar with breadcrumb and other links * #gsSidebar Sidebar * #gsContent Main content */ body.gallery { margin:0px; padding:0px; } #gallery { width:690px; margin:0px auto; } #gsNavBar { width:690px; margin:0px auto; padding-top:2px; text-align:right; } #gsNavBar div.gbSystemLinks { padding:2px 4px 6px; } #gsNavBar div.gbSystemLinks span { padding:0 4px; position:relative; bottom:6px; } #gsSidebar { border-right-width:1px; width:175px; overflow:hidden; } #gsSidebarCol { width:1%; /* Expand to fit content ("0" bad4 firefox, "1px" bad4 opera) */ } td.giAlbumCell, td.giItemCell { width:220px; border:#CCC solid 1px; padding:5px; text-align:center; vertical-align:middle!important; } #gsThumbsMatrix { width:660px; } #gallery td.giAlbumCell select, #gallery td.giItemCell select { margin-top:0.8em; } /* So imageframed thumbs can be centered */ td.giAlbumCell table, td.giItemCell table { margin:auto; } #gsPages { padding:2px; } #gsPages span { } #gallery #gsSidebar ul { } /* ******************************************************************************** * Matrix Theme for Gallery 2 * by Ross A. Reyman, Jon Huang, and Chad Kieffer * updated by Alan Harder */ /* ******************************************************************************** * Building blocks * #gallery Default font/color settings * .gcBackground1,2.. Palette of backgrounds * .gcBorder1,2.. Palette of borders * a, h2, h3, etc Standard html tags * .giTitle, .giSubtitle, .giDescription, .giInfo, .giSuccess, .giWarning, .giError * Palette of text styles * div.gbBreadCrumb List of links/path elements * table.gbDataTable Table for data/form elements with styles for shading rows * div.gbTabBar UI component for selectable tabs * .autoComplete* Styles for autoComplete popup lists */ #gallery { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; background:#FFF; } body.gallery { background:#FFF; } .gcBackground1 { padding-top:0; padding-bottom:0; } .gcBackground2 { } .gcBorder1 { border:0px solid #CCC; } .gcBorder2 { border:0px solid #888; } #gallery img { border-width:0; } #gallery h2, #gallery h3, #gallery h4 { font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; } #gallery input:focus, #gallery textarea:focus { background:#FFC; } #gallery input.inputTypeSubmit, #gallery input.inputTypeButton { /* No input[type=submit] in IE */ color:#333; background:#EEE; border-width:2px; border-style:solid; border-color:#E7E7E7 #666 #666 #E7E7E7; } #gallery select { } .giTitle { } #gallery pre, #gallery tt { font-family:"Courier New", Courier, monospace; } .giSubtitle { font-weight:normal; vertical-align:text-bottom; } .giDescription { } .gbEmptyAlbum { height:400px; } .giDescription h1.emptyAlbum { line-height:4.0em; text-align:center; } .giInfo { color:#888; text-align:right; } .giInfo span { display:block; } .giSuccess, .giWarning, .giError { } .giSuccess { color:#5C0; } .giWarning { color:#C50; } .giError { color:#A44; } /*div.block-core-ItemInfo span.summary { width:60px; margin:auto; }*/ .giNew, .giUpdated { color:#CC4A4E; font-weight:bold; border-width:0px; border-style:ridge; padding:0 3px; line-height:1.4em; } #gsNavBar div.gbBreadCrumb { } #gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span { padding:0 0 0 14px; background:url('images/icon_path_separator.gif') no-repeat left; } #gsNavBar div.gbBreadCrumb a.BreadCrumb-1 { /* no :first-child in IE */ padding-left:0; background-image:none; white-space:nowrap; } #gallery.IE div.gbBreadCrumb span { display:inline-block; /* IE loses padding-left on wrapped inline nowrap element */ padding-right:4px; /* IE has less space at right of each span */ } #gsNavBar div.gbBreadCrumb span.BreadCrumb-1 { /* no :first-child in IE */ padding-left:0; background-image:none; } #gsNavBar div.gbSystemLinks { float:right; } table.gbDataTable th { text-align:left; background:#E7E7E7; } .gbEven { background:#FFF; } .gbOdd { background:#EEE; } div.gbTabBar { margin:0.8em 0 0; padding:6px; background:url('../matrix/images/tab_bg.gif') repeat-x bottom; white-space:nowrap; } div.gbTabBar span { padding:6px 0 5px 8px; background:url('../matrix/images/tab_left.jpg') no-repeat left top; } #gallery.IE div.gbTabBar span { display:inline-block; /* IE loses padding-left on wrapped inline nowrap element */ margin-bottom:1px; /* ..and then adds padding differently with inline-block.. */ padding-top:0; padding-bottom:0; } #gallery.IE div.gbTabBar { padding-bottom:0; } #gallery.IE div.gbTabBar span.giSelected { margin-bottom:0; padding-bottom:0; } #gallery.IE div.gbTabBar span span { padding-bottom:5px; padding-top:6px; } #gallery.IE div.gbTabBar span.giSelected span { margin-bottom:0; padding-bottom:7px; } #gallery div.gbTabBar span span { display:inline; padding:6px 12px 5px 4px; background:url('../matrix/images/tab_right.jpg') no-repeat right top; } #gallery div.gbTabBar a { color:#777; text-decoration:none; } #gallery div.gbTabBar a:hover { color:#333; } #gallery div.gbTabBar span.giSelected { padding-bottom:6px; background-image:url('../matrix/images/tab_left_on.jpg'); } #gallery div.gbTabBar span.giSelected span { color:#333; padding-bottom:6px; background-image:url('../matrix/images/tab_right_on.jpg'); } .autoCompleteBackground { border:1px solid #CCC; border-top-style:none; margin:0px; } .autoCompleteHighlight { text-decoration:underline; } .autoCompleteNotSelected { background:#EEE; padding:3px 4px 3px 17px; } .autoCompleteSelected { background:#FFC; padding:3px 4px 3px 17px; } #gallery .gbMarkupBar input { } #ProgressBar #progressDone { background:#FD6704; border:thin solid #DDD; } #ProgressBar #progressToGo { background:#EEE; border:thin solid #DDD; } .giSearchHighlight { background:#FF6; } /* ******************************************************************************** * Sections * #gallery Page container * #gsNavBar Top bar with breadcrumb and other links * #gsSidebar Sidebar * #gsContent Main content * #giFormUsername Form field for entering a username * #giFormGroupname Form field for entering a group name */ #gsNavBar div { margin-top:0.1em; /* Align system links with breadcrumb */ } #gsSidebar div ul { /* no > in IE */ } #gsSidebar div ul ul { } #gsSidebar ul span { color:#999; } #giFormUsername, .giFormUsername { background:url('../matrix/images/userinfo.png') no-repeat 0 1px; padding-left:17px; } #giFormGroupname { background:url('../matrix/images/groupinfo.png') no-repeat 0 1px; padding-left:17px; } #giFormPassword { background:url('../matrix/images/key7-16-bw.gif') no-repeat 0 1px; padding-left:17px; } /* Opera ignores padding in form inputs; put icons on right side instead */ #gallery.opera #giFormUsername, #gallery.opera .giFormUsername, #gallery.opera #giFormGroupname, #gallery.opera #giFormPassword { background-position:right center; } div.gbNavigator { clear:both; } div.gbNavigator div.next-and-last { float:right; } div.gbNavigator div.no-previous { text-align:right; } div.gbNavigator a.first { padding-left:27px; background:url("images/nav_first.gif") 0% 50% no-repeat; } div.gbNavigator a.previous { padding-left:27px; background:url("images/nav_prev.gif") 0% 50% no-repeat; } div.gbNavigator a.next { padding-right:27px; background:url("images/nav_next.gif") 100% 50% no-repeat; } div.gbNavigator a.last { padding-right:27px; background:url("images/nav_last.gif") 100% 50% no-repeat; } div.gbSearchBlock a.advanced { padding-left:20px; padding-top:6px; padding-bottom:6px; } div#gsSidebar div.block-core-ItemLinks a { display:block; padding:3px; } div#gsSidebar div.block-core-PeerList a { display:block; padding:3px; } div#gsSidebar div.block-core-PeerList span { display:block; padding:3px; } div#gsSidebar div.block-core-PeerList span.current { color:#0B6CFF; } /* ***************************************************** */ /* Dynamic blocks */ /* ***************************************************** */ div.block-comment-ViewComments { margin:5px; }ock div.block-comment-ViewComments div.one-comment { border:1px solid #E7E7E7; padding:5px; margin-bottom:5px; } div.block-comment-ViewComments h3 { } div.block-comment-ViewComments span { padding-right:5px; } div.block-comment-ViewComments p.info { font-style:italic; text-align:right; } div.block-core-GuestPreview { float:right; } span.block-core-SystemLink { border-left:#CCC solid 1px; padding-left:2px; font-weight:normal; } span.block-core-SystemLink a { font-weight:normal; } div.block-exif-ExifInfo { margin:5px; } span.bsw_ButtonDisabled { color:#999; } span.bsw_ButtonEnabled { color:#000; cursor:pointer; } table.bsw_ParamTable { width:100%; border:1px solid #999; border-collapse:collapse; } tr.bsw_ParamHeaderRow { background:#EEE; } tr.bsw_ParamHeaderRow td { font-weight:bold; text-align:center; border:1px solid #999; } td.bsw_BlockCommands { white-space:nowrap; text-align:center; } #gsFooter { padding-top:4px; } #gsNavBar .block-search-SearchBlock form, #gsNavBar .block-search-SearchBlock div, #gsNavBar .block-search-SearchBlock .advanced { display:inline; border-bottom:0px; } .block-search-SearchBlock input { } #gsNavBar .block-search-SearchBlock { display:inline; border-bottom:0px; } #gsImageView { text-align:center; } .block-core-Navigator .next-and-last { float:right; padding:5px 0px; } .block-core-Navigator .first-and-previous { float:left; padding:5px 0px;; } .block-core-Navigator { height:23px; clear:both; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px; }