| 1 | html{height:100%} |
|---|
| 2 | BODY{background-image:url(images/background/bg1.png);background-color:#FFD11D;padding:0;margin:0;min-width:800px;width:100%;color:#FFD11D} |
|---|
| 3 | H1,H3,INPUT.rateButtonSelected{color:#FFF} |
|---|
| 4 | A,INPUT.rateButton{color:#FFF;border:medium none;text-decoration:none} |
|---|
| 5 | A:hover{color:#C2C2C2;text-decoration:none;border-bottom:medium none} |
|---|
| 6 | FIELDSET{border:0 none;background:url(images/bg_content.png) repeat scroll 0 0 transparent} |
|---|
| 7 | INPUT[type=submit],INPUT[type=reset]{cursor:pointer;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;margin:0 5px;padding-bottom:4px;min-width:150px;width:auto;height:25px;text-align:center;color:#C5C5C5;border-radius:8px 8px 8px 8px;text-shadow:0px 1px 0px rgba(255,255,255,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.5), 0px -1px 0px rgba(255,255,255,0.4)} |
|---|
| 8 | INPUT[type=submit]:hover,INPUT[type=reset]:hover{color:#222;background:-moz-linear-gradient(center top , #777777, #333333) repeat scroll 0% 0% transparent} |
|---|
| 9 | INPUT[type=submit]:active,INPUT[type=reset]:active{color:#000;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;box-shadow:1px 1px 10px #000 inset, 0px 1px 0px rgba(255,255,255,0.4)} |
|---|
| 10 | INPUT[type=text],INPUT[type=password],INPUT[type=file]{margin:0 5px;padding:0;background:none repeat scroll 0 0 #FFF;min-width:150px;width:auto;height:22px;border:0 none;color:#000!important;border-radius:3px 3px 3px 3px} |
|---|
| 11 | INPUT[type=text]:hover,INPUT[type=password]:hover,INPUT[type=file]:hover,SELECT:hover{background:-moz-linear-gradient(right center , #FFFFFF 20%, #E5E5E5 80%) repeat scroll 0% 0% transparent} |
|---|
| 12 | SELECT.categoryList:hover{background:none repeat scroll 0 0 #FFF} |
|---|
| 13 | SELECT{margin:0 5px;padding:0;background:none repeat scroll 0 0 #FFF;min-width:150px;width:auto;height:22px;border:0 none;color:#000!important;border-radius:3px 0 0 3px} |
|---|
| 14 | LEGEND{font-style:normal;font-weight:700;font-size:110%;margin-top:25px} |
|---|
| 15 | .properties LI{list-style:none outside none} |
|---|
| 16 | |
|---|
| 17 | /*======================================================Header======================================================*/ |
|---|
| 18 | #header_bgDef{padding-top:30px;background-image:url(images/background/bg4.png);background-color:#FFD11D;height:140px;width:inherit} |
|---|
| 19 | #Header{background-image:url(images/bg_header.png);background-repeat:repeat-x;z-index:10;display:block} |
|---|
| 20 | #header-content{position:relative;width:92%;margin-left:auto;margin-right:auto} |
|---|
| 21 | #theHeader{display:block;position:absolute;right:20px} |
|---|
| 22 | #logo{background:url(images/piwigo_org_logo.png) no-repeat;width:500px;display:block;position:absolute;height:100px;margin-top:20px} |
|---|
| 23 | #headertransi{background:none repeat scroll 0 0 #FFD11D;height:12px} |
|---|
| 24 | #headertransiH{background-image:url(images/htransi.png);background-repeat:repeat-x;height:10px} |
|---|
| 25 | #headertransiB{height:2px;background-image:url(images/btransi.png);background-repeat:repeat} |
|---|
| 26 | #thePicturePage #header_bgDef,#thePicturePage #headertransi{display:none} |
|---|
| 27 | |
|---|
| 28 | /*======================================================Content======================================================*/ |
|---|
| 29 | #the_page{z-index:100;width:100%;height:0} |
|---|
| 30 | #bg_th_left{background-image:url(images/theme/sprite_theme_left.png);background-position:0 0;width:400px;height:400px;float:left;position:absolute;z-index:-999} |
|---|
| 31 | .content .titrePage{position:relative} |
|---|
| 32 | .categoryActions{float:none;display:block;position:absolute;right:10px} |
|---|
| 33 | #page_content{z-index:100000;background:url(images/border_rigth.png) repeat-y scroll 0 0 transparent;min-width:680px;width:80%;height:auto;min-height:530px;margin:2px auto 30px} |
|---|
| 34 | #page_content1{background:url(images/bg_content.png) repeat scroll 0 0 transparent;margin-left:2px} |
|---|
| 35 | #page_content2{background:url(images/border_rigth.png) repeat-y scroll right center transparent;padding-top:10px;min-height:500px;padding-bottom:20px} |
|---|
| 36 | .content{margin-left:5px;margin-right:5px;margin-bottom:30px;height:auto} |
|---|
| 37 | H2{color:#FFF;background-image:url(images/border_dt.png);background-repeat:repeat-x;background-position:center bottom;height:25px;margin:0 5px 5px;padding:5px 0 0} |
|---|
| 38 | #fullTagCloud{background:url(images/bg_content.png) repeat scroll 0 0 transparent;min-height:500px} |
|---|
| 39 | .switchBox{background-color:gray;z-index:1000;margin-top:4px} |
|---|
| 40 | #sortOrderBox{width:250px} |
|---|
| 41 | |
|---|
| 42 | /*======================================================icon======================================================*/ |
|---|
| 43 | .pwg-icon{background-image:url(../default/s26/outline_ffffff.png)} |
|---|
| 44 | A:hover .pwg-icon{background-image:url(../default/s26/outline_808080.png)} |
|---|
| 45 | .pwg-icon-filter{background-image:url(../default/s26/outline_005e89.png)} |
|---|
| 46 | |
|---|
| 47 | /*======================================================Thumbnail page======================================================*/ |
|---|
| 48 | .thumbnailCategory{margin-left:auto;margin-right:auto} |
|---|
| 49 | .illustration{position:relative} |
|---|
| 50 | .content ul.thumbnails .wrap1{display:inline-block;margin:20px 20px 5px;text-align:center;vertical-align:top} |
|---|
| 51 | .content UL.thumbnails .wrap2{height:140px} |
|---|
| 52 | .content UL.thumbnails .wrap2 A{margin-top:10px} |
|---|
| 53 | .thumbnail :before{content:""} |
|---|
| 54 | .thumbnail{position:relative} |
|---|
| 55 | .thumbnail .description,.thumbnailCategory DIV.description{height:80px;padding-top:0;background:none repeat scroll 0 0 #000;overflow:hidden;color:#FFF;position:absolute;top:0;left:0;z-index:100;opacity:0;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;width:100%} |
|---|
| 56 | .thumbnail:hover .description,.thumbnailCategory:hover DIV.description{background:none repeat scroll 0 0 #000;opacity:0.65;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s} |
|---|
| 57 | .thumbnails SPAN.thumbLegend{height:80px} |
|---|
| 58 | |
|---|
| 59 | /*======================================================Footer======================================================*/ |
|---|
| 60 | #footer{background-repeat:no-repeat;background-position:right center;width:100%;bottom:0;height:400px;position:fixed;top:100%;margin:-400px auto 0;z-index:-999} |
|---|
| 61 | #bg_th_right{background-image:url(images/theme/sprite_theme_right.png);background-position:0 0;width:400px;height:400px;float:right} |
|---|
| 62 | #copyright{position:relative;background-color:transparent;text-align:left;padding-left:30px;margin-bottom:0;float:left;height:20px;padding-top:380px} |
|---|
| 63 | |
|---|
| 64 | |
|---|
| 65 | /*======================================================Menu======================================================*/ |
|---|
| 66 | #menubar{position:absolute;color:#757575;height:30px;min-width:800px;width:100%;margin:auto;background:url(images/menu/back_nav.png) repeat-x;z-index:1000;top:0;left:0} |
|---|
| 67 | #menubar FORM{margin:0} |
|---|
| 68 | #menubar UL{list-style:none; margin:0} |
|---|
| 69 | .dd_wrapper,.cl_wrapper,.cc_wrapper,#menubar dt,#menubar dt a{float:left;padding:0 16px 6px;font-weight:normal;font-size:100%;color:#FFF;height:30px;line-height:30px;text-decoration:none;text-shadow:0 0 2px #000;text-transform:uppercase} |
|---|
| 70 | .dd_wrapper:hover,.cl_wrapper:hover,.cc_wrapper:hover,#menubar dt:hover,#menubar dt a:hover,.activate{z-index:100;background:url(images/menu/back_nav_hover.png) repeat-x;color:#c2c2c2;padding:0 16px 6px;text-shadow:none} |
|---|
| 71 | #menubar dt a,#menubar dt a:hover{padding:0 0} |
|---|
| 72 | span#menu_start{background:url(images/menu/li_border.png) no-repeat right top;width:85px;float:left;display:block;height:30px} |
|---|
| 73 | span#menu_start a{background:url(images/menu/home_nav.png) no-repeat left top;width:52px;height:30px;padding:0;margin:0 20px 0 25px;display:block;line-height:46px} |
|---|
| 74 | span#menu_start a:hover{background-position:left -30px} |
|---|
| 75 | span#menu_start a:active{background-position:left -60px} |
|---|
| 76 | #topnav{margin:0;padding:0 2px 0 0;list-style:none;height:30px;position:relative;z-index:999;display:inline-block} |
|---|
| 77 | #topnav .liSub{float:left;position:relative;background:url(images/menu/li_border.png) no-repeat right top;padding-right:2px} |
|---|
| 78 | ul#topnav li .sub,ul#topnav li #loger{background:#FFF;position:absolute;top:30px;margin-left:0;padding:5px 8px 10px;float:left;max-width:100em;min-width:200px;max-height:500px;overflow:auto;border-bottom-right-radius:10px;border-bottom-left-radius:10px;box-shadow:0px 0px 5px #5A5A5A;z-index:0} |
|---|
| 79 | #topnav #loger{z-index:50} |
|---|
| 80 | .sub{z-index:100;max-width:600px} |
|---|
| 81 | .sub p{color:#4C4C4C;font-size:13px;text-shadow:none;text-transform:none} |
|---|
| 82 | .sub a{color:#757575} |
|---|
| 83 | .sub a:hover{color:#4c4c4c} |
|---|
| 84 | ul#topnav .sub ul li,ul#topnav #loger ul li,ul#topnav .sub #menuTagCloud div{width:95%;color:#757575;background:none;font-size:10px;margin-bottom:2px;border:1px solid #CBCBCB;border-radius:10px} |
|---|
| 85 | ul#topnav .sub ul li.selected a{background:url(images/menu/navlist_arrow_hover.png) no-repeat 0 5px;color:#4C4C4C;text-decoration:none;border:none} |
|---|
| 86 | ul#topnav .sub ul .level1 li,ul#topnav .sub ul .level1 li .selected{border:none;background:none} |
|---|
| 87 | ul#topnav .sub ul li a,ul#topnav #loger ul li a{float:none;text-indent:0;height:auto;background:url(images/menu/navlist_arrow.png) no-repeat 0 5px;margin:0 8px;display:inline;text-decoration:none;color:#757575;font-size:1.1em;text-shadow:none;text-transform:none;line-height:17px;padding:0 0 0 12px} |
|---|
| 88 | ul#topnav .sub ul li a:hover,ul#topnav .sub #menuTagCloud div a:hover{color:#c4c4c4;background:url(images/menu/navlist_arrow_hover.png) no-repeat 0 5px} |
|---|
| 89 | ul#topnav li .sub ul,ul#topnav #loger ul{list-style:none outside none;margin:0 5px 0 8px;padding:0} |
|---|
| 90 | .level2,.level3,.level4,.level5{border:none!important} |
|---|
| 91 | .mcol{width:100%} |
|---|
| 92 | .menubarFilter{margin:0} |
|---|
| 93 | #menu_cat_act{border-bottom:1px solid #CBCBCB;margin-bottom:5px;height:30px} |
|---|
| 94 | #filter{width:26px;height:26px;background:none;padding-left:2px} |
|---|
| 95 | #nbImg{height:30px;float:right;line-height:10px} |
|---|
| 96 | #menuTagCloud a{text-decoration:none;text-shadow:none;z-index:200} |
|---|
| 97 | #quickconnect{width:225px} |
|---|
| 98 | #search{position:absolute;width:240px;right:0;margin-top:4px;height:22px;display:inline-block} |
|---|
| 99 | #quicksearch{float:left;width:240px} |
|---|
| 100 | #quicksearch input[type=text]{float:left;background:url(images/menu/search.png) no-repeat left top;width:172px;height:22px;padding:0 0 0 4px;margin:0 1px 0 0;border:0 none;font-size:13px;color:#CCC!important;min-width:0} |
|---|
| 101 | #quicksearch input[type=text]:hover{background-position:left bottom} |
|---|
| 102 | #quicksearch input[type=submit]{float:left;padding:0;border:0 none;height:22px;width:23px;background:url(images/menu/search.png) no-repeat right top;font-size:13px;cursor:pointer;min-width:0;margin-left:2px;border-radius:0 0 0 0;box-shadow:none} |
|---|
| 103 | #quicksearch input[type=submit]:hover{background-position:right bottom} |
|---|
| 104 | #loger{line-height:25px;width:220px;position:absolute;top:30px;background:none repeat 0 0 #FFF;padding:10px;float:left;max-width:100em;min-width:200px;display:none;z-index:0} |
|---|
| 105 | #loger p{margin-bottom:20px;text-shadow:none;} |
|---|
| 106 | #log{text-transform:none;text-shadow:none;margin-bottom:20px} |
|---|
| 107 | #log INPUT[type=password]{border:0 none;height:22px;width:175px;background:url(images/menu/password.png) no-repeat left top} |
|---|
| 108 | #log INPUT[type=password]:hover{background-position:left bottom} |
|---|
| 109 | #log INPUT[type=text]{border:none;width:175px;height:22px;background:url(images/menu/user.png) no-repeat left top} |
|---|
| 110 | #log INPUT[type=text]:hover{background-position:left bottom} |
|---|
| 111 | #go INPUT[type=submit]{color:transparent;border:none;height:32px;width:64px;min-width:inherit;background:url(images/menu/go.png) no-repeat left top;margin-left:65px;margin-top:20px;text-shadow:none} |
|---|
| 112 | #go INPUT[type=submit]:hover{background-position:left bottom} |
|---|
| 113 | .close{cursor:pointer;height:16px;width:16px;background:url(images/menu/close.png) no-repeat;float:right} |
|---|
| 114 | .close:hover{background:url(images/menu/close.png) no-repeat 0 -16px } |
|---|
| 115 | |
|---|
| 116 | |
|---|
| 117 | |
|---|
| 118 | /*=========================================picture======================================================*/ |
|---|
| 119 | #thePicturePage #page_content{display:table} |
|---|
| 120 | #thePicturePage #page_content1{padding-left:20px} |
|---|
| 121 | #thePicturePage #page_content2{padding-right:20px} |
|---|
| 122 | #theImage > IMG{margin-top:20px;margin-bottom:20px;position:relative} |
|---|
| 123 | #imageHeaderBar{margin:0 0 20px;padding:50px 0 0} |
|---|
| 124 | #groupbuttons{margin:auto;width:200px} |
|---|
| 125 | #slideshow #groupbuttons{width:auto} |
|---|
| 126 | #imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left} |
|---|
| 127 | #imgContent{position:relative;display:table;margin:auto} |
|---|
| 128 | .navThumbs,#imgHoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10} |
|---|
| 129 | #imgHoverNav a{outline:medium none} |
|---|
| 130 | #imgPrevHov,#imgNextHov,#thumbPrevHov,#thumbNextHov{width:48%;height:100%;display:block;border:medium none!important;opacity:0;position:relative} |
|---|
| 131 | #imgPrevHov{left:0;float:left;margin-left:3px;background:url(images/picture/imgPrevHover.png) no-repeat scroll left 45% transparent} |
|---|
| 132 | #imgNextHov{right:0;float:right;margin-right:3px;background:url(images/picture/imgNextHover.png) no-repeat scroll right 45% transparent} |
|---|
| 133 | #thumbPrevHov{left:0;float:left;background:none repeat scroll 0 0 transparent} |
|---|
| 134 | #thumbNextHov{right:0;float:right;background:none repeat scroll 0 0 transparent} |
|---|
| 135 | #imgPrevHov:hover,#imgNextHov:hover,#thumbPrevHov:hover,#thumbNextHov:hover{opacity:1} |
|---|
| 136 | .linkPrev{position:absolute;left:-80px;top:40%} |
|---|
| 137 | .linkNext{position:absolute;right:-80px;top:40%} |
|---|
| 138 | .imageNumber{text-align:right;margin-right:20px} |
|---|
| 139 | .showtitle{background:none} |
|---|
| 140 | |
|---|
| 141 | /*=========================================comment on picture page======================================================*/ |
|---|
| 142 | #comments{overflow-y:auto;overflow-x:hidden;width:880px;margin:auto;text-align:left;padding-bottom:40px} |
|---|
| 143 | #pictcomm{margin-bottom:50px;width:99%;height:190px;background:none repeat scroll 0 0 #7F7E7E;float:left} |
|---|
| 144 | .commentElement{background:url(images/bg_content.png) repeat scroll 0 0 transparent;margin-bottom:20px;padding-bottom:10px} |
|---|
| 145 | .filter{margin-bottom:50px} |
|---|
| 146 | #pictcomm ul{list-style-type:none} |
|---|
| 147 | .even,.odd{color:#FFF} |
|---|
| 148 | .odd{padding-top:10px} |
|---|
| 149 | .thumbnailCategories1{padding:0} |
|---|
| 150 | .thumbnailCategories1 LI{width:100%;float:none;margin:0;padding:0} |
|---|
| 151 | .author,.date{color:#C5C5C5} |
|---|
| 152 | #adcomm{margin-bottom:30px} |
|---|
| 153 | .addcom{float:none!important;margin-right:0!important} |
|---|
| 154 | #addComment FIELDSET{margin:0;padding:0;border:medium none;background:none repeat scroll 0 0 transparent} |
|---|
| 155 | #contentid{border:medium none;background:none repeat scroll 0 0 #7F7E7E;margin:0 auto 20px} |
|---|
| 156 | #comcontent{width:750px;padding-left:5px;padding-top:5px} |
|---|
| 157 | #scrollbar1{width:97%;margin:5px 0 10px} |
|---|
| 158 | #scrollbar1 .viewport{height:170px;overflow:hidden;position:relative} |
|---|
| 159 | #scrollbar1 .overview{list-style:none outside none;position:absolute;left:0;top:0;padding:0;margin:0;width:96%} |
|---|
| 160 | #scrollbar1 .scrollbar{background:url(images/picture/bg-scrollbar-track-y1.png) no-repeat scroll 0 0 transparent;position:relative;float:right;width:6px;margin-top:40px} |
|---|
| 161 | #scrollbar1 .track{background:url(images/picture/bg-scrollbar-end-y1.png) no-repeat scroll 0 100% transparent;height:100%;width:3px;position:relative;padding:0 1px} |
|---|
| 162 | #scrollbar1 .thumb{background:url(images/picture/bg-scrollbar-thumb-y1.png) no-repeat scroll 50% 50% transparent;height:0;width:15px;cursor:pointer;overflow:hidden;position:absolute;top:0;left:-6px} |
|---|
| 163 | #scrollbar1 .thumb .end{overflow:hidden;height:5px;width:3px} |
|---|
| 164 | #scrollbar1 .disable{display:none} |
|---|
| 165 | |
|---|
| 166 | /*======================================================panel on picture page======================================================*/ |
|---|
| 167 | .panel{position:fixed;top:115px;left:0;display:none;border:1px solid #111;border-top-right-radius:20px;border-bottom-right-radius:20px;min-width:330px;height:auto;padding:10px 30px 30px 20px;z-index:100;background:none repeat scroll 0 0 rgba(0,0,0,0.7)} |
|---|
| 168 | .panel p{margin:0 0 15px;padding:0;color:#CCC} |
|---|
| 169 | a.trigger{position:fixed;text-decoration:none;top:130px;left:0;font-size:14px;letter-spacing:-1px;font-family:verdana,helvetica,arial,sans-serif;color:#FFF;padding:10px 30px 10px 5px;font-weight:700;background:url(images/picture/plus.png) no-repeat scroll 85% 55% #333;border:1px solid #444;border-top-right-radius:15px;border-bottom-right-radius:15px;display:block;z-index:100000} |
|---|
| 170 | a.trigger:hover{background-color:#222} |
|---|
| 171 | a.active.trigger{background:url(images/picture/minus.png) no-repeat scroll 85% 55% #222} |
|---|
| 172 | .columns{clear:both;width:330px;padding:0 0 20px;line-height:22px} |
|---|
| 173 | .colleft{float:left;width:130px;line-height:22px} |
|---|
| 174 | .colright{float:right;width:130px;line-height:22px} |
|---|
| 175 | .panel ul li{list-style-type:none} |
|---|
| 176 | .panel ul{padding:0;margin:0} |
|---|
| 177 | .panel .value{padding-right:5px} |
|---|
| 178 | .rateButtonStarFull{background:url(icon/rating-stars.gif) no-repeat scroll -16px center transparent;width:16px} |
|---|
| 179 | .rateButtonStarEmpty{background:url(icon/rating-stars.gif) no-repeat scroll 0 center transparent;width:16px} |
|---|
| 180 | #rating{margin:5px 0} |
|---|
| 181 | #imageToolBar{margin:50px 0 20px;text-align:left} |
|---|
| 182 | #imageToolBar li{list-style-type:none} |
|---|
| 183 | TABLE#standard,TABLE#Metadata{font-size:80%} |
|---|
| 184 | .infoTable .label,.infoTable2 .label{text-align:left} |
|---|
| 185 | .infoTable .value a,.infoTable .value,.infoTable2 .value a,.infoTable2 .value{color:silver} |
|---|
| 186 | TABLE#Metadata th{font-size:120%;color:#FFF;padding-bottom:10px;text-align:left} |
|---|
| 187 | .panel .switchBox{top:30px} |
|---|
| 188 | |
|---|
| 189 | /*======================================================plugin======================================================*/ |
|---|
| 190 | .contact-form-content{background:url(images/bg_content.png) repeat scroll 0 0 transparent} |
|---|
| 191 | #mbContact dd{padding:0!important} |
|---|
| 192 | |
|---|
| 193 | |
|---|
