[13837] | 1 | /* backgrounds */ |
---|
[13464] | 2 | |
---|
[13730] | 3 | html, body { background-color: #111;} |
---|
[13464] | 4 | |
---|
[13730] | 5 | #content, .content { background-color: #222;} |
---|
| 6 | .content .titrePage { background-color: #111;} |
---|
[13464] | 7 | |
---|
[13730] | 8 | #menubar, #the_page #menuSwitcher.menuhidden { background-color: #222;} |
---|
[13464] | 9 | |
---|
[13730] | 10 | #thePicturePage, #imageHeaderBar { background-color: #111;} |
---|
| 11 | #imageInfos, #infoSwitcher.infohidden { background-color: #333;} |
---|
| 12 | #thePicturePage #comments { background-color: #333;} |
---|
[13762] | 13 | #pictureCommentList li { background-color: #444;} |
---|
[13821] | 14 | |
---|
[13789] | 15 | .calendarTitle { background-color: #222;} |
---|
[13464] | 16 | |
---|
[13730] | 17 | .switchBox, .header_notes { background-color: #555;} |
---|
[13821] | 18 | .thumbnailCategory , .commentElement { background-color: #333;} |
---|
[13730] | 19 | .message { background-color: #666;} |
---|
[13464] | 20 | |
---|
[13730] | 21 | INPUT[type="text"], INPUT[type="password"], |
---|
| 22 | INPUT[type="button"], INPUT[type="submit"], |
---|
[13762] | 23 | INPUT[type="reset"], INPUT[type="file"], |
---|
[21173] | 24 | SELECT, TEXTAREA, OPTION { background-color: #555;} |
---|
[13762] | 25 | INPUT:focus, SELECT:focus, TEXTAREA:focus { background-color: #666;} |
---|
[13464] | 26 | |
---|
| 27 | |
---|
[13730] | 28 | /* font colors */ |
---|
[13464] | 29 | |
---|
[13730] | 30 | body, legend { color: #aaa;} |
---|
| 31 | a { color: #ccc;} |
---|
| 32 | a:hover { color: #fff;} |
---|
| 33 | INPUT.rateButton { color: #fff;} |
---|
| 34 | H1, H3, INPUT.rateButtonSelected { color: #ccc;} |
---|
| 35 | .message { color: #fff;} |
---|
| 36 | .commentContent .comments_toggle:hover { color: #fff;} |
---|
[13762] | 37 | INPUT[type="text"], INPUT[type="password"], |
---|
| 38 | INPUT[type="button"], INPUT[type="submit"], |
---|
| 39 | INPUT[type="reset"], INPUT[type="file"], |
---|
| 40 | SELECT, TEXTAREA { color: #ccc;} |
---|
| 41 | INPUT:focus, SELECT:focus, TEXTAREA:focus { color: #fff;} |
---|
[13464] | 42 | |
---|
[13479] | 43 | |
---|
[13730] | 44 | /* borders */ |
---|
[13464] | 45 | |
---|
[13730] | 46 | #content,.content, .content .titrePage { border-bottom: 2px solid #444;} |
---|
| 47 | #imageHeaderBar { border: solid 0 #444; border-bottom-width:2px;} |
---|
| 48 | #copyright { border-top-width:2px;} |
---|
[13789] | 49 | #content .calendarTitleBar { border-bottom: none;} |
---|
| 50 | .calendarTitle { border-top: 2px solid #444;} |
---|
[13730] | 51 | .switchBox { border: 1px solid #000;} |
---|
| 52 | .switchBoxTitle { border-bottom: 1px solid #444;} |
---|
[13837] | 53 | INPUT, SELECT, TEXTAREA { border: 1px solid #666;} |
---|
| 54 | FIELDSET {border: 2px solid #444;} |
---|
[13464] | 55 | |
---|
[13837] | 56 | /* form */ |
---|
| 57 | legend {font-style:normal;} |
---|
| 58 | #qsearchInput {margin-left:-20px} |
---|
[13464] | 59 | |
---|
[13730] | 60 | /* icons */ |
---|
[13464] | 61 | |
---|
[20541] | 62 | .pwg-icon { background-image: url(icon/icons_sprite.png);} |
---|
| 63 | A:hover .pwg-icon { background-image: url(icon/icons_sprite-hover.png);} |
---|
[13464] | 64 | |
---|
| 65 | |
---|
[13730] | 66 | /* general rules */ |
---|
| 67 | |
---|
| 68 | body { margin: 5px 0;} |
---|
| 69 | a:hover { border-bottom: none;} |
---|
| 70 | #copyright { padding:0 4px 0 0; text-align:right;} |
---|
| 71 | |
---|
| 72 | |
---|
| 73 | /* content */ |
---|
| 74 | |
---|
| 75 | #the_page #content.menushown, #the_page > .content.menushown, .contentWithMenu { margin-left: 240px;} |
---|
| 76 | #the_page #content.menuhidden, #the_page > .content.menuhidden { margin-left: 35px;} |
---|
| 77 | #the_page #content, #the_page > .content { margin-right: 0;} |
---|
| 78 | |
---|
| 79 | #content,.content { margin-bottom: 4px; padding-bottom: 4px;} |
---|
| 80 | #thePicturePage #content { padding-bottom: 0;} |
---|
| 81 | .content .titrePage { padding:0; margin-bottom:4px;} |
---|
[20982] | 82 | .content .titrePage H2 { line-height: 20px; padding: 8px 0 0 2px;} |
---|
[13730] | 83 | |
---|
| 84 | |
---|
[13464] | 85 | /* menubar */ |
---|
| 86 | |
---|
[13730] | 87 | #menubar { |
---|
| 88 | display: inline; |
---|
| 89 | width: 230px; |
---|
[13464] | 90 | float: left; |
---|
[13730] | 91 | margin: 28px 8px 10px 0; |
---|
[13464] | 92 | padding: 0; |
---|
| 93 | } |
---|
[13730] | 94 | #menubar DT { text-align: left;} |
---|
| 95 | #menubar dd { padding: 0 0 1em 1em;} |
---|
| 96 | #menubar .pwg-icon-filter { display: none;} |
---|
[13464] | 97 | |
---|
[13837] | 98 | #quickconnect FIELDSET { |
---|
| 99 | margin: 0 10px 0 -10px; |
---|
| 100 | border: 2px solid #444444; |
---|
| 101 | } |
---|
[13464] | 102 | |
---|
[13730] | 103 | /* switchers */ |
---|
| 104 | |
---|
| 105 | #menuSwitcher { |
---|
| 106 | display: block; |
---|
| 107 | text-align: center; |
---|
| 108 | height: 32px; |
---|
| 109 | cursor: pointer; |
---|
| 110 | float: left; |
---|
| 111 | margin: 28px 0 0 -34px; |
---|
[13464] | 112 | } |
---|
| 113 | |
---|
| 114 | |
---|
[13730] | 115 | #imageInfos, #infoSwitcher.infohidden { border-radius: 10px 0 0 10px;} |
---|
| 116 | #menubar, #the_page #menuSwitcher.menuhidden { border-radius: 0 10px 10px 0;} |
---|
| 117 | #the_page #menuSwitcher.menuhidden { width: 25px; margin-left: 0;} |
---|
[13464] | 118 | |
---|
[13730] | 119 | #infoSwitcher { |
---|
| 120 | display: block; |
---|
| 121 | text-align: center; |
---|
| 122 | height: 32px; |
---|
| 123 | cursor: pointer; |
---|
| 124 | position:absolute; |
---|
| 125 | left:75%; |
---|
| 126 | top:0; |
---|
| 127 | margin: 10px 0 0 7px; |
---|
| 128 | z-index:99; |
---|
| 129 | } |
---|
[13464] | 130 | |
---|
[13730] | 131 | #infoSwitcher.infohidden { |
---|
| 132 | width:25px; |
---|
| 133 | top:10px; |
---|
| 134 | right:0; |
---|
| 135 | left:auto; |
---|
| 136 | margin:0; |
---|
| 137 | } |
---|
[13464] | 138 | |
---|
[13789] | 139 | #slideshow #theImage { width: 100%; margin: auto; overflow: visible;} |
---|
[13730] | 140 | #theImage.infohidden { width: 100%;} |
---|
[13464] | 141 | |
---|
[13764] | 142 | #commentsSwitcher { float: left; margin: 2px 0; cursor:pointer;} |
---|
[13730] | 143 | .noCommentContent #commentsSwitcher { display: none;} |
---|
[13464] | 144 | |
---|
[13730] | 145 | .switchArrow { width: 16px; height: 16px; margin: 8px 5px 8px 4px;} |
---|
| 146 | .switchArrow { background: transparent url("icon/arrows_ccc.png");} |
---|
| 147 | .switchArrow:hover { background: transparent url("icon/arrows_fff.png");} |
---|
| 148 | .menuhidden .switchArrow { background-position: 0 0;} |
---|
| 149 | .menushown .switchArrow { background-position: -16px 0;} |
---|
| 150 | .infohidden .switchArrow { background-position: -16px 0;} |
---|
| 151 | .infoshown .switchArrow { background-position: 0 0;} |
---|
| 152 | .commentshidden .switchArrow { background-position: -48px 0;} |
---|
| 153 | .commentsshown .switchArrow { background-position: -32px 0;} |
---|
[13464] | 154 | |
---|
| 155 | |
---|
[13730] | 156 | /* switchboxes */ |
---|
[13464] | 157 | |
---|
[13730] | 158 | .switchBox { |
---|
| 159 | border-radius: 4px 4px 4px 4px; |
---|
| 160 | padding: 0.5em 10px; |
---|
| 161 | text-align: left; |
---|
| 162 | z-index: 100; |
---|
[13464] | 163 | } |
---|
[13762] | 164 | .derivativeSizeDetails { display: none;} |
---|
[13464] | 165 | |
---|
[13730] | 166 | /* thumbnails */ |
---|
[13683] | 167 | |
---|
[13730] | 168 | #thumbnails { padding-top: 5px;} |
---|
[14028] | 169 | .thumbnailCategory .illustration, |
---|
[13801] | 170 | .commentElement .illustration { margin: 2px; text-align: center;} |
---|
[13730] | 171 | |
---|
| 172 | |
---|
| 173 | /* picture page */ |
---|
| 174 | |
---|
| 175 | .contentWithMenu #imageHeaderBar { padding: 0;} |
---|
| 176 | #imageHeaderBar { padding: 0 0 0 10px;} |
---|
| 177 | #imageHeaderBar { width: auto;} |
---|
| 178 | #imageHeaderBar h2 { font-size: 100%; font-weight: inherit;} |
---|
| 179 | #imageHeaderBar .browsePath { |
---|
| 180 | display:inline-block; |
---|
[14452] | 181 | float:left; |
---|
[13730] | 182 | font-size:120%; |
---|
| 183 | line-height:20px; |
---|
| 184 | padding: 8px 0 0 2px; |
---|
| 185 | font-weight:bold; |
---|
| 186 | margin:0; |
---|
[13464] | 187 | } |
---|
[13776] | 188 | #imageToolBar .imageNumber { display: inline-block; float: right; line-height: 26px; margin: 0 2px 0 0; min-width: 40px; text-align: center;} |
---|
[13730] | 189 | #imageToolBar { margin-top: -28px; margin-bottom: 0; float: right;} |
---|
| 190 | #thePicturePage .pwg-button { width: 26px;} |
---|
| 191 | #thePicturePage .actionButtons { margin-right: 26px;} |
---|
[13464] | 192 | |
---|
[13730] | 193 | #theImageAndInfos { |
---|
| 194 | display: block; |
---|
| 195 | width: 100%; |
---|
| 196 | position: relative; |
---|
| 197 | } |
---|
| 198 | #theImage { |
---|
| 199 | display: inline-block; |
---|
| 200 | width: 75%; |
---|
| 201 | vertical-align: top; |
---|
| 202 | overflow: auto; |
---|
| 203 | padding: 10px 0 5px 0; |
---|
| 204 | } |
---|
[13464] | 205 | |
---|
[13730] | 206 | .rateButtonStarFull { background: url('icon/rating-stars.png') no-repeat -16px center; width:16px;} |
---|
| 207 | .rateButtonStarEmpty { background: url('icon/rating-stars.png') no-repeat 0 center; width:16px;} |
---|
[13479] | 208 | |
---|
[13464] | 209 | |
---|
[13730] | 210 | /* image infos */ |
---|
[13464] | 211 | |
---|
[13730] | 212 | #imageInfos { |
---|
| 213 | display: inline-block; |
---|
| 214 | width: 24.5%; |
---|
| 215 | vertical-align: top; |
---|
| 216 | padding-top: 35px; |
---|
| 217 | padding-bottom: 5px; |
---|
| 218 | margin: 10px 0 10px 0.5%; |
---|
| 219 | word-wrap:break-word; |
---|
| 220 | } |
---|
[13464] | 221 | |
---|
[13730] | 222 | #imageInfos .navThumbs { width: 250px; height: 130px; margin: auto; padding: 0 5px;} |
---|
[23642] | 223 | #imageInfos .navThumb { position: relative; margin: 0; overflow: hidden;} |
---|
[13730] | 224 | #imageInfos #linkPrev { float: left;} |
---|
[23642] | 225 | #imageInfos #linkNext { float: right;} |
---|
[13730] | 226 | #imageInfos .prevThumbHover { background: transparent url(icon/none.png) no-repeat center center;} |
---|
| 227 | #imageInfos .prevThumbHover:hover { background: transparent url(icon/img_prev.png) no-repeat center center;} |
---|
| 228 | #imageInfos .nextThumbHover { background: transparent url(icon/none.png) no-repeat center center;} |
---|
| 229 | #imageInfos .nextThumbHover:hover { background: transparent url(icon/img_next.png) no-repeat center center;} |
---|
[13474] | 230 | |
---|
[13774] | 231 | #imageInfos dl.imageInfoTable { display: block; padding: 0 15px; margin: 12px auto;} |
---|
| 232 | #imageInfos .imageInfo { display: block; line-height: 16px;} |
---|
| 233 | #imageInfos .imageInfo dt { display: block; font-weight: bold; text-align: left; padding: 0;} |
---|
| 234 | #imageInfos .imageInfo dd { display: block; text-align: left; margin: 0 0 5px 20px;} |
---|
[13730] | 235 | #imageInfos h3 { margin: 20px 0 10px;} |
---|
[13464] | 236 | |
---|
[13474] | 237 | |
---|
[13730] | 238 | /* image comments */ |
---|
[13474] | 239 | |
---|
[26086] | 240 | #thePicturePage #comments { padding: 2px 5px; position:relative;} |
---|
[13730] | 241 | #thePicturePage #comments h3 { margin: 10px 0;} |
---|
[13762] | 242 | #thePicturePage #comments form { margin: 10px 0;} |
---|
[13730] | 243 | #thePicturePage #comments fieldset { margin: 0 1em;} |
---|
[13464] | 244 | |
---|
[13762] | 245 | .commentshidden #pictureComments { display: none;} |
---|
| 246 | .commentContent .comments_toggle { cursor: pointer;} |
---|
[13464] | 247 | |
---|
[13762] | 248 | #commentAdd, #pictureCommentList { width: 48%; padding: 0 1%;} |
---|
| 249 | #commentAdd { float: left; } |
---|
| 250 | #pictureCommentList { float: right; } |
---|
[13464] | 251 | |
---|
[13762] | 252 | #commentAdd input[type="text"], |
---|
| 253 | #commentAdd textarea { |
---|
| 254 | width: 95%; |
---|
| 255 | font-family: Arial,Helvetica,sans-serif; |
---|
| 256 | font-size: 100%; |
---|
| 257 | } |
---|
| 258 | #pictureCommentList .commentsOrder { float: left; margin-bottom: 5px;} |
---|
| 259 | #pictureCommentList .navigationBar { float: right; margin-bottom: 5px;} |
---|
| 260 | #pictureComments h4 { margin: 0;} |
---|
| 261 | #pictureComments form p { margin: 5px 0;} |
---|
| 262 | #pictureComments form p textarea { margin: 10px 0;} |
---|
| 263 | #pictureComments INPUT { margin: 10px;} |
---|
| 264 | #pictureComments INPUT[type=submit] { margin: 0;} |
---|
[13821] | 265 | .commentElement .description { padding: 5px;} |
---|
[13762] | 266 | |
---|
[13789] | 267 | |
---|
| 268 | /* calendar */ |
---|
| 269 | |
---|
| 270 | .calendarViews { margin-top: 4px;} |
---|
| 271 | |
---|
[13730] | 272 | /* plugins */ |
---|
| 273 | |
---|
| 274 | #the_page .content .stuffs { margin: 0!important} |
---|
[13762] | 275 | .categoryActions .theme_menuf { display: none;} |
---|