1/* 2 * @license http://www.cecill.info/licences/Licence_CeCILL-B_V1-fr.html 3 * @author Francois <dokuplugin@merciol.fr> 4 */ 5 6div.schedule { 7 margin: 1em; 8} 9 10div.schedule table { 11 border: 0 none; 12 border-spacing: 0; 13} 14 15div.schedule table th, div.schedule table th { 16 border: 0 none; 17 text-align: center; 18 margin: 0; 19 padding: 0; 20} 21 22/* ==================== */ 23div.schedule table.admin { 24 border-collapse: collapse; 25 border-spacing: 0; 26} 27div.schedule table.admin tr { 28 border: 0 none; 29 text-align: center; 30 vertical-align: middle; 31 margin: 0 4px; 32 padding: 0 4px; 33} 34div.schedule table.admin tr.even { 35 background-color: #DDD; 36} 37div.schedule table.admin tr td.name { 38 text-align: right; 39} 40div.schedule table.admin tr td.value { 41 text-align: left; 42 font-weight: bold; 43} 44div.schedule table.admin tr td input { 45 width: 100%; 46} 47div.schedule table.admin select { 48 width: 100%; 49} 50 51/* ==================== */ 52div.schedule table.long { 53 border-collapse: collapse; 54 border-spacing: 0; 55} 56 57div.schedule table.long tr.odd { 58 vertical-align: middle; 59} 60 61div.schedule table.long tr.even { 62 vertical-align: middle; 63 background-color: #DDD; 64} 65 66div.schedule table.long tr th, 67div.schedule table.long tr td { 68 border: 0 none; 69 text-align: center; 70 margin: 0 4px; 71 padding: 0 4px; 72} 73 74/* ======================================== 75 * Depend on "scheduleWhat" configuration 76 * ======================================== */ 77 78div.schedule table.long tr.cat_a td.what { 79 padding-left: 20px; 80 background-image: url("images/bul_a.png"); 81 background-repeat: no-repeat; 82} 83 84div.schedule table.long tr.cat_b td.what { 85 padding-left: 20px; 86 background-image: url("images/bul_b.png"); 87 background-repeat: no-repeat; 88} 89 90div.schedule table.long tr.cat_c td.what { 91 padding-left: 20px; 92 background-image: url("images/bul_c.png"); 93 background-repeat: no-repeat; 94} 95 96/* ==================== */ 97div.schedule table.short { 98 margin: auto; 99 border: 0 none; 100 border-spacing: 0; 101} 102 103div.schedule table.short th, div.schedule table.short td { 104 border: 0 none; 105 text-align: center; 106 margin: 0; 107 padding: 0; 108 width: 1em; 109 height: 1em; 110 z-index: 1; 111} 112 113div.schedule table.short td a { 114 font-weight: bold; 115} 116 117div.schedule table.short td.week { 118 margin: 2px 0; 119 color: #888; 120} 121 122div.schedule table.short td.empty { 123 opacity: 0.4; 124} 125 126div.schedule table.short td.weekend { 127 background-color: #CCC; 128} 129div.schedule table.short td.outofscope { 130 text-decoration: overline line-through underline; 131 background-color: #888; 132 color: #666; 133} 134div.schedule table.short td.free { 135 background-color: white; 136} 137 138div.schedule table.short caption { 139 font-weight: bold; 140 text-align: center; 141} 142div.schedule table.short caption.scheduleShow { 143 border: 2px solid orange; 144} 145div.schedule table.short caption.scheduleToday { 146 border: 2px solid red; 147} 148 149/* ======================================== 150 * Depend on "scheduleWhat" configuration 151 * ======================================== */ 152 153div.schedule table.short td.cat_a { 154 font-weight: bold; 155 background: url("images/cat_a.png") repeat; 156} 157 158div.schedule table.short td.cat_b { 159 background: url("images/cat_b.png") repeat; 160} 161 162div.schedule table.short td.cat_c { 163 background: url("images/cat_c.png") repeat; 164} 165 166div.schedule table.short td.cat_ab { 167 background: url("images/cat_ab.png") repeat; 168} 169 170div.schedule table.short td.cat_ac { 171 background: url("images/cat_ac.png") repeat; 172} 173 174div.schedule table.short td.cat_bc { 175 background: url("images/cat_bc.png") repeat; 176} 177 178div.schedule table.short td.cat_abc { 179 background: url("images/cat_abc.png") repeat; 180} 181 182div.schedule table.short td.op_1 { 183 opacity: 1; 184} 185 186div.schedule table.short td.op_2 { 187 opacity: 1; 188} 189 190div.schedule table.short td.op_3 { 191 opacity: 1; 192} 193 194/* ======================================== 195 * 196 * ======================================== */ 197div.schedule .popup { 198 position: absolute; 199 top: auto; 200 left: auto; 201 width: auto; 202 height: auto; 203 margin: 1em; 204 padding: 1em; 205 overflow: visible; 206 z-index: 1000; 207 opacity: 0.7; 208 background: #EDDB31; 209 color: black; 210 border: 1px solid #AE090D; 211 font-weight: bold; 212} 213 214div.bubble img { 215 vertical-align: middle; 216} 217 218div.bubble a, 219div.bubble a:visited, 220div.bubble a:hover, 221div.bubble a:active, 222div.bubble a:link { 223 /*cursor: pointer;*/ 224 display: block; 225 text-decoration: none ! important; 226 font-weight: bold; 227 color: #AE090D ! important; 228} 229 230div.bubble div.date { 231 font-weight: bold; 232 text-align: center; 233} 234div.bubble div.odd { 235 background-color: #FDD ! important; 236 padding: 0 4px; 237} 238div.bubble div.even { 239 background-color: #FE5 ! important; 240 padding: 0 4px; 241} 242 243div.schedule table.short caption div div.bubble, 244div.schedule table.short td div.bubble { 245 position: absolute; 246 z-index: 1000; 247 opacity: 0.8; 248 background: #EDDB31; /* Définition du fond, sinon on a le même que notre lien */ 249 color: black; 250 border: 1px solid #AE090D; /* Définition des bordures */ 251 text-align: left; 252 vertical-align: middle; 253 padding: 0; 254 font-size: 75%; 255 top: auto; 256 overflow: visible; 257 width: 16em; 258 height: auto; 259 margin-top: 1em; 260 261 display: none; 262} 263 264div.schedule table.short div.leftBubble { 265 left: -13em; 266} 267 268div.schedule table.short div.rightBubble { 269 left: 18em; 270} 271 272/* Rend visible tout notre bloc bubble et lui attribue une taille */ 273div.schedule .showBubbleOnFocus:hover div.bubble, 274div.schedule .showBubbleOnFocus:focus div.bubble, 275div.schedule .showBubbleOnFocus:active div.bubble { 276 display: block; 277} 278div.schedule table.short td div.bubble a img { 279 opacity: 1; 280} 281 282div.schedule table.short div.over { 283 position: absolute; 284 top: auto; 285 left: auto; 286 z-index: 900; 287} 288 289div.schedule table.short td div.past { 290 font-weight: bold; 291 color: #FFF; 292 background-color: #444; 293 opacity: 0.7; 294 margin: 0 0 0 3px !important; 295} 296 297div.schedule table.short td div.scheduleToday { 298 opacity: 1; 299 z-index: 3; 300 font-weight: bold; 301 margin: -3px -4px 0 0; 302 border: 3px solid red; 303 padding: 0; 304 color: black; 305} 306 307div.schedule table.short td div.scheduleShow { 308 opacity: 1; 309 z-index: 3; 310 font-weight: bold; 311 margin: -3px -4px 0 0; 312 border: 3px solid orange; 313 padding: 0; 314 color: black; 315} 316 317div.schedule table.short td div.mapSelect { 318 z-index: 4; 319 font-weight: bold; 320 margin: -3px -4px 0 0; 321 border: 3px solid #F0F; 322 padding: 0; 323 color: #F0F; 324} 325 326/* ==================== */ 327form.scheduleCitiesForm input { 328 width: 26em; 329} 330 331div.schedule table.form select, 332div.schedule table.form input { 333 font-size: 100%; 334} 335 336div.scheduleTabForm textarea { 337 width: 100%; 338 height: 5em; 339} 340 341div.scheduleTabForm input.lat { 342 width: 4em; 343} 344div.scheduleTabForm input.lon { 345 width: 4em; 346} 347 348div.scheduleTabForm input.date { 349 width: 6em; 350} 351div.scheduleTabForm input.where { 352 width: 100%; 353} 354 355div.scheduleTabForm input.hour { 356 width: 10em; 357} 358 359div.scheduleTabForm input.repeat { 360 width: 2em; 361} 362 363div.scheduleTabForm td.repeat { 364 text-align: left; 365} 366 367div.scheduleTabForm div >* { 368 vertical-align: top; 369} 370div.scheduleTabForm p >* { 371 vertical-align: top; 372} 373 374div.scheduleTabForm img.checked { 375 height: 16px; 376 background-image: url("images/poi.png"); /* poi.png */ 377 background-size: 10px 16px; 378 background-repeat: no-repeat; 379} 380div.scheduleTabForm li:hover img.checked { 381 background-image: url("images/poiRed.png"); /* selectedPoi.gif */ 382} 383 384/* ==================== */ 385 386.ui-accordion .ui-accordion-content { 387 height: auto !important; 388} 389 390.scheduleCitiesForm ul { 391 /*padding: 0 !important;*/ 392 margin: 0 !important; 393} 394.scheduleCitiesForm ul li { 395 margin-left: 20px; 396} 397.scheduleCitiesForm ul img { 398 margin-left: -20px; 399} 400 401.scheduleCitiesForm .ui-widget>* { 402 display: block; 403} 404 405.scheduleCitiesForm div>div { 406 vertical-align: top; 407 display: inline-block; 408} 409 410.scheduleCitiesForm .cities { 411 min-height: 4em; 412 max-height: 4em; 413 overflow-y: scroll; 414 overflow-x:hidden; 415 border-style: solid; 416 border-color: grey; 417 border-width: 1px; 418 padding: 1px; 419} 420 421.scheduleCitiesForm .cities li { 422 list-style-type:none; 423} 424 425.scheduleCitiesForm .unknown { 426 background-color: #FDD; 427} 428 429div.schedule table.short div.tabSelect { 430 position: absolute; 431 top: auto; 432 left: auto; 433 z-index: 900; 434 margin-top: -16px; 435 width: 16px; 436 height: 16px; 437 min-width: 16px; 438 min-height: 16px; 439 background-image: url("images/cat_c.gif"); /* selectedPoi.gif */ 440 background-size: 10px 16px; 441} 442 443/* ==================== */ 444.schedule .scheduleMap { 445 width: 150px; 446 height: 150px; 447} 448 449.schedule div.olControlPanZoom { 450 display: none; 451} 452 453.scheduleScaledMap .scheduleMap { 454 width: 200px; 455 height: 300px; 456} 457 458.scheduleScaledMap div.olControlPanZoom { 459 opacity: 0.2; 460} 461 462div.scheduleMap div.olControlAttribution, 463div.scheduleMap div.olControlScaleLine { 464 font-family: Verdana; 465 font-size: 0.5em; 466 right: 1px; 467 bottom: 1px; 468} 469 470ul.ui-autocomplete { 471 max-height: 10em; 472 overflow-y:scroll; 473 overflow-x:hidden; 474} 475 476.poiPinPush { 477 background-image: url("images/cat_ab.png"); /* poi.png */ 478 opacity: 0.6; 479} 480.poiPinPop { 481 background-image: url("images/cat_ac.png"); /* poi.png */ 482 background-size: 10px 16px; 483} 484.poiPinLight { 485 background-image: url("images/cat_bc.png"); /* poi.png */ 486 opacity: 0.3; 487} 488 489/* ==================== */ 490.scheduleAddresse { 491 width: 16em; 492 max-width: 16em; 493 min-height: 8em; 494 text-align: left; 495} 496 497.proposal { 498 border-width: 2px; 499 border-style: solid none; 500 border-color: orange; 501} 502 503div.scheduleTabForm div.warningPlace { 504 display: inline-block; 505} 506div.scheduleTabForm div.warning { 507 width: 16px; 508 height: 16px; 509} 510div.schedule table.long tr.proposal, 511div.scheduleTabForm div.warning, 512div.scheduleTabForm a.warning, 513div.scheduleTabForm input.warning, 514div.scheduleTabForm ul.warning { 515 background-image: url("images/warning.png") !important; 516 background-repeat: no-repeat !important; 517} 518div.scheduleTabForm input.warning { 519 border: 2px solid yellow !important; 520 background-position: right center !important; 521} 522 523div.scheduleAddresse { 524} 525 526div.scheduleAddresse.poiAdrLight { 527 background-color: #DDD; 528} 529