User:Valou Natsuki/global.css

/* Background */ .WikiaPage { background: transparent; background-color: transparent !important; } .ChatHeader { background-color: transparent !important; }

/* Personnalisation du fond du Tchat*/ body.ChatWindow { background-image: url(https://images7.alphacoders.com/719/719179.png); background-color: #2b3a44; background-repeat: no-repeat; background-position:center; background-attachment: fixed; -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; opacity: 0.9; }

/* Background apparence mobile */ html { height: 97%; } body { min-height: 100%; } @media screen and (max-device-width: 400px) { .body.ChatWindow { background-size: auto 100% !important; } } 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; }

body.ChatWindow #WikiChatList li:hover { background: #ef8958 !important; }

h1.public.wordmark { background-image: url(http://i.imgur.com/LOVbzRO.png); }

header#ChatHeader { background-image: url(http://i.imgur.com/LOVbzRO.png); }

div#Rail { background-image: url(http://i.imgur.com/dcIkQkx.png?1); background-repeat: no-repeat; background-position: bottom right; background-color: rgba(255, 250, 248, 0.58); }

/* Bulles */ body.ChatWindow .Chat li[data-user="Valou Natsuki"], body.ChatWindow .Chat li[data-user="Anastoche"], body.ChatWindow .Chat li[data-user="Cherrubee"], body.ChatWindow .Chat li[data-user="TokyoGirl1622"], body.ChatWindow .Chat li[data-user="TheFennec15"], body.ChatWindow .Chat li[data-user="PlayerH"], body.ChatWindow .Chat li[data-user="Antoine76390"], body.ChatWindow .Chat li[data-user="La_Pieuvre"], body.ChatWindow .Chat li[data-user="Bichoune0612"], body.ChatWindow .Chat li[data-user="Tikwis"], body.ChatWindow .Chat li[data-user="Geo1997"] { background: #00ae8f !important; }

body.ChatWindow #WikiChatList li:hover { background: #c4618c !important; } body.ChatWindow .Chat li:last-child{ margin-bottom:10px !important; } body.ChatWindow .Chat li { padding:10px 15px 16px 15px; } /* 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; } body.ChatWindow .Chat li { background-color: #2579b8; color:#FFF; } body.ChatWindow .Chat li:not(.continued):not(.inline-alert):before { border-color:#2579b8 #2579b8 transparent transparent; border-style: solid; color:#FFF; 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[data-user="Valou Natsuki"], body.ChatWindow .Chat li[data-user="Anastoche"], body.ChatWindow .Chat li[data-user="Cherrubee"], body.ChatWindow .Chat li[data-user="TokyoGirl1622"], body.ChatWindow .Chat li[data-user="TheFennec15"], body.ChatWindow .Chat li[data-user="PlayerH"], body.ChatWindow .Chat li[data-user="Antoine76390"], body.ChatWindow .Chat li[data-user="La_Pieuvre"]:before { border-color:#2579b8 #2579b8 transparent transparent !important; }

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; }

/* Nouvelles 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: 20px; } 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; } body.ChatWindow .Chat .username { position: absolute; 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(164, 243, 164); background-color: #79d97c; }

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; }

/* Heure messages */ body.ChatWindow .time { position:absolute; left:-61px; top:35px; text-align:center; width:32px; display:block; color:black; }

/* Message en haut a droite : Emoticons / Regles tchat */ .tooltip-wrap { position: relative; float: right; padding-right: 10px; z-index: 999; } .emoteShow { float: left; display: none; } .tooltip-content { font-size:0.6em; font-weight: normal; left: 0px; display: none; position: relative; z-index: 99999; width: 400px; background: #EEEFEB; border: 1px solid #4D4F53; margin: 0px; } .tooltip-wrap:hover .tooltip-content { display: block; } .popper { font-weight: bold; font-size: 0.75em; color: #EC9D9D; float: none; text-decoration: underline; } .popper:hover { color: #560202; } .leftpopper { font-weight: bold; font-size: 0.75em; color: #EC9D9D; text-decoration: underline; } .leftpopper:hover { color: #560202; } .popperblack { padding: 0 5px; } .blackpopper { font-weight: bold; font-size:0.7em; color: black; } /* 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 */ .wordmark { white-space: normal !important; }

.inline-alert { margin-bottom: 35px !important; margin: 15px 0px 35px 0px !important; color: #4DFFF1 !important; padding-bottom: 10px !important; background: url(https://twibbon.s3.amazonaws.com/2012/82/d78470a4-3812-4faf-bfc8-e525d02378d1.png) repeat !important; } .Chat .inline-alert > img { width: auto; height: 35px; padding-left: 15px; top: 4px; position: absolute; }

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; }