HolyGrail.htm
Public
Actions

Authored By

	GOIII
	Mar 3 2015, 11:55 PM

Size

2 KB

Referenced Files

None

Subscribers

None

HolyGrail.htm
View Options

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<style>

	body {
	font: 24px Helvetica;
	background: #f6f6f6;
	}

	#main {
	max-height: 800px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	}

	#main > article {
	margin: 4px;
	padding: 5px;
	min-height: 360px;
	border: 1px solid #cccc33;
	border-radius: 7pt;
	background: #dddd88;
	-webkit-flex: 3 1 60%;
	flex: 3 1 60%;
	-webkit-order: 2;
	order: 2;
	}

	#main > nav {
	margin: 4px;
	padding: 5px;
	border: 1px solid #8888bb;
	border-radius: 7pt;
	background: #ccccff;
	-webkit-flex: 1 6 20%;
	flex: 1 6 20%;
	-webkit-order: 1;
	order: 1;
	}

	#main > aside {
	margin: 4px;
	padding: 5px;
	border: 1px solid #8888bb;
	border-radius: 7pt;
	background: #ccccff;
	-webkit-flex: 1 6 20%;
	flex: 1 6 20%;
	-webkit-order: 3;
	order: 3;
	}

	header {
	display: block;
	margin: 4px;
	padding: 5px;
	min-height: 75px;
	border: 1px solid #b2d9b2;
	border-radius: 7pt;
	background: #e6f2e6;
	}

	footer {
	display: block;
	margin: 4px;
	padding: 5px;
	min-height: 75px;
	border: 1px solid #eebb55;
	border-radius: 7pt;
	background: #ffeebb;
	}

	/* Too narrow to support three columns */
	@media all and (max-width: 640px) {

	#main, #page {
	-webkit-flex-flow: column;
	flex-flow: column;
	flex-direction: column;
	}

	#main > article, #main > nav, #main > aside {
	/* Return them to document order */
	-webkit-order: 0;
	order: 0;
	}

	#main > article, #main > nav, #main > aside, header, footer {
	min-height: 50px;
	max-height: 50px;
	}
	}

	</style>
	</head>
	<body>
	<header>header</header>
	<div id='main'>
	<nav>nav</nav>
	<article>article</article>
	<aside>aside</aside>
	</div>
	<footer>footer</footer>
	</body>
	</html>

File Metadata

Mime Type: text/html
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 52169
Default Alt Text: HolyGrail.htm (2 KB)

Attached To	Mode
T13555: .mw-editsection links should not be part of the <h#> element	Attached	Detach File

Event Timeline

GOIII changed the visibility from "GOIII (George Orwell III)" to "Public (No Login Required)".Mar 3 2015, 11:56 PM

HolyGrail.htmPublicActions

HolyGrail.htmView Options

File Metadata

Event Timeline

HolyGrail.htm
Public
Actions

HolyGrail.htm
View Options