start tweaking CSS style to be larger

1 files changed, 49 insertions, 52 deletions

diff --git a/static/style/default.css b/static/style/default.css
index 5ae9c08..d23be5f 100644
--- a/static/style/default.css
+++ b/static/style/default.css
@@ -1,6 +1,6 @@
 body {
-    font-family: helvetica, arial, verdana, sans-serif;
-    font-size: 90%;
+    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
+    font-size: 1em;
     line-height: 1.25;
     background-color: #E3E3E3; }
 a {
@@ -33,19 +33,19 @@ dd {
     margin-bottom: .5em;
 }
 h1 {
-    font-size: 200%;
-    margin: 10px 10px 0px 8px;
+    font-size: 2em;
+    margin: 0.7em 0.2em 0em 0.25em;
     font-weight: bold; }
-h1 a, a:visited {
+h1 a, h1 a:visited {
     color: black; }
 h2.pagesubtitle {
-    font-size: 140%;
-    margin: 0px 10px 8px 8px;
+    font-size: 1.4em;
+    margin: 0.1em 0.6em 0.5em 0.5em;
     font-weight: bold;
     font-style: italic;
     border-bottom: none; }
 h2 {
-    font-size: 140%;
+    font-size: 1.4em;
     padding-top: 8px;
     padding-bottom: 4px;
     padding-left: 0px;
@@ -90,23 +90,20 @@ pre.large {
 
 .search_box {
     border: 1px solid black;
-    padding: 1px;
-    margin-top: 4px;
-    margin-bottom: 4px;
-    font-size: 12px; 
+    padding: 0.1em;
+    margin-top: 0.25em;
+    margin-bottom: 0.25em;
+    font-size: 1em; 
     font-weight: bold; 
     background-color: #F8F8F8;
     color: #777777; }
 .path {
     font-family: courier;
-    font-size: 12px;
+    font-size: 0.75em;
     color: #555555;
     font-weight: bold;
-    margin-left: 2px; }
-.path a {
-    color: #6666DD; }
-.path a:visited {
-    /* color: #883388; */
+    margin-left: 0.1em; }
+.path a, .path a:visited {
     color: #6666DD; }
 .righty_content {
     text-align: center;
@@ -130,11 +127,11 @@ pre.large {
     border: 1px solid black;
     width: 90%; }
 .content_caption {
-    text-align: center;
-    font-style: italic;
+    font-family: courier;
+    font-size: 0.7em;
     width: 100%;
-    font-size: 70%;
-    font-family: courier; }
+    text-align: center;
+    font-style: italic; }
 .notice {
     padding: 8px;
     background-color: yellow;
@@ -149,45 +146,45 @@ pre.large {
 .centerize {
     text-align: center; }
 .content {
+    font-size: 1.1em;
     background-color: #FFFFFF;
     margin-left: 4%;
-    width: 720px;
+    width: 756px;
     margin-top: 0px;
     margin-bottom: 0px;
-    padding-left: 9px;
-    padding-right: 5px;
-    padding-bottom: 5px; }
+    padding-left: 24px;
+    padding-right: 24px;
+    padding-bottom: 12px; }
 .content img {
     border: 1px solid black; }
 .content_footer {
+    /*font-style: italic;*/
+    color: #666666;
     margin-left: 4%;
-    font-size: 90%;
-    font-style: italic;
-    /* font-family: sans-serif; */
+    font-size: 0.8em;
     text-align: center;
-    width: 724px;
+    width: 794px;
     margin-bottom: 5px;
     margin-top: 0px;
-    border-top: 2px solid #000000;
+    border-top: 2px solid #333333;
     padding-top: 6px;
     padding-left: 5px;
     padding-right: 5px; }
+.content_footer a, .content_footer a:visited {
+    color: #6666AA; }
 .right_stuff {
-    font-size: small;
-    margin-left: 4px;
-    width: 190px;
+    font-weight: bold;
+    font-size: 0.85em;
+    margin-left: 0.25em;
+    top: 0px;
+    left: 245px;
+    width: 200px;
     height: 0px;
     overflow: visible;
     float: right;
     position: relative;
-    left: 206px;
-    top: -11px;
-    color: #777777;
-    font-weight: bold;
-    font-size: 12px; }
-.right_stuff a {
-    color: #7777DD; }
-.right_stuff a:visited {
+    color: #777777; }
+.right_stuff a, .right_stuff a:visited {
     color: #7777DD; }
 .right_stuff a:hover {
     text-decoration: none; }
@@ -207,7 +204,7 @@ table.thumbs tr {
 table.listing {
     width: 100%;
     border-spacing: 0px;
-    font-size: 11px; }
+    font-size: 0.75em; }
 table.listing tr {
     width: 100%; }
 table.listing td.date {
@@ -218,26 +215,25 @@ table.listing td.description {
     overflow: hidden; }
 
 #top_bar {
-    height: 23px;
+    height: 32px;
     background-color: #993333;
     margin: 0px;
     padding: 0px; 
     width: 100%; }
 #top_bar_content {
     background-color: #993333;
-    height: 21px;
+    height: 24px;
     font-family: courier; 
-    /* font: courier; */
     font-weight: normal;
-    font-size: 15px;
+    font-size: 1em;
     color: #EEEEEE;
     float: center;
-    width: 724px;
+    width: 794px;
     border-right: 200px solid #993333;
-    padding-top: 2px;
+    padding-top: 0.35em;
     padding-bottom: 0px;
-    padding-left: 3px;
-    padding-right: 5px;
+    padding-left: 0.3em;
+    padding-right: 0.3em;
     margin-left: 4%;
     margin-bottom: 0px;
     margin-top:0px; }
@@ -246,6 +242,7 @@ table.listing td.description {
     color: #FFFFFF;
     text-decoration: none; }
 #main_title {
-    border-top: 3px solid #FFFFFF; }
+    border-top: 3px solid #FFFFFF;
+    padding-bottom: 0.1em; }
 address {
     font-style: normal; }