wopian/material-slackthemes

View on GitHub
source/stylesheets/rollup-client_core.css

Summary

Maintainability
Test Coverage
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:active,a:hover{outline:0}button,img,input{vertical-align:middle}img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic}button,input{*overflow:visible}button,input,textarea{margin:0;font:100% "Helvetica Neue",Helvetica,Arial,sans-serif}button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],label{cursor:pointer}body{margin:0;background-color:#fff}a{color:#08c;text-decoration:none}a:focus,a:hover{color:#005580;text-decoration:underline}.row-fluid{width:100%;*zoom:1}.row-fluid:after,.row-fluid:before{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.container-fluid{padding-right:0;padding-left:0;*zoom:1}.container-fluid:after,.container-fluid:before{display:table;content:"";line-height:0}.container-fluid:after{clear:both}p{margin:0 0 9pt}h1,h2,h3{line-height:3pc}h1,h2,h3,h4,h5,h6{margin:9pt 0;font-family:inherit;font-weight:700;color:inherit}h2{font-size:36px}h1 small,h3{font-size:28px}ol,ul{padding:0;margin:0 0 9pt 25px}h4,h5,h6,li{line-height:24px}hr{border:0;border-top:1px solid #eee;border-bottom:1px solid #fff;margin:1.25rem 0}button,input,label{font-size:1pc;font-weight:400;line-height:24px}textarea{font-weight:400}label{display:block;margin-bottom:5px}.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{display:inline-block;height:24px;padding:4px 6px;margin-bottom:9pt;font-size:1pc;line-height:24px;color:#555;border-radius:4px;vertical-align:middle;background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border linear .2s,box-shadow linear .2s}.uneditable-input,input,textarea{width:206px}.uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{border-color:rgba(82,168,236,.8);outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}input[type=button],input[type=checkbox],input[type=file],input[type=image],input[type=radio],input[type=reset],input[type=submit]{width:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:#333 dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.checkbox,.radio{min-height:24px;padding-left:20px}.checkbox input[type=checkbox],.radio input[type=radio]{float:left;margin-left:-20px}.controls-row [class*=span]+[class*=span],.uneditable-input,input,textarea{margin-left:0}@media (min-width:768px) and (max-width:979px){.row-fluid{width:100%;*zoom:1}.row-fluid:after,.row-fluid:before{display:table;content:"";line-height:0}.row-fluid:after{clear:both}}@media (min-width:1200px){.row-fluid{width:100%;*zoom:1}.row-fluid:after,.row-fluid:before{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.controls-row [class*=span]+[class*=span],.uneditable-input,input,textarea{margin-left:0}}@media (max-width:979px){body{padding-top:0}}.small{font-size:.9rem}body{height:100%;width:100%;min-width:8in;-webkit-font-smoothing:antialiased;background:#fff;color:#555459;padding:0;overflow-y:hidden;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:1pc/1rem "Helvetica Neue",Helvetica,"Segoe UI",Tahoma,Arial,sans-serif}#team_menu{padding:0 1rem;color:#fff;width:220px;height:72px;background:#4d394b;border-bottom:2px solid #4d394b;float:left;cursor:pointer;position:relative;font:900 1rem/72px Slack-Lato,appleLogo,sans-serif}#team_menu .team_name_container{line-height:1.375rem;margin-bottom:-2px}#team_menu .team_name_caret{color:#a09a9f}#team_menu.active .team_name_caret,#team_menu:hover .team_name_caret{opacity:1;-moz-opacity:1;-khtml-opacity:1;color:#fff}html.supports_flexbox #team_menu .team_name_container{display:flex}html.supports_flexbox #team_menu .team_name_caret{-ms-order:1;order:1}#team_menu .notifications_menu_btn{float:right;color:#a09a9f;opacity:.6;margin-top:-9px}#team_menu .notifications_menu_btn.active,#team_menu .notifications_menu_btn:hover{color:#fff;opacity:1;cursor:pointer}#team_menu .notifications_menu_btn .notifications_menu_tip{margin-top:-14px}#team_menu.active,#team_menu:hover{background:#3e313c;border-bottom-color:#3e313c}#quick_switcher_btn>i,#team_menu.active #current_user_name,#team_menu:hover #current_user_name{color:#fff;opacity:1;-moz-opacity:1;-khtml-opacity:1}#team_menu #team_name{font-size:1.125rem;line-height:1.375rem}#presence_container{line-height:1.0625rem;margin-top:.25rem}#current_user_name{color:#ab9ba9;opacity:1;-moz-opacity:1;-khtml-opacity:1;transition:all .1s ease-out 0;padding:0 .25rem 0 .8rem;margin-top:.0625rem;display:inline-block;max-width:100%;font:400 .875rem/1.0625rem Slack-Lato,appleLogo,sans-serif}#presence{position:absolute;top:40px;left:11px;width:19px;height:21px}#presence.active:before{color:#38978d}#presence.active.dnd:before{content:"\E508"}#client_header,#header{background:#fff;height:53px;position:fixed;z-index:100;min-width:8in;width:100%}#client_body{margin-top:53px}#notification_bar{position:absolute;bottom:3px;left:20px;padding-right:110px;width:100%}#notification_text,#special_formatting_text{color:#9e9ea6;display:inline-block;font-size:.7em;line-height:1rem}#notification_text{max-width:75%}#special_formatting_text{position:absolute;right:40px;bottom:0;opacity:0;white-space:nowrap}#quick_switcher_btn{background:#4d394b;border-top:2px solid #4d394b;cursor:pointer;-webkit-font-smoothing:antialiased;text-align:center;float:left;width:220px;height:4rem;padding:1.4rem 1rem 0;position:fixed;bottom:0;left:0;font:700 .9375rem/1.2rem Slack-Lato,appleLogo,sans-serif}#quick_switcher_btn>i{color:#ab9ba9;transition:opacity .1s ease-out 0s,color .1s ease-out 0s,left .1s ease-in-out 0;position:absolute;left:98px}#quick_switcher_btn>i:before{font-size:1.5rem;vertical-align:bottom}#quick_switcher_btn:active,#quick_switcher_btn:hover{background:#3e313c;border-color:#3e313c}#quick_switcher_btn:active>i,#quick_switcher_btn:hover>i{color:#fff;opacity:1;-moz-opacity:1;-khtml-opacity:1;left:1rem;transition:opacity .1s ease-out 0s,color .1s ease-out 0s,left .2s ease-in-out .1s}#quick_switcher_btn:active #quick_switcher_label,#quick_switcher_btn:hover #quick_switcher_label{color:#fff;opacity:1;-moz-opacity:1;-khtml-opacity:1;transition:all .25s cubic-bezier(.16,.85,.5,1) .25s}#quick_switcher_btn:active #quick_switcher_shortcut,#quick_switcher_btn:hover #quick_switcher_shortcut{color:#fff;opacity:1;-moz-opacity:1;-khtml-opacity:1;transition:all .25s cubic-bezier(.16,.85,.5,1) .35s}#quick_switcher_label,#quick_switcher_shortcut{color:#ab9ba9;opacity:0;-moz-opacity:0;-khtml-opacity:0;transition:all .1s cubic-bezier(.16,.85,.5,1) 0}#quick_switcher_shortcut{position:absolute;right:1rem}#quick_switcher_label{position:relative}#quick_switcher_label.quick_switcher_label_windows_alignment{left:-.6875rem}