adding cs235

cs235/lab04/lab04_files/labs.css

@@ -0,0 +1,13 @@
+form {
+	position: absolute;
+	left: 1015px;
+	top: 85px;
+}
+pre {
+	border: 1px solid #666;
+	background-color: #ddd;
+	padding: 15px;
+}
+h3 {
+	text-decoration: underline;
+}

cs235/lab04/lab04_files/main.css

@@ -0,0 +1,344 @@
+body {
+	background: #fff url(../imgs/background.jpg) repeat-y left top;
+	font-size: 14px;
+	/*text-align: justify;*/
+	color: #000000;
+}
+
+body, th, td, input, textarea, select, option {
+	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;/*, "Times New Roman", Arial, Times, serif;*/
+}
+
+h1, h2, h3 {
+	text-transform: uppercase;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: normal;
+	color: #1C1C1C;
+}
+
+h1 {
+	letter-spacing: -2px;
+	font-size: 3em;
+}
+
+h2 {
+	letter-spacing: -1px;
+	font-size: 2em;
+}
+
+h3 {
+	font-size: 1.4em;
+	font-weight: bold;
+}
+
+h4 {
+	font-size: 1.2em;
+}
+
+p, ul, ol {
+	line-height: 150%;
+}
+
+blockquote {
+	padding-left: 1em;
+}
+
+blockquote p, blockquote ul, blockquote ol {
+	line-height: normal;
+	font-style: italic;
+}
+
+a {
+	color: #030a36;
+	font-weight: bold;
+}
+
+hr {
+	display: none;
+}
+
+/* Header */
+#header {
+	width: 100%;
+	height: 75px;
+	margin: 0 left;
+	margin-bottom: 20px;
+	text-transform: uppercase;
+	font-family: Arial, Helvetica, sans-serif;
+	background-color: #999;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#999));
+	background-image: -moz-linear-gradient(-90deg, #ddd, #999);
+}
+
+#header h1, #header p {
+	margin: 0;
+	padding: 0;
+}
+
+#header h1 {
+	float: left;
+	padding: 5px 0 0 320px;
+	color: #F79F1A;
+	font-size: 36px;
+	text-align: center;
+}
+
+#header p {
+	float: left;
+	padding: 17px 0 0 5px;
+	font-size: 12px;
+	font-weight: bold;
+	color: #EEEEEE;
+}
+
+#header a {
+	text-decoration: none;
+	color: #F79F1A;
+}
+
+/* Page */
+#page {
+	width: 1100px;
+	margin: 0 left;
+}
+
+/* Content */
+#content {
+	float: right;
+	width: 800px;
+	margin: 0;
+}
+
+#content img {
+	float: left;
+	margin-right: 15px;
+}
+
+.post {
+	padding: 5px 0 0 0;
+}
+
+.title {
+	padding: 0 20px 0 20px;
+	font-size: 24px;
+}
+
+.title a {
+	text-decoration: none;
+}
+
+.pagetitle {
+}
+
+.byline {
+	margin: -30px 20px 0 20px;
+	color: #646464;
+}
+
+.meta {
+	border-bottom: 10px solid #EEEEEE;
+	text-align: right;
+	color: #646464;
+	padding: 10px 20px 20px 20px;
+	text-transform: uppercase;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 10px;
+}
+
+.meta .more {
+	background:  #EEEEEE;
+	padding: 5px 15px;
+}
+
+.meta .comments {
+	background:  #EEEEEE;
+	padding: 5px 15px;
+}
+
+.meta a {
+}
+
+.alignleft {
+	float: left;
+}
+
+.alignright {
+	float: right;
+}
+
+.posts {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	line-height: normal;
+}
+
+.posts li {
+}
+
+.posts h3 {
+	margin: 0;
+	font-weight: bold;
+}
+
+.posts p {
+	margin: 0;
+	line-height: normal;
+}
+
+.posts a {
+}
+
+.entry {
+	margin: 0 20px 0 20px;
+}
+
+.last {
+	border: none;
+}
+
+/* Sidebar */
+#sidebar {
+	float: left;
+	width: 220px;
+	color: #EEEEEE;
+}
+
+#menu {
+	border-bottom:thin dotted #FFFFFF;
+	margin: 0 20px 20px 10px;
+}
+
+#sidebar ul {
+	margin: 0 0 0 45px;
+	padding: 0px 0 20px 0;
+	list-style: none;
+}
+
+#sidebar li {
+}
+
+#sidebar li ul {
+	padding: 0px 0px 16px 0px;
+}
+
+#sidebar li li {
+	border-bottom: 1px dotted #1C1C1C;
+	padding: 0 0 10px 0px;
+}
+
+#sidebar h2 {
+	margin: 0;
+	height: 30px;
+	padding: 0px 0px 0px 20px;
+	text-transform: uppercase;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 18px;
+	color: #FFFFFF;
+}
+
+#sidebar a {
+	color: #FFFFFF;
+}
+
+#sidebar a:hover {
+	text-decoration: none;
+}
+
+.infoBox {
+	position: relative;
+	border-top: 1px dotted #999;
+	padding: 15px 0;
+	overflow: auto;
+	margin: 0;
+}
+
+/* Search */
+#search input {
+	display: none;
+}
+
+#search input#s {
+	display: block;
+	width: 230px;
+	padding: 2px 5px;
+	border: 1px solid #3DD1FF;
+	background: #EEEEEE
+}
+
+#search br {
+	display: none;
+}
+
+/* Calendar */
+#calendar {
+}
+
+#calendar h2 {
+	margin-bottom: 15px;
+}
+
+#calendar table {
+	width: 80%;
+	margin: 0 auto;
+	text-align: center;
+}
+
+#calendar caption {
+	width: 100%;
+	text-align: center;
+}
+
+#next {
+	text-align: right;
+}
+
+#prev {
+	text-align: left;
+}
+
+/* Footer */
+#footer {
+	clear: both;
+	width: 900px;
+	height: 50px;
+	margin: 0 left;
+	text-align: right;
+	font-size: smaller;
+	font-family: Arial, Helvetica, sans-serif;
+}
+
+#footer p {
+	padding: 50px 60px 20px 0;
+	text-transform: uppercase;
+}
+
+#footer p a {
+}
+
+table {
+	text-align: center;
+	margin: 15px auto 0 auto;
+	border-radius: 5px;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+}
+th {
+	color: #fff;
+	background-color: #030a36;
+	padding: 3px 10px;
+}
+th:first-child {
+	-moz-border-radius: 7px 0 0 0;
+	-webkit-border-radius: 7px 0 0 0;
+	border-radius: 7px 0 0 0;
+}
+th:last-child {
+	-moz-border-radius: 0 7px 0 0;
+	-webkit-border-radius: 0 7px 0 0;
+	border-radius: 0 7px 0 0;
+}
+td {
+	background-color:#d6d6d6;
+	padding: 3px 10px;
+}