usm-website/public_html/common/style/main.css

/*
 * Personal website of UltrasonicMadness
 * Copyright (C) 2017-2018, 2021-2023 UltrasonicMadness
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>. 
 */
 
html
{
	height:100%;
}

body
{
	margin:0;
	padding:0;
	font-family:sans-serif;
	
	min-height:100%;
    font-size:100%;
	
	display:flex;
	flex-flow:row;
}

main h1
{
	font-size:48pt;
	font-weight:100;
    text-align:left;
}

footer
{
	flex:1;
    font-size:100%;
}

.code
{
	font-family:monospace;
	border-width:1px;
	border-style:solid;
	margin:16px;
	padding:8px;
}

.screenshot-right
{
	float:right;
}

#common-pane
{
	display:flex;
	flex:2;
	flex-flow:column;
}

#page-pane
{
	display:flex;
	flex:5;
	flex-flow:column;
}

.app-container div
{
    width:128px;
}

.app-container div a
{
    font-size:90%;
}

.quiet-time-range
{
    font-size:1.5em;
}

.alert
{
    background-color:#330000;
    color:#ff9999;
    margin:8px;
    text-align:center;
}

#social a
{
    width:12.5%;
}

#quiet-time-list img
{
	height:20mm;
	margin-left:3mm;
	margin-right:3mm;
}

#quiet-time-list {
    padding-top:2mm;
	padding-bottom:2mm;
}