set syntax to perl; update static page and css

3 files changed, 8 insertions, 285 deletions

diff --git a/static/css/reset.css b/static/css/reset.css
deleted file mode 100644
index b002e1a..0000000
--- a/static/css/reset.css
+++ /dev/null
@@ -1,98 +0,0 @@
-/* 
-html5doctor.com Reset Stylesheet
-v1.4 
-2009-07-27
-Author: Richard Clark - http://richclarkdesign.com
-*/
-
-html, body, div, span, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-abbr, address, cite, code,
-del, dfn, em, img, ins, kbd, q, samp,
-small, strong, sub, sup, var,
-b, i,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, dialog, figure, footer, header, 
-hgroup, menu, nav, section, menu,
-time, mark, audio, video {
-	margin:0;
-	padding:0;
-	border:0;
-	outline:0;
-	font-size:100%;
-	vertical-align:baseline;
-	background:transparent;
-}
-body {
-	line-height:1;
-}
-
-article, aside, dialog, figure, footer, header, 
-hgroup, nav, section { 
-	display:block;
-}
-
-nav ul {
-	list-style:none;
-}
-
-blockquote, q {
-	quotes:none;
-}
-
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content:'';
-	content:none;
-}
-
-a {
-	margin:0;
-	padding:0;
-	border:0;
-	font-size:100%;
-	vertical-align:baseline;
-	background:transparent;
-}
-
-ins {
-	background-color:#ff9;
-	color:#000;
-	text-decoration:none;
-}
-
-mark {
-	background-color:#ff9;
-	color:#000;	
-	font-style:italic;
-	font-weight:bold;
-}
-
-del {
-	text-decoration: line-through;
-}
-
-abbr[title], dfn[title] {
-	border-bottom:1px dotted #000;
-	cursor:help;
-}
-
-table {
-	border-collapse:collapse;
-	border-spacing:0;
-}
-
-hr {
-    display:block;
-    height:1px;
-    border:0;	
-    border-top:1px solid #cccccc;
-    margin:1em 0;
-    padding:0;
-}
-
-input, select {
-	vertical-align:middle;
-}
diff --git a/static/css/screen.css b/static/css/screen.css
index aa55e3f..0b207f4 100644
--- a/static/css/screen.css
+++ b/static/css/screen.css
@@ -6,6 +6,9 @@
 
 /* Global Reset */
 
+@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);
+@import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular);
+
 * {
   margin: 0;
   padding: 0;
@@ -17,9 +20,11 @@ html, body {
 
 body {
   background-color: white;
-  font: 13.34px helvetica, arial, clean, sans-serif;
+  font-family: 'Droid Sans',Verdana, sans-serif;
+  /*font: 13.34px helvetica, arial, clean, sans-serif;*/
   *font-size: small;
   text-align: center;
+  background: #eeeeee;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -79,6 +84,8 @@ ul.posts {
 /*****************************************************************************/
 
 .site {
+  background: #ffffff;
+  padding: 1em;
   font-size: 110%;
   text-align: justify;
   width: 50em;
diff --git a/static/css/style.css b/static/css/style.css
deleted file mode 100644
index 03d2041..0000000
--- a/static/css/style.css
+++ /dev/null
@@ -1,186 +0,0 @@
-@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);
-@import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular);
-
-body {
-    font-family: 'Droid Sans',Verdana, sans-serif;
-    font-size: 1em;
-    line-height: 16pt;
-    background: #EEEEEE;
-}
-
-a, a:visited {
-    color: #666666;
-}
-
-a:hover {
-    color: #999999,
-}
-
-h1 {
-    font-size: 24pt;
-}
-
-h2 {
-    font-size: 20pt;
-    padding-top: 12px;
-    padding-bottom: 12px;
-}
-
-h3 {
-    font-size: 14pt;
-    margin-top: 10px;
-}
-
-h1 a, h1 a:visited {
-    color: #C33C33;
-}
-
-ul {
-    list-style: disc;
-}
-
-li {
-    margin-left: 2em;
-}
-
-li#title {
-    color: red;
-    font-weight: bold;
-}
-li.sep {
-    color: white;
-}
-li.section {
-    font-weight: bold;
-}
-
-p, h1, h2, h3, ul {
-    margin-bottom: 0.5em;
-}
-
-section {
-    margin-top: 2em;
-}
-
-section h1 {
-    font-size: 20pt;
-    color: #C33C33;
-    margin-bottom: 8px;
-}
-
-section small {
-    font-size: 10pt;
-    color: gray;
-}
-
-section div.highlight {
-    padding: 10px 0px 20px 25px;
-}
-
-#container {
-    margin-top: 10px;
-    margin-bottom: 10px;
-    margin-left: auto;
-    margin-right: auto;
-    width: 960px;
-    background: #FFFFFF;
-    padding: 20px;
-}
-
-header {
-    margin: -20px -20px 20px -20px;
-    padding: 5px;
-    background: #000000;
-}
-
-header h1 {
-    color: #C33C33;
-    font-size: 28pt;
-}
-
-header h1 a {
-    text-decoration: none;
-}
-
-header #nav {
-    display: inline;
-    list-style-type: none;
-    list-style: none;
-}
-
-header #nav li {
-    display: inline;
-    margin-left: 0;
-    margin-right: 10px;
-}
-
-header #nav li a {
-    padding-top: 0px;
-    color: #FFFFFF;
-    text-decoration: none;
-}
-
-header #nav li a:hover {
-    color: #CCCCCC;
-}
-
-footer {
-    margin: 0 -20px -20px -20px;
-    padding: 10px;
-    background: #000000;
-}
-
-footer p {
-    color: #FFFFFF;
-}
-
-footer p img {
-    margin-bottom: -5px;
-}
-
-div.highlight {
-    background-color: #333333;
-    border: 5px solid #CCCCCC;
-    margin: 20px;
-    overflow: auto;
-    padding: 5px;
-}
-
-.clear {
-    clear: both;
-}
-
-.right {
-    float: right;
-}
-
-img {
-    margin-top: 10px;
-    margin-bottom: 10px;
-    display: block;
-    border: 1px solid black;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-.entry:after { 
-    content: '\002701';
-    font-size: 18pt; 
-    text-align: center; 
-    clear:both; 
-    display: block; 
-    margin: 5ex 0;
-}
-
-/*code {*/
-    /*margin-top: 15px;*/
-    /*margin-bottom: 15px;*/
-    /*font-size: 0.9em;*/
-    /*font-weight: bold;*/
-    /*display: block; */
-    /*padding-top: 10px; */
-    /*padding-left: 10px; */
-    /*padding-bottom: 10px; */
-    /*background-color: #000000; */
-    /*color: #ffffff*/
-/*}*/