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(http://i.imgur.com/UCghQqS.jpg); background-color: #2b3a44; background-repeat: no-repeat; background-position:right top; background-attachment: fixed; font-family: Calibri; font-weight: bold; text-shadow: 0 0 3px #000; -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 .Rail { background-image: url(http://i.imgur.com/U6v5SdJ.jpg?1); background-size: contain; background-repeat: repeat }

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

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

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

.global-navigation { background-image: url(http://i.imgur.com/bLln8KK.jpg?1); }

.global-navigation .cell-link { color: #ffffff; }

.global-navigation.inverse { background-image: url(http://wallpoper.com/images/00/43/20/02/ice-cola-wallpaper-abstract-other_00432002.jpg); background-position-y: 25%; }

.global-navigation .start-wikia-container .start-wikia { border: solid 1px #ffffff; color: #ffffff; }

.notifications-container .notifications-entry-point { background-image: url("data:image/svg+xml;charset=utf-8,<path%20style%3D"fill%3A%23FFF%3B"%20d%3D"M-453%2C285.6h-16c0-0.3%2C0.1-0.6%2C0.1-0.8%0D%0Ac0.2-0.9%2C0.8-1.7%2C1.5-2.3c0.9-0.7%2C1.4-1.7%2C1.6-2.8c0.2-0.9%2C0.2-1.9%2C0.2-2.8c0-1%2C0.2-1.9%2C0.8-2.7c0.6-0.9%2C1.5-1.5%2C2.5-1.8%0D%0Ac0.1%2C0%2C0.1%2C0%2C0.1-0.1c-0.1-0.7%2C0.5-1.3%2C1.2-1.3c0.6%2C0%2C1.1%2C0.6%2C1%2C1.2c0.3%2C0.1%2C0.7%2C0.2%2C1%2C0.4c1.5%2C0.8%2C2.3%2C2.1%2C2.4%2C3.8%0D%0Ac0%2C0.8%2C0%2C1.6%2C0.1%2C2.4c0.1%2C1.1%2C0.4%2C2.2%2C1.1%2C3.1c0.2%2C0.3%2C0.5%2C0.5%2C0.7%2C0.7c0.8%2C0.7%2C1.4%2C1.7%2C1.5%2C2.8C-453%2C285.4-453%2C285.5-453%2C285.6"%2F>%0D%0A<%2Fg><%2Fsvg>%0D%0A"); }

/* Bulles */ body.ChatWindow .Chat li[data-user="Valentinou12"], 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 #WikiaPage { color: #FFF; }

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: #f08a59; background-image:url(http://i.imgur.com/8zLP0cz.png?3); background-repeat:no-repeat; background-position:right bottom; background-size:auto auto; } body.ChatWindow .Chat li:not(.continued):not(.inline-alert):before { border-color:#c4618c #c4618c 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[data-user="Valentinou12"], 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:#f1a632 #f1a632 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; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }

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; color: #FFF; border: 1px solid #4D4F53; margin: 0px; -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1); } .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; background: url(http://i.imgur.com/bLln8KK.jpg?1) 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; }

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