Line 28: | Line 28: | ||
} | } | ||
− | ul, ol { | + | #windowcontent ul, ol { |
list-style: none; | list-style: none; | ||
} | } | ||
Line 34: | Line 34: | ||
/*makes the website span from edge to edge of the viewport*/ | /*makes the website span from edge to edge of the viewport*/ | ||
− | body { | + | #windowcontent body { |
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
Line 151: | Line 151: | ||
/*defines key properties of the nav bar*/ | /*defines key properties of the nav bar*/ | ||
− | nav { | + | #windowcontent nav { |
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
Line 162: | Line 162: | ||
/*helps center navar. The sum of the nav bar choice widths is 1000px (5*200px)*/ | /*helps center navar. The sum of the nav bar choice widths is 1000px (5*200px)*/ | ||
− | .navbarcenter { | + | #windowcontent .navbarcenter { |
width: 1000px; | width: 1000px; | ||
margin: auto; | margin: auto; | ||
Line 169: | Line 169: | ||
/*makes nav bar choices float next to each other*/ | /*makes nav bar choices float next to each other*/ | ||
− | .dropdown { | + | #windowcontent .dropdown { |
float: right; | float: right; | ||
height: 40px; | height: 40px; | ||
Line 176: | Line 176: | ||
/*layout of nav bar choice buttons*/ | /*layout of nav bar choice buttons*/ | ||
− | .dropdown .dropbtn { | + | #windowcontent .dropdown .dropbtn { |
height: 40px; | height: 40px; | ||
display: inline-block; | display: inline-block; | ||
Line 191: | Line 191: | ||
/*hides dropdown choices, sets background and shadows. makes sure that the width is not less than the width of the nav bar choice buttons*/ | /*hides dropdown choices, sets background and shadows. makes sure that the width is not less than the width of the nav bar choice buttons*/ | ||
− | .dropdown-content { | + | #windowcontent .dropdown-content { |
-webkit-transition: background 1.5s; /* Safari */ | -webkit-transition: background 1.5s; /* Safari */ | ||
transition: background 1.5s; | transition: background 1.5s; | ||
Line 204: | Line 204: | ||
/*displays dropdown content when nav bar choice is hovered*/ | /*displays dropdown content when nav bar choice is hovered*/ | ||
− | .dropdown:hover .dropdown-content, .dropdown:focus .dropdown-content { | + | #windowcontent .dropdown:hover .dropdown-content, #windowcontent .dropdown:focus .dropdown-content { |
display: block; | display: block; | ||
} | } | ||
Line 210: | Line 210: | ||
/*defines nav bar dropdown link layout*/ | /*defines nav bar dropdown link layout*/ | ||
− | .dropdown-content a { | + | #windowcontent .dropdown-content a { |
color: black; | color: black; | ||
background-color: white; | background-color: white; | ||
Line 221: | Line 221: | ||
/*changes navbar dropdown menu color when choice is hovered*/ | /*changes navbar dropdown menu color when choice is hovered*/ | ||
− | .dropdown-content a:hover, .dropdown-content a:focus { | + | #windowcontent .dropdown-content a:hover, #windowcontent .dropdown-content a:focus { |
background-color: rgb(235,235,235); | background-color: rgb(235,235,235); | ||
} | } |
Revision as of 17:53, 16 July 2017