/* ACTIVATED 25 JUNE 2018 TO HANDLE THE NEW POSITIONING OF THE MENU BAR NOW IN THE HEADER PANEL. THIS CSS SETS THE BACKGROUND IN THE PANEL TO NEAR TRANSPARENT AND ALTERS THE COLOUR OF THE DROPDOWNS. ORIGINAL CSS trebuchet.css IS KEPT IN CASE THERE ARE REMAINING PAGES WHICH DID NOT RECEIVE THE NEW TREATMENT. TO ACCOMPANY THIS NEW CSS A NEW MENU INCLUDE IS USED mainmenux.html*/ body { font-family: 'Avenir','Candara', 'Arial', 'sans-serif'; font-size:14px; line-height:18px; background-color:#f1eef5; } @font-face { font-family: 'Candara'; src: url('/FONTS/candara-webfont.eot'); /* IE9 Compat Modes */ src: url('/FONTS/candara-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/FONTS/candara-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('/FONTS/candara-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('/FONTS/candara-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('/FONTS/candara- webfont.svg#svgFontName') format('svg'); /* Legacy iOS */} @font-face { font-family: "Aaargh"; src: url("../FONTS/Aaargh.ttf"); }/* #### Generated By: http://www.cufonfonts.com #### */@font-face {font-family: 'Avenir LT Std 95 Black';font-style: normal;font-weight: normal;src: local('Avenir LT Std 95 Black'), url('/FONTS/AvenirLTStd-Black.woff') format('woff');}@font-face {font-family: 'Avenir LT Std 45 Book';font-style: normal;font-weight: normal;src: local('Avenir LT Std 45 Book'), url('/FONTS/AvenirLTStd-Book.woff') format('woff');}@font-face {font-family: 'Avenir LT Std 85 Heavy';font-style: normal;font-weight: normal;src: local('Avenir LT Std 85 Heavy'), url('/FONTS/AvenirLTStd-Heavy.woff') format('woff');}@font-face {font-family: 'Avenir LT Std 35 Light';font-style: normal;font-weight: normal;src: local('Avenir LT Std 35 Light'), url('/FONTS/AvenirLTStd-Light.woff') format('woff');}@font-face {font-family: 'Avenir LT Std 65 Medium';font-style: normal;font-weight: normal;src: local('Avenir LT Std 65 Medium'), url('/FONTS/AvenirLTStd-Medium.woff') format('woff');}@font-face {font-family: 'Avenir LT Std 55 Roman';font-style: normal;font-weight: normal;src: local('Avenir LT Std 55 Roman'), url('/FONTS/AvenirLTStd-Roman.woff') format('woff');}@font-face {font-family: 'Avenir LT Std 95 Black Oblique';font-style: normal;font-weight: normal;src: local('Avenir LT Std 95 Black Oblique'), url('/FONTS/AvenirLTStd-BlackOblique.woff') format('woff');}@font-face {font-family: 'Avenir LT Std 45 Book Oblique';font-style: normal;font-weight: normal;src: local('Avenir LT Std 45 Book Oblique'), url('/FONTS/AvenirLTStd-BookOblique.woff') format('woff');}@font-face {font-family: 'Avenir LT Std 85 Heavy Oblique';font-style: normal;font-weight: normal;src: local('Avenir LT Std 85 Heavy Oblique'), url('/FONTS/AvenirLTStd-HeavyOblique.woff') format('woff');}@font-face {font-family: 'Avenir LT Std 35 Light Oblique';font-style: normal;font-weight: normal;src: local('Avenir LT Std 35 Light Oblique'), url('/FONTS/AvenirLTStd-LightOblique.woff') format('woff');}@font-face {font-family: 'Avenir LT Std 65 Medium Oblique';font-style: normal;font-weight: normal;src: local('Avenir LT Std 65 Medium Oblique'), url('/FONTS/AvenirLTStd-MediumOblique.woff') format('woff');}@font-face {font-family: 'Avenir LT Std 55 Oblique';font-style: normal;font-weight: normal;src: local('Avenir LT Std 55 Oblique'), url('/FONTS/AvenirLTStd-Oblique.woff') format('woff');}p.type {font-family:"Underwood Champion";} p.schwartz { font-size:14px; line-height:22px; font-family:Candara,Arial,sans-serif; color:#000000; font-weight:100; }/*#2b19c4 old link color */ a:link {text-decoration: none; color:#063384;} a:visited {text-decoration: none; color:#063384;} a:active {text-decoration: none} a:hover {text-decoration: none; color: blue;} /* aligns text on inline image */ .textmiddle {vertical-align:middle;} .textbottom {vertical-align:bottom;} .texttop {vertical-align:top;} /*ends image align */ .centeredImage { text-align:center; margin-top:0px; margin-bottom:0px; padding:0px; } /* tooltip */ a.tip { position: relative; } a.tip span { display: none; position: absolute; top: 20px; left: -60px; width: 125px; padding: 5px; z-index: 100; color: #fff; background: #334b88; font: 12px "Gill Sans", sans-serif; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; } a:hover.tip { font-size: 99%; } a:hover.tip span { display: block; } p.footer { padding: 1em 0; text-align: center; font-size: smaller; } /* end tooltip */ /* tooltip2 */ a.tip2 { position: relative; } a.tip2 span { display: none; position: absolute; top: -70px; left: 100px; width: 255px; padding: 5px; z-index: 100; color: #fff; background: #334b88; font: 10px "Gill Sans", sans-serif; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; } a:hover.tip2 { font-size: 99%; } a:hover.tip2 span { display: block; } p.footer { padding: 1em 0; text-align: center; font-size: smaller; } /* end tooltip */ /* multi column layout */ div#col {-webkit-column-count: 4; -moz-column-count: 4; -webkit-column-rule: 1px solid #FFFFFF; -moz-column-rule: 1px solid #FFFFFF; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-count:4; } div.col {-webkit-column-count: 4; -moz-column-count: 4; -webkit-column-rule: 1px solid #FFFFFF; -moz-column-rule: 1px solid #FFFFFF; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-count:4; } div#col1 {-webkit-column-count: 4; -moz-column-count: 4; -webkit-column-rule: 0px solid #FFFFFF; -moz-column-rule: 0px solid #FFFFFF; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-count:4; } div.col1 {-webkit-column-count: 4; -moz-column-count: 4; -webkit-column-rule: 0px solid #FFFFFF; -moz-column-rule: 0px solid #FFFFFF; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-count:4; } div#col2 {-webkit-column-count: 6; -moz-column-count: 6; -webkit-column-rule: 0px solid #FFFFFF; -moz-column-rule: 0px solid #FFFFFF; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-count:6; } div.col2 {-webkit-column-count: 8; -moz-column-count: 8; -webkit-column-rule: 0px solid #FFFFFF; -moz-column-rule: 0px solid #FFFFFF; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-count:8; } div#col3 {-webkit-column-count: 3; -moz-column-count: 3; -webkit-column-rule: 1px solid #FFFFFF; -moz-column-rule: 1px solid #FFFFFF; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-count:3; } div.col3 {-webkit-column-count: 3; -moz-column-count: 3; -webkit-column-rule: 0px solid #FFFFFF; -moz-column-rule: 0px solid #FFFFFF; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-count:3; } div#col2col {-webkit-column-count: 2; -moz-column-count: 2; -webkit-column-rule: 0px solid #FFFFFF; -moz-column-rule: 0px solid #FFFFFF; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-count:2; } div.col2col {-webkit-column-count: 2; -moz-column-count: 2; -webkit-column-rule: 0px solid #FFFFFF; -moz-column-rule: 0px solid #FFFFFF; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-count:2; } #overlay { visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000;} /* end multi col */ /* menu homepage */ /* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at http://www.cssplay.co.uk/menus/cssplay-ipad-flyout-menu-fixed.htmlCopyright (c) Stu Nicholls. All rights reserved.This stylesheet and the associated (x)html may be modified in anyway to fit your requirements. =================================================================== */ #menuh {position:relative; margin-left:10px; z-index:100;}#menuh ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:transparent; padding:0; border-radius:8px;}#menuh li {display:inline;}#menuh ul ul {position:absolute; left:100%; margin-top:-30px; margin-left:0; display:none;}/* for IE7 */#menuh ul ul {*left:-9999px; *display:block;}#menuh ul#toplevel {position:relative; float:left;}#menuh a {display:block; font: 14px/28px Arial,sans-serif; color:#17144a; text-decoration:none; padding:0 15px;font-weight:550;}#menuh li:hover > a {color:#069;}#menuh ul li:hover > ul {display:block; left:100%; background:url(http://aircrewremembered.com/backcopy.png);} /* end menu homepage */ /* menu regular pages - horizontal */ /* ================================================================ This copyright notice must be untouched at all times.The original version of this stylesheet and the associated (x)htmlis available at http://www.cssplay.co.uk/menus/cssplaymenu-dropdown-flyout-ipad7.htmlCopyright (c) Stu Nicholls. All rights reserved.This stylesheet and the associated (x)html may be modified in anyway to fit your requirements. =================================================================== */ #menu {width:1050px; height:30px; text-align:center; position:relative; z-index:100; padding-bottom:30px;} #menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; border-radius:8px;} #menu ul {display:inline-block;} #menu li {margin:0; padding:0; list-style:none;} #menu li {display:inline;} #menu ul ul {position:absolute; left:0; top:30px; display:none; padding:10px 0; z-index:0;} #menu ul ul ul {left:90%; top:auto; margin-top:-35px;} #menu ul li.left > ul {left:auto; right:0; top:30px;} #menu ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-35px;} #menu > ul {margin:0 auto;} #menu > ul > li {float:left; display:block; position:relative;} #menu ul {background:#;} /*77abc3*/ #menu ul ul {background:#5f5f5f;} /*controls dropdown orig 77abc3 blue #6570a0*/ #menu ul ul ul {background:#;} #menu ul ul ul ul {background:#;} /*3aa3d3*/ #menu ul,#menu ul ul,#menu ul ul ul,#menu ul ul ul ul {background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 03%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);} #menu a {display:block; font:normal 12px Arial, sans-serif; color:#fff; line-height:25px; text-decoration:none; border-radius:8px; padding:0 20px 0 10px;} #menu > ul > li > a {float:left; line-height:30px; margin-right:2px;} #menu ul li:hover > ul {display:block;}#menu li.left ul a {text-align:right; padding:0 10px 0 20px;} #menu li:hover > a,#menu ul li:hover > a.fly {color:#bdc5d1;} /* for IE7 to fix a bug with using display:none; to hide the sub menus. Delete if not concerned with IE7 support */ #menu ul {*display:inline;} #menu ul ul,#menu ul ul ul,#menu ul li.left > ul,#menu ul li.left ul li > ul {*left:-9999px; *right:auto; *display:block;} #menu ul li:hover {*direction:ltr;} #menu ul li:hover > ul {*left:0;} #menu ul ul li:hover > ul {*left:100%;} #menu ul li.left:hover > ul {*left:auto; *right:0;} #menu ul li.left ul li:hover > ul {*left:auto; *right:100%;} /* end menu regular pages - horizontal /* /* div for random image homepage */ #navspace { width: 100%; border: 1px solid #e3e2f2; border-radius:10px; background-image: (url("../");background-repeat: no-repeat; ; /* Use quotes when defining a file path */} /* end random image div */ /* menu styling Paradie Archive */ #painters2 { padding:0; margin:0; list-style-type:none; }#painters2 li { width:33px; height:25px; float:left; border-right:1px solid #000; border-left:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; margin-right:2px; margin-bottom:10px; -webkit-border-radius:5px; }#painters2 a em { font-style:normal; font-size:1em; line-height:1.5em; }#painters2 a { text-decoration:none; color:#000; position:absolute; width:33px; height:25px; display:block; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; }#painters2 a.red {background:#c7eafe; color:#000;}#painters2 a.orange {background:#c7eafe; color:#000;}#painters2 a.yellow {background:#c7eafe; color:#000;}#painters2 a.green {background:#c7eafe; color:#000;}#painters2 a.blue {background:#c7eafe; color:#000;}#painters2 a:hover { width:35px; height:28px; z-index:200; background:transparent url(../ads/opaque.gif); }#painters2 a:hover em { font-size:1.5em; line-height:1.1em; overflow:hidden; cursor:pointer; background:#fff; border:1px solid #000; position:absolute; width:35px; height:25px; left:-0px; top:-5px; -webkit-border-radius:5px; -moz-border-radius:5px; }#painters2 a:hover.red em {background:#c7eafe;}#painters2 a:hover.orange em {background:#c7eafe;}#painters2 a:hover.yellow em {background:#c7eafe;}#painters2 a:hover.green em {background:#c7eafe;}#painters2 a:hover.blue em {background:#c7eafe;} /* end menu styling Paradie Archive */ /* css for top scroll button *//* DROP CAP */.firstcharacter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }/* alternative CSS# technique drop capp:first-child:first-letter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; } *//* another drops cap technique */p.introduction:first-letter { font-size : 300%; font-weight : bold; float : left; width : 1em; color : #c00; }/* adds border to images */img { border:1px solid #000000; }/* ends add border *//* adds reflection to image */img.reflect { margin: 60px auto 0 auto; -webkit-box-reflect:below -1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(67%, transparent) , to(rgba(250, 250, 250, 0.5))); }/* end reflect */img.middle { display:block; margin-left:auto; margin-right:auto; }.middle { display:block; margin-left:auto; margin-right:auto; }/* zoom */.zoom { -webkit-transition: all .2s ease-in-out; -moz-transition: -moz-transform .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }.zoom:hover { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); }/* experimental CSS hover effects */.view-seventh img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}.view-seventh .mask { background-color: rgba(77,44,35,0.5); -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}.view-seventh h2 { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.view-seventh p { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.view-seventh a.info { -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); -o-transform: translateY(-200px); -ms-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}.view-seventh:hover img { -webkit-transform: rotate(720deg) scale(0); -moz-transform: rotate(720deg) scale(0); -o-transform: rotate(720deg) scale(0); -ms-transform: rotate(720deg) scale(0); transform: rotate(720deg) scale(0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}.view-seventh:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px) rotate(0deg); -moz-transform: translateY(0px) rotate(0deg); -o-transform: translateY(0px) rotate(0deg); -ms-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s;}.view-seventh:hover h2 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; -ms-transition-delay: 0.7s; transition-delay: 0.7s;}.view-seventh:hover p { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s;}.view-seventh:hover a.info { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s;}/* this is to style the Google Custom Search function *//* *//* this is to style the Google Custom Search function */ /* body color orig e2e0e4 */ img.center { display: block; margin-left: auto; margin-right: auto; }