diff options
Diffstat (limited to 'assets/style.css')
| -rw-r--r-- | assets/style.css | 632 |
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; - } -} |
