couleur.html

#HTTP_HEADER{Content-Type: text/css}
body {
	background-color: [#(#ENV{couleur}|couleur_luminance{0.5})];

	a {
		color: [#(#ENV{couleur}|couleur_luminance{0.7})];
	}
	#droite {
		a {
			color: [#(#ENV{couleur}|couleur_luminance{0.2})];
		}
	}
	
	ul.newsticker a {
		color: [#(#ENV{couleur}|couleur_luminance{0.6})];
	}
	.lien_tag a {
		color: [#(#ENV{couleur}|couleur_luminance{0.6})];
		
		. :hover {
			color: [#(#ENV{couleur}|couleur_luminance{0.7})];
			border-bottom: 1px dotted [#(#ENV{couleur}|couleur_luminance{0.7})];
		}
	}
}

#fond_degrade {
	display: none;
}
div.traduire a {
	background-color: [#(#ENV{couleur}|couleur_luminance{0.2})];
	
	. :hover {
		background-color: [#(#ENV{couleur}|couleur_luminance{0.8})];
	}
}

nav#entete {
	.seenthis {
		height: 26px;
		overflow: hidden;
		
		a{
			display: block;
			img {
				width: 120px;
				height: 26px;
				background: url([(#CHEMIN{imgs/logo-seenthis.png}|image_sepia{[(#ENV{couleur}|couleur_luminance{0.45})]}|image_reduire{240}|extraire_attribut{src})]);
				background-size: 120px;
			}
		}
		@media all and (max-width: 860px) {	
			height: 35px;
			margin-top: 0px;
			
			a {
				img {
					width: 44px;
					height: 35px;
					[background-image: url((#CHEMIN{imgs/logo-mini.png}));]
 					background-size: cover;
 				}
			}
		}
			
	}
}
#entete_people {
	.outils {
		.rss {
			a {
				background: url([(#CHEMIN{imgs/rss.png}|image_sepia{aaaaaa}|extraire_attribut{src})]) 4px center no-repeat;
			}
			a:hover {
				background: url([(#CHEMIN{imgs/rss.png}|image_sepia{999999}|extraire_attribut{src})]) 4px center no-repeat;
				background-color: #[(#ENV{couleur}|couleur_luminance{0.15})];
			}
		}
	}
}
#principale {
	> div {
		-spip-background-color: [(#ENV{couleur}|couleur_luminance{0.75}|couleur_rgba{0.75})];
	}

	#centre {
		
		#tetiere {
			background-color: [#(#ENV{couleur}|couleur_luminance{0.55})];
		}
	}
}
.formulaire_poster_message, #formulaire_login, #formulaire_inscription {
	p.boutons {
		input[type=submit] {
			-spip-transition-property: background-color, color;
			-spip-transition-duration: 0.1s;

			background-color: [#(#ENV{couleur}|couleur_luminance{0.25})];
			border: 0;
			color: [#(#ENV{couleur}|couleur_luminance{0.9})];
			
			. :hover, . :focus {
				background-color: [#(#ENV{couleur}|couleur_luminance{0.7})];
				color: #fff;
			}
		}
	}
}
#tetiere .formulaire_poster_message {
	label {
		color: [#(#ENV{couleur}|couleur_luminance{0.8})];
	}

}
ul#messages {
	display: block;
	
	li {
		display: block;
		
		div.conteneur_reponses {
			background-color: [#(#ENV{couleur}|couleur_luminance{0.03})];
		}
	
		ul.reponses {
			display: block;
		
			. >li.reponse:first-child {
			}
			li.reponse {

				. .lienshow {
						-spip-transition-property: background-color, color;
						-spip-transition-duration: 0.1s;
				
						background-color: [#(#ENV{couleur}|couleur_luminance{0.15})];

					. :hover {
						background-color: [#(#ENV{couleur}|couleur_luminance{0.8})];
					}
				}

			}
		}
	}
}
#principale {
	#entete_people {
/*			border-bottom: 1px solid [#(#ENV{couleur}|couleur_luminance{0.1})]; */
	}
}
#droite {
	.following, .followed {
		h3 {
			strong {
				color: [#(#ENV{couleur}|couleur_luminance{0.3})];
			}
		}
	}
}

#pave_accueil {
	background-color: [#(#ENV{couleur}|couleur_luminance{0.15})];


	padding: 20px;

	@media all and (max-width: 680px) {	
		-spip-transition-property: margin;
		-spip-transition-duration: 0.2s;
	}

	
	.interne {
		padding-left: 90px;

		color: #4f4848;
		font-size: 1.4em;
		line-height: 1.3em;
		
		-spip-transition-property: font-size, padding-left, line-height;
		-spip-transition-duration: 0.2s;

		@media all and (max-width: 680px) {	
			background: transparent;
			font-size: 1.2em;
			line-height: 130%;
			padding-left: 0px;
		}

	}

	
}


#interface_connexion {
	position: absolute;
	width: 300px;
	z-index: 20;
	top: 5px;
	right: 25px;
	font-size: 0.9em;
	
	#popupAffichee, #popupCachee {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 280px;
		
		.intitule {
			cursor: pointer;
			display: block;
			float: right;
			padding: 2px 5px;
			background-color: [#(#ENV{couleur}|couleur_luminance{0.5}|couleur_chroma{2/36})];
			color: [#(#ENV{couleur}|couleur_luminance{0.85})];
		}
	}
	#popupCachee {
		.intitule {
			-spip-border-radius: 4px;
		}
	}
	#popupAffichee {
		display: none;
		.intitule {
			-spip-border-top-left-radius: 4px;
			-spip-border-top-right-radius: 4px;
			border-bottom: 0px;
			margin-bottom: -1px;
		}
		.encadre {
			top: 1.6em;
			right: 0px;
			padding: 10px;
			background-color: [#(#ENV{couleur}|couleur_luminance{0.5}|couleur_chroma{2/36})];
			-spip-border-bottom-left-radius: 4px;
			-spip-border-bottom-right-radius: 4px;
			-spip-border-top-left-radius: 4px;
			position: absolute;
			
		}
	}
}

.bouton_suggerer {

			-spip-transition-property: background-color, color;
			-spip-transition-duration: 0.1s;
			-spip-border-radius: 4px;

			background-color: [#(#ENV{couleur}|couleur_luminance{0.7})];
			color: [#(#ENV{couleur}|couleur_luminance{0.2})];
			
			. :hover, . :focus {
				background-color: [#(#ENV{couleur}|couleur_luminance{0.9})];
				color: #fff;
			}	
}
#alire {
	border-bottom: 1px solid [#(#ENV{couleur}|couleur_luminance{0.2})];
}

#entete_people h2 {
	margin-top: 20px;
}
.suggestions {
}
.suggestions .logo_auteur {
	margin-top: 10px;
	width: 220px;
	float: left;
	font-size: 0.9em;
}

.suggestions .logo_auteur a, .suggestions .logo_auteur a span {
	color: black;
	display: block;
	text-decoration: none;
}
.suggestions .logo_auteur a.suivre {
		float: left;
		background-color: [#(#ENV{couleur}|couleur_luminance{0.3})];
		color: white;
		padding: 3px 5px;
		font-size: 0.8em;
		-spip-border-radius: 4px;
}
.suggestions .logo_auteur a.suivre:hover  {
		background-color: [#(#ENV{couleur}|couleur_luminance{0.7})];
}

.suggestions .logo_auteur a img {
	float: left;
	margin-right: 10px;
}
.suggestions .logo_auteur a .nom {
	font-weight: bold;
}
#lien_suggerer_auteurs {
	float: right;
	width: 260px;
	padding-top: 10px;
	margin: 0 0 1em 1em;
}
.bouton_suggerer {
	padding: 7px 15px;
	font-size: 110%;
	text-decoration: none;
}

[(#CHEMIN{css/perso_couleur.css.html}|oui)
[(#INCLURE{fond=css/perso_couleur.css,couleur})]
]

#FILTRE{css_imbriques_decouper}
#FILTRE{compacte_css}