aboutsummaryrefslogtreecommitdiff
path: root/assets/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/style.css')
-rw-r--r--assets/style.css632
1 files changed, 0 insertions, 632 deletions
diff --git a/assets/style.css b/assets/style.css
deleted file mode 100644
index 09f015f..0000000
--- a/assets/style.css
+++ /dev/null
@@ -1,632 +0,0 @@
-/* Typography and styling */
-
-html {
- font-family: 'Barlow', sans-serif;
- font-size: 13pt;
- line-height: 1.5;
- color: #000;
-}
-
-body {
- min-width: 22rem;
-}
-
-code, pre, var {
- font-family: 'Roboto Mono', monospace;
- font-weight: 300;
-}
-
-pre {
- margin: 0.3em;
- padding-left: 0.5em;
- border-left: 2pt dotted #fc8;
- border-right: 2pt dotted #fc8;
-
- overflow-x: auto;
-}
-
-code, var {
- border: 2pt dotted #fc8;
- border-radius: 0.2em;
-}
-
-pre code, pre var {
- border: none;
-}
-
-a {
- text-decoration: none;
- color: #0ad;
-}
-
-a:hover {
- text-decoration: underline;
-}
-
-a.header-local-anchor {
- color: #eee;
- font-weight: 300;
- padding-left: 0.5em;
-}
-
-a.header-local-anchor:hover {
- text-decoration: none;
- color: #0ad;
-}
-
-body {
- margin: 0;
- background: white;
-}
-
-h1, h2 {
- font-family: 'Barlow Condensed', sans-serif;
- color: #555;
- border-bottom: 1pt solid #e8e8e8;
-}
-
-h3, h4, h5, h6 {
- font-family: 'Barlow Semi Condensed', sans-serif;
- color: #555;
- border-bottom: 1pt solid #e8e8e8;
-}
-
-h1 {
- font-size: 250%;
- font-weight: bold;
-}
-
-h2 {
- font-size: 225%;
- font-weight: bold;
-}
-
-h3 {
- font-size: 200%;
- font-weight: 300;
-}
-
-h4 {
- font-size: 150%;
- font-weight: bold;
-}
-
-h5 {
- font-size: 120%;
- font-weight: bold;
-}
-
-h6 {
- font-size: 120%;
- font-weight: 300;
-}
-
-tbody tr.even {
- background: #f8f8f8;
-}
-
-table td {
- padding: 0.3em;
-}
-
-table th {
- padding: 0.5em;
- border-bottom: 1pt solid #777;
-}
-
-blockquote {
- border-left: 0.5em solid #eee;
- padding-left: 1em;
-}
-
-img {
- max-width: 100%;
-}
-
-/* the "side" infobox */
-
-.sidebox ol {
- padding-left: 1em;
- margin: 0;
- margin-bottom: 0.5em;
-}
-
-.sidebox ul {
- padding-left: 1em;
- list-style-type: none;
- margin: 0;
- margin-bottom: 0.5em;
-}
-
-.sidebox .sidebox-right {
- text-align: right;
-}
-
-
-li.sidebox-tag {
- padding-left: 1em;
- text-indent: -1em;
-}
-
-.sidebox-toc a {
- display: inline-block;
- padding-left: 1em;
- text-indent: -1em;
-}
-
-/* search form and related stuff */
-
-.search-form-wrap {
- text-align: center;
- font-size: 120%;
-}
-
-ul.search-results li {
- margin-bottom: 1em;
-}
-
-ul.search-results li a.search-result {
- font-size: 120%;
- display: block;
-}
-
-ul.search-results li div.search-tag {
- display: block;
- font-size: 80%;
- color: #555;
- font-weight: bold;
-}
-
-form.search-form-wrap {
- width: 100%;
-}
-
-div.search {
- width: 100%;
- border: 2pt solid #eee;
- border-radius: 2em;
- transition: border 250ms;
- margin-left: auto;
- margin-right: auto;
- display:flex;
-}
-
-div.search:focus-within {
- border: 2pt solid #0ad;
-}
-
-.search i {
- height: 2em;
- width: 2em;
- background-image: url('static/search.svg');
- background-size: contain;
- background-repeat: no-repeat;
- flex-grow: 0;
-}
-
-.search input {
- font-size: inherit;
- font-family: inherit;
- line-height: 2em;
- border: none;
- background: none;
- flex-grow: 1;
-}
-
-.search input:focus, .search input:active, .search input:focus-visible{
- outline: none;
-}
-
-/* front page */
-
-.index-cards {
- display:flex;
- justify-content: center;
- flex-wrap: wrap;
- align-items: flex-start;
-}
-
-.index-card {
- border: 2pt solid #0ad;
- box-shadow: 5pt 5pt 10pt #aaa;
- border-radius: 1rem;
- padding: 0.5rem;
- margin: 0.5rem;
- width: 6rem;
- height: 10rem;
- text-align: center;
-}
-
-.index-card a {
- text-decoration: inherit;
- color: #777;
-}
-
-.index-card a:hover {
- text-decoration: inherit;
- color: #0ad;
-}
-
-
-.index-card-icon {
- width: 4rem;
- height: 4rem;
- margin: 0.5rem;
- display: inline-block;
- background-size: contain;
- background-repeat: no-repeat;
-}
-
-.index-icon-admin {
- background-image: url('static/emoji/1f5c2.svg');
-}
-
-.index-icon-it {
- background-image: url('static/emoji/1f5a5.svg');
-}
-
-.index-icon-lab {
- background-image: url('static/emoji/1f9ea.svg');
-}
-
-.index-icon-pub {
- background-image: url('static/emoji/1f4dd.svg');
-}
-
-.index-card-title {
- font-family: 'Barlow Semi Condensed', sans-serif;
- font-size: 80%;
-}
-
-/* layout */
-
-header {
- height: 4rem;
- margin-bottom: 1rem;
- background: linear-gradient(to bottom, #fafafa, #fafafa 66%, #eeeeee);
- display: flex;
-}
-
-main {
- display: flex;
- flex-direction: row;
-}
-
-.content-holder {
- display: flex;
- flex-direction: column;
- align-items: stretch;
-
- overflow-x: hidden; /* this prevents <pre> and pals from killing the layout */
-}
-
-/* side stuff */
-
-.flex-sidefill-l {
-}
-
-.flex-sidefill-r {
-}
-
-.width-sidebox-counterweight {
-}
-
-.width-sidebox-placeholder {
-}
-
-.sidebox {
-}
-
-.width-content {
- box-sizing: border-box;
- flex-grow: 1;
-}
-
-.flex-fill {
- flex-grow: 1;
-}
-
-/* header bar */
-
-.topbar-borderbottom {
- border-bottom: 1pt solid #777;
-}
-
-.same-height {
- height: inherit;
- display: flex;
-}
-
-.topbar-padding {
- min-width: 2rem;
-}
-
-.topbar-unilu {
- background: white;
- align-self: flex-end;
- padding: 0.5rem;
- padding-bottom: 0.1rem;
- border: solid 1pt #777;
- border-bottom: none;
- border-radius: 0.5rem 0.5rem 0 0;
-}
-
-.logo-unilu {
- height: 2.5rem;
- width: 3rem;
- background-image: url('static/unilu.svg');
- background-size: contain;
- background-repeat: no-repeat;
-}
-
-.topbar-lcsb {
- align-self: flex-end;
- padding-bottom: 0.5rem;
-}
-
-.logo-lcsb {
- height: 2.5rem;
- width: 2.5rem;
- background-image: url('static/lcsb.svg');
- background-size: contain;
- background-repeat: no-repeat;
-}
-
-.topbar-text {
- padding-bottom: 0.5rem;
- font-family: 'Barlow Condensed', sans-serif;
- font-weight: 300;
- line-height: 1.2;
- color: #777;
- display:flex;
-}
-
-.header-title {
- align-self: flex-end;
- font-size: 120%;
- margin-left: .6em;
-}
-
-.header-subtitle {
- display: none;
- align-self: flex-end;
- font-size: 120%;
- max-width: 7em;
- margin-left: .5em;
- padding-left: .5em;
- margin-bottom: 0.1rem;
- border-left: 1pt solid #777;
-}
-
-/* meta bar */
-
-.sidebox {
- align-self: flex-start;
- box-sizing: border-box;
- width: 100%;
-
- padding-left: 2rem;
- padding-right: 2rem;
-
- color: #777;
-}
-
-.sidebox-header {
- font-weight: bold;
- font-size: 80%;
-}
-
-.sidebox-values {
- margin-bottom: 1em;
- font-size: 80%;
-}
-
-/* main content */
-
-.content {
- box-sizing: border-box;
- width: 100%;
-
- padding-left: 2rem;
- padding-right: 2rem;
-}
-
-/* footer */
-
-.content-footer {
- height: 10rem;
- margin-top: 5rem;
- background-color: #ddd;
- box-shadow:
- inset 10rem -10rem 10rem 0 #fff,
- inset -10rem -10rem 10rem 0 #fff;
- display: flex;
-}
-
-.footer-r3 {
- align-self: center;
- height: 3rem;
- width: 3rem;
- background-image: url('static/r3.svg');
- background-size: contain;
- background-repeat: no-repeat;
-}
-
-.footer-lcsb {
- align-self: center;
- margin-left: 1rem;
- height: 3rem;
- width: 3rem;
- background-image: url('static/lcsb.svg');
- background-size: contain;
- background-repeat: no-repeat;
-}
-
-.footer-text {
- align-self: center;
- margin-left: 2rem;
- max-width: 75%;
-
- font: 'Barlow Condensed', sans-serif;
- font-size: 80%;
- color: #777;
-}
-
-/* responsive switchery */
-
-@media screen and (min-width: 390pt /*30 rem*/) {
-
- div.search {
- width: 25rem;
- }
-
- .header-title {
- font-size: 150%;
- }
-
- .header-subtitle {
- font-size: 75%;
- display: block;
- }
-}
-
-@media screen and (min-width: 780pt /*60 rem*/) {
- /*
- * bigger than forced 1column:
- * - switch header to "normal" form
- * - start growing borders
- */
-
- header {
- height: 8rem;
- }
-
- .flex-sidefill-l {
- flex-grow: 1;
- }
-
- .flex-sidefill-r {
- flex-grow: 1;
- }
-
- .width-content {
- width: 60rem;
- flex-grow: 0;
- }
-
- .index-card {
- border-radius: 2rem;
- padding: 1rem;
- margin: 1rem;
- width: 9rem;
- height: 15rem;
- }
-
- .index-card-icon {
- width:6rem;
- height:6rem;
- }
-
- .index-card-title {
- font-size: 120%;
- }
-
- /* header stuff */
-
- .topbar-unilu {
- padding: 1.5rem;
- padding-bottom: 0.2rem;
- border-radius: 1.5rem 1.5rem 0 0;
- }
-
- .logo-unilu {
- height: 5rem;
- width: 6rem;
- }
-
- .topbar-lcsb {
- padding-bottom: 1rem;
- }
-
- .logo-lcsb {
- height: 5rem;
- width: 5rem;
- }
-
- .topbar-text {
- padding-bottom: 1rem;
- }
-
- .header-title {
- font-size: 300%;
- }
-
- .header-subtitle {
- margin-bottom: 0.4rem;
- font-size: 120%;
- }
-}
-
-@media screen and (min-width: 1040pt /*80 rem*/) {
-
- header {
- margin-bottom: 3rem;
- }
-
- .flex-sidefill-r {
- flex-grow: 0;
- }
-
- .content-holder {
- flex-direction: row-reverse;
- }
-
- .width-sidebox-placeholder {
- width: 20rem;
- }
-
- .sidebox {
- width: 20rem;
- }
-
- .sidebox .sidebox-right {
- text-align: left;
- margin-bottom: 1em;
- }
-}
-
-@media screen and (min-width: 1300pt /*100 rem*/) {
- .flex-sidefill-r {
- flex-grow: 1;
- }
-
- .width-sidebox-counterweight {
- width: 20rem;
- }
-}
-
-@media print {
- html {
- font-size: 10pt;
- }
-
- header {
- display: none;
- }
-
- .content-footer {
- display: none;
- }
-
- .content {
- padding: 0;
- }
-
- .sidebox {
- display: none;
- }
-
- pre {
- overflow-x: wrap;
- }
-}