forked from expo/troggle
7aee3fb920
Photo model added. Logbook parser now puts mugshots in as photo models, and descriptions from the old folk html pages in as "blurbs" on the person model. Experimented with eye candy and a random logbook quote generator. Copied from http://cucc@cucc.survex.com/svn/trunk/expoweb/troggle/, rev. 8094 by aaron @ 12/31/2008 2:59 AM
98 lines
3.0 KiB
CSS
98 lines
3.0 KiB
CSS
.caption { font-size: 8pt; margin-bottom: 0pt; }
|
|
.centre { text-align: center; }
|
|
.plus2pt { font-size: 160%; }
|
|
|
|
body, td, center, ul, p, input {
|
|
color: rgb(204, 204, 102);
|
|
font-family: sans-serif;
|
|
}
|
|
body {
|
|
background-color: #000;
|
|
}
|
|
|
|
a:link, a:visited { text-decoration: none; }
|
|
div.centre img { vertical-align: middle; }
|
|
|
|
h1 { text-align: center; font-size: 210%; opacity:0.7; filter:alpha(opacity=70);}
|
|
h2 { color: #009900; }
|
|
h3 { color: #2c105e; }
|
|
h4 { color: #0d664c; }
|
|
h4.navbar {line-height: 0px;}
|
|
img.onright, div.onright { vertical-align: top; float: right;
|
|
margin-left: 10pt; margin-bottom: 10pt;
|
|
margin-right: 8pt; }
|
|
img.onleft, div.onleft { vertical-align: top; float: left;
|
|
margin-right: 10pt; margin-bottom: 10pt;
|
|
margin-left: 8pt; }
|
|
img.icon { vertical-align: middle; }
|
|
img.aligntop { vertical-align: top; }
|
|
blockquote {
|
|
font: Georgia, "Times New Roman", Times, serif;
|
|
font-weight:bold;
|
|
font-variant:small-caps;
|
|
width: 400px;
|
|
background: url(../close-quote.gif) no-repeat right bottom;
|
|
padding-left: 25px;
|
|
text-indent: -25px;
|
|
text-align: right;
|
|
vertical-align:bottom;
|
|
color:#CCCC66;
|
|
}
|
|
blockquote:first-letter {
|
|
background: url(../open-quote.gif) no-repeat left top;
|
|
padding-left: 40px;
|
|
font: italic 1.4em Georgia, "Times New Roman", Times, serif;
|
|
}
|
|
table.imgtable { margin-left: auto; margin-right: auto; }
|
|
table.imgtable td { vertical-align: middle; text-align: center;
|
|
padding: 10px; }
|
|
|
|
table.normal { border: thin; border-top:solid ; border-left:dotted ; border-bottom:dotted; border-right:hidden ; border-width:1px;}
|
|
table.normal td { border: thin; border-right:dotted ; border-width:1px; border-spacing:0px }
|
|
table.normal th { border-left:thin ; border-right:thin ; text-align: left}
|
|
|
|
/* "Traditional" table with borders.*/
|
|
table.trad { margin: 0pt; border: 1px solid #000;
|
|
border-color: #c0c0c0 #8d8d8d #8d8d8d #c0c0c0; }
|
|
table.bigfatborder { border-width: 6px; }
|
|
table.trad td, table.trad th { margin: 0pt; border: 1px solid #aaa;
|
|
border-color: #8d8d8d #c0c0c0 #c0c0c0 #8d8d8d; }
|
|
|
|
/*Divs for layout*/
|
|
html, body, div.contents {
|
|
min-height: 100%;
|
|
height: 100%;
|
|
width:100%;
|
|
}
|
|
html>body, html>body div.contents {
|
|
height: auto;
|
|
}
|
|
body {
|
|
}
|
|
div.contents {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
div.footer {
|
|
position: fixed;
|
|
bottom: 2px;
|
|
left: 2px;
|
|
}
|
|
div.main {
|
|
margin-bottom: 3em;
|
|
}
|
|
|
|
/* You are not expected to understand this. It is necessary. */
|
|
table.centre { margin-left: auto; margin-right: auto; }
|
|
table.centre td { text-align: left; }
|
|
|
|
h2#tophead { text-align: center; margin-bottom: -10pt; }
|
|
table#cavepage { width: 100%; font-size: 160%; }
|
|
table#cavepage th#kat_no { text-align: left; width: 25%; }
|
|
table#cavepage th#name { text-align: center; width: 50%; }
|
|
table#cavepage th#status { text-align: right; width: 25%; }
|
|
|
|
.command { color: #FF0000; }
|
|
.comment { color: #888888; font-style:italic;}
|