/* text/css menutopnav.css
MENU top navigation & contact_form modalwindow + Contact-on-home-page
(by +X^Nth 20130911+_20130928 +_...) */
/* basedon Dynamic Drive .com CSS Library
div id="modernbricksmenu2" */
/* Included 'LightBox_me' img id="contact_form" styling
credit: http buckwilson.me/lightboxme */
/* was resetevrythg
body , div , span , ol , ul , img {
margin:0; border: 0 none; padding: 0;
text-align: center;
}
moved toimplementonwebpage moved to overallcssfile*/
/* movedherefrom fullsz+gradient.css */
/* re-doing -to-a-seperate- id="contact" & removing the border, etc. USE 'menutopnav.css'*/
/* div id="contact_cntrn" */
#contact_cntrn {
position: absolute;
left: 0; top: 0;
width: 100%;
}
/* div id="contact" has-the inside-it */
#contact {
width: 6em; /* 6em is for'contact'@1.16emfontsize */
margin: 0 auto;
background-color : rgba(0, 0, 0, 0.062); /* {wasok : rgba(0, 0, 0, 0.62);} */
}
#contact a {
display: block ;
/*wasok background-color : rgba(0, 0, 0, 0.2); seethroughblack*/
/*wasok color : #414141; text #414141 is DrkCharcoal */
padding: 0.32em 0.56em 0.14em;
color : #f6f6f6; /* text f6f6f6; islightgray=offwhite*/
font-family : 'Liberation Sans', 'sans-serif';
font-size : 1.16em;
font-weight : bold;
}
#contact a:hover {
background-color: rgba(0, 0, 0, 0.32); /*background highlighted {wasok : rgba(0, 0, 0, 0.8);}*/
text-decoration: none;
color: #efefef; /* {wasok : #dedede; } */
}
/* end_movedherefrom fullsz+gradient.css */
/* was
#fullbodydiv{
width: 100%; height:100%;
}
removed toimplementonwebpage*/
/* the menutopnav
basedon
div id="modernbricksmenu2"
#D25A0B; Brown color theme (highlight & blk default)*/
/* convrtdunitto em
#414141 DrkCharcoal*/
/* div id="menutopnav" (has the ul) */
#menutopnav{
/* pageimplementation added positioning (2013-09-11 23:42:33 by +X^Nth) */
position: absolute;
left: 0;
top: 0;
padding: 0;
width: 100%;
/* height:1.9 looksgoodalonwith font : 0.9em */
/* {wasok} 2em isabitTALLER> 1.7 =[font_1+(padding 0.4+0.3)] */
height: 2em; /* height for background-color : rgba [2em = font_ 1+(padding: 0.6em + 0.4em)] */
/*WAS border-top: 5px solid #D25A0B; Brown color theme*/
/*WAS border-top: 0.5em solid #3e3e3e; #3e3e3e is Darkcharcoal (fullwidthlineontop)*/
/* experimenttoremovetopline */
/*WAS background: transparent; */
background-color : rgba(0, 0, 0, 0.2); /* test background-color : rgba(74,112,165,0.3); 0.3 looksok test */
/*was voice-family: "\"}\""; */
/*voice-family: inherit;*/
/* pageimplementation added z-index: (2013-09-11 23:42:33 by +X^Nth)*/
z-index: 11;
/* thmbnailslider z-index is 7 */
}
/* div class="cntrhrz" width: 24em ; sized for #ofcharacters=25 & font : 0.9em & ext-transform:uppercase; */
/* WAS ok.cntrhrz{
margin: 0 auto;
width: 26em ; loksok with font: 1em
} */
#menutopnav ul{
/*WAS margin:0; experiment to center*/
/*WAS margin-left: 40px; margin between first menu item and left browser edge*/
/* margin: 0 auto; experiment to center _=_nope*/
/*width: 100em; setuptocenter */
/*wasok width: 40em ; 46em wasokfor 54 CAPITOL characters added when removing div class="cntrhrz" */
/* 40em wasok with 54 Characters(+Home) nowtheLongestMENUison'ChiefArchitect' = 57chartrs{+Home} */
width: 44em ; /* [wasok width: 42em ; for = 57chartrs{+Home}] nowtheLongestMENUison'Engineering_Desi' = 67chartrs=TOTAL*/
padding: 0;
list-style: none;
margin: 0 auto; /* WAS on -an-extra- div class="cntrhrz" width: 24em ; sized for #ofcharacters=25 & font : 0.9em */
}
#menutopnav li{
float: left; /* added when removing div class="cntrhrz" & adding margin: 0 auto; on div id="menutopnav" ul */
display: inline;
/*WAS margin: 0 2px 0 0; WAS*/
padding: 0;
/*wasok text-transform:uppercase; wasok*/
}
#menutopnav a{
/*WASok float: left; 'moved' to li */
display: block;
/*WAS font: bold 11px Arial; WAS*/
/* 0.9em looksgood alongwith div hight 1.9em */
line-height: 1em;
font: bold 1em Arial; /*{wasok 1em}*/
color: #fafafa; /*text {wasok : white; with background-color: #414141;}*/
text-decoration: none;
/*WAS margin: 0 1px 0 0; Margin between each menu item*/
/*wasok margin: 0 0 0 0.2em; wasok*/
/*wasok margin: 0 0.2em 0 0 ; wasok*/
margin: 0 0.1em ;
/*WAS padding: 5px 10px; */
/* space around text inside each menu item {wasok padding: 0.3em 0.7em;} then 0.4 0.7 0.3 THEN 0.6 0.7 0.4 &
0.56em 0.7em 0.34em &TheN padding: 0.54em 0.7em 0.32em;*/
padding: 0.53em 0.7em 0.31em;
/*WAS background-color: black; Brown color theme*/
background-color: rgba(0, 0, 0, 0.42); /* normal =default menu item {wasok #414141 is DrkCharcoal}*/
/*WAS border-top: 1px solid white; */
/*border-top: 0.1em solid white; {wasok border-top: 0.1em solid white;} */
}
#menutopnav a:hover{
/*WAS background-color: #414141; __orig__*/
background-color: rgba(0, 0, 0, 0.62); /*background of tabs highlighted {wasok #000000}*/
/*was color: white; was*/
color: #e0e0e0; /* text {wasok : #dedede; with background-color: #000000;}*/
}
#menutopnav #current a{ /*currently selected tab*/
/*WAS background-color: #414141; __orig__*/
background-color: rgba(0, 0, 0, 0.56); /* {wasok background-color: #272727;} #3e3e3e is Darkcharcoa */
/*wAS color: white; wAS*/
color: #dbdbdb; /* text text color #dbdbdb is Lightgray*/
/*WAS border-color: #414141; __orig__*/
/* border-color: #272727; {wasok border-color: #272727;} */
}
/* END_ the menutopnav
basedon id="modernbricksmenu2"*/
/* MOVED to eMail_form.css
REenabled the div ONLY
for the look of background-color: rgba(0, 0, 0, 0.33) ;
[enables 'another' overlay] ( see above ) */
/* Included 'LightBox_me' div id="contact_form" styling */
/* thishas the img & text insieofit */
#contact_form {
display: none; /* the 'lightbox_me' JS will enable the display */
/*wasok background-color: rgba(0, 0, 0, 0.56) ; wasok */
/* background-color: rgba(0, 0, 0, 0.33) ; was a-bit_light _along_with overlay_0.62 _in_html _= 0.8246 total
reduce a-bit--on_overlay _to_ 0.56 in order to increasze _a-bit-here _then_the_'step' will be noticable
overlay rgba(0,0,0,0.56) X 0.48 = 0.2688 ; then add this to 0.56 = 0.8288 total */
background-color: rgba(0, 0, 0, 0.48) ;
/*wasok width: 84.6%; wasok*/
width: 62%;
/* form .eMail is width:38.7875em; & need_to_*here by 1.3 (because the form font = 1.3em) = 50.42375
[& add_in 2x1em for pading on form L&R & again 1.3 * that =2 * 1.3 = 2.6em = 50.42375+2.6= 53.02375 _use_53.04em] */
min-width : 56em; /* Was 53.04em */
max-height: 99% ;
}
/* thisis inside-of_div id="contact_form" */
/* img id="contact_form_logo" */
/*#contact_form_logo {*/ /* MOVED to eMail_form.css */
/* width: 100%; */ /* MOVED to eMail_form.css */
/* max-height: 99%; */ /* MOVED to eMail_form.css */
/*}*/ /* MOVED to eMail_form.css */
/* thisis inside-of_div id="contact_form" */
/* ADDed for e-mail TEXT div id="contact_form_email" */
/*#contact_form_email {*/ /* MOVED to eMail_form.css */
/* position: absolute;*/ /* MOVED to eMail_form.css */
/* bottom: 0;*/ /* MOVED to eMail_form.css */
/* right: 0;*/ /* MOVED to eMail_form.css */
/* margin: 0 6.2% 1% 0.62%;*/ /* MOVED to eMail_form.css */
/* text-align : right;*/ /* MOVED to eMail_form.css */
/* font-family : Arial, 'Liberation Sans', Sans, 'sans-serif'; *//* ? font-family : Sans, 'sans-serif'; ? *//* MOVED to eMail_form.css */
/* font-size : 4.5em; ; *//* like WAS 72px (=16px*4.5em) in the image *//* MOVED to eMail_form.css */
/* color: #e7e7e7 ; *//* same off-white/grey rgb(231) as the text in the img *//* MOVED to eMail_form.css */
/*}*/ /* MOVED to eMail_form.css */
/* eNd_Included 'LightBox_me' img id="contact_form" styling */
/* fini (+X^Nth) */