styles.css

gistfile1.css

body {
  background-image: url('/assets/low_contrast_linen.png');
	font-family: 'Oswald', sans-serif;
	padding: 40px;
}

header {
	text-align: center;
}

h1 {
	font-size: xx-large;
	color: #CCCCCC;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

nav {
	text-align: center;
	font-size: large;
	color: #999999;
	margin-top: 15px;
	text-shadow: 0px -1px 0px rgba(0,0,0,.5);
}

h2 {
	text-align: center;
	font-size: x-large;
	margin-top: 20px;
	color: #CCCCCC;
	text-shadow: 1px 1px 1px #000;
}

a {
	color: #CCCCCC;
	text-decoration: none;
}

a:hover {
	color: #660000;
}

p {
	color: #000000;
	font-size: large;
	margin-top: 15px;
	text-shadow: 0px 1px 0px rgba(255,255,255,.5);
}

#notice {
	margin-top: 20px;
	color: green;
	text-align: center;
}

li {
	text-align: center;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 20px;
	border-radius: 20px;

  /* Gradient */
  background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #eeeeee 0%, #595959 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eeeeee), color-stop(100%,#595959)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #eeeeee 0%,#595959 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #eeeeee 0%,#595959 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #eeeeee 0%,#595959 100%); /* IE10+ */
	background: linear-gradient(135deg,  #eeeeee 0%,#595959 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#595959',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  /* Shadow */
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.9);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.9);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.9);
}

div {
	text-align: center;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 20px;
	border-radius: 20px;

  /* Gradient */
  background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #eeeeee 0%, #595959 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eeeeee), color-stop(100%,#595959)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #eeeeee 0%,#595959 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #eeeeee 0%,#595959 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #eeeeee 0%,#595959 100%); /* IE10+ */
	background: linear-gradient(135deg,  #eeeeee 0%,#595959 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#595959',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  /* Shadow */
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.9);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.9);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.9);
}