X-Git-Url: http://git.dj3c1t.com/?a=blobdiff_plain;f=mw%2Fapp%2Fout%2Fdefault%2Fcss%2Fstyle.css;h=833e8dd619e63bce4fe15ea98999e4acf02fa0d3;hb=HEAD;hp=a3a5e21e4a0ed2d58f98670659ee082319b12340;hpb=49c57f2e4950e8fbce1ff8f1c2b791e3df0d61b1;p=mtweb diff --git a/mw/app/out/default/css/style.css b/mw/app/out/default/css/style.css index a3a5e21..833e8dd 100644 --- a/mw/app/out/default/css/style.css +++ b/mw/app/out/default/css/style.css @@ -20,14 +20,14 @@ body{ #colonne{ float: left; - width: 220px; - padding: 10px; + width: 230px; + padding: 0 10px 10px 0px; } #center{ float: left; width: 540px; - padding: 10px; + padding: 0 10px 10px 10px; } #center.no_colonne{ @@ -43,20 +43,35 @@ body{ font-size: 0; } +#main{ + background-color: #ffffff; + padding: 1em 0; +} + /* --------------------------------------------- HEADER */ +#main_header{ + border-bottom: solid 1px #f1f1f1; +} + #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 ul{ +#menu_top{ float: right; - padding-bottom: 0; +} + +#menu_top ul{ } #menu_top ul:after{ @@ -69,31 +84,30 @@ 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{ - padding: 11px 0 0 0; + padding: 5px 0 0 0; position: absolute; top: 100%; left: 0; display: none; background-image: url(../images/sub_menu.png); - background-position: 1em 6px; + background-position: 1em 0px; background-repeat: no-repeat; } @@ -114,18 +128,57 @@ body{ #menu_top ul li ul li .menu{ padding: 0 0 0 6px; - top: 0; + top: -1px; left: 100%; background-image: url(../images/sub_sub_menu.png); background-position: 1px 0.8em; background-repeat: no-repeat; } +#main_header ul.menu_user{ + position: absolute; + top: 1em; + right: 0.3em; + padding: 0; + margin-bottom: 5px; +} +#main_header ul.menu_user li{ + position: relative; +} +#main_header ul.menu_user li .welcome, +#main_header ul.menu_user li a{ + display: block; + padding: 0.4em 1em; + background-color: #ffffff; +} +#main_header ul.menu_user li .welcome{ + padding: 0.4em 1em; +} +#main_header ul.menu_user li .welcome:hover, +#main_header ul.menu_user li a:hover{ + background-color: #f5f5f5; +} +#main_header ul.menu_user li a:hover{ + color: #000066; +} +#main_header ul.menu_user ul{ + position: absolute; + top: 100%; + right: -1px; + border: solid 1px #d5d5d5; + background-color: #ffffff; + box-shadow: 4px 4px 10px #d5d5d5; + display: none; +} +#main_header ul.menu_user ul li a{ + padding: 0.3em 7em 0.3em 3em; +} + /* --------------------------------------------- CONTENUS */ body{ color: #333333; - font: normal 12px Verdana, Helvetica, Arial, sans-serif; + font: normal 0.9em Verdana, Helvetica, Arial, sans-serif; } a{ @@ -138,7 +191,7 @@ a img{ } a:hover{ - color: #c0c0c0; + color: #777777; } h1{ @@ -146,11 +199,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{ @@ -166,7 +222,7 @@ h6{ } h1, h2, h3, h4, h5, h6, p, ul{ - padding: 0 0 0.5em 0; + margin: 0 0 0.5em 0; } strong{ @@ -183,7 +239,7 @@ nav.sous_pages{ #colonne .menu ul, nav.sous_pages ul{ list-style-type: none; - margin: 5px 20px 5px 10px; + margin: 5px 20px 5px 0px; padding: 0; } @@ -198,7 +254,7 @@ nav.sous_pages ul ul{ 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, @@ -206,13 +262,13 @@ 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, nav.sous_pages ul li a:hover{ color: #000066; - background-color: #f1f1f1; + background-color: #e9e9e9; } /* --------------------------------------------- FORMULAIRES */ @@ -222,10 +278,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{ @@ -257,14 +313,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;; } @@ -276,26 +340,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{ @@ -304,14 +369,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; } @@ -319,7 +387,6 @@ ul.filters{ margin: 10px 0 20px 0; text-align: right; padding-bottom: 10px; - border-bottom: dashed 1px #e5e5e5; } ul.filters li{ @@ -337,7 +404,7 @@ table.admin{ } table.admin tr.hl:hover{ - background-color: #f9f9f9; + background-color: #f5f5f5; } table.admin tr th{ @@ -397,8 +464,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; } @@ -414,9 +483,9 @@ form ul.actions li label{ /* --------------------------------------------- FOOTER */ -#main_footer .content{ - border-top: solid 1px #e9e9e9; - padding-bottom: 20px; +#main_footer{ + border-top: solid 1px #f1f1f1; + padding-bottom: 60px; } #main_footer .content ul{ @@ -431,8 +500,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; }