default.css @ 2264:42b438e34066

Visit:

Revision 2264:42b438e34066, 52.1 KB checked in by franck <carnet.franck.paul@…>, 12 years ago (diff)
La classe .hide n'a dans certains cas pas assez de poids pour s'appliquer sur le masquage/démasquage Js. Fixes #1752

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

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

Dotclear

Context Navigation

source: admin/style/default.css @ 2264:42b438e34066

Download in other formats:

Sites map