212 lines
12 KiB
CSS
212 lines
12 KiB
CSS
/**
|
|
* Gallery 3 Grey Dragon Theme
|
|
* Copyright (C) 2006-2009 Serguei Dosyukov
|
|
*
|
|
* This program is free software; you can redistribute it and/or modify it under
|
|
* the terms of the GNU General Public License as published by the Free Software
|
|
* Foundation; either version 2 of the License, or (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful, but WITHOUT ANY
|
|
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
|
|
* PARTICULAR PURPOSE. See the GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License along with this
|
|
* program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street
|
|
* - Fifth Floor, Boston, MA 02110-1301, USA.
|
|
*/
|
|
|
|
@import url(layout.css);
|
|
@import url(forms.css);
|
|
|
|
html { background-color: #1A2022; overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
|
|
body { background: url(../images/background.gif) #1A2022 repeat-x; color: #BBB; font: 0.8em Arial, verdana, sans-serif; }
|
|
|
|
a { color: #6392CF !important; text-decoration: none; outline: none; -moz-outline-style: none; }
|
|
a:focus, a:active, a:hover { text-decoration: none; outline: none; }
|
|
img { border: none; }
|
|
p { font-size: small; text-indent: 0; }
|
|
ul { list-style: none none; }
|
|
input[type="submit"] { cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ }
|
|
|
|
h1 { font-weight: bold; font-size: 1.2em; }
|
|
h2 { font-weight: bold; font-size: 1.2em; }
|
|
h3 { font-weight: bold; }
|
|
h4 { font-weight: bold; }
|
|
h5 { font-weight: bold; }
|
|
|
|
/* Common elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
.txtright { text-align: right; }
|
|
.g-metadata { overflow: hidden; }
|
|
|
|
.ui-icon { display: inline-block; zoom: 1; width: 16px; height: 16px; background-image: url(../images/ui-icons.png); }
|
|
.ui-icon-first { background-position: -32px -162px; }
|
|
.ui-icon-first-d { background-position: -162px -162px; }
|
|
.ui-icon-prev { background-position: -48px -162px; }
|
|
.ui-icon-prev-d { background-position: -178px -162px; }
|
|
.ui-icon-next { background-position: -64px -162px; }
|
|
.ui-icon-next-d { background-position: -194px -162px; }
|
|
.ui-icon-last { background-position: -80px -162px; }
|
|
.ui-icon-last-d { background-position: -210px -162px; }
|
|
.ui-icon-signal-diag { background-position: -16px -178px; }
|
|
.ui-icon-info { background-position: -16px -144px; }
|
|
.ui-icon-comment { background-position: -227px -219px; width: 27px; height: 20px; }
|
|
.ui-icon-left .ui-icon { float: left; margin-right: .2em; }
|
|
.ui-icon-right .ui-icon { float: right; margin-left: .2em; }
|
|
|
|
.g-resize { border: 1px solid #888; padding: 5px; background: #555; }
|
|
|
|
/* Header section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
#g-header { height: 90px; padding: 0; font-size: 80%; }
|
|
#g-logo { position: absolute; top: 8px; left: 16px; }
|
|
|
|
#g-login-menu { position: absolute; bottom: 10px; right: 14px; background-color: transparent; }
|
|
#g-login-menu li { display: inline; padding-left: 1.2em; }
|
|
|
|
.g-breadcrumbs { position: absolute; bottom: 4px; right: 14px; background-color: transparent; }
|
|
.g-breadcrumbs li { display: inline; padding-left: 1em; background: transparent url('../images/ico-separator.png') no-repeat 0 2px; }
|
|
.g-breadcrumbs li.g-first { background-image: none; }
|
|
|
|
/* Main section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
#g-main { display: block; margin: 0; }
|
|
#g-main-in { display: block; position: relative; }
|
|
|
|
#g-column-center, #g-column-centerleft { padding: 6px 6px 6px 16px; }
|
|
#g-column-centerfull { padding: 6px 12px 6px 10px; }
|
|
#g-column-centerright { padding: 6px 12px 6px 6px; }
|
|
#g-column-left { padding: 6px 4px 6px 10px; }
|
|
#g-column-right { padding: 6px 10px 6px 4px; }
|
|
|
|
/* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
.g-paginator { display: inline-block; width: 100%; padding: 4px 0 0 0; font-size: 80%; zoom: 1; }
|
|
.g-paginator li { display: inline; float: left; margin-left: 0; zoom: 1; }
|
|
.g-paginator a { padding: 0 0 0 2px; }
|
|
|
|
.g-paginator .g-pagination { width: 80%; padding-top: 2px; }
|
|
.g-paginator .g-navigation { text-align: right; width: 20%; }
|
|
|
|
/* Album grid ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
.g-thumbcrop { overflow: hidden; position: relative; width: 200px; height: 150px; }
|
|
#g-album-grid { padding: 6px 0 0 0; width: 100%; }
|
|
#g-album-grid .g-item { position: relative; float: left; padding: 10px 9px 0px 9px; width: 30.5%; height: 190px; background: url('../images/image_thumb.gif') no-repeat; }
|
|
#g-album-grid .g-item p { text-align: center; }
|
|
#g-album-grid h2 { position: absolute; top: 164px; left: 12px; width: 150px; font: 100%/100% Arial, Helvetica, sans-serif; }
|
|
#g-album-grid h2 a { display: block; margin-top: 4px; font: bold 70% Arial, Helvetica, Verdana, Sans-Serif; letter-spacing: 0.1em; text-transform: uppercase; min-height: 2em; }
|
|
#g-album-grid .g-album h2 { padding-left: 20px; background: url('../images/ico-album.png') no-repeat 0px 2px; }
|
|
|
|
.g-item .g-metadata { display: block; position: absolute; margin: 0; padding: 0; top: 172px; left: 198px; width: 14px; height: 14px; background: url(../images/ui-icons.png) -162px -144px; }
|
|
.g-item .g-metadata li { padding: 0; margin: 0; text-indent: -9999px; font: bold 70% Arial, Helvetica, Verdana, Sans-Serif; letter-spacing: 0.1em; }
|
|
.g-item .g-metadata:hover { padding: 4px 0 0 6px; top: 148px; left: 6px; width: 198px; height: 32px; background: #181818 none; border: 1px #888 solid; z-index: 100; }
|
|
.g-item .g-metadata:hover li { text-indent: 0px; }
|
|
|
|
.g-item .g-context-menu { position: absolute; margin: 0; padding: 0; top: 6px; left: 198px; width: 14px; height: 14px; background: url(../images/ui-icons.png) -178px -144px; }
|
|
.g-item .g-context-menu li { width: 100%; padding: 0; margin: 0; text-indent: -9999px; font: bold 70% Arial, Helvetica, Verdana, Sans-Serif; letter-spacing: 0.1em; }
|
|
.g-item .g-context-menu:hover { top: 4px; left: 6px; width: 204px; height: auto; background: #181818 none; border: 1px #888 solid; z-index: 100; }
|
|
.g-item .g-context-menu ul { display: block; padding: 0; margin: 0; }
|
|
.g-item .g-context-menu li li { display: none; font-size: 100%; width: 100%; }
|
|
.g-item .g-context-menu li li a { display: block; padding: 4px 6px; }
|
|
.g-item .g-context-menu:hover li li { display: block; text-indent: 0px; }
|
|
.g-item .g-context-menu li li a:hover { background-color: #303030; }
|
|
|
|
.ul-table { text-align: center; margin: 0px auto; padding: 0; list-style-type: none; clear: both; }
|
|
.ul-table li { float: left; text-align: center; }
|
|
|
|
#g-info { }
|
|
#g-info h1 { padding-bottom: 1px; border-bottom: 1px solid #888; }
|
|
#g-info .g-description { display: none; }
|
|
/* #g-info h1:hover .g-description { position: relative; z-index: 10; top: 10px; left: 0px; width: 90%; display: block; afloat: left; border: 1px solid #888; padding: 6px; }*/
|
|
#g-photo { padding: 6px 0 6px 6px; text-align: center; }
|
|
#g-albumheader h1 { padding-bottom: 1px; margin-bottom: 6px; border-bottom: 1px solid #888; }
|
|
|
|
/* Footer section ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
#g-footer { padding: 6px 6px 6px 14px; background: url('../images/footer.png') #1A2022 repeat-x top !important; zoom: 1; font-size: 80%; }
|
|
#g-footer ul { float: left; color: #999; padding: 0; text-align: left; }
|
|
#g-footer li { padding: 0 0 2px 0; }
|
|
|
|
#g-visitors { float: left; display: inline; margin: 3px 4px 3px 12px; }
|
|
#g-copyright { font-size: x-small; color: #808080; }
|
|
|
|
#g-footer-rightside { padding-right: 6px; text-align: right; }
|
|
|
|
/* Design blocks ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
#g-quick-search-form { position: absolute; top: 10px; right: 14px; background: none transparent; }
|
|
#g-quick-search-form label { display: none; }
|
|
#g-quick-search-form li { display: inline; float: left; padding: 0px; }
|
|
|
|
#g-quick-search-form input[type="text"] { background-color: transparent; border: 1px solid #737373; color: #BBB; width: 150px; /* margin-left: 2px; */ }
|
|
#g-quick-search-form input[type="submit"] { display: block; width: 23px; height: 23px; text-indent: -9999px; background: transparent url(../images/search.png) no-repeat center top; border: none; overflow: hidden; }
|
|
|
|
#g-search-results h1 { border-bottom: #888 1px solid; }
|
|
|
|
/* Sidebar Blocks ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
/* Common ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
.g-block { margin-bottom: 0.5em; padding-bottom: 4px; border: 1px solid #737373; background-color: #101415; position: relative; }
|
|
.g-block h2 { padding: 4px; font-size: 1.2em; background: url('../images/section.png') repeat-x; }
|
|
.g-block-content { margin: 4px 10px 0 10px; display: block; zoom: 1; }
|
|
|
|
/* Image Block ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
#g-image-block>div { margin-left: 1px; margin-right: 1px; }
|
|
.g-image-block { text-align: center; }
|
|
.g-image-block img { border: 1px solid #888; background: #555; padding: 5px; }
|
|
|
|
/* Feeds Block ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
ul#g-feeds { padding: 0; margin: 0; }
|
|
|
|
/* Tags and cloud ~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
#g-tag-cloud ul { padding: 0; font-size: 100%; }
|
|
#g-tag-cloud ul li { line-height: 1.2em; }
|
|
#g-tag-cloud ul li span { display: none; }
|
|
#g-add-tag-form { display: none; }
|
|
|
|
/* Comments ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
#g-admin-comment-button { width: 27px; right: 10px; text-indent: -900em; }
|
|
.g-avatar { float: right; }
|
|
#g-comments-link { background: url('../images/view-comments.png') top left no-repeat; }
|
|
#g-comments .g-block-content { margin: 0; }
|
|
#g-comment-detail ul { padding: 0px; }
|
|
#g-comment-detail > ul > li { margin: 4px; padding: 6px; min-height: 40px; border: 1px dotted #737373; }
|
|
#g-comment-detail div { margin-right: 48px; margin-top: 8px; }
|
|
|
|
/* Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
|
|
#g-viewformat { z-index: 5; position: absolute; padding: 0; top: 6px; right: 10px; }
|
|
#g-viewformat li { float: left; margin-right: 2px; }
|
|
#g-viewformat .g-viewthumb-left { background: url('../images/view-left.png') no-repeat left top; }
|
|
#g-viewformat .g-viewthumb-right { background: url('../images/view-right.png') no-repeat left top; }
|
|
#g-viewformat .g-viewthumb-full { background: url('../images/view-full.png') no-repeat left top; }
|
|
#g-viewformat span { line-height: 1px; text-indent: -900em; width: 17px; display: block; height: 15px; }
|
|
#g-viewformat span:hover,
|
|
#g-viewformat span.g-viewthumb-current { background-position: left bottom; }
|
|
|
|
#g-view-menu { position: absolute; top: 6px; right: 70px; height: 16px; z-index: 5; zoom: 1; margin: 0 0 6px 0; padding: 0 0 4px 0; }
|
|
.g-toolbar { height: 16px; zoom: 1; margin: 0 0 4px 0; padding: 0 0 3px 0; border-bottom: 1px solid #737373; }
|
|
.g-menu { margin: 0; padding: 0; text-align: left; }
|
|
.g-menu li { display: inline; }
|
|
|
|
.g-menu-element,
|
|
.g-menu-link { display: inline; float: left; margin-right: 4px; }
|
|
|
|
.g-buttonset ul { height: 16px; }
|
|
.g-buttonset .g-menu-link { text-indent: -99999px; width: 22px; height: 15px; }
|
|
|
|
#g-slideshow-link { background: url("../images/view-slideshow.png") top left no-repeat; }
|
|
.g-fullsize-link { background: url("../images/view-fullsize.png") top left no-repeat; }
|
|
#g-exifdata-link { background: url("../images/view-info.png") top left no-repeat; }
|
|
|
|
#g-slideshow-link:hover, .g-fullsize-link:hover, #g-exifdata-link:hover, #g-comments-link:hover { background-position: left bottom; }
|
|
|
|
/* ShadowBox Skin ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
|
|
#sb-body { background: #101415 url('../images/ajax-loading.gif') no-repeat center center; }
|
|
#sb-title-inner { display: none; }
|
|
#sb-nav #sb-nav-close { background-image: url('../images/close.png'); width: 60px; }
|
|
|
|
.clear { clear: both; margin-top: -1px; height: 1px; overflow: hidden; }
|
|
|
|
.g-message-block { position: absolute; z-index: 10; min-width: 30em; padding: 4px 6px; right: 10px; top: 34px; border: 1px #888 solid; background-color: #AAA; overflow: hidden; color: #000; font: bold 9pt Arial, verdana, sans-serif; text-align: center; }
|