Difference between revisions of "Template:Vilnius-Lithuania/CSS/Attributions"

Revision as of 08:27, 28 August 2020 (view source) Paulius (Talk | contribs) (Created page with "body, html { margin: 0; padding: 0; color: #222222; font-family: "lato-regular"; } .introContainer { z-index: 2; position: relative; } .introContainer::before {...")		Revision as of 08:37, 28 August 2020 (view source) Paulius (Talk | contribs) m Newer edit →
Line 109:		Line 109:
	background: transparent;		background: transparent;
	}		}
−	main table {	+	main table, #HQ_page main table {
		+	border: unset;
	border-collapse: collapse;		border-collapse: collapse;
	text-align: center;		text-align: center;
	font-size: 0.9em;		font-size: 0.9em;
	}		}
−	main table .alt {	+	main table .alt, #HQ_page main table .alt {
	background-color: #222222;		background-color: #222222;
	}		}
−	main table tr.divide {	+	main table tr.divide, #HQ_page main table tr.divide {
	border-top: 3px solid #222222;		border-top: 3px solid #222222;
	}		}
−	main table td, main table th {	+	main table td, #HQ_page main table td, main table th, #HQ_page main table th, #HQ_page main table td, #HQ_page #HQ_page main table td, #HQ_page main table th, #HQ_page #HQ_page main table th {
		+	border: unset;
		+	vertical-align: unset;
	background-color: #121212;		background-color: #121212;
	color: #FAFAFC;		color: #FAFAFC;
	padding: 6px;		padding: 6px;
	}		}
−	main table td > div, main table th > div {	+	main table td > div, #HQ_page main table td > div, main table th > div, #HQ_page main table th > div, #HQ_page main table td > div, #HQ_page #HQ_page main table td > div, #HQ_page main table th > div, #HQ_page #HQ_page main table th > div {
	display: inline-block;		display: inline-block;
	width: 16px;		width: 16px;
Line 132:		Line 135:
	background-color: #2E64EC;		background-color: #2E64EC;
	}		}
−	main table th:last-of-type {	+	main table th:last-of-type, #HQ_page main table th:last-of-type, #HQ_page main table th:last-of-type, #HQ_page #HQ_page main table th:last-of-type {
	position: sticky;		position: sticky;
	left: 0px;		left: 0px;
Line 138:		Line 141:
	cursor: pointer;		cursor: pointer;
	}		}
−	main table th:last-of-type.alt {	+	main table th:last-of-type.alt, #HQ_page main table th:last-of-type.alt, #HQ_page main table th:last-of-type.alt, #HQ_page #HQ_page main table th:last-of-type.alt {
	background: linear-gradient(270deg, #222222, #121212);		background: linear-gradient(270deg, #222222, #121212);
	}		}
−	main table th:last-of-type:hover {	+	main table th:last-of-type:hover, #HQ_page main table th:last-of-type:hover, #HQ_page main table th:last-of-type:hover, #HQ_page #HQ_page main table th:last-of-type:hover {
	text-decoration: underline;		text-decoration: underline;
	}		}
−	main table .cat, main table .excl {	+	main table .cat, main table .excl, #HQ_page main table .cat, #HQ_page main table .excl {
	border-left: 3px solid #222222;		border-left: 3px solid #222222;
	}		}
−	main table tr:last-of-type {	+	main table tr:last-of-type, #HQ_page main table tr:last-of-type {
	border-bottom: 3px solid #222222;		border-bottom: 3px solid #222222;
	}		}
−	main table thead th {	+	main table thead th, #HQ_page main table thead th, #HQ_page main table thead th, #HQ_page #HQ_page main table thead th {
	background-color: #121212;		background-color: #121212;
	position: sticky;		position: sticky;

---

Revision as of 08:37, 28 August 2020

body, html {

 margin: 0;
 padding: 0;
 color: #222222;
 font-family: "lato-regular";

}

.introContainer {

 z-index: 2;
 position: relative;

} .introContainer::before {

 background-image: unset;
 border-bottom: unset;

} .introContainer .bubblePhoto {

 background-image: url(../assets/photo_lab.png);
 background-attachment: fixed;
 background-position: 0px 0px;
 position: absolute;
 width: 64vw;
 height: 64vw;

} @media (min-aspect-ratio: 1/1) {

 .introContainer .bubblePhoto {
   width: 64vh;
   height: 64vh;
 }

} .introContainer .bubbleHeading {

 background-color: white;
 width: 64vw;
 height: 64vw;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;

} .introContainer .bubbleHeading > div {

 color: #6281EF;
 font-family: "montserrat-black";
 font-size: 6.5vw;
 text-transform: uppercase;

} @media (min-aspect-ratio: 1/1) {

 .introContainer .bubbleHeading > div {
   font-size: 6.5vh;
 }

} .introContainer .bubbleHeading > div.other {

 color: transparent;
 -webkit-text-stroke-width: 0.3vw;
 -webkit-text-stroke-color: #6281EF;

} @media (min-aspect-ratio: 1/1) {

 .introContainer .bubbleHeading > div.other {
   color: transparent;
   -webkit-text-stroke-width: 0.3vh;
   -webkit-text-stroke-color: #6281EF;
 }

} @media (min-aspect-ratio: 1/1) {

 .introContainer .bubbleHeading {
   width: 64vh;
   height: 64vh;
 }

}

main {

 background-color: #121212;
 justify-content: center;
 padding-top: 50px;
 z-index: unset;
 flex-direction: column;
 align-items: center;

} main .content {

 margin-right: unset;
 box-shadow: unset;
 color: #FAFAFC;
 background-color: #222222;

} @media (max-width: 800px) {

 main .content {
   margin: unset;
   border-radius: unset;
   padding: 20px;
   width: 100%;
   box-sizing: border-box;
 }

} main div.table {

 margin-top: 32px;
 max-width: 90vw;
 max-height: 500px;
 overflow: auto;

} main div.table::-webkit-scrollbar {

 background-color: transparent;
 border-radius: 10px;
 height: 8px;
 width: 8px;

} main div.table::-webkit-scrollbar-thumb {

 background-color: #444444;
 border-radius: 10px;

} main div.table::-webkit-scrollbar-corner {

 background: transparent;

} main table, #HQ_page main table {

 border: unset;
 border-collapse: collapse;
 text-align: center;
 font-size: 0.9em;

} main table .alt, #HQ_page main table .alt {

 background-color: #222222;

} main table tr.divide, #HQ_page main table tr.divide {

 border-top: 3px solid #222222;

} main table td, #HQ_page main table td, main table th, #HQ_page main table th, #HQ_page main table td, #HQ_page #HQ_page main table td, #HQ_page main table th, #HQ_page #HQ_page main table th {

 border: unset;
 vertical-align: unset;
 background-color: #121212;
 color: #FAFAFC;
 padding: 6px;

} main table td > div, #HQ_page main table td > div, main table th > div, #HQ_page main table th > div, #HQ_page main table td > div, #HQ_page #HQ_page main table td > div, #HQ_page main table th > div, #HQ_page #HQ_page main table th > div {

 display: inline-block;
 width: 16px;
 height: 16px;
 border-radius: 1000px;
 background-color: #2E64EC;

} main table th:last-of-type, #HQ_page main table th:last-of-type, #HQ_page main table th:last-of-type, #HQ_page #HQ_page main table th:last-of-type {

 position: sticky;
 left: 0px;
 background: #121212;
 cursor: pointer;

} main table th:last-of-type.alt, #HQ_page main table th:last-of-type.alt, #HQ_page main table th:last-of-type.alt, #HQ_page #HQ_page main table th:last-of-type.alt {

 background: linear-gradient(270deg, #222222, #121212);

} main table th:last-of-type:hover, #HQ_page main table th:last-of-type:hover, #HQ_page main table th:last-of-type:hover, #HQ_page #HQ_page main table th:last-of-type:hover {

 text-decoration: underline;

} main table .cat, main table .excl, #HQ_page main table .cat, #HQ_page main table .excl {

 border-left: 3px solid #222222;

} main table tr:last-of-type, #HQ_page main table tr:last-of-type {

 border-bottom: 3px solid #222222;

} main table thead th, #HQ_page main table thead th, #HQ_page main table thead th, #HQ_page #HQ_page main table thead th {

 background-color: #121212;
 position: sticky;
 top: 0px;
 z-index: 2;
 left: unset;
 min-width: 60px;

}