default.css @ 2240:2553775ae2fe

Visit:

Revision 2240:2553775ae2fe, 51.6 KB checked in by Denis Jean-Chirstian <contact@…>, 12 years ago (diff)
Merge from default

Rev	Line
[0]	1	/*
[1741]	2	# -- BEGIN LICENSE BLOCK --------------------------------------------------
[0]	3	# This file is part of Dotclear 2.
[1179]	4	# Copyright (c) 2003-2013 Olivier Meunier & Association Dotclear
[0]	5	# Licensed under the GPL version 2.0 license.
[1741]	6	# See LICENSE file or http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
	7	# -- END LICENSE BLOCK ----------------------------------------------------
	8	LAYOUTS
	9	HTML TAGS
	10	FORMULAIRES
	11	BOUTONS
	12	MESSAGES
	13	ELEMENTS PRINCIPAUX
	14	REGLES SPECIFIQUES
	15	MEDIA QUERIES
[0]	16	*/
[1741]	17	/* ---------------------------------------------------------------------------
	18	LAYOUTS
	19	---------------------------------------------------------------------------- */
[513]	20	#header {
[1747]	21	background: #676e78;
[2005]	22	color: #FFF;
[1291]	23	border-bottom: 4px solid #A2CBE9;
[1329]	24	width: 100%;
[2005]	25	display: table;
[500]	26	}
[2030]	27	#wrapper {
[1946]	28	position: relative;
[2005]	29	padding-top: 1.5em;
[1975]	30	float: left;
[500]	31	width: 100%;
[1975]	32	z-index: 10;
[2005]	33	background: #F7F7F7 url(bg_wrapper.png) repeat-y 15em;
[1741]	34	}
[1947]	35	.with-js #wrapper {
	36	padding-top: 0;
	37	}
[500]	38	#main {
	39	width: 100%;
	40	float: right;
[2002]	41	margin-left: -14em;
[500]	42	margin-top: 0;
[1741]	43	}
[500]	44	#content {
[2002]	45	margin: 0 0 0 14em;
[2022]	46	padding: .5em 1.5em .75em 2.5em;
[1310]	47	background: #fff;
[1741]	48	}
[500]	49	#main-menu {
[1975]	50	width: 14em;
[500]	51	float: left;
[1309]	52	margin:0;
[1600]	53	padding-top: .5em;
[1309]	54	padding-bottom: 1em;
[1869]	55	overflow: hidden;
[1975]	56	background: #f7f7f7;
[1741]	57	}
[500]	58	#footer {
	59	clear: both;
[1975]	60	position: relative;
[1574]	61	padding: .5em 1em .5em 0;
[1140]	62	text-align: right;
[1574]	63	border-top: 1px solid #ccc;
[1862]	64	background-color: #fff;
[1741]	65	}
[1862]	66	/* to hide main-menu */
[1861]	67	#collapser {
[1946]	68	position: absolute;
	69	top: 0;
[1975]	70	left: 14em;
[1946]	71	width: 1em;
	72	height: 100%;
	73	overflow: hidden;
[1862]	74	display: block;
[1934]	75	background: #f3f3f3 url(../images/collapser-hide.png) no-repeat center bottom;
[1946]	76	border-right: double #dfdfdf;
	77	z-index: 1;
[1862]	78	}
[1867]	79	.expand-mm {
	80	display:none;
	81	}
[1862]	82	/* if main-menu is hidden */
	83	#wrapper.hide-mm {
	84	background: #fff;
[1861]	85	}
	86	.hide-mm #main {
	87	margin-left: 0;
	88	}
	89	.hide-mm #content {
[1862]	90	margin-left: 1em;
[1861]	91	}
	92	.hide-mm #main-menu {
	93	display: none;
	94	}
[1862]	95	.hide-mm #collapser {
[1946]	96	left: 0;
[1934]	97	background: #e3e3e3 url(../images/collapser-show.png) no-repeat center bottom;
[1867]	98	}
	99	.hide-mm .collapse-mm {
	100	display: none;
	101	}
	102	.hide-mm .expand-mm {
	103	display: block;
[1862]	104	}
[1741]	105	/* -------------------------------------------------------------- layout: two-cols */
	106	.two-cols {
	107	position: static;
	108	}
	109	.two-cols .col {
	110	width: 48%;
	111	margin-left: 2%;
	112	float: left;
	113	}
	114	.two-cols .col70 {
	115	width: 68%;
	116	margin-left: 0;
	117	float: left;
	118	}
	119	.col30 {
	120	width: 28%;
	121	margin-left: 2%;
	122	float: left;
	123	}
	124	.two-cols .col:first-child,
	125	.two-cols .col30.first-col {
	126	margin-left: 0;
	127	margin-right: 2%;
	128	}
	129	.two-cols .col:last-child,
	130	.two-cols .col70.last-col {
	131	margin-left: 2%;
	132	margin-right: 0;
	133	}
[2003]	134	.two-cols table {
	135	width: 90%;
	136	}
[1749]	137	/* -------------------------------------------------------------- layout: three-cols */
	138	.three-cols {
	139	position: static;
	140	}
	141	.three-cols .col {
	142	width: 32.3%;
	143	float: left;
	144	margin-left: 1%;
	145	}
	146	.three-cols .col:first-child {
	147	width: 33.3%;
	148	margin-left: 0;
	149	}
[1741]	150	/* ------------------------------------------------- layout: optionnal one/two-boxes */
	151	.one-box {
[1749]	152	text-align: justify;
[1741]	153	}
[2152]	154	.two-boxes, .three-boxes, .box {
	155	display: inline-block;
	156	vertical-align: top;
	157	margin: 0 1.5% 1em;
	158	-moz-box-sizing: border-box;
	159	-webkit-box-sizing: border-box;
[2179]	160	box-sizing: border-box;
	161	text-align: left;
[2152]	162	}
[1747]	163	.two-boxes {
	164	width: 47%;
	165	}
	166	.three-boxes {
	167	width: 30%;
	168	}
	169	.box {
[2152]	170	margin-left: 0;
	171	margin-right: 0;
[1749]	172	}
[2152]	173	.odd {
	174	margin-left: 0;
	175	}
	176	.even {
[1749]	177	margin-right: 0;
[1747]	178	}
[1741]	179	/* ---------------------------------------------------------------- layout: popups */
[2006]	180	.popup h1 {
	181	display: block;
[1311]	182	width: 100%;
[2006]	183	margin: 0;
	184	background: #676e78;
	185	font-size: 1.5em;
	186	text-indent: 1em;
	187	line-height: 1.5em;
	188	font-weight: normal;
	189	color: #fff;
	190	}
	191	.popup #wrapper {
	192	display: block;
	193	float: none;
	194	width: 100%;
	195	margin: 0;
	196	padding: 0;
	197	background-position: 0 0;
	198	}
	199	.popup #main {
	200	margin: 0;
[1311]	201	padding: 0;
[1760]	202	}
[2006]	203	.popup #content {
[1311]	204	margin: 0;
[2006]	205	padding: 1em;
[1760]	206	}
[2006]	207	.popup #content h2 {
	208	margin: 0 0 1em 0;
	209	padding: 0;
[1760]	210	}
[2006]	211	.popup #footer p {
	212	border: none;
	213	}
[1760]	214	/* -------------------------------------------------------- layout: classes de complément */
[1741]	215	.constrained {
[3]	216	margin: 0;
	217	padding: 0;
[1741]	218	border: none;
	219	background: transparent;
	220	}
[1571]	221	.table {
	222	display: table;
[1741]	223	}
[1571]	224	.cell {
	225	display: table-cell;
[1741]	226	vertical-align: top;
[500]	227	}
	228	.clear {
	229	clear: both;
[1741]	230	}
[500]	231	.lclear {
	232	clear: left;
[1741]	233	}
	234	.clearer {
[500]	235	height: 1px;
	236	font-size: 1px;
[1741]	237	}
	238	/* Micro clearfix thx to Nicolas Gallagher */
	239	.clearfix:before, .clearfix:after {
	240	content: " ";
	241	display: table;
	242	}
	243	.clearfix:after {
	244	clear: both;
	245	}
[500]	246	.frame-shrink {
[1760]	247	border: 1px solid #676e78;
[500]	248	padding: 0.5em;
	249	margin-bottom: 1em;
	250	height: 120px;
	251	overflow: auto;
[1741]	252	}
	253	/* ---------------------------------------------------------------------------
	254	HTML TAGS
	255	---------------------------------------------------------------------------- */
	256	html {
	257	font-size: 62.5%;
	258	}
	259	body {
	260	font-size: 12px; /* ie < 9 sucks */
	261	font-size: 1.2rem;
	262	line-height: 1.5;
[1872]	263	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
[1741]	264	color: #333;
[3]	265	background: #fff;
[500]	266	margin: 0;
[1741]	267	padding: 0;
	268	}
	269	/* ------------------------------------------------------------------ titres */
	270	h1, h2, h3, .as_h3, h4, .as_h4, h5, h6 {
	271	margin-top: 0;
	272	margin-bottom: 1em;
	273	}
	274	h2 {
[1760]	275	color: #676e78;
[1979]	276	font-size: 1.5em;
[1741]	277	padding: 0 0 1.5em;
	278	font-weight: normal;
	279	}
	280	/* titre de page */
	281	#content > h2 {
[2005]	282	padding: 0 1em .5em 1em;
	283	margin: 0 -1em .5em -1em;
[1741]	284	background: #fff url(bg_h2.png) repeat-x center bottom;
	285	}
	286	h2 a:link, h2 a:visited {
[1747]	287	color: #676e78;
[1741]	288	border-color: #000;
	289	}
	290	.page-title {
	291	color: #d30e60;
	292	}
	293	.page-title img {
	294	padding-left: .5em;
	295	vertical-align: middle;
	296	}
	297	h3, .as_h3 {
[1747]	298	margin-top: 1em;
[1760]	299	color: #D33800;
	300	font-weight: normal;
[1873]	301	font-size: 1.34em;
[1741]	302	}
[1788]	303	#main-menu h3 {
	304	font-weight: bold;
	305	}
	306	h4, .as_h4 {
[1741]	307	font-size: 14px; /* ie < 9 sucks */
	308	font-size: 1.4rem;
[1747]	309	color: #676e78;
[1741]	310	}
[1787]	311	.fieldset h3, .fieldset h4, .pretty-title { /* variante */
[1786]	312	color: #D33800;
[1873]	313	font-size: 1em;
[1786]	314	font-weight: bold;
	315	}
[1787]	316	.fieldset h3 {
[1873]	317	font-size: 1.17em;
[1787]	318	}
	319	.fieldset h3.smart-title, .fieldset h4.smart-title, .smart-title { /* variante */
[1747]	320	font-size: 1em;
	321	text-transform: uppercase;
	322	font-weight: bold;
	323	color: #333;
	324	text-shadow: 0 1px 0 rgba(200, 200, 200, 0.6)
	325	}
[1741]	326	h5 {
	327	font-size: 12px; /* ie < 9 sucks */
	328	font-size: 1.2rem;
[1760]	329	font-weight: bold;
[1747]	330	color: #676e78;
[1741]	331	}
	332	#entry-sidebar h5 {
	333	font-weight: normal;
	334	color: #333;
	335	}
	336	.entry-status img.img_select_option {
	337	padding-left: 4px;
	338	vertical-align: text-top;
	339	}
[1787]	340	h4 label, h5 label {color: #333;}
	341	h2:first-child, h3:first-child, h4:first-child, h5:first-child, ul:first-child, p:first-child {
	342	margin-top: 0;
	343	}
[1741]	344	/* ---------------------------------------------------------------- tableaux */
[2002]	345	.table-outer {
	346	width: 100%;
	347	overflow: auto;
	348	}
[500]	349	table {
[1574]	350	font-size: 12px; /* ie < 9 sucks */
[1235]	351	font-size: 1.2rem;
[500]	352	border-collapse: collapse;
	353	margin: 0 0 1em 0;
[2002]	354	width: 100%;
[1741]	355	}
[536]	356	caption {
	357	color: #333;
	358	font-weight: bold;
	359	text-align: left;
	360	margin-bottom: .5em;
[1741]	361	}
[500]	362	th {
[1465]	363	border-width: 1px 0 1px 0;
	364	border-style: solid;
[1727]	365	border-color: #ddd;
[2068]	366	background: #eef1ec;
[1727]	367	padding: .4em 1em .4em .5em;
[1465]	368	vertical-align: top;
[500]	369	text-align: left;
[1741]	370	}
	371	td {
[1452]	372	border-width: 0 0 1px 0;
[1741]	373	border-style: solid;
	374	border-color: #e3e3e3;
	375	padding: .4em 1em .4em .5em;
	376	vertical-align: top;
	377	}
[0]	378
[1741]	379	/* ---------------------------------------------------------- autres balises */
	380	p {
[3]	381	margin: 0 0 1em 0;
[1741]	382	}
[0]	383	hr {
[3]	384	height: 1px;
[1741]	385	border-width: 1px 0 0;
[1452]	386	border-color: #ddd;
[1741]	387	background: #ddd;
[3]	388	border-style: solid;
[1741]	389	}
	390	hr.clearer {
	391	clear: both;
	392	}
[2110]	393	pre, code, #debug {
[0]	394	font: 100% "Andale Mono","Courier New",monospace;
[1741]	395	}
[2096]	396	code {
	397	background: #FAFAD1;
	398	}
[0]	399	pre {
	400	white-space: pre;
	401	white-space: -moz-pre-wrap;
	402	white-space: -hp-pre-wrap;
	403	white-space: -o-pre-wrap;
	404	white-space: -pre-wrap;
	405	white-space: pre-wrap;
	406	white-space: pre-line;
	407	word-wrap: break-word;
[1741]	408	}
[12]	409	abbr {
	410	cursor: help;
[1741]	411	}
[1801]	412	input, textarea, select, option, optgroup, legend,label {
	413	font-size: 1em;
	414	}
[1741]	415	/* ------------------------------------------------------------------ liens */
	416	a, a:link, a:visited {
	417	color: #2373A8;
	418	text-decoration: none;
	419	border-bottom: 1px dotted #999;
	420	}
	421	a:hover, a:active, a:focus {
[1994]	422	border-bottom-style: solid;
[1741]	423	}
	424	a img, a:link img, a:visited img {
	425	border:none;
	426	}
[1868]	427	h1 a:link, h1 a:visited {
	428	border: none;
	429	}
[2152]	430	.discrete a {
	431	color: #333;
	432	}
[1741]	433	/* ----------------------------------------------------------------------------
	434	FORMULAIRES
	435	---------------------------------------------------------------------------- */
[500]	436	form {
	437	display: block;
	438	margin: 0;
	439	padding: 0;
[1741]	440	}
[1464]	441	fieldset {
[500]	442	display: block;
[1801]	443	margin: 1em 0;
[500]	444	padding: 1em 0.5em;
	445	border-width: 1px 0;
	446	border-style: solid;
	447	border-color: #ccc;
[1727]	448	background: #f7f7f7;
[1741]	449	}
[1801]	450	input[type=text], textarea {
[1741]	451	font: 100% "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	452	}
[500]	453	legend {
	454	padding: 0.2em 0.6em;
	455	border-width: 1px;
	456	border-style: solid;
[1760]	457	border-color: #676e78;
[1424]	458	background: #fff;
[500]	459	margin-bottom: 0.5em;
[1424]	460	border-radius: 3px;
[1741]	461	}
	462	label .maximal, textarea.maximal, input.maximal {
	463	width: 99%;
	464	}
[1727]	465	input[type=text], input[type=password], textarea, select {
	466	background: #fbfbfb;
[500]	467	color: #000;
[1727]	468	border-width: 1px;
[500]	469	border-style: solid;
[1727]	470	border-color: #ddd;
	471	border-radius: 3px;
	472	box-shadow: 1px 1px 2px #F1F1F1 inset;
	473	padding: 3px;
[2046]	474	vertical-align: top;
[1741]	475	}
	476	input:focus, textarea:focus, select:focus {
	477	-webkit-box-sizing: border-box;
	478	-moz-box-sizing: border-box;
	479	box-sizing: border-box;
	480	border-color: #bee74b;
	481	}
	482	textarea {
	483	padding: 2px 0;
	484	}
	485	textarea.maximal {
	486	resize: vertical;
	487	}
	488	.area textarea {
	489	display: block;
	490	width: 100%;
	491	resize: vertical;
	492	}
	493	select {
	494	padding: 2px 0;
	495	}
	496	select.l10n option {
	497	padding-left: 16px;
	498	}
	499	option.avail10n {
	500	background: transparent url(../images/check-on.png) no-repeat 0 50%;
	501	}
[2041]	502	option.sub-option1 {
	503	margin-left: .5em;
	504	}
	505	option.sub-option2 {
	506	margin-left: 1.5em;
	507	}
	508	option.sub-option3 {
	509	margin-left: 2.5em;
	510	}
	511	option.sub-option4 {
	512	margin-left: 3.5em;
	513	}
	514	option.sub-option5 {
	515	margin-left: 4.5em;
	516	}
	517	option.sub-option6 {
	518	margin-left: 5.5em;
	519	}
	520	option.sub-option7 {
	521	margin-left: 6.5em;
	522	}
	523	option.sub-option8 {
	524	margin-left: 7.5em;
	525	}
	526	option.sub-option1:before, option.sub-option2:before, option.sub-option3:before, option.sub-option4:before,
	527	option.sub-option5:before, option.sub-option6:before, option.sub-option7:before, option.sub-option8:before {
	528	content: "\002022\0000a0";
	529	}
[1741]	530	input.invalid, textarea.invalid, select.invalid {
	531	border: 1px solid red;
	532	background: #FFBABA;
	533	color: red;
[1747]	534	box-shadow: 0 0 0 3px rgba(218, 62, 90, 0.3);
[1741]	535	}
	536	input[type=text], input[type=password], textarea {
	537	margin-right: .3em;
	538	}
	539	input[type=checkbox], input[type=radio], input[type=file] {
	540	border: none;
[1801]	541	margin: 0 .33em 0 0;
[1741]	542	padding: 0;
	543	background: transparent;
	544	}
	545	input[type=file] {
	546	margin-top: .3em;
	547	margin-bottom: .3em;
	548	}
	549	optgroup {
	550	font-weight: bold;
	551	font-style: normal;
	552	}
	553	option {
	554	font-weight: normal;
	555	}
	556	label, label span {
[500]	557	display: block;
[1741]	558	}
	559	label.ib, input.ib {
	560	display: inline-block;
	561	}
	562	label.classic {
	563	display: inline;
	564	}
	565	label.classic input, label span input, label.classic select, label span select {
	566	display: inline;
	567	}
	568	label.required {
	569	font-weight: bold;
	570	}
	571	label.required abbr {
	572	color: #dd0000;
	573	font-size: 1.3em;
	574	}
	575	label.area, p.area {
	576	width: inherit !important;
	577	}
	578	p.field {
	579	position: relative;
	580	}
	581	p.field label {
[1801]	582	display: inline-block;
[1741]	583	width: 14em;
	584	}
[2050]	585	p.field.wide label {
	586	width: 21em;
	587	}
[1741]	588	p.field input, p.field select {
[1801]	589	display: inline-block;
[1741]	590	}
	591	.form-note {
	592	font-style: italic;
	593	font-weight: normal;
[1760]	594	color: #676e78;
[1741]	595	}
	596	p.form-note {
	597	margin-top: -.7em;
	598	}
	599	span.form-note {
	600	text-transform: none;
	601	}
	602	/* ----------------------------------------------------------------------------
	603	BOUTONS
	604	---------------------------------------------------------------------------- */
[1767]	605	/* Removes inner padding and border in FF3+ - Knacss */
	606	button::-moz-focus-inner,
	607	input[type=button]::-moz-focus-inner,
	608	input[type=reset]::-moz-focus-inner,
	609	input[type=submit]::-moz-focus-inner {
	610	border: 0;
	611	padding: 0;
	612	}
	613	/* tous les boutons */
	614	button,
	615	a.button,
	616	input[type=button],
	617	input[type=reset],
	618	input[type=submit] {
	619	border: 1px solid #ccc;
[1872]	620	font-family: "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
[2046]	621	padding: 3px 10px;
[1767]	622	line-height: normal !important;
[1741]	623	display: inline-block;
[1801]	624	vertical-align: middle;
[1872]	625	font-size: 100%;
[1741]	626	text-align: center;
	627	text-decoration: none;
	628	border-radius: 3px;
[1767]	629	cursor: pointer;
	630	}
	631	button,
	632	input[type=button],
	633	input[type=reset],
	634	input[type=submit] {
	635	-webkit-appearance: button;
	636	}
[1741]	637	/* validation */
[1852]	638	input[type=submit], a.button.submit, input.button.start {
[1741]	639	color: #fff;
[1798]	640	border: 1px solid #2C8FD1;
[1810]	641	background-image:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
[1862]	642	background-image:-webkit-gradient(linear,left top,left bottom, from(#25A6E1), to(#188BC0));
[1810]	643	background-image:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
[1800]	644	background-color:#25A6E1;
[1767]	645	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
[1741]	646	}
	647	input[type=submit]:hover, input[type=submit]:focus,
[1852]	648	input.button.start:hover, input.button.start:focus,
[1760]	649	a.button.submit:hover, a.button.submit:focus {
[1810]	650	background-image:-moz-linear-gradient(top,#188BC0 0%,#25A6E1 100%);
[1862]	651	background-image:-webkit-gradient(linear,left top,left bottom, from(#188BC0),to(#25A6E1));
[1810]	652	background-image:linear-gradient(top,#188BC0 0%,#25A6E1 100%);
[1800]	653	background-color:#188BC0;
[1741]	654	}
[1798]	655	/* suppression, reset, "neutres" fond gris */
	656	button, input[type=button], input.button,
	657	input[type=reset], input[type=submit].reset, input.reset,
	658	input[type=submit].delete, input.delete,
	659	a.button.delete, a.button.reset, a.button {
[1741]	660	color: #000;
[1810]	661	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf));
	662	background-image: -moz-linear-gradient(top, #f5f5f5, #dfdfdf);
[1862]	663	background-image:linear-gradient(top,#f5f5f5 0%,#dfdfdf 100%);
[1800]	664	background-color: #eee;
[1848]	665	border: 1px solid #ccc;
[1741]	666	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	667	}
[1798]	668	button:hover, input[type=button]:hover, input.button:hover,
	669	button:focus, input[type=button]:focus, input.button:focus,
	670	input[type=reset]:hover, input[type=submit].reset:hover, input.reset:hover,
	671	input[type=reset]:focus, input[type=submit].reset:focus, input.reset:focus,
	672	input[type=submit].delete:hover, input.delete:hover,
	673	input[type=submit].delete:focus, input.delete:focus,
	674	a.button.delete:hover, a.button.reset:hover, a.button:hover,
	675	a.button.delete:focus, a.button.reset:focus, a.button:focus {
[1862]	676	background-image:-webkit-gradient( linear, left top, left bottom, from(#e9e9e9), to(#f9f9f9));
	677	background-image:-moz-linear-gradient(top, #e9e9e9, #f9f9f9);
	678	background-image:linear-gradient(top,#e9e9e9 0%,#f9f9f9 100%);
[1800]	679	background-color:#f3f3f3;
[1741]	680	}
[1798]	681	/* suppression */
	682	input[type=submit].delete, input.delete, a.button.delete {
[1767]	683	border-color: #ccc;
[1741]	684	color: #c00;
	685	margin-left: 1em;
[1767]	686	}
[1798]	687	a.delete:first-child, input.delete:first-child {
[1767]	688	margin-left: 0;
[1741]	689	}
[1798]	690	input[type=submit].delete:hover, input.delete:hover, a.button.delete:hover,
	691	input[type=submit].delete:focus, input.delete:focus, a.button.delete:focus {
[1741]	692	border-color: #c00;
	693	}
	694	#info-box a.button {
	695	padding: 0 .5em;
	696	margin-left: 2em;
	697	}
	698	.button.add {
[1810]	699	background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bee74b), color-stop(1, #9BCA1C) );
[1862]	700	background-image:-moz-linear-gradient(center top, #bee74b 5%, #9BCA1C 100%);
[1741]	701	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bee74b', endColorstr='#9BCA1C');
	702	background-color:#bee74b;
	703	border:1px solid #B2D742;
[1862]	704	padding:.33em 1.33em .5em;
[1741]	705	color: #000;
	706	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
[954]	707	font-weight: normal;
[1741]	708	font-size: 14px; /* ie < 9 sucks */
	709	font-size: 1.4rem;
	710	}
	711	.button.add:hover, .button.add:active, .button.add:focus {
[1810]	712	background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9BCA1C), color-stop(1, #bee74b) );
[1862]	713	background-image:-moz-linear-gradient(center top, #9BCA1C 5%, #bee74b 100%);
	714	background-image:linear-gradient(center top, #9BCA1C 5%, #bee74b 100%);
[1741]	715	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BCA1C', endColorstr='#bee74b');
	716	background-color:#9BCA1C;
	717	}
	718	.button-add:focus {
	719	outline: dotted 1px;
	720	}
	721	/* paragraphe pour bouton Nouveau bidule */
	722	p.top-add {
	723	text-align: right;
	724	margin: 0;
	725	}
[0]	726
[1741]	727	/* disabled */
[1768]	728	input.disabled, input[type=submit].disabled {
[1971]	729	text-shadow: none;
	730	filter: none;
	731	color: #676e78;
	732	background: #F5F5F5;
[1741]	733	border: 1px solid #CCC;
	734	}
[1800]	735	input.disabled:hover, input[type=submit].disabled:hover {
[1760]	736	color: #676e78;
[1800]	737	background: #eee;
[1741]	738	border: 1px solid #CCC;
	739	}
	740	/* ----------------------------------------------------------------------------
	741	MESSAGES
	742	---------------------------------------------------------------------------- */
	743	.warn, .warning, .info {
[500]	744	font-style: normal;
[1614]	745	padding: .2em .66em .2em;
	746	text-indent: 24px;
[1564]	747	color: #333;
[1569]	748	display: inline-block;
[1614]	749	line-height: 1.5em;
[1733]	750	border-radius: 3px;
	751	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
[1741]	752	}
[1749]	753	div.warn, div.warning, div.info {
[1979]	754	display: block;
[1749]	755	padding: 1em 1em .33em 1em;
[2006]	756	margin-bottom: 1em;
[1749]	757	}
[1741]	758	.warn, .warning {
	759	background: #FEFACD url(msg-warning.png) no-repeat .3em .3em;
	760	border: 1px solid #F7E07E;
	761	}
	762	.info {
	763	background: #D9EDF7 url(msg-info.png) no-repeat .3em .3em;
	764	border: 1px solid #BCE8F1;
	765	}
[1786]	766	span.warn, span.warning, span.info {
	767	padding-top: 1px;
	768	padding-bottom: 1px;
	769	background-position: .3em .2em;
	770	}
[1741]	771	.error, .message, .static-msg, .success, .warning-msg {
	772	padding: 1em 0.5em 0.5em 48px;
	773	margin-bottom: 1em;
	774	border-radius: 8px;
[1760]	775	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
[1741]	776	}
	777	p.error, p.message, p.static-msg, p.success, p.warning-msg {
	778	padding-top: 1em;
	779	padding-bottom: 1em;
	780	}
	781	.error {
	782	background: #FFBABA url(msg-error.png) no-repeat .7em .7em;
	783	color: #000;
	784	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	785	}
	786	.message, .static-msg {
[1747]	787	background: #676e78 url(msg-std.png) no-repeat .7em .7em;
[1741]	788	color: #fff;
	789	}
[1873]	790	.message a, .static-msg a, .message h3, .static-msg h3 {
[1741]	791	color: #fff;
[1760]	792	}
[1741]	793	.success, .warning-msg {
	794	color: #000;
	795	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
	796	}
	797	.success {
	798	background: #bee74b url(msg-success.png) no-repeat .7em .7em;
[1950]	799	background-color: #a2f157;
[1741]	800	}
	801	.warning-msg {
	802	background: #F7E07E url(msg-warning.png) no-repeat .7em .7em;
	803	border: 1px solid #F7E07E;
	804	}
[1994]	805	.success a, .warning-msg a, .info a {
[1741]	806	color: #333;
	807	}
	808	.dc-update {
	809	padding: 1em 48px 0.5em 48px;
	810	margin-bottom: 1em;
	811	border-radius: 8px;
	812	background: #A2CBE9 url(msg-success.png) no-repeat .7em .7em;
[1747]	813	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
[1811]	814	color: #000;
[1760]	815	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1)
[1741]	816	}
[1747]	817	.dc-update h3 {
	818	margin-top: 0;
[1811]	819	color: #000;
[1747]	820	}
[1787]	821	.dc-update p {
	822	display: inline-block;
[1798]	823	vertical-align: middle;
[1787]	824	}
[1741]	825	.dc-update a {
[1811]	826	color: #000;
[1741]	827	margin-right: 1em;
	828	}
[1747]	829	.dc-update a.button {
	830	padding: .5em 1em;
	831	}
[1811]	832	.updt-info a {
	833	margin-left: 2em;
	834	border-color: #000;
	835	font-weight: bold;
	836	}
[1741]	837	/* ---------------------------------------------------------------------------------
[1971]	838	ELEMENTS PRINCIPAUX
[1741]	839	--------------------------------------------------------------------------------- */
	840	/* -------------------------------------------------------------- HEADER ELEMENTS */
[500]	841	/* prelude */
[447]	842	#prelude {
[1741]	843	line-height: 1.5;
[447]	844	margin: 0;
[500]	845	padding: 0;
[447]	846	overflow: hidden;
[1741]	847	position: absolute;
	848	top: 3em;
	849	left: 0;
	850	background: #A2CBE9;
	851	width: 100%;
[1947]	852	z-index: 100;
[447]	853	}
[1741]	854	#prelude li {
	855	list-style-type: none;
	856	margin: 0;
	857	background:transparent;
	858	display: inline;
	859	}
	860	#prelude li a {
	861	padding: 3px 16px 3px 8px; /* ie < 9 sucks */
	862	padding: 3px 1.6rem 3px .8rem;
	863	background: #A2CBE9;
	864	color: #000;
[2024]	865	text-decoration: underline;
	866	}
	867	#prelude li a:hover, #prelude li a:focus {
	868	background: #FFF;
[1741]	869	}
[2030]	870	/* si le prélude est affiché on repousse les trucs dessous */
	871	#wrapper.with-prelude {
	872	padding-top: 1em;
	873	}
	874	#help-button.with-prelude, #collapser.with-prelude {
	875	top: 1em;
	876	}
[2005]	877	/* header global h1, form#top-info-blog, ul#top-info-user */
	878	#header a {
	879	color: #FFF;
	880	}
	881	#header img {
	882	vertical-align: middle;
	883	padding-left: .5em;
	884	}
	885	h1, #top-info-blog, #top-info-user {
	886	display: table-cell;
	887	padding: 8px 0;
[3]	888	margin: 0;
[2005]	889	font-size: 1em;
[2009]	890	vertical-align: top;
[2005]	891	}
	892	/* h1 */
	893	h1 {
	894	text-indent: -1000px;
	895	width: 16.5em;
[1741]	896	}
[2005]	897	h1 a {
	898	position: absolute;
	899	top: 0;
	900	left: 0;
[2034]	901	width: 15em;
[2005]	902	height: 36px; /* ie < 9 sucks */
	903	height: 3.6rem;
	904	color: #fff;
	905	background: transparent url(dc_logos/b-dotclear120.png) no-repeat 0 6px;
[1741]	906	}
[2005]	907	h1 a:hover, h1 a:focus {
	908	background-position: 0 -94px;
	909	}
	910	/* top-info-blog */
	911	#top-info-blog select {
	912	max-width: 20em;
[500]	913	}
[2078]	914	#top-info-blog a {
	915	margin-left: 1.5em;
[2005]	916	}
	917	#top-info-blog input[type=submit] {
	918	background: #000;
	919	border-color: #999;
	920	margin-left: .33em;
	921	}
	922	#top-info-blog input[type=submit]:hover {
	923	background: #999;
	924	}
	925	#top-info-blog p {
	926	display: inline-block;
	927	margin: 0;
	928	}
	929	/* top-info-user */
	930	#top-info-user {
[2009]	931	padding-right: 18px;
[2005]	932	list-style-type: none;
	933	text-align: right;
	934	}
	935	#top-info-user li {
	936	display: inline-block;
	937	margin-left: .5em;
	938	padding-left: .5em;
	939	border-left: 1px solid #999;
	940	}
	941	#top-info-user li:first-child {
	942	border-left: none;
	943	}
	944	#top-info-user a.active {
	945	border-bottom-color: #fff;
	946	margin: 0;
[2030]	947	padding: 18px .5em;
[2005]	948	background-color: #fff;
	949	color: #333;
	950	font-weight: bold;
	951	}
[1741]	952	/* ---------------------------------------------------------- MAIN-MENU ELEMENTS */
	953	#favorites-menu, #blog-menu, #system-menu, #plugins-menu {
	954	border-bottom: 1px dashed #A2CBE9;
[500]	955	}
[1741]	956	#main-menu h3 {
[3]	957	margin: 0;
[1741]	958	padding: 10px 0 10px 8px;
[1760]	959	color: #676e78;
[1574]	960	font-size: 14px; /* ie < 9 sucks */
[1291]	961	font-size: 1.4rem;
[3]	962	}
[1741]	963	#favorites-menu h3 {
	964	color: #000;
	965	font-variant: small-caps;
	966	padding-top: .2em;
	967	}
	968	#main-menu a {
	969	color: #333;
[3]	970	border-bottom-color: #ccc;
[1741]	971	}
[0]	972	#main-menu ul {
[1741]	973	margin: 0 0 1.5em 0;
[3]	974	padding: 0;
	975	list-style: none;
[1741]	976	}
	977	#main-menu li {
	978	display: block;
	979	margin: 0.5em 0 0;
	980	padding: 4px 0 1px 32px;
	981	background-repeat: no-repeat;
	982	background-position: 8px .3em;
	983	}
	984	#main-menu ul li:first-child {
	985	margin-top: 0;
	986	}
	987	#main-menu li.active {
	988	background-color: #fff;
	989	font-weight: bold;
	990	}
	991	#favorites-menu li.active {
	992	background-color: transparent;
	993	}
	994	#main-menu .active a {
	995	border-bottom: none;
	996	color: #d30e60;
	997	}
	998	#favorites-menu .active a {
	999	color: #000;
	1000	}
	1001	#search-menu {
	1002	padding: 4px 5px 0;
	1003	font-size: 100%
	1004	}
	1005	#search-menu * {
	1006	height: 22px; /* ie < 9 sucks */
	1007	height: 2.2rem;
	1008	display: inline-block;
	1009	vertical-align: top;
	1010	line-height: 22px;
	1011	}
	1012	#search-menu p {
	1013	border: 1px solid #999;
	1014	border-radius: .3em;
	1015	position: relative;
	1016	overflow: hidden;
	1017	}
	1018	#qx {
	1019	width: 124px; /* ie < 9 sucks */
	1020	width: 12.4rem;
	1021	border-bottom-left-radius: .3em;
	1022	border-top-left-radius: .3em;
	1023	background: transparent url(search.png) no-repeat 4px center;
	1024	text-indent: 18px;
	1025	padding: 0;
	1026	border: none;
	1027	height: 22px;
	1028	height: 2.2rem;
	1029	}
	1030	#qx:focus {
[2013]	1031	border: 1px solid #bee74b;
[1741]	1032	}
	1033	#search-menu input[type="submit"] {
	1034	padding: 0 3px;
	1035	padding: 0 .3rem;
	1036	margin-left: -4px;
	1037	background: #dfdfdf;
	1038	border-color: #999;
	1039	color: #444;
	1040	border-bottom-right-radius: .3em;
	1041	border-top-right-radius: .3em;
	1042	border-top-left-radius: 0;
	1043	border-bottom-left-radius: 0;
	1044	text-shadow: none;
	1045	border: none;
	1046	border-left: 1px solid #aaa;
	1047	font-size: 10px; /* ie < 9 sucks */
	1048	font-size: 1rem;
	1049	}
	1050	#search-menu input[type="submit"]:hover,
	1051	#search-menu input[type="submit"]:focus {
[1747]	1052	background: #676e78;
[1741]	1053	color: #fff;
	1054	}
	1055	/* ----------------------------------------------------------------- CONTENT ELEMENTS */
	1056	.part-tabs ul {
[1801]	1057	padding: .5em 0 0 1em;
[173]	1058	border-bottom: 1px solid #ddd;
[1801]	1059	line-height: 2;
[1741]	1060	}
	1061	.part-tabs li {
	1062	list-style: none;
	1063	margin: 0;
	1064	display: inline;
	1065	}
	1066	.part-tabs li a {
	1067	padding: .5em 2em;
	1068	margin-right: -1px;
	1069	border: 1px solid #ccc;
	1070	border-bottom: none;
	1071	text-decoration: none;
	1072	color: #333;
	1073	background-color: #ecf0f1;
[1801]	1074	display: inline-block;
[1741]	1075	}
	1076	.part-tabs li a:hover, .part-tabs li a:focus {
	1077	color: #000;
	1078	background: #fff;
	1079	border-bottom-color: #fff;
	1080	}
	1081	.part-tabs li.part-tabs-active a {
	1082	background: #fff;
	1083	font-weight: bold;
	1084	border-bottom-color: #fff;
[1801]	1085	}
[1747]	1086	.multi-part {
	1087	padding-left: 1em;
	1088	}
[1741]	1089	/* contextual help */
	1090	#help {
	1091	margin-top: 4em;
	1092	background: #f5f5f5;
	1093	z-index: 100;
[3]	1094	clear: both;
[1741]	1095	padding: 0 1em;
	1096	}
	1097	#content.with-help #help {
	1098	display: block;
	1099	position: absolute;
[1946]	1100	top: 0;
[1741]	1101	right: 0;
	1102	width: 280px; /* ie < 9 sucks */
	1103	width: 28rem;
	1104	border-left: 2px solid #FFD478;
	1105	border-top: 2px solid #FFD478;
	1106	margin-top: 0;
	1107	padding: .5em 0 0 0;
	1108	overflow: auto;
	1109	}
	1110	#help-button {
[2237]	1111	background: transparent url(help-mini.png) no-repeat 6px center;
[1741]	1112	position: absolute;
[1946]	1113	top: 0;
	1114	right: 0;
[1741]	1115	padding: 0 1.5em 0 30px;
	1116	cursor: pointer;
	1117	color: #2373A8;
[1947]	1118	line-height: 36px; /* ie < 9 sucks */
	1119	line-height: 3.6rem;
[1741]	1120	}
[1997]	1121	#help-button.floatable {
[2002]	1122	border-top: 2px solid #ccc;
	1123	border-left: 2px solid #ccc;
	1124	border-bottom: 2px solid #ccc;
	1125	border-bottom-left-radius: 1em;
	1126	border-top-left-radius: 1em;
	1127	background-color: #f5f5f5;
	1128	position: fixed;
	1129	top: 10px;
	1130	}
[1947]	1131	.no-js #help-button {
	1132	top: 1em;
	1133	}
[1741]	1134	#help-button span {
	1135	padding: .5em 0 .1em 0;
	1136	border-bottom: 1px solid #2373A8;
	1137	}
	1138	#content.with-help #help-button {
[2002]	1139	right: 280px; /* ie < 9 sucks */
[1979]	1140	right: 28rem;
[1741]	1141	background-color: #f5f5f5;
	1142	position: fixed;
[2002]	1143	top: 50px;
[1979]	1144	z-index: 100;
[1741]	1145	border-top: 2px solid #FFD478;
	1146	border-left: 2px solid #FFD478;
	1147	border-bottom: 2px solid #FFD478;
	1148	border-bottom-left-radius: 1em;
	1149	border-top-left-radius: 1em;
	1150	}
	1151	.help-box {
	1152	display: none;
	1153	}
	1154	.help-box ul {
	1155	padding-left: 20px;
	1156	margin-left: 0;
	1157	}
	1158	#content.with-help .help-content {
[2002]	1159	padding: 0 1em 1em;
[1741]	1160	}
	1161	.help-content dt {
	1162	font-weight: bold;
	1163	color: #626262;
	1164	margin: 0;
	1165	}
	1166	.help-content dd {
	1167	margin: 0.3em 0 1.5em 0;
	1168	}
[1798]	1169	/* 1. inside help block */
	1170	#helplink p {
	1171	padding: 0 0 0 .5em;
	1172	}
[1741]	1173	/* ------------------------------------------------------------------ FOOTER ELEMENTS */
[0]	1174	#footer p {
[3]	1175	margin: 0;
	1176	padding: 0 1em;
[1741]	1177	font-size: 1em;
	1178	}
	1179	span.credit {
	1180	font-size: 1em;
	1181	font-weight: normal;
	1182	}
	1183	/* ---------------------------------------------------------------------------------------
	1184	RÈGLES SPÉCIFIQUES
	1185	---------------------------------------------------------------------------------------- */
	1186	/* ---------------------------------------------------------------- LISTES TABLEAUX */
	1187	table .maximal, table.maximal {
	1188	width: 100%;
	1189	}
	1190	table .minimal {
	1191	width: 1px;
	1192	}
	1193	table .nowrap {
	1194	white-space: nowrap;
	1195	vertical-align: top;
	1196	}
	1197	table .count {
	1198	text-align: right;
	1199	padding-right: 1.5em;
	1200	}
	1201	th.first img {
[2126]	1202	padding-right: 34px;
[1741]	1203	}
[2218]	1204	.line img {
	1205	vertical-align: middle;
	1206	}
[1741]	1207	tr.line img.expand, th img.expand {
	1208	margin-right: 6px;
	1209	margin-bottom: -2px;
	1210	}
	1211	tr.line p {
	1212	margin: 0;
	1213	}
[2080]	1214	tr.line input[type=text] {
	1215	background: #FFF;
	1216	}
[2068]	1217	tr.line input, tr.line select {
[1741]	1218	vertical-align: middle;
[2068]	1219	-webkit-box-shadow: none;
	1220	box-shadow: none;
	1221	}
	1222	tr.line select {
	1223	width: 6em;
[1741]	1224	}
	1225	tr.line:hover {
	1226	background: #f3f3f3;
	1227	}
	1228	td.status {
	1229	vertical-align: middle;
	1230	}
	1231	td.status img {
	1232	margin-bottom: -2px;
	1233	}
	1234	td.status a {
	1235	border: none;
	1236	}
	1237	.noborder td, td.noborder, .noborder th, th.noborder {
	1238	border-width: 0 0 1px 0;
	1239	border-color: #ddd;
	1240	line-height: 2em;
	1241	padding-bottom: 0;
	1242	}
	1243	.noborder p {
	1244	margin-bottom: 0;
	1245	}
	1246	table.posts-list {
	1247	min-width: 50%;
	1248	}
	1249	table.settings, table.prefs {
	1250	margin-bottom: 3em;
	1251	}
	1252	table.settings th:first-child, table.prefs th:first-child {
	1253	width: 20%;
	1254	}
	1255	table.settings th + th, table.prefs th + th {
	1256	width: 30%;
	1257	}
	1258	table.settings th + th + th, table.prefs th + th + th {
	1259	width: 10%;
	1260	}
	1261	table.settings th:last-child, table.prefs th:last-child {
	1262	width: 40%;
	1263	}
	1264	/* js */
	1265	td.expand {
	1266	padding: 1em;
	1267	}
	1268	tr.expand td {
	1269	border-bottom: none;
	1270	}
	1271	.handle {
	1272	padding: 0;
	1273	}
	1274	.handler {
	1275	cursor: move;
	1276	background: transparent url(drag.png) no-repeat 0 50%;
	1277	padding-left: 15px;
	1278	}
	1279	/* ----------------------------------------------------------- BOITES À FILTRES */
[1994]	1280	a.form-control {
	1281	display: none;
	1282	background: url(../images/expand.png) no-repeat 4px center;
	1283	padding-left: 20px;
	1284	color: #000;
	1285	}
[2131]	1286	a.form-control.open {
	1287	background: url(../images/hide.png) no-repeat 4px center;
	1288	}
[1741]	1289	#filters-form {
	1290	border: 1px dashed #999;
[2224]	1291	border-radius: .3em;
[1741]	1292	margin-bottom: 2em;
	1293	padding: .5em 1em 0;
	1294	}
	1295	#filters-form .table {
	1296	width: 100%;
	1297	padding: 0;
	1298	margin-bottom: 1em;
	1299	margin-top: .5em;
	1300	}
	1301	#filters-form .cell {
	1302	padding: 0 2em 0 0;
	1303	}
	1304	#filters-form .filters-sibling-cell {
	1305	padding-top: 3.8em;
	1306	}
	1307	#filters-form .filters-options {
	1308	padding-left: 2em;
	1309	border-left: 1px solid #ccc;
	1310	}
	1311	#filters-form label.ib, span.ib {
	1312	width:7em;
	1313	}
	1314	#filters-form label.ibw, span.ibw {
	1315	width: 9em;
	1316	display: inline-block;
	1317	}
	1318	#filters-form select {
	1319	width: 14em;
[2224]	1320	vertical-align: middle;
[1741]	1321	}
	1322	#filters-form h4 {
	1323	margin-top: 0;
	1324	margin-bottom: 2em;
	1325	}
	1326	/* ---------------------------------------------------------------------------- SPEC PAGES */
[500]	1327	/* ---------------------------------------------------------------------------- auth.php */
	1328	#login-screen {
	1329	display: block;
[1741]	1330	width: 20em;
[500]	1331	margin: 1.5em auto 0;
[1741]	1332	font-size: 14px; /* ie < 9 sucks */
	1333	font-size: 1.4rem;
	1334	}
[500]	1335	#login-screen h1 {
	1336	text-indent: -2000px;
[1741]	1337	background: transparent url(dc_logos/w-dotclear240.png) no-repeat top left;
	1338	height: 66px;
[2026]	1339	width: 20em;
[500]	1340	margin-bottom: .5em;
[1741]	1341	margin-left: 0;
	1342	}
	1343	#login-screen .fieldset {
	1344	border: 1px solid #A8DC26;
[500]	1345	padding: 1em 1em 0 1em;
[1741]	1346	border-radius: 3px;
	1347	background: #fff;
	1348	}
[1950]	1349	#login-screen input[type=text], #login-screen input[type=password], #login-screen input[type=submit],
	1350	#login-screen input[type=text]:focus, #login-screen input[type=password]:focus, #login-screen input[type=submit]:focus {
[500]	1351	width: 100%;
[1950]	1352	margin: 0;
	1353	padding: 5px 3px;
	1354	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	1355	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	1356	box-sizing: border-box;
[1741]	1357	}
[2119]	1358	#login-screen input.login, #login-screen input.login:focus {
[1741]	1359	padding-top: 6px;
	1360	padding-bottom: 6px;
	1361	font-size: 1em;
	1362	}
[500]	1363	#login-screen #issue {
[1741]	1364	margin-left: 1.33em;
	1365	font-size: 12px; /* ie < 9 sucks */
	1366	font-size: 1.2rem;
	1367	}
	1368	#login-screen #issue strong {
	1369	font-weight: normal;
	1370	}
	1371	/* ------------------------------------------------------------------------- index.php */
[0]	1372	#dashboard-main {
[116]	1373	padding: 1em 0;
[1741]	1374	}
	1375	/* raccourcis */
[471]	1376	#icons {
[0]	1377	overflow: hidden;
	1378	padding-bottom: 1em;
[27]	1379	text-align: center;
[1741]	1380	}
	1381	#icons p {
[2076]	1382	width: 170px;
[1741]	1383	text-align: center;
	1384	margin: 1em 0 2em;
	1385	padding: 1em 0;
	1386	display:inline-block;
	1387	vertical-align: top;
	1388	}
	1389	#icons a,
	1390	#icons a:link,
	1391	#icons a:visited,
	1392	#icons a:hover,
	1393	#icons a:focus {
[1994]	1394	border-bottom-width: 0;
[1741]	1395	text-decoration: none;
	1396	}
	1397	#icons a span {
[1760]	1398	border-bottom: 1px dotted #999;
[1741]	1399	color: #333;
	1400	}
	1401	#icons a img {
[1946]	1402	padding: 1.5em;
[1741]	1403	background-color:#f9f9f9;
[1946]	1404	-moz-border-radius:8px;
	1405	-webkit-border-radius:8px;
	1406	border-radius:8px;
[1741]	1407	border:1px solid #dcdcdc;
	1408	display:inline-block;
	1409	}
	1410	#icons a:focus img, #icons a:hover img {
	1411	background: #bee74b;
	1412	}
	1413	#icons a:focus span, #icons a:hover span {
[1994]	1414	border-bottom-style: solid;
[1741]	1415	}
	1416	/* billet rapide */
	1417	#quick {
	1418	margin-top: 1em;
	1419	padding-top: 1em;
	1420	}
	1421	#quick h3 {
	1422	margin-bottom: 0.2em;
	1423	font-size: 1.2em;
	1424	}
	1425	#quick p.qinfo {
	1426	margin: -.7em -1em 1em;
	1427	background: #f3f3ff url(info.png) no-repeat .2em .2em;
	1428	border: 1px solid #99f;
	1429	padding: .2em 1em .1em 24px;
[1760]	1430	color: #676e78;
[1741]	1431	}
	1432	#quick #new_cat, .q-cat, .q-cat label {
	1433	display: inline-block;
	1434	vertical-align: top;
	1435	margin-right: 1em;
	1436	margin-top: 0;
	1437	}
	1438	.q-cat label {
	1439	margin-right: .3em;
	1440	}
	1441	#quick #new_cat {
	1442	margin-bottom: 2em;
	1443	}
	1444	/* modules additionnels */
	1445	#dashboard-boxes {
	1446	margin: 2em auto 1em;
	1447	padding-top: 2em;
	1448	}
[1788]	1449	.db-items, .db-contents {
	1450	display: inline-block;
	1451	text-align: center;
	1452	}
[2225]	1453	.no-js .outgoing img {
	1454	display: none;
	1455	}
[1788]	1456	#dashboard-boxes .box {
	1457	padding: 10px;
	1458	border: 1px solid #ccc;
	1459	border-radius: 3px;
	1460	min-height: 200px;
	1461	margin: 10px;
	1462	text-align: left;
	1463	}
	1464	.box.small {
[2152]	1465	width: 320px;
[2085]	1466	}
	1467	.box.medium {
[2152]	1468	width: 660px;
[1788]	1469	}
	1470	.box.large {
[2085]	1471	width: 100%;
[1788]	1472	}
	1473	.dc-box {
	1474	background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right;
	1475	}
[1741]	1476	.db-items img, .db-contents img {
	1477	vertical-align: middle;
	1478	}
	1479	.db-items ul, .db-contents ul {
	1480	display: block;
	1481	padding-left: 1.5em;
	1482	list-style: square;
	1483	}
	1484	.db-items li, .db-contents li {
	1485	margin: 0.25em 0 0 0;
	1486	}
	1487	#news dt {
	1488	font-weight: bold;
	1489	margin: 0 0 0.4em 0;
	1490	}
	1491	#news dd {
	1492	margin: 0 0 1em 0;
	1493	}
	1494	#news dd p {
	1495	margin: 0.2em 0 0 0;
	1496	}
	1497	/* message de mise à jour */
	1498	#upg-notify ul {
	1499	padding-left: 1.5em;
	1500	}
	1501	#upg-notify li {
	1502	color: #fff;
	1503	}
	1504	/* ------------------------------------------------------------------- blog_pref.php */
[1848]	1505	#media_img_title_pattern {
	1506	margin-right: 1em;
	1507	}
[1741]	1508	.user-perm {
	1509	margin: 2em 0px;
	1510	background: transparent url(user.png) no-repeat left top;
	1511	width: 320px;
	1512	display: inline-block;
	1513	vertical-align: top;
	1514	}
	1515	.user-perm h4, .user-perm h5, .user-perm p, .user-perm ul, .user-perm li {
	1516	margin: .5em 0 .33em;
	1517	padding: 0;
	1518	}
	1519	.user-perm h4 {
	1520	padding-left: 28px;
	1521	}
	1522	.user-perm h5 {
	1523	margin: 1em 0 0 0;
	1524	}
	1525	.user-perm ul {
	1526	list-style-type: inside;
	1527	}
	1528	.user-perm li {
	1529	margin-left: 1em;
	1530	padding-left: 0;
	1531	}
	1532	li.user_super, li.user_admin {
	1533	margin-left: 0;
[2218]	1534	padding-left: 20px;
[1741]	1535	list-style: none;
[2218]	1536	background: transparent url(../images/superadmin.png) no-repeat 0 .3em;
[1741]	1537	}
	1538	li.user_admin {
	1539	background-image: url(../images/admin.png);
	1540	}
	1541	/* ------------------------------------------------------------------- blog_theme.php */
[2179]	1542	.box.theme {
[2194]	1543	margin: .5em;
	1544	padding: 1em 1em .5em 1em;
	1545	border: 1px solid #ccc;
[1741]	1546	}
[2179]	1547	#theme-new .box.theme {
	1548	width: 280px;
[1741]	1549	}
[2194]	1550	.module-name {
	1551	margin-bottom: .5em;
	1552	}
[2179]	1553	.module-sshot img {
[2152]	1554	border: 1px solid #ddd;
[2179]	1555	padding: .5em;
[2194]	1556	background: #f7f7f7;
	1557	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	1558	}
	1559	.module-actions {
	1560	margin-top: 1em;
	1561	}
[2221]	1562	.bloc-toggler {
	1563	text-align: right;
	1564	}
	1565	.box.current-theme {
	1566	width: 652px;
	1567	margin: .5em;
	1568	padding: 1em 0 .5em 1em;
	1569	background: #FCFDFD;
	1570	border: 1px solid #9AC123;
	1571	-webkit-border-radius: .5em;
	1572	border-radius: .5em;
	1573	min-height: 330px;
	1574	}
[2194]	1575	.current-theme .module-sshot img {
[1741]	1576	float: left;
[2194]	1577	margin-right: 2em;
	1578	margin-bottom: 1em;
[1741]	1579	}
[2221]	1580	.current-theme .module-name {
	1581	color: #D33800;
	1582	margin-bottom: 1em;
	1583	font-size: 1.33em;
	1584	}
[1741]	1585	/* ------------------------------------------------------------------ categories.php */
[0]	1586	#categories {
[1741]	1587	margin: 1em 0;
	1588	}
[0]	1589	#categories ul {
	1590	list-style: none;
[2022]	1591	margin-top: 2em;
[148]	1592	padding: 0;
[1741]	1593	}
[1957]	1594	.cat-line {
	1595	position: relative;
	1596	margin: .66em 0;
	1597	padding: .66em 1em;
	1598	border: 1px solid #bbb;
[1741]	1599	border-radius: 3px;
	1600	}
[2125]	1601	.cat-line label {
	1602	margin-right: .25em;
	1603	}
[1957]	1604	.cat-line label a {
[1741]	1605	font-weight: bold;
	1606	}
[1957]	1607	.cat-line p, .cat-line label {
[1741]	1608	margin: 0;
	1609	display: inline-block;
	1610	}
[2125]	1611	p.cat-title {
	1612	margin-right: 1em;
	1613	}
	1614	.cat-nb-posts a {
	1615	color: #333;
	1616	}
[1741]	1617	.cat-url {
	1618	padding-left: 1em;
	1619	}
	1620	#categories .placeholder {
	1621	outline: 1px dashed #4183C4;
	1622	min-height: 2.5em;
	1623	}
[1957]	1624	.cat-buttons {
	1625	float: right;
	1626	margin-top: -.2em;
[1958]	1627	font-size: 11px;
[1957]	1628	}
	1629	.cat-buttons select {
	1630	padding: 1px 2px 3px 2px;
	1631	margin-right: .25em;
	1632	}
	1633	.cat-buttons .reset {
	1634	padding-left: 4px;
	1635	padding-right: 4px;
	1636	}
	1637	#categories ul ul {
	1638	margin-right: 2em;
[1971]	1639	margin-left: 2em;
[1957]	1640	}
	1641	.cat-line .cat-line {
[1971]	1642	border: 1px solid #dfdfdf;
[1957]	1643	}
[1741]	1644	.cat-actions {
	1645	line-height: 2;
	1646	}
	1647	#del_cat {
	1648	width: 100%;
	1649	}
[1856]	1650	/* ------------------------------------------------------------------ help.php */
	1651	.legible { /* for pages with a lot of text to read */
	1652	font-size: 1.16em;
	1653	max-width: 62em;
	1654	}
	1655
[1741]	1656	/* ------------------------------------------------------------------ media.php */
[500]	1657	.media-item {
	1658	position: relative;
[1862]	1659	border: 1px solid #ddd;
[1869]	1660	margin: 9px;
[1862]	1661	padding: 10px 12px 6px;
[1741]	1662	width: 300px;
	1663	display: inline-block;
	1664	vertical-align: top;
[1862]	1665	min-height: 140px;
[2097]	1666	word-wrap: break-word;
[1741]	1667	}
[1862]	1668	.media-item p {
	1669	margin: 0 0 .5em;
	1670	}
	1671	.media-item object {
	1672	margin-top: .5em;
	1673	}
[1741]	1674	.media-item ul {
	1675	display: block;
	1676	list-style: none;
	1677	margin: 0;
	1678	padding: 0;
	1679	}
	1680	a.media-icon {
	1681	display: block;
	1682	border-bottom: none;
	1683	margin: 0 auto;
	1684	}
	1685	.media-icon img {
	1686	display: block;
	1687	}
[1855]	1688	.media-link {
	1689	font-size: 1.1em;
	1690	}
[1864]	1691	.media-action-box {
	1692	position: relative;
	1693	margin: 3em 3em 1em 1em;
	1694	display: inline-block;
	1695	vertical-align: top;
	1696	}
	1697	li.media-action {
	1698	display: block;
	1699	position: absolute;
	1700	bottom: 4px;
	1701	right: 8px;
	1702	height: 16px;
	1703	}
[1741]	1704	li.media-action a {
	1705	border: none;
	1706	}
	1707	li.media-action form {
	1708	display: inline;
	1709	}
	1710	li.media-action input {
	1711	border: none;
	1712	}
[1864]	1713	#entry-sidebar .media-item {
	1714	width: 100%;
	1715	min-height: 0;
	1716	padding: 4px;
	1717	margin: .33em 0;
	1718	}
	1719	#entry-sidebar li.media-action {
	1720	top: 4px;
	1721	}
	1722
[1855]	1723	.folders-group .media-item {
[1869]	1724	min-height: 70px;
[1855]	1725	}
	1726	.folders-group .media-item p {
	1727	margin-bottom: 0;
	1728	}
	1729	.media-folder {
	1730	background: transparent url(bg_menu.png) repeat-y;
[1856]	1731	border-color: #eee;
[1855]	1732	}
	1733	.media-folder-up {
[1856]	1734	border-color: #fff;
	1735	padding-bottom: 6px;
[1855]	1736	}
	1737	.media-folder .media-link {
	1738	font-size: 1.25em;
	1739	margin-left: 2em;
	1740	color: #676e78;
	1741	border-bottom: none;
	1742	}
	1743
[1741]	1744	.zip-dl {
	1745	background: transparent url(package.png) no-repeat 0 50%;
	1746	padding: 5px 0 5px 20px;
	1747	}
[1852]	1748	/* upload multiple */
[1854]	1749	.enhanced_uploader .choose_files, .enhanced_uploader .cancel,
[1851]	1750	.enhanced_uploader .clean, .enhanced_uploader .start {
	1751	margin-right: .4em;
[1852]	1752	}
[1851]	1753	.enhanced_uploader #upfile {
	1754	visibility: hidden;
	1755	width: 0;
	1756	height: 0;
	1757	margin: 0;
	1758	opacity: 0;
	1759	filter: alpha(opacity=0);
	1760	cursor: pointer;
[1852]	1761	}
[1854]	1762	.button.clean, .button.cancel, .button.choose_files {
[1851]	1763	display: none;
[1852]	1764	}
[1854]	1765	.enhanced_uploader .button.choose_files {
[1851]	1766	display: inline-block;
[1852]	1767	}
[1851]	1768	.enhanced_uploader .max-size {
	1769	display: block;
[1852]	1770	}
[1851]	1771	.enhanced_uploader .one-file {
	1772	display: none;
[1852]	1773	}
[1851]	1774	label span.one-file {
	1775	display: inline;
[1852]	1776	}
[1851]	1777	.enhanced_uploader p.clear {
	1778	padding-top: 1em;
	1779	margin-bottom: 1em;
[1852]	1780	}
[1851]	1781	#add-file-f p.clear {
	1782	margin-top: 1em;
	1783	margin-bottom: 0;
	1784	clear: both;
[1852]	1785	}
[1851]	1786	.files {
	1787	list-style-type: none;
	1788	margin-left: 0;
	1789	padding-left: 0;
[1852]	1790	border-bottom: 1px solid #ddd;
	1791	}
[1851]	1792	.files li {
	1793	margin-left: 0;
	1794	padding-left: 0;
[1852]	1795	}
[1851]	1796	.upload-msg {
	1797	font-weight: bold;
[1852]	1798	}
[1851]	1799	.upload-msg.upload-error {
	1800	color: #c00;
[1852]	1801	}
[1851]	1802	.upload-files {
	1803	padding: 0 0.5em;
[1852]	1804	margin: 1em 0;
	1805	}
[1851]	1806	.upload-file {
[1852]	1807	margin: 0;
	1808	padding: .3em 0;
	1809	border-top: 1px solid #ddd;
[1851]	1810	position: relative;
[1852]	1811	}
[1851]	1812	.upload-fileinfo {
[1852]	1813	margin-left: 0;
	1814	/* margin-bottom: .4em;*/
	1815	}
	1816	.upload-fileinfo input {
	1817	position: absolute;
	1818	top: .5em;
	1819	right: .5em;
	1820	}
[1851]	1821	.upload-fileinfo span {
	1822	padding-right: 8px;
[1852]	1823	}
[1851]	1824	.upload-fileinfo .upload-filecancel {
	1825	display: block;
	1826	padding-right: 0;
	1827	margin-top: 3px;
	1828	width: 20px;
	1829	height: 20px;
	1830	background: transparent url("cancel.png") no-repeat left top;
	1831	text-indent: -1000px;
	1832	cursor: pointer;
	1833	float: left;
[1852]	1834	}
[1851]	1835	.upload-filemsg {
	1836	font-weight: bold;
	1837	color: green;
[1852]	1838	}
[1851]	1839	.upload-filemsg.upload-error {
	1840	color: #c00;
[1852]	1841	}
[1851]	1842	.upload-progress {
[1852]	1843	padding: .3em 0;
	1844	}
[1851]	1845	.upload-progress div {
	1846	width: 0;
	1847	height: 1em;
	1848	padding: .2em 0;
	1849	font-size: 0.8em;
	1850	font-weight: bold;
	1851	line-height: 1em;
	1852	text-align: right;
	1853	background: green url("loader.png") repeat-x left top;
	1854	color: white;
	1855	border-radius: 2px;
[1852]	1856	}
[1851]	1857	div.template-upload {
	1858	clear: both;
[1852]	1859	}
[1851]	1860	.queue-message {
	1861	font-weight: bold;
[1852]	1862	}
[1851]	1863
[1741]	1864	/* --------------------------------------------------------------- media-item.php */
	1865	#media-icon {
	1866	float: left;
	1867	}
	1868	.near-icon {
	1869	margin-left: 70px;
	1870	margin-bottom: 3em;
	1871	}
	1872	#media-details ul {
	1873	display: block;
[3]	1874	margin-left: 0;
[1741]	1875	padding: 0;
	1876	}
	1877	#media-details li {
	1878	list-style: square inside;
	1879	margin: 0;
	1880	padding: 0;
	1881	}
	1882	#media-original-image {
	1883	overflow: auto;
	1884	}
	1885	#media-original-image.overheight {
	1886	height: 500px;
	1887	}
	1888	/* -------------------------------------------------------------------- plugins.php */
[2171]	1889	.modules td.module-actions, .modules td.module-icon {
[1741]	1890	vertical-align: middle;
	1891	}
[2171]	1892	.modules td.module-icon img:last-child {
[2149]	1893	width: 16px;
	1894	height: 16px;
	1895	}
[2171]	1896	.modules td.module-icon img.expand {
[2158]	1897	margin-bottom: 3px;
	1898	}
[2171]	1899	.modules td.module-distrib img {
[3]	1900	display: block;
[1741]	1901	float: right;
[2142]	1902	}
[2156]	1903	.modules dt {
	1904	font-weight: bold;
	1905	}
[2171]	1906	.modules a.module-details {
[2156]	1907	background: transparent url(search.png) no-repeat 2px 2px;
	1908	padding: 4px 4px 0 20px;
	1909	}
[2171]	1910	.modules a.module-support {
[2237]	1911	background: transparent url(help12.png) no-repeat 2px 2px;
[2156]	1912	padding: 4px 4px 0 20px;
	1913	}
[2157]	1914	#m_search {
	1915	background: transparent url(search.png) no-repeat 4px center;
[2158]	1916	padding-left: 20px;
[2157]	1917	}
	1918	.modules tr.expand, .modules td.expand {
[2158]	1919	background: #f7f7f7;
[2157]	1920	border-color: #bee74b;
	1921	}
[2158]	1922	.modules tr.expand td:first-child {
[2157]	1923	font-weight: bold;
[2158]	1924	background: #DFE5E7;
[2157]	1925	}
	1926	.modules td.expand {
	1927	padding: 0;
	1928	}
	1929	.mod-more, .mod-more li {
[2158]	1930	margin: .25em 0 0 1em;
[2157]	1931	padding: 0;
	1932	list-style-type: none;
	1933	}
[2158]	1934	.mod-more {
	1935	padding-top: .5em;
[1741]	1936	}
	1937	/* ---------------------------------------------------------- post.php, page.php */
	1938	#entry-wrapper {
[3]	1939	float: left;
[1741]	1940	width: 100%;
[2123]	1941	margin-right: -16em;
[1741]	1942	}
	1943	#entry-content {
[2123]	1944	margin-right: 18em;
[1741]	1945	margin-left: 0;
	1946	}
	1947	#entry-content label {
	1948	text-transform: uppercase;
	1949	font-weight: bold;
	1950	margin-top: 2em;
[1947]	1951	display: inline-block;
[1741]	1952	}
	1953	#entry-content label:first-child {
	1954	margin-top: 0;
	1955	}
	1956	#entry-sidebar {
[2123]	1957	width: 16em;
[1741]	1958	float: right;
	1959	}
[2123]	1960	#entry-sidebar h4 {
	1961	font-size: 13px;
	1962	font-size: 1.3rem;
	1963	margin-top: .3em;
	1964	}
[1741]	1965	#entry-sidebar select {
	1966	width: 100%;
	1967	}
	1968	#entry-sidebar input#post_position {
	1969	width: 4em;
	1970	}
	1971	.sb-box {
	1972	border-bottom: 1px solid #ddd;
	1973	margin-bottom: 1em;
	1974	}
[2142]	1975	#tb_excerpt {
	1976	width: 100%;
	1977	}
[1741]	1978	/* ---------------------------------------------------------- preferences.php */
[3]	1979	.fav-list {
	1980	list-style-type: none;
	1981	margin-left: 0;
	1982	padding-left: 0;
[1763]	1983	}
[1786]	1984	#my-favs .fav-list {
	1985	border-top: 1px solid #eee;
	1986	}
[3]	1987	.fav-list li {
	1988	margin-left: 0;
	1989	padding-left: 0;
[1763]	1990	padding-top: 3px;
	1991	padding-bottom: 3px;
[3]	1992	position: relative;
[1763]	1993	}
[1786]	1994	#my-favs .fav-list li {
	1995	line-height: 2;
	1996	border-bottom: 1px solid #eee;
	1997	padding-top: 3px;
	1998	padding-bottom: 3px;
	1999	position: relative;
	2000	}
	2001	.fav-list img {
	2002	vertical-align: middle;
	2003	margin-right: .2em;
	2004	}
	2005	.fav-list li span.zoom {
	2006	display: none;
	2007	}
	2008	.fav-list li:hover span.zoom {
	2009	display: block;
	2010	position: absolute;
	2011	bottom: 0;
	2012	left: 10em;
	2013	background-color: #f7f7f7;
	2014	border: 1px solid #ddd;
	2015	padding: .2em;
	2016	border-radius: .5em;
	2017	}
[1767]	2018	#my-favs {
	2019	border-color: #A8DC26;
	2020	}
[1786]	2021	#my-favs input.position {
	2022	margin: 0 0 .4em .2em;
	2023	}
[1763]	2024	#available-favs input, #available-favs label, #available-favs label span {
	2025	white-space: normal;
	2026	display: inline;
	2027	}
[3]	2028	#available-favs label span.zoom {
	2029	display: none;
[1763]	2030	}
[3]	2031	#available-favs li:hover label span.zoom {
	2032	display: block;
	2033	position: absolute;
	2034	bottom: 0;
	2035	left: 10em;
[1749]	2036	background-color: #f7f7f7;
[3]	2037	border: 1px solid #ddd;
	2038	padding: .2em;
	2039	border-radius: .5em;
[1763]	2040	}
[1741]	2041	#user-options label.ib {
	2042	display: inline-block;
	2043	width: 14em;
	2044	padding-right: 1em;
	2045	}
	2046	/* --------------------------------------------------------------------- user.php */
	2047	.blog-perm {
	2048	margin-top: 2em;
	2049	font-weight: bold;
	2050	}
	2051	.ul-perm {
	2052	list-style-type: square;
	2053	margin-left: 0;
	2054	padding-left: 3.5em;
	2055	margin-bottom: 0
	2056	}
	2057	.add-perm {
	2058	padding-top: .5em;
	2059	padding-left: 2.5em;
	2060	margin-left: 0;
	2061	}
[2111]	2062	/* --------------------------------------------------------------------- _charte.php */
	2063	.guideline #content h2 {
	2064	color: #D33800;
	2065	padding: 2em 0 0 0;
	2066	margin: 1em 0;
	2067	font-size: 2em;
	2068	}
	2069	.guideline h3 {
	2070	margin-top: 2em;
	2071	}
	2072	.guideline .one-box .box {
	2073	border: 1px solid #ddd;
	2074	padding: 2px .5em;
	2075	}
[1741]	2076	/* ------------------------------------------------------------------------------------
	2077	CLASSES
	2078	------------------------------------------------------------------------------------ */
[1035]	2079	/* jQuery Autocomplete plugin */
	2080	.ac_results {
	2081	padding: 0px;
	2082	border: 1px dotted #f90;
	2083	background-color: white;
	2084	overflow: hidden;
	2085	z-index: 99999;
[1741]	2086	}
[1035]	2087	.ac_results ul {
	2088	width: 100%;
	2089	list-style-position: outside;
	2090	list-style: none;
[0]	2091	padding: 0;
[500]	2092	margin: 0;
	2093	}
[1741]	2094	.ac_results li {
	2095	margin: 0px;
	2096	padding: 2px 5px;
	2097	cursor: default;
	2098	display: block;
	2099	font-size: 1em;
	2100	line-height: 16px;
	2101	overflow: hidden;
	2102	}
[1035]	2103	.ac_loading {
	2104	background: transparent url('loader.gif') right center no-repeat;
[1741]	2105	}
[1035]	2106	.ac_over {
	2107	background-color: #06c;
	2108	color: white;
[1741]	2109	}
	2110	/* password indicator */
	2111	.pw-table {
	2112	display: table;
	2113	margin-bottom: 1em;
	2114	}
	2115	.pw-cell {
	2116	display: table-cell;
	2117	margin-bottom: 1em;
	2118	}
	2119	#pwindicator {
	2120	display: table-cell;
	2121	vertical-align: bottom;
	2122	padding-left: 1.5em;
	2123	height: 3.8em;
	2124	}
	2125	#pwindicator .bar {
	2126	height: 6px;
	2127	margin-bottom: 4px;
	2128	}
	2129	.pw-very-weak .bar {
	2130	background: #900;
	2131	width: 30px;
	2132	}
	2133	.pw-weak .bar {
	2134	background: #c00;
	2135	width: 60px;
	2136	}
	2137	.pw-mediocre .bar {
	2138	background: #f60;
	2139	width: 90px;
	2140	}
	2141	.pw-strong .bar {
	2142	background: #060;
	2143	width: 120px;
	2144	}
	2145	.pw-very-strong .bar {
	2146	background: #0c0;
	2147	width: 150px;
	2148	}
	2149	/* ------------------------------------------------------------------ navigation */
	2150	/* selects accès rapide */
	2151	.anchor-nav {
	2152	background: #ecf0f1;
	2153	color: #000;
	2154	padding: 4px 1em;
	2155	}
[2068]	2156	.anchor-nav label {
	2157	vertical-align: bottom;
	2158	}
[1741]	2159	/* nav links */
	2160	.nav_prevnext {
[1415]	2161	margin-bottom: 2em;
[1741]	2162	color: #fff;
	2163	}
	2164	.nav_prevnext a, a.back {
	2165	border: 1px solid #ddd;
	2166	padding: 2px 1.5em;
	2167	border-radius: .75em;
	2168	background-color: #f0f0f0;
	2169	}
	2170	a.back:before {
	2171	content: "\ab\a0";
	2172	}
	2173	a.onblog_link {
	2174	color: #333;
	2175	float: right;
	2176	border: 1px solid #eee;
	2177	padding: 2px 1.5em;
	2178	border-radius: .75em;
	2179	background-color: #ffe;
	2180	}
	2181	/* Pagination */
[1932]	2182	.pager {
[1918]	2183	margin: 2em 0 1em 0;
[1464]	2184	clear: left;
[1741]	2185	}
[1932]	2186	.pager ul {
[1917]	2187	list-style-type: none;
[1918]	2188	margin: 0;
[1917]	2189	padding: 0;
	2190	}
[1932]	2191	.pager li, .pager input {
[1917]	2192	display:inline-block;
	2193	vertical-align: middle;
[1918]	2194	margin: 0 .33em 0 0;
	2195	padding: 0;
[1917]	2196	text-align: center;
	2197	}
[1932]	2198	.pager .btn {
[1918]	2199	border: 1px solid #ddd;
	2200	background-color: #fcfcfc;
[1917]	2201	color: #738182;
	2202	border-radius: 3px;
	2203	overflow: hidden;
[1741]	2204	}
[1917]	2205	.btn.no-link {
	2206	border-color: #ddd;
[1918]	2207	background-color: #f9f9f9;
	2208	padding: 1px 3px 0;
[1741]	2209	}
[1932]	2210	.pager .active {
[1917]	2211	padding: 4px 12px;
[1918]	2212	color: #676e78;
[1917]	2213	}
[1932]	2214	.pager .direct-access {
[1917]	2215	margin-left: 2em;
	2216	}
	2217	.direct-access input[type=text] {
[1918]	2218	border: 1px solid #ddd;
[1917]	2219	padding: 3px 8px;
	2220	margin-left: .25em;
[1918]	2221	background-color: #fff;
[1917]	2222	}
	2223	.direct-access input[type=submit] {
	2224	padding: 3px 6px;
	2225	}
[1932]	2226	.pager a {
[1917]	2227	display: block;
[1918]	2228	padding: 1px 3px 0;
[1917]	2229	border:none;
	2230	}
[1932]	2231	.pager a:hover, .pager a:focus {
	2232	background-color: #ecf0f1;
	2233	}
[1747]	2234	/* Etapes */
	2235	.step {
	2236	display: inline-block;
	2237	float: left;
	2238	margin: 3px 10px 2px 0;
	2239	padding: 5px .5em;
	2240	background: #ecf0f1;
	2241	border-radius: 3px;
[500]	2242	font-weight: bold;
[1747]	2243	border: 1px solid #bdc3c7;
	2244	color: #738182;
	2245	}
[1741]	2246	/* ---------------------------------------------------------------- utilisables partout */
	2247	.fieldset {
	2248	background: #fff;
	2249	border: 1px solid #bbb;
	2250	border-radius: 3px;
	2251	padding: 1em .7em .5em;
[1375]	2252	margin-bottom: 1em;
[1741]	2253	}
	2254	.fieldset h3 {
[1760]	2255	margin-top: 0;
[1741]	2256	}
[1749]	2257	.right, .txt-right {
[1741]	2258	text-align: right;
	2259	}
	2260	.txt-center {
	2261	text-align: center;
	2262	}
[1749]	2263	.txt-left {
	2264	text-align: left;
	2265	}
[1741]	2266	.no-margin, label.no-margin {
	2267	margin-top: 0;
	2268	margin-bottom: 0;
	2269	}
[1862]	2270	.vertical-separator {
[1741]	2271	margin-top: 2em;
	2272	}
[1862]	2273	p.clear.vertical-separator {
[1741]	2274	padding-top: 2em;
	2275	}
	2276	.border-top {
	2277	border-top: 1px solid #999;
	2278	padding-top: 1em;
	2279	margin-top: 1em;
	2280	}
	2281	.grid {
	2282	background: transparent repeat url('grid.png') 0 0;
	2283	}
	2284	ul.nice {
	2285	margin: 1em 0;
	2286	padding: 0 0 0 2em;
	2287	list-style: square;
	2288	}
	2289	ul.nice li {
	2290	margin:0;
	2291	padding: 0;
	2292	}
[1908]	2293	ul.from-left {
	2294	list-style-type: none;
	2295	padding-left: 0;
	2296	margin: 1 0;
	2297	}
	2298	ul.from-left > li {
	2299	margin-top: 1em;
	2300	margin-bottom: 1em;
	2301	}
	2302	ul.from-left ul {
	2303	list-style-type: square;
	2304	}
[1741]	2305	.offline {
[1760]	2306	color: #676e78;
[1741]	2307	}
[1599]	2308	/* caché pour tout le monde */
[1821]	2309	.hide, .button.hide {
[1599]	2310	display: none;
[1741]	2311	}
[1599]	2312	/* Caché sauf pour les revues d'écran */
[1789]	2313	.hidden, .with-js .out-of-screen-if-js {
[1842]	2314	position: absolute !important;
	2315	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	2316	clip: rect(1px, 1px, 1px, 1px);
	2317	padding: 0 !important;
	2318	border: 0 !important;
	2319	height: 1px !important;
	2320	width: 1px !important;
	2321	overflow: hidden;
	2322	}
[1599]	2323	/* caché si js est inactif */
	2324	.no-js .hidden-if-no-js {
[1842]	2325	display: none;
[1741]	2326	}
[1599]	2327	/* caché si js est actif */
[1842]	2328	.with-js .hidden-if-js {
	2329	display: none;
[1741]	2330	}
	2331	/* ------------------------------------------------------------------------------------
	2332	UTILS
	2333	------------------------------------------------------------------------------------ */
	2334	/* debug */
	2335	#debug {
	2336	position: absolute;
	2337	top: 0;
	2338	width: 100%;
	2339	height: 4px;
[2110]	2340	background: #ff6;
[1741]	2341	}
	2342	#debug div {
[500]	2343	display: none;
[1741]	2344	padding: 3px 0.5em 2px;
	2345	}
	2346	#debug p {
	2347	margin: 0.5em 0;
	2348	}
	2349	#debug:hover {
	2350	height: auto;
[2096]	2351	padding: 2px 1em;
	2352	z-index: 100;
[1741]	2353	}
	2354	#debug:hover div {
	2355	display: block;
	2356	}
[2224]	2357	.debug {
[2227]	2358	background: #ff6;
[2224]	2359	padding: 3px 0.5em 2px;
[2227]	2360	}
[2110]	2361	/* ---------------------------------------------- Couleurs ajoutées via javascript
[2101]	2362	/* color-picker.js */
	2363	.color-color-picker {
	2364	border: 1px solid #000;
	2365	width: 195px;
	2366	background: #fff;
[2110]	2367	}
[2101]	2368	/* _blog_theme.js */
	2369	.select-button {
	2370	font-weight: bold;
[2110]	2371	}
[2101]	2372	/* _media_item.js */
	2373	.color-div {
	2374	border: 1px solid #ccc;
[2110]	2375	}
	2376	/* fadings ('color' est utilisé comme variable, pas comme text color) */
	2377	.colorBeginPassword, .colorBeginValidatorErr, .colorBeginUserMail {
[2101]	2378	color: #fff;
[2110]	2379	}
	2380	.colorEndPassword, .colorEndError, .colorEndValidatorErr, .colorEndUserMail {
[2101]	2381	color: #ffbaba;
[2110]	2382	}
[2101]	2383	.colorBeginMessage {
	2384	color: #ccc;
[2110]	2385	}
	2386	.colorEndMessage, .colorBeginValidatorMsg {
[2101]	2387	color: #676e78;
[2110]	2388	}
[2101]	2389	.colorBeginError {
	2390	color: #ffdec8;
[2110]	2391	}
[2101]	2392	.colorBeginSuccess {
	2393	color: #9BCA1C;
[2110]	2394	}
[2101]	2395	.colorEndSuccess {
	2396	color: #bee74b;
[2110]	2397	}
	2398	.colorEndValidatorMsg {
[2101]	2399	color: #ffcc00;
[2142]	2400	}
[2152]	2401	/* ------------------------------------------------------------------------------------
	2402	UN POIL DE MEDIA QUERIES
	2403	------------------------------------------------------------------------------------ */
	2404	@media screen and (max-width: 1000px) {
	2405	#top-info-blog #switchblog {
	2406	max-width: 16em;
	2407	}
	2408	#top-info-blog a {
	2409	margin-left: 2em;
	2410	}
	2411	}
	2412	@media screen and (max-width: 960px) {
	2413	#header {
	2414	display: block;
	2415	width: 100%;
	2416	text-align: right;
	2417	background: #333;
	2418	}
	2419	#header h1, #header h1 a {
	2420	width: 120px;
	2421	padding: 0;
	2422	margin: 0;
	2423	}
	2424	h1, #top-info-blog {
	2425	display: inline-block;
	2426	vertical-align: top;
	2427	margin-right: 1em;
	2428	}
	2429	#top-info-user {
	2430	display: block;
	2431	width: 100%;
	2432	background: #676e78;
	2433	padding-right: 0;
	2434	}
	2435	#top-info-user li:last-child {
	2436	padding-right: 1em;
	2437	}
	2438	#top-info-user a.active {
	2439	padding: 2px 8px;
	2440	background: #999;
	2441	color: #FFF;
	2442	border-width: 0;
	2443	-webkit-border-radius: 6px;
	2444	border-radius: 6px;
	2445	}
	2446	.three-boxes, .three-boxes .box,
	2447	.two-cols .col70, .two-cols .col30 {
	2448	width: 100%;
	2449	margin-left: 0;
	2450	margin-right: 0;
	2451	}
	2452	}
	2453	@media screen and (max-width: 700px) {
	2454	#help-button {
	2455	height:26px;
	2456	width:26px;
	2457	background-color: #A2CBE9;
	2458	padding: 0;
	2459	margin: 0;
	2460	font-size: 10px; font-size: 1rem;
	2461	line-height: 68px;
	2462	overflow: hidden;
	2463	}
	2464	#content.with-help #help-button {
	2465	top: 77px;
	2466	}
	2467	.one-box, .two-boxes, .two-boxes.odd, .two-boxes.even, .box,
	2468	.two-cols .col {
	2469	width: 100%;
	2470	margin-left: 0;
	2471	margin-right: 0;
	2472	}
	2473	}
	2474	@media screen and (max-width: 600px) {
	2475	#header h1, #header h1 a {
	2476	width: 42px !important;
	2477	height: 42px;
	2478	}
	2479	h1 a:link {
	2480	background: transparent url(dc_logos/b-dotclear120.png) no-repeat -180px 6px;
	2481	border-right: 1px solid #ccc;
	2482	}
	2483	h1 a:hover, h1 a:focus {
	2484	background: url(dc_logos/b-dotclear120.png) no-repeat -180px -94px;
	2485	border-right: 1px solid #A2CBE9;
	2486	}
	2487	#wrapper, #main, #main-menu {
	2488	display: block;
	2489	float: none;
	2490	width: 100%;
	2491	margin: 0;
	2492	}
	2493	#main-menu a {
	2494	display: block;
	2495	width: 100%;
	2496	}
	2497	#main-menu h3 a {
	2498	display: inline;
	2499	}
	2500	#content, .hide-mm #content {
	2501	margin: 0;
	2502	padding: 0 .5em !important;
	2503	}
	2504	#collapser {
	2505	display: none;
	2506	}
	2507	#main #content > h2 {
	2508	margin: 0;
	2509	padding: 6px 30px 6px 0;
	2510	}
	2511	#dashboard-boxes .box.medium,
	2512	#dashboard-boxes .box.small,
	2513	#dashboard-boxes .box.large {
	2514	width: 100%;
	2515	margin: 10px auto;
	2516	}
	2517	}
	2518	@media screen and (max-width: 420px) {
	2519	h1, h1 a {
	2520	padding: 0;
	2521	border-right: #333 !important;
	2522	}
	2523	#top-info-blog label, .nomobile {
	2524	display: none;
	2525	}
	2526	#top-info-blog {
	2527	margin-bottom: .5em;
	2528	max-width: 75%;
	2529	}
	2530	#top-info-blog select {
	2531	margin-bottom: .5em;
	2532	}
	2533	#icons p {
	2534	width: 150px;
	2535	}
	2536	#content.with-help #help-button {
	2537	top: 101px;
	2538	}
	2539	}

Note: See TracBrowser for help on using the repository browser.

Dotclear

Context Navigation

source: admin/style/default.css @ 2240:2553775ae2fe

Download in other formats:

Sites map