Template:Article info main/sandbox/styles.css

.main_box { width: 100%; font-family:"Raleway", sans-serif; font-weight: 500; line-height: 2em; color: #535353; } h1, h2, h3, h4, h5, h6 { font-family: "Raleway", sans-serif; font-weight: 600; border: 0; }	width: 100%; }	display: flex; align-items: center; justify-content: flex-start; background-color: #d1d0f5; grid-row: 1; }	font-size: 200%; font-weight: bold; }	position: relative; }	margin: 0 auto; font-size: smaller; }	content: ""; position: absolute; border-left: 2px solid #fff; height: 40%; top: 30%; left: 0; }	color: #000; } .meta { background-color: #e5e4f9; background-repeat: repeat-x; background-position: bottom center; padding-bottom: 4vw; background-size: 4vw; border-bottom: 1vw solid #fff; } .content_box, .meta_box { padding: 1vw 2vw 0 2vw; }	padding-left: 4vw; }	padding-left: 0; }	padding-right: 4vw; }	list-style-type: none; list-style-image: none; position: relative; }	content: "… "; position: absolute; left: -1em; }	flex-basis: auto; width: 300px; } .picture img { max-width: 300px; max-height: 300px; width: 15vw; height: 15vw; object-fit: cover; border: 1px solid #ccc; } .circlepicture img { border-radius: 50%; } .squarepicture img { border-radius: 1vw; } .rectanglepicture img, body.skin-minerva .circlepicture img, body.skin-minerva .squarepicture img { border-radius: 1vw; width: auto; height: auto; }	align-items: center; }	flex-direction: row; }	list-style-image: url("//upload.wikimedia.org/wikipedia/commons/e/e9/%C3%81rvu-ruon%C3%A1-njuolla-o.svg"); margin-left: 16px; }	padding-left: 1vw; }	flex-direction: row-reverse; }	margin-top: 4vw; position: relative; }	padding: 0 2vw; }	width: 100%; max-height: 15vw; transition: all 0.6s ease; object-fit: cover; }	max-height: 32vw; }	position: absolute; left: 0.5vw; bottom: 0.5vw; padding: 0.5vw 1vw; background: rgba(255,255,255,0.7); border-radius: 0.1vw; max-width: 35vw; } body.skin-minerva #big_image .image_text { position: relative; padding: 0 4vw; background: none; border-radius: 0; max-width: none; left: 0; bottom: 0; }	font-family: sans-serif; }	list-style-image: url("//upload.wikimedia.org/wikipedia/commons/2/24/%C3%81rvu-r%C3%A1nes-njuolla-o.svg"); margin-left: 16px; }	font-size: smaller; } .logo { background-color: transparent; transition: background-color 200ms; max-width: 25em; margin: 0 auto; padding: 0.5rem 0; } .logo:hover { background-color: #d1d0f5; } .logo a, .logo a.extiw, .logo a.external { color: #000; display: block; text-decoration: none; padding-left:70px; background-position: left center; background-repeat: no-repeat; background-size: 50px; font-weight: 500; } .logo a b, .logo a:hover b { text-decoration: none; } .commons a, .commons a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/7/76/Notification-icon-Commons-logo.svg"); } .wikidata a, .wikidata a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/6/67/Notification-icon-Wikidata-logo.svg"); } .incubator a, .incubator a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/1/1a/Notification-icon-Incubator-logo.svg"); } .metawiki a, .metawiki a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/8/86/Notification-icon-Meta-logo.svg"); } .wikibooks a, .wikibooks a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/e/e0/Notification-icon-Wikibooks-logo.svg"); } .wikinews a, .wikinews a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/5/57/Notification-icon-Wikinews-logo.svg"); } .wikiquote a, .wikiquote a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/5/5a/Notification-icon-Wikiquote.svg"); } .wikisource a, .wikisource a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/5/5a/Notification-icon-Wikisource-logo.svg"); } .wikispecies a, .wikispecies a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/0/08/Notification-icon-Wikispecies-logo.svg"); } .wikiversity a, .wikiversity a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/0/01/Notification-icon-Wikiversity-logo.svg"); } .wikivoyage a, .wikivoyage a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/4/47/Notification-icon-Wikivoyage-logo.svg"); } .wiktionary a, .wiktionary a.external { background-image: url("//upload.wikimedia.org/wikipedia/commons/a/ac/Notification-icon-Wiktionary-logo.svg"); }	float: none; text-align: center; color: #000; margin:1vw auto; max-width: 15em; box-shadow: 0 0 1em #ccc; border-radius: 1em; }	outline: none; } body.skin-minerva .mw-collapsible-toggle { display: none; }	display: none; }	display: block; margin-left: 20px; background-repeat: no-repeat; background-position: left center; background-size: 13px; } .bajas { background-image: url("//upload.wikimedia.org/wikipedia/commons/e/eb/%C3%81rvu-r%C3%A1nes-njuolla-b.svg"); } .vulos { background-image: url("//upload.wikimedia.org/wikipedia/commons/5/52/%C3%81rvu-r%C3%A1nes-njuolla-v.svg"); } @media (max-width:1200px) { .main_box { display: flex; flex-direction: column; font-size: 100%; }	#header1 { background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Imigongo_traditional_patterns_%286%29.jpg/60px-Imigongo_traditional_patterns_%286%29.jpg"); background-repeat: repeat-x; background-position: top center; padding-top: 20px; background-size: 60px; background-attachment: scroll; }	#header1 div { margin: 1em auto; }	#header2 { display: none; }	.meta { background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3b/Imigongo_traditional_patterns_%285%29.jpg/60px-Imigongo_traditional_patterns_%285%29.jpg"); background-repeat: repeat-x; background-position: top center; padding-bottom: 0; padding-top: 10px; background-size: 60px; }	.content_box, .meta_box { padding: 2vw 2vw 0 2vw; }	#community .text { padding-left: 2vw; }	#did_you_know .text { padding-right: 2vw; }	#community .picture, #did_you_know .picture { width: 190px; }	.circlepicture img { width: 170px; height: 170px; }	.rectanglepicture img { width: 170px; height: auto; }	#big_image .image_text { position: relative; padding: 0 2vw; background: none; border-radius: 0; max-width: none; left: 0; bottom: 0; } } @media (min-width:1200px) { .main_box { display: grid; grid-template-columns: auto 35%; grid-template-rows: 15em auto; flex-direction: column; font-size: 11pt; }	#header1 { background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/14/Imigongo_traditional_patterns_%282%29.jpg/60px-Imigongo_traditional_patterns_%282%29.jpg"); background-repeat: repeat-y; background-position: 2rem; background-size: 60px; }	body.skin-vector #header1 { background-position: 14.5rem, 16.5rem, 19.5rem, 22rem; background-attachment: fixed; }	#header1 div { margin-left: 8em; margin-right: 2em; }	#header1, .content { grid-column: 1; }	#header2, .meta { grid-column: 2; }	#eara_language { display: grid; grid-template-columns: 49% auto 49%; }	#eara_language h2 { grid-column: span 3; }	#eara_language #same_language { grid-column: 1; }	#eara_language #rannja_language { grid-column: 3; }	#eara_language ul { grid-column: span 3; margin: 0 auto; } }
 * 1) header1, #header2, .content, .meta {
 * 1) header1, #header2 {
 * 1) header1 .large {
 * 1) header2 {
 * 1) header2 div {
 * 1) header2 div::before {
 * 1) header2 a {
 * 1) community .text {
 * 1) community .text.ii_picture {
 * 1) did_you_know .text {
 * 1) did_you_know ul, #did_you_know ul li {
 * 1) did_you_know ul li::before {
 * 1) community .picture, #did_you_know .picture {
 * 1) community, #did_you_know {
 * 1) community {
 * 1) community ul, #eara_language > ul {
 * 1) community ul li, #community ul li, #eara_language > ul li {
 * 1) did_you_know {
 * 1) big_image {
 * 1) big_image .h2 {
 * 1) big_image img {
 * 1) big_image:hover img {
 * 1) big_image .image_text {
 * 1) eara_language div {
 * 1) community ul {
 * 1) veahkehit ul {
 * 1) wikimedia-proseavttat .mw-collapsible-toggle {
 * 1) wikimedia-proseavttat .mw-collapsible-toggle:focus {
 * 1) wikimedia-proseavttat .mw-collapsible-toggle .vulos,
 * 2) wikimedia-proseavttat .mw-collapsed .mw-collapsible-toggle .bajas {
 * 1) wikimedia-proseavttat .mw-collapsible-toggle .bajas,
 * 2) wikimedia-proseavttat .mw-collapsed .mw-collapsible-toggle .vulos {

/* This template is loaded on the main page to address T32405 Please feel free to adapt the code, translate this message. Updates can be found in https://gist.github.com/jdlrobson/dbb124296ed2a1fc7242018c7b589059 */ @media screen and ( max-width: 720px ) { body.skin-minerva td, body.skin-minerva tr, body.skin-minerva .mp-column, body.skin-minerva .floatleft, body.skin-minerva .floatright, body.skin-minerva #mp-sister tbody, body.skin-minerva #mp-sister table { display: block !important; float: none !important; width: 100% !important; height: auto !important; box-sizing: border-box; } }