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