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;
	color:#fff;
}

header li {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}

header h1 {
	float:left;
	color:#fff;
	margin:20px;
}

header h1 a {
	color:#fff;
	text-decoration:none;
}

header li a {
	display:inline-block;
	padding:20px 20px;
	margin:0 5px;
}

header li a:hover {
	background:#4FB088;
	color:#166142;
}

header ul {
	float:right;
	padding:0;
	margin:0;
}

header .username {
	color:#fff;
	font-weight:normal;
}

.footer {
	clear:both;
	font-size:14px;
	color:#555;
	text-align:right;
	margin-top:25px;
}

#content {
	width:80%;
	max-width:700px;
	padding:30px;
	margin:20px auto;
	background:#eee;
}

/* formulaires */
label {
	display:inline-block;
	font-weight:bold;
	padding:10px;
}

form {
	overflow:hidden;
}

form p {
	padding:10px;
	overflow:hidden;
	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:10px;
	float:right;
}

form textarea {
	resize:vertical;
}

form textarea {
	width:90%;
}

.helptext {
	display:block;
	font-size:0.8em;
	color:#333;
	text-align:right;
	margin-top:10px;
	width:100%;
	clear:both;
}

/* lieux */
#map_addlieu {
	width:100%;
	height:300px;
}

input#addlieu {
	font-size:20px;
	padding:15px;
	width:70%;
	margin:0 auto;
	float:none;
}

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

ul.bigger {
	display:block;
	padding:0;
}

ul.bigger li {
	display:table-row;
	list-style:none;
}

ul.bigger li:hover{
	background:#ccc;
}

.stagestatus {
	display:table-cell;
	width:100px;
	text-align:right;
	padding-right:20px;
}

.stagelink {
	display:table-cell;
	padding:10px;
}

.stagestatus.draft {
	color:#f00;
}

.changestage {
	color:#B8741A;
}

/* feedback */

#feedback_bg {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:300;
	top:0;
	left:0;
}

#feedback_centrer {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	overflow-y:auto;
}

#feedback_close {
	float:right;
}

#feedback_win {
	text-align:left;
	display:inline-block;
	padding:0;
	max-width:500px;
	background:#fff;
}

#feedback_win h2 {
	background:#000;
	color:#fff;
	padding:20px;
	margin-top:0;
}

#feedback_win textarea {
	min-height:150px;
}

#feedback_btn {
	position:fixed;
	top:65%;
	left:0;
	z-index:40;
	background:#000;
	color:#fff;
	padding:20px;
	transform:rotate(-90deg);
	font-weight:bold;
	transform-origin:top left;
}

.success {
	background:#9f9;
	padding:5px;
}

.failure {
	padding:5px;
	background:#f99;
}