User:Mediocre Waffle/global.css

/* -- iMessage Themed Chat Skin -- */ /* -- Created by ZodiaDragon -- */ /* -- Supports Chat Hacks -- */ /* KEEP IN MIND THAT THE TIMES ON THE RIGHT SIDE IS DISABLED IN THIS SKIN */ /* -- CURRENT ISSUE: -- */ /*When a message spans multiple lines, the message breaks into multiple boxes. New messages have wider spaces in between the bubbles than long, multi-line ones.*/ .ChatWindow #WikiaPage { /* PAGE BACKGROUND, INNER CHAT BOXES */ background: #fff; border-color: #AEAEAE; } /* CHAT WINDOW ELEMENTS */ .Chat { /* MAIN CHAT BOX */ border-color: #AEAEAE; } body.ChatWindow { /* FAR CHAT BACKGROUND */ background: #fff !important; } /* CHAT TEXT ELEMENTS */ .Chat .avatar { /* USER AVATARS IN CHAT BOX */ border-radius: 50%; border: none; } .Chat .inline-alert { /* CENTERED ALETTS */ color: #8E8E93; } .Chat .inline-alert img { /* INLINE ALERT IMAGES */ border-radius: 50%; } .Chat .username { /* USERNAMES IN THE CHAT BOX */ color: #8E8E93; margin-bottom: 0px; font-size: smaller; } .Chat .message { /* STANDARD CHAT MESSAGE */ color: #000; padding: 8px; background: #E5E5EA; margin-top: 0px; border-radius: 5px 1pc 1pc 1pc; line-height: 250%; box-decoration-break: clone; } .message img { /* EMOTICONS */ margin-top: -10px; } .Chat .me-message { /* /ME MESSAGE */ background-color: #00D74A!important; color: #000!important; } .me-message:after { /* AFTER /ME */ content: " *"; /* ADDS " *" TO THE END OF /ME */ } .Chat .you { /* APPLIES ONLY TO WHEN YOU SPEAK */ background: rgba(0,0,0,0); text-align: right; } .Chat .you .message { /* YOUR OWN CHAT MESSAGE */ background-color: #138AFE; color: #fff; border-radius: 1pc 5px 1pc 1pc; } .Chat .you .avatar { /* YOUR OWN AVATAR */ display: none; } .Chat .continued { /* CONTINUED MESSAGES */ margin-top: .1pc; } .Chat a { /* LINKS */ color: #138AFE; text-decoration: underline; } .you a { color: #fff; text-decoration: underline; } .Chat a:hover,.you a:hover { /* HOVERING OVER LINKS */ font-weight: bold; } .Chat .time { /* TIME IS DISABLED IN THIS SKIN */ display: none; } /* TOP CHAT BAR ELEMENTS */ .ChatHeader { /* TOP CHAT BAR */ background: #F9F9F9; border-radius: 5px 5px 0 0; box-shadow: none; border-color: #AEAEAE; } .ChatHeader .private { /* IN PM: HEADER IN TOP BAR */ color: #000; } .ChatHeader .User { /* USER NAME SECTIONS IN TOP */ border-color: #138AFE; } .ChatHeader .User .username { /* TOP RIGHT USERNAME */ color: #138AFE; } .ChatHeader .User img { border: none; border-radius: 50%; } /* RAIL ELEMENTS */ .Rail .splotch { /* UNREAD MESSAGE COUNT BUBBLE */ background-color: #007AFF; background-image: none; border: none; color: #fff; } .Rail .private { /* "Private Messages" SECTION IN RAIL*/ background: #F8F8F9; text-align: center; color: #000; border: 1px solid #AEAEAE; border-left: none; border-right: none; font-weight: bold; } .Rail .selected { /* LOGO SELECTED IN RAIL */ background: #F8F8F9; box-shadow: none; border-top: 1px solid #AEAEAE; border-top: 1px solid #AEAEAE; } .Rail .User { /* USER SECTION IN RAIL */ color: #000; font-weight: bold; transition: all .7s; } .Rail .User:hover { /* HOVERING OVER A USER */ background: #D9D9D9; } .User.selected { /* SELECTED USER IN RAIL (PM) */ background: #D9D9D9; border: none; } .User img { /* RAIL USER AVATAR */ border-radius: 50%; border: none; } /* USER INFOBOX */ .ChatWindow .UserStatsMenu { /* INFOBOX MENU */ background: #FFF; border-radius: 1pc; border-color: #AEAEAE; box-shadow: 0 0 12px 0 #AEAEAE; } .UserStatsMenu .actions ul li .label { /* LINKS / ACTIONS */ color: #007AFF; } .UserStatsMenu .actions ul li { transition: .7s all; margin-left: 3px; margin-right: 3px; } .UserStatsMenu .actions ul li:hover { /* INFOBOX ACTIONS HOVER */ background-color: #D9D9D9; } .UserStatsMenu .actions ul li:first-child { border-radius: 1pc 1pc 0 0; } .UserStatsMenu .actions ul li:last-child { border-radius: 0 0 1pc 1pc; } .UserStatsMenu .info { /* INFOBOX USER INFORMATION */ background: D9D9D9; border-radius: .8pc .8pc 0 0; color: #007AFF; } .UserStatsMenu .info img { /* INFOBOX USER AVATAR */ border-radius: 50%; border: none; } /* WRITE BAR */ .Write img { /* USER AVATAR ON BOTTOM */ border-radius: 5px; border-color: #AEAEAE; } .Write .message { /* WRITE BAR BOX */ background: #F4F0E5; box-shadow: none; border: 1px solid #AEAEAE; border-radius: 5px; } .Write [name="message"] { /* TEXT IN THE WRITE BAR */ color:#000; padding-left: .2em; padding-right: .2em; } /* CHAT HACKS SUPPORT */ .message.ping { /* PING MESSAGE IN CHAT */ color: #000!important; background-color: #FF3B30!important; } .ChatHeader .User .status { /* "Away" IN CHAT HEADER */ color: #138AFE; }  color:#138AFE!important; padding-left: 2px; padding-right: 2px; background: #fff; border: 1px solid #AEAEAE; border-bottom: none; border-radius: 5px 5px 0 0; }  border-bottom: 1px solid #AEAEAE; border-radius: 5px; }  color: #FFF; background-color: #AEAEAE; border: 1px solid #AEAEAE; border-radius: 5px; } .Write .wikia-button { /* CHAT HACK BUTTONS */ border-radius: 5px; color: #8E8E93; border: none; background: none; font-weight: bold; } .Write .wikia-button:hover { /* CHAT HACK BUTTONS HOVERING */ border: 1px solid #AEAEAE; background: #E9E9E9; }
 * 1) pingspan { /* PING LIST TAB */
 * 1) pingspan:hover { /* PING LIST OVER */
 * 1) pings { /* PING LIST BOX */