quelques modifications sur le template default
[mtweb] / mw / app / out / default / css / style.css
index a3a5e21..8d87b8b 100644 (file)
@@ -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{
@@ -43,19 +43,39 @@ body{
   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;
 }
 
@@ -69,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{
@@ -121,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{
@@ -138,7 +163,7 @@ a img{
 }
 
 a:hover{
-  color: #c0c0c0;
+  color: #777777;
 }
 
 h1{
@@ -146,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{
@@ -166,7 +194,7 @@ h6{
 }
 
 h1, h2, h3, h4, h5, h6, p, ul{
-  padding: 0 0 0.5em 0;
+  margin: 0 0 0.5em 0;
 }
 
 strong{
@@ -198,7 +226,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 +234,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 +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{
@@ -257,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;;
 }
 
@@ -276,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{
@@ -304,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;
 }
 
@@ -319,7 +359,6 @@ ul.filters{
   margin: 10px 0 20px 0;
   text-align: right;
   padding-bottom: 10px;
-  border-bottom: dashed 1px #e5e5e5;
 }
 
 ul.filters li{
@@ -337,7 +376,7 @@ table.admin{
 }
 
 table.admin tr.hl:hover{
-  background-color: #f9f9f9;
+  background-color: #f5f5f5;
 }
 
 table.admin tr th{
@@ -397,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;
 }
@@ -414,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{
@@ -431,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;
 }