/******** ADDED STYLESHEETS WILL BE COMBINED INTO ONE - SECTIONS MAINTAINED BELOW *****/ /******** ADDED STYLES FOR ABOUT PAGE STARTS AROUND LINE NUMBER 205 *****/ /******** ADDED STYLES FOR MENU PAGE STARTS AROUND LINE NUMBER 275 *****/ /******** ADDED STYLES FOR RESERVATIONS PAGE STARTS AROUND LINE NUMBER 350 *****/ /******** ADDED STYLES FOR FOOTER STARTS AROUND LINE NUMBER 385 *****/ body{ margin: 0; padding: 0; color: black; } .container { width: 100%; margin: 0 auto; } .top{ width:100%; background-color:white; height:auto; clear:both; } header { width: 100%; height: 0px; float: left; clear: both; margin: 5px; text-align:center; } header img{ height:100px; width:200px; } .flag { float:left; width:15%; padding:5px; } nav{ height:50px; width: 100%; clear:both; } nav ul{ width:55%; float:left; text-align:center; } nav li{ display:inline; padding-left:20px; font-size:1.25em; } nav a{ text-decoration:none; color:black; } nav a:ink{ color:black; } a:hover{ color:red; } .socialmedia{ padding-top:5px; width: 25%; float:right; padding:5px; } .socialmedia img{ display:inline; width:35px; height:35px; float:right; } .logo-frontpage{ z-index: 1000; position: absolute; left:800px; top: -150px; bottom: 350px; opacity: .75; /*float: right;*/ transform: scale(0.6, 0.6); } #jumbotron{ z-index: 10; background-image:url(http://meetings.niagaraparks.com/images/gallery/edgewaters-restaurant-interior-large.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; background-size:100% 100%; margin-bottom:20px; clear:both; } #jumbotron img{ max-width:100%; max-height:100%; position:relative; z-index:0; } #intro{ font-family:Arial; width:auto; height:auto; background:#CFBA90; position:absolute; top:400px; margin-left:20px; padding-right:20px; padding-left:20px; z-index:10; clear:both; opacity: .65; } #intro h1{ font-size:2.5em; opacity: 1; } #intro h2{ font-size:1.5em; /*color:#5e5e5e;*/ opacity: 1; } #intro h3{ font-size:1em; /*color:#5e5e5e;*/ opacity: 1; } #intro a{ color:green; } /*#intro img { opacity: 1; }*/ #content{ margin-top:30px; margin-left:auto; margin-right:auto; text-align:center; clear:both; } #content img{ display:inline; width:30%; height:250px; margin-right:auto; clear:both; } #content2 { width:92%; margin-left:auto; margin-right:auto; margin-top:10px; padding:5px; } #content2 a:link, #content2 a:visited { color: red; font-weight: bold; text-decoration: none; } #content2 a:hover { background-color: black; color: white; } /*reservations page*/ #reservations{ width:90%; background-color:#fff; text-align:left; margin:auto; } /******** ADDED STYLES FOR ABOUT - REVIEWS PAGE *****/ .about { background-image: url("img/background/aboutbackground.jpg"); background-color: red; /*"The background attribute is not supported in HTML5. Use CSS instead." source: http://www.w3schools.com/tags/att_body_background.asp*/ width: 100%; /*border: solid 5px white;*/ text-align: left; } .ourstory, .ourteam, .ourreviews { width: 80%; margin: 0 auto; border: double 5px black; padding: 15px; background-color: white; opacity: 0.9; } .ourstory { margin-bottom: 20px; } .ourstory a:link, .ourstory a:visited { color: red; font-weight: bold; text-decoration: none; } .ourstory a:hover { background-color: black; color: white; } .ourstory span { font-weight: bold; } .ourteam { margin-bottom: 20px; } .ourteam a:link, .ourteam a:visited { color: red; font-weight: bold; text-decoration: none; } .ourteam a:hover { background-color: black; color: white; } .ourreviews li { list-style-type: none; } .ourreviews a:link, .ourreviews a:visited { color: red; font-weight: bold; text-decoration: none; } .ourreviews a:hover { background-color: black; color: white; } /***************************** ADDED STYLES FOR MENU PAGE *****************/ table{ margin: 0 auto; display:inline-block; width: 100%; padding-left: 0px; /* latest changes from 125px */ text-align:center; } .tg{ border-collapse:collapse; border-spacing:0; border-color:#aaa; width:1100px; margin:auto; margin-left:-90px; * latest changes from auto */ } .tg td{ font-family:Arial, sans-serif; font-size:14px; padding:10px 5px; border-style:solid; border-width:1px; overflow:hidden; word-break:normal; border-color:#aaa; color:#008000; background-color:white; } .tg th{ font-family:Arial, sans-serif; font-size:14px; font-weight: bold; padding:10px 5px; border-style:solid; border-width:1px; overflow:hidden; word-break:normal; border-color:#aaa; color: black; background-color: black; text-transform: uppercase; font-style: italic; } .img2 { margin:auto; width: 1300px; left:800px; } #M { margin: 10px auto; display:inline-block; background-color: green; width: 890%; text-align: center; border-radius:90%; } .tg th { background-color: red; color:black; } /*************************reservations page************************/ #reservation{ width:80%; margin: 0 auto; clear:both; text-align: left; padding: 0; } #reservation form br { line-height: 0%; display: inline-block; margin: 0 0 0 0; padding: 0; /* border: red solid 10px;*/ } #reservation form{ margin: 0 0 0 300px; } .reserv-form-boxes input{ /*latest changes*/ margin: 40px; } #name { /*latest changes*/ margin: 65px; } #select-guest { /*latest changes*/ margin: 40px; } #select-month { /*latest changes*/ margin: 57px; } #select-date { /*latest changes*/ margin: 68px; } .radio-buttons { width: 100%; } .radio-buttons label { margin: 0; } .radio-buttons input { margin: 5px; } /*footer*/ footer{ background-color:black; color:white; width:100%; height:140px; padding-top:30px; padding-left:auto; padding-right:auto; clear:both; } .location{ width:20%; float:left; padding-left:10%; } .location a:link, .location a:visited { color: red; } .hours{ width:20%; float:left; } .newsletter{ width: 20%; float:left; } .contact{ width:15%; float:left; padding-left:15px; } .contact a:link, .contact a:visited { color: red; }