You may notice some changes to the layout here, I updated the style sheet
used to manage this page, the full style sheet as it sits at this moment is in
the extended body text for this entry.
I think this is a pretty good looking and space efficient design. I tables to
layout the header/columns but I use [[css|style sheets]] to do almost all the
rest of the formatting. While this lacks some of the [[bleeding edge]] stud
factor of a pure css based design but it gives me a good way to fallback
for older browsers as well as an easier time handling the layout in
Dreamweaver for now.
Anyway, that’s about it for now… enjoy!
[ stylesheet – cut here ]
a {
color: #BFBFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
hr {
color: 000000;
height: 1px;
}
body, table, td, th {
background: #4B4B6D;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
scrollbar-3dlight-color: #222242;
scrollbar-arrow-color: #448FC8;
scrollbar-darkshadow-color: #222242;
scrollbar-face-color: #424262;
scrollbar-highlight-color: #222242;
scrollbar-shadow-color: #222242;
scrollbar-track-color: #222242;
}
.blog{
}
.blogbyline {
color: #CCCCCC;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
}
.blogbyline a {
color: #BFBFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
}
.blogcalendar {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
font-weight: normal;
}
.blogcalendar a {
color: #BFBFFF;
font: bold;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
}
.blogcalendar table {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
font-weight: normal;
}
.blogcalendar td {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
font-weight: normal;
}
.blogcalendar_head {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
font-weight: bold;
}
.blogdateheader {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.blogentry {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
}
.blogitemno {
color: #CCCCCC;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
}
.blogmore {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
text-align: right;
}
.blogtitle {
color: #CCCCCC;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}
.caption {
font-size: 10px;
font-weight: bold;
}
.content {
}
.header {
background: url(/local/style/media/backdrops/mbs_v1.jpg) fixed no-repeat right
bottom;
background-color: #333333;
border-color: #000000;
border-style: solid;
border-width: 1px 0px; /* top and bottom borders: 1px; left and right borders:
0px */
height: 170px;
line-height: 11px;
valign: middle;
vertical-align: middle;
}
.inline_left {
float: left;
}
.inline_right {
float: right;
}
.leftsidepanel{
border-bottom-width: thin;
border-right: thin dashed #000000;
margin: 10px;
}
.sidesegment {
border-bottom-color: #000000;
border-bottom-style: dotted;
border-bottom-width: 1;
padding-top: 10px;
padding-bottom: 10px;
}
.sidesegment_last {
border: none;
padding-top: 10px;
padding-bottom: 10px;
}
.indications {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
}
.indications table {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
}
.indications td {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
}
.indications th {
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
font-weight: bold;
}
.indications a {
color: #BFBFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
font-weight: normal;
text-decoration: none;
}
.menu {
color: #D0D0D0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
border-bottom: thin dashed #000000;
}
.menu table {
color: #D0D0D0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
.menu td {
color: #D0D0D0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
.menu a {
color: #D0D0D0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
font-weight: normal;
}
.menu a:hover {
color: #FFFFFF;
font-weight: normal;
}
.trackback-body {
border-bottom: 1px dotted #999999;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: small;
font-weight: normal;
line-height: 140%;
padding-bottom: 10px;
padding-top: 10px;
}
.trackback-header {
background-color: #000000;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
}
.trackback-post {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: x-small;
font-weight: normal;
}
.trackback-url {
border: 1px dotted #999999;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
line-height: 140%;
padding: 5px;
}