From e7cf0e99f41ab8ba3bab8aed516123c6f4ff3979 Mon Sep 17 00:00:00 2001 From: Ludovic Pouzenc Date: Thu, 5 Jul 2018 00:34:06 +0200 Subject: Version final-03-27-12h --- final/app/css/ice.css | 18 +++- final/app/css/ice_moche.css | 162 +++++++++++++++++++++++------ final/app/css/ice_moche_nohelp.css | 207 +++++++++++++++++++++++-------------- final/app/css/ice_nohelp.css | 21 +++- 4 files changed, 289 insertions(+), 119 deletions(-) (limited to 'final/app/css') diff --git a/final/app/css/ice.css b/final/app/css/ice.css index a60500d..f643bee 100644 --- a/final/app/css/ice.css +++ b/final/app/css/ice.css @@ -1,6 +1,7 @@ em {color:#F00;} img { border : none ; } img.spacing{ margin: 0 0.2em 0 0.2em;} + body { color: #000000; background-color:#F5F5DC; @@ -26,6 +27,10 @@ th , thead tr { color: #FFFFFF; background-color:#551A8B; } +tr.empty { + height:5px; + background-color:#8470FF; +} th.selected {color:#FFF;background-color:#8470FF} td { border-bottom-width: thin; @@ -326,7 +331,7 @@ div.popup_contenu em margin-top:0px; padding:0px; } -#footer li.right { +#footer li.author { display:inline; float:left; list-style:none; @@ -335,7 +340,12 @@ div.popup_contenu em padding-left:10px; margin-left:0px; } -#footer li.center { +#footer li.author li { + display:inline; + padding:0px; + margin:0px 5px; +} +#footer li.wwwc { display:inline; float:right; list-style: none; @@ -344,10 +354,10 @@ div.popup_contenu em padding-right:30px; margin-left:0px; } -#footer li.left select { +#footer li.csschooser select { border:thin solid #000; } -#footer li.left { +#footer li.csschooser { float:left; display:inline; list-style: none; diff --git a/final/app/css/ice_moche.css b/final/app/css/ice_moche.css index 0004b1a..90702a1 100644 --- a/final/app/css/ice_moche.css +++ b/final/app/css/ice_moche.css @@ -44,52 +44,50 @@ h2 { color: #5C5CFF; margin: 0px; } +li { + margin-left:-20px; +} select { width:auto; } /***** Titre *****/ #titre h2 { color: #551A8B; - height:60px; - width:200px; - margin-left:60px; + height:3em; + width:12em; padding-top:5px; -/* background-image:url(ice_img/titre.png); - background-position:left; - background-repeat:no-repeat;*/ + padding-left:1em; color:#FFFFFF; - font-size:40px; + font-size:2em; } #titre { - height:60px; - padding-top:5px; - width:100%; + height:3em; + width:12em; clear:left; background-color:#551A8B; - background-image:url(ice_img/logo.png); - background-position:left; - background-repeat:no-repeat; } /*****************/ /***** Menu *****/ #menu { - padding:0px; + padding:50px 0 50px 0; + margin:0px; - color:#551A8B; - width:15em; - background-color:#FFFFFF; + background-color:#551A8B; + width:12em; + } #menu a { text-decoration:none; display:block; font-weight:bold; text-align:center; - color:#551A8B; -} -#menu a:hover { color:#FFFFFF; background-color:#551A8B; } +#menu a:hover { + color:#551A8B; + background-color:#FFFFFF; +} /* Pour IE5/MAC \*/#menu a{float:none;}/**/ #menu li { list-style: none; @@ -112,38 +110,44 @@ select { width:auto; } /*******************/ /***** Contenu *****/ #contenu { - padding-top:10px; - padding-bottom:10px; - padding-right:3em; - padding_left:3em; + margin:20px; + padding:20px; + top:30px; + left:12em; + border:thin solid #F7F7F7; + background-color:#8470FF; position:absolute; - top:60px; - left:15em; } #help { - text-align:justify; + text-align:left; color:#000000; float:left; - margin-top:20px; - margin-left:10px; + margin:0px; padding:5px; border:thin solid #000000; background-color:#F7F7F7; + width:14em; font-size:small; - width:15em; } -#help h2 , #help a +#help a:link,#help a:hover,#help a:visited +{ + text-align:center; + font-size:small; + color:#8470FF; + background-color:#F7F7F7; +} +#help h2, #help h2 a, #help h2 a:link, #help h2 a:hover, #help h2 a:visited { text-align:center; font-size:medium; color:#FFFFFF; background-color:#551A8B; - color:#FFFFFF; margin-top:0; margin-bottom:10px; } + #no_help, #no_help h2 { display:none; @@ -231,3 +235,97 @@ div.popup_contenu background-repeat:repeat; z-index: 499; } + +#page_accueil h1 +{ + display:none; + +} + +#page_accueil +{ + position:absolute; + text-align:center; + left:12em; + margin:3em; + top:50px; +} + +#msg +{ + display:none; + position:absolute; + text-align:center; + left:50%; + margin-left:-20%; + width:40%; + background-color:#551A8B; + top:-10px; + padding-top:15px; + padding-bottom:10px; + color:#FFF; + -moz-border-radius:16px; +} +#msg em +{ + color:#FFF; +} + + +#footer +{ + float:left; + clear:left; + display:block; + width:19em; + background-color:#551A8B; + color:#FFF; + font-size:x-small; + margin:0px; + padding-top:10px; + padding-bottom:0px; +} +#footer ul +{ + + list-style-type:none; + white-space:nowrap; + margin-top:0px; + margin-bottom:10px; + padding:0px; + margin-left:0px; +} +#footer li.author { + display:block; + float:left; + list-style:none; + vertical-align:middle; + padding-left:10px; + margin-left:0px; +} +#footer li.author li +{ + padding:0px; + margin:0px; +} +#footer li.wwwc { + float:left; + list-style: none; + padding:0 4em; + margin:10px 0px; +} +#footer li.wwwc a{ + display:block; + +} +#footer li.csschooser select { + border:thin solid #000; +} +#footer li.csschooser { + float:left; + list-style: none; + vertical-align:middle; + margin-top:0px; + padding-left:30px; + margin-left:0px; +} diff --git a/final/app/css/ice_moche_nohelp.css b/final/app/css/ice_moche_nohelp.css index 9032594..45f2014 100644 --- a/final/app/css/ice_moche_nohelp.css +++ b/final/app/css/ice_moche_nohelp.css @@ -1,4 +1,3 @@ - img { border : none ; } body { color: #000000; @@ -6,7 +5,6 @@ body { font-family: Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; - min-width:750px; /*Pour eviter le chevauchement pour FireFox, ne change rien pour IE (qui gere pas trop mal sans ca) */ } table { border-spacing:0px; @@ -22,8 +20,9 @@ th { border-right:none; font-weight: bold; color: #FFFFFF; - background-color: #551A8B; + background-color:#551A8B; } + th.selected {color:#8470FF;} td { border-bottom-width: thin; @@ -34,6 +33,7 @@ th a:link, th a:visited { font-size: x-small; color: #FFFFFF; } + h1 { font-weight: bold; color: #9999FF; @@ -43,62 +43,58 @@ h2 { color: #5C5CFF; margin: 0px; } +li { + margin-left:-20px; +} select { width:auto; } /***** Titre *****/ #titre h2 { color: #551A8B; - margin-left:50px; - height:50px; - width:200px; - background-image:url(ice_img/titre.png); - background-position:left; - background-repeat:no-repeat; + height:3em; + width:12em; + padding-top:5px; + padding-left:1em; color:#FFFFFF; - font-size:0px; + font-size:2em; + } #titre { - height:50px; + height:3em; + width:12em; clear:left; - background-color:#FFFFFF; - background-image:url(ice_img/logo.png); - background-position:left; - background-repeat:no-repeat; + background-color:#551A8B; } /*****************/ /***** Menu *****/ #menu { - padding:0px; + padding:50px 0 50px 0; + margin:0px; - width:100%; - height:1.5em; background-color:#551A8B; + width:12em; + } #menu a { text-decoration:none; display:block; font-weight:bold; text-align:center; - color:#FFFFFF; - height:1.5em; + color:#FFFFFF; + background-color:#551A8B; } #menu a:hover { - color:#000000; + color:#551A8B; background-color:#FFFFFF; - height:1.5em; } /* Pour IE5/MAC \*/#menu a{float:none;}/**/ #menu li { list-style: none; - float:left; - padding:0; - margin:0; - width:10em; - white-space:nowrap;/*Evite l'étalement sur deux ligne*/ + padding:0px; + margin:0px; vertical-align:middle; } #menu #deconnection { - float:right; } #main_menu { @@ -107,68 +103,37 @@ select { width:auto; } /*********************/ /***** Sous Menu *****/ #sous_menu { - clear:left; - padding-top:5px; - padding-bottom:3px; - padding-left:15px; - border-bottom:1px solid #000000; - background-color:#8470FF; -} -/* -------------- Arbre -------------------*/ -p.arbre { - font-size: small; - color: #FFFFFF; - text-align: left; - margin-top: 0px; - margin-right: 0px; - margin-bottom: 0px; - margin-left: 0px; + display:none; } -p.arbre a:link, p.arbre a:visited {color:#FFFFFF; } - /*******************/ /***** Contenu *****/ - #contenu { - padding-top:10px; - padding-bottom:20px; - padding-left:5px; - padding-right:5px; - float:left; - width:95%; -} -#no_help { - display:block; - text-align:justify; - color:#000000; + margin:20px; + padding:20px; + top:30px; + left:12em; + border:thin solid #F7F7F7; + background-color:#8470FF; float:right; - margin:0px; - padding:1px; - border:thin solid #000000; - background-color:#F7F7F7; - font-size:small; - width:3%; + position:absolute; + } -#no_help h2 , #no_help a +#help { + display:none; +} + +#no_help, #no_help h2 , #no_help h2 a { display:block; - text-align:center; - font-size:medium; color:#FFFFFF; background-color:#551A8B; - margin:0px; - padding:0px; -} -#help,#help h2 -{ - display:none; + width:8em; + text-align:center; } - - -.popup , .popup_creneau , .popup_personne , .popup_commentaire , .popup_fichier , .popup_deletelist { +.popup , .popup_creneau , .popup_personne , .popup_commentaire , .popup_fichier , .popup_deletelist { display: none; position: absolute; left:50%; @@ -211,7 +176,6 @@ p.arbre a:link, p.arbre a:visited {color:#FFFFFF; } margin-top: -4em ;/*moitié de height */ margin-left: -15em ;/*moitié de width */ } - .popup_deletelist { width: 26em; height: 8em; @@ -219,7 +183,7 @@ p.arbre a:link, p.arbre a:visited {color:#FFFFFF; } margin-left: -13em ;/*moitié de width */ } -.popup h2 , .popup_creneau h2 , .popup_personne h2 , .popup_commentaire h2 , .popup_fichier h2 , .popup_deletelist h2 +.popup h2 , .popup_creneau h2 , .popup_personne h2 , .popup_commentaire h2 , .popup_fichier h2 , .popup_deletelist h2 { background:#551A8B; color:#FFFFFF; @@ -249,4 +213,89 @@ div.popup_contenu background-image:url(ice_img/masque.png); background-repeat:repeat; z-index: 499; -} \ No newline at end of file +} + +#page_accueil h1 +{ + background:#551A8B; + color:#FFF; + margin-top:0; +} + +#page_accueil +{ + text-align:center; +} + +#msg +{ + display:none; + position:absolute; + text-align:center; + left:50%; + margin-left:-20%; + width:40%; + background-color:#551A8B; + top:-10px; + padding-top:15px; + padding-bottom:10px; + color:#FFF; + -moz-border-radius:16px; +} +#msg em +{ + color:#FFF; +} + + +#footer +{ + float:left; + clear:left; + display:block; + width:19em; + background-color:#551A8B; + color:#FFF; + font-size:x-small; + margin:0px; + padding-top:10px; + padding-bottom:0px; +} +#footer ul +{ + + list-style-type:none; + white-space:nowrap; + margin-top:0px; + margin-bottom:10px; + padding:0px; +} +#footer li.right { +display:block; + float:left; + list-style:none; + vertical-align:middle; + padding-left:10px; + margin-left:0px; +} +#footer li.center { + float:left; + list-style: none; + padding:0 4em; + margin:10px 0px; +} +#footer li.center a{ + display:block; + +} +#footer li.left select { + border:thin solid #000; +} +#footer li.left { + float:left; + list-style: none; + vertical-align:middle; + margin-top:0px; + padding-left:30px; + margin-left:0px; +} diff --git a/final/app/css/ice_nohelp.css b/final/app/css/ice_nohelp.css index 9724abd..5de91fe 100644 --- a/final/app/css/ice_nohelp.css +++ b/final/app/css/ice_nohelp.css @@ -26,6 +26,10 @@ th, thead tr { color: #FFFFFF; background-color: #551A8B; } +tr.empty { + height:5px; + background-color:#8470FF; +} th.selected {color:#FFF;background-color:#8470FF} td { margin:0.5em; @@ -185,9 +189,10 @@ p.arbre a:link, p.arbre a:visited {color:#FFFFFF; } font-size:medium; color:#8470FF; } -#help,#help h2 +#help,#help h2, #help ul , #help li { display:none; + visibility:hidden; } @@ -332,7 +337,7 @@ div.popup_contenu em margin-top:0px; padding:0px; } -#footer li.right { +#footer li.author { display:inline; float:left; list-style:none; @@ -341,7 +346,12 @@ div.popup_contenu em padding-left:10px; margin-left:0px; } -#footer li.center { +#footer li.author li { + display:inline; + padding:0px; + margin:0px 5px; +} +#footer li.wwwc { display:inline; float:right; list-style: none; @@ -350,7 +360,10 @@ div.popup_contenu em padding-right:30px; margin-left:0px; } -#footer li.left { +#footer li.csschooser select { + border:thin solid #000; +} +#footer li.csschooser { float:left; display:inline; list-style: none; -- cgit v1.2.3