Utiliser les défauts de Django pour le logout.
[auf_savoirs_en_partage_django.git] / auf_savoirs_en_partage / media / css / global.css
CommitLineData
588d6b93 1/*
2Feuille de styles - GLOBAL
3Par Erick chez http://www.ixmedia.com
4Date de creation: 2009-05-11
5Modification: 2009-05-14 [Erick]
6*/
7
8/* COULEURS
9
d15017b2
CR
10TXT -----------> #3a3125 et #000
11LINK ----------> #97012c
588d6b93 12LIGNES grises -> #e0e0e0 et #d5d5d5
13*/
14
cf4091c8
EMS
15/* Mise en page */
16
17body { padding: 0; margin: 0; font-size: 9pt; font-family: Verdana, Arial, sans-serif;
18 color: #3a3125; background: #fff url(../img/background-body.jpg) repeat-y 50% 0; }
19#fond { padding: 0; margin: 0; position: relative;
20 background: url(../img/background-fond.jpg) no-repeat 50% 0; text-align: left; }
21#enrobage { padding: 30px 0; margin: 0 auto; position: relative; width: 940px; }
22
23/* Navigation */
24
25#nav-gauche, #nav-droite { color: #fff; height: 25px; line-height: 25px; font-size: 80%; padding-left: 5px;
26 background: #4c4030 url(../img/sous-menu-top-coin-gauche.gif) no-repeat top left; }
27#nav-gauche div, #nav-droite div { background: #4c4030 url(../img/sous-menu-top-coin-droit.gif) top right no-repeat;
28 padding-right: 5px; }
29#nav-gauche a, #nav-droite a { padding: 0 5px; color: #fff; font-weight: bold; }
30#nav-gauche { position: absolute; top: 2px; left: 0; }
31#nav-droite { position: absolute; top: 2px; right: 0; }
32
33/* Entête */
34
35#logo { position: absolute; top: 70px; left: 0; }
36#entete { margin-left: 220px; color: #97012c;
37 font-family: Myriad Pro, Lucida Grande, sans-serif; font-size: 135%; }
38#entete h1 { color: #3a3125; font-weight: normal; font-size: 185%; letter-spacing: -1px;
39 margin-bottom: 0.25em; }
40#entete h1 em { color: #db602f; font-size: 55%; font-style: normal; letter-spacing: normal; }
41#entete form { position: relative; width: 390px; height: 78px;
42 background: url(../img/recherche-background.gif) no-repeat top left; }
43#entete label { display: block; color: #3a3125; letter-spacing: -1px; font-size: 115%; }
44#entete label em { font-size: 60%; font-style: normal; font-weight: normal; letter-spacing: normal; }
45#entete input { position: absolute; top: 31px; left: 5px; width: 300px; height: 16px; background: none; border: none; }
46#entete button { position: absolute; top: 17px; left: 329px; width: 45px; height: 45px;
47 background: url(../img/recherche-button.gif) no-repeat top left;
48 border: none; cursor: pointer; }
49#entete button:hover { background: url(../img/recherche-button-over.gif) no-repeat top left; }
89d7cab5 50
cf4091c8
EMS
51/* Contenu */
52
53#boite-principale { width: 744px; background: url(../img/contenu-bkg-middle.png) repeat-y 0 0;
54 position: relative; margin-top: 30px; min-height: 500px; }
55#boite-principale .top-border { position: absolute; top: -10px; }
56#boite-principale .bottom-border { position: absolute; bottom: -10px; }
57
58#flash-message { margin: 10px 20px; background: #f3e3e7; color: #b03d5e; padding: 1em; font-size: 120%;
59 border: 1px solid #b03d5e; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
60#contenu { position: relative; padding: 5px 20px; }
d15017b2
CR
61#contenu img.top, .resultats img.top { height:10px; position:relative; top:-10px; left:0;}
62#contenu img.bottom, .resultats img.bottom{ height:10px; position:relative; bottom:-10px; left:0;}
d15017b2 63
cf4091c8 64/* Régions/Disciplines */
6b63c05b 65
cf4091c8
EMS
66#regions_disciplines { position: absolute; top: 30px; right: 0; width: 190px;
67 background: url(../img/col-droite-background-bottom.png) no-repeat bottom left;
68 font-size: 90%; padding-bottom: 8px; }
69#regions_disciplines div { background: url(../img/col-droite-background.png) repeat-x top left;
70 padding: 10px; }
71#regions_disciplines h1 { font-weight: normal; font-size: 180%; letter-spacing: -1px; }
72#regions_disciplines ul { margin: 0; padding: 0; list-style: none; }
73#regions_disciplines li { margin: 0; padding: 0; }
74#regions_disciplines a { display: block; margin-left: 5px; padding: 1px 5px; text-decoration: none; color: black; }
75#regions_disciplines li.active a,
76#regions_disciplines a:hover { background: #d5d5d5; margin-left: 0; border-left: 5px solid #666; }
588d6b93 77
cf4091c8 78/* Liens */
588d6b93 79
cf4091c8
EMS
80a { text-decoration: none; color: #97012c; }
81a:hover { text-decoration: underline; }
82a img { border: none; }
588d6b93 83
cf4091c8 84/* Titres */
5ecd5424 85
cf4091c8
EMS
86h1 { font-weight: normal; font-size: 180%; letter-spacing: -1px; }
87h2 { font-weight: normal; font-size: 150%; letter-spacing: -1px; border-bottom: 2px solid #3a3125; clear: right; }
88h3 { font-size: 120%; letter-spacing: -1px; }
89h1 a, h2 a, h3 a { color: #3a3125; }
90.sous-titre { margin: -1em 0 1.5em 0; }
13146d99 91
cf4091c8 92/* Formulaires */
00755d9b 93
cf4091c8
EMS
94form { margin: 1em 0; }
95form td, form th { vertical-align: top }
96form th { width: 20em; text-align: left; font-weight: normal; }
97input[type=text] { width: 20em }
98input.date, form input.time { width: 8em; }
99select { width: 80%; overflow: hidden }
100fieldset { padding: 10px; margin: 0; position: relative;
101 border-top: 1px solid black; border-bottom: none;
102 border-left: none; border-right: none; }
103fieldset fieldset { border: 1px solid #ccc; background: #fafafa; margin: 10px; padding: 15px; }
104legend { font-weight: bold; color: #000000; margin: 0; padding:0 0.5em; }
14fd1c3f 105legend em { font-weight: normal; font-style: normal; }
cf4091c8 106form .help { font-size: 90%; margin: 0; }
0874e7d1 107form ul.errorlist { color:red; margin:0; padding: 0; }
cf4091c8 108form ul.errorlist li { list-style:none; }
2ce740ad 109
cf4091c8
EMS
110.horizontal-radio-buttons ul { margin-left:0 }
111.horizontal-radio-buttons li { display:inline }
00755d9b 112
cf4091c8
EMS
113.delete-row { font-size: 90%; position:absolute; top:5px; right:5px }
114.add-row { font-size: 90%; float:right; margin-right:16px }
3eb41a6d 115.edit-publication { font-size: 90%; position: absolute; bottom: 5px; right: 5px; cursor: pointer; }
2ce740ad 116
518d0b44
EMS
117.form-errors { margin: 10px 0px; background: #f3e3e7; color: #b03d5e; padding: 1em; font-size: 120%;
118 border: 1px solid #b03d5e; }
cf4091c8 119/* Tables */
6befc7c9 120
cf4091c8
EMS
121table { width: 100%; }
122td, th { vertical-align: middle; padding: 5px }
123td ul, td ol { padding: 0; margin: 0; list-style: none; }
124tr.odd { background:#ddd; }
0e9597af 125
f98ad449 126
cf4091c8 127/* Styles inline */
f98ad449 128
2b564f72 129.label { font-weight: bold; width: 150px; }
f98ad449 130
cf4091c8 131/* Page d'accueil */
a7b16ec9 132
cf4091c8
EMS
133.demi-gauche { width: 345px; background-color: #f5f5f5; float: left; }
134.demi-droite { width: 345px; float: right; }
ee8b3a49 135
cf4091c8
EMS
136.box { position: relative; padding: 10px; font-size: 90%; }
137.box h1 { margin: 0 0 3px 0; }
8baa2a56 138
cf4091c8
EMS
139ul.actions-accueil { margin: 0; padding: 0 0 1em 0; list-style: none; font-size: 90%; }
140ul.actions-accueil li { display: inline; padding-right: 10px; }
8baa2a56 141
cf4091c8
EMS
142ul.liste-de-l-accueil { padding: 0; margin: 1em 0; list-style: none; }
143ul.liste-de-l-accueil li { padding: 1em 0; border-top: 2px solid #d5d5d5;}
144ul.liste-de-l-accueil img { float:left; margin:0 1em 5px 0; max-width:75px;}
145ul.liste-de-l-accueil .titre { font-weight:bold; margin: 0.25em 0; }
8baa2a56 146
cf4091c8 147#rss-agenda, #rss-actualites { position: absolute; top: 15px; right: 20px; }
8baa2a56 148
cf4091c8 149/* Actions */
8baa2a56 150
cf4091c8 151ul.actions { font-size: 90%; float: right; text-align: right; list-style: none;
3ca82ead 152 background: #f4f4f4; border: 1px solid #e4e4e4;
cf4091c8 153 padding: 10px 10px 10px 10px;
3ca82ead 154 -moz-border-radius: 5px; -webkit-border-radius: 5px; }
8baa2a56 155
cf4091c8 156/* Pages de recherche */
8baa2a56 157
cf4091c8
EMS
158.pagination { text-align: center; margin: 1em 0; }
159.resultatRecherche { padding: 0 25px 1.5em; }
160.details { font-size: 90%; margin-top: 6px; }
8baa2a56 161
cf4091c8 162/* Clearfix */
8baa2a56 163
cf4091c8
EMS
164.clearfix {display:inline-block; }
165.clearfix:after, .container:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
166* html .clearfix { height:1%; }
167.clearfix { display:block; }
eba7e472 168
cf4091c8
EMS
169.cadre { width: 60%; margin: 100px auto; padding: 20px; background: #f9f9f9; border: 1px solid #aaa }
170.souligne { border-bottom: 1px solid #DDD; }
eba7e472 171