style.css
assembler source, ASCII text
1@import url("/static/efficient-ui/MASTER.css"); 2 3.big-button { 4font-size: 1.5em; 5} 6 7.ripple-pad { 8background: #ffffff99; 9position: absolute; 10opacity: 1; 11transform: scale(0); 12animation: RippleEffect 375ms cubic-bezier(0, 0.55, 0.45, 1) forwards; 13} 14 15@keyframes RippleEffect { 16to { 17transform: scale(1); 18opacity: 0; 19} 20} 21 22button, input, .button, select { 23position: relative; 24overflow: hidden; 25} 26 27.error-page-container { 28align-items: center; 29justify-content: center; 30width: 100%; 31height: 100%; 32} 33 34@media screen and (max-width: 896px) { 35.navbar { 36flex-flow: column nowrap; 37height: fit-content; 38} 39} 40 41@media screen and (max-width: 640px) { 42#repo-table > * > tr > :is(td, th):is(:nth-child(3), :nth-child(4)) { 43display: none; 44} 45 46.commit-message { 47display: none !important; 48} 49} 50 51@media screen and (max-width: 544px) { 52.navbar > ul { 53flex-flow: row wrap; 54justify-content: center; 55} 56#commit-dialog { 57align-items: stretch; 58} 59} 60 61@media screen and (max-width: 512px) { 62.breadcrumbs { 63flex-flow: column nowrap; 64justify-content: center; 65height: auto; 66gap: 1em; 67} 68} 69 70.file-icon { 71font-size: 1.25em; 72} 73 74.file-name, .commit-message { 75display: inline-block; 76white-space: nowrap; 77overflow: hidden; 78text-overflow: ellipsis; 79} 80 81.file-link { 82text-decoration: none; 83} 84 85#repo-tabs, #global-nav > ul, #home-tabs { 86padding: 0; 87margin: 0; 88} 89 90.button { 91text-decoration: none; 92} 93 94/* for now */ 95#repo-table > * > tr > :is(td, th):nth-child(1) { 96display: none; 97} 98 99.password-error { 100background: var(--color-error); 101color: var(--color-error-text); 102padding: 8px; 103gap: 4px; 104border-radius: 2px; 105} 106 107#username p { 108font-size: 1.5em; 109font-weight: 300; 110} 111 112.box-center { 113align-items: center; 114} 115 116#global-nav > x-hbox > a > x-hbox { 117height: 100%; 118} 119 120body > footer { 121background: var(--color-callout-1); 122color: var(--color-callout-1-text); 123padding: 16px; 124} 125body > footer a { 126color: var(--color-callout-1-text) !important; 127} 128body { 129display: flex; 130flex-flow: column; 131} 132main { 133flex: 1 0 auto; 134} 135body > footer dd ul { 136padding-left: 0; 137margin-left: 0 !important; 138list-style: none; 139} 140body > footer dt { 141font-family: "Roboto Condensed"; 142text-transform: uppercase; 143font-weight: 600; 144} 145body > footer hr { 146border-color: #ffffff80; 147margin: 8px 0; 148} 149 150#footer-lists { 151flex-flow: row wrap; 152} 153 154#footer-lists > dl { 155flex: 1 0 0; 156}