|
Sorry pressed sent email button too fast and didn't include the CSS for the splash page. The page got cut in MAC. Sigh.
/*~~~~ GENERAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 76%;
color : #CC6600;
background-color : #E2DEC4;
margin : 0px;
padding : 0px;
background-image : url(../../images/splash/bg/bg_tiler.gif);
background-repeat : repeat;
}
ol, ul, li
{
margin : 0px;
line-height : 1.8em;
list-style-type : none;
padding-left : 0;
margin-left : 0;
display : inline;
}
p
{
font-size : 11px;
font-weight : bold;
line-height : 1.8em;
margin : 0px;
}
div
{
border : none;
margin : 0px ;
padding : 0px ;
}
/*~~~~ LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#globalWrapper
{
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block;
}
#globalWrapper2
{
margin-left : -335px;
position : absolute;
top : -150px;
left : 50%;
width : 670px;
height : 300px;
visibility : visible;
}
#wrapper,
#wrapper2,
#wrapper3,
#wrapper4
{
width : 670px;
height : 300px;
background-repeat : no-repeat;
}
#wrapper
{
background-image : url(../../images/splash/bg/splash_tiler.gif);
background-repeat : repeat-x;
}
#wrapper2
{
background-image : url(../../images/splash/bg/splash_left.gif);
background-position : left top;
}
#wrapper3
{
background-image : url(../../images/splash/bg/splash_right.gif);
background-position : right top;
}
#wrapper4
{
background-image : url(../../images/splash/bg/logo_bg.gif);
background-position : 10px 69px;
}
#container
{
width : 670px;
height : 257px;
}
#logo
{
float : left;
padding-top : 191px;
padding-left : 147px;
width : 118px;
height : 40px;
}
#content
{
height : 162px;
width : 250px;
margin-left : 405px;
padding-top : 76px;
padding-right : 10px;
text-align : right;
}
#validators
{
padding-top : 5px;
}
#browsers
{
padding-top : 55px;
}
#footer
{
background-image : url(../../images/splash/bg/footer_bg.gif);
background-repeat : no-repeat;
background-position : 271px 11px;
width : 670px;
height : 23px;
margin : 0px;
padding : 0px;
clear : both;
}
#copyright, .copyright
{
font-size : 9px;
font-weight : bold;
color : #669999;
height : 23px;
width : 270px;
padding-top : 8px;
padding-left : 5px;
float : left;
}
.copyright
{
height : 0px;
width : 0px;
padding-top : 1px;
padding-left : 5px;
float : none;
}
#entrance
{
width : 70px;
float : right;
padding-right : 1px;
}
/*~~~~ VALIDATORS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#validators ul li
{
float : right;
padding-top : 10px;
}
#validators ul li a
{
text-decoration : none;
display : block;
padding-top : 13px; /*Height of the image*/
background-repeat : no-repeat;
background-position : left top;
overflow : hidden; /*Hide the text*/
height : 13px; /* WIN IE5 hack */
voice-family : "\"}\"";
voice-family : inherit;
height : 0;
}
#validators ul li a#xhtml
{
width : 78px;
background-image : url(../../images/splash/nav/validater_xhtml.gif);
}
#validators ul li a#css
{
width : 37px;
background-image : url(../../images/splash/nav/validater_css.gif);
}
#validators ul li a#xhtml:hover,
#validators ul li a#css:hover
{
background-position : 0px -13px;
}
/*~~~~ BROWSERS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#browsers ul li
{
float : right;
margin-left : 5px;
padding-top : 8px;
}
#browsers ul li a
{
text-decoration : none;
display : block;
padding-top : 42px; /*Height of the image*/
background-repeat : no-repeat;
background-position : left top;
overflow : hidden; /*Hide the text*/
height : 42px; /* WIN IE5 hack */
voice-family : "\"}\"";
voice-family : inherit;
height : 0;
}
#browsers ul li a#ie,
#browsers ul li a#opera,
#browsers ul li a#mozilla,
#browsers ul li a#netscape
{
width : 28px;
background-image : url(../../images/splash/icons/browser_ie.gif);
}
#browsers ul li a#opera
{
background-image : url(../../images/splash/icons/browser_opera.gif);
}
#browsers ul li a#mozilla
{
background-image : url(../../images/splash/icons/browser_mozilla.gif);
}
#browsers ul li a#netscape
{
background-image : url(../../images/splash/icons/browser_netscape.gif);
}
#browsers ul li a#ie:hover,
#browsers ul li a#opera:hover,
#browsers ul li a#mozilla:hover,
#browsers ul li a#netscape:hover
{
background-position : 0px -42px;
}
/*~~~~ FOOTER :: ENTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#entrance a
{
text-decoration : none;
display : block;
padding-top : 23px; /*Height of the image*/
background-repeat : no-repeat;
background-position : left top;
overflow : hidden; /*Hide the text*/
height : 23px; /* WIN IE5 hack */
voice-family : "\"}\"";
voice-family : inherit;
height : 0;
}
#entrance a#enter
{
width : 66px;
background-image : url(../../images/splash/nav/anicon_enter.gif);
}
#entrance a#enter:hover
{
width : 66px;
background-image : url(../../images/splash/nav/anicon_enter_ro.gif);
}
With Regards,
Jaime Wong
~~~~~~~~~~~~~~~~~~~
SODesires Design Team
~~~~~~~~~~~~~~~~~~~ | 
IncrediMail - Email has finally evolved - Click Here