info343/labs/6/pet-it.css

/*
pet-it.css
Provided CSS styles for Lab 6: Pet-It
INFO 343, Autumn 2012
*/

#banner {
   background-color: #CC9900;
   padding-left: 48px;
}

#banner, #main {
   border: 2px solid #CC9900;
   width: 60%;
   margin-left: 20%;
}

body {
   background-color: #FFFF99;
   color: #003333;
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-size: 12pt;
   padding: 0px;
   margin: 0px;
}

.column {
   float: left;
   width: 46%;
   margin-right: 2%;
}

.column img {
   width: 100%;
}

hr {
   margin-top: 2.5em;
   clear: left;   
}

label {
   margin-right: 3em;   
}

#main {
   background-color: #FFFFFF;
   padding: 1.5em;
   overflow: hidden;
}

#selection {
   text-align: center;
}

#breeds, #next {
   position: absolute;
   top: 25%;
   padding: 1%;
}

#breeds h2, #next h2 {
   font-size: 100%;
   text-align: center;
}

#breeds {
   left: 2%;
   width: 15%;
   background-color: white;
   border: 2px solid #CC9900;
}

#next {
   right: 2%;
   width: 10%;
}

#next:hover {
   background-color: #FFCCCC;
}

#next img {
   width: 100%;
}

.selected {
   background-color: #CC9900;
   font-weight: bold;
}

ul {
   width: 60%;
}

#w3c {
   margin-top: 1em;
   text-align: center;
}

#w3c a img {
   border: 0;
}