529 lines
10 KiB
CSS
529 lines
10 KiB
CSS
/*
|
|
* @license http://www.cecill.info/licences/Licence_CeCILL-B_V1-fr.html
|
|
* @author Francois <dokuplugin@merciol.fr>
|
|
*/
|
|
|
|
div.schedule {
|
|
margin: 1em;
|
|
}
|
|
|
|
div.schedule table {
|
|
border: 0 none;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
div.schedule table th, div.schedule table th {
|
|
border: 0 none;
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* ==================== */
|
|
div.schedule table.admin {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
div.schedule table.admin tr {
|
|
border: 0 none;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
margin: 0 4px;
|
|
padding: 0 4px;
|
|
}
|
|
div.schedule table.admin tr.even {
|
|
background-color: #DDD;
|
|
}
|
|
div.schedule table.admin tr td.name {
|
|
text-align: right;
|
|
}
|
|
div.schedule table.admin tr td.value {
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
div.schedule table.admin tr td input {
|
|
width: 100%;
|
|
}
|
|
div.schedule table.admin select {
|
|
width: 100%;
|
|
}
|
|
|
|
/* ==================== */
|
|
div.schedule table.long {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
div.schedule table.long tr.odd {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
div.schedule table.long tr.even {
|
|
vertical-align: middle;
|
|
background-color: #DDD;
|
|
}
|
|
|
|
div.schedule table.long tr th,
|
|
div.schedule table.long tr td {
|
|
border: 0 none;
|
|
text-align: center;
|
|
margin: 0 4px;
|
|
padding: 0 4px;
|
|
}
|
|
|
|
/* ========================================
|
|
* Depend on "scheduleWhat" configuration
|
|
* ======================================== */
|
|
|
|
div.schedule table.long tr.cat_a td.what {
|
|
padding-left: 20px;
|
|
background-image: url("images/bul_a.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.schedule table.long tr.cat_b td.what {
|
|
padding-left: 20px;
|
|
background-image: url("images/bul_b.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.schedule table.long tr.cat_c td.what {
|
|
padding-left: 20px;
|
|
background-image: url("images/bul_c.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* ==================== */
|
|
div.schedule table.short {
|
|
margin: auto;
|
|
border: 0 none;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
div.schedule table.short th, div.schedule table.short td {
|
|
border: 0 none;
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 1em;
|
|
height: 1em;
|
|
z-index: 1;
|
|
}
|
|
|
|
div.schedule table.short td a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.schedule table.short td.week {
|
|
margin: 2px 0;
|
|
color: #888;
|
|
}
|
|
|
|
div.schedule table.short td.empty {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
div.schedule table.short td.weekend {
|
|
background-color: #CCC;
|
|
}
|
|
div.schedule table.short td.outofscope {
|
|
text-decoration: overline line-through underline;
|
|
background-color: #888;
|
|
color: #666;
|
|
}
|
|
div.schedule table.short td.free {
|
|
background-color: white;
|
|
}
|
|
|
|
div.schedule table.short caption {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
div.schedule table.short caption.scheduleShow {
|
|
border: 2px solid orange;
|
|
}
|
|
div.schedule table.short caption.scheduleToday {
|
|
border: 2px solid red;
|
|
}
|
|
|
|
/* ========================================
|
|
* Depend on "scheduleWhat" configuration
|
|
* ======================================== */
|
|
|
|
div.schedule table.short td.cat_a {
|
|
font-weight: bold;
|
|
background: url("images/cat_a.png") repeat;
|
|
}
|
|
|
|
div.schedule table.short td.cat_b {
|
|
background: url("images/cat_b.png") repeat;
|
|
}
|
|
|
|
div.schedule table.short td.cat_c {
|
|
background: url("images/cat_c.png") repeat;
|
|
}
|
|
|
|
div.schedule table.short td.cat_ab {
|
|
background: url("images/cat_ab.png") repeat;
|
|
}
|
|
|
|
div.schedule table.short td.cat_ac {
|
|
background: url("images/cat_ac.png") repeat;
|
|
}
|
|
|
|
div.schedule table.short td.cat_bc {
|
|
background: url("images/cat_bc.png") repeat;
|
|
}
|
|
|
|
div.schedule table.short td.cat_abc {
|
|
background: url("images/cat_abc.png") repeat;
|
|
}
|
|
|
|
div.schedule table.short td.op_1 {
|
|
opacity: 1;
|
|
}
|
|
|
|
div.schedule table.short td.op_2 {
|
|
opacity: 1;
|
|
}
|
|
|
|
div.schedule table.short td.op_3 {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* ========================================
|
|
*
|
|
* ======================================== */
|
|
div.schedule .popup {
|
|
position: absolute;
|
|
top: auto;
|
|
left: auto;
|
|
width: auto;
|
|
height: auto;
|
|
margin: 1em;
|
|
padding: 1em;
|
|
overflow: visible;
|
|
z-index: 1000;
|
|
opacity: 0.7;
|
|
background: #EDDB31;
|
|
color: black;
|
|
border: 1px solid #AE090D;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.bubble img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
div.bubble a,
|
|
div.bubble a:visited,
|
|
div.bubble a:hover,
|
|
div.bubble a:active,
|
|
div.bubble a:link {
|
|
/*cursor: pointer;*/
|
|
display: block;
|
|
text-decoration: none ! important;
|
|
font-weight: bold;
|
|
color: #AE090D ! important;
|
|
}
|
|
|
|
div.bubble div.date {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
div.bubble div.odd {
|
|
background-color: #FDD ! important;
|
|
padding: 0 4px;
|
|
}
|
|
div.bubble div.even {
|
|
background-color: #FE5 ! important;
|
|
padding: 0 4px;
|
|
}
|
|
|
|
div.schedule table.short caption div div.bubble,
|
|
div.schedule table.short td div.bubble {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
opacity: 0.8;
|
|
background: #EDDB31; /* Définition du fond, sinon on a le même que notre lien */
|
|
color: black;
|
|
border: 1px solid #AE090D; /* Définition des bordures */
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
padding: 0;
|
|
font-size: 75%;
|
|
top: auto;
|
|
overflow: visible;
|
|
width: 16em;
|
|
height: auto;
|
|
margin-top: 1em;
|
|
|
|
display: none;
|
|
}
|
|
|
|
div.schedule table.short div.leftBubble {
|
|
left: -13em;
|
|
}
|
|
|
|
div.schedule table.short div.rightBubble {
|
|
left: 18em;
|
|
}
|
|
|
|
/* Rend visible tout notre bloc bubble et lui attribue une taille */
|
|
div.schedule .showBubbleOnFocus:hover div.bubble,
|
|
div.schedule .showBubbleOnFocus:focus div.bubble,
|
|
div.schedule .showBubbleOnFocus:active div.bubble {
|
|
display: block;
|
|
}
|
|
div.schedule table.short td div.bubble a img {
|
|
opacity: 1;
|
|
}
|
|
|
|
div.schedule table.short div.over {
|
|
position: absolute;
|
|
top: auto;
|
|
left: auto;
|
|
z-index: 900;
|
|
}
|
|
|
|
div.schedule table.short td div.past {
|
|
font-weight: bold;
|
|
color: #FFF;
|
|
background-color: #444;
|
|
opacity: 0.7;
|
|
margin: 0 0 0 3px !important;
|
|
}
|
|
|
|
div.schedule table.short td div.scheduleToday {
|
|
opacity: 1;
|
|
z-index: 3;
|
|
font-weight: bold;
|
|
margin: -3px -4px 0 0;
|
|
border: 3px solid red;
|
|
padding: 0;
|
|
color: black;
|
|
}
|
|
|
|
div.schedule table.short td div.scheduleShow {
|
|
opacity: 1;
|
|
z-index: 3;
|
|
font-weight: bold;
|
|
margin: -3px -4px 0 0;
|
|
border: 3px solid orange;
|
|
padding: 0;
|
|
color: black;
|
|
}
|
|
|
|
div.schedule table.short td div.mapSelect {
|
|
z-index: 4;
|
|
font-weight: bold;
|
|
margin: -3px -4px 0 0;
|
|
border: 3px solid #F0F;
|
|
padding: 0;
|
|
color: #F0F;
|
|
}
|
|
|
|
/* ==================== */
|
|
form.scheduleCitiesForm input {
|
|
width: 26em;
|
|
}
|
|
|
|
div.schedule table.form select,
|
|
div.schedule table.form input {
|
|
font-size: 100%;
|
|
}
|
|
|
|
div.scheduleTabForm textarea {
|
|
width: 100%;
|
|
height: 5em;
|
|
}
|
|
|
|
div.scheduleTabForm input.lat {
|
|
width: 4em;
|
|
}
|
|
div.scheduleTabForm input.lon {
|
|
width: 4em;
|
|
}
|
|
|
|
div.scheduleTabForm input.date {
|
|
width: 6em;
|
|
}
|
|
div.scheduleTabForm input.where {
|
|
width: 100%;
|
|
}
|
|
|
|
div.scheduleTabForm input.hour {
|
|
width: 10em;
|
|
}
|
|
|
|
div.scheduleTabForm input.repeat {
|
|
width: 2em;
|
|
}
|
|
|
|
div.scheduleTabForm td.repeat {
|
|
text-align: left;
|
|
}
|
|
|
|
div.scheduleTabForm div >* {
|
|
vertical-align: top;
|
|
}
|
|
div.scheduleTabForm p >* {
|
|
vertical-align: top;
|
|
}
|
|
|
|
div.scheduleTabForm img.checked {
|
|
height: 16px;
|
|
background-image: url("images/poi.png"); /* poi.png */
|
|
background-size: 10px 16px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
div.scheduleTabForm li:hover img.checked {
|
|
background-image: url("images/poiRed.png"); /* selectedPoi.gif */
|
|
}
|
|
|
|
/* ==================== */
|
|
|
|
.ui-accordion .ui-accordion-content {
|
|
height: auto !important;
|
|
}
|
|
|
|
.scheduleCitiesForm ul {
|
|
/*padding: 0 !important;*/
|
|
margin: 0 !important;
|
|
}
|
|
.scheduleCitiesForm ul li {
|
|
margin-left: 20px;
|
|
}
|
|
.scheduleCitiesForm ul img {
|
|
margin-left: -20px;
|
|
}
|
|
|
|
.scheduleCitiesForm .ui-widget>* {
|
|
display: block;
|
|
}
|
|
|
|
.scheduleCitiesForm div>div {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
}
|
|
|
|
.scheduleCitiesForm .cities {
|
|
min-height: 4em;
|
|
max-height: 4em;
|
|
overflow-y: scroll;
|
|
overflow-x:hidden;
|
|
border-style: solid;
|
|
border-color: grey;
|
|
border-width: 1px;
|
|
padding: 1px;
|
|
}
|
|
|
|
.scheduleCitiesForm .cities li {
|
|
list-style-type:none;
|
|
}
|
|
|
|
.scheduleCitiesForm .unknown {
|
|
background-color: #FDD;
|
|
}
|
|
|
|
div.schedule table.short div.tabSelect {
|
|
position: absolute;
|
|
top: auto;
|
|
left: auto;
|
|
z-index: 900;
|
|
margin-top: -16px;
|
|
width: 16px;
|
|
height: 16px;
|
|
min-width: 16px;
|
|
min-height: 16px;
|
|
background-image: url("images/cat_c.gif"); /* selectedPoi.gif */
|
|
background-size: 10px 16px;
|
|
}
|
|
|
|
/* ==================== */
|
|
.schedule .scheduleMap {
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|
|
|
|
.schedule div.olControlPanZoom {
|
|
display: none;
|
|
}
|
|
|
|
.scheduleScaledMap .scheduleMap {
|
|
width: 200px;
|
|
height: 300px;
|
|
}
|
|
|
|
.scheduleScaledMap div.olControlPanZoom {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
div.scheduleMap div.olControlAttribution,
|
|
div.scheduleMap div.olControlScaleLine {
|
|
font-family: Verdana;
|
|
font-size: 0.5em;
|
|
right: 1px;
|
|
bottom: 1px;
|
|
}
|
|
|
|
ul.ui-autocomplete {
|
|
max-height: 10em;
|
|
overflow-y:scroll;
|
|
overflow-x:hidden;
|
|
}
|
|
|
|
.poiPinPush {
|
|
background-image: url("images/cat_ab.png"); /* poi.png */
|
|
opacity: 0.6;
|
|
}
|
|
.poiPinPop {
|
|
background-image: url("images/cat_ac.png"); /* poi.png */
|
|
background-size: 10px 16px;
|
|
}
|
|
.poiPinLight {
|
|
background-image: url("images/cat_bc.png"); /* poi.png */
|
|
opacity: 0.3;
|
|
}
|
|
|
|
/* ==================== */
|
|
.scheduleAddresse {
|
|
width: 16em;
|
|
max-width: 16em;
|
|
min-height: 8em;
|
|
text-align: left;
|
|
}
|
|
|
|
.proposal {
|
|
border-width: 2px;
|
|
border-style: solid none;
|
|
border-color: orange;
|
|
}
|
|
|
|
div.scheduleTabForm div.warningPlace {
|
|
display: inline-block;
|
|
}
|
|
div.scheduleTabForm div.warning {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
div.schedule table.long tr.proposal,
|
|
div.scheduleTabForm div.warning,
|
|
div.scheduleTabForm a.warning,
|
|
div.scheduleTabForm input.warning,
|
|
div.scheduleTabForm ul.warning {
|
|
background-image: url("images/warning.png") !important;
|
|
background-repeat: no-repeat !important;
|
|
}
|
|
div.scheduleTabForm input.warning {
|
|
border: 2px solid yellow !important;
|
|
background-position: right center !important;
|
|
}
|
|
|
|
div.scheduleAddresse {
|
|
}
|
|
|
|
div.scheduleAddresse.poiAdrLight {
|
|
background-color: #DDD;
|
|
}
|