Mes premières dents (les incisives) sur Django...
[progfou.git] / auf_zap / media / css / style.css
1 /* elements */
2 body { margin:0; padding:0; background:#fff; color:#454545; font:0.8em verdana, arial, helvetica, sans-serif; }
3
4 h2 { margin:0px; padding:0; background:inherit; color:#d15517; font:normal 190% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
5 h3, h4, h5 { margin:10px 0 0 10px; padding:0; background:inherit; color:#5f5f5f; font:normal 170% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
6
7 a:link, a:visited { background:inherit; color:#0643bb; text-decoration:underline; }
8 a:active { background:inherit; color:#990000; text-decoration:none; }
9 a:hover { background:inherit; color:#d15517; text-decoration:none; }
10
11 a img { border:none; }
12
13 form { margin:8px 17px 0 0; padding:0px; }
14 table { margin:10px; border-collapse:collapse; padding:5px; }
15 th { height:28px; border-top:2px solid #d0e8f8; padding:0 10px; background-color:#e7f1f8; font-size:16px; text-align:left; }
16 th.nombre { padding-right:0px; text-align:right; }
17
18 table.sortable .odd { background-color:#E9F4F7; }
19
20 /* id */
21 #loadingbox { display:none; position:absolute; width:100%; }
22 #loading { width:200px; margin:auto; background:#f5e86e; text-align:center; }
23
24 #wrapper { float:left; width:100%; margin:0 auto 0 auto; padding:0; }
25
26 #header { float:left; width:96%; padding:2%; background:#f8fbfd; color:#5f5f5f; }
27 #banner { float:left; width:80%; }
28 #banner img { float:left; padding-right:2%; }
29 #banner h1 { margin:0; padding:0; font:normal 220% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
30 #banner h1 a, h1 a:visited { background:inherit; color:#5f5f5f; text-decoration:none; }
31 #banner h1 a:hover { background:inherit; color:#d15517; text-decoration:none; }
32 #banner h2 { margin:0; padding:0; }
33
34 #menu { float:left; width:20%; text-align:right; font:bold 120% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
35 #menu ul { list-style-type:none; }
36 #menu li { list-style-type:none; }
37 #menu a { text-decoration:none; }
38
39 #topmenu { float:left; width:96%; margin:0; border-bottom:1px dotted #bbd8ec; border-top:1px dotted #bbd8ec;
40 padding:8px 2% 8px 2%; background:#e7f1f8 url(/media/images/menubck.png); color:#000; text-align:center;
41 }
42 #topmenu ul { margin:0 0 0 14px; padding:0; list-style-type:none; }
43 #topmenu li { display:inline; margin:0; padding:0; list-style-type:none; }
44 #topmenu a, #topmenu a:visited {
45 margin:0 0 0 -5px; border:1px dotted #bbd8ec; padding:8px 20px 8px 20px;
46 background:#e7f1f8 url(/media/images/menubck.png);
47 color:#5f5f5f; text-align:center; text-decoration:none; font:bold 130% "trebuchet ms", verdana, arial, helvetica, sans-serif;
48 }
49 #topmenu a:hover { background:#fff; color:#d15517; }
50 #topmenu a#last { border-right:1px dotted #bbd8ec; }
51
52 #menuregion { width:100%; text-align:center; vertical-align:middle; }
53 #menuregion span { margin-right:10px; }
54 #menuregion input { position:relative; top:2px; }
55
56 #main { float:left; width:96%; padding:2%; }
57 #main p { margin:0; padding:4px 10px 0 17px; line-height:1.4em; }
58 #main .gauche { float:left; width:46%; }
59 #main .droite { float:left; width:46%; }
60 #main .clear { clear:both; }
61
62 #footer {
63 clear:both; float:left; width:100%; margin:20px 0 0 0; border-top: 1px dotted #bbd8ec; border-bottom: 1px dotted #bbd8ec; padding: 10px 0 6px 0;
64 background: #e7f1f8 url(/media/images/menubck.png); color:#404040; text-align:center;
65 }
66 #footer p { margin:0; padding:0 0 3px 0; font:normal 100% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
67
68 #username, #password { margin:5px; border:1px solid #CCC; padding:2px; background:#FAFAFA; font-weight:bold; }
69
70 #recherche { margin:auto; margin:5px; text-align:center; }
71 #recherche input { margin:5px; border:1px solid #CCC; padding-left:25px; background:#FAFAFA url(/media/images/zoom.png) no-repeat; background-position:3px 3px; font-size:16px; font-weight:bold; text-align:left; }
72
73 #brdcrmb { float:left; width:98%; margin:20px 0 50px 16px; padding:0; background:inherit; color:#4d4d4d; font:normal 100% verdana, arial, helvetica, sans-serif; }
74 #brdcrmb a, #brdcrmb a:visited { background:inherit; color:#0643bb; text-decoration:underline; }
75 #brdcrmb a:hover, .bxtitle a:hover { background:inherit; color:#d15517; text-decoration:none; }
76
77 /* class */
78 .img { float:left; margin:4px 6px 3px 4px; padding:2px; }
79 .subtitle { margin:12px 0 0 17px; padding:0; background:inherit; color:#5f5f5f; font:normal 1.4em verdana, arial, helvetica, sans-serif; }
80 .red { background: inherit; color: #d15517; }
81 .search { margin:0; border:1px dotted #e1e1e1; padding:2px; background:#fcfcfc; color:#7d7d7d; }
82 .button { cursor:pointer; border:solid 1px #e1e1e1; background: #e7f1f8 url(/media/images/srcbck.png); color: #5f5f5f; font:bold 120% "trebuchet ms",verdana, arial, helvetica, sans-serif; }
83
84 .pagebox { float:left; width:100%; margin:30px 0 0 0; padding:8px 0 8px 0; background:inherit; color:#fff; text-align:right; }
85 .pagebox a, .buttonbox a { margin:0 2px 0 0; border:1px dotted #bbd8ec; padding:4px 8px 4px 8px; background: #e7f1f8 url(images/srcbck.png); color:#5f5f5f;
86 font:bold 120% "trebuchet ms", verdana, arial, helvetica, sans-serif; text-decoration:none;
87 }
88 .pagebox a:hover, .buttonbox a:hover { background: #fff; color:#d15517; text-decoration:none; }
89
90 .menubox { float:left; width:100%; margin: 30px 0 40px 0; padding:6px 0 6px 0; }
91 .menu1 { display:inline; float:left; width:31%; margin-left:1.7%; padding:2px 0 6px 0; background:#e7f1f8 url(/media/images/mnubck.png); color: #454545; }
92 .menu2, .menu3 { float:left; width:31%; margin-left:1.6%; padding:2px 0 6px 0; background:#e7f1f8 url(/media/images/mnubck.png); color: #454545; }
93 .menu1 p, .menu2 p, .menu3 p { margin:0; padding:0 6px 0 6px; font:normal 90% verdana, arial, helvetica, sans-serif; }
94
95 .bxtitle { margin:0 0 0 6px; padding: 2px 0 0 0; background:inherit; color:#454545; font:normal 140% "trebuchet ms", verdana, arial, helvetica, sans-serif; }
96 .liste td { padding:5px; border-top:1px solid #d0e8f8; }
97 .pair td { background-color:#e7f1f8 }
98
99 .groupWrapper { float:left; width:100%; min-height:400px; margin:auto; }
100 .groupWrapper p { height:1px; margin:0; padding:0; overflow:hidden; }
101 .groupItem { margin-bottom:20px; }
102 .groupItem .itemHeader { cursor:move; position:relative; height:28px; border-top:2px solid #d0e8f8; padding:0 10px; background-color:#e7f1f8;
103 color:#000; font-weight:bold; font-size:16px; line-height:28px;
104 }
105 .groupItem .itemHeader a { position:absolute; top:0px; right:10px; font-weight:normal; font-size:11px; text-decoration:none; }
106
107 .sortHelper { width:auto !important; border:3px dashed #666; }
108 .itemContent { padding:10px; }
109
110 .verticaltext{ -moz-transform: rotate(90deg); }
111
112 .participants li {height: 50px; list-style-type:none;}
113 .participants li>img {float:left; margin-right:8px; border:1px solid #999}
114
115 .iconeSQI { width:16px; padding:0px 2px; }
116 .commentSQI { width:100%; margin-right:5px; text-align:right; font-size:8px; }
117 .descriptionSQI { width:45%; padding:10px; }