User:Valou Natsuki/global.css

/* Personnalisation du fond du Tchat*/ body.ChatWindow { background: url(http://www.wallpaperup.com/uploads/wallpapers/2013/04/22/77380/50b074af92de16a1e8a8405422a8b7d1.jpg) transparent; opacity:0.7; background-color: transparent; background-repeat:repeat; background-position:left top; font-family:Arial; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.Chat { border-right:2px dotted #4682B4; border-bottom:2px dotted #4682B4; } .Chat .inline-alert { color:SteelBlue; } .ChatWindow #ChatHeader { border: 2px dotted #4682B4; border-radius:5px; box-shadow: 0 0 6px #4682B4; } .ChatWindow #ChatHeader .username { color:SteelBlue; } .ChatWindow #WikiaPage { border: 2px dotted #4682B4; border-radius:5px; } body.ChatWindow .avatar { box-shadow: 0 0 6px #4682B4 } body.ChatWindow .you .avatar { box-shadow: 0 0 6px #4682B4; } .Rail .User img { border-radius: 6px; box-shadow: 0 0 4px #4682B4; } .Write img, .ChatHeader .User img { box-shadow: 0 0 4px #4682B4; } /* Personnalisation de la barre */ .global-navigation { background:PowderBlue ; color:PowderBlue ; }

.global-navigation.inverse { background:SteelBlue ; color:SteelBlue ; }

.search-container { color:PaleTurquoise ; background:PaleTurquoise ; } .textarea { border: 2px dotted crimson }

font-size: 5px; } color: #5D7B8E; }
 * 1) displayTimer {
 * 1) showdate a {

/* Poll */

div.ajax-poll { width:auto !important; border: 2px outset #FFF !important; } .ajax-poll { border-radius:0.2em; }

a:hover { text-shadow: #FFF 0 0 3px; color: #ACDEFD !important; text-decoration:none; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; }

/* Bulles */ body.ChatWindow .Chat li:not(.inline-alert):not(.continued) { margin-top: 40px !important; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 2; cursor: default; opacity: 1; overflow: visible; /*   border: 2px solid rgba(174,224,58,1);*/ border-right-width: 3px; border-bottom-width: 3px; border-radius: 6px; padding-bottom: 9px; min-height: 0px; } body.ChatWindow .Chat li.continued:not(.inline-alert) { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 2; cursor: default; opacity: 1; overflow: visible; /*   border: 2px solid rgba(174,224,58,1);*/ border-right-width: 3px; border-top-width: 0px; border-bottom-width: 3px; border-radius: 0px 0px 6px 6px; padding-bottom: 12px; margin-top: -10px !important; margin-bottom: 40px !important; } body.ChatWindow .Chat .username { position: -25px; width: 200px; height: 25px; top: -25px; padding-left: 10px; padding-top: 5px; background: #FFFFFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 5px; border: solid 1px rgb(55, 111, 144); background-color: #58C2FF; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } body.ChatWindow .Chat li:not(.continued):not(.inline-alert):before { display: none !important; } .inline-alert { margin-bottom: 35px !important; margin: 15px 0px 35px 0px !important; background: url(http://mirror2.cze.cz/texturesLarge/water-texture.jpg) repeat !important; box-shadow: none !important; line-height: 25px !important; color: #4DFFF1 !important; padding-bottom: 10px !important;; } .Chat .inline-alert > img { width: auto; height: 35px; padding-left: 15px; top: 4px; position: absolute; }

/* Plugin http://kocka.wikia.com/wiki/Emoticons */ .kockaEmoticonsSpan { float: right; margin-top: 13px; }

.ChatWindow #WikiaPage { background: transparent; background-color: transparent !important; } .ChatHeader { background-color: transparent !important; }

/* Solo mensajes primeros */ body.ChatWindow .Chat li:not(.inline-alert):not(.continued) { margin:10px 20px 0px 80px; border-radius:2px 2px 0 0; } /* Solo alertas */ /* Solo continuados */ body.ChatWindow .Chat li.continued { margin:0 20px 0 80px; top: auto !important; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; margin-top: 40px; min-height: 0px; padding-bottom: 12px; padding-top: 0px; } body.ChatWindow .Chat li { background-color:#03C1BE; background-image:url(http://a.deviantart.net/avatars/m/i/mikumikucraver01.png?1); background-repeat:no-repeat; background-position:right bottom; background-size:auto auto; padding-left:15px; padding-top:10px; padding-right:15px; color:#000; text-shadow: 0px 0px 4px #FFF;; } body.ChatWindow .Chat li:not(.continued):not(.inline-alert):before { border-color:#03C1BE #03C1BE transparent transparent; border-style: solid; border-width: 12px; content: ""; position:absolute; top:5px; left:-24px } body.ChatWindow .Chat li.continued:not(.inline-alert) { padding-top:0; }

body.ChatWindow .Chat li.you:before { background-color:#32E8B4 !important; background-image:url(http://a.deviantart.net/avatars/m/i/mikumikucraver01.png?1); background-repeat:no-repeat; background-position:right bottom; background-size:auto auto; padding-left:15px; padding-top:10px; padding-right:15px; color:#000; text-shadow: 0px 0px 4px #FFF; }

body.ChatWindow .Chat a:link { color: #FFDC26; }

body.ChatWindow .Chat a:visited { color: #FFDC26; }

body.ChatWindow .Chat a:hover { color: #FFDC26; }

body.ChatWindow .Chat a:active { color: #FFDC26; }

/* Divers */ body.ChatWindow #normasChat ul { list-style: disc outside; margin:3px 30px; } body.ChatWindow .Chat { overflow-x:hidden !important; } .WikiaPage { border: 1px solid #2dccd3; box-shadow: 0 0 1em #2dccd3; } body.ChatWindow .Rail .selected { background: #abc2ab; box-shadow:0 0 10px #859985 inset; } body.ChatWindow .continued + .continued { margin-top:-15px !important; } body.ChatWindow .inline-alert + .inline-alert { margin-top:-15px !important; } body.ChatWindow .continued + li:not(.continued):not(.inline-alert) { margin-top: 0 !important; } body.ChatWindow .Chat .avatar { left:-60px !important; top:0px !important; } body.ChatWindow .Chat .username { letter-spacing:.3px; }
 * 1) ChatHeader,

/* Responsive */ .tooltip-content p { white-space: normal; line-height: normal; padding: 10px; } @media (max-width: 740px) { .tooltip-content { width: 300px; } } @media (max-width: 640px) { .tooltip-content { width: 200px; } } @media (max-width: 540px) { .tooltip-content { width: 150px; } } @media (max-width: 480px) { .tooltip-content { width: 100px; } } /* Reglage position sur Firefox */ body.ChatWindow .Chat #wordmark { white-space: normal !important; }

/* Background apparence mobile */ html { height: 97%; } body { min-height: 100%; } @media screen and (max-device-width: 400px) { .body.ChatWindow { background-size: auto 100% !important; } } /*Texte utilisateurs absents*/ .User.away { color: rgb(255, 206, 41) !important; } .User .username { color: rgb(172, 139, 26) !important; }

body.ChatWindow li.you { background: #03c1be !important; }

body.ChatWindow #WikiChatList li:hover { background: #03c1be !important; } body.ChatWindow .Chat li:last-child{ margin-bottom:10px !important; } body.ChatWindow .Chat li { padding:10px 15px 16px 15px; }