/* * Common style sheet for the Web site * http://members.tripod.com/martin_leese/ * * Martin Leese * August 30, 2003 * * Some useful colours: * Light Pastel * Fuchsia 255,192,255 #FFC0FF 255,224,255 #FFE0FF * Red 255,192,192 #FFC0C0 255,224,224 #FFE0E0 * Aqua 192,255 255 #C0FFFF 224,255 255 #E0FFFF * Lime 192,255,192 #C0FFC0 224,255,224 #E0FFE0 * Blue 192,192,255 #C0C0FF 224,224,255 #E0E0FF * Yellow 255,255,192 #FFFFC0 255,255,224 #FFFFE0 * Gray Silver 224,224,224 #E0E0E0 Pale Gray */ a:active:hover {color: Fuchsia;} /* hover is CSS level 2.1 */ a:hover {color: Green;} /* hover is CSS level 2.1 */ address {text-align: center;} blockquote {margin-left: 2em;} h1 {text-align: center;} h2 {text-align: center;} h3 {text-align: center;} h4 {text-align: center;} kbd {margin-left: 2em;} table {margin-left: auto; margin-right: auto;} td {text-align: center;} th {text-align: center;} a.ambisonic {background-color: #FFC0FF; border-color: #FFC0FF;} /* Light Fuchsia */ a.ambisonic:active {color: #FFC0FF;} /* Light Fuchsia */ a.ambisonic:active:hover {color: #FFC0FF;} /* Light Fuchsia */ /* hover is CSS level 2.1 */ a.audio {background-color: Silver; border-color: Silver;} a.audio:active {color: Silver;} a.audio:active:hover {color: Silver;} /* hover is CSS level 2.1 */ a.danraschen {background-color: #C0FFFF; border-color: #C0FFFF;} /* Light Aqua */ a.danraschen:active {color: #C0FFFF;} /* Light Aqua */ a.danraschen:active:hover {color: #C0FFFF;} /* Light Aqua */ /* hover is CSS level 2.1 */ a.emailrelaying {background-color: White; border-color: White;} a.emailrelaying:active {color: White;} a.emailrelaying:active:hover {color: White;} /* hover is CSS level 2.1 */ a.home {background-color: #C0FFC0; border-color: #C0FFC0;} /* Light Lime */ a.home:active {color: #C0FFC0;} /* Light Lime */ a.home:active:hover {color: #C0FFC0;} /* Light Lime */ /* hover is CSS level 2.1 */ a.literature {background-color: #FFC0C0; border-color: #FFC0C0;} /* Light Red */ a.literature:active {color: #FFC0C0;} /* Light Red */ a.literature:active:hover {color: #FFC0C0;} /* Light Red */ /* hover is CSS level 2.1 */ a.marvin {background-color: #C0C0FF; border-color: #C0C0FF;} /* Light Blue */ a.marvin:active {color: #C0C0FF;} /* Light Blue */ a.marvin:active:hover {color: #C0C0FF;} /* Light Blue */ /* hover is CSS level 2.1 */ a.pithysayings {background-color: #FFFFC0; border-color: #FFFFC0;} /* Light Yellow */ a.pithysayings:active {color: #FFFFC0;} /* Light Yellow */ a.pithysayings:active:hover {color: #FFFFC0;} /* Light Yellow */ /* hover is CSS level 2.1 */ a.search1 {background-color: #C0FFC0; border-color: #C0FFC0;} /* Light Lime */ a.search1:active {color: #C0FFC0;} /* Light Lime */ a.search1:active:hover {color: #C0FFC0;} /* Light Lime */ /* hover is CSS level 2.1 */ a.search2 {background-color: #E0FFE0; border-color: #E0FFE0;} /* Pastel Lime */ a.search2:active {color: #E0FFE0;} /* Pastel Lime */ a.search2:active:hover {color: #E0FFE0;} /* Pastel Lime */ /* hover is CSS level 2.1 */ a.search3 {background-color: White; border-color: White;} a.search3:active {color: White;} a.search3:active:hover {color: White;} /* hover is CSS level 2.1 */ /* For elliptical corners, use border-radius: 0.3em / 0.1em; */ /* border-radius is CSS level 3 */ a.stripbutton {display: inline; color: Black; text-decoration: none; margin: 0; padding: 0.05em 0.25em; border-style: solid; border-width: 0.05em;} a.stripbutton:active {background-color: Black; border-style: solid; border-width: 0.05em;} a.stripbutton:active:hover {font-size: larger; background-color: Black; border-style: solid; border-width: 0.05em;} /* hover is CSS level 2.1 */ a.stripbutton:hover {font-size: larger;} /* hover is CSS level 2.1 */ a.stripbutton:link {color: Black;} a.stripbutton:visited {color: Black;} /* Same as not visited */ a.black {color: Black;} a.hide:link {text-decoration: none; color: inherit;} /* inherit is CSS level 2.1 */ a.hide:visited {text-decoration: none; color: inherit;} /* inherit is CSS level 2.1 */ a.hide:active {text-decoration: none; color: inherit;} /* inherit is CSS level 2.1 */ a.hide:hover {text-decoration: none; color: inherit;} /* hover and inherit are CSS level 2.1 */ a.hide:focus {text-decoration: none; color: inherit;} /* focus and inherit are CSS level 2.1 */ /* Note: URLs are relative to the stylesheet, not to the document */ body.ambisonic {color: Black; background-color: #FFC0FF; background-image: url("../Images/ambisonic_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Fuchsia */ /* max-width is CSS level 2.1 */ body.ambisonicmenu {color: Black; background-color: #FFC0FF; background-image: url("../Images/ambisonic_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Fuchsia */ /* max-width is CSS level 2.1 */ body.audio {color: Black; background-color: Silver; background-image: url("../Images/audio_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* max-width is CSS level 2.1 */ body.audiomenu {color: Black; background-color: Silver; background-image: url("../Images/audio_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* max-width is CSS level 2.1 */ body.danraschen {color: Black; background-color: #C0FFFF; background-image: url("../Images/danraschen_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Aqua */ /* max-width is CSS level 2.1 */ body.danraschenmenu {color: Black; background-color: #C0FFFF; background-image: url("../Images/danraschen_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Aqua */ /* max-width is CSS level 2.1 */ body.emailrelaying {color: Black; background-color: White; background-image: url("../Images/emailrelaying_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* max-width is CSS level 2.1 */ body.homemenu {color: Black; background-color: #C0FFC0; background-image: url("../Images/home_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Lime */ /* max-width is CSS level 2.1 */ body.literature {color: Black; background-color: #FFC0C0; background-image: url("../Images/literature_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Red */ /* max-width is CSS level 2.1 */ body.literaturemenu {color: Black; background-color: #FFC0C0; background-image: url("../Images/literature_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Red */ /* max-width is CSS level 2.1 */ body.marvin {color: Black; background-color: #C0C0FF; background-image: url("../Images/marvin_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Blue */ /* max-width is CSS level 2.1 */ body.marvinmenu {color: Black; background-color: #C0C0FF; background-image: url("../Images/marvin_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Blue */ /* max-width is CSS level 2.1 */ /* body.mcss is defined in mcssUPDATED.css */ /* Change the background-color on the Atomz search results page to match body.misc */ body.misc {color: Black; background-color: #C0FFC0; background-image: url("../Images/misc_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Lime */ /* max-width is CSS level 2.1 */ body.miscmenu {color: Black; background-color: #C0FFC0; background-image: url("../Images/misc_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Lime */ /* max-width is CSS level 2.1 */ body.pithysayings {color: Black; background-color: #FFFFC0; background-image: url("../Images/pithysayings_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Yellow */ /* max-width is CSS level 2.1 */ body.pithysayingsmenu {color: Black; background-color: #FFFFC0; background-image: url("../Images/pithysayings_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Yellow */ /* max-width is CSS level 2.1 */ body.test {color: Black; background-color: #C0C0FF; background-image: url("../Images/test_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Blue */ /* max-width is CSS level 2.1 */ body.testmenu {color: Black; background-color: #C0C0FF; background-image: url("../Images/test_background.png"); background-repeat: repeat; background-attachment: scroll; background-position: top left; max-width: 750px; margin-left: auto; margin-right: auto;} /* Light Blue */ /* max-width is CSS level 2.1 */ br.clear {clear: both;} button.largeredbutton {float: left; margin: 0.5em 1.5em 0.5em 0.5em;} colgroup.ambisonic {border: medium solid #FFC0FF;} /* Light Fuchsia */ /*
s for solid background colours */ div.ambisonic {color: Black; background-color: #FFE0FF; padding: 0.5em 1em;} /* Pastel Fuchsia */ div.audio {color: Black; background-color: #E0E0E0; padding: 0.5em 1em;} /* Pale Gray */ div.danraschen {color: Black; background-color: #E0FFFF; padding: 0.5em 1em;} /* Pastel Aqua */ div.emailrelaying {color: Black; background-color: White; padding: 0.5em 1em;} div.literature {color: Black; background-color: #FFE0E0; padding: 0.5em 1em;} /* Pastel Red */ div.marvin {color: Black; background-color: #E0E0FF; padding: 0.5em 1em;} /* Pastel Blue */ /* div.mcss is defined in mcssUPDATED.css */ div.misc {color: Black; background-color: #E0FFE0; padding: 0.5em 1em;} /* Pastel Lime */ div.pithysayings {color: Black; background-color: #FFFFE0; padding: 0.5em 1em;} /* Pastel Yellow */ div.test {color: Black; background-color: #E0E0FF; padding: 0.5em 1em;} /* Pastel Blue */ /* Menu solid background colours disabled for aestethics */ /* div.ambisonicmenu {color: Black; background-color: #FFC0FF;} */ /* Light Fuchsia */ /* div.audiomenu {color: Black; background-color: Silver;} */ /* div.danraschenmenu {color: Black; background-color: #C0FFFF;} */ /* Light Aqua */ /* div.homemenu {color: Black; background-color: #C0FFC0;} */ /* Light Lime */ /* div.literaturemenu {color: Black; background-color: #FFC0C0;} */ /* Light Red */ /* div.marvinmenu {color: Black; background-color: #C0C0FF;} */ /* Light Blue */ /* div.miscmenu {color: Black; background-color: #C0FFC0;} */ /* Light Lime */ /* div.pithysayingsmenu {color: Black; background-color: #FFFFC0;} */ /* Light Yellow */ /* div.testmenu {color: Black; background-color: #C0C0FF;} */ /* Light Blue */ div.largeredbutton {display: none; font-style: italic; font-weight: bolder; font-size: x-large;} div.center {text-align: center;} div.marvinbutton {color: #E0E0FF; background-color: Black;} /* Pastel Blue */ div.marvinleft {width: 50%; float: left;} div.marvinright {width: 50%; float: right;} div.stripbutton {clear: both; text-align: center; margin: 0.5em 0 0.5em 0; padding: 0;} div.stripnav {color: White; background-color: Black; margin: 0; padding: 0.5em 1em;} div.strippithy {display: none; margin: 0.5em 0; padding: 0;} div.stripsearch {display: inline; float: right; margin: 0.5em 0 0.75em 0; padding: 0;} form.stripsearch {display: inline;} h2.left {text-align: left;} h3.left {text-align: left;} hr.clear {clear: both;} img.at {width: 1em; height: 1.105em; vertical-align: -30%; border-style: none;} /* was height: auto; */ img.harmonic {vertical-align: middle; margin-top: 0.1em;} img.middle {vertical-align: middle} img.left {float: left;} img.right {float: right;} li.marvin {margin-left: 0; padding-left: 0;} li.stripbutton {display: inline; list-style: none; text-align: center; white-space: nowrap; margin: 0; padding: 0;} ol.marvin {margin-left: 0; padding-left: 1.3em;} p.address {margin-left: 2em;} p.center {text-align: center;} p.character {margin-bottom: 0;} p.dialog {margin-top: 0; margin-left: 2em;} p.duration {margin-top: 0; margin-bottom: 0;} p.footer {text-align: center; margin-top: 0; margin-bottom: 0; font-style: italic;} p.hide {float: right; color: #BCFFBC; font-size: smaller;} /* Not quite Light Lime, to avoid triggering Google sanctions */ p.indent {margin-left: 2em;} p.letterhead {margin-left: 50%;} p.marvinheader {font-weight: bolder; text-decoration: underline;} p.navtop {margin-bottom: 0; text-align: center; font-size: smaller; font-weight: bolder;} p.navmiddle {margin-top: 0; margin-bottom: 0; font-size: smaller; font-weight: bolder;} p.navbottom {margin-top: 0; text-align: center; font-size: smaller; font-weight: bolder;} p.position {margin-top: 0; margin-bottom: 0; margin-left: 2em;} p.stripbutton {margin: 0; padding: 0; text-align: center;} p.strippithy {display: inline; margin: 0; padding: 0;} p.stripplaceholder {font-size: smaller; color: #FFFFE0; margin: 0; padding: 0;} /* Pastel Yellow */ p.stripsearch {display: inline; margin: 0; padding: 0;} /* Links within the navigation strip pithy saying */ p.stripplaceholder a:active {color: Fuchsia;} p.stripplaceholder a:active:hover {color: Fuchsia;} /* hover is CSS level 2.1 */ p.stripplaceholder a:hover {color: #E0FFE0;} /* Pastel Lime */ /* hover is CSS level 2.1 */ p.stripplaceholder a:link {color: #E0E0FF;} /* Pastel Blue */ p.stripplaceholder a:visited {color: #FFE0FF;} /* Pastel Fuchsia */ span.italic {font-style: italic;} span.left {float: left;} span.right {float: right;} span.underline {text-decoration: underline;} /* Unused */ strong.harmonic {font-size: 150px; vertical-align: middle;} table.ambisonic {margin-top: 1em; border-collapse: collapse; border: medium solid #FFC0FF;} /* Light Fuchsia */ /* border-collapse is CSS level 2.1 */ table.audio {margin-top: 1em; border-collapse: collapse; border: medium solid Silver;} /* border-collapse is CSS level 2.1 */ table.test {margin-top: 1em; border-collapse: collapse; border: medium solid #C0C0FF;} /* Light Blue */ /* border-collapse is CSS level 2.1 */ td.ambisonic {border: thin solid Fuchsia; padding: 0.2em;} td.audio {border: thin solid Gray; padding: 0.2em;} td.test {border: thin solid Blue; padding: 0.2em;} td.testbolder {font-weight: bolder; border: medium solid #C0C0FF; padding: 0.2em;} /* Light Blue */ td.padded {padding: 0.2em 0.4em;} th.ambisonic {border: medium solid #FFC0FF; padding: 0.2em;} /* Light Fuchsia */ th.audio {border: medium solid Silver; padding: 0.2em;} th.padded {padding: 0.2em 0.4em;} th.test {border: medium solid #C0C0FF; padding: 0.2em;} /* Light Blue */ tr.ambisonic {border: thin solid Fuchsia;} tr.test {border: thin solid Blue;} ul.stripbutton {display: inline; list-style: none; vertical-align: middle; margin: 0; padding: 0;} ul.stripsearch {display: inline; list-style: none; vertical-align: middle; margin: 0 0 0 0.5em; padding: 0;} /* Additional style used in Ambisonic/faq_latest.html for media="print" */ *.page {page-break-before: always;} /* page-break-before and * are CSS level 2.1 */ /* * Responsive Web design: * For 202px wide top images, break at 650px () * For 156px wide top images, break at 550px () * For 101px wide top images, break at 450px () */ div.small {display: none;} div.smaller {display: none;} div.smallest {display: none;} @media (max-width: 650px) { /* media query is CSS level 3 */ div.big {display: none;} div.largeredbutton {font-size: large;} div.small {display: block;} img.small {display:none;} strong.harmonic {font-size: 120px;} } @media (max-width: 550px) { /* media query is CSS level 3 */ div.small {display: none;} div.largeredbutton {font-size: medium;} div.smaller {display: block;} img.smaller {display:none;} strong.harmonic {font-size: 90px;} } @media (max-width: 450px) { /* media query is CSS level 3 */ div.smaller {display: none;} div.largeredbutton {font-size: small;} div.smallest {display: block;} img.smallest {display:none;} strong.harmonic {font-size: 60px;} }