experiENS/monstage/static/style.css
2015-06-20 00:02:36 +02:00

181 lines
No EOL
2.1 KiB
CSS

@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Lato:300,700,300italic);
body {
font: 18px 'Lato', sans-serif;
background:#4FB088;
padding:0;
margin:0;
}
a {
font-weight:bold;
color:#4FB088;
text-decoration:none;
}
h1 {
margin-top:0;
}
.beta {
font-size:0.5em;
display:inline-block;
transform:rotate(-20deg);
color:#aaa;
}
header {
background:#166142;
padding:10px;
margin:0;
overflow:hidden;
}
header li {
display:inline-block;
}
header h1 {
float:left;
color:#fff;
}
header li a {
display:inline-block;
padding:20px 10px;
margin:0 15px;
}
header ul {
float:right;
padding:0;
margin:0;
}
#content {
width:80%;
max-width:700px;
padding:30px;
margin:20px auto;
background:#eee;
}
#stage_present {
display:table;
background: #fff;
border-spacing:20px;
width:100%;
}
#stage_misc {
display:table-cell;
min-width:300px;
}
#stage_map {
display:table-cell;
min-width:300px;
}
/* formulaires */
label {
font-weight:bold;
}
form p {
padding:10px;
margin:0;
}
form p:nth-child(2n) {
background:#fff;
}
form p:nth-child(2n+1) {
background:#ddd;
}
form textarea, form input, form select {
display:block;
font:16px 'Lato', sans-serif;
margin-right:0;
margin-left:auto;
margin-top:10px;
}
form textarea {
width:90%;
}
.helptext {
display:block;
font-size:0.8em;
color:#333;
text-align:right;
margin-top:10px;
width:100%;
}
/* lieux */
#map_addlieu {
width:100%;
height:300px;
}
input#addlieu {
font-size:20px;
padding:15px;
width:70%;
margin:0 auto;
}
div.lieuform {
display:block;
border:1px solid #337359;
padding:10px;
margin-bottom:20px;
}
div.lieuform h3 {
margin:0px;
margin-bottom:5px;
}
div.lieuform p {
background:none;
padding:0;
}
div#candidats ul {
list-style:none;
padding:0;
margin:0;
}
div#candidats li, div#candidats #addcandidat {
list-style:none;
display:block;
overflow:hidden;
background:#5AC99C;
cursor:pointer;
padding:10px;
border:2px #fff;
}
div#candidats #addcandidat {
width:90%;
margin:15px auto;
}
div#candidats li input {
float:right;
background:none;
text-decoration:underline;
border:none;
}
div#candidats #addcandidat {
font-size:20px;
}