photos app roughed in, style tweaked

TODO: search code

1 files changed, 64 insertions, 72 deletions

diff --git a/static/style/default.css b/static/style/default.css
index f18911e..7c9402e 100644
--- a/static/style/default.css
+++ b/static/style/default.css
@@ -1,37 +1,25 @@
 html {
     margin: 0px;
-    padding: 0px;
-}
-
+    padding: 0px; }
 body {
     font-family: serif;
     margin: 0px;
     padding: 0px;
-    background-color: #EEEEEE;
-}
-
+    background-color: #E3E3E3; }
 a {
-    text-decoration: none;
-}
-
+    text-decoration: none; }
 h1 {
     font-size: 16pt;
     font-weight: bold;
-    text-align: center;
-}
-
+    text-align: center; }
 h3 {
     margin: 0px;
     padding-top: 8px;
     padding-bottom: 4px;
     padding-left: 30px;
-    padding-right: 30px;
-}
-
+    padding-right: 30px; }
 p {
-    margin: 0px;
-}
-
+    margin: 0px; }
 hr {
     height: 12px;
     padding: 2px;
@@ -43,63 +31,63 @@ hr {
     border-top: 5px solid #FFFFFF;
     border-bottom: 5px solid #FFFFFF;
     border-left: 55px solid #FFFFFF;
-    border-right: 55px solid #FFFFFF;
-}
-
+    border-right: 55px solid #FFFFFF; }
 dt {
-    font-weight: bold;
-}
-
-dd {
-    position: relative;
-    left: 25px;
-}
+    font-weight: bold; }
 
+.search_box {
+    border: 1px solid black;
+    padding: 1px;
+    font-size: 12px; 
+    font-weight: bold; 
+    background-color: #F8F8F8;
+    color: #777777; }
 .path {
     font-family: courier;
-    font-size: smaller;
+    font-size: 12px;
     color: #555555;
-    margin-left: 8px;
-}
-
+    font-weight: bold;
+    font-size: 12px; 
+    margin-left: 8px; }
+.path a {
+    color: #6666DD; }
+.path a:visited {
+    color: #883388; }
 .righty_content {
-    margin: 3px;
+    text-align: center;
+    margin-top: 5px;
+    margin-left: 5px; 
     padding: 1px;
     float: right;
     width: 30%;
-}
-
+    overflow: hidden; }
 .lefty_content {
     text-align: center;
     margin-right: 5px; 
     padding: 1px;
     float: left;
     width: 30%;
-    overflow: hidden;
-}
-
+    overflow: hidden; }
 .lefty_content img {
     border: 1px solid black;
-    width: 90%;
-}
-
+    width: 90%; }
+.righty_content img {
+    border: 1px solid black;
+    width: 90%; }
 .content_caption {
     text-align: center;
     font-style: italic;
     width: 100%;
-    font-size: smaller;
-    font-family: courier;
-}
-
-.lefty {
-    float: left;
-}
-
+    font-size: small;
+    font-family: courier; }
+.lefty { 
+    float: left; }
 .righty {
-    float: right;
-}
-
+    float: right; }
+.centerize {
+    text-align: center; }
 .content {
+    font-size: small;
     background-color: #FFFFFF;
     margin-left: 4%;
     width: 680px;
@@ -107,15 +95,15 @@ dd {
     margin-bottom: 0px;
     padding-left: 5px;
     padding-right: 5px;
-    padding-bottom: 5px;
-}
-
+    padding-bottom: 5px; }
+.content img {
+    border: 1px solid black; }
 .content_footer {
     margin-left: 4%;
     width: 685px;
-    font-size: small;
+    font-size: 10px;
     font-style: italic;
-    font-family: courier;
+    font-family: sans-serif;
     text-align: center;
     width: 680px;
     margin-bottom: 5px;
@@ -123,9 +111,7 @@ dd {
     border-top: 2px solid #000000;
     padding-top: 6px;
     padding-left: 5px;
-    padding-right: 5px;
-}
-
+    padding-right: 5px; }
 .right_stuff {
     font-size: small;
     margin-left: 4px;
@@ -136,15 +122,25 @@ dd {
     position: relative;
     left: 206px;
     top: -11px;
-}
+    color: #777777;
+    font-weight: bold;
+    font-size: 12px; }
+.right_stuff a {
+    color: #7777DD; }
+.right_stuff a:visited {
+    color: #BB77BB; }
+.right_stuff img {
+    border: 1px solid black; }
+.photo_thumb {
+    width: 160px;
+    height: 180px; }
 
 #top_bar {
     height: 22px;
     background-color: #993333;
     margin: 0px;
     padding: 0px; 
-}
-
+    width: 100%; }
 #top_bar_content {
     background-color: #993333;
     height: 20px;
@@ -153,21 +149,17 @@ dd {
     color: #EEEEEE;
     float: center;
     width: 684px;
+    border-right: 200px solid #993333;
     padding-top: 2px;
     padding-bottom: 0px;
     padding-left: 3px;
-    padding-right: 3px;
+    padding-right: 5px;
     margin-left: 4%;
     margin-bottom: 0px;
-    margin-top:0px;
-}
-
+    margin-top:0px; }
 #top_bar_content a {
     font-weight: bold;
     color: #FFFFFF;
-    text-decoration: none;
-}
-
+    text-decoration: none; }
 #main_title {
-    border-top: 5px solid #FFFFFF;
-}
+    border-top: 3px solid #FFFFFF; }