| 1 | BODY {margin:0px} |
|---|
| 2 | FIELDSET, INPUT, SELECT, TEXTAREA, .content .commentElement {border:none} |
|---|
| 3 | INPUT[type="button"], INPUT[type="submit"], |
|---|
| 4 | INPUT:focus {outline-style:none} |
|---|
| 5 | |
|---|
| 6 | A:hover {border-bottom-style:solid; border-width:1px} |
|---|
| 7 | A.pwg-state-default {border:none} |
|---|
| 8 | A.navThumb, A.navThumb:hover {border-bottom:none} |
|---|
| 9 | |
|---|
| 10 | div#the_page, div#page_content {position:relative} |
|---|
| 11 | |
|---|
| 12 | #content, #imageToolBar, .switchBox {border-style:solid; border-width:1px} |
|---|
| 13 | div#content {margin:0 auto;width:80%} |
|---|
| 14 | div#content .titrePage {padding:0} |
|---|
| 15 | div#content #piwigoAbout, div#content .notification, |
|---|
| 16 | div#content #fullTagCloud, div#content #comments, |
|---|
| 17 | div#content form {margin:15px 5px;width:auto;padding:20px 10px} |
|---|
| 18 | div#content .illustration a {border:none} |
|---|
| 19 | |
|---|
| 20 | div#content .navigationBar, SPAN.calItem, TD.calDayCellEmpty { |
|---|
| 21 | margin: 10px 0 0; |
|---|
| 22 | padding: 0; |
|---|
| 23 | width: 100%; |
|---|
| 24 | line-height: 20px |
|---|
| 25 | } |
|---|
| 26 | |
|---|
| 27 | .contentWithMenu {margin:0} |
|---|
| 28 | .calItem, .calItemEmpty {border:none} |
|---|
| 29 | |
|---|
| 30 | |
|---|
| 31 | /* icons */ |
|---|
| 32 | .pwg-icon {background-image: url(icon/icons_sprite.png)} |
|---|
| 33 | A:hover .pwg-icon {background-image: url(icon/icons_sprite-hover.png)} |
|---|
| 34 | |
|---|
| 35 | |
|---|
| 36 | /*header title*/ |
|---|
| 37 | div#theHeader {position:relative;top:0} |
|---|
| 38 | div#header_content { |
|---|
| 39 | position: relative; |
|---|
| 40 | z-index: 2000; |
|---|
| 41 | margin: 0 auto; |
|---|
| 42 | display: table; |
|---|
| 43 | } |
|---|
| 44 | div#header_title { |
|---|
| 45 | display: table; |
|---|
| 46 | margin: 0 auto; |
|---|
| 47 | text-align: center; |
|---|
| 48 | padding: 0 10px |
|---|
| 49 | } |
|---|
| 50 | div#header_title h1 {font-size:4em} |
|---|
| 51 | div#header_title h1 a {color:#252525} |
|---|
| 52 | div#header_title p {font-size:1.5em} |
|---|
| 53 | div#header_title a:hover {text-decoration:none;border:none} |
|---|
| 54 | |
|---|
| 55 | #slideshow #theImage {width:100%;margin:auto;overflow:visible} |
|---|
| 56 | #theImage.infohidden {width:100%} |
|---|
| 57 | |
|---|
| 58 | .commentsList .actions a {margin:0 5px} |
|---|
| 59 | |
|---|
| 60 | .calendarCalBar {margin:10px} |
|---|
| 61 | |
|---|
| 62 | #copyright {margin-top:15px} |
|---|
| 63 | |
|---|
| 64 | |
|---|
| 65 | /*menu*/ |
|---|
| 66 | |
|---|
| 67 | div#header_manage { |
|---|
| 68 | width: 100%; |
|---|
| 69 | top: 0; |
|---|
| 70 | position: absolute; |
|---|
| 71 | height: 40px; |
|---|
| 72 | margin-bottom: 10px; |
|---|
| 73 | z-index: 100 |
|---|
| 74 | } |
|---|
| 75 | div#header_manage > span {float:left;padding:0 10px;margin:0 2px} |
|---|
| 76 | div#header_manage p {margin:11px 0} |
|---|
| 77 | |
|---|
| 78 | div#header_manage #menu_start { |
|---|
| 79 | display: block; |
|---|
| 80 | height: 30px; |
|---|
| 81 | margin-top: 4px ! important; |
|---|
| 82 | width: 85px; |
|---|
| 83 | } |
|---|
| 84 | div#header_manage #menu_start a{ |
|---|
| 85 | background:url("images/home_w.png") no-repeat; |
|---|
| 86 | width: 32px; |
|---|
| 87 | height: 32px; |
|---|
| 88 | margin: 0 20px 0 25px; |
|---|
| 89 | display: block; |
|---|
| 90 | line-height: 46px; |
|---|
| 91 | } |
|---|
| 92 | div#header_manage #menu_start a:hover{background-position:left -32px} |
|---|
| 93 | div#header_manage a:hover, div#header_manage .logeduser span p:hover, |
|---|
| 94 | div#header_manage .unloged p:hover {border-bottom-style:solid;border-width:1px} |
|---|
| 95 | div#header_manage .hm_link{ |
|---|
| 96 | cursor: pointer; |
|---|
| 97 | height: 40px; |
|---|
| 98 | display: table; |
|---|
| 99 | padding: 0 10px; |
|---|
| 100 | float: left; |
|---|
| 101 | position: relative; |
|---|
| 102 | } |
|---|
| 103 | div#header_manage #userlog { |
|---|
| 104 | position: absolute; |
|---|
| 105 | top: 40px; |
|---|
| 106 | width: auto; |
|---|
| 107 | left: 0; |
|---|
| 108 | display: none; |
|---|
| 109 | } |
|---|
| 110 | div#header_manage #userlog li {list-style:none outside none} |
|---|
| 111 | div#header_manage #userlog ul {padding:0 10px} |
|---|
| 112 | |
|---|
| 113 | div#header_manage #search { |
|---|
| 114 | position: absolute; |
|---|
| 115 | width: 240px; |
|---|
| 116 | right: 0; |
|---|
| 117 | margin-top: 4px; |
|---|
| 118 | height: 22px; |
|---|
| 119 | display: inline-block; |
|---|
| 120 | } |
|---|
| 121 | div#header_manage form#quicksearch {float:left;width:240px} |
|---|
| 122 | div#header_manage #quicksearch input[type="text"] { |
|---|
| 123 | float: left; |
|---|
| 124 | width: 172px; |
|---|
| 125 | height: 22px; |
|---|
| 126 | padding: 0 0 0 4px; |
|---|
| 127 | margin: 4px 1px 0 0; |
|---|
| 128 | border: 0px none; |
|---|
| 129 | font-size: 13px; |
|---|
| 130 | } |
|---|
| 131 | div#header_manage #quicksearch input[type="submit"] { |
|---|
| 132 | float: left; |
|---|
| 133 | padding: 0; |
|---|
| 134 | border: 0 none; |
|---|
| 135 | height: 22px; |
|---|
| 136 | width: 23px; |
|---|
| 137 | background: url("images/search.png") no-repeat ; |
|---|
| 138 | cursor: pointer; |
|---|
| 139 | margin: 4px 2px 0; |
|---|
| 140 | } |
|---|
| 141 | |
|---|
| 142 | div#nav_wrapper { |
|---|
| 143 | width: 100%; |
|---|
| 144 | z-index: 1000; |
|---|
| 145 | left: 0; |
|---|
| 146 | min-width: 1000px; |
|---|
| 147 | height: 100px; |
|---|
| 148 | text-align: center; |
|---|
| 149 | font-size: 22px; |
|---|
| 150 | margin: 0 0 50px; |
|---|
| 151 | color: rgb(255, 255, 255); |
|---|
| 152 | } |
|---|
| 153 | div#menu { |
|---|
| 154 | line-height: 30px; |
|---|
| 155 | text-decoration: none; |
|---|
| 156 | text-transform: uppercase; |
|---|
| 157 | padding: 0px; |
|---|
| 158 | height: 100%; |
|---|
| 159 | position: relative |
|---|
| 160 | } |
|---|
| 161 | ul#topnav { |
|---|
| 162 | margin: 0px; |
|---|
| 163 | padding: 0px 2px 0px 0px; |
|---|
| 164 | list-style: none outside none; |
|---|
| 165 | z-index: 999; |
|---|
| 166 | display: inline-block; |
|---|
| 167 | height: 100%; |
|---|
| 168 | } |
|---|
| 169 | ul#topnav #firstli{ |
|---|
| 170 | height:100%; |
|---|
| 171 | width:1px; |
|---|
| 172 | border-right: 1px solid #dadada; |
|---|
| 173 | float:left |
|---|
| 174 | } |
|---|
| 175 | ul#topnav .liSub { |
|---|
| 176 | font-size: 1.2em; |
|---|
| 177 | float: left; |
|---|
| 178 | border-right-style: solid; |
|---|
| 179 | border-width: 1px; |
|---|
| 180 | height: 100px; |
|---|
| 181 | cursor: pointer; |
|---|
| 182 | } |
|---|
| 183 | ul#topnav .liSub dt {position:relative;z-index:110;margin:30px 10px 0px} |
|---|
| 184 | ul#topnav .liSub canvas {position:absolute;left:0;top:80px} |
|---|
| 185 | ul#topnav .canvas {left:0;overflow:hidden;position:absolute;top:0} |
|---|
| 186 | |
|---|
| 187 | ul#topnav li .sub{ |
|---|
| 188 | width: 100%; |
|---|
| 189 | left: 0; |
|---|
| 190 | position: absolute; |
|---|
| 191 | top: 100px; |
|---|
| 192 | margin-left: 0px; |
|---|
| 193 | padding: 5px 0 10px; |
|---|
| 194 | z-index: 100; |
|---|
| 195 | opacity: 0; |
|---|
| 196 | cursor: default; |
|---|
| 197 | } |
|---|
| 198 | ul#topnav li .sub a:hover {border:none} |
|---|
| 199 | ul#topnav li .sub .level1 > ul {margin:15px 0 0 15px} |
|---|
| 200 | |
|---|
| 201 | div#menu_cat_act { |
|---|
| 202 | border-bottom-style: solid; |
|---|
| 203 | border-width: 1px; |
|---|
| 204 | margin-bottom: 5px; |
|---|
| 205 | height: 30px; |
|---|
| 206 | } |
|---|
| 207 | div#menu_cat_act #filter {width:26px;height:26px;padding-left:2px} |
|---|
| 208 | div#menu_cat_act #nbImg {float:right} |
|---|
| 209 | div#menu_cat_act #nbImg p {font-size:0.5em;margin:0 20px} |
|---|
| 210 | |
|---|
| 211 | ul#topnav li .sub ul { |
|---|
| 212 | list-style: none outside none; |
|---|
| 213 | margin: 0 5px; |
|---|
| 214 | padding: 0; |
|---|
| 215 | } |
|---|
| 216 | ul#topnav .sub ul li{ |
|---|
| 217 | width: 100%; |
|---|
| 218 | background: none repeat scroll 0px 0px rgba(255,255,255,0.1); |
|---|
| 219 | font-size: 0.8em; |
|---|
| 220 | margin-bottom: 2px; |
|---|
| 221 | text-align: left; |
|---|
| 222 | } |
|---|
| 223 | ul#topnav .sub ul li:hover, ul#topnav .sub #menuTagCloud span:hover {cursor:pointer} |
|---|
| 224 | |
|---|
| 225 | ul#topnav .sub ul li a{ |
|---|
| 226 | height: auto; |
|---|
| 227 | margin: 0 8px; |
|---|
| 228 | display: block; |
|---|
| 229 | padding: 0 0 0 12px; |
|---|
| 230 | line-height: 35px; |
|---|
| 231 | display: inline-block; |
|---|
| 232 | font-size: 1.4em; |
|---|
| 233 | } |
|---|
| 234 | |
|---|
| 235 | |
|---|
| 236 | /*box login/register*/ |
|---|
| 237 | |
|---|
| 238 | div#box_wrapper { |
|---|
| 239 | position: fixed; |
|---|
| 240 | background: rgba(0, 0, 0, 0.9); |
|---|
| 241 | z-index: 2110; |
|---|
| 242 | top: 0; |
|---|
| 243 | left: 0; |
|---|
| 244 | text-align: center; |
|---|
| 245 | height: 100%; |
|---|
| 246 | width: 100%; |
|---|
| 247 | display: none; |
|---|
| 248 | } |
|---|
| 249 | div#box_wrapper #box_bg_wrapper { |
|---|
| 250 | width: 100%; |
|---|
| 251 | height: 100%; |
|---|
| 252 | left: 0; |
|---|
| 253 | display: block; |
|---|
| 254 | position: absolute; |
|---|
| 255 | top: 0; |
|---|
| 256 | z-index: 100; |
|---|
| 257 | } |
|---|
| 258 | div#box_wrapper #box { |
|---|
| 259 | z-index: 1110; |
|---|
| 260 | position: relative; |
|---|
| 261 | display: table; |
|---|
| 262 | text-align: center; |
|---|
| 263 | height: 100%; |
|---|
| 264 | width: 100%; |
|---|
| 265 | } |
|---|
| 266 | div#box_wrapper #box > div { |
|---|
| 267 | display: table-cell; |
|---|
| 268 | vertical-align: middle; |
|---|
| 269 | height: 100%; |
|---|
| 270 | width: 100%; |
|---|
| 271 | } |
|---|
| 272 | div#box_wrapper .box_content { |
|---|
| 273 | margin: 0 auto; |
|---|
| 274 | text-align: left; |
|---|
| 275 | max-width: 1200px; |
|---|
| 276 | border: 1px solid; |
|---|
| 277 | z-index: 110; |
|---|
| 278 | position: relative; |
|---|
| 279 | width: 90%; |
|---|
| 280 | } |
|---|
| 281 | div#box_wrapper #quickregister DIV { |
|---|
| 282 | margin: 8px 5px; |
|---|
| 283 | padding: 0; |
|---|
| 284 | } |
|---|
| 285 | div#box_wrapper .categoryActions > span, div#box_wrapper .categoryActions input[type="reset"] { |
|---|
| 286 | display: block; |
|---|
| 287 | padding: 5px; |
|---|
| 288 | margin-bottom: 4px; |
|---|
| 289 | font-size: 0.8vw; |
|---|
| 290 | border: none; |
|---|
| 291 | } |
|---|
| 292 | div#box_wrapper input[type="text"], div#box_wrapper input[type="password"]{ |
|---|
| 293 | background: transparent; |
|---|
| 294 | border-width: medium medium 0.5vw; |
|---|
| 295 | border-style: none none dotted; |
|---|
| 296 | font-size: 8vw; |
|---|
| 297 | width: 99%; |
|---|
| 298 | } |
|---|
| 299 | div#box_wrapper input[type="submit"] { |
|---|
| 300 | border: none; |
|---|
| 301 | font-size: 3vw; |
|---|
| 302 | cursor: pointer |
|---|
| 303 | } |
|---|
| 304 | |
|---|
| 305 | /*categories*/ |
|---|
| 306 | ul.thumbnailCategories{ |
|---|
| 307 | padding-left: 0.25%; |
|---|
| 308 | padding-top: 10px |
|---|
| 309 | } |
|---|
| 310 | ul.thumbnailCategories li { |
|---|
| 311 | float: left; |
|---|
| 312 | height: 370px; |
|---|
| 313 | margin-top: 2px; |
|---|
| 314 | margin-left: 0; |
|---|
| 315 | margin-right: 0.25%; |
|---|
| 316 | margin-bottom: 2px; |
|---|
| 317 | width: 33%; |
|---|
| 318 | } |
|---|
| 319 | ul.thumbnailCategories .illustration {text-align:center;width:100%;margin:0} |
|---|
| 320 | ul.thumbnailCategories .illustration img {max-width:100%;height:auto;box-sizing:border-box} |
|---|
| 321 | ul.thumbnailCategories .info {float:right;line-height:20px;height:40px;padding:0 4px} |
|---|
| 322 | ul.thumbnailCategories .description {margin:0 -5px 10px;height:40px} |
|---|
| 323 | ul.thumbnailCategories .description H3 {float:left} |
|---|
| 324 | ul.thumbnailCategories .thumbnailCategory {margin:0;padding:0 5px} |
|---|
| 325 | |
|---|
| 326 | |
|---|
| 327 | /*thumbnail*/ |
|---|
| 328 | |
|---|
| 329 | ul.thumbnails {padding-top:10px} |
|---|
| 330 | ul.thumbnails .wrap2 {border:none;border-radius:0} |
|---|
| 331 | ul.thumbnails span.thumbLegend {height:auto} |
|---|
| 332 | ul.thumbnails .thumbLegend span {display:block} |
|---|
| 333 | ul.thumbnails .thumbName {display:block;line-height:20px} |
|---|
| 334 | |
|---|
| 335 | |
|---|
| 336 | /* picture page */ |
|---|
| 337 | |
|---|
| 338 | .contentWithMenu #imageHeaderBar {padding:0} |
|---|
| 339 | #imageHeaderBar {padding:0 0 0 10px;width:auto} |
|---|
| 340 | #imageHeaderBar h2 {font-size:100%;font-weight:inherit} |
|---|
| 341 | |
|---|
| 342 | #imageHeaderBar .browsePath { |
|---|
| 343 | display: inline-block; |
|---|
| 344 | float: left; |
|---|
| 345 | font-size: 120%; |
|---|
| 346 | font-weight: bold; |
|---|
| 347 | line-height: 28px; |
|---|
| 348 | margin: 0; |
|---|
| 349 | padding: 0 0 0 10px; |
|---|
| 350 | } |
|---|
| 351 | #imageToolBar .imageNumber { |
|---|
| 352 | display: inline-block; |
|---|
| 353 | float: right; |
|---|
| 354 | line-height: 29px; |
|---|
| 355 | margin: -1px -1px 0 20px; |
|---|
| 356 | min-width: 40px; |
|---|
| 357 | text-align: center; |
|---|
| 358 | } |
|---|
| 359 | #imageToolBar { |
|---|
| 360 | border: none; |
|---|
| 361 | margin-top: -28px; |
|---|
| 362 | margin-bottom: 0; |
|---|
| 363 | float: right; |
|---|
| 364 | } |
|---|
| 365 | #thePicturePage .pwg-button {width:26px} |
|---|
| 366 | #thePicturePage .actionButtons {margin-right:26px} |
|---|
| 367 | |
|---|
| 368 | |
|---|
| 369 | /* image infos */ |
|---|
| 370 | |
|---|
| 371 | #theImageAndInfos { |
|---|
| 372 | display: block; |
|---|
| 373 | width: auto; |
|---|
| 374 | position: relative; |
|---|
| 375 | margin: 0 5px 20px 5px; |
|---|
| 376 | } |
|---|
| 377 | #theImage { |
|---|
| 378 | display: inline-block; |
|---|
| 379 | margin-top: 10px; |
|---|
| 380 | overflow: auto; |
|---|
| 381 | padding: 10px 0 5px; |
|---|
| 382 | vertical-align: top; |
|---|
| 383 | width: 75%; |
|---|
| 384 | } |
|---|
| 385 | |
|---|
| 386 | #imageInfos { |
|---|
| 387 | display: inline-block; |
|---|
| 388 | width: 24.5%; |
|---|
| 389 | vertical-align: top; |
|---|
| 390 | padding-top: 35px; |
|---|
| 391 | padding-bottom: 5px; |
|---|
| 392 | margin: 10px 0 10px 0.5%; |
|---|
| 393 | word-wrap: break-word; |
|---|
| 394 | } |
|---|
| 395 | #imageInfos h3 {margin:20px 0 10px} |
|---|
| 396 | |
|---|
| 397 | #imageInfos .navThumbs {width:280px;height:130px;margin:auto;padding:0 5px} |
|---|
| 398 | #imageInfos .navThumb {position:relative;margin:0;overflow:hidden} |
|---|
| 399 | #imageInfos #linkPrev {float:left} |
|---|
| 400 | #imageInfos #linkNext {float:right} |
|---|
| 401 | #imageInfos .prevThumbHover {background:transparent url(icon/none.png) no-repeat center center} |
|---|
| 402 | #imageInfos .prevThumbHover:hover {background:transparent url(icon/img_prev.png) no-repeat center center} |
|---|
| 403 | #imageInfos .nextThumbHover {background:transparent url(icon/none.png) no-repeat center center} |
|---|
| 404 | #imageInfos .nextThumbHover:hover {background:transparent url(icon/img_next.png) no-repeat center center} |
|---|
| 405 | |
|---|
| 406 | #imageInfos dl.imageInfoTable { |
|---|
| 407 | display: block; |
|---|
| 408 | padding: 0 15px; |
|---|
| 409 | margin: 12px auto; |
|---|
| 410 | } |
|---|
| 411 | #imageInfos .imageInfo {display:block;line-height:16px} |
|---|
| 412 | #imageInfos .imageInfo dt {display:block;font-weight:bold;text-align:left;padding:0} |
|---|
| 413 | #imageInfos .imageInfo dd {display:block;text-align:left;margin:0 0 5px 20px} |
|---|
| 414 | |
|---|
| 415 | .rateButtonStarFull {background:url('icon/rating-stars.png') no-repeat -16px center;width:16px} |
|---|
| 416 | .rateButtonStarEmpty {background:url('icon/rating-stars.png') no-repeat 0 center;width:16px} |
|---|
| 417 | |
|---|
| 418 | |
|---|
| 419 | /* image comments */ |
|---|
| 420 | |
|---|
| 421 | #thePicturePage #comments { |
|---|
| 422 | padding: 0; |
|---|
| 423 | position: relative; |
|---|
| 424 | } |
|---|
| 425 | #thePicturePage #comments h3 {height:32px;line-height:32px;margin:10px 0;padding-left:40px;vertical-align:middle} |
|---|
| 426 | #thePicturePage #comments form {margin:10px 0} |
|---|
| 427 | #thePicturePage #comments fieldset {margin:0 1em} |
|---|
| 428 | |
|---|
| 429 | .commentshidden #pictureComments {display:none} |
|---|
| 430 | .commentContent .comments_toggle {cursor:pointer} |
|---|
| 431 | #commentAdd, #pictureCommentList {width:48%;padding:0 1%} |
|---|
| 432 | #commentAdd {float:left} |
|---|
| 433 | #pictureCommentList {float:right} |
|---|
| 434 | |
|---|
| 435 | #commentAdd input[type="text"], #commentAdd textarea {width:95%;font-size:100%} |
|---|
| 436 | |
|---|
| 437 | #pictureCommentList .commentsOrder {float:left;margin-bottom:5px} |
|---|
| 438 | #pictureCommentList .navigationBar {float:right;margin-bottom:5px} |
|---|
| 439 | |
|---|
| 440 | #pictureComments h4 {margin:0} |
|---|
| 441 | #pictureComments form p {margin:5px 0} |
|---|
| 442 | #pictureComments form p textarea {margin:10px 0 0 10px} |
|---|
| 443 | #pictureComments INPUT {margin:10px} |
|---|
| 444 | #pictureComments INPUT[type=submit] {margin:0} |
|---|
| 445 | |
|---|
| 446 | .commentElement .description {padding:5px} |
|---|
| 447 | |
|---|
| 448 | |
|---|
| 449 | /* switchers */ |
|---|
| 450 | |
|---|
| 451 | #menuSwitcher { |
|---|
| 452 | display: block; |
|---|
| 453 | text-align: center; |
|---|
| 454 | height: 32px; |
|---|
| 455 | cursor: pointer; |
|---|
| 456 | float: left; |
|---|
| 457 | margin: 28px 0 0 -34px; |
|---|
| 458 | } |
|---|
| 459 | #menuSwitcher.menuhidden {width:25px;margin-left:0} |
|---|
| 460 | |
|---|
| 461 | #infoSwitcher { |
|---|
| 462 | cursor: pointer; |
|---|
| 463 | display: block; |
|---|
| 464 | height: 32px; |
|---|
| 465 | left: 75%; |
|---|
| 466 | margin: 10px 0 0 7px; |
|---|
| 467 | position: absolute; |
|---|
| 468 | text-align: center; |
|---|
| 469 | top: 0; |
|---|
| 470 | z-index: 99; |
|---|
| 471 | } |
|---|
| 472 | #infoSwitcher.infohidden {width:25px;top:10px;right:0;left:auto; margin:0} |
|---|
| 473 | |
|---|
| 474 | |
|---|
| 475 | #commentsSwitcher { |
|---|
| 476 | cursor: pointer; |
|---|
| 477 | float: left; |
|---|
| 478 | margin-top:10px |
|---|
| 479 | } |
|---|
| 480 | .noCommentContent #commentsSwitcher {display:none} |
|---|
| 481 | .switchArrow { |
|---|
| 482 | width: 16px; |
|---|
| 483 | height: 16px; |
|---|
| 484 | margin: 8px 5px 8px 4px; |
|---|
| 485 | } |
|---|
| 486 | .switchArrow { background: transparent url("icon/arrows_ccc.png");} |
|---|
| 487 | |
|---|
| 488 | .switchArrow:hover {background:transparent url("icon/arrows_fff.png")} |
|---|
| 489 | .menuhidden .switchArrow {background-position:0 0} |
|---|
| 490 | .menushown .switchArrow {background-position:-16px 0} |
|---|
| 491 | .infohidden .switchArrow {background-position:-16px 0} |
|---|
| 492 | .infoshown .switchArrow {background-position:0 0} |
|---|
| 493 | .commentshidden .switchArrow {background-position:-48px 0} |
|---|
| 494 | .commentsshown .switchArrow {background-position:-32px 0} |
|---|
| 495 | |
|---|
| 496 | |
|---|
