X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;ds=sidebyside;f=css%2F1%2FpageMinichat.css;h=2d5761cb909b3dae64c4a50107d17db1bb264e3a;hb=bacec85920574375f4b8df20d6a0457e1fffc658;hp=182b9b0dc78feee5a9d1241bcdc387629e98f4d1;hpb=cded85bdaf899cef1ba38d2ee6fd24c67f2abc52;p=euphorik.git diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index 182b9b0..2d5761c 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -46,18 +46,26 @@ vertical-align: top; } +/* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */ +#page.minichat #conversations { + overflow: hidden; + width: 100% +} + #page.minichat #conversations .conversation { - border-width: 2px; + border-width: 0px; border-style: solid; - border-color: white + border-color: white; + float: left; + width: 100%; } -#page.minichat #conversations div.message { +#page.minichat #conversations div.message { border-left-width: 5px; border-left-style: solid; border-color: transparent; text-align: left; - padding-right: 8px; + padding-right: 5px; padding-left: 4px; cursor: pointer; } @@ -151,15 +159,32 @@ #page.minichat #conversations .extraire:hover { background-color: #818c27 +} + +#page.minichat #conversations .titre { + padding-right: 8px; + background-color: #4b4215 +} + +#page.minichat #conversations .titre .fermer { + float: right; + padding-right: 5px; + padding-left: 5px; + background-color: #c90000; + cursor: pointer; } - + +#page.minichat #conversations .titre .fermer:hover { + background-color: #c95656 +} + #page.minichat #pages { margin-top: 10px; } #page.minichat #pages span { - padding-right : 5px; - padding-left: 5px; + padding-right : 4px; + padding-left: 4px; color: #7664ff; cursor:pointer; }