/* 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('http://laurastants.com/gallery3/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; } /* 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('http://laurastants.com/gallery3/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; } /* 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('http://laurastants.com/gallery3/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('http://laurastants.com/gallery3/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/clean_canvas/css/clean/themeroller/ui.base.css */ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=7a7a7a&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=5e5e5e&fcHeader=ffffff&iconColorHeader=dedede&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=b8b8b8&fcContent=222222&iconColorContent=8f8f8f&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=dbdbdb&fcDefault=636363&iconColorDefault=9e9e9e&bgColorHover=dedede&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=ababab&fcHover=4a4a4a&iconColorHover=737373&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=a8a8a8&fcActive=877464&iconColorActive=8f8461&bgColorHighlight=e6e4d0&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=b2a670&fcHighlight=363636&iconColorHighlight=6f8bb3&bgColorError=f4f2f1&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=944242&fcError=7f4848&iconColorError=833434&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=20&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } .ui-widget-header { border: 1px solid #5e5e5e; background: #7a7a7a url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-bg_gloss-wave_55_7a7a7a_500x100.png') 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } .ui-widget-content { border: 1px solid #b8b8b8; background: #fcfdfd url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-bg_inset-hard_100_fcfdfd_1x100.png') 50% bottom repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #dbdbdb; background: #e6e6e6 url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-bg_glass_85_e6e6e6_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #636363; outline: none; } .ui-state-default a { color: #636363; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #ababab; background: #dedede url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-bg_glass_75_dedede_1x400.png') 50% 50% repeat-x; font-weight: bold; color: #4a4a4a; outline: none; } .ui-state-hover a { color: #4a4a4a; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #a8a8a8; background: #f5f8f9 url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-bg_inset-hard_100_f5f8f9_1x100.png') 50% 50% repeat-x; font-weight: bold; color: #877464; outline: none; } .ui-state-active a { color: #877464; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #b2a670; background: #e6e4d0 url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-bg_flat_55_e6e4d0_40x100.png') 50% 50% repeat-x; color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #944242; background: #f4f2f1 url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-bg_glass_95_f4f2f1_1x400.png') 50% 50% repeat-x; color: #7f4848; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #7f4848; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #7f4848; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-icons_8f8f8f_256x240.png'); } .ui-widget-content .ui-icon {background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-icons_8f8f8f_256x240.png'); } .ui-widget-header .ui-icon {background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-icons_dedede_256x240.png'); } .ui-state-default .ui-icon { background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-icons_9e9e9e_256x240.png'); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-icons_737373_256x240.png'); } .ui-state-active .ui-icon {background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-icons_8f8461_256x240.png'); } .ui-state-highlight .ui-icon {background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-icons_6f8bb3_256x240.png'); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-icons_833434_256x240.png'); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-right { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/themeroller/images/ui-bg_flat_20_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:left; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .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; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .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-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} /* Tabs ----------------------------------*/ .ui-tabs {padding: .2em;} .ui-tabs .ui-tabs-nav { padding: .2em .2em 0 .2em; position: relative; } .ui-tabs .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; list-style: none; } .ui-tabs .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom: 0; } .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* themes/clean_canvas/css/clean/screen_colors.css */ /** * Gallery 3 Clean Canvas Theme Screen Styles * * @requires YUI reset, font, grids CSS * * Sheet organization: * 1) Font sizes, base HTML elements * 2) Reusable content blocks * 3) Page layout containers * 4) Content blocks in specific layout containers * 5) States and interactions * 6) Positioning and order * 7) Navigation and menus * 8) jQuery and jQuery UI * 9) Right-to-left language styles */ /** ******************************************************************* * 1) Font sizes, base HTML elements **********************************************************************/ body, html { background-color: #fff; background: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/page_background.jpg'); color: #555; /* font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;*/ } #g-sidebar .g-block h2 { background: rgba( 255,255,255,0.5 ); } #g-sidebar{ background:url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/background_header.jpg'); } /* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a, .g-menu a, #g-dialog a, .g-button, .g-button:hover, .g-button:active, a.ui-state-hover, input.ui-state-hover, button.ui-state-hover { color: #3C5580 !important; } #g-banner a { color: #3C5580; } .g-menu li, .g-menu ul { background: transparent !important; } /* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ input.textbox, input[type="text"], input[type="password"], textarea { border-top-color: #ccc; border-left-color: #ccc; color: #333; } input:focus, input.textbox:focus, input[type=text]:focus, textarea:focus, option:focus { background-color: #ffc; color: #000; } input[readonly] { background-color: #F4F4FC; } /* Short forms ~~~~~~~~~~~~~~~~~~~~~~~ */ .g-short-form .textbox, .g-short-form input[type=text] { color: #666; } .g-short-form .textbox.g-error { color: #f00; } /** ******************************************************************* * 2) Reusable content blocks *********************************************************************/ /*** ****************************************************************** * 3) Page layout containers *********************************************************************/ /* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-view { background: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/background2.jpg'); } /* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */ #g-banner { background: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/background_header.jpg'); } #g-footer { /*background:url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/background_header.jpg');*/ } /** ******************************************************************* * 4) Content blocks in specific layout containers *********************************************************************/ /* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-content .g-block h2 { background-color: transparent; } /* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-content #g-album-grid .g-album h2 span.g-album { background: transparent url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-album.png') no-repeat top left; } #g-content #g-album-grid .g-hover-item { background:url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/background_header.jpg'); } /* In-line editing ~~~~~~~~~~~~~~~~~~~~~~ */ #g-in-place-edit-message { background-color: #fff; } /* Permissions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-edit-permissions-form td { background-image: none; } #g-permissions .g-denied { background-color: #fcc; } #g-permissions .g-allowed { background-color: #cfc; } #g-permissions .g-active a { background: #eee; } /** ******************************************************************* * 5) States and interactions **********************************************************************/ .g-inactive, .g-disabled, .g-unavailable, .g-uneditable, .g-locked, .g-deselected, .g-understate { color: #ccc; } .g-editable:hover { background-color: #ffc; } form li.g-error, form li.g-info, form li.g-success, form li.g-warning { background-image: none; } .g-error, .g-denied, tr.g-error td.g-error, #g-add-photos-status .g-error { background: #f6cbca url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-error.png') no-repeat .4em 50%; color: #f00; } .g-info { background: #e8e8e8 url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-info.png') no-repeat .4em 50%; } .g-success, .g-allowed, #g-add-photos-status .g-success { background: #d9efc2 url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-success.png') no-repeat .4em 50%; } tr.g-success { background-image: none; } tr.g-success td.g-success { background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-success.png'); } .g-warning, tr.g-warning td.g-warning { background: #fcf9ce url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-warning.png') no-repeat .4em 50%; } form .g-error { background-color: #fff; } .g-installed { background-color: #eeeeee; } .g-default { background-color: #c5dbec; } .ui-sortable .g-target, .ui-state-highlight { background-color: #fcf9ce; } /* Ajax loading indicator ~~~~~~~~~~~~~~~~ */ .g-loading-large, .g-dialog-loading-large { background: #e8e8e8 url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/loading-large.gif') no-repeat center center !important; } .g-loading-small { background: #e8e8e8 url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/loading-small.gif') no-repeat center center !important; } /** ******************************************************************* * 6) Positioning and order **********************************************************************/ .g-even { background-color: #fff; } .g-odd { background-color: #eee; } /** ******************************************************************* * 7) Navigation and menus *********************************************************************/ #g-site-menu ul li:hover { background-color: #CCC !important; } #g-site-menu ul li ul li:hover, #g-site-menu a:hover, #g-site-menu a:active, #g-site-menu a:focus { background-color: #AAA !important; } #g-site-menu ul { background-color: #CCC; } #g-site-menu ul li ul { background-color: #CCC !important; } /* Context Menu ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-context-menu { background-color: #fff; } #g-view-menu #g-slideshow-link { background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-view-slideshow.png'); } #g-view-menu .g-fullsize-link { background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-view-fullsize.png'); } #g-view-menu #g-comments-link { background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-view-comments.png'); } #g-view-menu #g-print-digibug-link { background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-print.png'); } /** ******************************************************************* * 8) jQuery and jQuery UI *********************************************************************/ .sfHover li { background-color: #CCC; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-color: #FFF; } .sf-menu li li, .sf-menu li li ul li { /* background: rgba( 255,255,255,0.5 );*/ background-color: #CCC; } .sfmenu li { background-color: #CCC; background:#CCC; } .sf-menu li:hover { /* background-color: #dfe9ff;*/ background-color: #CCC; } /* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */ .ui-widget-overlay { background: #000; } /* Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-breadcrumbs li { background: transparent url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-separator.gif') no-repeat scroll left center; } .g-breadcrumbs .g-first { background: none; } /* Pagination ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-paginator .g-info { background: none; } /* Autocomplete ~~~~~~~~~~ */ .ac_loading { background: white url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/loading-small.gif') right center no-repeat !important; } /** ******************************************************************* * 9) Right to left language styles *********************************************************************/ .rtl .g-breadcrumbs li { background: transparent url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-separator-rtl.gif') no-repeat scroll right center; } .rtl .g-breadcrumbs .g-first { background: none; } /* RTL Superfish ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .rtl .sf-sub-indicator { background: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../../../lib/superfish/images/arrows-ffffff-rtl.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } /*** shadows for all but IE6 ***/ .rtl .sf-shadow ul { background: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../../../lib/superfish/images/shadow.png') no-repeat bottom left; } .rtl #g-view-menu #g-slideshow-link { background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-view-slideshow-rtl.png'); } #g-banner ul li a { color: #3C5580 !important; } #g-site-menu ul li a { color: #3C5580 !important; } #g-view-menu #g-download-archive-link { background-image: url('http://laurastants.com/gallery3/themes/clean_canvas/css/clean/../../images/clean/ico-view-downloadarchive_new.png') !important; } /* themes/clean_canvas/css/clean/screen_candy.css */ /** * Gallery 3 Clean Canvas Theme Screen Styles * * @requires YUI reset, font, grids CSS * * Sheet organization: * 1) Font sizes, base HTML elements * 2) Reusable content blocks * 3) Page layout containers * 4) Content blocks in specific layout containers * 5) States and interactions * 6) Positioning and order * 7) Navigation and menus * 8) jQuery and jQuery UI * 9) Right-to-left language styles */ /** ******************************************************************* * 1) Font sizes, base HTML elements **********************************************************************/ #g-sidebar .g-block h2 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } #g-sidebar{ -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; box-shadow: 1px 2px 8px #333; -moz-box-shadow: 1px 2px 8px #333; -webkit-box-shadow: 1px 2px 8px #333; } .g-thumbnail, #g-photo img { -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; box-shadow: 3px 3px 8px #333; -moz-box-shadow: 3px 3px 8px #333; -webkit-box-shadow: 3px 3px 8px #333; } /* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a, .g-menu a, #g-dialog a, .g-button, .g-button:hover, .g-button:active, a.ui-state-hover, input.ui-state-hover, button.ui-state-hover { -moz-outline-style: none; } #g-banner a { cursor: pointer !important; -moz-outline-style: none; } /* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ fieldset { border: 1px solid #ccc; } #g-banner fieldset, #g-sidebar fieldset { border: none; } input.textbox, input[type="text"], input[type="password"], textarea { border: 1px solid #e8e8e8; } /* Forms in dialogs and panels ~~~~~~~~~ */ #g-dialog fieldset, #g-panel fieldset { border: none; } /* Short forms ~~~~~~~~~~~~~~~~~~~~~~~ */ .g-short-form fieldset { border: none; } .g-short-form .textbox.g-error { border: 1px solid #f00; } /* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ th, td { border: none; border-bottom: 1px solid #ccc; } /** ******************************************************************* * 2) Reusable content blocks *********************************************************************/ /*** ****************************************************************** * 3) Page layout containers *********************************************************************/ /* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-view { border-bottom: none; } /* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */ #g-banner { -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -khtml-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; } /** ******************************************************************* * 4) Content blocks in specific layout containers *********************************************************************/ #g-content #g-album-grid .g-hover-item { -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -khtml-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; box-shadow: 3px 3px 8px #333; -moz-box-shadow: 3px 3px 8px #333; -webkit-box-shadow: 3px 3px 8px #333; } #g-edit-permissions-form fieldset { border: 1px solid #ccc; } #g-permissions .g-breadcrumbs a { border: 1px solid #fff; } .g-editable:hover { cursor: text; } .g-draggable { cursor: move; } .g-draggable:hover { border: 1px dashed #000; } /** ******************************************************************* * 6) Positioning and order **********************************************************************/ /** ******************************************************************* * 7) Navigation and menus *********************************************************************/ /* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-site-menu ul li:hover { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius; 10px; } #g-site-menu ul li ul li:hover, #g-site-menu a:hover, #g-site-menu a:active, #g-site-menu a:focus { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius; 10px; } #g-site-menu ul { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius; 10px; } /* Context Menu ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-context-menu li { border-left: none; border-right: none; border-bottom: none; } .g-context-menu li a { line-height: 1.6em; } /* View Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-view-menu { border-bottom: 1px solid #050505; } #g-view-menu a { background-repeat: no-repeat; background-position: 50% 50%; } /** ******************************************************************* * 8) jQuery and jQuery UI *********************************************************************/ .sf-menu a { border: 0 none; } /* jQuery UI Dialog ~~~~~~~~~~~~~~~~~~~~~~ */ .ui-widget-overlay { opacity: .7; } /* Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-button, .g-button:hover, .g-button:active { cursor: pointer !important; outline: 0; -moz-outline-style: none; } /* jQuery UI ThemeRoller buttons ~~~~~~~~~ */ /* Status and validation messages ~~~~ */ .g-message-block { border: 1px solid #ccc; } /** ******************************************************************* * 9) Right to left language styles *********************************************************************/ /* RTL Corner radius ~~~~~~~~~~~~~~~~~~~~~~ */ .rtl .g-buttonset .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 5px !important; -webkit-border-top-right-radius: 5px !important; border-top-right-radius: 5px !important; } .rtl .g-buttonset .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topleft: 5px !important; -webkit-border-top-left-radius: 5px !important; border-top-left-radius: 5px !important; } .rtl .g-buttonset .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 5px !important; -webkit-border-bottom-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .rtl .g-buttonset .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 5px !important; -webkit-border-bottom-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .rtl .g-buttonset .ui-corner-right, .rtl .ui-progressbar .ui-corner-right { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topleft: 5px !important; -webkit-border-top-left-radius: 5px !important; border-top-left-radius: 5px !important; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 5px !important; -webkit-border-bottom-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .rtl .g-buttonset .ui-corner-left, .rtl .ui-progressbar .ui-corner-left { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 5px !important; -webkit-border-top-right-radius: 5px !important; border-top-right-radius: 5px !important; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 5px !important; -webkit-border-bottom-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } /* RTL Superfish ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .rtl .sf-menu a { border-left: none; border-right:1px solid #fff; } /*** shadows for all but IE6 ***/ .rtl .sf-shadow ul { border-top-right-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 17px; -moz-border-radius-bottomright: 17px; -webkit-border-top-left-radius: 17px; -webkit-border-bottom-right-radius: 17px; border-top-left-radius: 17px; border-bottom-right-radius: 17px; } #doc3 { box-shadow: 4px 4px 12px #333; -moz-box-shadow: 4px 4px 12px #333; -webkit-box-shadow: 4px 4px 12px #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } #doc4 { box-shadow: 4px 4px 12px #333; -moz-box-shadow: 4px 4px 12px #333; -webkit-box-shadow: 4px 4px 12px #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } .g-thumbnail:hover { box-shadow: 4px 4px 12px #333; -moz-box-shadow: 4px 4px 12px #333; -webkit-box-shadow: 4px 4px 12px #333; } #g-banner { border-bottom: 1px solid #050505; -moz-opacity:.9; -webkit-opacity:.9; opacity:.9; } #g-footer { border-top: 1px solid #050505; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -khtml-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; } /* themes/clean_canvas/css/screen_layout_base.css */ /** * Gallery 3 Clean Canvas Theme Screen Styles * * @requires YUI reset, font, grids CSS * * Sheet organization: * 1) Font sizes, base HTML elements * 2) Reusable content blocks * 3) Page layout containers * 4) Content blocks in specific layout containers * 5) States and interactions * 6) Positioning and order * 7) Navigation and menus * 8) jQuery and jQuery UI * 9) Right-to-left language styles */ /** ******************************************************************* * 1) Font sizes, base HTML elements **********************************************************************/ p { margin-bottom: 1em; } #g-sidebar .g-block li { margin-bottom: .7em; } #g-sidebar{ top: -30px; } .g-no-breadcrumb-sidebar-correction{ top:160px; } /* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-dialog #g-action-status li { width: 400px; white-space: normal; padding-left: 32px; } /* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ form { margin: 0; } fieldset { padding: 0 1em .8em 1em; } #g-banner fieldset, #g-sidebar fieldset { padding: 0; } legend { margin: 0; padding: 0 .2em; } #g-banner legend, #g-sidebar legend, input[type="hidden"] { display: none; } input.textbox, input[type="text"], input[type="password"], textarea { clear: both; width: 50%; } textarea { height: 12em; width: 97%; } input.checkbox, input[type=checkbox], input.radio, input[type=radio] { float: left; margin-right: .4em; } /* Form 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; } input, select, textarea { display: block; clear: both; padding: .2em; } input[type="submit"], input[type="reset"] { display: inline; clear: none; float: left; } /* Forms in dialogs and panels ~~~~~~~~~ */ #g-dialog ul li { padding-bottom: .8em; } #g-dialog fieldset, #g-panel fieldset { padding: 0; } #g-panel legend { display: none; } #g-dialog input.textbox, #g-dialog input[type=text], #g-dialog input[type=password], #g-dialog textarea { width: 97%; } /* Short forms ~~~~~~~~~~~~~~~~~~~~~~~ */ .g-short-form legend, .g-short-form label { display: none; } .g-short-form fieldset { padding: 0; } .g-short-form li { float: left; margin: 0 !important; padding: .4em 0; } .g-short-form .textbox, .g-short-form input[type=text] { padding: .3em .6em; width: 100%; } .g-short-form .textbox.g-error { 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; } /* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ table { width: 100%; } #g-content table { margin: 1em 0; } th, td { padding: .5em; } td { vertical-align: top; } /** ******************************************************************* * 2) Reusable content blocks *********************************************************************/ .g-block h2 { /* background-color: #e8e8e8;*/ padding: .3em .8em; } .g-block-content { margin-top: 1em; } /*** ****************************************************************** * 3) Page layout containers *********************************************************************/ /* Dimension and scale ~~~~~~~~~~~~~~~~~~~ */ .g-one-quarter { width: 25%; } .g-one-third { width: 33%; } .g-one-half { width: 50%; } .g-two-thirds { width: 66%; } .g-three-quarters { width: 75%; } .g-whole { width: 100%; } /* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */ #g-header { margin-bottom: 1em; } #g-banner { min-height: 5em; padding: 1em 20px; position: relative; } #g-content { padding-left: 20px; position: relative; } #g-sidebar { padding: 10px 10px; width: 220px; } #g-footer { 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 { padding-left: 0; } #g-sidebar .g-block-content { padding-left: 1em; } /* Album content ~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-content #g-album-grid { margin: 1em 0; position: relative; z-index: 1; } #g-content #g-album-grid .g-item { float: left; padding: 1.6em 8px; position: relative; width: 213px; z-index: 1; } #g-content #g-album-grid .g-item h2 { margin: 5px 0; } #g-content .g-photo h2, #g-content .g-item .g-metadata { display: block; margin-bottom: .6em; } #g-content #g-album-grid .g-album h2 span.g-album { display: inline-block; height: 20px; margin-right: 2px; width: 20px; } #g-content #g-album-grid .g-hover-item { 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; } /** ******************************************************************* * 5) States and interactions **********************************************************************/ .g-editable { padding: .2em .3em; } .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 { 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; } form .g-error { padding-left: 20px; } .ui-sortable .g-target, .ui-state-highlight { height: 2em; margin: 1em 0; } /** ******************************************************************* * 6) Positioning and order **********************************************************************/ .g-left { clear: none; float: left; } .g-right { clear: none; float: right; } /** ******************************************************************* * 7) Navigation and menus *********************************************************************/ /* Login menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-banner-languages { position:absolute; right:250px; float: right; margin-top: -5px; } #g-banner #g-login-menu { /* color: #999;*/ float: right; margin-top: -5px; } #g-banner #g-login-menu li { padding-left: 1.2em; } /* Site Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-site-menu { bottom: 0; left: 160px; position: absolute; } #g-site-menu ul li ul { padding: 0; } /* Context Menu ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-context-menu { bottom: 0; left: 0; position: absolute; margin-top: 2em; z-index: 100; } .g-item .g-context-menu { display: none; margin-top: 2em; width: 100%; } #g-item .g-context-menu ul { display: none; } .g-context-menu li a { display: block; } .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 { padding-bottom: 5px; margin-bottom: 1em; } #g-view-menu a { background-position: 50% 50%; height: 22px !important; width: 40px !important; } /** ******************************************************************* * 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; } /* Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-button { display: inline-block; margin: 0 4px 0 0; padding: .2em .4em; } 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-top: .5em; display: inline-block; } /* Status and validation messages ~~~~ */ .g-message-block { background-position: .4em .3em; 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 { 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 { float: left; padding: 1em 8px 1em 18px; } .g-breadcrumbs .g-first { 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 { padding: .2em 0; width: 40%; } /* Dialogs and panels ~~~~~~~~~~~~~~~~~~ */ #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; } /** ******************************************************************* * 9) Right to left language styles *********************************************************************/ .rtl .g-error, .rtl .g-info, .rtl .g-success, .rtl .g-warning, .rtl #g-add-photos-status .g-success, .rtl #g-add-photos-status .g-error { background-position: center right; padding-right: 30px !important; } .rtl form li.g-error, .rtl form li.g-info, .rtl form li.g-success, .rtl form li.g-warning { padding-right: 0 !important; } .rtl .g-left, .rtl .g-inline li, .rtl #g-content #g-album-grid .g-item, .rtl .sf-menu li, .rtl .g-breadcrumbs li, .rtl .g-paginator li, .rtl .g-buttonset li, .rtl .ui-icon-left .ui-icon, .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-right, .rtl .ui-icon-right .ui-icon { float: left; } .rtl .g-inline li { margin-right: 1em; } .rtl .g-inline li.g-first { margin-right: 0; } .rtl .g-breadcrumbs li { padding: 1em 18px 1em 8px; } .rtl .g-breadcrumbs .g-first { padding-right: 0; } .rtl input.checkbox { margin-left: .4em; } .rtl #g-add-comment { right: inherit; left: 0; } .rtl .ui-icon-left .ui-icon { margin-left: .2em; } .rtl .ui-icon-right .ui-icon { margin-right: .2em; } /* RTL Superfish ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .rtl .sf-menu a.sf-with-ul { padding-left: 2.25em; padding-right: 1em; } .rtl .sf-sub-indicator { left: .75em !important; right: auto; } .rtl a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: -10px -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ .rtl a:focus > .sf-sub-indicator, .rtl a:hover > .sf-sub-indicator, .rtl a:active > .sf-sub-indicator, .rtl li:hover > a > .sf-sub-indicator, .rtl li.sfHover > a > .sf-sub-indicator { background-position: 0 -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .rtl .sf-menu ul .sf-sub-indicator { background-position: 0 0; } .rtl .sf-menu ul a > .sf-sub-indicator { background-position: -10px 0; } /* apply hovers to modern browsers */ .rtl .sf-menu ul a:focus > .sf-sub-indicator, .rtl .sf-menu ul a:hover > .sf-sub-indicator, .rtl .sf-menu ul a:active > .sf-sub-indicator, .rtl .sf-menu ul li:hover > a > .sf-sub-indicator, .rtl .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: 0 0; /* arrow hovers for modern browsers*/ } .rtl .sf-menu li:hover ul, .rtl .sf-menu li.sfHover ul { right: 0; left: auto; } .rtl ul.sf-menu li li:hover ul, .rtl ul.sf-menu li li.sfHover ul { right: 12em; /* match ul width */ left: auto; } .rtl ul.sf-menu li li li:hover ul, .rtl ul.sf-menu li li li.sfHover ul { right: 12em; /* match ul width */ left: auto; } /*** shadows for all but IE6 ***/ .rtl .sf-shadow ul { padding: 0 0 9px 8px; } /* RTL ThemeRoller ~~~~~~~~~~~~~~~~~~~~~~~~ */ .rtl .ui-dialog .ui-dialog-titlebar { padding: 0.5em 1em 0.3em 0.3em; } .rtl .ui-dialog .ui-dialog-title { float: right; } .rtl .ui-dialog .ui-dialog-titlebar-close { left: 0.3em; right: auto; } /* RTL paginator ~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .rtl .g-paginator .g-info { width: 35%; } .rtl .g-paginator .g-text-right { margin-left: 0; } .rtl .g-paginator .ui-icon-seek-end { background-position: -80px -160px; } .rtl .g-paginator .ui-icon-seek-next { background-position: -48px -160px; } .rtl .g-paginator .ui-icon-seek-prev { background-position: -32px -160px; } .rtl .g-paginator .ui-icon-seek-first { background-position: -64px -160px; } .rtl #g-header #g-login-menu, .rtl #g-header #g-quick-search-form { clear: left; float: left; } .rtl #g-header #g-login-menu li { margin-left: 0; padding-left: 0; padding-right: 1.2em; } .rtl #g-site-menu { left: auto; right: 150px; } #g-logo { position: absolute; bottom: 0px; } #g-info { padding-left: 20px; padding-right: 20px; padding-bottom: 10px; width: 1070px; text-align:center; } #g-comments { padding: 20px; } .yui-t5 #yui-main .yui-b { margin-right: 210px; } #g-photo { padding: 20px; } #g-banner { position: relative; z-index: 3; } #g-exif-block-content { padding: 0px 0px 0px 30px; } /* Internet explorer workarounds */ #g-banner { z-index: 2; zoom: 1; } #g-photo, #g-movie { zoom: 1; } .footerspan { width: 250px; margin: 0 auto; } /* themes/clean_canvas/css/screen_fonts.css */ /** * Gallery 3 Clean Canvas Theme Screen Styles * * @requires YUI reset, font, grids CSS * * Sheet organization: * 1) Font sizes, base HTML elements * 2) Reusable content blocks * 3) Page layout containers * 4) Content blocks in specific layout containers * 5) States and interactions * 6) Positioning and order * 7) Navigation and menus * 8) jQuery and jQuery UI * 9) Right-to-left language styles */ /** ******************************************************************* * 1) Font sizes, base HTML elements **********************************************************************/ body, html { font-family: Verdana, Geneva, sans-serif; } em { font-style: oblique; } h1, h2, h3, h4, h5, strong, th { font-weight: bold; } h1 { font-size: 1.0em; } #g-dialog h1 { font-size: 0.8em; } /* auf photopage oben navigation */ .g-paginator .g-info, .g-paginator li { font-size: 0.85em; } #g-info h1 { font-size: 3.0em; font-weight: bold; font-style: italic; font-family: Times, "Times New Roman", serif; color: Black; } .g-description { font-weight: bold; font-family: Times, "Times New Roman", serif; color: Black; font-size: 1.3em; } h2 { font-size: 1.3em; } #g-sidebar .g-block h2 { font-size: 1.0em; } #g-content, #g-site-menu, h3 { font-size: 1.0em; } #g-site-menu { font-size: 1.1em; } #g-sidebar, .g-breadcrumbs { font-size: .8em; } #g-banner, #g-footer, .g-message { font-size: 0.7em; } #g-album-grid .g-item, #g-item #g-photo, #g-item #g-movie { font-size: 0.8em; } /* comment button */ #g-admin-comment-button { font-size: 1.8em; } /* comment entry */ #g-content #g-comments .g-author { font-size: 0.8em; } /* kommentar an sich */ #g-content #g-comments ul li div { font-size: 0.8em; } #bd { /* box-shadow: 4px 4px #666;*/ } /* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a, .g-menu a, #g-dialog a, .g-button, .g-button:hover, .g-button:active, a.ui-state-hover, input.ui-state-hover, button.ui-state-hover { text-decoration: none; } #g-banner a { text-decoration: none; } a:hover, #g-dialog a:hover { text-decoration: underline; } .g-menu a:hover { text-decoration: none; } /* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ legend { font-weight: bold; } caption, th { text-align: left; } /* Text ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .g-text-small { font-size: .8em; } .g-text-big { font-size: 1.2em; } .g-text-right { text-align: right; } /** ******************************************************************* * 2) Reusable content blocks *********************************************************************/ .g-block-content li{ font-size: 1.0em; } /* View container ~~~~~~~~~~~~~~~~~~~~~~~~ */ /** ******************************************************************* * 4) Content blocks in specific layout containers *********************************************************************/ #g-comments .g-block h2 { font-size: 0.8em !important; } #g-content #g-album-grid .g-item { text-align: center; } /** ******************************************************************* * 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 { font-weight: normal; } /** ******************************************************************* * 6) Positioning and order **********************************************************************/ /** ******************************************************************* * 7) Navigation and menus *********************************************************************/ .g-hover-item .g-context-menu li { text-align: left; } .g-hover-item .g-context-menu a:hover { text-decoration: none; } .g-button, .g-button:hover, .g-button:active { text-decoration: none; } .g-paginator .g-info { text-align: center; } /* Dialogs and panels ~~~~~~~~~~~~~~~~~~ */ #g-dialog { text-align: left; } /** ******************************************************************* * 9) Right to left language styles *********************************************************************/ .rtl { direction: rtl; } .rtl #g-header, .rtl #g-content, .rtl #g-sidebar, .rtl #g-footer, .rtl caption, .rtl th, .rtl #g-dialog, .rtl .g-context-menu li a, .rtl .g-message-box li, .rtl #g-site-status li { text-align: right; } .rtl .g-text-right { text-align: left; } /* RTL Superfish ~~~~~~~~~~~~~~~~~~~~~~~~~ */ #g-tag-cloud { font-size: 0.8em; } /*#g-info h1 { font-size: 1.2em; }*/ #g-info { font-size:0.9em; } #g-comments { font-size: 0.9em; } #g-comment-detail { font-size: 1.3em; } .g-valign h2 { font-size: 1.2em; } .headerlink { font-family: times, "Times New Roman", serif; font-size: 16pt; font-color: black; text-decoration: none; font-style: italic; } /* themes/clean_canvas/css/screen_layout_wide.css */ /** * Gallery 3 Clean Canvas Theme Screen Styles * * @requires YUI reset, font, grids CSS * * Sheet organization: * 1) Font sizes, base HTML elements * 2) Reusable content blocks * 3) Page layout containers * 4) Content blocks in specific layout containers * 5) States and interactions * 6) Positioning and order * 7) Navigation and menus * 8) jQuery and jQuery UI * 9) Right-to-left language styles */ /** ******************************************************************* * 1) Font sizes, base HTML elements **********************************************************************/ #g-sidebar{ left: 40px; } /** ******************************************************************* * 2) Reusable content blocks *********************************************************************/ /*** ****************************************************************** * 3) Page layout containers *********************************************************************/ /* Layout containers ~~~~~~~~~~~~~~~~~~~~~ */ #g-content { width: auto; } /** ******************************************************************* * 4) Content blocks in specific layout containers *********************************************************************/ /** ******************************************************************* * 5) States and interactions **********************************************************************/ /** ******************************************************************* * 6) Positioning and order **********************************************************************/ /** ******************************************************************* * 7) Navigation and menus *********************************************************************/ /** ******************************************************************* * 8) jQuery and jQuery UI *********************************************************************/ /** ******************************************************************* * 9) Right to left language styles *********************************************************************/ #doc3 { margin: 3px 70px 0px 30px; min-width: 700px; }