experiENS/monstage/static/style.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;
}

/* 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;
}

/* stages */
#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;
}

#stage_published.published {
	background:#9f9;
}

#stage_published.unpublished {
	background:#f99;
}

#stage_published input {
	display:inline;
	margin:0;
}

#stage_published p {
	background:none;
}