280 lines
4.7 KiB
CSS
280 lines
4.7 KiB
CSS
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0.31, #9eeaff),
|
|
color-stop(0.66, #e4f9ff),
|
|
color-stop(1.00, #9eeaff)
|
|
);
|
|
background: -moz-linear-gradient(
|
|
center bottom,
|
|
#9eeaff 31%,
|
|
#e4f9ff 66%,
|
|
#9eeaff 100%
|
|
);
|
|
|
|
font-family: serif;
|
|
min-height: 80%;
|
|
}
|
|
|
|
a:link, a:visited {
|
|
text-decoration: none;
|
|
color:#000000;
|
|
}
|
|
|
|
h1 {
|
|
text-align: center;
|
|
margin-left: 250px;
|
|
}
|
|
|
|
#GSPC_menu a:link, #GSPC_menu a:visited, .pagination a:link, .pagination a:visited {
|
|
text-decoration: none;
|
|
color:#FFFFFF;
|
|
}
|
|
|
|
#GSPC_menu a:hover, .pagination a:hover, a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.news {
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
right bottom,
|
|
color-stop(0.31, #93b4ff),
|
|
color-stop(0.66, #c5ceff)
|
|
);
|
|
background: -moz-linear-gradient(
|
|
right bottom,
|
|
#93b4ff 31%,
|
|
#c5ceff 66%
|
|
);
|
|
|
|
border: 2px solid #5290ff;
|
|
border-radius: 17px;
|
|
box-shadow: 3px 4px 5px #444466;
|
|
|
|
height: 127px;
|
|
margin: auto;
|
|
padding: 20px;
|
|
text-align: left;
|
|
width: 75%;
|
|
}
|
|
|
|
.vp {
|
|
color: orange;
|
|
}
|
|
|
|
#GSPC_menu {
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(0.31, #5290ff),
|
|
color-stop(0.90, #a3c4ff)
|
|
);
|
|
background: -moz-linear-gradient(
|
|
center bottom,
|
|
#5290ff 31%,
|
|
#a3c4ff 90%
|
|
);
|
|
|
|
border-right: 2px dotted white;
|
|
color:#FFFFFF;
|
|
font-weight: bold;
|
|
height: 100%;
|
|
left: 0px;
|
|
list-style: none;
|
|
margin: 0;
|
|
-webkit-padding-start: 0;
|
|
position: fixed;
|
|
text-align: center;
|
|
top: 0px;
|
|
width: 250px;
|
|
}
|
|
|
|
#GSPC_menu h2 {
|
|
margin-left: 69px;
|
|
}
|
|
|
|
#GSPC_menu li {
|
|
margin-bottom: 40px;
|
|
text-align: center;
|
|
width: 250px;
|
|
}
|
|
#GSPC_menu li[onclick] {
|
|
cursor: pointer;
|
|
}
|
|
#GSPC_menu li[onclick]:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
span#nompc img {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
div#contenu {
|
|
margin-left: 250px;
|
|
text-align: center;
|
|
}
|
|
|
|
form#add {
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
right bottom,
|
|
color-stop(0.31, #c9b5e8),
|
|
color-stop(0.95, #e4daf4)
|
|
);
|
|
background: -moz-linear-gradient(
|
|
center bottom,
|
|
#c9b5e8 31%,
|
|
#e4daf4 95%
|
|
);
|
|
|
|
border: 1px solid #8A77A1;
|
|
border-radius: 25px;
|
|
box-shadow: 2px 2px 5px #333355;
|
|
height: 205px;
|
|
margin: auto;
|
|
padding: 13px;
|
|
text-align: left;
|
|
width: 456px;
|
|
}
|
|
|
|
label {
|
|
float: left;
|
|
display: block;
|
|
font-weight: bold;
|
|
margin: 10px 7px 10px 0;
|
|
text-align: right;
|
|
width: 170px;
|
|
}
|
|
label:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
input[type=text], select {
|
|
margin: 10px 0;
|
|
transition: background 0.75s;
|
|
-moz-transition: background 0.75s;
|
|
-webkit-transition: background 0.75s;
|
|
-o-transition: background 0.75s;
|
|
}
|
|
input, select {
|
|
background: #00EAF5;
|
|
border: #009AA5 solid 1px;
|
|
border-radius: 3px;
|
|
margin-top: 5px;
|
|
}
|
|
input:hover, input:focus, select:hover, select:focus {
|
|
background: #95cdff;
|
|
}
|
|
|
|
input#nompc {
|
|
font-variant: small-caps;
|
|
}
|
|
input#lignepc {
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
input.erreur, select.erreur {
|
|
background: #CC0000;
|
|
border: #A59A00 solid 1px;
|
|
}
|
|
|
|
.table {
|
|
border: 1px solid black;
|
|
border-radius: 10px;
|
|
box-shadow: 3px 3px 5px #666666;
|
|
margin: auto;
|
|
}
|
|
.table .body div {
|
|
transition: background 500ms;
|
|
-moz-transition: background 500ms;
|
|
-webkit-transition: background 500ms;
|
|
-o-transition: background 500ms;
|
|
}
|
|
.table .body div.elt0 {
|
|
background: #5c93a0;
|
|
}
|
|
.table .body div.elt1 {
|
|
background: #5c96a5;
|
|
}
|
|
.table .body div:hover {
|
|
background: #73B14b;
|
|
}
|
|
.table.cols2 div span {
|
|
display: inline-block;
|
|
width: 50%;
|
|
}
|
|
.table.cols3 div span {
|
|
display: inline-block;
|
|
width: 45%;
|
|
}
|
|
.table.cols3 div span+span+span {
|
|
width: 10%;
|
|
}
|
|
.table.cols3 div.body span {
|
|
text-transform: uppercase;
|
|
}
|
|
.table.cols3 div.body span+span {
|
|
text-transform: none;
|
|
}
|
|
.table.cols3 div.body span+span+span {
|
|
text-transform: uppercase;
|
|
}
|
|
.table div.lign {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.table .head {
|
|
background: #1070c9;
|
|
border-bottom: 1px solid black;
|
|
border-radius: 10px 10px 0 0;
|
|
font-weight: bolder;
|
|
display: block;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.table .foot { border-radius: 0 0 10px 10px; }
|
|
|
|
.table#stats {
|
|
width: 42%;
|
|
}
|
|
.table#list {
|
|
width: 83%;
|
|
}
|
|
.table#list .head {
|
|
cursor: pointer;
|
|
}
|
|
.table .body div {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.pagination {
|
|
background: #1070c9;
|
|
border: 1px solid black;
|
|
color: white;
|
|
margin: auto;
|
|
width: 442px;
|
|
}
|
|
.pagination.top {
|
|
border-radius: 10px 10px 0 0;
|
|
border-bottom: none;
|
|
}
|
|
.pagination.bottom {
|
|
border-top: none;
|
|
border-radius: 0 0 10px 10px;
|
|
box-shadow: 0px 2px 7px #666666;
|
|
}
|
|
.pagination a {
|
|
cursor: pointer;
|
|
padding: 0 5px;
|
|
} |