/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Header style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* html { height: 100%; } */ html, body { margin: 0; padding: 0; height: 100%; width: 100%; } #marginauto { margin:auto; } body{ font-size:13px; /* overflow:hidden; */ /* background: linear-gradient(45deg, #1B2833 , #DDDDDD ); */ height: 100%; /* margin: 0px; /* duped above */ /* background-color:#292929; */ /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #E7E7E7 0%, #fff 50%, #E7E7E7 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #E7E7E7 0%, #fff 50%, #E7E7E7 100%); /* Opera */ background-image: -o-linear-gradient(top, #E7E7E7 0%, #fff 50%, #E7E7E7 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E7E7E7), color-stop(0.5, #fff), color-stop(1, #E7E7E7)); /* /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #E7E7E7 0%, #fff 50%, #E7E7E7 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #E7E7E7 0%, #fff 50%, #E7E7E7 100%); background-repeat: no-repeat; background-attachment: fixed; } body2{ font-size:13px; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #666 0%, #000 75%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #666 0%, #000 75%); /* Opera */ background-image: -o-linear-gradient(top, #666 0%, 000 75%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #666 0%, #000 75%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #666 0%,#000 75%); } /* ------------------ top strip ------------------*/ .header-cont { width:100%; position:fixed; top:0px; z-index:1005; } .header-contSub { width:100%; position:fixed; top:0px; z-index:1005; background-color:transparent; /* below adds grad to top header to help with legibility of name and menu icon */ /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #292929 0%, transparent 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #292929 0%, transparent 100%); /* Opera */ background-image: -o-linear-gradient(top, #292929 0%, transparent 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #292929), color-stop(1, transparent)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #292929 0%, transparent 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #292929 0%, transparent 100%); } /* Former top thin strip of 'contact' bar unused */ .headertop { height:20px; /* height of blue 'contact' bar */ margin-bottom: 20px; max-width:100%; min-width:401px; overflow:hidden; opacity:1; margin:0px auto; background-color:transparent; } .navwrapper0 { margin-right:0px; width: 275px; } .navbar0 .nav0>li>a { color: #2E2E2E; /* Contact FTP type color */ } .navbar0 .nav0 { position: relative; left: 0; display:block; float: left; margin: 2px 15px 0 0; /* contact strip nav as grouping - T R B L*/ } .navbar0 .nav0>li { float: left; display:inline-block; margin-right:15px; } .navbar0 .nav0>li>a:focus, .navbar0 .nav0>li>a:hover { color: #000; font-weight:600; text-decoration: none; background-color: transparent; } /* ------------------ top strip end ------------------*/ /* -- HR Strip Main Bar start / Global --*/ .header { /* -- HR Strip Main Bar start / Global --*/ max-width:100%; /* Header width - originally 1140px */ opacity:1; /* FOR HR HEADER */ background-color: #2E4A61; /* prev blue: #1B496B or red:#8A0507*/ z-index:10005; } .headerx { /* -- HR Strip Main Bar start / Global --*/ max-width:100%; /* Header width - originally 1140px */ opacity:1; /* FOR HR HEADER */ background-color: #2E4A61; /* prev blue: #1B496B or red:#8A0507*/ z-index:10005; } .vertical-center { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } /*NAV parts--------------------*/ .navwrapper { margin-right:0px; width: 275px; } .navbar .nav>li { /* DEFINES CHARACTERISTICS OF ITEMS LISTED as blocks */ float: left; display:inline-block; /* margin-left:10px; /* type menus within nav group strip*/ margin: auto; width: 175px; /* height: 65px; */ background-color: transparent; } .navbar .nav>li>a { /* DEFINES HOW LIST ITEMS ARE FORMATTED */ color:#e5db9a; /* default color nav type */ text-align: center; } .navbar .nav>li>a:focus, .navbar .nav>li>a:hover { /* DEFINES HOVER CHARACTERISTICS OF ITEMS text area only */ color: #ffffff; /* #595959 hover color of nav type - 'Selected' color is in Source Code for each page */ text-decoration: none; background-color: #547690; /* opacity: .8; */ } .navbar .nav { /* NAV AREA FULL */ margin: auto; /* T R B L - position of navbar in header*/ height:65px; /*height of navbar -Large Browser */ width:700px; /* width of site nav bar on upper right*/ /* top:0px; */ position: relative; left: 0; display:block; float: left; background-color: transparent; /* #E7E7E7 sausage nav block color */ } /**/ .mainnav .nav>li>a{ /* */ line-height: 45px; /* added this */ padding: auto; /* T R B L type placement within navbar also affects divider height */ /*border-right:solid 1px; border-left:solid 1px; border-color: transparent; */ } .mainnav { float:right; width: auto; right: 0px; top:0px; /*NAV group within header */ margin-bottom:0px; font-size: 15px; /* Size of site nav text on right */ letter-spacing:1.5px; } /* opt2 collaps nav */ /*unused navM parts for MINI--------------------*/ .navwrapperM { margin-right:0px; width: 275px; } .navbarM .navM>li>a { color:#6F9; /* default color nav type */ } .navbarM .navM { position: relative; left: 0; display:block; float: left; /*border-right:solid 1px; */ border:solid 1px; /* nav keyline frame */ border-color: #6C6; /* nav group outline color */ /* height:30px; /*height of navbar -Large Browser */ width:260px; /* width of site nav bar on upper right*/ background-color: transparent; /* nav block color */ /* IE10 Consumer Preview */ /* background-image: -ms-linear-gradient(top, #000 0%, #333 75%); */ /* Mozilla Firefox */ /* background-image: -moz-linear-gradient(top, #000 0%, #333 75%); */ /* Opera */ /* background-image: -o-linear-gradient(top, #000 0%, 333 75%); */ /* Webkit (Safari/Chrome 10) */ /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, #333)); */ /* Webkit (Chrome 11+) */ /* background-image: -webkit-linear-gradient(top, #000 0%, #333 75%); */ /* W3C Markup, IE10 Release Preview */ /* background-image: linear-gradient(to bottom, #000 0%,#333 75%); */ -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; /* future proofing */ -khtml-border-radius: 20px; /* for old Konqueror browsers */ } .navbarM .navM>li { float: left; display:inline-block; margin-left:8px; /* type menus within nav group strip*/ } .navbarM .navM>li>a:focus, .navbarM .navM>li>a:hover { color: #C36; /* hover color of nav type - 'Selected' color is in Source Code for each page */ text-decoration: none; background-color: transparent; } .topperBio { width:90%; position:relative; max-height: 100px; margin: auto; /* background-color: #8A0507; */ border-bottom:1px solid white; z-index:100; } .topperheading { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .bodyBio { position:fixed; overflow-y: auto; max-width:800px; margin:auto; border-top: 1px solid #2E4A61; border-bottom:1px solid #2E4A61; } /* Global */ .bodyBio2 { top: 50%; position:relative; overflow-y: auto; margin: 0 auto; text-align: justify; color:white; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; /* width: 100%; height:100%; */ } .bodyBio3 { top: 50%; left: 50%; transform: translate(-50%, -50%); position:absolute; margin: 0 auto; overflow-y: auto; text-align: justify; color:white; width: 100%; height: 100%; max-height: 100%; /* border: 3px solid green; */ padding: 10px 10px 10px 10px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .bodyheading { /* border: 3px solid #73AD21; */ padding: 10px; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; overflow-y: auto; } .footerBio { width:90%; position:fixed; bottom:0; margin: auto; max-height: 60px; left: 50%; transform: translateX(-50%); text-decoration: none; /* background-color: #8A0507; */ border-top: 1px solid white; z-index:100; } .footerheading { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*-------- HR Logo / Global -----------*/ .logosub { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } /*-------- Shadows / Global -----------*/ /* Shadow for 16x9 boxes */ .bs16 { box-shadow: 20px 20px 50px #575757; position:inherit; z-index:1; } /* Shadow for 1x1 gif */ .bsgif { box-shadow: 15px 15px 45px #575757; z-index:-100; } /* Shadow for Stream */ .bsstr { box-shadow: 15px 15px 45px #575757; z-index:-100; } /* Shadow for 1x1 boxes */ .bs1 { box-shadow: 20px 20px 40px #8F8F8F; /* From L, From T, Feather */ position:inherit; z-index:1; width: 75%; left: 12.5%; } /* Shadow for 9x16 snapchat boxes */ .bs9 { box-shadow: 15px 15px 45px #575757; position:inherit; z-index:1; width: 42%; left: 29%; } /* ------------------ SYZYGY Strip Main Bar end ------------------*/ .content { /*color bg layer*/ width: 100%; /* background: #F0F0F0; border: 1px solid #CCC; */ height: auto; margin-top: 0px; margin-right: auto; margin-bottom: 50px; margin-left: auto; border: 3px solid green; } /*----Test OFF for pop up menu --------*/ #container { /* margin-top:0px auto;/* margin-bottom:10px; /* Space between slider and footer bar ---------------------------------*/ height:auto; } #bckground /* Grad behind MAIN slider */ { /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #FFF 0%, #999999 50%, #292929 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #FFF 0%, #999999 50%, #292929 100%); /* Opera */ background-image: -o-linear-gradient(top, #FFF 0%, #999999 50%, #292929 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(0.5, #999999), color-stop(1, #292929)); /* /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #FFF 0%, #999999 50%, #292929 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #FFF 0%, #999999 50%, #292929 100%); } #bckground2 /* Grad behind MAIN slider */ { z-index:0; visibility:hidden; position:relative; top:0; left:0; } /* Adjustable Background to shift Sliders on Sub-pages */ #bckgroundsubs /* Grad behind sliders on Work pages */ { /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #292929 0%, #999999 50%, #292929 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #292929 0%, #999999 50%, #292929 100%); /* Opera */ background-image: -o-linear-gradient(top, #292929 0%, #999999 50%, #292929 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #292929), color-stop(0.5, #999999), color-stop(1, #292929)); /* /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #292929 0%, #999999 50%, #292929 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #292929 0%, #999999 50%, #292929 100%); } #bckground2s /* Grad behind MAIN slider - Global */ { z-index:1; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(left, #292929 0%, #999999 50%, #292929 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(left, #292929 0%, #999999 50%, #292929 100%); /* Opera */ background-image: -o-linear-gradient(left, #292929 0%, #999999 50%, #292929 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left, right, color-stop(0, #292929), color-stop(0.5, #999999), color-stop(1, #292929)); /* /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(left, #292929 0%, #999999 50%, #292929 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to right, #292929 0%, #999999 50%, #292929 100%); } #shadeB { /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(bottom, rgba (255,255,255, 1), rgba(255,255,255,0)), url('img/bg.jpg'); /* Mozilla Firefox */ background-image: -moz-linear-gradient(bottom, rgba (255,255,255, 1), rgba(255,255,255,0)), url('img/bg.jpg'); /* Opera */ background-image: -o-linear-gradient(bottom, rgba (255,255,255, 1), rgba(255,255,255,0)), url('img/bg.jpg'); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba (255,255,255, 1)), color-stop(.25, rgba(255,255,255,0))), url('img/bg.jpg'); /* /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(bottom, rgba (255,255,255, 1), rgba(255,255,255,0)), url('img/bg.jpg'); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to top, rgba (255,255,255, 1), rgba(255,255,255,0)), url('img/bg.jpg'); /* background: #A5191C; /* background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(152,152,152,0) 40%, rgba(23,23,23,1) 90%, rgba(0,0,0,1) 99%); /* FF3.6+ */ /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(40%,rgba(152,152,152,0)), color-stop(90%,rgba(23,23,23,1)), color-stop(99%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ /* background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(152,152,152,0) 40%,rgba(23,23,23,1) 90%,rgba(0,0,0,1) 99%); /* Chrome10+,Safari5.1+ */ /* background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(152,152,152,0) 40%,rgba(23,23,23,1) 90%,rgba(0,0,0,1) 99%); /* Opera 11.10+ */ /* background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(152,152,152,0) 40%,rgba(23,23,23,1) 90%,rgba(0,0,0,1) 99%); /* IE10+ */ /* background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(152,152,152,0) 40%,rgba(23,23,23,1) 90%,rgba(0,0,0,1) 99%); /* W3C */ } /*------ Contact & FTP nav parts----------*/ .mainnav0 .nav0>li>a{ padding-top: 6px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; } .mainnav0 { float:right; width: auto; right: 0px; top:0px; margin-bottom:0px; font-size: 10px; letter-spacing:2px; padding-top:0px; /*contact strip nav type position */ } /*--- ASTRO Global settings---*/ .miniMain { /* Set rules to fill background */ min-height: 100%; min-width: 300px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; margin-bottom:0px; } .maxiMain { /* Set rules to fill background */ min-height: 100%; min-width: 300px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; margin-bottom:0px; } .parentBio /* Parent Div */ { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; } .parentMain /* Parent Div */ { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; background-color:#2E4A61; } .astro2 { position:relative; margin: auto; width: 10em; height: 5em; background-color: transparent; } /* OLD ASTRO */ .astro { position:relative; margin-top:100px; display:block; top: 50%; left: 50%; transform: translate(-50%, -0%); /* border: 1px solid #000000; */ } .navCenter { position: relative; text-align:center; /* margin-left:255px; */ margin-top:-400px; width:15em; top: 50%; left: 50%; transform: translate(-50%, -50%); /* border: 1px solid #000000; */ } .navLeft { position: relative; text-align:right; margin-left:-270px; margin-top:210px; width:15em; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:1; /* border: 1px solid #000000; */ } .navRight { position: relative; text-align:left; margin-left:255px; margin-top:-34px; width:15em; /* display:block; */ /* text-decoration: none; */ top: 50%; left: 50%; transform: translate(-50%, -50%); /* border: 1px solid #000000; */ } .navCenterBottom { position: relative; text-align:center; /* margin-left:255px; */ margin-top:180px; width:15em; top: 50%; left: 50%; transform: translate(-50%, -50%); /* border: 1px solid #000000; */ } .subline { position: fixed; text-align:center; right: 50%; transform: translate(50%); /* border: 1px solid #000000; */ } .navlook { cursor: pointer; line-height:2.25em; font-size:1.15em; letter-spacing:.4em; /* border: 1px solid #000000; */ } /* ©2022 HR---Global--------*/ #copyrightfp { overflow: hidden; text-align: center; padding-top: .5em; padding-right: 0em; padding-bottom:0px; padding-left: 0em; margin-bottom:-8px; } #copyrightfp p { letter-spacing: 0.35em; text-align: center; text-transform: uppercase; font-size: .80em; color: #e5db9a; } #copyrightfp a { text-decoration: none; color: #e5db9a; } #copyrightfp2 p { color: #e5db9a; } @media only screen and (min-width: 1120px){ /* LARGE BROWSER LARGE BROWSER LARGE BROWSER LARGE BROWSER LARGE BROWSER LARGE BROWSER LARGE BROWSER LARGE BROWSER LARGE BROWSER LARGE BROWSER LARGE BROWSER */ /*-------- HR Logo / large browser -----------*/ .logo { margin: 11px 15px; } .header { /* For large browser >800 */ height:65px; margin-bottom: 0px; /* t 10: r/l: 15, b: 0 */ padding-left: 25px; } .headerx { /* For large browser >800 */ height:65px; /* margin-bottom: 0px; /* t 10: r/l: 15, b: 0 */ /* padding-left: 25px; */ /* removed gradient and rounded corners */ } .logoC { /* display:block; margin: 0 ; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); */ /* display:block; margin: auto; */ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .astroSize { width:357px; height:375px; margin-top:-250px; margin-left:-120px; } /* OLD Astro >800 */ .astro { width:357px; height:375px; } /* Art Disclaimer >1120 */ .white_content2 { top: 75px; bottom:75px; width:80%; max-width: 550px; max-height: 550px; margin: auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ } /* Art Disclaimer on main page only >1120 */ .white_content2B { top: 75px; bottom:75px; width:80%; max-width: 80%; max-height: 80%; margin: auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ } /* About Me Panel >800 */ .white_content3 { top: 75px; bottom:75px; width:100%; max-width: 920px; max-height: 585px; margin:auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ } /* About Me >1119 settings */ .topperBio { height:15%; } .bodyBio { padding-top:10px; padding-bottom:10px; top:15%; bottom:10%; left:8%; right:8%; line-height:30px; font-weight:300; font-size:1.45em; letter-spacing:.20em; text-align: justify; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .bodyBio2 { /* padding-top:10px; padding-bottom:10px; */ top:25%; bottom:25%; height: 800px; max-width:60%; max-height: 90%; line-height:30px; font-weight:300; font-size:1.45em; letter-spacing:.20em; /* top: 50%; transform: translateY(-50%); */ } .bodyheading { width: 800px; line-height:30px; font-weight:300; font-size:1.45em; letter-spacing:.20em; } .footerBio { height:10%; } .miniMain { visibility:hidden; display:none; } .Vnavbar { display:none; } .Xmainnav { display:none; } /* Adjustable Background to shift Sliders on Sub-pages */ #bckgroundsubs /* to adjust spacing of slider from nav above */ { margin-top:97px; } #bckground2s /* LARGE to adjust spacing of slider from nav above >1120*/ { margin-top:-10px; /* margin: 0; position: absolute; top: 0%; -ms-transform: translateY(-50%); transform: translateY(-50%); */ } .subline { bottom:20%; width:900px; font-size:1.5em; margin:auto; letter-spacing:4px; } /*-------- bottom text - full browswer-----*/ /*- FOOTER BAR ---------------*/ .footer { height:70px; width:100%; position: fixed; bottom: 0; margin-top:50px; z-index:500; /* border-top:solid 1px #8C8C8C; */ background-color: #2E4A61; /* prev blue: #1B496B */; opacity: 1; } .tabxx { height:120px; /* needs to be taller than parent, so it can bleed off */ /* margin-right: 30px; margin-left: 30px; */ background-color: #25292E; border: solid 1px #8C8C8C; bottom:0; opacity: .85; /* border: solid 1px #8C8C8C; */ border-top:solid 1px #8C8C8C; border-right:solid 1px #8C8C8C; border-left:solid 1px #8C8C8C; border-bottom:solid 0 #8C8C8C; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ } /*--LA, CA Phone for Full Browser -----------*/ #copyright /* boxed phone number */ { overflow: hidden; text-align: center; max-width:100%; padding: .5em 0em 0em 0em; border: solid 0px #e5db9a; margin-right:15px; margin-left:15px; margin-bottom: -15px; /* background-color: #333; opacity: .6; */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ } #copyright p { letter-spacing: 0.30em; text-align: center; text-transform: uppercase; font-size: 1.25em; color: #e5db9a; /* Phone Number */ } #copyright a { text-decoration: none; color: #e5db9a; } /* -- Turns off small version on large browser ----*/ #copyright-mobile { display:none; } .footer2 { display:none; } .footer2B { display:none; } /* Disclaimer ----- */ #disclaimer { text-align: center; padding:0; margin: 0; } #disclaimer p { overflow: visible; letter-spacing: 0.35em; text-align: center; /* Alignment of text block */ font-size: .80em; color: #8c8c8c; /* Disclaimer text color , bottom bar */ padding:0; } #disclaimer a { text-decoration: none; color: #8c8c8c; } #disclaimerM { display:none; } } /* /////////////////////////////////////////// end - LARGE BROWSER //////////////////// */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ @media only screen and (max-width: 1119px){ /* General MID-SMALL browswer General MID-SMALL browswer General MID-SMALL browswer General MID-SMALL browswer General MID-SMALL browswer General MID-SMALL browswer General MID-SMALL browswer General MID-SMALL browswer General MID-SMALL browswer General MID-SMALL browswer */ /* Top strip ------------------Turn off FTP strip */ /*-------- HR Logo / Small Med browser -----------*/ .logo { margin: 11px 10px; } .headertop { display:none; } .header { /* border-bottom:1px solid #fff; */ background-color: #2E4A61; padding-left:10px; padding-right:15px; z-index:10000; } .headerx { /* border-bottom:1px solid #fff; */ background-color: #2E4A61; padding-left:10px; padding-right:15px; z-index:10000; } /* Makes Header Logo Disappear */ .logo { display:none; /* margin: 5px 10px; /*T L*/ } .logoC { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); /* display:none; */ /* margin: 11px 15px; */ } /* Hide Main Nav */ .mainnav { display:none; } /* Astro <799 */ .maxiMain { visibility: hidden; } /* OLD Astro */ .astro { width:286px; height:300px; } /* Art Disclaimer <1119 */ .white_content2 { top: 70px; bottom:70px; width:95%; max-width: 550px; max-height: 495px; margin:auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; /* future proofing */ -khtml-border-radius: 6px; /* for old Konqueror browsers */ } /* <799 */ .white_content3 { top: 10%; bottom:12%; width:95%; max-width: 550px; max-height: 650px; margin: auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; /* future proofing */ -khtml-border-radius: 6px; /* for old Konqueror browsers */ } /* About Me <1119 settings */ .topperBio { height:10%; max-width:90%; /* margin-top: 5px; */ } .bodyBio { padding-top:5px; padding-bottom:5px; top:10%; bottom:10%; left:5%; right:5%; height: 80%; line-height:30px; font-weight:300; font-size:1.45em; letter-spacing:.15em; text-align: left; } .footerBio { height:10%; } .largeOn { display:none; } .navLeft { display:none; } .navRight { display:none; } .navlook { display:none; } /* Removes the Fly-in Astro with nav */ .ms-tabs-template { display:none; } /*--- For Touch screen-----*/ /* ------------------ SYZYGY Strip Main Bar start <799 ------------------*/ .navbar .nav { border:0px; } /* Vertical NAV parts--------------------*/ #mobnavbar { position: relative; float: none; border-color: #FFF; /* nav group outline color */ height:0; /* 0 keeps pop-up nav hidden when closed */ width:100%; /* width of site nav bar on upper right*/ max-width:100%; top:45px; /* Vertical position of pop up panel */ margin:20px auto; background-color: transparent; /* Black nav block color orig #001726*/ transition: height 0.3s linear 0s; z-index:10000; overflow:hidden; /* removed grad settings - removed rounded corner settings */ } .header .headerX #Vnavbar { position: relative; float: none; /* border:solid 0px; /* nav keyline frame */ border-color: #FFF; /* nav group outline color */ height:900px; /*205 height of navbar -small Browser */ width:90%; /* width of site nav bar on upper right*/ max-width:200px; margin:0px auto; background-color: transparent; /* Blue dark nav block color orig transparent*/ transition: height 0.3s linear 0s; z-index:10000; overflow:hidden; /* removed grad settings - removed rounded corner settings */ } .Xmainnav { float:right; width: auto; right: 0px; top:0px; /*NAV group within header */ margin-bottom:0px; font-size: 12px; /* Size of site nav text on right */ letter-spacing:1.5px; padding-top:0px; } .Vnavbar .nav>li { /* Settings for List within pop up (nav) */ width:100%; font-size: 1.5em; font-weight:400; display:block; /* margin-top:5px; /* Spacing between fields-panels */ /* margin-bottom:5px; */ } .Vnavbar .nav>li:after { box-shadow:none; } /* LIST, TYPE, FIELD CHARACTERISTICS within POP-UP */ .Vnavbar .nav>li>a { color:#999; /* Default color of nav type */ display:block; background-color:rgba(231, 231, 231, .90); /* Panel color behind text - non hover */ text-align: right; /* Alignment of text items on list within field */ padding-right:25px; /* Position of text within fields */ line-height:3em; letter-spacing:.3em; } /* DEFINES HOVER CHARACTERISTICS OF ITEMS */ .Vnavbar .nav>li>a:focus, .Vnavbar .nav>li>a:hover { color: #595959; /* hover color of nav type - 'Selected' color is in Source Code for each page */ padding-right:50px; text-decoration: none; background-color: #fff; /* of hover was transparent*/ /* border:2px solid #8A0507; */ } /* DEFINES CHARACTERISTICS OF POP-UP AS GROUP */ .Vnavbar .nav, .Vnavbar:active .nav { display: block; position: absolute; /* padding: .2em; /* Adjusts fields-panels within pop-up */ background: transparent; /* Color of pop-up behind fields */ right: -5px; /* Moves pop-up from right */ top: 0; width: 100%; max-width:400px; height: 375px; /* Max Height defined in-line JS for pop-up: maxH */ /* border-color:#fff; */ /* border:solid 2px; */ /* border-top:solid 1px; /* nav keyline frame */ /* border-right:solid 1px; border-left:solid 1px; */ /* border-bottom:solid 1px; */ } /* --Button Hamburger --*/ /* for Drop Down BUTTON GRAPHIC LINES Hamburger */ #menu-icon { /* display:none; top:80px; */ /* display:inline-block; */ background: transparent; position: relative; float: right; height: 6px; width:35px; margin: 6px auto; z-index:1003; /* border-bottom: 18px double #CCC; border-top: 6px solid #CCC ; */ } #menu-icon>a:hover { background-color: #3F6; } /* for mini pop up menu - lines to X trans NOT USED-adapted to menu-icon /////////*/ #containermini { display: inline-block; cursor: pointer; position: relative; float: right; border:solid 0px; /* nav keyline frame */ border-color: #FFF; /* nav group outline color */ height:6px; /*205 height of navbar -small Browser */ width:100%; /* width of site nav bar on upper right*/ max-width:400px; max-height:300px; margin:10px; top:20px; /* was 0 */ right:10px; } /* Animates into X hamburger LINES */ .bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #e5db9a; z-index:1003; transition: 0.3s; display: block; margin-top: 6px; /* originally margin: 6px 0px; */ margin-left: auto; margin-right: auto; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); background-color: #D01013; z-index:1003; } .change .bar2 {opacity: 0;} .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); background-color: #D01013; z-index:1003; } .changex .bar1 { -webkit-transform: rotate(0deg) translate(-09px, 0px); transform: rotate(0deg) translate(-0px, 0px); background-color: #ccc; z-index:1003; } .changex .bar2 {opacity: 1;} .changex .bar3 { -webkit-transform: rotate(0deg) translate(-0px, -0px); transform: rotate(0deg) translate(-0px, -0px); background-color: #ccc; z-index:1003; } /* ------------------------ */ /*- FOOTER BAR - Max 799 -----------*/ .footer { width:100%; position: fixed; bottom: 0; z-index:500; /* border-top:solid 1px #8C8C8C; */ background-color: #2E4A61; opacity: 1; } .footer2 { height:30px; width:100%; margin:10px auto; /*background-color: #000; /* city bar bottom */ /*border: solid 1px #fff;*/ /* border-top:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF; */ /* margin-bottom: 0px; z-index:500; */ /* -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ /* -khtml-border-radius: 5px; /* for old Konqueror browsers */ } .footer2B { height:130px; width:100%; margin:10px auto; /*background-color: #000; /* city bar bottom */ /*border: solid 1px #fff;*/ /* border-top:solid 1px #8c8c8c; border-bottom:solid 1px #8c8c8c; */ bottom: 0; z-index:500; /* -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ /* -khtml-border-radius: 5px; /* for old Konqueror browsers */ } /* Phone# for miD MAX <799----*/ .tabxx { height:80px; /* needs to be taller than parent, so it can bleed off */ margin-right: 30px; margin-left: 30px; background-color: #25292E; border: solid 1px #8C8C8C; bottom:0; opacity: .85; /* border: solid 1px #8C8C8C; */ border-top:solid 1px #8C8C8C; border-right:solid 1px #8C8C8C; border-left:solid 1px #8C8C8C; border-bottom:solid 0 #8C8C8C; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ } #copyright-mobile { overflow: hidden; text-align: center; padding: .65em 0em 0em; z-index: 1000; border: solid 0px #8C8C8C; margin-right:25px; margin-left:25px; margin-bottom:-15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ } #copyright-mobile p { letter-spacing: 0.30em; text-align: center; text-transform: uppercase; font-size: 1.25em; line-height:1em; color: #e5db9a; /* Phone Number */ } #copyright-mobile a /* color of bottom phone number on mobile device */ { text-decoration: none; color: #e5db9a; } #copyright-mobile2 { overflow: hidden; text-align: center; padding-top: .5em; padding-right: 0em; padding-bottom: 0em; padding-left: .5em; margin-bottom:1em; } #copyright-mobile2 p { letter-spacing: 0.30em; text-align: center; text-transform: uppercase; font-size: 1.00em; color: #fff; /* City text color , bottom bar */ } #copyright-mobile2 a { text-decoration: none; color: #fff; } /* To center main image on mobile */ .miniMain { left: 50%; margin-left: -368px; /* 50% */ z-index:-1000; } /*------------Bottom text - Mobile-----------*/ /* MAX 799 turns off longer version of large browswers */ #copyright { display:none; } /* Disclaimer MAX 799---------*/ #disclaimer { display:none; } #disclaimerM { text-align: center; padding:0; margin: 0; } #disclaimerM p { overflow: visible; letter-spacing: 0.15em; text-align: center; /* Alignment of text block */ font-size: .80em; line-height:.4em; color: #8c8c8c; /* Disclaimer text color , bottom bar */ padding:0; } #disclaimerM a { text-decoration: none; color: #8c8c8c; } } /* /////////////////////////////////////////// end - General MID-SMALL browser //////////////////// */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ @media only screen and (min-width: 401px) and (max-width: 1119px){ /* miD browswer miD browswer miD browswer miD browswer miD browswer miD browswer miD browswer miD browswer miD browswer miD browswer miD browswer miD browswer miD browswer miD browswer miD browswer miD browswer */ /* HR snipe for sub page display 401< >799 */ .header { height:55px; /* padding-left:10px; */ /* margin-bottom: -16px; */ /* padding-right:15px; */ } .headerx { height:55px; /* padding-left:10px; */ /* margin-bottom: -16px; */ /* padding-right:15px; */ } .astroSize { width:357px; height:375px; margin-top:-250px; margin-left:-120px; } #bckground2s /* MEDIUM to adjust spacing of slider from nav above <401<799*/ { margin-top:-2%; } .subline { bottom:20%; width:600px; font-size:1.25em; margin:auto; letter-spacing:3px; } .footer { height:60px; } /* Adjustable Background to shift Sliders on Sub-pages */ #bckgroundsubs /* to adjust spacing of slider from nav above */ { margin-top:75px; } /* Art Disclaimer on main page only 400> <1119 */ .white_content2B { top: 70px; bottom:70px; width:95%; max-width: 80%; max-height: 80%; margin:auto; } /* Art Disclaimer on main page only 400> <1119 */ .bodyBio2 { /* padding-top:10px; padding-bottom:10px; */ top:25%; bottom:25%; height: 800px; max-width:80%; max-height:90%; line-height:30px; font-weight:300; font-size:1.45em; letter-spacing:.20em; } .bodyheading { width: 800px; max-width:80%; line-height:30px; font-weight:300; font-size:1.45em; letter-spacing:.18em; } } /* /////////////////////////////////////////// end - miD browser //////////////////// */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ @media only screen and (max-width: 400px){ /* iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS iPhone IOS */ /* HR snipe for sub page display <400 */ /* iPhone adjust*/ .header { height:50px; /* no space needed on mobile */ /* padding-left:10px; */ /* margin-bottom: -16px; */ /* padding-right:15px; */ /* z-index:10000; */ } .headerx { height:50px; /* no space needed on mobile */ /* padding-left:10px; */ /* margin-bottom: -16px; */ /* padding-right:15px; */ /* z-index:10000; */ } .astroSize { width:300px; height:315px; margin-top:-150px; margin-left:-85px; } .subline { bottom:15%; width:400px; font-size:1em; margin:auto; letter-spacing:2px; } .footer { height:50px; } #disclaimerM { display:none; } /* Adjustable Background to shift Sliders on Sub-pages */ #bckgroundsubs /* to adjust spacing of slider from nav above */ { margin-top:55px; } #bckground2s /* MEDIUM to adjust spacing of slider from nav above <799*/ { margin-top:-2%; } /* Disclaimer < 400 */ .bodyBio2 { top:2%; bottom:5%; height: 400px; max-width:85%; max-height:80%; line-height:30px; font-weight:300; font-size:1.45em; letter-spacing:.20em; } .bodyheading { width: 800px; max-width:85%; height: 380px; max-height:75%; line-height:30px; font-weight:300; font-size:1.45em; letter-spacing:.15em; } .white_content2B { top: 50px; bottom:50px; width:95%; max-width: 95%; max-height: 80%; margin:auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; /* future proofing */ -khtml-border-radius: 6px; /* for old Konqueror browsers */ } } /* /////////////////////////////////////////// end - iPhone browser //////////////////// */ #bckgroundK { background-color:#000; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ end of Header style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Start of Contact & About Me Pop Up style / GLOBAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~ Under 400 px ~~~~~*/ .black_overlay{ display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #666; z-index:1001; -moz-opacity: 0.9; opacity:.40; filter: alpha(opacity=90); } .black_overlay2{ display: block; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.9; opacity:.40; filter: alpha(opacity=90); } .black_overlay3{ display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #666; z-index:1001; -moz-opacity: 0.9; opacity:.40; filter: alpha(opacity=90); } .black_overlay4{ display:block ; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #666; z-index:1001; -moz-opacity: 0.9; opacity:.40; filter: alpha(opacity=90); } .black_overlay3:focus { opacity:0; } .changeb .black_overlay3 {opacity: 1;} /*~~~~~~ Under 400 px ~~~~~*/ .white_content { display: none; position: fixed; left:50%; transform: translate(-50%); top: 75px; bottom:75px; width:350px; height:200px; margin:auto; padding: 26px 36px 16px 36px; /* T R B L */ border: 1px solid white; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #666 0%, #000 75%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #666 0%, #000 75%); /* Opera */ background-image: -o-linear-gradient(top, #666 0%, 000 75%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #666 0%, #000 75%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #666 0%,#000 75%); z-index:1002; overflow: auto; /* -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ /* -khtml-border-radius: 10px; /* for old Konqueror browsers */ opacity:1; filter: alpha(opacity=100); } /*~~~~~~ GLOBAL ~~~~~*/ .white_content2 { display: block; position: fixed; left:50%; transform: translate(-50%); background-color:white; z-index:1002; overflow: auto; opacity:.95; filter: alpha(opacity=95); } /*~~~~~~ Art Disclaimer on main page GLOBAL ~~~~~*/ /* Art Disclaimer on main page only GLOBAL */ .white_content2B { display: block; position: fixed; left:50%; transform: translate(-50%); background-color:#2E4A61; z-index:1002; overflow: auto; opacity:.75; filter: alpha(opacity=75); } /* For About Me Panel <400 */ .white_content3 { display: block; position: fixed; left:50%; transform: translate(-50%); /* border: 1px solid white; */ /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, white 0%, white 25%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, white 0%, white 25%); /* Opera */ background-image: -o-linear-gradient(top, white 0%, white 25%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(.75, white)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, white 0%, white 25%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, white 0%, white 25%); z-index:1002; overflow: auto; opacity:1; filter: alpha(opacity=100); } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ end of Contact & About Me Pop Up style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ syntax hilighter style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .syntaxhighlighter .gutter .line {border-right: 3px solid #DADADA !important;} .syntaxhighlighter .toolbar {background: #B9B9B9 !important;} .syntaxhighlighter .line.alt2 { background-color: #FAFAFA !important;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ end of syntax hilighter style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .hilight-wrapper { margin: 0px auto; margin-top: 50px; margin-bottom: 30px; max-width: 1200px; border: 1px solid #ddd; } .hilight-wrapper .nav{ background-color: #f2f2f2; } .hilight-wrapper .active>a{ background-color: #fff !important; padding-bottom: 12px !important; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border: 0px !important; } .active{ position: relative; } .nav-tabs>li>a { margin-right: 1px !important; } .ms-doc-link{ float: right; margin-top: 10px; margin-right: 14px; padding-right: 25px; background-image: url('img/document.png'); background-repeat: no-repeat; background-position: right; height: 20px; } .html-describe { border-bottom: 1px solid #e1e1e1; padding-top: 18px; padding-bottom: 18px; padding-left: 39px; color: #777777; background-image: url('img/describ-icon.png'); background-repeat: no-repeat; background-position: 13px 18px; } a:hover, a:focus { color: #428bca; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ to overwrite Bootstrapt ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ *, :before, :after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .syntaxhighlighter { margin-bottom: 0px !important; } .syntaxhighlighter.html{ max-height: 400px; } .keyline { border-top:solid 1px #FFF; }