@charset "utf-8";
/* CSS Document */
/* The main website holder */
body{
/* The background image for the website, located in the images folder inside root of WebAuction site */
background-image: url('../images/wa_bg.jpg');
/* Various properties for the background */
background-repeat: no-repeat;
background-attachment:fixed; /* Fixed means it wont scroll when you scroll down page */
background-position:top;
}
/* Formatting for all links, before being clicked, like the links to other pages top right */
a:link{
text-decoration: none;
color: black;
}
/* Formatting for all links, while being hovered over */
a:hover{
text-decoration: underline;
color: black;
}
/* Formatting for all links, having been visited already */
a:visited{
text-decoration: none;
color: black;
}
/* The white box that holds all the other content, has rounded corners */
#holder {
background-color: #FFF;
position:relative;
min-height: 500px;
width: 900px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
/* The amount of rounding on the corners */
border-radius: 15px;
-moz-border-radius: 15px;
/* Distance between the edge of the box and the content inside */
padding: 10px;
/* Border properties */
border:medium solid #333;
/* Text positioning inside this box */
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* Box on the login page, inside #holder, that has the login form */
#login-box {
position:relative;
margin-left: auto;
margin-right: auto;
width: 500px;
}
/* Box on the my auctions page, inside #holder, that has the new auction form */
#new-auction-box {
position:relative;
margin-left: auto;
margin-right: auto;
width: 500px;
}
/* Box top left of all pages with the user's details */
#profile-box {
position:absolute;
left:22px;
top:-10px;
width:220px;
height:106px;
z-index:1;
text-align:left;
font-size:18px;
}
/* Box top right of all pages with links to other pages */
#link-box {
position:absolute;
right:22px;
top:-10px;
width:220px;
height:106px;
z-index:1;
text-align:right;
font-size:18px;
}
/* Formatting for input text boxes, for login form and new auction */
.input {
border:medium solid #333;
border-radius: 6px;
-moz-border-radius: 6px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
padding-left: 10px;
padding-right: 10px;
}
/* Formatting for select drop-down boxes, for new auctions and buying X items */
.select {
border:medium solid #333;
border-radius: 6px;
-moz-border-radius: 6px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
}
/* Formatting for buttons, like the login and buy buttons */
.button {
border:medium solid #333;
border-radius: 6px;
-moz-border-radius: 6px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
background-color: #FFF;
padding-left: 3px;
padding-right: 3px;
}
.button:hover {
border:medium solid #333;
border-radius: 6px;
-moz-border-radius: 6px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
background-color: #64E0FF;
text-decoration: none;
}
/* Formatting for labels for forms */
label {
display: block;
width: 150px;
float: left;
text-align: left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:18px;
}
/* Title formatting */
h1{
font-size:35px;
}
Comments