[19179] | 1 | /* General rules ------------------------------------------------------------------------------- */ |
---|
| 2 | |
---|
| 3 | html , body { background-color: #EFEFEF;} |
---|
| 4 | body { color: #999;} |
---|
| 5 | |
---|
| 6 | #thePicturePage .left_block, |
---|
| 7 | #thePicturePage .right_block, |
---|
| 8 | #thePicturePage .middle_block, |
---|
| 9 | #content { |
---|
| 10 | background-color: #DFDFDF; |
---|
| 11 | } |
---|
| 12 | |
---|
| 13 | a { color: #666;} |
---|
| 14 | a:hover { color: #333;} |
---|
| 15 | |
---|
| 16 | hr { border-color: #666;} |
---|
| 17 | |
---|
| 18 | #theHeader { color: #777; } |
---|
| 19 | |
---|
| 20 | /* Content ------------------------------------------------------------------------------------- */ |
---|
| 21 | |
---|
| 22 | .content_block .additional_info { background-color:#BFBFBF;} |
---|
| 23 | .content_block { color:#666;} |
---|
| 24 | .content_block a { color:#222;} |
---|
| 25 | .content_block a:hover { color:#000;} |
---|
| 26 | |
---|
| 27 | /* Menubar ------------------------------------------------------------------------------------- */ |
---|
| 28 | |
---|
| 29 | #menuswitcher { color: #666;} |
---|
| 30 | #menuswitcher:hover { color: #333;} |
---|
| 31 | |
---|
| 32 | /* Category thumbnails ------------------------------------------------------------------------- */ |
---|
| 33 | |
---|
| 34 | .thumbnailCategories li { color:#666;} |
---|
| 35 | .ats .thumbnailCategories li { background: transparent url("img/back_30.png") 0 0 no-repeat;} |
---|
| 36 | .at3 .thumbnailCategories li { background: transparent url("img/m_back_30.png") 0 0 no-repeat;} |
---|
| 37 | .at2 .thumbnailCategories li { background: transparent url("img/l_back_30.png") 0 0 no-repeat;} |
---|
| 38 | .at1 .thumbnailCategories li { background: transparent url("img/xl_back_30.png") 0 0 no-repeat;} |
---|
| 39 | |
---|
| 40 | .thumbnailCategories li:hover { color:#999;} |
---|
| 41 | .ats .thumbnailCategories li:hover { background: transparent url("img/back_30.png") 0 -170px no-repeat;} |
---|
| 42 | .at3 .thumbnailCategories li:hover { background: transparent url("img/m_back_30.png") 0 -290px no-repeat;} |
---|
| 43 | .at2 .thumbnailCategories li:hover { background: transparent url("img/l_back_30.png") 0 -170px no-repeat;} |
---|
| 44 | .at1 .thumbnailCategories li:hover { background: transparent url("img/xl_back_30.png") 0 -170px no-repeat;} |
---|
| 45 | |
---|
| 46 | .thumbnailCategory .illustration img { border: 1px solid #AAA;} |
---|
| 47 | .thumbnailCategory .illustration img:hover { border: 1px solid #EFEFEF;} |
---|
| 48 | |
---|
| 49 | .atd .thumbnailCategory .description h3 { border-color:#AAA;} |
---|
| 50 | .naf .thumbnailCategories .thumbnailCategory:hover .description h3 { border-color:#AAA;} |
---|
| 51 | .atd .thumbnailCategory:hover .description h3 { border-color:#666;} |
---|
| 52 | |
---|
| 53 | .stuffs_block .personal_block ul.thumbnailCategories li { background: #CFCFCF none 0 0 no-repeat;} |
---|
| 54 | .stuffs_block .personal_block ul.thumbnailCategories li:hover { background: #3F3F3F none 0 0 no-repeat;} |
---|
| 55 | .subcontent .stuffs_block .personal_block ul.thumbnailCategories li { background: #BFBFBF none 0 0 no-repeat;} |
---|
| 56 | .subcontent .stuffs_block .personal_block ul.thumbnailCategories li:hover { background: #3F3F3F none 0 0 no-repeat;} |
---|
| 57 | |
---|
| 58 | /* Images Thumbnails --------------------------------------------------------------------------- */ |
---|
| 59 | |
---|
| 60 | .thumbnails li, #thumbnails li { background: transparent url("img/back_40.png") 0 0 no-repeat;} |
---|
| 61 | .thumbnails li:hover, #thumbnails li:hover { background: transparent url("img/back_40.png") 0 -170px no-repeat;} |
---|
| 62 | .stuffs_block li { background: transparent url("img/back_50.png") 0 -0 no-repeat;} |
---|
| 63 | .stuffs_block li:hover { background: transparent url("img/back_50.png") 0 -170px no-repeat;} |
---|
| 64 | .wrap1 .thumbLegend { color:#777;} |
---|
| 65 | .wrap1 .wrap2 .thumbnail , |
---|
| 66 | .wrap1 .wrap2 .thumbnail:hover { border:solid 1px #BFBFBF;} |
---|
| 67 | |
---|
| 68 | /* Navigation Bar ------------------------------------------------------------------------------ */ |
---|
| 69 | |
---|
| 70 | #thumb_navigation { color:#999;} |
---|
| 71 | |
---|
| 72 | /* Picture Page -------------------------------------------------------------------------------- */ |
---|
| 73 | |
---|
| 74 | #imageTitle { |
---|
| 75 | color:#777; |
---|
| 76 | } |
---|
| 77 | |
---|
| 78 | #theImageAndTitle { |
---|
| 79 | margin: 10px auto 15px; |
---|
| 80 | } |
---|
| 81 | |
---|
| 82 | .img_frame #theMainImage { |
---|
| 83 | border: 1px #666 solid; |
---|
| 84 | } |
---|
| 85 | |
---|
| 86 | /* Image Nav Arrows ---------------------------------------------------------------------------- */ |
---|
| 87 | |
---|
| 88 | /* Navigation Arrows --------------------------------------------------------------------------- */ |
---|
| 89 | |
---|
| 90 | /* HD Picture Box ------------------------------------------------------------------------------ */ |
---|
| 91 | |
---|
| 92 | #theImgHighBg { |
---|
| 93 | background-color:#CCC; |
---|
| 94 | } |
---|
| 95 | |
---|
| 96 | /* Navbuttons ---------------------------------------------------------------------------------- */ |
---|
| 97 | |
---|
| 98 | /* Tabs ---------------------------------------------------------------------------------------- */ |
---|
| 99 | |
---|
| 100 | #tabTitleBar { border-top: 1px solid #AAA;} |
---|
| 101 | |
---|
| 102 | .tabTitle { |
---|
| 103 | background: #DFDFDF; |
---|
| 104 | color: #888; |
---|
| 105 | } |
---|
| 106 | |
---|
| 107 | .tabTitle:hover { color:#666;} |
---|
| 108 | |
---|
| 109 | .tabSelected { |
---|
| 110 | color: #666; |
---|
| 111 | background: #BFBFBF; |
---|
| 112 | } |
---|
| 113 | |
---|
| 114 | .tabBlockContent { |
---|
| 115 | background:#BFBFBF; |
---|
| 116 | color:#555; |
---|
| 117 | } |
---|
| 118 | |
---|
| 119 | .tabBlock a { color:#111;} |
---|
| 120 | |
---|
| 121 | /* Light Slideshow ----------------------------------------------------------------------------- */ |
---|
| 122 | |
---|
| 123 | #light_slideshow { color: #BBB;} |
---|
| 124 | #light_slideshow a { color: #999;} |
---|
| 125 | #light_slideshow a:hover { color: #666;} |
---|
| 126 | |
---|
| 127 | #light_slideshow #content { |
---|
| 128 | background-color: #EFEFEF; |
---|
| 129 | border: 1px #EFEFEF solid; |
---|
| 130 | } |
---|
| 131 | |
---|
| 132 | #light_slideshow #theImageAndTitle { margin-bottom: 3px;} |
---|
| 133 | #light_slideshow #theMainImage { border-color: #444;} |
---|
| 134 | #light_slideshow #imageTitle { color: #999;} |
---|
| 135 | |
---|
| 136 | /* Comments ------------------------------------------------------------------------------------ */ |
---|
| 137 | |
---|
| 138 | #comments > ul > li { background: #BFBFBF;} |
---|
| 139 | .subcontent .stuffs_block #comments li { background: #AFAFAF;} |
---|
| 140 | #comments .description { color: #666;} |
---|
| 141 | #comments .description .author, |
---|
| 142 | #comments .description .date { color: #3F3F3F;} |
---|
| 143 | #commentList li { border-top: 1px dotted #9F9F9F;} |
---|
| 144 | .commentList a { color: #333;} |
---|
| 145 | .commentList a:hover { color: #111;} |
---|
| 146 | |
---|
| 147 | /* Tags ---------------------------------------------------------------------------------------- */ |
---|
| 148 | |
---|
| 149 | fieldset legend { color: #999;} |
---|
| 150 | #fullTagCloud a:hover { background: #9F9F9F;} |
---|
| 151 | |
---|
| 152 | /* Calendar ------------------------------------------------------------------------------------ */ |
---|
| 153 | |
---|
| 154 | .calMonth td { background-color: #C9C9C9;} |
---|
| 155 | |
---|
| 156 | |
---|
| 157 | /* Inputs & Forms ------------------------------------------------------------------------------ */ |
---|
| 158 | |
---|
| 159 | input, select, textarea { |
---|
| 160 | background-color: #999; |
---|
| 161 | border: 1px solid #666; |
---|
| 162 | color: #0F0F0F; |
---|
| 163 | } |
---|
| 164 | |
---|
| 165 | input[type="submit"], input[type="reset"] { |
---|
| 166 | background-color: #C0C0C0; |
---|
| 167 | border: 1px solid #9F9F9F; |
---|
| 168 | color: #666; |
---|
| 169 | } |
---|
| 170 | input[type="submit"]:hover, input[type="reset"]:hover { |
---|
| 171 | background-color: #999; |
---|
| 172 | border: 1px solid #666; |
---|
| 173 | color: #0F0F0F; |
---|
| 174 | } |
---|
| 175 | |
---|
| 176 | fieldset { border: 1px #9F9F9F dotted;} |
---|
| 177 | .mandatorystar { color: #e04040;} |
---|
| 178 | |
---|
| 179 | #quicksearch input { |
---|
| 180 | color:#444; |
---|
| 181 | background:#AFAFAF; |
---|
| 182 | } |
---|
| 183 | |
---|
| 184 | #quickconnect input#username, |
---|
| 185 | #quickconnect input#password { |
---|
| 186 | color:#555; |
---|
| 187 | } |
---|
| 188 | |
---|
| 189 | /* Footer -------------------------------------------------------------------------------------- */ |
---|
| 190 | |
---|
| 191 | .footer_login a { color:#999;} |
---|
| 192 | .footer_login a:hover { color:#333;} |
---|
| 193 | |
---|
| 194 | /* Infos & Errors ------------------------------------------------------------------------------ */ |
---|
| 195 | |
---|
| 196 | .errors { |
---|
| 197 | border: 2px solid #A04040; |
---|
| 198 | color: #A04040; |
---|
| 199 | } |
---|
| 200 | |
---|
| 201 | .infos { |
---|
| 202 | border: 2px solid #40A040; |
---|
| 203 | color: #40A040; |
---|
| 204 | } |
---|
| 205 | |
---|
| 206 | .errors a { color: #FF0000;} |
---|
| 207 | .infos a { color: #00FF00;} |
---|
| 208 | |
---|
| 209 | /* RV Maps & Earth Plugin ---------------------------------------------------------------------- */ |
---|
| 210 | |
---|
| 211 | #mapPicture { |
---|
| 212 | color:#DFDFDF; |
---|
| 213 | } |
---|
| 214 | |
---|
| 215 | /* User Tags Plugin ---------------------------------------------------------------------------- */ |
---|
| 216 | |
---|
| 217 | #Tags ul.token-input-list-facebook { |
---|
| 218 | background-color: #AAA; |
---|
| 219 | border-color: #999; |
---|
| 220 | } |
---|
| 221 | |
---|
| 222 | #Tags li.token-input-token-facebook { |
---|
| 223 | background-color: #999; |
---|
| 224 | border-color: #666; |
---|
| 225 | color: #111; |
---|
| 226 | } |
---|
| 227 | |
---|
| 228 | #Tags li.token-input-input-token-facebook input { |
---|
| 229 | background-color: #999; |
---|
| 230 | color: #111; |
---|
| 231 | } |
---|
| 232 | |
---|
| 233 | /* PWG Stuffs Plugin --------------------------------------------------------------------------- */ |
---|
| 234 | |
---|
| 235 | .subcontent .stuffs_block .left_block, |
---|
| 236 | .subcontent .stuffs_block .right_block, |
---|
| 237 | .subcontent .stuffs_block .middle_block { |
---|
| 238 | background-color:#CFCFCF; |
---|
| 239 | color:#666; |
---|
| 240 | } |
---|
| 241 | |
---|
| 242 | /* No Thumb France CSS ------------------------------------------------------------------------- */ |
---|
| 243 | |
---|
| 244 | .naf .stuffs_block .personal_block ul.thumbnailCategories li:hover, |
---|
| 245 | .naf .thumbnailCategories li:hover, |
---|
| 246 | .naf .subcontent .stuffs_block .personal_block ul.thumbnailCategories li:hover { |
---|
| 247 | color: #3F3F3F; |
---|
| 248 | } |
---|
| 249 | |
---|
| 250 | .naf .thumbnailCategory .illustration img { border: 1px solid #888;} |
---|
| 251 | .naf .thumbnailCategory .illustration img:hover { border: 1px solid #3F3F3F;} |
---|
| 252 | |
---|
| 253 | .ntf .wrap1 .wrap2 .thumbnail { |
---|
| 254 | border:solid 1px #BBB; |
---|
| 255 | } |
---|
| 256 | .ntf .wrap1 .wrap2 .thumbnail:hover { |
---|
| 257 | border:solid 1px #888; |
---|
| 258 | } |
---|
| 259 | |
---|
| 260 | /*-- start of stripped and columns -----------*/ |
---|
| 261 | /**/ |
---|
| 262 | /**** Isotope CSS3 transitions ****/ |
---|
| 263 | |
---|
| 264 | /**** disabling Isotope CSS3 transitions ****/ |
---|
| 265 | /**************** |
---|
| 266 | color backgroung etc |
---|
| 267 | ************************/ |
---|
| 268 | body { |
---|
| 269 | background-color: #E1E1E1; |
---|
| 270 | color: #000000; |
---|
| 271 | } |
---|
| 272 | a { |
---|
| 273 | color: #000000; |
---|
| 274 | text-decoration: none; |
---|
| 275 | } |
---|
| 276 | .masonry-brick, .bloc .title, .bloc_big .title, .nav_bulle { |
---|
| 277 | color: #000000; |
---|
| 278 | background-image: url("img/btn.png"); |
---|
| 279 | text-decoration: none; |
---|
| 280 | text-transform: none; |
---|
| 281 | } |
---|
| 282 | #theHeader a, .titrePage a, .footer_login a, .navigationBar a { |
---|
| 283 | color: #19AAB0; |
---|
| 284 | } |
---|
| 285 | .album { |
---|
| 286 | background-color:#A6A6A6; |
---|
| 287 | } |
---|
| 288 | .bloc_stuff { |
---|
| 289 | border: 1px solid #BDBDBD; |
---|
| 290 | } |
---|
| 291 | #menubar { |
---|
| 292 | color: #000000; |
---|
| 293 | background-image: url("img/btn.png"); |
---|
| 294 | text-decoration: none; |
---|
| 295 | border: 1px solid #BDBDBD; |
---|
| 296 | } |
---|
| 297 | .browsePath, #theHeader, #imageTitle, .randomButtons, #footer_left, #copyright { |
---|
| 298 | color: #000000; |
---|
| 299 | background-image: url("img/btn.png"); |
---|
| 300 | text-decoration: none; |
---|
| 301 | text-transform: none; |
---|
| 302 | border: 1px solid #BDBDBD; |
---|
| 303 | } |
---|
| 304 | .titrePage .categoryActions { |
---|
| 305 | color: #000000; |
---|
| 306 | background-image: url("img/btn.png"); |
---|
| 307 | text-decoration: none; |
---|
| 308 | text-transform: none; |
---|
| 309 | border: 1px solid #BDBDBD; |
---|
| 310 | } |
---|
| 311 | #tabZone { |
---|
| 312 | color: #000000; |
---|
| 313 | background-image: url("img/btn.png"); |
---|
| 314 | text-decoration: none; |
---|
| 315 | text-transform: none; |
---|
| 316 | border: 1px solid #BDBDBD; |
---|
| 317 | } |
---|
| 318 | #tabZone * { |
---|
| 319 | color: #000000; |
---|
| 320 | } |
---|