/* 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; 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; } a:hover { text-decoration : underline; } a:visited { color : #1a1a1a; /* 1a1a1a is DARK gray */ } /* 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 +++++++++++++ */ /*_fini_*/