tbs_jacobalek.css

/* Code created by Jacob Howard and Alek Schoneck */
/* If a button is hovered over, the text becomes a brighter red than before. */
button:hover {
                color:red;
}
button:active {
                color:#991900;
}
/* The body will not go below a width of 983px or above a width of 1264px to prevent improper presentation of the page. */
body {
                min-width:983px;
                max-width:1264px;
                overflow:hidden;
}
button {
                color:#991900;
                background-color:white;
                height:52px;
                width:10%;
                font-family:"Times New Roman";
                font-size:30px;
                border:0px;
                margin-right:-.5%;
                margin-top:20px;
                border-radius:5%;
}
/* Styling for the navigation buttons */
.url {
                border-top:5px solid black;
                border-bottom:5px solid black;
                width:10%;
                height:50px;
                text-align:center;
}
.space {
                        color:black;
                border-top:5px solid black;
                border-bottom:5px solid black;
                width:5%;
                height:50px;
                text-align:center;
}
.space:hover {
                color:black;
}
/* Despite saying "Text-align", this centers the logo. */
/* Margin-top pulls the logo upwards to be level with the navigation buttons. */
#logo {
                text-align:center;
                margin-top:0px;
}
/* The two buttons on the left side of the logo */
#b1,#b2,#sp1 {
                float:left;
}
/* The two buttons on the right side of the logo */
#b3,#b4,#sp2 {
                float:right;
}
#b1 {
                margin-left:5%;
}
#b3 {
                margin-right:5%;
}
#center{
                height:480px;
                width:90%;
                border-radius:5%;
                border:5px solid black;
                text-align:center;
}
#menu {
                height:480px;
                width:90%;
                border:5px solid black;
                text-align:center;
}
#about {
                height:480px;
                width:90%;
                border:5px solid black;
                border-radius:5%;
                text-align:center;
                font-size:22px;
                color:#991900;
                font-style:oblique;
}
/* "Day of week" Styling */
.dow {
                color:#991900;
                text-decoration:italic;
                float:left;
                font-size:30px;
}
/* Time styling */
.time {
                color:black;
                text-decoration:italic;
                float:left;
                font-size:30px;
}
#redtext {
                color:#991900;
}
.righttext {
                font-size:30px;
}
#number {
                font-size:30px;
}
/* The right-side table styling (holding the food info) */
#right {
                float:right;
                margin-top:-175px;
                margin-right:7%;
                text-align:right;
}
/* The left-side table styling (holding the business hours) */
#left {
                float:left;
                margin-top:-170px;
                margin-left:7%;
}
/* The styling for the awards on the about page */
#a1,#a2 {
                height:175px;
                width:200px;
                border:5px solid #991900;
                border-radius:15px;
}
/* Making the text in the right and left tables italic */
#number,.dow,.time,.righttext {
                font-style:oblique;
}
/* Styling for the buttons and spaces at the bottom of the page */
/* The left button. */
#b5,#sp3 {
                float:left;
                text-align:center;
}
#b5 {
                margin-left:5%;
}
/* The right button. */
#b6,#sp4 {
                float:right;
                text-align:center;
}
#b6 {
                margin-right:5%;
}
#gf {
                height:153px;
}