[6416] | 1 | html, body, div, span, applet, object, iframe, h2, h1, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, |
---|
| 2 | del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, |
---|
| 3 | form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td |
---|
| 4 | { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } |
---|
| 5 | |
---|
| 6 | body { line-height: 1; } |
---|
| 7 | ol, ul { list-style: none } |
---|
| 8 | blockquote, q { quotes: none } |
---|
| 9 | blockquote:before, |
---|
| 10 | blockquote:after, |
---|
| 11 | q:before, |
---|
| 12 | q:after { content: ''; content: none } |
---|
| 13 | :focus { outline: 0 }/* remember to define focus styles! */ |
---|
| 14 | ins { text-decoration: none }/* remember to highlight inserts somehow! */ |
---|
| 15 | del { text-decoration: line-through } |
---|
| 16 | table { border-collapse: collapse; border-spacing: 0 }/* tables still need 'cellspacing="0"' in the markup */ |
---|
| 17 | |
---|
| 18 | /* FORM */ |
---|
| 19 | fieldset, form, label, legend { margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit; vertical-align:baseline; } |
---|
| 20 | fieldset { margin: 0; padding-right: 2em; } |
---|
[16050] | 21 | legend { padding: 0; } |
---|
[6416] | 22 | textarea, input, select, label, button, optgroup { margin-top:5px; } |
---|
| 23 | input[type="checkbox"] ,input[type="radio"] { margin-bottom:7px; } |
---|
| 24 | |
---|
| 25 | fieldset { border:0px; } |
---|
| 26 | legend { display: none; } |
---|
| 27 | label { color:#999; } |
---|
| 28 | textarea { border: 1px solid #666; } |
---|
[16048] | 29 | textarea:focus |
---|
| 30 | input:focus, #menubar input:focus { border: 1px solid #666; } |
---|
[6416] | 31 | select { background-color: #222; color: #666; } |
---|
[16048] | 32 | input, #menubar input { border: 1px solid #444; background-color: #222; color: #666; } |
---|
[16174] | 33 | input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="file"] { border: 1px solid #444; background-color: #222; color: #666; } |
---|
[16048] | 34 | input[type="submit"], #menubar input[type="submit"] { background-color: #666; color: #222; } |
---|
| 35 | input[type="submit"]:hover, #menubar input[type="submit"]:hover { background-color: #222; color: #666; cursor: hand; } |
---|
[6416] | 36 | input[type="checkbox"] { color: #000; border: 0 none; vertical-align: middle; } |
---|
| 37 | input[type="radio"] { background-color: transparent; border:0 none; color: #000; } |
---|
| 38 | option, optgroup { background-color:#222; color:#666; } |
---|
| 39 | |
---|
| 40 | FORM.properties fieldset { border: 1px solid; margin: 15px; padding: 1em;} |
---|
| 41 | FORM.properties legend { display: block; padding:5px;} |
---|
| 42 | FORM.properties li { clear:left; line-height:1.8em; margin-bottom:0.5em; padding:0; } |
---|
| 43 | FORM.properties span.property { float:left; font-weight:bold; margin:0; padding:0 0.5em 0 0; text-align:right; width:50%; } |
---|
| 44 | FORM.properties span.property label { float:left; width:98%; display:block; clear:left; text-align:right; margin-top:0; } |
---|
| 45 | FORM #themeSelect, form #languageSelect { float: left; line-height:0.8em; padding:0.3em 0 0.7em 0; cursor:pointer;} |
---|
| 46 | |
---|
| 47 | /***** STYLE ****/ |
---|
| 48 | html, body { |
---|
| 49 | background-color: #111; |
---|
| 50 | color: #666; |
---|
[9973] | 51 | font-family: Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, sans-serif; |
---|
[6416] | 52 | } |
---|
| 53 | |
---|
| 54 | p { margin: 10px;} |
---|
| 55 | a, a:visited { color: #ddd; text-decoration: none; } |
---|
[16048] | 56 | a:hover { color: #fff; text-decoration:none; border:none; } |
---|
[6416] | 57 | h2 a { margin-left: 3px; } |
---|
| 58 | |
---|
[16048] | 59 | #the_page { /* position: relative; */ width: 1024px; margin: 0 auto; text-align: center } |
---|
| 60 | #thePicturePage #the_page {position:relative;} |
---|
[6416] | 61 | #theHeader,.content { text-align: left } |
---|
| 62 | |
---|
| 63 | #theHeader { padding-top: 20px; margin-bottom: 20px; } |
---|
[16048] | 64 | #theHeader h1 { color: #fff; font-size: 1.4em; text-align:left;} |
---|
[6416] | 65 | #theHeader h1, |
---|
| 66 | #theHeader h1 a, |
---|
| 67 | #theHeader h1 a:visited, |
---|
| 68 | #theHeader h1 a:hover {color: #fff; border: none } |
---|
| 69 | |
---|
| 70 | #theHeader p { margin-left: 20px; margin-top: -4px; margin: -4px 0 10px 20px; color: #666; border: none } |
---|
| 71 | |
---|
| 72 | #headerMenu { position: absolute; top: 40px; right: 0 } |
---|
| 73 | #headerMenu li { float: left; margin-left: 40px } |
---|
| 74 | |
---|
| 75 | #imagerotator {position: relative; margin-top: 0px; height: 100px } |
---|
| 76 | #imagerotator img {position: absolute; top: 0; left: 0 } |
---|
| 77 | |
---|
| 78 | #copyright { clear: both; margin: 20px 0 5px 0; padding-top: 5px; border-top: 2px solid #222; text-align: left; text-align: right; line-height: 1.2em } |
---|
| 79 | #copyright span { color: #444; } |
---|
| 80 | #copyright a, |
---|
| 81 | #copyright a:visited, |
---|
| 82 | #copyright a:hover { color: #444; } |
---|
| 83 | #copyright a:hover { color: #666; } |
---|
| 84 | #copyright .cName { color: #555; font-weight: bold } |
---|
| 85 | |
---|
| 86 | /***** LAYOUT GALLERY ****/ |
---|
| 87 | |
---|
| 88 | #rss { position: absolute; top: 10px; right: 0; } |
---|
| 89 | #rss a { display: block; width: 28px; height: 28px; text-indent: -2000px; border: 0; background: transparent url('icon/rss.png'); } |
---|
| 90 | |
---|
[12341] | 91 | .content { |
---|
[16048] | 92 | /* |
---|
[12341] | 93 | float: right; |
---|
[16048] | 94 | */ |
---|
[12341] | 95 | width: 750px; |
---|
| 96 | margin-bottom: 10px; |
---|
| 97 | padding-bottom: 10px; |
---|
[16048] | 98 | /* position: relative; */ |
---|
[12341] | 99 | background: transparent url(skin/750darkBottom.png) bottom left; |
---|
| 100 | } |
---|
| 101 | .content .titrePage { |
---|
| 102 | background: transparent url(skin/750darkTop.png) no-repeat; |
---|
| 103 | } |
---|
[12532] | 104 | |
---|
| 105 | /* special for PWG Stuff blocks on picture.php with menubar available on picture.php but disabled - starts here */ |
---|
| 106 | #thePicturePage .content { |
---|
| 107 | width: 1024px; |
---|
| 108 | background: transparent url(skin/1024darkBottom.png) bottom left; |
---|
| 109 | } |
---|
| 110 | |
---|
| 111 | #thePicturePage .content .titrePage { |
---|
| 112 | background: transparent url(skin/1024darkTop.png) no-repeat; |
---|
| 113 | } |
---|
| 114 | /* special for PWG Stuff blocks on picture.php with menubar available on picture.php but disabled - stops here */ |
---|
| 115 | |
---|
[12341] | 116 | .content dl {margin: 25px;} |
---|
[6416] | 117 | |
---|
| 118 | |
---|
[16048] | 119 | #menubar { float: left; width: 264px; margin: 0 0 20px 0; text-align: left; color: #888; } |
---|
[6416] | 120 | #menubar dl { width: 264px; background: transparent url(skin/264grey3.png); margin-bottom: 10px; } |
---|
[16048] | 121 | #menubar dt { margin-left: 10px; padding-top: 10px; margin-bottom: 10px; font-size: 1.2em; font-weight: 700; text-align:left; } |
---|
[6416] | 122 | |
---|
| 123 | #menubar dd { width: 264px; background: transparent url(skin/264grey3.png) bottom left; } |
---|
| 124 | #menubar dd a, |
---|
| 125 | #menubar dd a:visited { color: #eee; } |
---|
| 126 | #menubar dd a:hover { color: #f70; } |
---|
| 127 | |
---|
| 128 | #menubar dt a, |
---|
| 129 | #menubar dt a:visited { color: #f70; } |
---|
[16048] | 130 | #menubar dt a:hover { color: #eee;} |
---|
[6416] | 131 | |
---|
[16048] | 132 | #menubar ul { list-style: none outside none;} |
---|
| 133 | #menubar dd ul { padding: 0 5px 10px 30px; } |
---|
| 134 | #menubar form { padding: 0 5px 5px 5px; margin-top:-20px;} |
---|
| 135 | #menubar #quicksearch {margin-top:-10px} |
---|
[6416] | 136 | |
---|
| 137 | #menubar #menuTagCloud { padding: 0 10px 10px 15px; } |
---|
| 138 | #menubar #menuTagCloud span { margin-right:5px; white-space:nowrap; } |
---|
| 139 | |
---|
| 140 | #menubar dd ul ul { padding-left: 15px; } |
---|
| 141 | |
---|
| 142 | #menubar #quickconnect div { margin-bottom: 3px; } |
---|
| 143 | |
---|
| 144 | #menubar .totalImages { margin:0 10px; padding-bottom:10px; } |
---|
| 145 | #menubar .actions { padding:0; } |
---|
| 146 | #menubar .button { float:right; margin-right:10px; } |
---|
| 147 | |
---|
| 148 | /* ELEMENTS */ |
---|
| 149 | |
---|
[16048] | 150 | .content .titrePage { padding: 10px 0 5px 10px; height: 30px; } |
---|
[6416] | 151 | .titrePage h1 { float: left; } |
---|
[16048] | 152 | .content .additional_info {padding: 10px; text-indent: 20px; color: #666; text-align:justify;font-size:100%; } |
---|
[16050] | 153 | .thumbnailCategories { margin-left: 10px; margin-bottom:10px;} |
---|
[6416] | 154 | |
---|
| 155 | .thumbnailCategories li { background: transparent url(skin/catBg.png) 0 0; width: 355px; height: 170px; float: left; margin-right: 15px; margin-top: 10px } |
---|
[16050] | 156 | .thumbnailCategories li:hover { background: transparent url(skin/catBg.png) 0 -170px; } |
---|
[6416] | 157 | |
---|
[16050] | 158 | .thumbnailCategory .illustration { float: left; width: 150px !important; margin: 0; } |
---|
| 159 | .thumbnailCategory .illustration img {max-width:150px;max-height:150px;} |
---|
| 160 | .thumbnailCategory .description { float: right; width: 180px; margin-top: 0; height: 160px !important; overflow:hidden; } |
---|
| 161 | .thumbnailCategory .description h3 { margin-bottom: 10px; font-weight: 700; color: #f70; } |
---|
| 162 | .thumbnailCategory .Nb_images { font-size: 0.8em; margin-bottom: 10px; } |
---|
| 163 | .thumbnailCategory .desc { font-size: 0.9em; } |
---|
[6416] | 164 | |
---|
| 165 | .thumbnails { margin-left: 10px; min-height: 540px; height: auto !important; height: 540px; text-align: center;} |
---|
| 166 | .thumbnails li { float: left; display: inline; width: 170px; height: 170px; margin-left: 10px; margin-bottom: 10px; background: transparent url(skin/thumbBg.png) 0 0;} |
---|
[16050] | 167 | .thumbnails li:hover { background: transparent url(skin/thumbBg.png) 0 -170px; } |
---|
[6416] | 168 | .thumbnails li .wrap2 { width:170px; height:172px; display:table-cell; vertical-align:middle;} |
---|
[16052] | 169 | .thumbnails SPAN, .thumbnails .wrap2 A, .thumbnails LABEL { width: 150px !important; } /* todo remove this and manage smart dimensions for multisize */ |
---|
[16171] | 170 | .thumbnails li .wrap1 .wrap2 img { border: 1px solid #222; border-left: 1px solid #444; border-bottom: 1px solid #444; max-height:150px;max-width:150px;} /* todo remove max-* and manage smart dimensions for multisize */ |
---|
[16050] | 171 | .thumbnails li:hover img { border: 1px solid #111; border-left: 1px solid #222; border-bottom: 1px solid #222; } |
---|
[6416] | 172 | |
---|
| 173 | .thumbnails .thumbLegend { display:none; } |
---|
| 174 | |
---|
| 175 | .categoryActions { float:right; margin-right: 10px; } |
---|
| 176 | .categoryActions li { float: left; margin-left:5px; display: inline; } |
---|
| 177 | #order { float: left; margin: 2px 5px 0 0;} |
---|
| 178 | #orderText { float: left; margin: 2px 8px 0 0; } |
---|
| 179 | #playSlideshow { width: 200px; float: left; margin-left: 20px; margin-top: 10px; } |
---|
| 180 | #playSlideshow a { color: #666; } |
---|
| 181 | |
---|
[16175] | 182 | .content .navigationBar { color:#444; text-align: right; padding: 10px 30px } |
---|
[16048] | 183 | .content .navigationBar span, |
---|
| 184 | .content .navigationBar a { border: 1px solid; padding: 0px 5px; } |
---|
| 185 | .content .navigationBar a, |
---|
| 186 | .content .navigationBar a:visited { color: #999} |
---|
| 187 | .content .navigationBar a:hover { color: #eee} |
---|
[6416] | 188 | |
---|
[16048] | 189 | .navigationBarSimple { color:#666; text-align: center; position:relative;} |
---|
[6416] | 190 | .navigationBarSimple span, |
---|
| 191 | .navigationBarSimple a { height: 150px; width: 20px; border: 0; padding: 0; text-indent: -3000px; } |
---|
[16048] | 192 | .navigationBarSimple .prew { position: absolute; top: -350px; left: 0px; background: transparent url(icon/prew.png) no-repeat scroll; } |
---|
| 193 | .navigationBarSimple .next { position: absolute; top: -350px; right: 0px; background: transparent url(icon/next.png) no-repeat scroll; } |
---|
[6416] | 194 | .navigationBarSimple a.prew:hover { background: transparent url(icon/prew.png) 0 -150px no-repeat scroll; } |
---|
| 195 | .navigationBarSimple a.next:hover { background: transparent url(icon/next.png) 0 -150px no-repeat scroll; } |
---|
| 196 | |
---|
| 197 | /****** CALENDAR => Not fixed yet */ |
---|
| 198 | |
---|
| 199 | table.calMonth tbody td, |
---|
| 200 | table.calMonth tbody td div.calImg { height:80px; padding:1px 2px; width:80px; } |
---|
| 201 | |
---|
| 202 | .content DIV.calendarViews { display: block; float: right; margin: -20px 0 0; } |
---|
| 203 | .content DIV.calendarCalBar { margin: 10px 10px; text-align: left; } |
---|
| 204 | SPAN.calItem, SPAN.calItemEmpty { font-weight: bold; margin: 0 1px; } |
---|
| 205 | SPAN.calItem A { border:0 } |
---|
| 206 | SPAN.calCalHead { font-weight: bold; font-size: 110%; margin: 0 2px; } |
---|
| 207 | SPAN.calCal { margin: 0 2px; } |
---|
| 208 | |
---|
| 209 | .calendarBar { margin:15px; } |
---|
| 210 | TABLE.calMonth { border: none; margin:10px auto; } |
---|
| 211 | TD.calDayCellFull, |
---|
| 212 | TD.calDayCellEmpty, |
---|
| 213 | TD.calDayCellBlank { vertical-align: top; font-weight: bold; font-size: 18px; } |
---|
| 214 | TD.calDayHead { font-weight: bold; font-size: 12px; text-align: center; padding:10px; } |
---|
| 215 | DIV.calImg { overflow: hidden; vertical-align: bottom; z-index: 1; position: relative; } |
---|
| 216 | .calImg img { position: relative; border: 0; } |
---|
| 217 | .calBackDate { padding-left: 4px; padding-top: 0px; z-index: 2; position: absolute; vertical-align: top; color: #000; } |
---|
| 218 | .calForeDate { padding-left: 5px; padding-top: 1px; z-index: 3; position: absolute; vertical-align: top; color: #fff; } |
---|
| 219 | |
---|
| 220 | /****** TAGS */ |
---|
| 221 | #fullTagCloud { font-size:120%; margin:1em 2em; padding:0; text-align:justify; } |
---|
| 222 | #fullTagCloud span { margin:0 2px; white-space:nowrap; } |
---|
| 223 | |
---|
| 224 | .tagLevel5 { font-size: 150% !important; } |
---|
| 225 | .tagLevel4 { font-size: 140% !important; } |
---|
| 226 | .tagLevel3 { font-size: 120% !important; } |
---|
| 227 | .tagLevel2 { font-size: 100% !important; } |
---|
| 228 | .tagLevel1 { font-size: 80% !important; } |
---|
| 229 | |
---|
| 230 | #theTagsPage TABLE { width:100%; } |
---|
| 231 | #theTagsPage TD { vertical-align: top; } |
---|
| 232 | |
---|
| 233 | FIELDSET.tagLetter { border: 1px solid #444; margin: 0.5em; padding: 10px; } |
---|
| 234 | LEGEND.tagLetterLegend { display:block; border: 1px solid #444; font-size:120%; font-weight: bold; padding: 0 5px; font-style: normal; } |
---|
| 235 | TABLE.tagLetterContent { width:100%; border-collapse:collapse; } |
---|
| 236 | |
---|
| 237 | /****** SEARCH PAGE */ |
---|
| 238 | FORM.filter FIELDSET { border: 1px solid; padding: 1em; margin: 1em; overflow: hidden; } |
---|
| 239 | FORM.filter legend { display: block; padding:5px;} |
---|
| 240 | FORM.filter label { width:auto; clear:none; margin-top:0; } |
---|
| 241 | |
---|
| 242 | FORM.filter FIELDSET UL { margin: 0; } |
---|
| 243 | FORM.filter FIELDSET UL, |
---|
| 244 | FORM.filter FIELDSET LABEL { display: block; float: left; margin-right: 1em; padding: 0; } |
---|
| 245 | FORM.filter FIELDSET LI { list-style: none; margin-bottom: 0.5em; } |
---|
| 246 | FORM.filter FIELDSET LI LABEL { display: inline; float: none; } |
---|
| 247 | FORM.filter FIELDSET UL.tagSelection LABEL { display: inline; float: none; margin-right:0.5em; } |
---|
| 248 | |
---|
| 249 | FORM.filter FIELDSET LABEL INPUT, |
---|
| 250 | FORM.filter FIELDSET LABEL SELECT, |
---|
| 251 | FORM.filter FIELDSET LABEL SPAN, |
---|
| 252 | FORM.filter FIELDSET LABEL TEXTAREA { display: block; margin: 0.5em 0; } |
---|
| 253 | |
---|
| 254 | FORM.filter FIELDSET * LABEL INPUT, |
---|
| 255 | FORM.filter FIELDSET * LABEL SELECT, |
---|
| 256 | FORM.filter FIELDSET * LABEL TEXTAREA, |
---|
| 257 | FORM.filter FIELDSET LABEL SPAN INPUT, |
---|
| 258 | FORM.filter FIELDSET LABEL SPAN SELECT, |
---|
| 259 | FORM.filter FIELDSET LABEL SPAN TEXTAREA { display: inline; vertical-align: top; margin: 0 0.5em 0 0; } |
---|
| 260 | |
---|
| 261 | FORM.filter FIELDSET UL.tagSelection LI LABEL INPUT { margin-right:0; } |
---|
| 262 | FORM.filter FIELDSET LABEL SPAN SELECT { margin: 0; } |
---|
| 263 | FORM.filter FIELDSET P { clear: left; display: block; } |
---|
| 264 | FORM.filter INPUT[type="submit"] { margin-top: 1em; } |
---|
| 265 | |
---|
| 266 | FORM.filter select.categoryList { height:20em; width:500px;} |
---|
| 267 | |
---|
| 268 | /****** PHOTO */ |
---|
| 269 | #imageHeaderBar { height: 30px;} |
---|
| 270 | |
---|
| 271 | #slidshowToolBar { position: absolute; top: 60px; margin-left: 400px; height: 33px; } |
---|
| 272 | |
---|
[16048] | 273 | #imageHeaderBar .imageNumber { width: 70px; font-size: 3em; font-style: italic; color: #222; position: absolute; top: 20px; right:0; } |
---|
[6416] | 274 | #imageHeaderBar .browsePath { float: left; } |
---|
| 275 | .randomButtons { float: right; } |
---|
| 276 | .randomButtons li { float: left; margin-left: 15px;} |
---|
| 277 | |
---|
| 278 | #theImage { clear: left; text-align: left; margin-top: 20px; } |
---|
[19130] | 279 | #imageContainer { position: relative; width: 1024px; } |
---|
[6416] | 280 | #theImg { display: block; margin: 0 auto; border: none; text-align: center; } |
---|
| 281 | |
---|
| 282 | #linkThumbs { position: absolute; top: 0; left: 400px; width: 224px; height: 600px; } |
---|
| 283 | #linkPrev { position: absolute; top: 0; left: 0; width: 150px; height: 600px; text-align: left; background: transparent url(icon/thumbPrev.png) center left no-repeat; } |
---|
| 284 | #linkNext { position: absolute; top: 0; left: 874px; width: 150px; height: 600px; text-align: right; background: transparent url(icon/thumbNext.png) center right no-repeat; } |
---|
| 285 | #linkPrev img { margin-left: 0; margin-top: 225px; border: 1px solid #f70; } |
---|
| 286 | #linkNext img { margin-right: 0; margin-top: 225px; border: 1px solid #f70; } |
---|
| 287 | |
---|
| 288 | #imageInfo { margin-top: 10px; } |
---|
| 289 | #imageInfoLeft { float: left; width: 500px; text-align: left; margin-bottom: 10px; } |
---|
[11050] | 290 | #imageInfoRight { float: right; width: 350px; height: 40px; text-align: right; margin-bottom: 10px; } |
---|
[6416] | 291 | |
---|
| 292 | #imageTags { margin-top:5px; } |
---|
| 293 | #ratingSummary { margin-bottom: 3px; } |
---|
| 294 | |
---|
| 295 | #rateForm input { height: 25px; margin: 0} |
---|
| 296 | |
---|
| 297 | .rateButtonEmpty, |
---|
| 298 | .rateButtonReset, |
---|
| 299 | .rateButtonHalf, |
---|
| 300 | .rateButtonFull, |
---|
| 301 | .rateButtonUserFull, |
---|
| 302 | .rateButtonUserEmpty, |
---|
| 303 | .rateButtonUserHalf { padding:0; border:0; cursor: pointer;} |
---|
| 304 | |
---|
| 305 | .rateButtonSelected { font-weight:bold; font-size:120%; } |
---|
| 306 | .rateButtonEmpty { width:25px; background: url('icon/star.png') 0 0 no-repeat scroll; } |
---|
| 307 | .rateButtonReset { width:25px; background: url('icon/star.png') 0 -25px no-repeat scroll; } |
---|
| 308 | .rateButtonHalf { width:25px; background: url('icon/star.png') 0 -50px no-repeat scroll; } |
---|
| 309 | .rateButtonFull { width:25px; background: url('icon/star.png') 0 -75px no-repeat scroll; } |
---|
| 310 | .rateButtonUserFull { width:25px; background: url('icon/star.png') 0 -100px no-repeat scroll; } |
---|
| 311 | .rateButtonUserEmpty { width:25px; background: url('icon/star.png') 0 -125px no-repeat scroll; } |
---|
| 312 | .rateButtonUserHalf { width:25px; background: url('icon/star.png') 0 -150px no-repeat scroll; } |
---|
| 313 | |
---|
| 314 | .rateButtonEmpty2 { width:25px; background: url('icon/star.png') 0 0 no-repeat scroll; } |
---|
| 315 | .rateButtonHalf2 { width:25px; background: url('icon/star.png') 0 -50px no-repeat scroll; } |
---|
| 316 | .rateButtonFull2 { width:25px; background: url('icon/star.png') 0 -75px no-repeat scroll; } |
---|
| 317 | .rateButtonUserFull2 { width:25px; background: url('icon/star.png') 0 -100px no-repeat scroll; } |
---|
| 318 | .rateButtonUserEmpty2 { width:25px; background: url('icon/star.png') 0 -125px no-repeat scroll; } |
---|
| 319 | .rateButtonUserHalf2 { width:25px; background: url('icon/star.png') 0 -150px no-repeat scroll; } |
---|
| 320 | |
---|
| 321 | .rateShow { float: right; width: 125px; height: 25px; background: url('icon/star.png') repeat-x scroll;} |
---|
| 322 | .rateFull1 { display: block; float: left; width: 25px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;} |
---|
| 323 | .rateFull2 { display: block; float: left; width: 50px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;} |
---|
| 324 | .rateFull3 { display: block; float: left; width: 75px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;} |
---|
| 325 | .rateFull4 { display: block; float: left; width: 100px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;} |
---|
| 326 | .rateFull5 { display: block; float: left; width: 125px; height: 25px; background: url('icon/star.png') 0 -75px repeat-x scroll;} |
---|
| 327 | .rateHalf { display: block; float: left; width: 25px; height: 25px; background: url('icon/star.png') 0 -50px repeat-x scroll;} |
---|
| 328 | |
---|
[12341] | 329 | /****** Lost Password Page */ |
---|
| 330 | #lostPassword label {float:none;} |
---|
| 331 | |
---|
[6416] | 332 | /* OTHERS */ |
---|
| 333 | |
---|
| 334 | .content form { margin: 10px; } |
---|
| 335 | |
---|
[16173] | 336 | .errors {background-color:red;} |
---|
| 337 | .errors, .infos { margin: 10px; color: #fff; font-weight: 700; border-radius:6px; min-height:30px;} |
---|
| 338 | .errors p, .infos p { margin: 30px 0 10px ; color: #900; } |
---|
| 339 | .errors li, .infos li { list-style: decimal; margin-left: 30px;} |
---|
[6416] | 340 | |
---|
[16173] | 341 | .idLink { margin-top: 20px; } |
---|
[6416] | 342 | |
---|
| 343 | /* MOOTOOLS PLUGIN */ |
---|
| 344 | |
---|
| 345 | .elSelect { width: 160px; height: 20px; background: transparent url(elSelect/select_bg.png) no-repeat 0 0; } |
---|
| 346 | .elSelect .clear { clear: both; } |
---|
| 347 | |
---|
| 348 | .elSelect .selected { color: #333 !important; background-color: #999 !important; } |
---|
| 349 | .elSelect .selectedOption { color: #222; float: left; padding: 4px 0 0 6px; width: 87px; font-weight: bold; font-size: 12px; overflow: hidden; cursor:pointer; } |
---|
| 350 | .elSelect .option { color: #555; background-color: #bbb; border-left: solid 1px #555; border-right: solid 1px #555; padding: 4px 0 5px 5px; text-align: left; font-weight: bold; font-size: 12px; } |
---|
| 351 | .elSelect .disabled { color:#999; background-color: #333; border-left: solid 1px #555; border-right: solid 1px #555; } |
---|
| 352 | .elSelect .dropDown { width: 23px; height: 20px; float: right; background: url(elSelect/select_arrow.png) no-repeat 0% 0%; cursor:pointer;} |
---|
| 353 | .elSelect .optionsContainerTop { background: url(elSelect/top_center.gif) repeat-x 0% 0%; position: absolute; width: 100%; height: 5px; } |
---|
| 354 | .elSelect .optionsContainerTop div { background: url(elSelect/top_left.gif) no-repeat 0% 0%; width: 100%; height: 5px; } |
---|
| 355 | .elSelect .optionsContainerTop div div { background: url(elSelect/top_right.gif) no-repeat 100% 0%; width: 100%; height: 5px; } |
---|
| 356 | .elSelect .optionsContainerBottom { position: absolute; margin: -5px 0 0 0; width: 100%; height: 5px; background: url(elSelect/bottom_center.gif) repeat-x 0% 0%;} |
---|
| 357 | .elSelect .optionsContainerBottom div { background: url(elSelect/bottom_left.gif) no-repeat 0% 0%; width: 100%; height: 5px; } |
---|
| 358 | .elSelect .optionsContainerBottom div div { background: url(elSelect/bottom_right.gif) no-repeat 100% 0%; width: 100%; height: 5px; } |
---|
| 359 | .elSelect .optionsContainer { position: absolute; display: none; z-index: 1; } |
---|
| 360 | .icon_1 { background: url(elSelect/icon_1.gif) no-repeat 4px 50%; padding-left: 20px !important; } |
---|
[11050] | 361 | .icon_2 { background: url(elSelect/icon_2.gif) no-repeat 4px 50%; padding-left: 20px !important; } |
---|
[16048] | 362 | |
---|
| 363 | /* LanguageSwitch */ |
---|
| 364 | /* |
---|
| 365 | #languageSwitchLink .pwg-button-text {display:none;} |
---|
| 366 | |
---|
| 367 | #languageSwitchLink .pwg-icon { |
---|
| 368 | display: inline-block; |
---|
| 369 | height: 26px; |
---|
| 370 | overflow: hidden; |
---|
| 371 | text-indent: -9999px; |
---|
| 372 | vertical-align: bottom; |
---|
| 373 | width: 26px; |
---|
| 374 | } |
---|
| 375 | */ |
---|
| 376 | |
---|
| 377 | /* icons */ |
---|
| 378 | .pwg-icon { background-image: url(../default/s26/outline_808080.png);} |
---|
| 379 | A:hover .pwg-icon { background-image: url(../default/s26/outline_ffffff.png);} |
---|
| 380 | |
---|
| 381 | .contentWithMenu { |
---|
| 382 | margin-left: 275px; |
---|
| 383 | } |
---|
| 384 | |
---|
[18645] | 385 | #thePicturePage .contentWithMenu { |
---|
| 386 | margin-left: 0; |
---|
| 387 | } |
---|
| 388 | |
---|
[16048] | 389 | .switchBox { |
---|
| 390 | border: 1px solid #000000; |
---|
| 391 | background-color: #555; |
---|
| 392 | color:#aaa; |
---|
| 393 | font-size:14px; |
---|
| 394 | } |
---|
| 395 | |
---|
| 396 | .switchBoxTitle { |
---|
| 397 | border-bottom: 1px solid #444444; |
---|
[16051] | 398 | } |
---|
| 399 | |
---|
[16173] | 400 | #derivativeSwitchLink {display:none;} |
---|
| 401 | |
---|
| 402 | /* profile */ |
---|
| 403 | form#profile .chzn-container-single .chzn-search {display:none} |
---|
| 404 | |
---|
| 405 | form#profile .chzn-container-active .chzn-single-with-drop { |
---|
| 406 | background-color: #666666; |
---|
| 407 | background-image: none; |
---|
| 408 | border: 1px solid #666666; |
---|
| 409 | border-bottom-left-radius: 0; |
---|
| 410 | border-bottom-right-radius: 0; |
---|
| 411 | box-shadow: none; |
---|
| 412 | color: #CCCCCC; |
---|
| 413 | } |
---|
| 414 | |
---|
| 415 | form#profile .chzn-container-single .chzn-single { |
---|
| 416 | background-image: none; |
---|
| 417 | background-color: #444444; |
---|
| 418 | border: 1px solid #666666; |
---|
| 419 | box-shadow: none; |
---|
| 420 | color: #CCCCCC; |
---|
| 421 | } |
---|
| 422 | |
---|
| 423 | form#profile .chzn-container .chzn-drop { |
---|
| 424 | background-color: #444444; |
---|
| 425 | background-image: none; |
---|
| 426 | border: 1px solid #666666; |
---|
| 427 | box-shadow: none; |
---|
| 428 | color: #CCCCCC; |
---|
[18645] | 429 | } |
---|