(no commit message)

[euphorik.git] / css / 2 / pageMinichat.css

diff --git a/css/2/pageMinichat.css b/css/2/pageMinichat.css
new file mode 100755 (executable)
index 0000000..da92691
--- /dev/null
+++ b/css/2/pageMinichat.css
@@ -0,0 +1,271 @@
+#page.minichat {
+       padding-top: 5px;
+   padding-right: 0px;
+   padding-left: 0px
+}
+
+#page.minichat img {
+       margin: 0px;
+       vertical-align: bottom;
+}
+
+#smiles {
+       text-align: center;
+       border: 1px solid;
+       border-color: #253f18;
+       background-color: #0c2003;
+       margin-bottom: 10px;
+       padding: 1px;
+       width: 140px;
+       position: absolute;
+       display: none
+}
+#smiles img {
+       margin: 1px;
+       cursor: pointer;
+       opacity: 0.5;
+}
+
+#outilsBan {
+       border-width: 1px 1px 1px 1px;
+       border-color: #253f18;
+       border-style: solid;
+       padding: 2px;
+       position: absolute;
+       display: none;
+}
+#outilsBan img,
+#outilsBan form {
+       float: right;
+       cursor: pointer
+}
+#outilsBan p {
+       font-size: 2px;
+}
+#outilsBan input {
+       font-size: 9px;
+       margin-top: 1px;
+       margin-left: 1px
+}
+
+#page.minichat #trollCourant {
+       border-top: 1px solid;
+       border-bottom: 1px solid;
+       border-color: #253f18;
+       background-color: #0c2003;
+       margin-top: 4px;
+       margin-bottom: 8px;
+       padding : 1px 0px 1px 10px
+}
+
+#page.minichat #trollCourant .troll {
+       font-style: italic;
+       color: #FFFF88;
+       cursor: pointer;
+}
+
+#page.minichat .titreSmiles:hover {
+       background-color: #2d8800;
+}
+
+#page.minichat form {
+   margin-bottom: 15px;
+   padding-left: 10px;
+}
+
+#page.minichat form p {
+   margin: 0px;
+   padding: 0px;
+}
+
+#page.minichat form .pseudo {
+   margin-right: 5px;
+   width: 12%
+}
+#page.minichat form .message {
+   margin-right: 5px;
+   width: 75%
+}
+#page.minichat form .return {
+       height: 16px;
+       width: 32px;
+       background-image: url(../../img/css1/return.png);
+       background-repeat: no-repeat;
+       background-position: 5px 2px;
+       vertical-align: top;
+       margin-right: 5px;
+}
+#page.minichat form .smiles {
+       height: 16px;
+       width: 16px;
+       background-image: url(../../img/css1/bouton_smiles.png);
+       background-repeat: no-repeat;
+       background-position: 2px 2px;
+       vertical-align: top;
+       margin-right: 5px;
+}
+
+/* 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: 0px;
+       border-style: solid;
+       border-color: white;
+       float: left;
+       width: 100%;
+}
+
+#page.minichat #conversations div.message {
+       border-left-width: 5px;
+       border-left-style: solid;
+       border-color: transparent;
+       padding-right: 5px;
+       padding-left: 4px;
+       cursor: pointer;
+}
+
+#page.minichat #conversations div.messageImpair {
+   background-color: #05002c;
+}
+
+#page.minichat #conversations div.messagePair {
+   background-color: #080047;
+}
+
+#page.minichat #conversations div.cache {
+       opacity: 0.3;
+       
+       /* Hack IE 7 */ 
+       filter: alpha(opacity = 30);
+       zoom: 1
+}
+
+#page.minichat #conversations div.reponse {
+       border-color: #bd7a11
+}
+#page.minichat #conversations div.repondu {
+       border-color: #b711bd   
+}
+#page.minichat #conversations div.proprietaire {
+       border-color: #bd1129
+}
+#page.minichat #conversations div.systeme {
+       background-color: #555555
+}
+
+#page.minichat div.message a {
+       font-weight: bold;
+}
+
+#page.minichat div.message .lienConv {
+       color: #db960f;
+       font-weight: bold;
+       cursor: pointer
+}
+
+#page.minichat div.message .lienConv:hover {
+       color: #f1c060
+}
+
+#page.minichat .date {
+   color: #fd913b;
+   margin-right: 3px;
+   margin-left: 3px;
+}
+
+#page.minichat div.message .pseudo,
+#page.minichat form .pseudo {
+   margin-left: 4px;
+   margin-right: 2px;
+   font-weight: bold;
+   color: #76ff33;
+}
+
+#page.minichat div.message.ekMaster .pseudo {
+       color: #ffffff;
+}
+
+#page.minichat div.message .pseudo .login {
+   margin-left: 2px;
+   font-size: 8px;
+   color: #a7d88f;
+}
+
+#page.minichat div.systeme .pseudo {
+       color: #CCCCCC
+}
+
+/* Ca marche pas :(
+#page.minichat div.message .pseudo {
+       min-width: 50px;
+       height:100px;
+}*/
+
+#page.minichat #conversations .repondA {
+   margin-left: 4px;
+   color: #bd7a11
+}
+
+/*#page.minichat #conversations .contenu {
+   display: inline;
+}*/
+
+#page.minichat #conversations .extraire {
+       float: right;
+       padding-right: 2px;
+       padding-left: 2px;
+       background-color: #4f5519;
+}
+
+#page.minichat #conversations .extraire:hover {
+       background-color: #818c27
+}
+
+#page.minichat #conversations .titre {
+       text-align: center;
+       padding-right: 8px;
+       background-color: #4b4215
+}
+
+#page.minichat #conversations .titre .fermer {
+       float: right;
+       padding-right: 5px;
+       padding-left: 5px;
+       background-color: #7d1b1b;
+       cursor: pointer;
+}
+
+#page.minichat #conversations .titre .fermer:hover {
+       background-color: #c95656
+}      
+
+#page.minichat #conversations .titre .next,
+#page.minichat #conversations .titre .prev {
+       display: none;
+}
+
+#page.minichat #conversations .titre .lien {
+       float: right
+}
+
+#page.minichat #conversations .titre .lien,
+#page.minichat #conversations .titre .next,
+#page.minichat #conversations .titre .prev,
+#page.minichat #conversations .titre .numPage {
+       background-color: #42380b;
+       cursor: pointer;
+       padding-right: 5px;
+       padding-left: 5px;
+}
+
+#page.minichat #conversations .titre .lien:hover,
+#page.minichat #conversations .titre .next:hover,
+#page.minichat #conversations .titre .prev:hover,
+#page.minichat #conversations .titre .numPage:hover {
+       background-color: #7c6e2e
+}
+