mirror of
https://github.com/jhillyerd/inbucket.git
synced 2025-12-18 10:07:02 +00:00
1 line
7.9 KiB
CSS
1 line
7.9 KiB
CSS
:root{--bg-color:#fff;--primary-color:#333;--low-color:#666;--high-color:#337ab7;--border-color:#ddd;--placeholder-color:#9f9f9f;--selected-color:#eee}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}::-webkit-input-placeholder{color:var(--placeholder-color);opacity:1}::-ms-input-placeholder{color:var(--placeholder-color);opacity:1}::placeholder{color:var(--placeholder-color);opacity:1}a{color:#337ab7;text-decoration:none}body{background-color:var(--bg-color)}body,input,table{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.43;color:var(--primary-color)}h1,h2,h3,h4,h5,h6,p{margin-bottom:10px}a.button{background-color:#337ab7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#337ab7),to(#265a88));background-image:-webkit-linear-gradient(top,#337ab7,#265a88);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:linear-gradient(180deg,#337ab7 0,#265a88);border:none;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-style:normal;margin:4px;padding:3px 8px;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.2)}.well{background-color:var(--selected-color);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e8e8e8),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#e8e8e8,#f5f5f5);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:linear-gradient(180deg,#e8e8e8 0,#f5f5f5);border:1px solid var(--border-color);border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05);padding:4px 10px;margin:20px 0}#app{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-gap:20px;grid-template:"lpad head rpad" auto "lpad page rpad" 1fr "foot foot foot" auto/minmax(20px,auto) 1fr minmax(20px,auto);height:100vh}@media (max-width:999px){#app{grid-template:"head head head" auto "lpad page rpad" 1fr "foot foot foot" auto/1px 1fr 1px;height:auto}.desktop{display:none}}header{grid-area:head}#page{grid-area:page}footer{background-color:var(--selected-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-area:foot}#footer{margin:10px auto}h1{font-size:30px;font-weight:500}.greeting{max-width:1000px}#navbg,.navbar{height:50px}.navbar{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:20px;list-style:none;padding:0;text-shadow:0 -1px 0 rgba(0,0,0,.2)}.navbar li{color:#9d9d9d}.navbar-dropdown span,.navbar a{color:#9d9d9d;display:inline-block;padding:15px;text-decoration:none}li.navbar-active{background-color:#080808}.navbar a:hover,li.navbar-active a,li.navbar-active span{color:#fff}#navbar-brand{font-size:18px;margin-left:-15px}#navbar-recent{margin:0 auto}#navbar-mailbox{padding:8px 0!important}#navbar-mailbox input{padding:5px 10px;margin-top:1px;width:250px}#navbar-mailbox input,.navbar-dropdown-content{border:1px solid var(--border-color);border-radius:4px}.navbar-dropdown-content{background-color:var(--bg-color);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05);display:none;min-width:160px;position:absolute;text-shadow:none;z-index:1}.navbar-dropdown:hover .navbar-dropdown-content{display:block}.navbar-dropdown-content a{color:var(--primary-color)!important;display:block;padding:5px 15px}.navbar-dropdown-content a:hover{background-color:var(--selected-color)}#navbg{background-color:#222;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3c3c3c),to(#222));background-image:-webkit-linear-gradient(top,#3c3c3c,#222);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:linear-gradient(180deg,#3c3c3c 0,#222);grid-column:1/4;grid-row:1;width:100%;z-index:-1}.button-bar button{background-color:#337ab7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#337ab7),to(#265a88));background-image:-webkit-linear-gradient(top,#337ab7,#265a88);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:linear-gradient(180deg,#337ab7 0,#265a88);border:none;border-radius:4px;color:#fff;font-size:12px;font-style:normal;font-weight:400;height:30px;margin:0 4px 0 0;padding:5px;text-align:center;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.2);width:8em}.button-bar button.danger{background-color:#d9534f;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#d9534f),to(#c12e2a));background-image:-webkit-linear-gradient(top,#d9534f,#c12e2a);background-image:-o-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:linear-gradient(180deg,#d9534f 0,#c12e2a)}.mailbox{display:grid;grid-area:page;grid-gap:20px;grid-template-areas:"list" "mesg";justify-self:center}@media (min-width:1000px){.mailbox{grid-template-columns:minmax(200px,300px) minmax(650px,1000px);grid-template-areas:"list mesg";grid-template-rows:1fr}}#message-list{grid-area:list}.message-list-entry{border-color:var(--border-color);border-width:1px;border-style:none solid solid;cursor:pointer;padding:5px 8px}.message-list-entry.selected{background-color:var(--selected-color)}.message-list-entry:first-child{border-style:solid}.message-list-entry .subject{color:var(--high-color)}.message-list-entry.unseen .subject{font-weight:700}.message-list-entry .date,.message-list-entry .from{color:var(--low-color);font-size:85%}#message{grid-area:mesg}#message-header{border:1px solid var(--border-color);border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05);padding:10px;margin:10px 0}#message-header dt{color:var(--low-color);font-weight:700}#message-header dd{color:var(--low-color);padding-left:10px}@media (min-width:1000px){#message-header{display:grid;grid-template:auto/5em 1fr}#message-header dt{grid-column:1;text-align:right}#message-header dd{grid-column:2}}.message-body{padding:5px}nav.tab-bar{border-bottom:1px solid var(--border-color);display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px 0 10px}nav.tab-bar a{border-radius:4px 4px 0 0;display:block;margin-bottom:-1px;margin-right:2px;padding:8px 15px;text-decoration:none}nav.tab-bar a.active{color:var(--low-color);border-color:var(--border-color) var(--border-color) var(--bg-color);border-style:solid;border-width:1px}nav.tab-bar a:focus,nav.tab-bar a:hover{background-color:var(--selected-color)}nav.tab-bar a.active:focus,nav.tab-bar a.active:hover{background-color:var(--bg-color)}.attachments{width:100%}.metric-panel{border:1px solid var(--border-color);border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05);margin:20px 0}.metric-panel h2{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f5f5f5),to(#e8e8e8));background-image:-webkit-linear-gradient(top,#f5f5f5,#e8e8e8);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(180deg,#f5f5f5 0,#e8e8e8);font-size:16px;font-weight:500;padding:10px}.metric-panel .metrics{padding:7px 10px}.metric-panel .metric{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:3px 0}.metric .label{font-weight:700}.metric .label,.metric .value{-ms-flex-preferred-size:15em;flex-basis:15em}.metric .graph{-ms-flex-preferred-size:25em;flex-basis:25em}#monitor{border-collapse:collapse;width:100%}#monitor th{border-bottom:2px solid var(--border-color);text-align:left;padding:5px}#monitor td{border-bottom:1px solid var(--border-color);font-size:12px;padding:5px}#monitor tr:hover{background-color:var(--selected-color);cursor:pointer} |