/* User Gallery CSS */ #user-gallery h2, h3 { padding: 2px 10px; } #user-gallery div.image-header { padding-top: 2px; padding-bottom: 2px; } #user-gallery div.image-header h2 { float: left; } #user-gallery div.image-main { position: relative; width: 492px; height: 320px; } #user-gallery div.image-main p.credit { position: absolute; bottom: 0; right: 0; padding: 6px 8px; } #user-gallery div.image-main img { display: block; margin: auto; } #user-gallery ul.prev-next-links { margin: 0; padding: 2px 10px; } #user-gallery ul.prev-next-links li { margin: 0; padding: 0 0 0 5px; display: inline; background: transparent none; } #user-gallery ul.prev-next-links li a { background: transparent; font-weight: bold; } #user-gallery div.image-thumb-page-nav { height: 2.5em; } #user-gallery div.image-thumb-page-nav ul.prev-next-links { position: relative; float: none; } #user-gallery div.image-thumb-page-nav ul.prev-next-links li { position: absolute; } #user-gallery div.image-thumb-page-nav ul.prev-next-links li.prev-link { top: 0; left: 5px; } #user-gallery div.image-thumb-page-nav ul.prev-next-links li.next-link { top: 0; right: 12px; } /* Star Ratings */ #user-gallery .image-rating{ padding: 2px 0 0 0; } #user-gallery .rating{ margin: 10px 0 0 10px; padding: 0 0 20px 0; } #user-gallery .rating .ratingLabel{ margin: 0 5px 0 0; float: left; } #user-gallery .rating .ratingNoVotes{ padding: 0 0 0 5px; float: left; } #user-gallery .rating span{ float: left; display: block; width: 60px; height: 0; padding-top: 11px; overflow: hidden; background: transparent url(/media/global/images/gt-usergallery/bg_stars_green.gif) no-repeat; } #user-gallery .rating span.r5_0 { background-position: 0px 0px!important; } #user-gallery .rating span.r4_0 { background-position: -12px 0px!important; } #user-gallery .rating span.r3_0 { background-position: -24px 0px!important; } #user-gallery .rating span.r2_0 { background-position: -36px 0px!important; } #user-gallery .rating span.r1_0 { background-position: -48px 0px!important; } #user-gallery .rating span.r0_0 { background-position: -60px 0px!important; } #user-gallery .rating span.r4_5 { background-position: -0px -11px!important; } #user-gallery .rating span.r3_5 { background-position: -12px -11px!important; } #user-gallery .rating span.r2_5 { background-position: -24px -11px!important; } #user-gallery .rating span.r1_5 { background-position: -36px -11px!important; } #user-gallery .rating span.r0_5 { background-position: -48px -11px!important; } #user-gallery #userRatingsId{ margin: 0 0 0 10px; clear: left; } #user-gallery #userRatingsId.hide{ display: none; } #user-gallery #alreadyRated{ margin-left: 10px; color: #D30000; font-size: 0.85em; } #user-gallery #alreadyRated.show{ display: block; } #user-gallery #alreadyRated.hide{ display: none; } #user-gallery .gallery-desc p.image-description{ padding: 10px; } /* Image Footer */ #user-gallery div.image-footer { padding-top: 10px; } #user-gallery div.image-footer p.image-footer-username { font-weight: bold; padding-bottom: 2px; } #user-gallery div.image-footer p.image-footer-username span { font-weight: normal; } /* Thumbnails */ #user-gallery div.image-thumbs { padding-bottom: 12px; } #user-gallery div.image-thumbs ul.thumb-display-list { margin: 10px 10px 0 10px; padding: 0;} #user-gallery div.image-thumbs ul.thumb-display-list li { margin: 0; padding: 0 1px 1px 0; float: left; background: transparent none; } #user-gallery div.image-thumbs ul.thumb-display-list li img, #user-gallery div.image-thumbs ul.thumb-display-list li a, #user-gallery div.image-thumbs ul.thumb-display-list li a img { display:block; } #user-gallery div.image-thumbs ul.thumb-display-list li a { position: relative; } #user-gallery div.image-thumbs ul.thumb-display-list li a:hover { background:transparent; } #user-gallery div.image-thumbs ul.thumb-display-list li a img.mesh-image { position: absolute; top: 0; left:0 } #user-gallery div.image-thumbs ul.thumb-display-list li a:hover img.mesh-image, #user-gallery div.image-thumbs ul.thumb-display-list li a:active img.mesh-image, #user-gallery div.image-thumbs ul.thumb-display-list li a:focus img.mesh-image { visibility: hidden; } #user-gallery div.image-thumbs ul.thumb-display-list li a:focus, #user-gallery div.image-thumbs ul.thumb-display-list li a:focus img { outline-width: 0; } #user-gallery div.image-thumbs ul.thumb-display-list li img, #user-gallery div.image-thumbs ul.thumb-display-list li a, #user-gallery div.image-thumbs ul.thumb-display-list li a img { display: block; } #user-gallery div.image-thumbs ul.thumb-display-list li a img.mesh-image { top: 0; left: 0; position: absolute; } #user-gallery div.image-main{ background-color: #000 /*#332D2D*/; } /* fix the thumbnail sizes */ #user-gallery div.image-thumbs ul.thumb-display-list li img{ width: 58px; height: 38px; } #user-gallery div.image-thumbs p.thumb-info { font-weight: bold; padding: 8px 10px 2px 10px; } /* Fixes and Floats */ #user-gallery .cf:after { _content: "."; _display: block; _height: 0 ; _clear: both ; _visibility: hidden; } #user-gallery .cf { _display: inline-block; } /* Colours */ /* These are contained in the GT site's colour-scheme.css file */ /* Font Styling */ #user-gallery ul.gallery-paging li { font-weight: bold; } #user-gallery h2, h3 { font-size: 100%; line-height: 1.27; } /* Debug Only */ #gallery-debug table { width: 472px; margin: 10px; } #gallery-debug td { padding: 5px 10px; } #gallery-debug tr.even td { background: #ccc; } #gallery-debug tr.odd td { background: #aaa; } /* Upload Form */ #wcl-file-upload h3 { margin: 10px 0; background: #332D2D; color: #fff; } #wcl-file-upload .upload-form-row { clear: both; padding: 5px 10px; } #wcl-file-upload .upload-form-clear { clear: both; height: 1px; overflow: hidden; } #wcl-file-upload .upload-form-label { float: left; padding-top: 5px; /*width: 200px;*/ font-weight: bold; } #wcl-file-upload .upload-form-label span.notdisplayed { font-weight: normal; } #wcl-file-upload .upload-form-right { float: right; } #wcl-file-upload .upload-form-input { width: 140px; border: solid 1px #666; } #wcl-file-upload .upload-form-textarea { width: 470px; margin: 0 0 0 10px; border: solid 1px #666; } #wcl-file-upload .upload-form-file { width: 221px; border: solid 1px #666; } #wcl-file-upload .upload-form-checkbox { } #wcl-file-upload .upload-form-submit { } #wcl-file-upload #uploadCounter1, #wcl-file-upload #uploadCounter2, #wcl-file-upload #uploadCounter3{ width: 30px; } #wcl-file-upload select#configUri{ width: 142px; } #wcl-file-upload .hide { display: none; } #wcl-file-upload .show { display: block; } #wcl-file-upload .back { display: none; } #wcl-file-upload .send { width: auto; } #wcl-file-upload span.error{ clear: left; color: #D30000; font-size: 0.85em; font-weight: normal; }