160 lines
2.7 KiB
CSS
160 lines
2.7 KiB
CSS
a {
|
|
color: #8a77a1;
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
color: #816e99;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
body {
|
|
background-color: #E1E2E4;
|
|
background-image: url('images/background.jpg');
|
|
background-attachment: fixed;
|
|
font-family: sans-serif;
|
|
text-align: center;
|
|
}
|
|
|
|
@font-face
|
|
{
|
|
font-family: title;
|
|
src: url('fonts/kidprint.ttf');
|
|
}
|
|
|
|
h1 {
|
|
color: #75903b;
|
|
}
|
|
h2 {
|
|
color: #7f9a48;
|
|
}
|
|
h3 {
|
|
color: #89a355;
|
|
}
|
|
h4, h5, h6 {
|
|
color: #95ae64;
|
|
}
|
|
|
|
label {
|
|
color: #e9802c;
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
}
|
|
label:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
input[type=text], input[type=password], select {
|
|
transition: background 0.75s;
|
|
-moz-transition: background 0.75s;
|
|
-webkit-transition: background 0.75s;
|
|
-o-transition: background 0.75s;
|
|
}
|
|
input, select {
|
|
background: #558dd4;
|
|
border: #2f588b solid 1px;
|
|
border-radius: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
input:hover, input:focus, select:hover, select:focus {
|
|
background: #95cdff;
|
|
}
|
|
input.erreur, select.erreur {
|
|
background: #df0009;
|
|
border: #f7000b solid 1px;
|
|
}
|
|
input.erreur:hover, select.erreur:hover {
|
|
background: #ff2029;
|
|
}
|
|
|
|
div#logo {
|
|
background: transparent url('images/logog.png') no-repeat 0 0;
|
|
display: block;
|
|
height: 312px;
|
|
text-align: right;
|
|
margin: auto;
|
|
width: 999px;
|
|
}
|
|
div#logo img#etatAvance {
|
|
display: block;
|
|
float: right;
|
|
margin-top: 80px;
|
|
margin-right: 170px;
|
|
}
|
|
div#logo img#titre {
|
|
clear: right;
|
|
display: block;
|
|
float: right;
|
|
margin-top: 79px;
|
|
margin-right: 127px;
|
|
}
|
|
|
|
#erreur {
|
|
color: #FF0000;
|
|
font-weight: bold;
|
|
text-decoration: blink;
|
|
}
|
|
|
|
|
|
/* Pages */
|
|
fieldset.connexion {
|
|
background: #e3e3e3;
|
|
border-radius: 10px;
|
|
box-shadow: 0px 0px 11px #555;
|
|
margin: auto;
|
|
min-width: 200px;
|
|
width: 200px;
|
|
}
|
|
|
|
dl.application {
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left bottom,
|
|
left top,
|
|
color-stop(0.31, #15DD47),
|
|
color-stop(0.66, #31FF64)
|
|
);
|
|
background: -moz-linear-gradient(
|
|
center bottom,
|
|
#15DD47 31%,
|
|
#31FF64 66%
|
|
);
|
|
|
|
border: 2px solid black;
|
|
border-radius: 10px;
|
|
box-shadow: 0px 0px 11px #11CC99;
|
|
padding: 5px;
|
|
text-align: left;
|
|
|
|
transition: background 0.5s;
|
|
-moz-transition: background 0.5s;
|
|
-webkit-transition: background 0.5s;
|
|
-o-transition: background 0.5s;
|
|
}
|
|
dl.application.construction {
|
|
box-shadow: 0px 0px 11px #e9771a;
|
|
}
|
|
dl.application.alpha {
|
|
box-shadow: 0px 0px 11px #db302d;
|
|
}
|
|
dl.application.beta {
|
|
box-shadow: 0px 0px 11px #8c9c4a;
|
|
}
|
|
dl.application:hover {
|
|
background-image: -webkit-gradient(
|
|
linear,
|
|
left bottom,
|
|
left top,
|
|
color-stop(0.2, #3082E2),
|
|
color-stop(0.6, #4D9CFF)
|
|
);
|
|
background-image: -moz-linear-gradient(
|
|
center bottom,
|
|
#3082E2 20%,
|
|
#4D9CFF 60%
|
|
);
|
|
}
|
|
|
|
dl.application dt {
|
|
font-weight: bold;
|
|
font-size: 130%;
|
|
} |