<P> <style type = "text/css"> Body {font-family: Arial, Helvetica, sans-serif, Tahoma; font-size: 11px ;} # Info {display: block; position: relative; background: # adced1 ;} # Info h2 {margin-bottom: 1em ;} # Info h3 {clear: both; margin-top: 4em ;}
/* Inset 3D Raised */ . Raised {background: transparent; width: 40%; margin: 0 auto ;} . Raised h1,. raised p {margin: 0 10px ;} . Raised h1 {font-size: 2em; color: # fff; letter-spacing: 1px ;} . Raised p {padding-bottom: 0.5em ;} . Raised. top,. raised. bottom {display: block; background: transparent; font-size: 1px ;} . Raised. b1 ,. raised. b2 ,. raised. b3 ,. raised. b4 ,. raised. b1b ,. raised. b2B ,. raised. b3b ,. raised. b4b {display: block; overflow: hidden ;} . Raised. b1,. raised. b2,. raised. b3,. raised. b1b,. raised. B2B,. raised. b3b {height: 1px ;} . Raised. b2 {background: # ccc; border-left: 1px solid # fff; border-right: 1px solid # eee ;} . Raised. b3 {background: # ccc; border-left: 1px solid # fff; border-right: 1px solid # ddd ;} . Raised. b4 {background: # ccc; border-left: 1px solid # fff; border-right: 1px solid # aaa ;} . Raised. b4b {background: # ccc; border-left: 1px solid # eee; border-right: 1px solid #999 ;} . Raised. b3b {background: # ccc; border-left: 1px solid # ddd; border-right: 1px solid #999 ;} . Raised. B2B {background: # ccc; border-left: 1px solid # aaa; border-right: 1px solid #999 ;} . Raised. b1 {margin: 0 5px; background: # fff ;} . Raised. b2,. raised. B2B {margin: 0 3px; border-width: 0 2px ;} . Raised. b3,. raised. b3b {margin: 0 2px ;} . Raised. b4,. raised. b4b {height: 2px; margin: 0 1px ;} . Raised. b1b {margin: 0 5px; background: #999 ;} . Raised. boxcontent {display: block; background: # ccc; border-left: 1px solid # fff; border-right: 1px solid #999 ;}
/* Inset 3D Curved */ . Inset {background: transparent; width: 40%; margin: 0 auto ;} . Inset h1,. inset p {margin: 0 10px ;} . Inset h1 {font-size: 2em; color: # fff; letter-spacing: 1px ;} . Inset p {padding-bottom: 0.5em ;} . Inset. top,. inset. bottom {display: block; background: transparent; font-size: 1px ;} . Inset. b1 ,. inset. b2 ,. inset. b3 ,. inset. b4 ,. inset. b1b ,. inset. b2B ,. inset. b3b ,. inset. b4b {display: block; overflow: hidden ;} . Inset. b1,. inset. b2,. inset. b3,. inset. b1b,. inset. B2B,. inset. b3b {height: 1px ;} . Inset. b2 {background: # ccc; border-left: 1px solid #999; border-right: 1px solid # aaa ;} </body> |