/* 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('/raskas-kalusto/galleria/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('/raskas-kalusto/galleria/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/facebook_like/css/facebook_like.css */ .g-facebook_like { overflow: visible; padding-top: 5px; margin-top: 0.5em; margin-left: 0.5em; margin-bottom: 0.5em; clear: both; } #g-column-right { overflow: visible !important; } /* modules/addthis/css/addthis_menu.css */ #g-view-menu #g-addthis-link { background-image: url('/raskas-kalusto/galleria/modules/addthis/css/../images/addthis_logo.png'); } /* modules/downloadfullsize/css/downloadfullsize_menu.css */ #g-view-menu #g-download-fullsize-link { background-image: url('/raskas-kalusto/galleria/modules/downloadfullsize/css/../images/ico-view-downloadfullsize.png'); } /* modules/register/css/register.css */ #g-register-form { width: 350px; } /* modules/downloadalbum/css/downloadalbum_menu.css */ #g-view-menu #g-download-album-link { background-image: url('/raskas-kalusto/galleria/modules/downloadalbum/css/../images/ico-view-downloadalbum.png'); } /* lib/yui/reset-fonts-grids.css */ /* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.1 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} /* lib/superfish/css/superfish.css */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu a { border-left: 1px solid #fff; border-top: 1px solid #CFDEFF; padding: .75em 1em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #13a; } .sf-menu li { background: #BDD2FF; } .sf-menu li li { background: #AABDE6; } .sf-menu li li li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #CFDEFF; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('/raskas-kalusto/galleria/lib/superfish/css/../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('/raskas-kalusto/galleria/lib/superfish/css/../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* themes/apks/css/themeroller/ui.base.css */ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (/beta/img/menu-taustab.gif') no-repeat; } /* OMAT TYYLIM�RITYKSET ~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */ #g-header { margin-bottom: 1em; } #g-banner { background-color: #e8e8e8; border-bottom: 1px solid #ccc; min-height: 5em; padding: 1em 20px; position: relative; } #g-content { padding-left: 20px; position: relative; width: 696px; } #g-sidebar { padding: 0 20px; width: 220px; } #g-footer { background-color: #e8e8e8; border-top: 1px solid #ccc; margin-top: 20px; padding: 10px 20px; } /** ******************************************************************* * 4) Content blocks in specific layout containers *********************************************************************/ /* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-banner #g-quick-search-form { clear: right; float: right; margin-top: 1em; } #g-banner #g-quick-search-form input[type='text'] { width: 17em; } #g-content .g-block h2 { background-color: transparent; padding-left: 0; } /* Sidebar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-sidebar .g-block-content { padding-left: 1em; } #g-sidebar #g-image-block { overflow: hidden; } /* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-content #g-album-grid { margin: 1em 0; position: relative; z-index: 1; } #g-content #g-album-grid .g-item { background-color: #fff; border: 1px solid #fff; float: left; padding: .6em 8px; position: relative; text-align: center; width: 213px; z-index: 1; } #g-content #g-album-grid .g-item h2 { margin: 5px 0; } #g-content .g-photo h2, #g-content .g-movie h2, #g-content .g-item .g-metadata { display: none; margin-bottom: .6em; } #g-content #g-album-grid .g-album { background-color: #e8e8e8; } #g-content #g-album-grid .g-album h2 span.g-album { background: transparent url('/raskas-kalusto/galleria/themes/apks/css/../images/ico-album.png') no-repeat top left; display: inline-block; height: 16px; margin-right: 5px; width: 16px; } #g-content #g-album-grid .g-hover-item { border: 1px solid #000; position: absolute !important; z-index: 1000 !important; } #g-content .g-hover-item h2, #g-content .g-hover-item .g-metadata { display: block; } #g-content #g-album-grid #g-place-holder { position: relative; visibility: hidden; z-index: 1; } /* Search results ~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-content #g-search-results { margin-top: 1em; padding-top: 1em; } /* Individual photo content ~~~~~~~~~~~~~~ */ #g-item { position: relative; width: 100%; } #g-item #g-photo, #g-item #g-movie { padding: 2.2em 0; position: relative; } #g-item img.g-resize, #g-item a.g-movie { display: block; margin: 0 auto; } /* Footer content ~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-footer #g-credits li { padding-right: 1.2em; } /* In-line editing ~~~~~~~~~~~~~~~~~~~~~~ */ #g-in-place-edit-message { background-color: #fff; } /* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-edit-permissions-form td { background-image: none; } #g-edit-permissions-form fieldset { border: 1px solid #ccc; } #g-permissions .g-denied { background-color: #fcc; } #g-permissions .g-allowed { background-color: #cfc; } #g-permissions .g-breadcrumbs a { border: 1px solid #fff; } #g-permissions .g-active a { border: 1px solid #ddd; background: #eee; } /** ******************************************************************* * 5) States and interactions **********************************************************************/ .g-active, .g-enabled, .g-available, .g-selected, .g-highlight { font-weight: bold; } .g-inactive, .g-disabled, .g-unavailable, .g-uneditable, .g-locked, .g-deselected, .g-understate { color: #ccc; font-weight: normal; } .g-editable { padding: .2em .3em; } .g-editable:hover { background-color: #ffc; cursor: text; } .g-error, .g-info, .g-success, .g-warning { padding-left: 30px; } form li.g-error, form li.g-info, form li.g-success, form li.g-warning { background-image: none; padding: .3em .8em .3em 0; } .g-short-form li.g-error { padding: .3em 0; } form.g-error input[type="text"], li.g-error input[type="text"], form.g-error input[type="password"], li.g-error input[type="password"], form.g-error input[type="checkbox"], li.g-error input[type="checkbox"], form.g-error input[type="radio"], li.g-error input[type="radio"], form.g-error textarea, li.g-error textarea, form.g-error select, li.g-error select { border: 2px solid #f00; margin-bottom: .2em; } .g-error, .g-denied, tr.g-error td.g-error, #g-add-photos-status .g-error { background: #f6cbca url('/raskas-kalusto/galleria/themes/apks/css/../images/ico-error.png') no-repeat .4em 50%; color: #f00; } .g-info { background: #e8e8e8 url('/raskas-kalusto/galleria/themes/apks/css/../images/ico-info.png') no-repeat .4em 50%; } .g-success, .g-allowed, #g-add-photos-status .g-success { background: #d9efc2 url('/raskas-kalusto/galleria/themes/apks/css/../images/ico-success.png') no-repeat .4em 50%; } tr.g-success { background-image: none; } tr.g-success td.g-success { background-image: url('/raskas-kalusto/galleria/themes/apks/css/../images/ico-success.png'); } .g-warning, tr.g-warning td.g-warning { background: #fcf9ce url('/raskas-kalusto/galleria/themes/apks/css/../images/ico-warning.png') no-repeat .4em 50%; } form .g-error { background-color: #fff; padding-left: 20px; } .g-open { } .g-closed { } .g-installed { background-color: #eeeeee; } .g-default { background-color: #c5dbec; font-weight: bold; } .g-draggable { cursor: move; } .g-draggable:hover { border: 1px dashed #000; } .ui-sortable .g-target, .ui-state-highlight { background-color: #fcf9ce; border: 2px dotted #999; height: 2em; margin: 1em 0; } /* Ajax loading indicator ~~~~~~~~~~~~~~~~ */ .g-loading-large, .g-dialog-loading-large { background: #e8e8e8 url('/raskas-kalusto/galleria/themes/apks/css/../images/loading-large.gif') no-repeat center center !important; } .g-loading-small { background: #e8e8e8 url('/raskas-kalusto/galleria/themes/apks/css/../images/loading-small.gif') no-repeat center center !important; } /** ******************************************************************* * 6) Positioning and order **********************************************************************/ .g-left { clear: none; float: left; } .g-right { clear: none; float: right; } .g-first { } .g-last { } .g-even { background-color: #fff; } .g-odd { background-color: #eee; } /** ******************************************************************* * 7) Navigation and menus *********************************************************************/ /* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-banner #g-login-menu { color: #999; float: right; } #g-banner #g-login-menu li { padding-left: 1.2em; } /* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-site-menu { bottom: 0; left: 140px; position: absolute; } #g-site-menu ul { margin-bottom: 0 !important; } /* Context Menu ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-context-menu { background-color: #fff; bottom: 0; left: 0; position: absolute; } .g-item .g-context-menu { display: none; margin-top: 2em; width: 100%; } #g-item .g-context-menu ul { display: none; } .g-context-menu li { border-left: none; border-right: none; border-bottom: none; } .g-context-menu li a { display: block; line-height: 1.6em; } .g-hover-item .g-context-menu { display: block; } .g-hover-item .g-context-menu li { text-align: left; } .g-hover-item .g-context-menu a:hover { text-decoration: none; } /* View Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-view-menu { margin-bottom: 1em; } #g-view-menu a { background-repeat: no-repeat; background-position: 50% 50%; height: 28px !important; width: 43px !important; } #g-view-menu #g-slideshow-link { background-image: url('/raskas-kalusto/galleria/themes/apks/css/../images/ico-view-slideshow.png'); } #g-view-menu .g-fullsize-link { background-image: url('/raskas-kalusto/galleria/themes/apks/css/../images/ico-view-fullsize.png'); } #g-view-menu #g-comments-link { background-image: url('/raskas-kalusto/galleria/themes/apks/css/../images/ico-view-comments.png'); } #g-view-menu #g-print-digibug-link { background-image: url('/raskas-kalusto/galleria/themes/apks/css/../images/ico-print.png'); } /** ******************************************************************* * 8) jQuery and jQuery UI *********************************************************************/ /* Generic block container ~~~~~~~~~~~~~~~ */ .g-block { clear: both; margin-bottom: 2.5em; } .g-block-content { } /* Superfish menu overrides ~~~~~~~~~~~~~~ */ .sf-menu ul { width: 12em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 12em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 12em; } .sf-menu li li, .sf-menu li li ul li { background-color: #bdd2ff; } .sf-menu li:hover { background-color: #dfe9ff; } /* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */ .ui-widget-overlay { background: #000; opacity: .7; } /* Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-button { display: inline-block; margin: 0 4px 0 0; padding: .2em .4em; } .g-button, .g-button:hover, .g-button:active { cursor: pointer !important; outline: 0; text-decoration: none; -moz-outline-style: none; } button { padding: 2px 4px 2px 4px; } /* jQuery UI ThemeRoller buttons ~~~~~~~~~ */ .g-buttonset { padding-left: 1px; } .g-buttonset li { float: left; } .g-buttonset .g-button { margin: 0; } .ui-icon-left .ui-icon { float: left; margin-right: .2em; } .ui-icon-right .ui-icon { float: right; margin-left: .2em; } /* Rotate icon, ThemeRoller only provides one of these */ .ui-icon-rotate-ccw { background-position: -192px -64px; } .ui-icon-rotate-cw { background-position: -208px -64px; } .g-progress-bar { height: 1em; width: 100%; margin: .5em 0; display: inline-block; } /* Status and validation messages ~~~~ */ .g-message-block { background-position: .4em .3em; border: 1px solid #ccc; padding: 0; } #g-action-status { margin-bottom: 1em; } #g-action-status li, p#g-action-status, div#g-action-status { padding: .3em .3em .3em 30px; } #g-site-status li { border-bottom: 1px solid #ccc; padding: .3em .3em .3em 30px; } .g-module-status { clear: both; margin-bottom: 1em; } .g-message { background-position: 0 50%; } /* Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-breadcrumbs { clear: both; padding: 0 20px; } .g-breadcrumbs li { background: transparent url('/raskas-kalusto/galleria/themes/apks/css/../images/ico-separator.gif') no-repeat scroll left center; float: left; padding: 1em 8px 1em 18px; } .g-breadcrumbs .g-first { background: none; padding-left: 0; } .g-breadcrumbs li a, .g-breadcrumbs li span { display: block; } #g-dialog ul.g-breadcrumbs { margin-left: 0; padding-left: 0; } /* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-paginator { padding: .2em 0; width: 100%; } .g-paginator li { float: left; width: 30%; } .g-paginator .g-info { background: none; padding: .2em 0; text-align: center; width: 40%; } /* Dialogs and panels ~~~~~~~~~~~~~~~~~~ */ #g-dialog { text-align: left; } #g-dialog legend { display: none; } #g-dialog .g-cancel { margin: .4em 1em; } #g-panel { display: none; padding: 1em; } /* Inline layout ~~~~~~~~~~ */ .g-inline li { float: left; margin-left: 1.8em; padding-left: 0 !important; } .g-inline li.g-first { margin-left: 0; } /* Autocomplete ~~~~~~~~~~ */ .ac_loading { background: white url('/raskas-kalusto/galleria/themes/apks/css/../images/loading-small.gif') right center no-repeat !important; }