1 line
9.5 KiB
CSS
1 line
9.5 KiB
CSS
@charset "UTF-8";body,button,h1,h2,h3,h4,h5,input{font-family:"Open Sans",sans-serif;font-weight:300}#topbar h1,button,input[type=submit]{text-transform:uppercase;display:inline-block}*{margin:0;padding:0;font-size:14px}:active,:focus,:hover{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}main{padding:1rem}main#index{width:100%;display:grid;grid-row-gap:2rem;grid-template-areas:"stats" "contributions"}main section{margin-bottom:5rem}main section:first-of-type{margin-top:2rem}main section header{padding-bottom:3rem;text-align:center}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{padding-top:3rem;font-size:1rem;color:#fff;text-align:center}section#people .content p.stats span.number{font-weight:600}button,input[type=submit],ul.proposal-list li .amount,ul.proposal-list li .recipient{font-weight:500}section#contributions-by-type .chart{width:50%;margin-left:auto;margin-right:auto}@media screen and (max-width:600px){main section{margin-bottom:5rem}main section#proposals-closed,main section#proposals-open{margin-top:0}main section header{padding-bottom:2rem}section#people .content p.stats{padding-top:2rem}section#contributions-by-type .chart{width:75%}}section#proposals-closed .actions,section#proposals-open .actions{padding-top:3rem;font-size:1rem;color:#68d7fb;text-align:center}@media screen and (max-width:600px){section#proposals-closed .actions,section#proposals-open .actions{padding-top:2rem}}section#proposals-closed .actions a,section#proposals-open .actions a{color:#68d7fb}button,input[type=submit]{border:1px solid #161528;background-color:rgba(22,21,40,.6);color:#68d7fb;border-radius:3px;cursor:pointer;letter-spacing:.1em}button:hover,input[type=submit]:hover{background-color:rgba(22,21,40,.8)}@media (min-width:550px){main#index{grid-column-gap:4rem;grid-row-gap:2rem;grid-template-columns:2fr 4fr;grid-template-areas:"stats contributions"}section h2{font-size:2rem}}.loading-spinner,table.contributor-list tr td.kredits .amount{font-size:1.4rem}#topbar{height:3rem;padding:0 1rem;line-height:3rem;background-color:rgba(0,0,0,.3)}#topbar section#user-account{display:inline-block;float:right}@keyframes pulse{from{opacity:.1}to{opacity:.6}}.loading-spinner{margin-top:12rem;text-align:center;color:#68d7fb}@media screen and (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}table.contributor-list{width:100%;border-collapse:collapse}table.contributor-list tr{border-bottom:1px solid rgba(255,255,255,.2);background-color:rgba(255,255,255,.1)}table.contributor-list tr:first-of-type{border-top:1px solid rgba(255,255,255,.2)}table.contributor-list tr.current-user{background-color:rgba(255,255,255,.2)}table.contributor-list tr.metadata{height:0;transition:all .2s ease-out}table.contributor-list tr.metadata td{padding:0 1.2rem}table.contributor-list tr.metadata a{color:#68d7fb}table.contributor-list tr.metadata a:active,table.contributor-list tr.metadata a:hover{color:#fff}table.contributor-list tr.metadata ul{list-style:none;display:block;overflow:hidden;height:0;transition:all .2s ease-out}table.contributor-list tr.metadata ul li{display:inline}table.contributor-list tr.metadata ul li+li{margin-left:1rem}table.contributor-list tr.metadata.visible,table.contributor-list tr.metadata.visible ul{height:auto}table.contributor-list tr td{padding:0 1.2rem;line-height:4.2rem}table.contributor-list tr td.person{text-align:left;font-size:1.4rem}table.contributor-list tr td.person img.avatar{width:2rem;height:2rem;vertical-align:middle;margin-right:.2rem;border-radius:1rem}table.contributor-list tr td.kredits{text-align:right}table.contributor-list tr td.kredits .symbol{font-size:1rem;padding-left:.2rem}table.contributor-list tr td pre{line-height:1rem;padding-bottom:1rem}section#add-contributor form p,section#add-proposal form p{margin-bottom:1rem}section#add-contributor form p.actions,section#add-proposal form p.actions{padding-top:1rem;text-align:center}section#add-contributor form p.actions a,section#add-proposal form p.actions a{color:#68d7fb;margin-left:1rem}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}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-contributor form input[type=text]::-webkit-input-placeholder,section#add-contributor form select::-webkit-input-placeholder,section#add-proposal form input[type=text]::-webkit-input-placeholder,section#add-proposal form select::-webkit-input-placeholder{color:rgba(238,238,238,.5)}section#add-contributor form input[type=text]::-moz-placeholder,section#add-contributor form select::-moz-placeholder,section#add-proposal form input[type=text]::-moz-placeholder,section#add-proposal form select::-moz-placeholder{color:rgba(238,238,238,.5)}section#add-contributor form input[type=text]:-moz-placeholder,section#add-contributor form select:-moz-placeholder,section#add-proposal form input[type=text]:-moz-placeholder,section#add-proposal form select:-moz-placeholder{color:rgba(238,238,238,.5)}section#add-contributor form input[type=text]:-ms-input-placeholder,section#add-contributor form select:-ms-input-placeholder,section#add-proposal form input[type=text]:-ms-input-placeholder,section#add-proposal form select:-ms-input-placeholder{color:rgba(238,238,238,.5)}section#add-contributor form select,section#add-proposal form select{-webkit-appearance:none;-moz-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-contributor form select:invalid,section#add-proposal form select:invalid{color:rgba(238,238,238,.5)}section#add-contributor form input[type=submit],section#add-proposal form input[type=submit]{padding:.6rem 2rem}section#add-contributor form input[type=submit]:disabled,section#add-proposal form input[type=submit]:disabled{background-color:transparent}section#add-contributor form input[type=checkbox],section#add-proposal form input[type=checkbox]{display:none}section#add-contributor form label.checkbox,section#add-proposal form label.checkbox{line-height:3.2rem;font-size:1.2rem}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-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}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:first-of-type{border-top: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;font-weight:500;padding-left:.2rem}ul.proposal-list li .votes{font-size:1rem;color:#68d7fb;margin-right:.5rem}ul.proposal-list li button{height:2rem;line-height:2rem;padding:0 .6rem}@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}} |