/* 3 March 2006 Peter Foster Copyright (c) 2006 Creative Reality Pty Ltd. All Rights Reserved. */ h1 {color: red; font-size: 20pt; text-align: center; /*text-shadow: 2px 2px 1px blue;*/ font-family: "Comic Sans MS", cursive} h2 {font-size: 15pt; text-align: center; /*text-shadow: 5px 5px 5px blue, 2px 2px red;*/ font-family: "Comic Sans MS", cursive} h3 {text-align: center; /*text-shadow: 5px 5px 5px blue, 2px 2px red;*/ font-family: "Comic Sans MS", cursive} body { font-size: 10pt; background-image: url(image/cork.jpg); background-repeat: repeat; background-color: rgb(90%, 95%, 100%); font-family: sans-serif } /* body { background-position: center; background-repeat: repeat; background-attachment: fixed; background-color: rgb(90%, 95%, 100%) } body.defaultdata { background-color: transparent; background-image: none } */ /* a.selected { color: green; outline: 5px outset red; border: 5px ridge yellow; background-color: navy} */ p.sitemeter, p.sitemeter:hover {text-align: center; margin: 0.5em; background: inherit} /*.event{ border: 2px green dotted }*/ p.copyright, address.copyright, p.copyright:hover {text-align: center; padding: 0; margin: 0.2em; background: inherit; clear: none; width: 60%} p.date { font-size: smaller; text-align: center; padding: 0; margin: 0; float: none; clear: both } /*div.event div.ad { border: 2px green dotted }*/ div.toplinks {text-align: center} div.toplinks p {margin: 1.5em} /* border: 0 dotted yellow is a hack I need to do to get it to work correctly in Firefox. */ div.toplinks p a { color: green; text-decoration: none; margin: 0.6em; padding: 0.1em; border: 0 dotted yellow; font-family: "Comic Sans MS", cursive} div.toplinks p a:hover { margin: 0.1em; border: 0.5em outset navy; background-color: rgb(70%,100%,100%); content: " After "} div.toplinks p.selected a { border: 0.5em outset navy; margin: 0.1em} div.toplinks p a.selected { color: black; border: 0.5em outset yellow; background-color: yellow; text-decoration: none; margin: 0.1em} /*iframe.Event { color: yellow; background-color: transparent}*/ div.leftCol { float: left} div.rightCol { float: right} /* div.leftSide{ float: left; width: 15% } div.rightSide{ float: right; width: 15% } */ div.leftSide{ float: left; width: 15em } div.rightSide{ float: right; width: 15em } /*div.middle { border: 2px dashed red ; background-color: white} */ div.bottom { clear: both } /*div.middle div.todo div.left {width: 20em}*/ /*div.middle div.todo div.comment {width: 20em}*/ div.middle p { font-family: "Comic Sans MS", cursive } /*div.ad {margin-bottom: 1em; padding: 2px; border: 2px dashed green; font-family: cursive; margin-right: 1em}*/ div.ad {margin-bottom: 1em; padding: 2px; font-family: "Comic Sans MS", cursive; margin-right: 1em} .ad p, .ad h3 { margin: 3px } .ad h3, .ad legend { color: fuchsia; text-align: center; font-weight: bold} .ad p, .ad ul { color: navy} .ad ul { padding-left: 1em} .ad li { padding-top: 1em } div.ad:hover {background-color: yellow} img.inline {float: right; margin: 2em; width: 80%; padding: 1em; font-family: "Comic Sans MS", cursive } p.by { float:left; width: 30% } p.date { float:right; width: 30%} div.tripreport p {clear: both} /* p:hover {background-color: yellow} */ .th { vertical-align: super; font-size: smaller} .blockquote { float: left; border: 10px double red; margin: 10px; padding: 10px } .unimportant { float: right; border: 2px dotted gray; margin: 10px; padding: 10px } p.unimportant:hover, div.blockquote:hover {color: black; font-weight: bold; background-color: yellow} p:hover {background-color: yellow} div.toplinks p:hover {background-color: inherit} div.todo {font-family: "Comic Sans MS", cursive} div.todo li a {white-space: nowrap} #div.todo li:first-line {text-indent: 5em} div.todo li {text-indent: 1.5em} div.todo div.comment ul {left: 0.4em; font-size: smaller} div.todo p, div.todo ul {margin: 0.2em; margin-bottom: 0; margin-top: 0; padding: 0; position: relative; top: -0.5em} div.todo p.title, div.todo h2.title {white-space: nowrap; font-weight: bold; text-align: center; margin: 0; padding: 0; position: relative; top: -1.8em; font-size: 10pt} div.todo p.due {color: red} div.todo div.comment, div.todo p.url {font-size: 90%; top: -1.2em} div.todo div.comment {margin-top: 0; margin-bottom: 1em; clear: both} /*div.Notes div.todo div.comment, div.ForSale div.todo div.comment {width: 20em}*/ /*div.todo p.url {font-family: courier; width: auto} */ div.todo p.url {font-family: courier} div.left {float: left} div.right {float: right} /* Images with post-it notes .... */ div.img div.left, div.img div.right {border: 1em; background-color: white; margin: 1em; padding: 1em; border-right: white outset 2px; border-bottom: white outset 3px; border-top: white solid 2em; border-left: white outset 2px } /*border-left: white outset 1px; */ div.img p.comment {font-family: "Comic Sans MS", cursive; font-size: smaller; font-weight: bold} /*div.middle div.index div.img div.right {border: 1em dotted green; background-color: white; margin: 1em; padding: 1em} */ /* div.img img { width: auto }*/ /* div.img img { border: 1px dotted blue } div.img p.title {font-family: cursive; font-weight: bold; font-size: larger; text-align: center; margin: 0; color: black} */ /* div.Notes div.todo div.left { border: 1px dotted red } div.Notes div.todo div.right { border: 1px dotted green } */ div.Notes div.todo { border: 0; background-color: yellow; width: auto; margin: 0.5em; padding: 0; padding-left: 0.5em; padding-right: 0.5em} div.Notes p:hover { background-color: inherit } div.Notes p.title:hover { background-color: rgb(92%, 92%, 0%) } div.ForSale div.todo div.left, div.ForSale div.todo div.right { border: 0; border-top: 2em solid rgb(90%, 0%, 90%); background-color: fuchsia; width: auto; margin: 0.5em; padding: 0; ; padding-left: 0.5em; padding-right: 0.5em} div.ForSale p:hover { background-color: inherit } div.ForSale p.title:hover { background-color: rgb(90%, 0%, 90%) } div.todo div.left, div.todo div.right{ border: 0; border-top: 2em solid rgb(92%, 92%, 0%); background-color: yellow; width: auto; margin: 0.5em; padding: 0; padding-left: 0.5em; padding-right: 0.5em; border-right: white outset 2px; border-bottom: white outset 3px; border-left: #cccc00 outset 2px }/*border-left: yellow outset 1px}*/ p:hover { background-color: inherit } p.title:hover, h2.title.hover { background-color: rgb(92%, 92%, 0%) } div.member div { margin-bottom: 1em; padding: 2px; border: 2px dashed yellow; font-family: "Comic Sans MS", cursive } div.member {font-family: "Comic Sans MS", cursive} div.member p {margin: 0.2em; padding: 0; width: 20em} div.member p.title {font-weight: bold; text-align: center; margin-top: 0; padding-top: 0} div.member p.comment {font-size: smaller} div.member p.photo { width: auto; text-align: center} div.aircraft div { margin-bottom: 1em; padding: 2px; border: 2px dashed yellow; font-family: "Comic Sans MS", cursive } div.aircraft {font-family: "Comic Sans MS", cursive} div.aircraft p {margin: 0.2em; padding: 0; width: 20em} div.aircraft p.title {font-weight: bold; text-align: center; margin-top: 0; padding-top: 0} div.aircraft p.comment {font-size: smaller} div.aircraft p.photo { width: auto; text-align: center} /* ul class="event"> li> ul> li>Jan 30 - Feb 5 li> ul> li class="training">Sat, Feb 4 SRFC Flight Training */ ul { width: auto } li { width: auto } ul.event li { list-style-type: none } ul.event li li li { list-style-type: circle } ul.event li {color: gray; font-family: "Comic Sans MS", cursive; line-height: 1.1em} ul.event li li {line-height: 1.5em} ul.event li li li {color: gray; line-height: 1.2em; font-weight: normal} ul.event li li li li {color: purple; line-height: 1em} ul.event li.high {color: red; font-size: larger; font-family: "Comic Sans MS", cursive} ul.event li.medium {color: fuchsia; font-family: "Comic Sans MS", cursive} ul.event li.training {color: gray; font-size: smaller; font-family: "Comic Sans MS", cursive} ul.event li.event1, ul.event li.event2, ul.event li.event3 {color: red; font-size: larger; font-family: "Comic Sans MS", cursive} ul.event li.event4, ul.event li.event5, ul.event li.event6 {color: fuchsia; font-family: "Comic Sans MS", cursive} ul.event li.event7, ul.event li.event8 {color: gray; font-family: "Comic Sans MS", cursive } ul.event li.event9 {color: gray; font-size: smaller; font-family: "Comic Sans MS", cursive} ul.event { list-style-position: inside } /* ul.event li li li { padding-left: 1em } ul.event li li li { text-indent: -1em } */ ul.event li:hover {color: black; font-weight: bold} /*ul.event:hover {background-color: yellow } */ ul.event ul:hover {background-color: yellow } ul.event ul ul:hover {background-color: rgb(100%, 100%, 65%)} ul.event ul ul li:hover {background-color: rgb(100%, 100%, 80%)} ul.event > ul:hover {background-color: rgb(90%, 90%, 50%) } ul.event ul:hover li.training:after { content: " Bookings: call Darryl 0425 251-939"} ul.event li:after {color: rgb(0%, 70%, 0%); text-decoration: blink} /* // 1 Club event // 2 Trip away // 3 Holiday, DST etc... reminder // 5 Average importance // 9 Least important */ ul.event li li li li:hover:after { content: " (Attendee)"} ul.event li li li:hover:after { content: " (Informative)"} ul.event li.medium:hover:after { content: " (Interesting)"} ul.event li.high:hover:after { content: " (Club Event)"} ul.event li.event1:hover:after { content: " (Club Event)"} ul.event li.event2:hover:after { content: " (Trip)"} ul.event li.event3:hover:after { content: " (Important Date)"} ul.event li.event4:hover:after, ul.event li.event5:hover:after, ul.event li.event6:hover:after { content: " (Interesting)"} ul.event li.event9:hover:after { content: " Bookings: call Darryl 0425 251-939"} /* ul.event li li li:hover:after li { content: ""}*/ /*ul.event > li > ul:first-child > li:hover:after { content: " Monday to Sunday "; color: red; font-size: 10pt } */ p.togo { text-align: center; margin: 3px; color: green; font-family: sans-serif} p.togo span.today, p.togo span.soon0, p.togo span.soon1, p.togo span.soon2, p.togo span.overdue { font-weight: bold} p.togo span.soon0, p.togo span.soon1, p.togo span.overdue { font-size: 150%} p.togo span.today { font-size: 400% } p.togo span.soon0, p.togo span.today, p.togo span.overdue { text-decoration: blink} p.togo span.overdue, p.togo span.today { color: red } div.event p.title { color: fuchsia } div.event p.title, div.event span.title {text-align: center; font-family: "Comic Sans MS", cursive; font-weight: bolder; /*text-shadow: 5px 5px 5px blue, 2px 2px red*/} p.dates, div.event div.dates, div.event span.dates {text-align: left; color: black; font-family: sans-serif} div.event span.period { text-align: left; color: gray; white-space: normal; font-size: 90%; font-family: sans-serif} div.event p.comment, div.event span.comment { font-family: sans-serif; font-weight: lighter } div.event div.daylight, div.event span.daylight { font-family: sans-serif; white-space: normal; color: gray; font-size: 90%} div.event p.togo, div.event span.togo { text-align: center; color: green; font-size: 90%; font-family: sans-serif} span.oneDate { white-space: normal; font-family: sans-serif } span.weekHeading { color: blue; font-size: larger; font-weight: bold; font-family: sans-serif } /* ul.event li li li { text-align: left } */