User:Valou Natsuki/OsuChatSkin.css

/* Plugin http://kocka.wikia.com/wiki/Emoticons */ .kockaEmoticonsSpan { float: right; margin-top: 13px; } /* - */ /* 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/njBQa0n.jpg); background-color: #2b3a44; background-repeat: no-repeat; background-position:right top; background-attachment: fixed; font-family: Arial; 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.8; }

/* 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(245, 245, 245) !important; } /* - */ /* 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; } /* - */

/* Heure messages */ body.ChatWindow .time { position:absolute; left:-61px; top:35px; text-align:center; width:32px; display:block; color:black; } /* - */ /*Ping phrase*/ color: #40AD40; font-size: 10px !important; } /* 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; }
 * 1) pingspan {

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:#c4618c; background-image:url(http://33.media.tumblr.com/avatar_f2109b06f6e6_64.png); 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:#00ae8f #00ae8f transparent transparent !important; } /* UserStatsMenu */ body.ChatWindow #UserStatsMenu { border: 2px solid forestgreen; border-radius: 2px; box-shadow:0 0 10px #84c284 inset; } body.ChatWindow #UserStatsMenu .info { border-radius:2px 2px 0 0; padding:7px !important; } body.ChatWindow #UserStatsMenu li:hover, body.ChatWindow #UserStatsMenu .info { background: #84c284 !important; } /* Menu outils */ body.ChatWindow ul.dropdown { background: #618f61 !important; border: 1px solid #034d03 !important; border-radius: 2px !important; box-shadow: 0 0 10px #034d03 inset; color: #FFF !important; margin-top: 4px; border-radius: 10px !important; } body.ChatWindow ul.dropdown span { display: none; } body.ChatWindow ul.dropdown li a { background: rgba(4, 133, 4, 0.4) !important; font-weight:bold; } body.ChatWindow ul.dropdown li a:hover { background: rgba(42, 133, 42, 0.8) !important; } body.ChatWindow ul.dropdown li:last-child a { border-bottom: 3px solid #006900 !important; } /* 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 { background-image: url(http://i.imgur.com/LOVbzRO.png); 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; } /* - */ /* 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 .me-message { color: #adff2f; } 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://orig08.deviantart.net/5704/f/2014/053/6/5/free_space_galaxy_texture_by_lyshastra-d77gh18.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; } /* - */ /* Taille emoticones tchat */ .Chat .message > img[title^="onion"] /* tous les smilez commencant par onion sont un peu plus gros*/ {   width:30px; height:auto; } .Chat .message > img[title^="(big-"] /* tous les smilez commencant par onion sont un peu plus gros*/ {   width:50px;    height:auto; } .Chat .message > img[title="(B\)"] {    width:35px;    height:auto; } .Chat .message > img[title="(diable)"] {    width:30px;    height:auto; } .Chat .message > img[title="(nothinghere)"] {    width:30px;    height:auto; } .Chat .message > img[title="(ange)"] {    width:auto;    height:50px; } .Chat .message > img[title="(diable)"] {    width:auto;    height:31px; } .Chat .message > img[title="(miku)"] {    width:auto;    height:50px; } .Chat .message > img[title="(AngelThump)"] {    width:auto;    height:28px; } .Chat .message > img[title="(BibleThump)"] {    width:36px;    height:auto; } .Chat .message > img[title="(SourPls)"] {    width:55px;    height:auto; } .Chat .message > img[title="(FeelsBadMan)"] {    width:30px;    height:auto; } .Chat .message > img[title="(FeelsGoodMan)"] {   width:30px; height:auto; } .Chat .message > img[title="(yao)"] {   width:40px; height:auto; } .Chat .message > img[title="(fatigue)"] {   width:auto; height:40px; } .Chat .message > img[title="(fap)"] {   width:auto; height:65px; } .Chat .message > img[title="(doute)"] {   width:auto; height:40px; } .Chat .message > img[title="(arf)"] {   width:auto; height:25px; } .Chat .message > img[title="(raisins)"] {   width:28px; height:auto; } .Chat .message > img[title="(raisins2)"] {   width:28px; height:auto; } .Chat .message > img[title="(nutella)"] {   width:auto; height:40px; } .Chat .message > img[title="(kfc)"] {   width:auto; height:40px; } .Chat .message > img[title="(lazare)"] {   width:auto; height:40px; } .Chat .message > img[title="(nook)"] {   width:auto; height:40px; } .Chat .message > img[title="(charly)"] {   width:auto; height:40px; } .Chat .message > img[title="(resetti)"] {   width:auto; height:40px; } .Chat .message > img[title="(chausset)"] {   width:auto; height:40px; } .Chat .message > img[title="(maret)"] {   width:auto; height:40px; } .Chat .message > img[title="(marie)"] {   width:auto; height:40px; } .Chat .message > img[title="(keke2)"] {   width:auto; height:40px; } .Chat .message > img[title="(pepe)"] {   width:30px; height:auto; } .Chat .message > img[title="(sors)"] {   width:45px; height:auto; } .Chat .message > img[title="(merci)"] {   width:40px; height:auto; } .Chat .message > img[title="(ban)"] {   width:40px; height:auto; } .Chat .message > img[title="(pp)"] {   width:30px; height:auto; } .Chat .message > img[title="(siffle)"] {   width:23px; height:auto; } .Chat .message > img[title="(pika)"] {   width:50px; height:auto; } .Chat .message > img[title="(pendu)"] {   width:25px; height:auto; } .Chat .message > img[title="(chut)"] {   width:20px; height:23px; } .Chat .message > img[title="(nyan)"] {   width:50px; height:auto; } .Chat .message > img[title="onionp"] {   width:40px; height:auto; } .Chat .message > img[title="(fatality)"] {   width:65px; height:auto; } .Chat .message > img[title="(poursuite)"] {   width:100px; height:auto; } .Chat .message > img[title="(carglass)"] {   width:auto; height:19px; } .Chat .message > img[title="(rofl)"] {   width:auto; height:14px; } .Chat .message > img[title="(kiwi)"] {   width:35px; height:auto; } .Chat .message > img[title="(+1)"] {   width:35px; height:auto; } .Chat .message > img[title="onion1"] {   width:35px; height:auto; } .Chat .message > img[title="onion4"] {   width:35px; height:auto; } .Chat .message > img[title="onionM"] {   width:35px; height:auto; } .Chat .message > img[title="(tyran)"] {   width:145px; height:auto; } .Chat .message > img[title="(up)"] {   width:30px; height:auto; } .Chat .message > img[title="(excitation)"] {   width:auto; height:40px; } .Chat .message > img[title="(toilettes)"] {   width:24px; height:auto; } .Chat .message > img[title="(marre)"] {   width:40px; height:auto; } .Chat .message > img[title="(grr)"] {   width:33px; height:auto; } .Chat .message > img[title="(popcorn)"] {   width:70px; height:auto; } .Chat .message > img[title="(fail)"] {   width:30px; height:auto; } .Chat .message > img[title="(up)"] {   width:30px; height:auto; } .Chat .message > img[title="(weekend)"] {   width:70px; height:auto; } .Chat .message > img[title="(freddie)"] {   width:auto; height:70px; } .Chat .message > img[title="(fouet)"] {   width:auto; height:50px; }
 * 1) ChatHeader,

/* 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 }

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