You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
199 lines
3.7 KiB
199 lines
3.7 KiB
body { margin-left: 5%; margin-right: 1%; }
|
|
dt { font-weight: bold; margin-bottom: .25em }
|
|
th.image { text-align: center }
|
|
|
|
/* For history.html */
|
|
|
|
dt.history {position: relative }
|
|
dd.history {margin-bottom: 1em }
|
|
.history.date { position: absolute; left: -9em; width: 5em; color: #004800;
|
|
background: #cde0d5; padding: .5em; font-style: italic; font-size:small; font-family: sans-serif; }
|
|
|
|
|
|
/* For set */
|
|
|
|
.navigation {padding: 3px 0; margin: 0;
|
|
border-bottom: 1px solid #778;
|
|
font: bold 12px sans-serif; line-height: 24px}
|
|
.navigation {width: 70%}
|
|
|
|
blockquote {
|
|
margin-left: 1em;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Shared style for various green boxes */
|
|
|
|
.bigquo {
|
|
font-size: 200%;
|
|
}
|
|
|
|
.event-date, .faqnb, .joinnb {
|
|
font-size: small;
|
|
}
|
|
|
|
.bigquo, .event-date, .faqnb, .joinnb {
|
|
text-align: center;
|
|
float: left;
|
|
color: #004800;
|
|
background: #cde0d5;
|
|
padding: .3em;
|
|
margin: 0 .7em 0 0;
|
|
font-style: italic;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.event-date {
|
|
width: 9em;
|
|
}
|
|
|
|
.faqnb, .joinnb {
|
|
width: 6em;
|
|
}
|
|
|
|
|
|
/* For testimonials on membership page */
|
|
|
|
span.QuoteAttr {
|
|
font-weight: bold;
|
|
}
|
|
|
|
blockquote.testimonial {
|
|
margin-left: 2em;
|
|
margin-right: 5em;
|
|
margin-bottom: 2em;
|
|
padding: 0;
|
|
}
|
|
|
|
p.t2 {
|
|
margin: 0 1em 0 3em;
|
|
}
|
|
|
|
/* Intro quotes */
|
|
|
|
blockquote.intro {
|
|
float:right;
|
|
width: 30%;
|
|
margin: 1em 0 1em 1em;
|
|
border: 1px black solid;
|
|
padding: .7em;
|
|
background: #fdf5e6;
|
|
color: black;
|
|
font-size: 83%;
|
|
}
|
|
|
|
/* For events on history page */
|
|
|
|
.event {
|
|
margin-left: 2em;
|
|
margin-right: 5em;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.event-title {
|
|
font-weight: bold
|
|
}
|
|
|
|
/* For photos */
|
|
|
|
.right {
|
|
float: right;
|
|
}
|
|
|
|
.left {
|
|
float: left;
|
|
}
|
|
|
|
.imagebox, .imagebox_small, .imagebox_free {
|
|
text-align: center;
|
|
margin: 1em 1em 1em 1em;
|
|
}
|
|
|
|
.imagebox img, .imagebox_small img, .imagebox_free img,
|
|
.imagebox a img, .imagebox_small a img, .imagebox_free a img {
|
|
border: 1px solid black
|
|
}
|
|
|
|
.imagebox p, .imagebox_small p, .imagebox_free p {
|
|
margin: .8em .4em .4em .4em;
|
|
font-weight: bold;
|
|
font-size: small;
|
|
padding-top: .4em;
|
|
border-top: 1px solid #ffa54f;
|
|
}
|
|
|
|
.imagebox {
|
|
width: 180px;
|
|
}
|
|
|
|
.imagebox_small {
|
|
width: 90px;
|
|
}
|
|
|
|
/* For figures and illustrations */
|
|
|
|
.figure { text-align: center }
|
|
.caption { font-style: italic; margin-left: 2em; margin-right: 2em }
|
|
|
|
/* Business case list formatting */
|
|
|
|
#business-case-list li { padding-bottom: .75em }
|
|
|
|
/* For contacts table */
|
|
|
|
table {width: 90% }
|
|
td.contactPerson { width: 75%}
|
|
td.hostphoto { width: 75% }
|
|
th, td { padding: 1em 1em 1em 1em }
|
|
thead { background: #cde0d5 }
|
|
th.left { width: 25% }
|
|
th.right { width: 75% }
|
|
|
|
/* For skip links */
|
|
|
|
.invisible, .invisible a {
|
|
display: none;
|
|
background: #fff;
|
|
color: #fff;
|
|
}
|
|
|
|
/* For right navbar */
|
|
|
|
#nav { margin:0 0 1em 1em; float:right; width: 22%; font-family: sans-serif;
|
|
font-size: 12px; border: 1px solid black; border-top: none;
|
|
padding: 0; background: #DDE; }
|
|
|
|
#nav, #nav ul { list-style: none }
|
|
|
|
.level1 { padding-left: 1em; margin: 0 }
|
|
.level2 { padding-left: 1em; margin: 0 }
|
|
.level3 { padding-left: 2em; margin: 0 }
|
|
|
|
#nav li { list-style: none; margin: 0;
|
|
border-top: 1px solid gray;
|
|
padding: .25em }
|
|
|
|
#current {list-style: none; margin: 0;
|
|
border-top: 1px solid gray;
|
|
background: #CCD; color: black;
|
|
padding: .2em; border-left: thick solid gray}
|
|
|
|
#nav li a:hover {color: #FE3; background: #332; }
|
|
|
|
#nav li a { display: block; text-decoration: none }
|
|
#nav li a.inline { display: inline; text-decoration: none }
|
|
|
|
#foot { clear: both }
|
|
|
|
/* for domain home pages */
|
|
|
|
.slogan {
|
|
background: #fff;
|
|
color: #000;
|
|
font-weight: bold;
|
|
font-size: 130%;
|
|
}
|
|
|
|
@media print {
|
|
#navblock { display: none }
|
|
}
|