projects
/
mtweb
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
quelques modifications sur le template default
[mtweb]
/
mw
/
app
/
out
/
default
/
css
/
style.css
diff --git
a/mw/app/out/default/css/style.css
b/mw/app/out/default/css/style.css
index
fdbdaab
..
8d87b8b
100644
(file)
--- 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;
#colonne{
float: left;
width: 220px;
- padding: 10px;
+ padding:
0 10px 10px
10px;
}
#center{
float: left;
width: 540px;
}
#center{
float: left;
width: 540px;
- padding: 10px;
+ padding:
0 10px 10px
10px;
}
#center.no_colonne{
}
#center.no_colonne{
@@
-36,19
+36,46
@@
body{
padding: 10px;
}
padding: 10px;
}
+.clear{
+ clear: both;
+ height: 0;
+ line-height: 0;
+ font-size: 0;
+}
+
+#main{
+ background-color: #ffffff;
+ padding: 1em 0;
+}
+
/* --------------------------------------------- HEADER */
/* --------------------------------------------- HEADER */
+#main_header{
+ border-bottom: solid 1px #d5d5d5;
+}
+
#main_header .content{
#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{
}
#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;
}
#menu_top ul{
float: right;
+ margin-top: 179px;
padding-bottom: 0;
}
padding-bottom: 0;
}
@@
-62,44
+89,68
@@
body{
list-style-type: none;
float: left;
position: relative;
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;
}
#menu_top ul li a{
display: block;
- padding:
5px 10px 5px 10px
;
+ padding:
0.4em 1em
;
white-space : nowrap;
white-space : nowrap;
- border: solid 1px #
e9e9e9
;
+ border: solid 1px #
d5d5d5
;
background-color: #ffffff;
border-radius: 2px;
}
background-color: #ffffff;
border-radius: 2px;
}
-
#menu_top ul li a:hover{
color: #000066;
#menu_top ul li a:hover{
color: #000066;
- background-color: #f
1f1f1
;
+ background-color: #f
5f5f5
;
}
}
-#menu_top ul li ul{
+#menu_top ul li .menu{
+ padding: 11px 0 0 0;
position: absolute;
top: 100%;
left: 0;
display: none;
position: absolute;
top: 100%;
left: 0;
display: none;
+ 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;
}
#menu_top ul li ul li{
float: none;
+ padding: 0;
+}
+
+#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%;
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;
}
/* --------------------------------------------- CONTENUS */
body{
color: #333333;
- font: normal
12px
Verdana, Helvetica, Arial, sans-serif;
+ font: normal
0.9em
Verdana, Helvetica, Arial, sans-serif;
}
a{
}
a{
@@
-112,7
+163,7
@@
a img{
}
a:hover{
}
a:hover{
- color: #
c0c0c0
;
+ color: #
777777
;
}
h1{
}
h1{
@@
-120,11
+171,14
@@
h1{
}
h2{
}
h2{
- font-size: 1.8em;
+ font-size: 1.4em;
+ padding-top: 1em;
+ border-bottom: solid 1px #d5d5d5;
}
h3{
}
h3{
- font-size: 1.6em;
+ font-size: 1.4em;
+ margin-top: 1em;
}
h4{
}
h4{
@@
-140,43
+194,53
@@
h6{
}
h1, h2, h3, h4, h5, h6, p, ul{
}
h1, h2, h3, h4, h5, h6, p, ul{
-
padding
: 0 0 0.5em 0;
+
margin
: 0 0 0.5em 0;
}
strong{
font-weight: bold;
}
}
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;
}
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;
}
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;
margin: 1px 0;
padding: 0;
- border-bottom: solid 1px #
e5e5e
5;
+ border-bottom: solid 1px #
d5d5d
5;
}
}
-#colonne ul.menu li a{
+#colonne .menu ul li a,
+nav.sous_pages ul li a{
display: block;
line-height: 2em;
padding: 0 1em;
display: block;
line-height: 2em;
padding: 0 1em;
- background-color: #f
5f5f5
;
+ background-color: #f
1f1f1
;
}
}
-#colonne ul.menu li a:hover{
+#colonne .menu ul li a:hover,
+nav.sous_pages ul li a:hover{
color: #000066;
color: #000066;
- background-color: #
f1f1f1
;
+ background-color: #
e9e9e9
;
}
/* --------------------------------------------- FORMULAIRES */
}
/* --------------------------------------------- FORMULAIRES */
@@
-186,10
+250,10
@@
fieldset{
}
fieldset legend{
}
fieldset legend{
- font-size: 1.
4
em;
+ font-size: 1.
2
em;
display: block;
width: 100%;
display: block;
width: 100%;
- border-bottom: solid 1px #
f3f3f3
;
+ border-bottom: solid 1px #
d5d5d5
;
}
form ul li{
}
form ul li{
@@
-221,14
+285,22
@@
form ul li .form_input span.info{
color: #666666;
}
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;
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;
}
select{
border: solid 1px #c0c0c0;
background-color: #ffffff;
+ color: #333333;
padding: 3px 10px;;
}
padding: 3px 10px;;
}
@@
-240,26
+312,27
@@
form ul li .form_single_button{
text-align: left;
padding-left: 150px;
}
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;
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;
}
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;
/* --------------------------------------------- ADMIN */
ul.buttons{
margin: 10px 0 20px 0;
text-align: right;
padding-bottom: 10px;
- border-bottom: dashed 1px #e5e5e5;
}
ul.buttons li{
}
ul.buttons li{
@@
-268,14
+341,17
@@
ul.buttons li{
ul.buttons li a{
padding: 3px 7px 3px 7px;
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;
}
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;
}
padding: 3px 7px 3px 18px;
}
@@
-283,7
+359,6
@@
ul.filters{
margin: 10px 0 20px 0;
text-align: right;
padding-bottom: 10px;
margin: 10px 0 20px 0;
text-align: right;
padding-bottom: 10px;
- border-bottom: dashed 1px #e5e5e5;
}
ul.filters li{
}
ul.filters li{
@@
-301,7
+376,7
@@
table.admin{
}
table.admin tr.hl:hover{
}
table.admin tr.hl:hover{
- background-color: #f
9f9f9
;
+ background-color: #f
5f5f5
;
}
table.admin tr th{
}
table.admin tr th{
@@
-320,6
+395,26
@@
table.admin td.action{
width: 50px;
}
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;
.navig{
text-align: right;
border: solid 1px #d5d5d5;
@@
-341,17
+436,28
@@
table.admin td.action{
border: solid 1px #c0c0c0;
}
border: solid 1px #c0c0c0;
}
+.redirect_message{
+ padding: 50px 100px 50px 100px;
+}
.redirect_message div{
.redirect_message div{
- margin: 50px 100px 50px 100px;
padding: 20px;
border: solid 1px #c0c0c0;
}
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 */
/* --------------------------------------------- FOOTER */
-#main_footer
.content
{
- border-top: solid 1px #d
9d9d9
;
- padding-bottom:
2
0px;
+#main_footer{
+ border-top: solid 1px #d
5d5d5
;
+ padding-bottom:
6
0px;
}
#main_footer .content ul{
}
#main_footer .content ul{
@@
-366,8
+472,8
@@
table.admin td.action{
#main_footer .content ul li{
float: left;
#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;
}
margin-top: 5px;
}