/* modules/gallery/css/gallery.css */ /** * Gallery 3 core module styles * * Sheet organization: * 1) End-user * 2) Admin * 3) Right to left language styles */ /** ******************************************************************* * 1) End-user **********************************************************************/ /* Uploader ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-add-photos-canvas, #g-add-photos-status { width: 469px; } #g-add-photos-canvas { border: 1px solid #ccc; height: 200px; margin: .5em 0; padding: 2.8em 0 0 0; overflow: auto; position: relative; } #g-add-photos-canvas object, #g-add-photos-button { left: 90px; margin: .5em 0; padding: .4em 1em; position: absolute; top: 0; width: 300px; } #g-add-photos-canvas object { z-index: 100; padding: 0em; } #g-add-photos-canvas .uploadifyQueue { margin-top: .5em; } #g-add-photos-canvas .uploadifyQueueItem { margin: 0; } #g-add-photos-button { z-index: 1; } #g-add-photos-status { border: 1px solid #ccc; height: 125px; margin: .4em 0; overflow: auto; } #g-add-photos-status .g-message-block { border: none; } #g-add-photos-status #g-action-status li { margin: 0 0 1px 0; padding-top: .7em; width: 433px; } #g-add-photos-form .g-breadcrumbs { margin: 0; } #g-add-photos-form p { margin-bottom: 0 } #g-add-photos-status-message { float: right; } /* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-edit-permissions-form { clear: both; } #g-edit-permissions-form th { text-align: center; } #g-permissions .g-denied, #g-permissions .g-allowed { text-align: center; vertical-align: middle; } /* Move items ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-move ul { padding-left: 1em; } #g-move .selected { background: #999; } /* In-place edit ~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-in-place-edit-form ul { margin: 0; } /* User profile ~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-user-profile h1 { margin: 1em 0; } #g-user-profile .g-avatar { margin-right: .6em; } #g-user-profile .g-block { margin-top: 0; } #g-user-profile .g-block-content { margin-top: 0; } #g-user-profile th, #g-user-profile td { border: none; } #g-user-profile th { white-space: nowrap; width: 1%; } /* Unsupported movie download link ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-movie-download-link { text-align: center; } /** ******************************************************************* * 2) Admin **********************************************************************/ .g-task-log { border: 1px solid #000; height: 400px; margin: .6em 0; overflow: auto; padding: .4em } #g-languages-form table { width: 40%; margin: 0 3em 1em 0; } #g-languages-form input { clear: both; } #g-translations ol { margin: 0 0 1em 2em; } #g-translations ol li { list-style-type: decimal; line-height: 150%; } #g-translations .g-button { padding: .5em; margin-bottom: 1em; } /** ******************************************************************* * 3) Right to left language styles **********************************************************************/ .rtl #g-add-photos-status #g-action-status li { width: 407px; } .rtl #g-block-admin .g-left { margin-left: 1em; margin-right: 0; } .rtl #g-user-profile .g-avatar { margin-left: .6em; } .rtl #g-languages-form table { margin: 0 0 1em 3em; } .rtl #g-translations ol { margin: 0 2em 1em 0; } .rtl #g-add-photos-status-message { float: left; } /* lib/uploadify/uploadify.css */ /* Uploadify v2.1.0 Release Date: August 24, 2009 Copyright (c) 2009 Ronnie Garcia, Travis Nickels Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin-top: 5px; padding: 10px; width: auto; } .uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; } .uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 3px; } /* RTL support ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .rtl .uploadifyQueueItem .cancel { float: left; } /* modules/user/css/user.css */ /* User- and group-related form width ~~~~ */ #g-login-form, #g-add-user-form #g-edit-user-form, #g-delete-user-form, #g-user-admin { width: 270px; } /* User/group admin ~~~~~~~~~~~~~~~~~~~~~~ */ #g-user-admin { width: auto; margin-bottom: 4em; } #g-group-admin { } #g-user-admin-list .g-admin { color: #55f; font-weight: bold; } .g-group { display: block; border: 1px solid #999; margin: 0 1em 1em 0; padding: 0; width: 200px; } .g-group h4 { background-color: #eee; border-bottom: 1px dashed #ccc; padding: .5em 0 .5em .5em; } .g-group .g-button { padding: 0; } .g-group .g-member-list, .g-group div { height: 180px; margin: 1px; overflow: auto; } .g-group p { margin-top: 1em; padding: .5em; text-align: center; } .g-group .g-user { padding: .2em 0 0 .5em; } .g-group .g-user .g-button { vertical-align: middle; } .g-default-group h4, .g-default-group .g-user { color: #999; } .g-group.ui-droppable { padding: 0 !important; } /* Password strength meter ~~~~~~~~~~~~~~~ */ .g-password-strength0 { background: url('/gallery/modules/user/css/../images/progressImg1.png') no-repeat 0 0; width: 138px; height: 7px; } .g-password-strength10 { background-position:0 -7px; } .g-password-strength20 { background-position:0 -14px; } .g-password-strength30 { background-position:0 -21px; } .g-password-strength40 { background-position:0 -28px; } .g-password-strength50 { background-position:0 -35px; } .g-password-strength60 { background-position:0 -42px; } .g-password-strength70 { background-position:0 -49px; } .g-password-strength80 { background-position:0 -56px; } .g-password-strength90 { background-position:0 -63px; } .g-password-strength100 { background-position:0 -70px; } /* modules/comment/css/comment.css */ #g-content #g-comment-form { margin-top: 2em; } #g-content #g-comments { margin-top: 2em; position: relative; } #g-content #g-comments ul li { margin: 1em 0; } #g-content #g-comments .g-author { border-bottom: 1px solid #ccc; color: #999; height: 32px; line-height: 32px; } #g-content #g-comments ul li div { padding: 0 8px 8px 43px; } #g-content #g-comments .g-avatar { height: 32px; margin-right: .4em; width: 32px; } #g-add-comment { position: absolute; right: 0; top: 2px; } #g-admin-comments-menu { margin: 1em 0; } #g-admin-comments-menu a { margin: 0; padding: .2em .6em; } /* lib/jquery.autocomplete.css */ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; text-align: left; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('/gallery/lib/images/loading-small.gif') right center no-repeat; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; } /* modules/tag/css/tag.css */ /* Tag cloud ~~~~~~~~~~~~~~~~~~~~~~~ */ #g-tag-cloud ul { font-size: 1.2em; text-align: justify; } #g-tag-cloud ul li { display: inline; line-height: 1.5em; text-align: justify; } #g-tag-cloud ul li a { text-decoration: none; } #g-tag-cloud ul li span { display: none; } #g-tag-cloud ul li.size0 a { color: #9cf; font-size: 70%; font-weight: 100; } #g-tag-cloud ul li.size1 a { color: #9cf; font-size: 80%; font-weight: 100; } #g-tag-cloud ul li.size2 a { color: #69f; font-size: 90%; font-weight: 300; } #g-tag-cloud ul li.size3 a { color: #69c; font-size: 100%; font-weight: 500; } #g-tag-cloud ul li.size4 a { color: #369; font-size: 110%; font-weight: 700; } #g-tag-cloud ul li.size5 a { color: #0e2b52; font-size: 120%; font-weight: 900; } #g-tag-cloud ul li.size6 a { color: #0e2b52; font-size: 130%; font-weight: 900; } #g-tag-cloud ul li.size7 a { color: #0e2b52; font-size: 140%; font-weight: 900; } #g-tag-cloud ul li a:hover { color: #f30; text-decoration: underline; } /* Add tag form ~~~~~~~~~~~~~~~~~~~~ */ #g-sidebar .g-short-form .textbox { width: 11em; } /* Tag admin ~~~~~~~~~~~~~~~~~~~~~~~ */ #g-tag-admin { table-layout: fixed; } #g-tag-admin td { border: 0; vertical-align: top; } #g-tag-admin ul { margin-bottom: 2em; } #g-tag-admin li { padding: .1em 0 .2em 0; } #g-tag-admin form ul { margin-bottom: 0; } /* modules/recaptcha/css/recaptcha.css */ #g-content #g-comments ul li #g-recaptcha { padding: 0; } #g-content #g-comments ul li #g-recaptcha div { padding: 0; } /* modules/fancybox/css/jquery.fancybox-1.3.4.css */ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/gallery/modules/fancybox/css/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('/gallery/modules/fancybox/css/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/gallery/modules/fancybox/css/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('/gallery/modules/fancybox/css/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/gallery/modules/fancybox/css/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/gallery/modules/fancybox/css/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('/gallery/modules/fancybox/css/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/gallery/modules/fancybox/css/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('/gallery/modules/fancybox/css/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/gallery/modules/fancybox/css/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('/gallery/modules/fancybox/css/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/gallery/modules/fancybox/css/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('/gallery/modules/fancybox/css/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('/gallery/modules/fancybox/css/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('/gallery/modules/fancybox/css/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('/gallery/modules/fancybox/css/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('/gallery/modules/fancybox/css/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/modules/fancybox/css/fancy_shadow_nw.png', sizingMethod='scale'); } /* modules/thumbnav/css/thumbnav.css */ /* Thumb Navigator ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-thumbnav { text-align: center; padding: 0; } .g-navthumb { width: 62px; height: 62px; filter:alpha(opacity=55); opacity:.55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; } .g-thumbnav ul { display: inline-block; padding: 0; margin: 0 0.5em; } .g-thumbnav li { float: left; border: transparent 1px solid;} .g-thumbnav li.g-current { border-color: #ddd; } .g-thumbnav li.g-current .g-navthumb, .g-navthumb:hover { background: #fff; filter:alpha(opacity=100); opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* themes/greydragon/css/screen.css */ /** * Gallery 3 Grey Dragon Theme * Copyright (C) 2006-2011 Serguei Dosyukov * * CSS rules - Kitchen sync * * Color rules for font/background/lines can be found in dedicated colorpack files */ /** * Gallery 3 Grey Dragon Theme * Copyright (C) 2006-2011 Serguei Dosyukov * * CSS rules related to general layout * Defined as 70em wide */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* layout.css - Common ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ html { overflow: auto; overflow: -moz-scrollbars-vertical; overflow-y: scroll; } * { margin: 0px; } body { min-width: 70em; padding: 0; margin: 0; } .g-hideitem { display: none; } /* layout.css - Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-header { position: relative; min-width: 70em; z-index: 5; } /* layout.css - Main ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-main { min-width: 69.7em; height: auto; bottom: auto; } #g-main-in { min-width: 69.7em; height: 100%; overflow: auto; bottom: auto; } #g-column-left { float: left; width: 16em; min-height: 32em; overflow: hidden; height: 100%; } #g-column-right { float: right; width: 16em; min-height: 32em; overflow: hidden; height: 100%; } #g-column-center { margin: 0 17em 0 17em; min-height: 32em; overflow: hidden; height: 100%; } #g-column-centerleft { min-height: 32em; overflow: hidden; height: 100%; } #g-column-centerright { min-height: 32em; overflow: hidden; height: 100%; } #g-column-centerfull { position: relative; min-height: 31em; overflow: hidden; height: 100%; } #g-column-top { display: block; overflow: hidden; } #g-column-bottom { display: block; overflow: hidden; } /* layout.css - Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-footer { position: relative; height: auto; min-width: 70em; min-height: 2.8em; clear: both; display: block; overflow: auto; } #g-footer-leftside { float: left; display: inline; } #g-footer-rightside { float: right; display: inline; } /** * Gallery 3 Grey Dragon Theme * Copyright (C) 2006-2011 Serguei Dosyukov * * CSS rules related to menus */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* menus.css - Main menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-site-menu { position: absolute; } #g-site-menu.g-default { left: 21em; bottom: 0; } #g-site-menu.g-top { left: 21em; top: 2px; } #g-site-menu.g-bottom-right { bottom: 0; right: 2em; } #g-site-menu.g-bar { left: 0; top: 0; width: 100%; padding-left: .5em; position: fixed !important; z-index: 9999; font-size: 0.9em; } #g-site-menu ul { float: left; width: 100%; white-space: nowrap; z-index: 102; } #g-site-menu>ul>li>ul { margin-top: 1px; } #g-site-menu ul ul ul { padding-top: 0; } #g-site-menu a { display: block; padding: 0.2em 0.4em; text-align: center; width: auto; letter-spacing: 0; cursor: pointer; z-index: 102; } #g-site-menu li { float: left; padding: 0; background-color: transparent; border: transparent 1px solid; z-index: 102; } #g-site-menu li ul a { text-align: left; padding: 0.3em 0; text-indent: 0.8em; letter-spacing: 0; } #g-site-menu li ul a:hover { background-image: none; } #g-site-menu li ul { position: absolute; margin: 0 0 0 -1px; width: 14em; height: auto; left: -999em; } #g-site-menu li li { width: 14em; padding-right: 0; } #g-site-menu li ul a { width: 14em; } #g-site-menu li ul ul { margin: -1.8em 0 0 14em; } #g-site-menu li:hover ul ul, #g-site-menu li:hover ul ul ul, #g-site-menu li.iemhover ul ul, #g-site-menu li.iemhover ul ul ul { left: -999em; } #g-site-menu li:hover ul, #g-site-menu li li:hover ul, #g-site-menu li li li:hover ul, #g-site-menu li.iemhover ul, #g-site-menu li li.iemhover ul, #g-site-menu li li li.iemhover ul { left: auto; } #g-site-menu>ul>li>ul { display: none; } /* menus.css - Context menu ~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .g-item .g-context-menu { position: absolute; margin: 0; padding: 0; top: 6px; left: 196px; width: 14px; height: 14px; background-position: -178px -144px; z-index: 4; } .g-item.g-extended .g-context-menu { left: 296px; } .g-item .g-context-menu li { width: 100%; padding: 0; margin: 0; text-indent: -9999px; } .g-item .g-context-menu>li>a { font-size: 0em; } .g-item .g-context-menu:hover { top: 4px; left: 6px; width: 200px; height: auto; z-index: 102; } .g-item.g-extended .g-context-menu:hover { width: 300px; } .g-item .g-context-menu ul { padding: 0; margin: 0; } .g-item .g-context-menu li li { display: none; } .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-detail .g-context-menu { left: auto; right: 6px; } .g-item.g-detail .g-context-menu:hover { left: auto; right: 6px; } /** * Gallery 3 Grey Dragon Theme * Copyright (C) 2006-2011 Serguei Dosyukov * * CSS rules related to modules */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* modules.css - ShadowBox Skin ~~~~~~~~~~~~~~~~~~~~~~~~*/ #sb-title { overflow: hidden; } #sb-title-inner { font-size: 10pt; font-weight: bold; padding-left: 10px; } #sb-nav #sb-nav-close { background-image: url('/gallery/themes/greydragon/css/../images/close.png'); width: 60px; } #sb-container > #sb-overlay { min-height: 530px; overflow: auto; } /* modules.css - FancyBox Skin ~~~~~~~~~~~~~~~~~~~~~~~~~*/ #fancybox-outer { background: #555; } #fancybox-content { border-color: #555; } #fancybox-title-over { font-weight: bold; } .fancybox-title-inside { background: transparent; font-weight: bold; color: #FFF; text-align: left; } #fancybox-close { background: url('/gallery/themes/greydragon/css/../images/close.png') 0 0 no-repeat; width: 60px; height: 16px; right: -6px; } #fancybox-left-ico { background: url('/gallery/themes/greydragon/css/../images/arrows_left.png') no-repeat left center; width: 35px; height: 107px; top: 40%; } #fancybox-left:hover span { left: 10px; } #fancybox-right-ico { background: url('/gallery/themes/greydragon/css/../images/arrows_right.png') no-repeat left center; width: 35px; height: 107px; top: 40%; } #fancybox-right:hover span { right: 10px; } /* modules.css - Exif Data ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #ag-exif-data { width: auto; background-image: none; } #g-exif-data td { padding: 0.2em; } /* modules.css - Image Block ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-image-block>div { margin-left: 1px; margin-right: 1px; } .g-image-block { text-align: center; } .g-image-block img { padding: 5px; max-width: 200px; height: auto; } /* modules.css - Image Block Ex ~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-rootpage #g-column-bottom #g-image-block-ex { display: none; } /* modules.css - RSS Feeds ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ ul#g-feeds { padding: 0; margin: 0; } /* modules.css - Tags ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #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 fieldset ul { float: left; display: inline-block; padding: 0; } #g-add-tag-form li { float: left; margin: 0; padding: 0; } /* modules.css - Comments ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-comments { margin-top: 2em; float: left; width: 100%; min-height: 2em; } #g-comments ul li { margin: 0.4em 0; } #g-comments .g-button { right: 0.4em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ font-size: 0.8em; color: #333 !important; padding: 2px 10px; margin-top: 0.4em; border: 1px solid; border-color: #999 #666 #666 #999; background-color: #ddd; font-weight: normal; } .ui-icon-comment { background-position: -210px -144px; } #g-comment-detail ul { padding: 0; } #g-comment-detail>ul>li { margin: 4px 0; padding: 6px; min-height: 40px; } #g-comment-detail div { margin-top: 6px; padding-bottom: 8px; } #g-comment-detail li.g-no-comments { display: none; } #g-comment-detail p.g-no-comments { padding-bottom: 4px; } #g-comment-form fieldset { border: none; } #g-comment-form legend { display: none; width: 100%; } #g-comment-form ul { padding: 0; } #g-comment-form>fieldset>ul { margin: 0px 10px; } #g-comment-form label { display: block; } #g-comment-form textarea { width: 99%; height: 140px; } #g-comment-form input[type="text"], #g-comment-form input[type="password"] { width: 99%; } #g-comments .g-author { height: 32px; line-height: 32px; } #g-comments .g-avatar { height: 32px; margin-right: .4em; width: 32px; } /* modules.css - Gallery Stats ~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-gallerystats ul { padding: 0; font-size: x-small; } /* modules.css - Info ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-metadata ul { padding: 0; } #g-metadata .g-description { margin-top: 0.4em; padding: 0.4em 0; } #g-metadata strong.caption { display: none; } /* modules.css - Calendar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-calendarview-link:hover { background-position: left bottom; } #g-view-calendar-form fieldset { border: none; } #g-view-calendar-form ul { padding: 8px; } #g-view-calendar-form li { padding-top: 8px; display: inline; padding-left: 10px; } #g-view-calendar-form label { margin: 4px 0; } #g-view-calendar-form select { margin: 4px 10px; } table.calendar { border-spacing: 1px; } table.calendar td.title a { font-weight: bold; } /* modules.css - ClustrMaps ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-clustrmaps .g-block-content { text-align: center; } /* modules.css - GPS Info ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-exif-gps-maps ul { padding-left: 0; } /* modules.css - Search ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-quick-search-form { position: absolute; top: 3em; right: 1em; 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"] { width: 150px; padding-top: 0.1em; padding-bottom: 0.1em; } #g-quick-search-form input[type="submit"] { display: block; width: 23px; height: 23px; text-indent: -9999px; overflow: hidden; } /* modules.css - Basket ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .gBasketList img{max-width:60px !important} .basketbuttons span.ui-icon { display: none; } #payment { height: 100%; margin-left: 10px; } #payment p { padding: 4px; } #basketForm { width: 100%; float:right; } #checkout { } #checkout fieldset { border: none; } #checkout legend { width: 100%; padding: 4px 4px 4px 8px; font-size: 1em; font-weight: bold; } #checkout ul { padding: 8px; } #checkout li { padding-top: 8px; display: inline; } #checkout label { margin: 4px 0; } #checkout select { margin: 4px 10px; } #checkout textarea { display: block; clear: both; padding: .2em; width: 90%; } /* modules.css - Register ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-welcome-message p { padding-bottom: 6px; } #g-change-password-user-form { height: 100%; } /* modules.css - Localization ~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #l10n-client .labels { border-top: white 1px solid; height: 1.7em; } #l10n-client h2 { padding-top: 0.4em; padding-bottom: 0.3em; } #l10n-client .label.translation { margin-top: -0.4em; height: 1.7em; } #l10n-client #l10n-client-toggler { line-height: 1.7em; height: 1.7em; } #l10n-client .string-list li { font-size: 0.8em; line-height: 1.1em; } #l10n-client #l10n-client-string-select { width: 24%; } #l10n-client #l10n-client-string-select .string-list { border: 1px #ccc solid; } #l10n-client #g-l10n-search-form ul { padding: 0; } #l10n-client #l10n-client-string-editor { margin-left: 1em; } #l10n-client-string-editor .source .source-text { margin: 0 0.4em 0 0; border: 1px #ccc solid; padding: 0.4em; line-height: 1em; } #l10n-client-string-editor .translation { height: 19em; } #l10n-client #l10n-edit-translation { width: 97%; height: 17em; border: 1px #ccc solid; font-family: monospace; padding: 0.4em; } /* modules.css - jcarousel ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .jcarousel-skin-tango .jcarousel-container { padding-top: 0.5em; } /* modules.css - ThumbNav ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-thumbnav-block-inline { margin-top: 26px; } #g-thumbnav-block-inline h2 { display: none; } /** * Gallery 3 Grey Dragon Theme * Copyright (C) 2006-2011 Serguei Dosyukov * * CSS rules related to forms/dialogs */ .ui-widget-overlay { position: absolute; top:0; left:0; bottom: 0; right: 0; position: fixed; width:100%; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; background-color: #111; zoom: 1; } .ui-widget-overlay { height: expression(document.documentElement.clientHeight + 'px'); } .ui-widget-overlay { height: 100%; } /* Dialog ----------------------------------*/ .ui-dialog { position: relative; width: 300px; } .ui-dialog .ui-dialog-titlebar { height: 1em; padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; text-indent: -900em; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-dialog ul { padding: 0; } /* forms.css - Component containers ~~~~~~~~~~~~~~~~~~*/ .ui-widget-header { color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } .ui-widget-content a { color: #222222; } /* forms.css - Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ form { margin: 0; } form p.g-error { color: red; } fieldset { border: 1px solid #ccc; padding: 0 1em .8em 1em; } legend { display: none; } input.textbox, input[type="text"], input[type="password"], textarea { border: 1px solid #e8e8e8; border-top-color: #ccc; border-left-color: #ccc; clear: both; color: #333; width: 50%; } textarea { height: 12em; width: 97%; } input:focus, input.textbox:focus, input[type=text]:focus, textarea:focus, option:focus { background-color: #ffc; color: #000; } input.checkbox, input[type=checkbox], input.radio, input[type=radio] { float: left; margin-right: .4em; } /* forms.css - Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ form li { margin: 0; padding: 0 0 .2em 0; } form ul { margin-top: 0; } form ul ul { clear: both; } form ul ul li { float: left; margin-right: 0.6em; } input, select, textarea { display: block; clear: both; } input[type="submit"], input[type="reset"] { display: inline; } input[type="submit"], .g-button, button, .ui-dialog .g-cancel { cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ font-size: 0.8em; color: #333 !important; padding: 2px 10px; border: 1px solid; border-color: #999 #666 #666 #999; background-color: #ddd; font-weight: normal; margin-right: 0.4em; line-height: 1.0em; } .g-button { margin: 0 0.4em 0.4em 0; } .ui-dialog .g-cancel { margin-top: 0.6em; } .g-right { float: right; } /* forms.css - Forms in dialogs and panels ~~~~~~~~~~~*/ #g-dialog ul li { padding-bottom: 0.6em; } #g-dialog fieldset, #g-panel fieldset { border: none; padding: 0; } #g-panel legend { display: none; } input[readonly] { background-color: #F4F4FC; } #g-dialog input.textbox, #g-dialog input[type=text], #g-dialog input[type=password], #g-dialog textarea { width: 97%; } .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .g-progress-bar { height: 1em; width: 100%; margin-top: .5em; display: inline-block; } #g-progress #g-status { padding: 0.5em 0; } /* forms.css - Short forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .g-short-form legend, .g-short-form label { display: none; } .g-short-form fieldset { border: none; padding: 0; } .g-short-form li { float: left; margin: 0 !important; padding: .4em 0; } .g-short-form .textbox, .g-short-form input[type=text] { color: #666; padding: .3em .6em; width: 100%; } .g-short-form .textbox.g-error { border: 1px solid #f00; color: #f00; padding-left: 24px; } .g-short-form .g-cancel { display: block; margin: .3em .8em; } #g-sidebar .g-short-form li { padding-left: 0; padding-right: 0; } #g-quick-search-form input[type="submit"] { filter: none; margin-top: 0; } /* forms.css - Reauthentificate ~~~~~~~~~~~~~~~~~~~~~~*/ #g-login fieldset { border: none; } #g-login legend { display: none; } #g-login label { display: block; } #g-error #g-login>ul { margin: 0.5em 0; padding: 0.5em 0 0.5em 0; width: 280px; display: inline-block; } #g-error #g-login>ul ul { padding: 0px; } #g-error #g-login input[type=text], #g-error #g-login input[type=password] { width: 100%; } #g-error #g-login .g-right { margin-right: 1em; } /* forms.css - User Profile ~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-user-profile h1 { margin: 0 0 1em 0; } #g-user-profile .g-block { position: static; min-height: 5em; clear: none; } #g-user-profile .g-block ul { padding: 0.6em 0; } #g-user-profile th { text-align: left; } #g-user-profile .g-avatar { margin-top: 70px; } /* forms.css - Uploadify ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-add-photos-canvas { margin-top: 1.1em; } #g-add-photos-status #g-action-status li { padding-top: 0.3em; padding-bottom: 0.3em; padding-left: 2em; } .uploadifyQueueItem { padding-top; 6px; padding-bottom: 4ps; } /** * Gallery 3 Grey Dragon Theme * Copyright (C) 2006-2011 Serguei Dosyukov * * CSS rules - Main CSS ruleset * * Color rules for font/background/lines can be found in dedicated colorpack files */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* screen.css - Common ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ body { font-family: Arial, verdana, sans-serif; font-size: 0.9em; } a { text-decoration: none; outline: none; -moz-outline-style: none; } a:focus, a:active, a:hover { text-decoration: none; outline: none; } img { border: none; } p { text-indent: 0; } ul { list-style: none none; padding: 0; } h1 { font-weight: bold; font-size: 1.1em; padding-bottom: 1px; min-height: 1.1em; } h2 { font-weight: bold; font-size: 1.1em; min-height: 1.1em; } h3 { font-weight: bold; } h4 { font-weight: bold; } h5 { font-weight: bold; } .txtright { text-align: right; } .g-metadata { overflow: hidden; } .g-avatar { float: right; } .g-hide { display: none; } .ui-icon { display: inline-block; zoom: 1; width: 16px; height: 15px; } .ui-icon-first { background-position: -162px -178px; } .ui-icon-first-d { background-position: -162px -162px; } .ui-icon-prev { background-position: -178px -178px; } .ui-icon-prev-d { background-position: -178px -162px; } .ui-icon-parent { background-position: -226px -178px; } .ui-icon-parent-d { background-position: -226px -162px; } .ui-icon-next { background-position: -194px -178px; } .ui-icon-next-d { background-position: -194px -162px; } .ui-icon-last { background-position: -210px -178px; } .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-plus { background-position: -14px -129px; } .ui-icon-minus { background-position: -46px -129px; } .ui-icon-note { background-position: -66px -98px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-left .ui-icon { float: left; margin-right: .2em; } .ui-icon-right .ui-icon { float: right; margin-left: .2em; } /* screen.css - Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-header { height: 90px; padding: 0; font-size: 0.9em; } #g-logo { position: absolute; top: 8px; left: 16px; } .g-breadcrumbs { position: absolute; background-color: transparent; } .g-breadcrumbs.g-default { bottom: 4px; right: 14px; } .g-breadcrumbs.g-bottom-left { bottom: 4px; left: 21.4em; } .g-breadcrumbs.g-top-right { top: 4px; right: 14px; } .g-breadcrumbs.g-top-left { top: 4px; left: 21.4em; } .g-breadcrumbs li { display: inline; padding-left: 1em; padding-right: 0.4em; } .g-breadcrumbs li.g-first { background-image: none; padding-left: 0; } .rtl .g-breadcrumbs .g-first { background-image: none; padding-left: 0; } .g-breadcrumbs li.g-active { padding-right: 0; } #g-header .g-message-block { position: absolute; z-index: 10; min-width: 30em; padding: 0; right: 20em; top: 34px; overflow: hidden; font: bold 9pt Arial, verdana, sans-serif; text-align: center; } #g-header #g-login-menu { position: absolute; top: 0.2em; right: 1em; background-color: transparent; display: none; } #g-site-status li { padding: .3em .3em .3em 30px; } /* screen.css - Main ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-main { display: block; margin: 0; } #g-main-in { display: block; position: relative; } #g-column-center, #g-column-centerleft { padding: 6px 6px 6px 10px; } #g-column-centerfull { padding: 6px 12px 6px 10px; } #g-column-centerright { padding: 6px 10px 6px 6px; } #g-column-left { padding: 6px 4px 6px 10px; } #g-column-right { padding: 6px 10px 6px 4px; } /* screen.css - Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-footer { padding: 6px 6px 6px 14px; zoom: 1; font-size: 0.9em; } #g-footer ul { float: left; padding: 0; text-align: left; } #g-footer li { padding: 0 0 2px 0; } #g-footer #g-login-menu { position: absolute; bottom: 0.5em; right: 1em; background-color: transparent; display: none; } #g-login-menu li { display: inline; padding-left: 1.2em; } #g-logout-link { float: none; margin-right: 0; } #g-copyright { font-size: x-small; } #g-footer #g-footer-rightside { float: right; padding-right: 6px; text-align: right; } #g-credits { margin-right: 14px; } #g-credits li.g-branding a { float: left; } #g-credits .g-first { display: none; } #g-gallery-logo { display: block; width: 70px; height: 18px; background: transparent url('/gallery/themes/greydragon/css/../images/gallery.png') no-repeat; } #g-theme-logo { display: block; width: 70px; height: 18px; } /* screen.css - Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .g-paginator { display: inline-block; width: 100%; padding: 4px 0 0 0; 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%; font-size: 0.8em; } .g-paginator .g-navigation { text-align: right; width: 20%; } /* screen.css - Album grid ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-album-grid { padding: 6px 0 0 0; width: 100%; display: inline-block; margin: 0px auto; } #g-album-grid .g-item { position: relative; float: left; margin: 4px 8px 4px 0; min-width: 212px; zoom: 1; } .g-album-grid-container .g-column-2>li { width: 48%; margin-right: 0; } .g-album-grid-container .g-column-3>li { width: 32%; margin-right: 0; } .g-album-grid-container .g-column-4>li { width: 23%; margin-right: 0; } .g-album-grid-container .g-column-5>li { width: 19%; margin-right: 0; } #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 0.8em Arial, Helvetica, Verdana, Sans-Serif; letter-spacing: 0.1em; text-transform: uppercase; min-height: 2em; } /* screen.css - Thumbs : Common ~~~~~~~~~~~~~~~~~~~~~~~~*/ .g-thumbslide { font-size: 0.9em; width: 208px; min-height: 139px; padding-top: 6px; padding-left: 6px; overflow: hidden; position: relative; text-align: left; } .g-thumbtype-sqr .g-thumbslide { height: 208px; } .g-thumbtype-flm .g-thumbslide { height: 141px; } .g-thumbtype-dgt .g-thumbslide { height: 158px; } .g-thumbtype-wd .g-thumbslide { height: 120px; } .g-extended .g-thumbslide { width: 308px; } .g-thumbtype-sqr.g-extended .g-thumbslide { height: 308px; } .g-thumbtype-flm.g-extended .g-thumbslide { height: 207px; } .g-thumbtype-dgt.g-extended .g-thumbslide { height: 233px; } .g-thumbtype-wd.g-extended .g-thumbslide { height: 176px; } .g-thumbcrop { overflow: hidden; position: relative; width: 200px; min-height: 112px; } .g-thumbtype-sqr .g-thumbcrop { height: 200px; } .g-thumbtype-flm .g-thumbcrop { height: 133px; } .g-thumbtype-dgt .g-thumbcrop { height: 150px; } .g-thumbtype-wd .g-thumbcrop { height: 112px; } .g-extended .g-thumbcrop { width: 300px; } .g-thumbtype-sqr.g-extended .g-thumbcrop { height: 300px; } .g-thumbtype-flm.g-extended .g-thumbcrop { height: 199px; } .g-thumbtype-dgt.g-extended .g-thumbcrop { height: 225px; } .g-thumbtype-wd.g-extended .g-thumbcrop { height: 168px; } .g-album .g-description strong { padding-left: 16px; } /* Force size of the link to fill thumbcrop */ .g-thumbcrop a.g-thumblink { display: block; position: relative; min-width: 200px; } .g-thumbtype-sqr a.g-thumblink { min-height: 200px; } .g-thumbtype-flm a.g-thumblink { min-height: 133px; } .g-thumbtype-dgt a.g-thumblink { min-height: 150px; } .g-thumbtype-wd a.g-thumblink { min-height: 112px; } .g-extended .g-thumbcrop a.g-thumblink { min-width: 300px; } .g-thumbtype-sqr.g-extended a.g-thumblink { min-height: 300px; } .g-thumbtype-flm.g-extended a.g-thumblink { min-height: 200px; } .g-thumbtype-dgt.g-extended a.g-thumblink { min-height: 225px; } .g-thumbtype-wd.g-extended a.g-thumblink { min-height: 168px; } /* screen.css - Thumbs : Overlay ~~~~~~~~~~~~~~~~~~~~~~~*/ .g-thumbslide .g-description { display: none; position: absolute; left: 6px; top: 6px; min-height: 24px; width: 184px; overflow: hidden; z-index: 3; text-align: left; padding: 2px 8px; font-size: 0.85em; } .g-extended .g-thumbslide .g-description { width: 284px; } .g-thumbslide:hover .g-description { display: block; } .g-thumbslide .g-description li { display: inline; padding-right: 0.8em; } .g-thumbslide .g-description .g-title { display: block; font-weight: bold; font-size: 1.1em; letter-spacing: 0.1em; text-transform: uppercase; padding-top: 3px; } .g-album .g-thumbslide .g-description .g-title { padding-left: 24px; } .g-thumbslide .g-description.g-overlay-top { display: block; } .g-thumbslide .g-description.g-overlay-bottom { display: block; top: auto; bottom: 6px; } .g-thumbslide .g-metadata { display: none; position: absolute; left: 6px; bottom: 6px; padding: 2px 4px 2px 10px; width: 186px; } .g-thumbslide .g-metadata li { padding: 0; margin: 0; font-size: 0.9em; } .g-extended .g-thumbslide .g-metadata { width: 286px; } .g-thumbslide:hover .g-metadata { display: block; } /* screen.css - Thumbs : Expanded View mode ~~~~~~~~~~~~*/ .g-expanded .g-thumbslide { font-size: 0.9em; width: 208px; min-height: 139px; padding-top: 6px; padding-left: 6px; line-height: 1.2em; overflow: hidden; } .g-thumbtype-sqr.g-expanded .g-thumbslide { height: 238px; } .g-thumbtype-flm.g-expanded .g-thumbslide { height: 171px; } .g-thumbtype-dgt.g-expanded .g-thumbslide { height: 188px; } .g-thumbtype-wd.g-expanded .g-thumbslide { height: 150px; } .g-extended.g-expanded .g-thumbslide { width: 308px; } .g-thumbtype-sqr.g-extended.g-expanded .g-thumbslide { height: 346px; } .g-thumbtype-flm.g-extended.g-expanded .g-thumbslide { height: 244px; } .g-thumbtype-dgt.g-extended.g-expanded .g-thumbslide { height: 270px; } .g-thumbtype-wd.g-extended.g-expanded .g-thumbslide { height: 214px; } .g-expanded .g-thumbslide .g-description { position: static; display: block; } .g-expanded .g-thumbslide .g-description li { display: inline; padding-right: 0.8em; } .g-expanded .g-thumbslide .g-description .g-title { display: block; font-weight: bold; font-size: 1.1em; letter-spacing: 0.1em; text-transform: uppercase; } .g-album.g-expanded .g-thumbslide .g-description .g-title { padding-left: 24px; } .g-expanded .g-thumbslide .g-description.g-overlay-bottom { width: 192px; } .g-expanded .g-thumbslide .g-metadata { bottom: 10px; } .g-expanded .g-thumbslide .g-metadata li { padding: 0; margin: 0; font-size: 0.9em; } .g-expanded .g-thumbslide:hover .g-metadata { display: block; bottom: 40px; } /* screen.css - Photo ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-item { float: left; height: 100%; width: 100%; } #g-photo { padding: 6px 0 6px 0; text-align: center; float: left; height: 100%; width: 100%; } div.g-resize { position: relative; left: 50%; float: left; padding: 5px; font-size: 0.9em; } div.g-resize>a { float: left; overflow: hidden; } div.g-resize>a img { float: left; } div.g-resize .g-description { display: none; position: absolute; left: 5px; text-align: left; padding: 10px; } div.g-resize .g-description strong { display: block; margin-bottom: 5px; text-transform: uppercase; } div.g-resize .g-description.g-align-top { top: 0px; margin-top: 5px; } div.g-resize .g-description.g-align-bottom { bottom: 4px; } div.g-resize:hover .g-description { display: block; } div.g-resize .g-more { display: block; position: absolute; right: 16px; padding: 4px 8px; } div.g-resize:hover .g-more { display: none; visibility: hidden; } div.g-resize .g-more.g-align-top { top: 16px; } div.g-resize .g-more.g-align-bottom { bottom: 20px; } .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 { display: inline-block; width: 100%; } #g-info .g-description { margin-top: .4em; margin-bottom: .4em; padding: .5em 1em; } #g-movie { padding: 6px 0 6px 6px; position: relative; } #g-item a.g-movie { display: block; margin: 0 auto; } .g-description .g-metadata { padding: 0.4em 0 0 0; font-size: 0.8em; } .g-description .g-metadata li { display: inline; padding-right: 1em; } /* screen.css - Sidebar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* screen.css - Sidebar : Common ~~~~~~~~~~~~~~~~~~~~~~~*/ .g-block { margin-bottom: 4px; padding-bottom: 4px; position: relative; clear: both; } .g-block h2 { padding: 6px 4px 6px 8px; font-size: 1em; } .g-block-content { margin: 6px 6px 0 6px; display: block; zoom: 1; } #g-column-top .g-block, #g-column-bottom .g-block { float: left; clear: none; width: 240px; margin-left: 10px; } #g-column-top .g-toolbar, #g-column-bottom .g-toolbar { margin-bottom: 0.5em; } #g-column-top .g-toolbar h1, #g-column-bottom .g-toolbar h1 { font-size: 2px; } /* screen.css - Sidebar : Buttons ~~~~~~~~~~~~~~~~~~~~~~*/ #g-viewformat { z-index: 5; position: absolute; padding: 0; top: 6px; right: 10px; } #g-viewformat li { float: left; margin-right: 2px; } #g-viewformat span { display: block; width: 17px; height: 15px; line-height: 1px; text-indent: -900em; background-repeat: no-repeat; } #g-viewformat .g-sidebar-left { background-position: -128px -210px; } #g-viewformat .g-sidebar-top { background-position: -148px -210px; } #g-viewformat .g-sidebar-full { background-position: -168px -210px; } #g-viewformat .g-sidebar-right { background-position: -188px -210px; } #g-viewformat .g-sidebar-bottom { background-position: -208px -210px; } #g-viewformat .g-sidebar-left:hover, #g-viewformat .g-sidebar-left.g-current { background-position: -128px -225px; } #g-viewformat .g-sidebar-top:hover, #g-viewformat .g-sidebar-top.g-current { background-position: -148px -225px; } #g-viewformat .g-sidebar-full:hover, #g-viewformat .g-sidebar-full.g-current { background-position: -168px -225px; } #g-viewformat .g-sidebar-right:hover, #g-viewformat .g-sidebar-right.g-current { background-position: -188px -225px; } #g-viewformat .g-sidebar-bottom:hover,#g-viewformat .g-sidebar-bottom.g-current{ background-position: -208px -225px; } #g-view-menu { position: absolute; top: 6px; right: 106px; height: 16px; z-index: 5; zoom: 1; margin: 0 0 6px 0; padding: 0 0 4px 0; } #g-view-menu.g-buttonset-shift { right: 6px; } .g-toolbar { margin: 0 0 4px 0; } .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 .g-menu-link { text-indent: -99999px; width: 22px; height: 15px; overflow: hidden; } #g-slideshow-link { width: 22px; height: 15px; background-position: -103px -210px; } #g-slideshow-link:hover { background-position: -103px -225px; } .g-fullsize-link:hover, #g-exifdata-link:hover { background-position: left bottom; } /* screen.css - Root Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #g-rootpage-quote { float: left; width: 300px; padding-top: 6px; font-size: 110%; } #g-rootpage-roll { float: right; text-align: center; z-index: 1; position: relative; width: 800px; height: 540px; } #g-rootpage-link { z-index: 10; position: absolute; height: 540px; width: 800px; top: 0; left: 0; cursor: pointer; } #g-rootpage-roll span { z-index: 11; display: block; position: absolute; right: 16px; padding: 4px 8px; top: 20px; cursor: pointer; font-size: 0.9em; } #g-rootpage-roll.g-full { margin-left: auto; margin-right: auto; float: none; } /** * Gallery 3 Grey Dragon Theme * Copyright (C) 2006-2011 Serguei Dosyukov * * CSS rules related to general layout * Defined as 70em wide */ .rtl { direction: rtl; } .rtl #g-header, .rtl #g-main, .rtl #g-sidebar, .rtl #g-footer, .rtl caption, .rtl th, .rtl #g-dialog, .rtl .g-context-menu li a, .rtl #g-site-menu a, .rtl .g-metadata li, .rtl DIV.g-resize .g-description, .rtl .g-message-box li, .rtl #g-site-status li { text-align: right; } .rtl .g-text-right { text-align: left; } .rtl #g-site-menu li:hover ul ul, .rtl #g-site-menu li:hover ul ul ul, .rtl #g-site-menu li.iemhover ul ul, .rtl #g-site-menu li.iemhover ul ul ul { left: 999em; } .rtl .g-left, .rtl .g-inline li, .rtl .g-breadcrumbs li, .rtl .g-paginator li, .rtl .g-navigation li .rtl .g-buttonset li, .rtl .ui-icon-left .ui-icon, .rtl .g-metadata li, .rtl #g-column-bottom .g-block, .rtl .g-short-form li, .rtl form ul ul li, .rtl input[type="submit"], .rtl input[type="reset"], .rtl input.checkbox, .rtl input[type=checkbox], .rtl input.radio, .rtl input[type=radio] { float: right; } .rtl .g-paginator .g-navigation { text-align: left; } .rtl #g-column-centerfull #g-album-header h1 { padding-right: 12em; } .rtl .g-buttonset .g-menu-link { text-indent: 9999px; } .rtl .g-thumbslide { padding-left: 0; padding-right: 6px; } .rtl .g-thumbslide .g-description { padding-left: 10px; } .rtl .ui-icon-first { background-position: -210px -178px; } .rtl .ui-icon-first-d { background-position: -210px -162px; } .rtl .ui-icon-prev { background-position: -194px -178px; } .rtl .ui-icon-prev-d { background-position: -194px -162px; } .rtl .ui-icon-next { background-position: -178px -178px; } .rtl .ui-icon-next-d { background-position: -178px -162px; } .rtl .ui-icon-last { background-position: -162px -178px; } .rtl .ui-icon-last-d { background-position: -162px -162px; }