X-Git-Url: http://git.dj3c1t.com/?a=blobdiff_plain;f=mw%2Fapp%2Fout%2Fdefault%2Fcss%2Fstyle.css;h=8d87b8b7dd1c36cb067f472740a65ec4519927ba;hb=refs%2Ftags%2Fmtweb.0.9.6;hp=d765232adc2f94c3ed29615cee71aa2251c96531;hpb=568c721d53fb84b5e9b3facb2addccaf6deb35f9;p=mtweb diff --git a/mw/app/out/default/css/style.css b/mw/app/out/default/css/style.css index d765232..8d87b8b 100644 --- a/mw/app/out/default/css/style.css +++ b/mw/app/out/default/css/style.css @@ -21,13 +21,13 @@ body{ #colonne{ float: left; width: 220px; - padding: 10px; + padding: 0 10px 10px 10px; } #center{ float: left; width: 540px; - padding: 10px; + padding: 0 10px 10px 10px; } #center.no_colonne{ @@ -36,19 +36,46 @@ body{ padding: 10px; } +.clear{ + clear: both; + height: 0; + line-height: 0; + font-size: 0; +} + +#main{ + background-color: #ffffff; + padding: 1em 0; +} + /* --------------------------------------------- HEADER */ +#main_header{ + border-bottom: solid 1px #d5d5d5; +} + #main_header .content{ - border-bottom: solid 1px #e9e9e9; padding: 10px 0 3px 0; + min-height: 11em; + position: relative; } #main_header .content h1{ - padding-bottom: 0; +} +#main_header .content h1 a{ +} +#main_header .content h1 span{ +} + +#menu_top{ + position: absolute; + bottom: 5px; + right: 30px; } #menu_top ul{ float: right; + margin-top: 179px; padding-bottom: 0; } @@ -62,21 +89,20 @@ body{ list-style-type: none; float: left; position: relative; - padding: 2px 5px 0 0; + padding: 2px 1em 0 0; } #menu_top ul li a{ display: block; - padding: 5px 10px 5px 10px; + padding: 0.4em 1em; white-space : nowrap; - border: solid 1px #e9e9e9; + border: solid 1px #d5d5d5; background-color: #ffffff; border-radius: 2px; } - #menu_top ul li a:hover{ color: #000066; - background-color: #f7f7f7; + background-color: #f5f5f5; } #menu_top ul li .menu{ @@ -114,11 +140,17 @@ body{ background-repeat: no-repeat; } +#main_header .menu_user{ + position: absolute; + top: 4em; + left: 30px; +} + /* --------------------------------------------- CONTENUS */ body{ color: #333333; - font: normal 12px Verdana, Helvetica, Arial, sans-serif; + font: normal 0.9em Verdana, Helvetica, Arial, sans-serif; } a{ @@ -131,7 +163,7 @@ a img{ } a:hover{ - color: #c0c0c0; + color: #777777; } h1{ @@ -139,11 +171,14 @@ h1{ } h2{ - font-size: 1.8em; + font-size: 1.4em; + padding-top: 1em; + border-bottom: solid 1px #d5d5d5; } h3{ - font-size: 1.6em; + font-size: 1.4em; + margin-top: 1em; } h4{ @@ -159,43 +194,53 @@ h6{ } h1, h2, h3, h4, h5, h6, p, ul{ - padding: 0 0 0.5em 0; + margin: 0 0 0.5em 0; } strong{ font-weight: bold; } -/* ------------------------------------------------- MENU COLONNE */ +/* ------------------------------------------------- MENU COLONNE ET NAV */ -#colonne .menu ul{ +#colonne .menu, +nav.sous_pages{ + margin-bottom: 1em; +} + +#colonne .menu ul, +nav.sous_pages ul{ list-style-type: none; margin: 5px 20px 5px 10px; padding: 0; } -#colonne .menu ul ul{ +#colonne .menu ul ul, +nav.sous_pages ul ul{ list-style-type: none; margin: 0 0 0 20px; padding: 0; } -#colonne .menu ul li{ +#colonne .menu ul li, +nav.sous_pages ul li{ margin: 1px 0; padding: 0; - border-bottom: solid 1px #e5e5e5; + border-bottom: solid 1px #d5d5d5; } -#colonne .menu ul li a{ +#colonne .menu ul li a, +nav.sous_pages ul li a{ display: block; line-height: 2em; padding: 0 1em; - background-color: #f5f5f5; + background-color: #f1f1f1; } -#colonne .menu ul li a:hover{ +#colonne .menu ul li a:hover, +nav.sous_pages ul li a:hover{ color: #000066; - background-color: #f1f1f1; + background-color: #e9e9e9; } /* --------------------------------------------- FORMULAIRES */ @@ -205,10 +250,10 @@ fieldset{ } fieldset legend{ - font-size: 1.4em; + font-size: 1.2em; display: block; width: 100%; - border-bottom: solid 1px #f3f3f3; + border-bottom: solid 1px #d5d5d5; } form ul li{ @@ -240,14 +285,22 @@ form ul li .form_input span.info{ color: #666666; } -textarea, input[type=text], input[type=password]{ +textarea, input[type=text], input[type=password], input[type=file]{ border: solid 1px #c0c0c0; padding: 3px; + background-color: #ffffff; + color: #333333; +} + +textarea.tinymce{ + width: 100%; + height: 300px; } select{ border: solid 1px #c0c0c0; background-color: #ffffff; + color: #333333; padding: 3px 10px;; } @@ -259,26 +312,27 @@ form ul li .form_single_button{ text-align: left; padding-left: 150px; } - -form ul li .form_buttons input[type=submit], -form ul li .form_single_button input[type=submit]{ +input[type=submit]{ + background-color: #e9e9e9; + cursor: pointer; border: solid 1px #c0c0c0; - background-color: #ffffff; - padding: 3px 10px; } -form ul li .form_buttons input[type=submit]:hover{ - cursor: pointer; +input[type=submit]:hover{ background-color: #f5f5f5; } +form ul li .form_buttons input[type=submit], +form ul li .form_single_button input[type=submit]{ + padding: 3px 10px; +} + /* --------------------------------------------- ADMIN */ ul.buttons{ margin: 10px 0 20px 0; text-align: right; padding-bottom: 10px; - border-bottom: dashed 1px #e5e5e5; } ul.buttons li{ @@ -287,14 +341,17 @@ ul.buttons li{ ul.buttons li a{ padding: 3px 7px 3px 7px; - border: solid 1px #d1d1d1; + border: solid 1px #d5d5d5; +} +ul.buttons li a:hover{ + color: #000066; + background-color: #f5f5f5; } ul.buttons li a.add{ background-image: url("../icons/add.gif"); background-repeat: no-repeat; - background-position: 3px 6px; - border: solid 1px #d1d1d1; + background-position: 3px 8px; padding: 3px 7px 3px 18px; } @@ -302,7 +359,6 @@ ul.filters{ margin: 10px 0 20px 0; text-align: right; padding-bottom: 10px; - border-bottom: dashed 1px #e5e5e5; } ul.filters li{ @@ -320,7 +376,7 @@ table.admin{ } table.admin tr.hl:hover{ - background-color: #f9f9f9; + background-color: #f5f5f5; } table.admin tr th{ @@ -380,8 +436,10 @@ form ul.actions li label{ border: solid 1px #c0c0c0; } +.redirect_message{ + padding: 50px 100px 50px 100px; +} .redirect_message div{ - margin: 50px 100px 50px 100px; padding: 20px; border: solid 1px #c0c0c0; } @@ -397,9 +455,9 @@ form ul.actions li label{ /* --------------------------------------------- FOOTER */ -#main_footer .content{ - border-top: solid 1px #e9e9e9; - padding-bottom: 20px; +#main_footer{ + border-top: solid 1px #d5d5d5; + padding-bottom: 60px; } #main_footer .content ul{ @@ -414,8 +472,8 @@ form ul.actions li label{ #main_footer .content ul li{ float: left; - padding: 0 5px; - border-left: solid 1px #c0c0c0; + padding: 0 1em; + border-left: solid 1px #666666; margin-top: 5px; }