PirateBoxScripts_Webserver/piratebox/piratebox/www/style.css

/* Reset */
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}html,body,div,object,iframe,fieldset{margin:0;padding:0;border:0}ol,ul{list-style:none;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}header,footer,nav,section,article,hgroup,figure{display:block}legend{display:none}body{font-family:sans-serif;font-size:100%}h1,h2,h3,h4,h5,h6,p{margin:0}img{width:100%}

/* Colors: 
    Black:  #1B1D1E
    White:  #FFFFFF
*/

/* Base */
html {}

body {
	background: #E5E5E5;
	color: #1B1D1E;
}

p {
	margin: 0;
	line-height: 1.25em;
}

	p + p {
		margin: 1em 0;
	}

a {
	color: rgb(173, 0, 11);
	text-decoration: none;
}

.blue {
	color: #0000FF;
}

.green {
	color: #008000;
}

.orange {
	color: #FF8040;
}

.red {
	color: #FF0000;
}

input {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #999;
	cursor: text;
	font-size: 12px;
	height: 2em;
	margin: 1em;
	padding: 0;
}

input[type=submit] {
	padding: 0 1em;
}

/* Mobile */
.container {
	width: 100%;
	padding: 1em;
}

header, footer {
	margin: 0;
	clear: both;
	background: #1B1D1E;
	color: #F8F8F2;
}

header {}

	#logo {}

	#welcome {
		clear: both;
		background: #FFFFFF;
		color: #1B1D1E;
	}

#content {}

	#articles > article, #upload {
		margin: 0 0 1em;
		padding: 1em;
		background: #ffffff;
		border-radius: 3px;
		box-shadow: 0px 3px 5px -3px #a8a8a8;
	}

	#shoutbox {
	   text-align: left;
	   width: 100%;
	   min-height: 50px;
	   height: 350px;
	   max-height: 400px;
	   overflow: hidden;
	   border: 1px solid #a8a8a8;
	}

/* Desktop */
@media screen and (min-width: 801px) {
.container {
	width: 80%;
	margin: 0 auto;
}

header {}

	#logo {
		float: left;
		width: 40%;
		margin: 0 1em 0 0;
	}

#content {}

	#articles {
		width: 60%;
		float: left;
	}

		#articles > article {
			margin-right: 1em;
		}

	aside {
		width: 40%;
		float: left;
	}
}