From: Greg Burri Date: Wed, 16 Sep 2009 15:42:10 +0000 (+0200) Subject: MOD Remplace la font ttf par une font eot créé à l'aide de ce tutorial : http://www... X-Git-Url: http://git.euphorik.ch/?p=cl7.git;a=commitdiff_plain;h=6bf2995e3323a0a8572b07442c114f12d23c40bf MOD Remplace la font ttf par une font eot créé à l'aide de ce tutorial : spoono.com/html/tutorials/tutorial.php?url=embeddingfonts Ceci a pour unique but d'être compatible avec IE .. :( --- diff --git a/css/BORGNIN0.eot b/css/BORGNIN0.eot new file mode 100644 index 0000000..528d38e Binary files /dev/null and b/css/BORGNIN0.eot differ diff --git a/css/style.css b/css/style.css index ac9933a..86de936 100644 --- a/css/style.css +++ b/css/style.css @@ -1,14 +1,14 @@ -/* coding:utf-8 */ - -@font-face { - font-family: "Borgnine"; - src: url("http://cl8.euphorik.ch/css/Borgnine.ttf") -} - -html { - min-height: 100%; - margin-bottom: 1px; -} +/* coding:utf-8 */ + +@font-face { + font-family: borgnine; + src: url(BORGNIN0.eot) +} + +html { + min-height: 100%; + margin-bottom: 1px; +} body { margin: 0px; font-family: monospace; @@ -18,24 +18,24 @@ body { } img { border-width: 0px; -} -a { - color: #8888ff; - text-decoration: none; -} -a:hover { - color: #aaaaff; -} -a.externe { - padding-right: 12px; - background:transparent url(../images/lien_externe.png) no-repeat scroll right center; -} -th { - background-image:url(../images/fond1.png); - background-repeat:repeat; -} -em { - color: #ffff00; +} +a { + color: #8888ff; + text-decoration: none; +} +a:hover { + color: #aaaaff; +} +a.externe { + padding-right: 12px; + background:transparent url(../images/lien_externe.png) no-repeat scroll right center; +} +th { + background-image:url(../images/fond1.png); + background-repeat:repeat; +} +em { + color: #ffff00; } #container { @@ -58,26 +58,26 @@ em { background-repeat: repeat-y; background-position: 0px -75px; -} +} #titre { width: 580px; padding: 5px 10px 5px 10px; font-size: 20px; background-image: url(../images/fond1.png); - background-repeat: repeat; - color: #FFFF00; - font-family: "Borgnine", monospace; -} - -#titre #nbPlacesRestantes { - font-size: 11px; - float: right; + background-repeat: repeat; + color: #FFFF00; + font-family: borgnine, monospace; +} + +#titre #nbPlacesRestantes { + font-size: 11px; + float: right; } -ul#menu { +ul#menu { text-align: justify; - margin: 0px; + margin: 0px; padding: 3px; background-image: url(../images/fond3.png); background-repeat: repeat; @@ -90,7 +90,7 @@ ul#menu { color: #6bff6b; text-decoration: none; } -#menu a:hover, +#menu a:hover, #menu li.courante a { color: #ffffff; background-color: #00d000; @@ -115,7 +115,7 @@ ul#menu { margin-top: 2px; } #contenu ul { - margin-top: 2px; + margin-top: 2px; padding-left: 23px; } #contenu .miniInfo { @@ -132,9 +132,9 @@ ul#menu { } #contenu col#inscriptionColonneValeur { width: 70%; -} -#contenu #formulaireJeuxJoues .aVote { - color: #ffff00; +} +#contenu #formulaireJeuxJoues .aVote { + color: #ffff00; } #contenu #formulaireInscription p { margin-top: 1px; @@ -155,22 +155,22 @@ ul#menu { float: right; background-image: url(../images/fond2.png); background-repeat: repeat; -} -#informations ul { - padding-left: 5px; -} -#informations li { - list-style-type: none; -} -#informations li:before { - content: "» "; +} +#informations ul { + padding-left: 5px; +} +#informations li { + list-style-type: none; +} +#informations li:before { + content: "» "; } #informations form p { margin-bottom: 1px; margin-top: 1px; } -#pieddepage { +#pieddepage { text-align: center; background-image: url(../images/fond1.png); background-repeat: repeat; @@ -180,8 +180,8 @@ ul#menu { form input, form button, form select, -form textarea{ - font-family: monospace; +form textarea{ + font-family: monospace; font-size: 11px; color: #ffffff; background-color: transparent; @@ -191,7 +191,7 @@ form input:hover, form input:focus, form button:hover, form button:focus, form select:hover, form select:focus, form textarea:hover, form textarea:focus { - background-color: transparent; + background-color: transparent; border: #ffff00 1px solid; }