/* text/css fullsz+gradient.css */ /* For gradients , etc in 3D CAD web_site for WilliamHalversen to be used with roundabout.css ; menutopnav.css ; & SlideShow_onMouseover.css by +X^Nth */ /* Define every-thing to be FULL height etc */ html, body { width:100%; height:100%; } html, body , div , span , ol , ul , img { padding: 0px; border: none 0px; margin: 0px; /*[20150520]added OLD ones also by +X^N */ -webkit-box-sizing: border-box; /* OLD : WebKit : Safari-5, Chrome-9, Opera-9*/ -moz-box-sizing: border-box; /* OLD : Firefox-28, other Gecko */ /*[20150519]added box-sizing: border-box; by +X^N */ box-sizing: border-box; /* IE 8+, Opera 9.5+, Chrome 10+, Firefox 29+, Safari 5.1+, Blink ?*/ /*[20150521]turns out that IE had this right , need to account for different widths in other css : SlideShow_onMouseover(2)border-box */ text-align: center; } body { /* width:100%; tried to remove "html" = BAD (see above) */ /* height:100%; tried to remove "html" = BAD (see above) */ /* padding: 0px; tried to remove "html" = BAD (see above) */ /* border: none 0px; tried to remove "html" = BAD (see above) */ /* margin: 0px; tried to remove "html" = BAD (see above) */ /* however, DID separate_out html, body width:100% & height:100% */ background: #4C4C4C; /* base-color_page 666666 is medium dark charcoal ( 4C4C4C is Dark = OK ) */ color : #f6f6f6; /* text #f6f6f6 is off-white */ } a { text-decoration : none; outline-style : none; color : #f6f6f6; /*[20150519]added for footer by +X^N */ } a:hover { text-decoration : underline; } a:visited { color : #1a1a1a; /* 1a1a1a is DARK gray */ } /*[20150520]added .Class S relativ absolut cntrd txtcntr by +X^N */ /* .Class S */ .relativ {position: relative;} .absolut {position: absolute;} .cntrd { margin: 0 auto; } /* needs element {}width: } to-work */ .txtcntr {text-align: center;} /* re-doing -to-a-seperate- div id="contact" & removing the border, etc. USE 'menutopnav.css'*/ /*a.contact {*/ /* +++++++++++++ DefinE : table id s for FULL height +++++++++++++ */ table { width: 100%; height: 100%; padding: 0px; border: none 0px; margin: 0px; text-align: center; vertical-align: middle; list-style-type: none; } #HalversenCADdesignWEBsite /* for BODY DIV ID */ { width: 100%; height: 100%; padding: 0px; border: none 0px; margin: 0px; } /*#WilliamHalversenCAD3DwebPAGE */ /* over - all TABLE ID */ /* ToDo possibly remove due_to defined GENERALLY 'table' above */ /* { width: 100%; */ #WilliamHalversenCADtop /* header TABLE ID*//* forHOMEpage */ , #WilliamHALVERSENfooter /* footer TABLE ID */ { /* Top area GRADIENT id defintion elliptical ... from top edge */ /* IE10 Consumer Preview */ background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #EEEEEE 0%, #111111 84%, #000000 100%); /* Mozilla Firefox */ background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #EEEEEE 0%, #111111 84%, #000000 100%); /* Opera */ background-image: -o-radial-gradient(center top, ellipse farthest-corner, #EEEEEE 0%, #111111 84%, #000000 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #EEEEEE), color-stop(0.84, #111111), color-stop(1, #000000)); /* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #EEEEEE 0%, #111111 84%, #000000 100%); /* W3C Markup, IE10 Release Preview */ background-image: radial-gradient(ellipse farthest-corner at center top, #EEEEEE 0%, #111111 84%, #000000 100%); } #WilliamHalversen3Dgui /* main / middle TABLE ID */ { /* Main area GRADIENT id defintion elliptical ... from bottom edge */ /* IE10 Consumer Preview */ background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #EEEEEE 0%, #111111 84%, #000000 100%); /* Mozilla Firefox */ background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #EEEEEE 0%, #111111 84%, #000000 100%); /* Opera */ background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #EEEEEE 0%, #111111 84%, #000000 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0, #EEEEEE), color-stop(0.84, #111111), color-stop(1, #000000)); /* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #EEEEEE 0%, #111111 84%, #000000 100%); /* W3C Markup, IE10 Release Preview */ background-image: radial-gradient(ellipse farthest-corner at center bottom, #EEEEEE 0%, #111111 84%, #000000 100%); } /* Gradient S for PORTFOLIO Page S */ #WilliamHalversenCADportfolioTop /* header TABLE ID*/ { /* Top area GRADIENT id defintion elliptical ... from top edge */ /* IE10 Consumer Preview */ background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #3D3D3D 68%, #111111 84%, #000000 100%); /* Mozilla Firefox */ background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #3D3D3D 68%, #111111 84%, #000000 100%); /* Opera */ background-image: -o-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #3D3D3D 68%, #111111 84%, #000000 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #FFFFFF), color-stop(0.68, #3D3D3D), color-stop(0.84, #111111), color-stop(1, #000000)); /* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 0%, #3D3D3D 68%, #111111 84%, #000000 100%); /* W3C Markup, IE10 Release Preview */ background-image: radial-gradient(ellipse farthest-corner at center top, #FFFFFF 0%, #3D3D3D 68%, #111111 84%, #000000 100%); } #WilliamHalversen3DportfolioMDDL /* main / middle TABLE ID */ { /* Main area GRADIENT id defintion elliptical ... from bottom edge */ /* IE10 Consumer Preview */ background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #EAEAEA 0%, #626262 50%, #3D3D3D 68%, #111111 84%, #000000 100%); /* Mozilla Firefox */ background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #EAEAEA 0%, #626262 50%, #3D3D3D 68%, #111111 84%, #000000 100%); /* Opera */ background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #EAEAEA 0%, #626262 50%, #3D3D3D 68%, #111111 84%, #000000 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 561, color-stop(0, #EAEAEA), color-stop(0.50, #626262), color-stop(0.68, #3D3D3D), color-stop(0.84, #111111), color-stop(1, #000000)); /* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #EAEAEA 0%, #626262 50%, #3D3D3D 68%, #111111 84%, #000000 100%); /* W3C Markup, IE10 Release Preview */ background-image: radial-gradient(ellipse farthest-corner at center bottom, #EAEAEA 0%, #626262 50%, #3D3D3D 68%, #111111 84%, #000000 100%); } #WilliamHALVERSENportfolioFootr /* footer TABLE ID */ { /* Top area GRADIENT id defintion elliptical ... from top edge */ /* IE10 Consumer Preview */ background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #EAEAEA 0%, #626262 50%, #3D3D3D 68%, #111111 84%, #000000 100%); /* Mozilla Firefox */ background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #EAEAEA 0%, #626262 50%, #3D3D3D 68%, #111111 84%, #000000 100%); /* Opera */ background-image: -o-radial-gradient(center top, ellipse farthest-corner, #EAEAEA 0%, #626262 50%, #3D3D3D 68%, #111111 84%, #000000 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(radial, center top, 0, center top, 561, color-stop(0, #EAEAEA), color-stop(0.50, #626262), color-stop(0.68, #3D3D3D), color-stop(0.84, #111111), color-stop(1, #000000)); /* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #EAEAEA 0%, #626262 50%, #3D3D3D 68%, #111111 84%, #000000 100%); /* W3C Markup, IE10 Release Preview */ background-image: radial-gradient(ellipse farthest-corner at center top, #EAEAEA 0%, #626262 50%, #3D3D3D 68%, #111111 84%, #000000 100%); } /* +++++++++++++ END_DefinE : table id s for FULL height +++++++++++++ */ /*[20150522] moved Footer to separte css _es: roundabout & slideshow */ /*** define id s for Footer ***/ /*[20150519]added div id="3D_CAD-by_William_Halversen" */ /* /#3D_CAD-by_William_Halversen { */ /*[20150520]wasOK position: absolute; see .absolut by +X^N actually cannot have absolute possning*/ /* top: 0; */ /* height: calc(100% - 1px); */ /* width: 100%; */ /* font-size: 0.62rem; BAD move to each 'Sub'div */ /* } */ /*[20150519]added div id=ftrPsnnng */ /* #ftrPsnnng { */ /*[20150521]WasOK min-height: 100%; */ /* min-height: calc(100% - 3px); *//*[20150521] fine_tune-a-bit */ /*[20150520]wasok margin: 0 auto; see .cntrd */ /*[20150520]WAS margin-bottom: -40px; Changed when Removing img */ /*^magic^ in order to have the footer 'stick' to the bottom of the page */ /*^magic^ margin-bottom: -1.89em; -SAME as the #ftrCC height 'magic' workaround */ /* margin-bottom: -1.80em; *//* {-3.2em wasTOObig)(-2.2em was-a-bit_too-big) */ /* } */ /*[20150519]added footer id=ftrCC */ /* #ftrCC { */ /*[20150520]WAS height:31px; Chnaged to em */ /* ^magic^ height: 1.56em; lessthanorequalto -margin-bottom #ftrPsnnng */ /* height: 1.56em; *//* {- .2em wasTOObig)( 2em was-a-bit-big) */ /* width: 100%; */ /*margin: 0 auto 1px; *//*did not work to remove 'extra' ? causing a vert scroll bar*/ /*[20150520]wasok margin: 0 auto; see .cntrd */ /*[20150520]WAS padding: 0 0 8px; */ /*added instead of margin*/ /* padding: 0 0 0.162em; *//*[20150520] changed to em (0 0 0.3 was-a-bit-big)*/ /* font-size: 0.62rem; *//*[20150520] added to reduce overall _to_increase-hiloDeco2demibold */ /* } */ /* [20150520]CHANGED back to all-in-one id=ftrCC */ /*[20150519]added footer id="ftrLft" */ /* #ftrLft { */ /* display: inline; */ /* width: calc(((100% - 88px)/2) - 1.62ch); ThisActuallyWorkedOK*/ /*[20150520]wasok margin: 0 auto; see .cntrd */ /* font-size: 0.62rem; */ /*[20150520] added */ /* } */ /*[20150519]added footer id="ftrCnt" */ /* #ftrCnt { */ /* display: inline; */ /* width: 88px; */ /*[20150520]wasok margin: 0 auto; see .cntrd */ /* } */ /*[20150519]added footer id="ftrRht" */ /* #ftrRht { */ /* display: inline; */ /* width: calc(((100% - 88px)/2) - 1.62ch); */ /*[20150520]wasok margin: 0 auto; see .cntrd */ /* font-size: 0.62rem; */ /*[20150520] added */ /* } */ /* [20150520]CHANGED back to all-in-one id=ftrCC */ /*** enD_define id s for Footer ***/ /*[20150522] _end_ moved Footer to separte css _es: roundabout & slideshow */ /*_fini_ by +X^N */