schedule/style.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;
}