olivier/site_depotoire
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[AJ] Compatiblité de la feuille de style avec d'autres navigateurs

Browse Source 
- compatibilité des bordures avec les navigateurs sous webkit
- compatibilité des ombres avec les navigateurs sous webkit
- testé avec Midori et Firefox 3.6.13
This commit is contained in:
Olivier DOSSMANN
2011-03-06 22:51:01 +01:00
parent 20f171e31e
commit 7827df2372
3 changed files with 28 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
style/bicolore_ajout_menu.patch
View File

@ -1,6 +1,6 @@
--- bicolore_sans_menu.css 2011-02-26 14:56:15.000000000 +0100
+++ bicolore_avec_menu.css 2011-02-26 15:03:12.000000000 +0100
@@ -47,11 +47,12 @@
--- bicolore_sans_menu.css 2011-03-06 22:45:57.000000000 +0100
+++ bicolore_avec_menu.css 2011-03-06 22:45:31.000000000 +0100
@@ -51,7 +51,7 @@
div#chapeau {
position: relative;
@ -9,12 +9,7 @@
padding: 0;
height: 50px;
width: 78%;
top: 0;
+left: 1%;
background-color: #000000;
color: #ffffff;
text-align: center;
@@ -70,7 +71,7 @@
@@ -79,7 +79,7 @@
div#corps {
position: relative;

25
style/bicolore_sans_menu.css
View File

@ -33,6 +33,8 @@ color: #000000;
border-bottom: solid;
border-left: solid;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
}
h3 {
@ -43,6 +45,8 @@ color: #000000;
border-bottom: solid;
border-left: solid;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-border-radius: 12px;
}
div#chapeau {
@ -52,13 +56,18 @@ padding: 0;
height: 50px;
width: 78%;
top: 0;
left: 1%;
background-color: #000000;
color: #ffffff;
text-align: center;
font-size: 120%;
line-height: 15%;
-moz-border-radius-bottomright: 25px;
border-bottom-left-radius: 25px;
-webkit-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
-webkit-border-radius-bottomleft: 25px;
}
div#chapeau h1 {
@ -85,7 +94,11 @@ margin: 0 5px 10px 5px;
float: left;
border: thin solid #000000;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-box-shadow: 1px 1px 8px #000000;
box-shadow: 1px 1px 8px #000000;
-webkit-box-shadow: 1px 1px 8px #000000;
overflow: hidden;
}
@ -123,16 +136,24 @@ right: 0;
background-color: #000000;
color: #ffffff;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
-webkit-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-left-radius: 25px;
-webkit-border-radius-bottomleft: 25px;
overflow: hidden;
}
div#cartable h3 {
width: 90%;
border-color: #ffffff;
border: ;
color: #ffffff;
text-align: center;
border-bottom: solid;
border-left: solid;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-border-radius: 12px;
border-color: #ffffff;
}
div#cartable a:link {