Skip to content

Johnny's MyAmeriCorps Website by moonexpr

Screenshot of Johnny's MyAmeriCorps Website
Write a review Install Get Stylus

Details

Authormoonexpr

LicenseNo License

Categorymy.americorps.gov

Created

Updated

Size1.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Introduces modern website design principals to the MyAmeriCorps website.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           my.americorps.gov - 11/1/2023, 11:29:42 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("my.americorps.gov") {
	
:root {
	--page-width: 1200px;
	--vgutter-length: calc(50vw - var(--page-width) / 2);
	--vcontent-length: calc(var(--page-width) + var(--vgutter-length));
}
	
/* Johnny: Honestly, no idea. */
@media screen and (min-width: 1600px) {
	body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(2) {
		max-width: 3vw;
	}
}

@media screen and (max-width: 1600px) {
	:root {
		--page-width: 800px !important;
		--vgutter-length: calc(50vw - var(--page-width) / 2);
		--vcontent-length: calc(var(--page-width) + var(--vgutter-length));
	}
}

body > table {
	min-width: 100%;
	height: 100%;
}

body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) {
	width: var(--vcontent-length);
}


body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1),
body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(3) {
	max-width: 0;
}

body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1),
body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(2) {
	padding-left: var(--vgutter-length);
}

body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(4) {
	padding-right: var(--vgutter-length);
}


/* Copyright / Footer */
body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(1) > table:nth-child(4) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > table:nth-child(1) {
	margin-right: calc(var(--vgutter-length) - 5rem);
}

}

Reviews

No reviews yet.