irccloud-prettier.css

div.log {
    background-color: rgb(237, 237, 239) !important;
    padding-bottom: .2em !important;
    padding-left: .5em !important;
    padding-right: .5em !important;
}

.viewport {
    margin-left: .5em;
}

.viewportcell {
    background-color: rgb(237, 237, 239) !important
}

.time-12hr.time-noseconds div.log div.messageRow, .time-24hr.time-seconds div.log div.messageRow {
    padding-left: 10px !important;
    background-color: rgb(244, 244, 244) !important;
    padding-top: .5em !important;
    padding-bottom: .5em !important;
    margin-top: .5em !important;
    border: 1px solid #ccc !important;
    border-radius: .5em !important;
    margin-right: .5em !important;
    margin-bottom: .5em !important;
}

.time-12hr.time-noseconds div.log div.messageRow[data-name^=GitHub], .time-24hr.time-seconds div.log div.messageRow[data-name^=GitHub] {
    background-color: rgb(237, 237, 239) !important;
    border: none !important;
}

.time-12hr.time-noseconds div.log div.messageRow[data-name^=GitHub] .content, .time-24hr.time-seconds div.log div.messageRow[data-name^=GitHub] .content {
    color: rgb(124, 124, 124) !important;
}

.time-12hr.time-noseconds div.log div.messageRow[data-name^=GitHub] .content a, .time-24hr.time-seconds div.log div.messageRow[data-name^=GitHub] .content a {
    color: rgb(124, 124, 124) !important;
}

.time-12hr.time-noseconds div.log span.date, .time-24hr.time-seconds div.log span.date {
    float: right !important;
}

.content {
    display: block !important;
    width: 80% !important;
    margin-top: 2px !important;
}

.content a {
    color: rgb(63, 63, 63) !important;
}

div.log div.row span.mode_OP, .inputInfo span.mode_OP, .nickcell span.mode_OP, #memberContextMenu h3 span.mode_OP {
    display: none !important;
}

div.log div.row span a.author, td.nickcell a.nick {
    font-weight: bold !important;
    color: rgb(124, 124, 124) !important;
}

td.nickcell a.nick, td.inputcell textarea, div.log div.messageRow, div.log div.me a.user {
    font-size: 16px !important;
    line-height: 22px !important;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(124, 124, 124) !important;
}

div.log div.lastSeen span.text, div.log div.bottomSeen span, div.log div.focusSeen span {
    border-radius: 1em !important;
    padding: .2em 1em !important;
    color: rgb(124, 124, 124) !important;
}

p#addNetwork a {
    padding-left: 0 !important;
    background: none !important;
    color: rgb(9, 51, 134) !important;
}

#buffers .ssl h2 a.buffer {
    background-image: none !important;
}

#buffers h2 a.buffer {
    background: none !important;
}

#buffers a.buffer, #buffers p.join a, #buffers p.archiveToggle a {
    color: rgb(9, 51, 134) !important;
    padding-left: 4px !important;
}

#mainwrapper {
    padding-right: 150px !important;
}

#sidebarwrapper {
    width: 150px !important;
}

#buffers .active a.buffer {
    color: rgb(9, 51, 134) !important;
}

#buffers .active.selected a.buffer, #buffers .active.selected a.buffer:hover {
    background-color: rgb(155, 184, 252) !important;
}

#buffers ul.buffers .active.unread a.buffer, #buffers h2.active.unread {
    border-left-color: rgb(155, 184, 252) !important;
}

#headercell a, h1#title a, #footer a, #sidebar #limits a {
    color: rgb(9, 51, 134) !important;
}

#invites span.numInvites {
    background-color: rgb(9, 51, 134) !important;
}

.extras span.extrasBar {
    background-color: rgb(9, 51, 134) !important;
}

.extras span.extrasDismiss:hover {
    background-color: rgb(155, 184, 252) !important;
}

.bufferHead {
    background-color: #FFF !important;
    border-bottom: 1px solid #ccc !important;
}

div.log div.backlogDivider hr, div.log div.fetch hr {
    border-color: #999 !important;
}

table.buffer {
    border: 1px solid #ccc !important;
    border-width: 1px !important;
}

#buffers li.connection {
    background-color: white !important;
    border-radius: 4px !important;
}

div.memberwrapper {
    background-color: white !important;
    border-left: 1px solid #ccc !important;
    width: 125px !important;
}

.showMembers div.buffermain {
    padding-right: 125px !important;
}

ul.memberList li.ops h2 {
    border-color: #CCC !important;
    color: #666 !important;
    background-color: white !important;
}

ul.memberList li.ops h2 span.memberCount {
    color: #666 !important;
}

ul.memberList li.ops ul {
    border-color: #CCC !important;
    background-color: white !important;
}

@media (max-width: 778px) {

    div#container {
        min-width: 0 !important;
    }

    div#sidebarwrapper {
        width: 0 !important;
        display: none !important;
    }

    #mainwrapper {
        padding-right: 0 !important;
    }

    #headercell {
        display: none !important;
    }
}