MediaWiki:HideChatRail.css

body { overflow-x: hidden } .Chat .message b { font-weight: 700 } .Chat.closed { right: -1px }   right: 10px } .Rail { overflow: hidden; text-overflow: ellipsis; z-index: 10 } .Rail>h1 { white-space: nowrap; text-overflow: clip } .Rail.closed { width: 0; border-color: transparent; box-shadow: 0 0 0 0 #000; pointer-events: none }   line-height: 42px }   line-height: normal; vertical-align: middle; margin-right: 150px } .inline-block { display: inline-block!important }   cursor: pointer; line-height: normal }   content: "Hide Chatbar"; position: absolute; color: #888; top: 15px }   content: "Show Chatbar" } @media only screen and (max-width: 500px) { #ChatHeader .private { font-size: 3.5vw }   .Chat { right: -1px }   #Write { right: 10px }   .Rail { background: %%BG%%; border-left: 2px solid %%BORDER%%; -moz-box-shadow: -4px -1px 6px -2px %%BORDER%%; box-shadow: -4px -1px 6px -2px %%BORDER%%; -moz-transition: width .3s cubic-bezier(.2, .49, 0, 1.01), border-color .8s, box-shadow .5s; transition: width .3s cubic-bezier(.2, .49, 0, 1.01), border-color .5s, box-shadow .5s } } .Rail.closed .unread .splotch { position: absolute; left: 0; right: auto } .Rail.closed.unread { width: 18px; opacity: 1; background: transparent; animation-name: bounce; animation-duration: 6s; animation-iteration-count: infinite } .Rail.closed.unread * { opacity: 1!important; pointer-events: all; margin-left: 5px; transition: background-color .3s, margin-left .3s } .Rail.closed .wordmark.unread { overflow: visible; margin-left: -41px }   opacity: 1; cursor: pointer; margin-left: -2px; background-color: %%SEL%%; } .Rail.closed.unread #WikiChatList, .Rail.closed.unread .badge, .Rail.closed.unread .selected, .Rail.closed.unread h1:not(.unread), Rail.closed.unread .chevron { display: none!important } @keyframes bounce { 30%, 40%, 50%, from, to { animation-timing-function: cubic-bezier(.215, .61, .355, 1); width: 36px }   34%,    36% {        animation-timing-function: cubic-bezier(.755, .050, .855, .060); width: 66px }   44% {        animation-timing-function: cubic-bezier(.755, .050, .855, .060); width: 50px }   51% {        width: 40px }   54% {        width: 36px } } .Chat .message { text-overflow: ellipsis; overflow: hidden; display: block }
 * 1) Write.closed {
 * 1) ChatHeader {
 * 1) ChatHeader .private {
 * 1) ChatHeader .User {
 * 1) ChatHeader .User:not(.away) .username:before {
 * 1) ChatHeader .User:not(.away) .username.closed:before {
 * 1) Rail.closed .User.unread:hover,
 * 2) Rail.closed .public.unread:hover {