Sunday, May 18, 2008

1st batch

ruben,
here's the css i put together today. it also includes the reset css. I wasn't sure about sizing, so i thought i would leave that out, for the most part, since i wasn't sure what dimensions we had decided on as a group. please let me know if you need me to do anything else today, via phone or e-mail. have a great day.
-john

@charset "UTF-8";
/* CSS Document */

/* Reset Css */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* Reset CSS */

#background {
background-image: url(CSS%20Elements/background.jpg);
background-repeat: repeat-y;
width: 800px;
}

#bottom-container {
background-image: url(CSS%20Elements/bottom-container.jpg);
background-position: bottom;
font-family: Geneva, Arial, Helvetica, sans-serif;
width: 500px;
}

#container {
background-image: url(CSS%20Elements/container.jpg);
background-repeat: repeat-y;
background-position: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
width: 500px;
}

#main-container-top {
background-image: url(CSS%20Elements/main-container-top.jpg);
background-position: top;
font-family: Geneva, Arial, Helvetica, sans-serif;
width: auto;
height:auto;
}

#orange-border {
background-image: url(CSS%20Elements/orange-border.png);
background-position: top;
}

#top-container-image {
background-image: url(CSS%20Elements/top-container-image.jpg);
}

#top-image {
background-image: url(CSS%20Elements/top-image.jpg);
background-position: top;
}

No comments: