365 lines
6.9 KiB
CSS
365 lines
6.9 KiB
CSS
/*
|
|
* TP PHP
|
|
* css du site
|
|
*
|
|
* Copyright 2016, Eric Dufour
|
|
* http://techfacile.fr
|
|
*
|
|
* Licensed under the MIT license:
|
|
* http://www.opensource.org/licenses/MIT
|
|
*/
|
|
|
|
|
|
.bouton{
|
|
border:none;
|
|
margin-bottom:4%;
|
|
margin-left: 2px;
|
|
width: 99%;
|
|
padding-top: 3px;
|
|
padding-bottom: 2px;
|
|
background-color: #49B47C;
|
|
color: #fff;
|
|
}
|
|
.bouton:hover{
|
|
background-color: #2F7450;
|
|
}
|
|
.error {
|
|
color:#a94442;
|
|
}
|
|
.footer{
|
|
bottom: auto;
|
|
background-color: #818181;
|
|
color: #fff;
|
|
width: 100%;
|
|
height:auto;
|
|
margin-top: 40px;
|
|
}
|
|
.header {
|
|
background-color: #49B47C;
|
|
color: #fff;
|
|
width: 100%;
|
|
padding:10px 0px;
|
|
}
|
|
.label{
|
|
color:#333;
|
|
}
|
|
#map{
|
|
border : solid #CCC 1px; /*ED #49B47C */
|
|
}
|
|
.titre_base{
|
|
background-color: #818181;
|
|
color: #fff;
|
|
}
|
|
|
|
/* Slider */
|
|
/* Slideshow container */
|
|
.slideshow-container {
|
|
max-width: 2000px;
|
|
position: relative;
|
|
margin: auto;
|
|
}
|
|
|
|
/* Next & previous buttons */
|
|
.prev, .next {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: auto;
|
|
margin-top: -22px;
|
|
padding: 16px;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 18px;
|
|
transition: 0.6s ease;
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
|
|
/* Position the "next button" to the right */
|
|
.next {
|
|
right: 0;
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
|
|
/* On hover, add a black background color with a little bit see-through */
|
|
.prev:hover, .next:hover {
|
|
background-color: rgba(0,0,0,0.8);
|
|
}
|
|
|
|
/* Caption text */
|
|
.text {
|
|
color: #f2f2f2;
|
|
font-size: 15px;
|
|
padding: 8px 12px;
|
|
position: absolute;
|
|
bottom: 8px;
|
|
width: 100%;
|
|
text-align: left; /* center; */
|
|
}
|
|
|
|
/* Number text (1/3 etc) */
|
|
.numbertext {
|
|
color: #f2f2f2;
|
|
font-size: 12px;
|
|
padding: 8px 12px;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
/* The dots/bullets/indicators */
|
|
.dot {
|
|
cursor:pointer;
|
|
height: 13px;
|
|
width: 13px;
|
|
margin: 0 2px;
|
|
background-color: #bbb;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
transition: background-color 0.6s ease;
|
|
}
|
|
|
|
.active, .dot:hover {
|
|
background-color: #717171;
|
|
}
|
|
|
|
|
|
/*lien de la page d'accueil*/
|
|
a,
|
|
a:hover{
|
|
color: #49B47C;
|
|
|
|
}
|
|
#valider{
|
|
padding: 2px;
|
|
margin-top: 5%;
|
|
}
|
|
.titre h1{
|
|
color: #fff;
|
|
}
|
|
#admin{
|
|
color: #fff;
|
|
}
|
|
/* css galeire photo */
|
|
ul#demo-block{
|
|
margin:0 15px 15px 15px;
|
|
}
|
|
ul#demo-block li{
|
|
margin:0 0 10px 0;
|
|
padding:10px;
|
|
display:inline;
|
|
float:left;
|
|
clear:both;
|
|
color:#aaa;
|
|
background:url('../img/bg-black.png');
|
|
font:11px Helvetica, Arial, sans-serif;
|
|
}
|
|
ul#demo-block li a{
|
|
color:#eee;
|
|
font-weight:bold;
|
|
}
|
|
/* css calendrier */
|
|
.lien_page{
|
|
color:#fff;
|
|
}
|
|
.lien_page:hover{
|
|
text-decoration:none;
|
|
color:#fff;
|
|
}
|
|
|
|
.calmonth {
|
|
text-transform: capitalize;
|
|
}
|
|
.calcon {
|
|
transition: 1s;
|
|
width : 100%;
|
|
}
|
|
.calcon .day {
|
|
font-size: 14px;
|
|
color: #919191;
|
|
box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
text-align: center;
|
|
border: 1px solid #BBBBBB;
|
|
border-top: none;
|
|
border-right: none;
|
|
background-color: white;
|
|
}
|
|
.calcon .selected .day-contents {
|
|
background-color: #49B47C !important;
|
|
color: white;
|
|
transition: 0.2s;
|
|
}
|
|
.calcon .day.past {
|
|
background-color: #FDFDFD;
|
|
}
|
|
.calcon .day.past .day-contents{
|
|
color: #888888;
|
|
}
|
|
|
|
.calcon .selected .day-contents:hover {
|
|
background-color: #3F9A6A !important;
|
|
}
|
|
.calcon .day:nth-child(7n) {
|
|
border-right: 1px solid #BBBBBB;
|
|
}
|
|
.calcon .month {
|
|
float: left;
|
|
width: 71.5%;
|
|
text-align: center;
|
|
border-right: none;
|
|
padding: 10px 0;
|
|
box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
font-weight: bold;
|
|
border-bottom: none;
|
|
text-transform: capitalize;
|
|
}
|
|
.calcon .clndr-control-button span {
|
|
cursor: pointer;
|
|
display: block;
|
|
padding: 10px 0;
|
|
transition: 0.15s;
|
|
transition-timing-function: ease-in-out;
|
|
}
|
|
.calcon .clndr-control-button span:hover {
|
|
background-color: #F7F7F7;
|
|
}
|
|
.calcon .clndr-control-button {
|
|
float: left;
|
|
width: 14.25%;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
cursor: pointer;
|
|
}
|
|
.calcon .calheader {
|
|
|
|
padding: 14px 0;
|
|
border-bottom: none;
|
|
box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
text-align: center;
|
|
background-color: #49B47C; /*6FB9A2*/
|
|
color: white;
|
|
font-size: 17px;
|
|
line-height: 25px;
|
|
transition: 0.2s;
|
|
transition-timing-function: cubic-bezier(0.35, 0.02, 0.71, 1.18);
|
|
}
|
|
.calcon table.clndr-table {
|
|
width: 100%;
|
|
}
|
|
.calcon td.header-day {
|
|
font-size: 14px;
|
|
padding: 11px 0;
|
|
box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
text-align: center;
|
|
border: 1px solid #CDCDCD;
|
|
color: #284852;
|
|
background-color: #F9F9F9;
|
|
}
|
|
.calcon .day-contents {
|
|
padding: 12px 0;
|
|
cursor: pointer;
|
|
color: #424040;
|
|
}
|
|
.calcon.disabled .day-contents {
|
|
transition: 1s;
|
|
}
|
|
.day-contents:hover {
|
|
/*background-color: #F7F7F7;*/
|
|
color: black;
|
|
}
|
|
.day-contents:target {
|
|
background-color: #F7F7F7;
|
|
color: black;
|
|
}
|
|
.calcon .adjacent-month .day-contents {
|
|
color: #CECECE;
|
|
}
|
|
.calcon .laikas {
|
|
overflow: hidden;
|
|
margin: 0 -5px;
|
|
padding-top: 2px;
|
|
}
|
|
.calcon .hours {
|
|
padding: 9px 0;
|
|
}
|
|
.calcon.disabled .day-contents,
|
|
.calcon.disabled .header-day,
|
|
.calcon.disabled .month,
|
|
.calcon.disabled .clndr-control-button{
|
|
background-color: #E4E4E4 !important;
|
|
cursor: not-allowed;
|
|
transition: 1s;
|
|
}
|
|
.calcon
|
|
.clndr-controls {
|
|
border-right: 1px solid #CDCDCD;
|
|
border-left: 1px solid #CDCDCD;
|
|
overflow: hidden;
|
|
background: #FFFFFF;
|
|
color: black;
|
|
font-weight: normal;
|
|
}
|
|
/*partie administration*/
|
|
#titre_administration{
|
|
text-align:center;
|
|
}
|
|
|
|
#table_base {
|
|
border-collapse: separate;
|
|
text-align:center;
|
|
}
|
|
.td_base{
|
|
padding:5px;
|
|
border: solid #ccc 1px
|
|
}
|
|
|
|
/*Partie modal */
|
|
|
|
/* The Modal (background) */
|
|
.modal {
|
|
display: none; /* Hidden by default */
|
|
position: fixed; /* Stay in place */
|
|
z-index: 1; /* Sit on top */
|
|
padding-top: 100px; /* Location of the box */
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%; /* Full width */
|
|
height: 100%; /* Full height */
|
|
overflow: auto; /* Enable scroll if needed */
|
|
background-color: rgb(0,0,0); /* Fallback color */
|
|
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
|
|
}
|
|
|
|
/* Modal Content */
|
|
.modal-content {
|
|
background-color: #fefefe;
|
|
margin: auto;
|
|
padding: 20px;
|
|
border: 1px solid #888;
|
|
width: 80%;
|
|
height: 80%;
|
|
}
|
|
|
|
/* The Close Button */
|
|
.close {
|
|
color: #aaaaaa;
|
|
float: right;
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.close:hover,
|
|
.close:focus {
|
|
color: #000;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|