Omnomirc Stuffs Userstyle 26/10/13

@-moz-document url("http://omnomirc.www.omnimaga.org/") {

#Channels {
    width: 100% !important;
}

#topicBox {
    width: 100% !important;
    border-left: none !important;
/*    box-shadow: 0 2px 2px rgba(0,0,0,0.5) !important; */
/*    meh shadows, line highlight messes them up */
}

#topic {
    margin-bottom: 2px !important;
    margin-top: -1px !important;
}

input[type="text"] {
    width: 83% !important;
}

#UserListContainer {
    height: 100% !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    border: none !important;
    border-left: 1px solid #999 !important;
/*
    OR REPLACE WITH PROPER BORDER COLOR
    #999 IN V5R
*/
    left: 90% !important;
    width: 10% !important;
/*    box-shadow: -2px 4em 2px rgba(0,0,0,0.4) !important; */
}

#UserList {
    height: calc(100% - 4em) !important;
    background-color: #cacaca !important;
    left: 0 !important;
    padding-left: 1em !important;
    padding-top: 2px !important;
    border-top: 1px solid threedshadow !important;
    transition: 1s 1s background-color !important;
}

#UserList:hover {
    background-color: #dfdfdf !important;
    transition: 0.5s 0.25s background-color !important;
}

.arrowButtonHoriz2:nth-child(1) {
/* all arrows */
/* this part achieves so much :o */
}

.arrowButtonHoriz2, .arrowButtonHoriz3 > div {
/* both top */
    margin-top: 2.5em !important;
}

#windowbg2 > span:nth-child(8) > div {
/* main bottom */
    margin-bottom: 1.5em !important;
}

#UserListContainer .arrowButtonHoriz3 > div {
/* userlist top */
    margin-top: 4.3em !important;
}

#UserListContainer > *:nth-child(4) > div {
/* userlist bottom */
    margin-top: -1.5em !important;
}

td.chan,
td.curchan {
/*    border-radius: 0 !important; */
}

td.chan:hover {
    padding-top: 3px !important;
}

td.action > a {
margin-right: 0px !important;
}

td.action > a > span {
margin-right: -5px !important;
}

/* replacing hardcoded colors -
    #dfdfdf is light bg, #cacaca is dark bg, #999 is border */
#mBoxCont {
    width: 90% !important;
}

.message {
    word-wrap: break-word !important;
}

#scrollbar {
    background-color: #cacaca !important;
    box-shadow: none !important;
    transition: background-color 1s 1s, box-shadow 1s 1s !important;
    -webkit-transition: background-color 1s 1s, box-shadow 1s 1s !important;
    border-radius: 2px !important;
}

#scrollbar:hover {
    background-color: #dfdfdf !important;
    box-shadow: none !important;
    transition: background-color .5s .25s, box-shadow 1s 0s !important;
    -webkit-transition: background-color .5s .25s, box-shadow 1s 0s !important;
}

#scrollbar:active {
    background-color: #dfdfdf !important;
    box-shadow: 0 0 4px #999 !important;
    transition: background-color 0s 0s, box-shadow 0s 0s !important;
    -webkit-transition: background-color 0s 0s, box-shadow 0s 0s !important;
}

/* placeholder until the track gets an id
 *SORUNOME POKE POKE* */
body > *:nth-child(16) {
    background-color: #cacaca !important;
    border: 1px solid #999 !important;
    border-top: none !important;
    top: 38px !important;
    width: 6px !important;
    left: calc(90% - 16px) !important;
}

}