From b88372f0327976c31e6b508b26729bab60743f82 Mon Sep 17 00:00:00 2001 From: bnewbold Date: Tue, 6 Feb 2007 23:34:08 -0800 Subject: photos app roughed in, style tweaked TODO: search code --- static/style/default.css | 136 ++++++++++++++++++++++------------------------- 1 file changed, 64 insertions(+), 72 deletions(-) (limited to 'static/style') 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; } -- cgit v1.2.3