From 09ad0df641f4f9f93a1dd9a099ee5951ff0029ef Mon Sep 17 00:00:00 2001 From: x2003bruneau Date: Sun, 20 Aug 2006 08:18:03 +0000 Subject: [PATCH] Remove dependences to default.css in my skin Fix all Level 1 CSS warning git-svn-id: svn+ssh://murphy/home/svn/platal/trunk@825 839d8a87-29fc-0310-9880-83ba4fa771e5 --- htdocs/css/keynote.css | 262 ++++++++++++++++++++---------- htdocs/images/skins/keynote_titlepuce.gif | Bin 1256 -> 0 bytes templates/skin/common.bandeau.head.tpl | 4 +- templates/skin/keynote.tpl | 1 - 4 files changed, 181 insertions(+), 86 deletions(-) delete mode 100644 htdocs/images/skins/keynote_titlepuce.gif diff --git a/htdocs/css/keynote.css b/htdocs/css/keynote.css index 1169b7c..711226e 100644 --- a/htdocs/css/keynote.css +++ b/htdocs/css/keynote.css @@ -26,40 +26,48 @@ body { font-family: "Arial", sans-serif; font-size: 90%; - background: url('../images/skins/keynote_bg.png') top left repeat-x; - - background-attachment: fixed; - background-color: #4f4e63; + background: url('../images/skins/keynote_bg.png') #4f4e63 top left repeat-x fixed; color: #fff; } a:link, a:visited, a:active, a:hover { color: #ddd; - background: none; + background: inherit; } +a:hover { color: #999; } -a:hover { - color: #999; -} +img { vertical-align: middle; } +a img { border: 0px; } +td { vertical-align: top; } +li { padding-left: 3px; padding-right: 3px; + text-align: justify; } +hr { text-align: center; } fieldset { - border: none; border-top: 1px solid #fff; border-left: 1px solid #fff; - background: url('../images/skins/keynote_bg_lighter.png') top left repeat-x; - background-attachment: fixed; - background-color: #848495; + background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; color: #000; + margin: 1em 0 1em 0; } - legend { border: 1px solid #fff; - background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x; - background-attachment: fixed; - background-color: #bbbbaa; + background: url('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed; color: #000; + + padding-left: 4px; + padding-right: 4px; } +.center { text-align: center; } +.right { text-align: right; } +.middle { vertical-align: middle; } +.smaller { font-size: smaller; font-style: italic; } +.spacer { clear: both; } + +.float2 { float: left; width: 49%; } +.float3 { float: left; width: 33%; } + /******************************************************************************* 2 Styles

,

, ,
  • [ styles classiques d'effets de texte ] @@ -84,15 +92,18 @@ p { } h1 { - color: #fff; background: url('../images/skins/keynote_titlepuce2.gif') top left no-repeat; + background-color: inherit; margin: 0.5em 0 0.5em 0; + text-indent: 0.2em; padding: 6px 0 0 24px; - color: #bbf; -} -h1:hover { - background: url('../images/skins/keynote_titlepuce.gif') top left no-repeat; + font-size: 120%; + font-family: "helvetica", sans-serif; + font-weight: bolder; + text-align: left; + + color: #bbf; } h2 { @@ -100,6 +111,7 @@ h2 { margin: 0; font-size: 100%; font-weight: bold; + background: inherit; color: #77c; } @@ -126,24 +138,27 @@ li.spaced { [ Tableaux à lignes alternées, en taille normale, ou tiny ] *******************************************************************************/ table.bicol, table.tinybicol { - background: url('../images/skins/keynote_bg_lighter.png') top left repeat-x; - background-attachment: fixed; - background-color: #848495; - border: none; - border-top: 1px solid #fff; - border-left: 1px solid #fff; + color: inherit; + background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; + border-width: 1px 0 0 1px; + border-style: solid; + border-color: #fff; + border-collapse: collapse; } +table.bicol { width: 98%; margin-left: 1%; } +table.tinybicol { width: 70%; margin-left: 15%; } table.tinybicol tr.pair, table.bicol tr.pair { - background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x; - background-attachment: fixed; - background-color: #bbbbca; + color: inherit; + background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; } table.tinybicol th, table.bicol th { color: #fff; - background: url('../images/skins/keynote_title.gif') top left repeat-x; - background-color: #000; + font-weight: bold; + text-align: center; + vertical-align: middle; + background: url('../images/skins/keynote_title.gif') #000 top left repeat-x; } table.tinybicol td, table.bicol td { color: #000000; @@ -172,46 +187,48 @@ td.action a { padding: 0px 2px 0px 2px; } *******************************************************************************/ #skin { - background: url('../images/skins/keynote_bg_lighter.png') top left repeat-x; - background-attachment: fixed; - background-color: #848495; + background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; color: #000; - border-bottom: none; border-top: 1px solid #fff; + width: 98%; + margin-left: 1%; } #skin td { border-bottom: 1px solid #fff; - border-top: none; vertical-align: middle; } #skin td.skigauche { - background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x; - background-attachment: fixed; - background-color: #bbbbca; + background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; + color: inherit; + vertical-align: middle; } +#skin td.skimilieu { + padding-left: 1em; + width: 100%; +} +#skin td.skidroite { padding: 0; } /******************************************************************************* 5 Contacts [ Styles liés à l'affichage de contacts ] *******************************************************************************/ +div.contact-list { + width: 98%; + margin-left: 1%; +} div.contact-list div.contact { border-top: 1px solid #fff; - background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x; - background-attachment: fixed; - background-color: #bbbbca; + background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; color: #000; } div.grayed { - color: #444444; font-style: italic; } - div.grayed div.contact { - background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x; - background-attachment: fixed; - background-color: #bbbbca; + color: #444; + background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; } div.contact div.nom { @@ -230,11 +247,18 @@ div.contact div.bits { } div.contact div.long { - background: url('../images/skins/keynote_bg_lighter.png') top left repeat-x; - background-attachment: fixed; - background-color: #848495; + background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; + width: 100%; + clear: both; + color: inherit; + padding-top: 1px; + padding-bottom: 1px; } +div.long table { width: 100%; } +div.long td.lt { width: 35%; } +div.long td.rt { width: 65%; } + /******************************************************************************* 6 Profil [ onglets des profils ] @@ -271,9 +295,7 @@ table.cadre_a_onglet{ } td.conteneur_tab { - border-width: 1px 1px 1px 1px; - border-style: solid; - border-color: #9c9c9c; + border: 1px solid #9c9c9c; border-left-color: #eee; padding: 8px 4px 4px 4px; background : url('../images/skins/keynote_topborder.png') top repeat-x; @@ -290,27 +312,40 @@ td.conteneur_tab { float : left; padding : 0.4ex; margin : 0 0.3ex -1px 3px; - background : #cecece; - border-width: 1px 0px 1px 1px; - border-style: solid; - border-color: #9c9c9c; + border: 1px solid #9c9c9c; + border-right: none; + background: #cecece; width: auto; height: 5ex; text-align: center; color: #000; + font-size: 80%; } #onglet li:hover { + color: #000; background : #adadad; } #onglet li.actif { + color: #000; background : #dedede; - border-width: 1px 0px 1px 1px; - border-style: solid; - border-color: #f0f0f0; + border: 1px solid #f0f0f0; + border-right: none; border-bottom-color: #dedede; + font-weight: bold; +} + +#onglet li a { + font-weight: normal; + text-decoration: none; + color: #000; + background: inherit; +} +#onglet li a:hover { + text-decoration: underline; } +#onglet li img { margin-right: 2px; } /******************************************************************************* 7 fiche.php & fiche_referent.php @@ -318,26 +353,33 @@ td.conteneur_tab { *******************************************************************************/ #fiche { + width: 740px; color: #000; - border: none; border-top: 1px solid #fff; border-left: 1px solid #fff; - background: url('../images/skins/keynote_bg_lighter.png') top left repeat-x; - background-attachment: fixed; - background-color: #848495; + background: url('../images/skins/keynote_bg_lighter.png') #848495 top left repeat-x fixed; + vertical-align: top; } #fiche em { color: #777; + background: inherit; font-weight: bolder; } #fiche h2 { background: url('../images/skins/keynote_title.gif') bottom repeat-x; + background-color: inherit; color: #fff; - border: none; height: 17px; - margin-right: 0; + margin: 0.5em 0; + padding-left: 0.5em; + font-weight: bold; +} + +#fiche_identite { + padding: 5px; + width: 600px; } #photo { padding-left: 0em; } @@ -348,19 +390,32 @@ td.conteneur_tab { width: 80%; float: left; color: #fff; + background: inherit; +} + +#fiche_identite div.maj { + float: left; + width: 20%; + font-size: 75%; + text-align: right; + vertical-align: top; + clear: right; } #fiche_identite div.contact { - border: none; - border-top: 1px dotted #fff; - border-left: 1px dotted #fff; - background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x; - background-color: #bbbbca; - background-attachment: fixed; + clear: both; + margin: 1em; + padding: 1ex; + border-width: 1px 0 0 1px; + border-style: dotted; + border-color: #fff; + background: url('../images/skins/keynote_bg_verylighter.png') #bbbbca top left repeat-x fixed; + color: inherit; } #fiche_identite div.contact em { color: #aaa; + background: inherit; } #fiche_identite div.email { @@ -387,10 +442,26 @@ div.adresse { /* only for fiche_referent.php*/ +#fiche_referent{ + padding: 10px; + width: 100%; +} + +#fiche_referent div.rubrique_referent{ + float: left; + width: 31%; + padding: 0px; + margin: 0px 1% 1ex 1%; + +} + #fiche_referent em { color: #777; + background: inherit; font-weight: bolder; } +#fiche_referent ul { margin: 0px; padding: 0px 1em; } +#fiche_referent li { font-weight: bold; margin: 0px; padding: 0px; text-align: left; } /******************************************************************************* A SKIN @@ -402,13 +473,13 @@ div.adresse { text-align: center; padding: 1px; - background: url('../images/skins/keynote_bg_verylighter.png') top left repeat-x; - background-attachment: fixed; + background: url('../images/skins/keynote_bg_verylighter.png') #bbbbaa top left repeat-x fixed; + color: #000; + font-weight: bold; } #dev a { text-decoration: none; } -#dev a:hover { background-color: inherit; } #db-trace div.hide { display: none; } #db-trace:hover div.hide { display: block } @@ -416,11 +487,11 @@ div.adresse { #suid { color: red; background: #ffc0cb; - width: 100%; + width: auto; font-weight: bold; } #suid td { padding: 2px; } -#suid a { color: red; } +#suid a { color: red; background: inherit; } #body { width: 740px; @@ -430,29 +501,52 @@ div.adresse { #body-logo { width: 140px; - border: none; padding-top: 0; + text-align: center; } #body-top { padding: 0; padding-bottom: 16px; + text-align: center; + font-size: 85%; + border-bottom: 1px solid #fff; } +#body-top table { width: 100%; padding: 4px; } +#body-top .date-heure { text-align: left; } +#body-top .inscrits { text-align: right; } + #body-bottom { border-top: 1px solid #fff; + text-align: center; + padding: 4px; + font-size: 75%; + font-family: "MS Sans Serif", sans-serif; } #body-menu { + width: 140px; + text-align: center; + font-size: 78%; + font-weight: bold; + white-space: nowrap; border-right: 1px solid #fff; } +#body-menu .menu_item { + text-align: left; + padding: 2px; +} + #body-menu a:link, #body-menu a:visited, #body-menu a:active, #body-meny a:hover { color: #fff; + background: inherit; text-decoration: none; } #body-menu .menu_item:hover { + color: inherit; background-color: #556; } @@ -460,20 +554,22 @@ div.adresse { color: #fff; height: 17px; background: url('../images/skins/keynote_title.gif') top repeat-x; - border: none; - padding: 0; - padding-top: 4px; + background-color: inherit; + padding: 4px 0 0 0; text-align: center; vertical-align: middle; } #content { - padding-top: 0; + width: 600px; + padding: 0 0 4px 16px; vertical-align: top; + font-size: 95%; } #quick_search { color: gray; + background: #fff; text-align: right; } diff --git a/htdocs/images/skins/keynote_titlepuce.gif b/htdocs/images/skins/keynote_titlepuce.gif deleted file mode 100644 index 0452b5756e005813d0e654dbc440f66f532f4c75..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1256 zcmeH`?`s@I7{_-nm+M`)TyN7}l3p%hlZvJoaT}6)u^{)0kDO-zF5>37pmo6$rS`oDCk`M8+_-( z!^|+xGoR=C%rFbj&!^{>hlL^GPoZlR>WZRxjztMU2)5fT-}hYC0nor0JC0)#;JLQR zsN-0+ZBa@XrHm4a0l|d~6fQFfcLX zNhTxQ>~0QXj21H)UDFuBj3Ap)ld*rP5a_zD=~~e=P0KQQlZLKAL$fWD_i9^Kv+3I= zJPN#j>28LeDqzyi4Dljy)nDJbv)78pP@TJpgHMz#LqPVW>d9Lp|uFX`n z=-H<4IjUA{`fiJR)3ZzpIHIe80iZ)*UToGegorw1w}!?!c@0X_fH7n zzXd6hN-O=WKNYUauC@IB&~vHsH`4vn($OJ0v(l-EwP$KS4NtG2JJ$k-X3B>F=$oF`;BP@O;Z`Kv$MZzUHRq5j3-z{RY%yFsVVhfnBo?8BZjvu|j)wHk@N zbSnuCExi3({?dExwv=6~Jv|W&?X&y2ZzrdpTKu%WzFz(QlPj&l-L?33^p#(3JigRG zTPbNm173DFRFV5Ida!r!+T?5~+9~DNd-v173%6vodb$62>EZ4N>|9M6kv^OJLeJ*M zrjBeJ-RbH5t`>XtOk02bUgOAunHkdAmON#A9k!OfGGrh!VYVI~CWKs@&n<(Yp3>6;!UYg zOPtm8olv5x)I%dnq|iGW&N)Y(9K9fnocxtE4vZC)N-RDl+$#l+347uR{|8}sxmuqe Y`f__No=C=JQA}cI^