html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } * { box-sizing: border-box; } html { position: relative; height: 100%; font-size: 16px; font-family: 'Lato', sans-serif; } body { height: 100%; width: 100%; margin: 0; padding-top: 53px; padding-bottom: 64px; } .header { position: fixed; top: 0; left: 0; height: 53px; width: 100%; } .main { height: 100%; } .footer { position: absolute; left: 0; bottom: 0; height: 64px; width: 100%; } .team-menu { position: relative; width: 220px; height: 53px; line-height: 53px; font-weight: 200; font-size:2em; padding: 0 1rem; color: #4341c9; background: #01003e; border-bottom: 2px solid #372c36; text-shadow: -1px 1px 1px black,0px 0px 30px #9b96ff; float: left; cursor: pointer; } .channel-menu_name { display: inline-block; padding: 0 .5rem 0 1.5rem; color: #555459; font-size: 1.4rem; font-weight: 900; line-height: 53px; cursor: pointer; } .channel-menu_prefix { color: #9e9ea6; padding-right: .1rem; font-weight: 500; } .listings { height: 100%; width: 220px; float: left; color: #ab9ba9; background-color: #555092; overflow-y: auto; overflow-x: hidden; } .message-history { margin-left: 220px; overflow-y: auto; overflow-x: hidden; height: 100%; padding: 0 18px 1rem 1.5rem; } .listings_channels { margin: 1rem 0 2rem; } .listings_header { text-align: left; font-size: .8rem; line-height: 1.25rem; margin: 0 1rem .1rem; text-transform: uppercase; font-weight: 700; color: #ab9ba9; width: 165px; position: relative; } .channel_list { list-style-type: none; text-align: left; color: #ab9ba9; } .channel { height: 24px; line-height: 24px; -moz-border-radius-topright: 0.25rem; -webkit-border-top-right-radius: 0.25rem; border-top-right-radius: 0.25rem; -moz-border-radius-bottomright: 0.25rem; -webkit-border-bottom-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; margin-right: 17px; color: #ffffff; padding-left: 1rem; } .unread { color: #ffffff; background: #eb4d5c; border-radius: 9px; padding: 2px 9px; font-size: .8rem; line-height: 14px; font-weight: 700; vertical-align: baseline; white-space: nowrap; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); float: right; margin-right: 3px; margin-top: 3px; } .channel.active { background: #4c9689; } .channel_prefix { color: #b2d5c9; } .disclaimer { font-size: 0.8rem; padding-left: 1rem; margin-right: 17px; } .message { position: relative; margin-top: .5rem; padding: .25rem 2rem .3rem 3rem; min-height: 36px; } .message_profile-pic { position: absolute; left: 0; display: block; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; width: 36px; height: 36px; background-image: url("http://i.imgur.com/LikUNLc.png"); background-size: cover; } .message_username { font-weight: 900; padding-right: .25rem; font-size: 0.8em; color: #3d3c40 !important; margin-left: 0; font-style: normal; text-decoration: none; } .message_timestamp { text-align: left; display: inline; position: relative; top: 0; left: 0; color: #babbbf; font-size: 12px; line-height: 1.2rem; width: 36px; margin-right: 0; margin-left: 0; } .message_content { color: #8b898f; display: block; min-height: 1rem; } .user-menu { float: left; width: 220px; height: 100%; cursor: pointer; background: #01003e; border-top: 2px solid #372c36; padding: 7px 0 9px 8px; height: 4rem; position: fixed; bottom: 0; left: 0; } .user-menu_profile-pic { } .qrowdfundsmall { display: inline-block; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; width: 33px!important; height: 33px!important; background-image: url('/qrowdfund/qrowdfundSmall.png'); background-size: cover; vertical-align: text-top; } .selected-address { color:white; font-size:0.6em; cursor:copy; } .user-menu_username { display: block; color: #ffffff; font-weight: 900; line-height: 1.5rem; margin-top: .2rem; max-width: 120px; } .connection_icon { width: 12px; height: 12px; } .connection_status { color: #ab9ba9; } .input-box { height: 100%; margin-left: 220px; } .input-box_text { font-size: .95rem; width: 90%; margin-left: 2%; margin-bottom: auto; line-height: 1.2rem; border: 2px solid #e0e0e0; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; color: #3d3c40; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 0; bottom: 0; min-height: 41px !important; padding: 9px 5px 9px 8px; } .user-settings legend { padding-bottom: 10px; } .user-settings div { padding-bottom: 10px; } .channel_name { text-decoration: none; color: inherit; } .channel { cursor: pointer; margin-right: 0px; padding-right: 0px; } .channel:hover { background-color: #2c255d; } #result { padding-right: 60px; line-height: 40px; background-color: aliceblue; position: fixed; right:0; top:5px; padding-left:20px; font-weight:bold; z-index: 10000; } .alert-error { background-color: red; } #selected-name option{ color:black; }