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=e144d5b51e25be6114f0409be0a170a8be5cc244;hpb=37006f4b48170e3d2ee7ac4d1e7dd47df57734e9;p=mtweb diff --git a/mw/app/out/default/css/style.css b/mw/app/out/default/css/style.css index e144d5b..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,23 +36,47 @@ 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 #d9d9d9; - padding: 10px 0; + 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; - border: solid 1px #e9e9e9; - background-color: #ffffff; - margin-top: 0.4em; } #menu_top ul:after{ @@ -65,46 +89,68 @@ body{ list-style-type: none; float: left; position: relative; - border-left: solid 1px #e9e9e9; -} - -#menu_top ul li:first-child{ - border-left: none; + 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 #d5d5d5; + background-color: #ffffff; + border-radius: 2px; +} +#menu_top ul li a:hover{ + color: #000066; + background-color: #f5f5f5; } -#menu_top ul li ul{ +#menu_top ul li .menu{ + padding: 11px 0 0 0; position: absolute; top: 100%; left: 0; display: none; - margin-top: 0; + background-image: url(../images/sub_menu.png); + background-position: 1em 6px; + background-repeat: no-repeat; +} + +#menu_top ul li ul{ + border: solid 1px #e9e9e9; + border-radius: 2px; + background-color: #ffffff; } #menu_top ul li ul li{ float: none; - border-left: none; - border-bottom: solid 1px #e9e9e9; + padding: 0; } -#menu_top ul li ul li:last-child{ - border-bottom: none; +#menu_top ul li ul li a{ + border: none; } -#menu_top ul li ul li ul{ +#menu_top ul li ul li .menu{ + padding: 0 0 0 6px; top: 0; left: 100%; + background-image: url(../images/sub_sub_menu.png); + background-position: 1px 0.8em; + 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{ @@ -117,7 +163,7 @@ a img{ } a:hover{ - color: #c0c0c0; + color: #777777; } h1{ @@ -125,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{ @@ -145,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, +nav.sous_pages{ + margin-bottom: 1em; +} -#colonne ul.menu{ +#colonne .menu ul, +nav.sous_pages ul{ list-style-type: none; margin: 5px 20px 5px 10px; padding: 0; } -#colonne ul.menu ul{ +#colonne .menu ul ul, +nav.sous_pages ul ul{ list-style-type: none; margin: 0 0 0 20px; padding: 0; } -#colonne ul.menu 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 ul.menu 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 ul.menu 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 */ @@ -191,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{ @@ -226,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;; } @@ -245,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{ @@ -273,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; } @@ -288,7 +359,6 @@ ul.filters{ margin: 10px 0 20px 0; text-align: right; padding-bottom: 10px; - border-bottom: dashed 1px #e5e5e5; } ul.filters li{ @@ -306,7 +376,7 @@ table.admin{ } table.admin tr.hl:hover{ - background-color: #f9f9f9; + background-color: #f5f5f5; } table.admin tr th{ @@ -325,6 +395,32 @@ table.admin td.action{ width: 50px; } +ul.actions li{ + margin-left: 15px; +} + +ul.actions li.public{ + background-color: #f5fff2; +} + +form ul.actions li{ + padding: 0; +} + +form ul.actions li label{ + display: inline; + float: none; + width: auto; + text-align: left; + padding-right: 0px; +} + +.navig{ + text-align: right; + border: solid 1px #d5d5d5; + margin: 10px 0; + padding: 3px; +} /* --------------------------------------------- MESSAGES */ @@ -340,17 +436,28 @@ table.admin td.action{ 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; } +.debug{ + text-align: left; + margin: 10px; + padding: 10px; + border: solid 1px #e5e5e5; + box-shadow: 0 0 5px #e5e5e5; + background-color: #f5f5f5; +} + /* --------------------------------------------- FOOTER */ -#main_footer .content{ - border-top: solid 1px #d9d9d9; - padding-bottom: 20px; +#main_footer{ + border-top: solid 1px #d5d5d5; + padding-bottom: 60px; } #main_footer .content ul{ @@ -365,8 +472,8 @@ table.admin td.action{ #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; }