1 line
16 KiB
CSS
1 line
16 KiB
CSS
@charset "UTF-8";body,button,h1,h2,h3,h4,h5,input{font-family:"Open Sans",sans-serif;font-weight:300}*{margin:0;padding:0;box-sizing:border-box;font-size:14px}:active,:focus,:hover{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}main{padding:1rem 2rem}main#dashboard{width:100%;display:grid;grid-row-gap:2rem;grid-template-areas:"stats" "contributions"}main.center-column{display:flex;flex-direction:column;align-items:center}main.center-column section{width:600px;max-width:100%}main.center-column section header{text-align:center}@media (min-width:550px){main#dashboard{grid-column-gap:4rem;grid-row-gap:2rem;grid-template-columns:2fr 4fr;grid-template-areas:"stats contributions"}main#dashboard.with-details{grid-column-gap:3rem;grid-template-columns:2fr 4fr 2fr;grid-template-areas:"stats contributions details"}}main section{margin-bottom:5rem}main section:first-of-type{margin-top:2rem}main section header{margin-bottom:3rem}main section header.with-nav{display:grid;grid-template-columns:auto 5rem;grid-template-areas:"title" "actions"}main section header h2{display:inline-block}main section header nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}@media (max-width:600px){main{padding:1rem}main section{margin-bottom:5rem}main section header{margin-bottom:2rem}}body{background-image:linear-gradient(to bottom,rgba(22,21,40,.4),rgba(0,0,0,.75)),url(/img/bg-947d3bf6bb15a1a3b07afcba4c307690.jpg);background-repeat:none;background-attachment:fixed;color:#fff}@media screen and (min-width:900px){body{background-size:cover}}button,h1,h2,h3,h4,h5,input{font-size:1rem}section h2{font-size:1.4rem;color:#68d7fb}section#people .content p.stats{margin-bottom:1rem;font-size:1rem;color:#fff;text-align:center}section#people .content p.stats span.number{font-weight:600}.button,button,input[type=submit],table.contributor-list tr.current-user,ul.contribution-list li .amount,ul.contribution-list li .recipient,ul.proposal-list li .amount,ul.proposal-list li .recipient,ul.proposal-list li .symbol{font-weight:500}section#contributions-by-type .chart{width:50%;margin-left:auto;margin-right:auto}section#proposals-closed .actions,section#proposals-open .actions{padding-top:3rem;font-size:1rem;color:#68d7fb;text-align:center}@media (max-width:600px){section#contributions-by-type .chart{width:75%}section#proposals-closed .actions,section#proposals-open .actions{padding-top:2rem}main section#contributions-confirmed,main section#contributions-unconfirmed{margin-top:0}}section#proposals-closed .actions a,section#proposals-open .actions a{color:#68d7fb}@media (min-width:550px){section h2{font-size:2rem}}.button,button,input[type=submit]{display:inline-block;padding:.6rem 2rem;background-color:rgba(22,21,40,.6);border:1px solid #161528;border-radius:3px;color:#68d7fb;text-decoration:none;text-transform:uppercase;cursor:pointer;letter-spacing:.1em}.button+.button,.button+button,.button+input[type=submit],button+.button,button+button,button+input[type=submit],input[type=submit]+.button,input[type=submit]+button,input[type=submit]+input[type=submit]{margin-left:.5rem}.button:hover,button:hover,input[type=submit]:hover{background-color:rgba(22,21,40,.8)}.button.active,.button:active,button.active,button:active,input[type=submit].active,input[type=submit]:active{border-color:#68d7fb}.button.small,button.small,input[type=submit].small{font-size:.8rem;padding:.2rem .8rem}.button.danger,button.danger,input[type=submit].danger{color:#fb6868;background-color:rgba(40,21,21,.6);border-color:#281515}.button.danger:hover,button.danger:hover,input[type=submit].danger:hover{background-color:rgba(40,21,21,.8)}.button.danger.active,.button.danger:active,button.danger.active,button.danger:active,input[type=submit].danger.active,input[type=submit].danger:active{border-color:#fb6868}.button.green,button.green,input[type=submit].green{color:#97fb68;background-color:rgba(21,40,21,.6);border-color:#152815}.button.green:hover,button.green:hover,input[type=submit].green:hover{background-color:rgba(21,40,21,.8)}.button.green.active,.button.green:active,button.green.active,button.green:active,input[type=submit].green.active,input[type=submit].green:active{border-color:#97fb68}section#add-contribution form p,section#add-contributor form p,section#add-proposal form p{margin-bottom:1.5rem}section#add-contribution form p.label,section#add-contributor form p.label,section#add-proposal form p.label{margin-bottom:.5rem}section#add-contribution form p.actions,section#add-contributor form p.actions,section#add-proposal form p.actions{padding-top:1.5rem;text-align:center}section#add-contribution form p.actions a,section#add-contributor form p.actions a,section#add-proposal form p.actions a{color:#68d7fb;margin-left:1rem}section#add-contribution form label,section#add-contributor form label,section#add-proposal form label{display:block;margin-bottom:.5rem;opacity:.7}section#add-contribution form input[type=text],section#add-contribution form select,section#add-contributor form input[type=text],section#add-contributor form select,section#add-proposal form input[type=text],section#add-proposal form select{width:100%;padding:1rem;border:none;border-bottom:1px solid rgba(255,255,255,.2);background-color:rgba(22,21,40,.3);color:#fff;font-size:1.2rem;transition:border-color .1s linear}section#add-contribution form input[type=text].valid,section#add-contribution form input[type=text]:focus,section#add-contribution form select.valid,section#add-contribution form select:focus,section#add-contributor form input[type=text].valid,section#add-contributor form input[type=text]:focus,section#add-contributor form select.valid,section#add-contributor form select:focus,section#add-proposal form input[type=text].valid,section#add-proposal form input[type=text]:focus,section#add-proposal form select.valid,section#add-proposal form select:focus{background-color:rgba(22,21,40,.6)}section#add-contribution form input[type=text]:focus,section#add-contribution form select:focus,section#add-contributor form input[type=text]:focus,section#add-contributor form select:focus,section#add-proposal form input[type=text]:focus,section#add-proposal form select:focus{border-color:#68d7fb}section#contribution-details .content,table.contributor-list tr:first-of-type,ul.contribution-list li:first-of-type{border-top:1px solid rgba(255,255,255,.2)}section#add-contribution form input[type=text]::placeholder,section#add-contribution form select::placeholder,section#add-contributor form input[type=text]::placeholder,section#add-contributor form select::placeholder,section#add-proposal form input[type=text]::placeholder,section#add-proposal form select::placeholder{color:rgba(238,238,238,.5)}section#add-contribution form select,section#add-contributor form select,section#add-proposal form select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0;background-color:rgba(22,21,40,.6);background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%);background-position:calc(100% - 1.5rem) calc(1rem + .5rem),calc(100% - 1rem) calc(1rem + .5rem);background-size:.5rem .5rem,.5rem .5rem;background-repeat:no-repeat}section#add-contribution form select:invalid,section#add-contributor form select:invalid,section#add-proposal form select:invalid{color:rgba(238,238,238,.5)}section#add-contribution form input[type=submit],section#add-contributor form input[type=submit],section#add-proposal form input[type=submit]{padding:.6rem 2rem}section#add-contribution form input[type=submit]:disabled,section#add-contributor form input[type=submit]:disabled,section#add-proposal form input[type=submit]:disabled{background-color:transparent}section#add-contribution form input[type=checkbox],section#add-contributor form input[type=checkbox],section#add-proposal form input[type=checkbox]{display:none}section#add-contribution form label.checkbox,section#add-contributor form label.checkbox,section#add-proposal form label.checkbox{line-height:3.2rem;font-size:1.2rem}section#add-contribution form label.checkbox::before,section#add-contributor form label.checkbox::before,section#add-proposal form label.checkbox::before{display:inline-block;margin-right:.8rem;height:3.2rem;width:3.2rem;font-size:2rem;background-color:rgba(22,21,40,.3);border-bottom:1px solid rgba(255,255,255,.2);text-align:center;vertical-align:middle;content:'✓';color:rgba(255,255,255,.2)}section#add-contribution form input[type=checkbox]:checked+label.checkbox::before,section#add-contributor form input[type=checkbox]:checked+label.checkbox::before,section#add-proposal form input[type=checkbox]:checked+label.checkbox::before{background-color:rgba(22,21,40,.6);color:#fff}.quick-filter{font-size:1.2rem;margin-bottom:2rem}.quick-filter label,.quick-filter p{font-size:inherit}.quick-filter p{padding:.2rem 0 0}.quick-filter label+label{margin-left:3.6rem}ul.contribution-list{clear:both;width:100%;list-style:none}ul.contribution-list li{display:grid;grid-template-columns:auto 5rem 5rem;grid-row-gap:.5rem;padding:.8rem 1.2rem;background-color:rgba(255,255,255,.1);font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer}.external-accounts a,section#contributor-profile .content ul.external-accounts li{display:inline-block}ul.contribution-list li.confirmed,ul.contribution-list li.vetoed{grid-template-columns:auto 5rem}ul.contribution-list li.vetoed{text-decoration:line-through;opacity:.6}ul.contribution-list li.selected{background-color:rgba(255,255,255,.2)}section#contribution-details .content,table.contributor-list tr{background-color:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.2)}ul.contribution-list li p{align-self:center;margin:0;font-size:inherit;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.contribution-list li p.kredits-amount,ul.contribution-list li p.voting{text-align:right}ul.contribution-list li span{font-size:inherit}ul.contribution-list li span.title a{font-size:inherit;text-decoration:none;color:#fff}ul.contribution-list li span.title a:active,ul.contribution-list li span.title a:hover{color:#68d7fb}ul.contribution-list li .description{line-height:1.4em;font-size:1rem}ul.contribution-list li .category{color:#68d7fb;padding-right:.2rem}ul.contribution-list li .category.community{color:#fb6868}ul.contribution-list li .category.dev{color:#e068fb}ul.contribution-list li .category.design{color:#fbe468}ul.contribution-list li .category.docs{color:#97fb68}ul.contribution-list li .category.ops{color:#8f68fb}ul.contribution-list li .symbol{font-size:.8rem;padding-left:.2rem}ul.contribution-list li .votes{font-size:1rem;color:#68d7fb;margin-right:.5rem}section#contribution-details header nav .amount{font-size:1.5rem}section#contribution-details header nav .symbol{padding-left:.2rem}section#contribution-details .content{width:100%;margin:0 0 1.5rem;padding:2rem}section#contribution-details .content h3{font-size:1.5rem;margin-bottom:2rem}section#contribution-details .content p{margin-bottom:2rem}section#contribution-details .content p span{font-size:inherit}section#contribution-details .content p.who-what-when{font-size:1.2rem;margin-bottom:1.2rem}section#contribution-details .content p:last-of-type{margin-bottom:0}section#contribution-details .content a{color:#68d7fb;text-decoration:none;font-size:inherit}section#contribution-details .content a:hover{text-decoration:underline}section#contribution-details .actions{text-align:center}table.contributor-list{width:100%;border-collapse:collapse;margin-bottom:1.5rem}table.contributor-list tr{cursor:pointer}table.contributor-list tr.selected{background-color:rgba(255,255,255,.2)}table.contributor-list tr td{padding:0 1.2rem;line-height:3.6rem}table.contributor-list tr td.person{text-align:left;font-size:1.2rem}table.contributor-list tr td.person img.avatar{margin-right:.2rem}table.contributor-list tr td.kredits{text-align:right}table.contributor-list tr td.kredits .amount{font-size:1.2rem;font-weight:500}table.contributor-list tr td.kredits .symbol{font-size:.8rem;padding-left:.2rem}section#contributor-profile{text-align:center}section#contributor-profile header{z-index:2;width:100%;text-align:center}section#contributor-profile header img{margin:0 auto;border:3px solid rgba(255,255,255,.2)}section#contributor-profile .content,ul.proposal-list li:first-of-type{border-top:1px solid rgba(255,255,255,.2)}section#contributor-profile .content{z-index:1;width:100%;margin:-7.2rem 0 1.5rem;padding:6rem 1.2rem 2rem;border-bottom:1px solid rgba(255,255,255,.2);background-color:rgba(255,255,255,.1)}section#contributor-profile .content h2{text-align:center;margin-bottom:.6rem}section#contributor-profile .content p.role{margin-bottom:2rem}section#contributor-profile .content ul.external-accounts{list-style:none}section#contributor-profile .content ul.external-accounts li+li{margin-left:.6rem}section#contributor-profile .actions .button{margin-bottom:.6rem}.external-accounts a{width:4rem;height:4rem;padding:.8rem;background-color:rgba(0,0,0,.3);color:#fff;border-radius:2rem}.external-accounts a span.site{display:none}.external-accounts a svg{display:block;position:relative;width:100%;height:100%}.external-accounts a svg .fg{fill:#fff}.external-accounts a:active,.external-accounts a:hover{background-color:rgba(0,0,0,.5)}.external-accounts a:active svg .fg,.external-accounts a:hover svg .fg{fill:#68d7fb}@keyframes pulse{from{opacity:.1}to{opacity:.6}}.loading-spinner{margin-top:12rem;text-align:center;font-size:1.4rem;color:#68d7fb}@media (max-width:600px){.loading-spinner{margin-top:6rem}}.loading-spinner svg{width:200px;height:200px;margin-bottom:2rem}.loading-spinner svg #path-comet{fill:#68d7fb;opacity:.1;animation-name:pulse;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate;animation-duration:1s}ul.proposal-list{clear:both;width:100%;list-style:none}ul.proposal-list li{display:grid;grid-template-columns:auto 5rem;grid-row-gap:.5rem;padding:1rem 1.2rem;background-color:rgba(255,255,255,.1);font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.2)}ul.proposal-list li p{align-self:center;margin:0;font-size:inherit;line-height:2rem}ul.proposal-list li p.kredits-amount,ul.proposal-list li p.voting{text-align:right}ul.proposal-list li p.description,ul.proposal-list li p.voting{grid-column-start:span 2}ul.proposal-list li span{font-size:inherit}ul.proposal-list li .description{line-height:1.4em;font-size:1rem}ul.proposal-list li .category{color:#68d7fb;padding-right:.2rem}ul.proposal-list li .category.community{color:#fb6868}ul.proposal-list li .category.dev{color:#e068fb}ul.proposal-list li .category.design{color:#fbe468}ul.proposal-list li .category.docs{color:#97fb68}ul.proposal-list li .category.ops{color:#8f68fb}ul.proposal-list li .symbol{font-size:1rem;padding-left:.2rem}ul.proposal-list li .votes{font-size:1rem;color:#68d7fb;margin-right:.5rem}@media (min-width:550px){ul.proposal-list li{grid-template-columns:auto 10rem;grid-row-gap:.5rem}ul.proposal-list li p.kredits-amount,ul.proposal-list li p.voting,ul.proposal-list li.unconfirmed p.kredits-amount,ul.proposal-list li.unconfirmed p.voting{text-align:right}ul.proposal-list li.unconfirmed p.description,ul.proposal-list li.unconfirmed p.voting{grid-column-start:span 1}ul.proposal-list li .description{font-size:inherit}}#topbar{padding:0 1rem;height:3rem;line-height:3rem;background-color:rgba(0,0,0,.3)}@media (min-width:961px){#topbar{padding:0 2rem;height:4rem;line-height:4rem}}#topbar h1{display:inline-block;text-transform:uppercase}#topbar h1 a{color:inherit;text-decoration:none}#topbar section#user-account{display:inline-block;float:right}img.avatar{width:2rem;height:2rem;vertical-align:middle;margin-right:.2rem;border-radius:1rem}img.avatar.medium{margin:0;width:10rem;height:10rem;border-radius:5rem}img.avatar.large{margin:0;width:256px;height:256px;border-radius:128px} |