From 614054a72e41af9e77964c01b7ab0da7dc5b27fb Mon Sep 17 00:00:00 2001 From: Mirek Kratochvil Date: Wed, 19 Jul 2023 20:36:50 +0200 Subject: make the contents completely generic --- assets/style.css | 632 ------------------------------------------------------- 1 file changed, 632 deletions(-) delete mode 100644 assets/style.css (limited to 'assets/style.css') 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
 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;
-	}
-}
-- 
cgit v1.2.3