User:Sweetie-Devil/global.css

/* round avatars */ .ChatHeader.User img, .User img, .Write img, .avatar { border-radius: 150px; } /* New York City Chat Skin (2Actimv) */ /* Original version made by AmonFatalis and 2Actimv */ /* Christmas version made by 2Actimv */ /* New Year's Eve version made by 2Actimv */ /* Mountain version made by 2Actimv */ /* Holland version made by 2Actimv */ /* Mountain V2 version made by 2Actimv */ /* Trees version made by 2Actimv */ /* Forest version made by 2Actimv */ /* Spongebob Squarepants version made by 2Actimv */ /* Sonic the Hedgehog version made by 2Actimv (Thnx Fubuki風吹 for the rail background and some fixes) */ /* Lionel Messi version made by 2Actimv */ /* Robert Lewandowski version made by 2Actimv */ /* Julian Draxler version made by 2Actimv */ /* NEC Nijmegen 2015-2016 version made by 2Actimv */ /* Earth version made by 2Actimv */ /* Dakar 2016 version made by 2Actimv */ /* Berlin U-Bahn version made by 2Actimv */ /* Dakar 2016 V2 version made by 2Actimv */ /* Nürburgring version made by 2Actimv */ /* Hamburg U-Bahn version made by 2Actimv */ /* New York City version made by 2Actimv */ @import url(https://fonts.googleapis.com/css?family=Kanit:300); .ChatWindow .User img { border-radius: 2pc !important; border: 3px solid black; } .ChatWindow .User img:hover { border-color: rgba(255, 255, 100, 1); } .inline-alert { color: white !important; font-weight: normal !important; } .Chat .you { background: transparent; } .Chat ul li { background: transparent; } .Chat .username { font-weight: normal !important; } .Chat .you a, .Chat ul li a { color: rgba(255, 255, 100, 1); font-style: normal; } /*.Chat img { border-radius: 0px; border: 3px solid black !important; }*/ .Chat img.avatar { border-radius: 2pc; border: 3px solid black; } .Chat img.avatar:hover { border-color: rgba(255, 255, 100, 1); } .Write .message { background-color: transparent; border: 0px solid black; } .Write .message textarea { background: transparent; border: 0px solid black; padding: 1px 3px 1px 3px; border-radius: 0px; } .Write img { border-radius: 2pc; border: 4px solid black; margin: -10px 0px 0px -2.5px !important; } .Write img:hover { border-color: rgba(255, 255, 100, 1); } .Write [name="message"] { background-color: transparent; border: 0; color: white; font-family: 'Kanit', sans-serif; } .WikiChatList img { border-radius: 2pc; border: 3px solid black; } .WikiChatList img:hover { border-color: rgba(255, 255, 100, 1); } .WikiChatList .User:hover, .PrivateChatList .User:hover { margin: 0px 0px 0px 7px !important; -moz-transition: ease 400ms; -ms-transition: ease 400ms; -o-transition: ease 400ms; transition: ease 400ms; background: transparent !important; } /*.WikiChatList .username, .WikiChatList .details, .PrivateChatList .username, .PrivateChatList .details { padding-left: 3.5px; }*/ .User .username { background-color: transparent; font-weight: normal !important; color: white; border: 0px solid black; } .User .username:hover { color: rgba(255, 255, 100, 1) !important; } .Rail .User { padding-left: 40px !important; } .Rail .User:last-child, .Rail .User:hover:last-child { margin-bottom: 10px !important; } .Rail .User img { left: 10px !important; } .ChatHeader { background-color: rgba(30, 20, 1, 0.83) !important; border-radius: 0px; border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; border: 5px solid black; font-size: 105% !important; color: white; } .ChatHeader .User { border-left: none !important; } .ChatHeader img { border-radius: 5px; border: none; } .ChatHeader .private { color: white; } .ChatHeader .username { color: white; padding-left: 3.5px; } .ChatHeader .details { color: white !important; padding-left: 3.5px; } .Rail .private { background-color: transparent; color: white; background-image: none; border: none !important; text-align: center; } .PrivateChatList .User img { border-radius: 2pc; border: 3px solid black; } .PrivateChatList .User img:hover { border-color: rgba(255, 255, 100, 1); } .PrivateChatList .User:hover { background: transparent; } .Chat .me-message { background-color: rgba(255, 255, 100, 0.8); color: black; border: 3px solid black; padding: 0px 3.5px; border-radius: 15px; } .Chat .me-message:hover { color: black; border-color: rgba(255, 255, 100, 1); } .Rail .selected { box-shadow: none; background: transparent; } .User.away { padding-bottom: 0px; } .User.away .status { color: white; } .User.away .status:hover { color: rgba(255, 255, 100, 1); } .Chat li { background: transparent; color: white; } .Chat .time { color: white; font-size: 12px; } .Chat .continued .time { color: white; font-size: 12px; display: inline; } .Chat .time:hover { color: rgba(255, 255, 100, 1) !important; } .Chat { background: transparent !important; border: 0px solid black; border-bottom: none; border-top-left-radius: 0px; border-right: 5px solid black !important; } .Write { background: transparent !important; border: 0px solid black; border-top: 5px solid black !important; border-right: 5px solid black !important; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-right: none; } .Rail { background: transparent; border: 0px solid black; border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-left: none; color: white !important; } .ChatWindow .WikiaPage { background: rgba(30, 20, 1, 0.83) !important; border-radius: 0px; border-bottom-left-radius: 7.5px !important; border-bottom-right-radius: 7.5px !important; border: 5px solid black !important; } .ChatWindow { background: url(http://i.imgur.com/AjybU6jr.jpg) 50% 5% !important; font-weight: normal !important; font-family: 'Kanit', sans-serif; background-size: 1280px 720px !important; } @media screen and (min-width: 650px) { .ChatWindow { background-size: cover !important; background-position: 0% 5% !important; } } /* End of New York City Chat Skin (2Actimv) */