m (updated css) |
|||
Line 7: | Line 7: | ||
margin: 0px; | margin: 0px; | ||
} | } | ||
+ | |||
+ | |||
+ | body { | ||
+ | height: 100%; | ||
+ | font-family: verdana; | ||
+ | color: #000000; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | /*styles bar of the navigation bar and fixes it to the top*/ | ||
+ | header { | ||
+ | background-color: #6b1d45; | ||
+ | text-align: center; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | height: 40px; | ||
+ | padding-bottom: 10px; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | box-shadow: 0px 0px 5px #000000; | ||
+ | } | ||
+ | |||
+ | footer { | ||
+ | background-color: #111111; | ||
+ | text-align: center; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | height: 60px; | ||
+ | padding-top: 15px; | ||
+ | box-shadow: 0px 0px 5px #000000; | ||
+ | } | ||
+ | |||
+ | /*Aligns navbar items to the bar and removes bullet points*/ | ||
+ | ul.navbar { | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | background-color: #6b1d45; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /*changes the order of the items from vertical to horizontal*/ | ||
+ | li.navbar { | ||
+ | float: left; | ||
+ | text-transform: capitalize; | ||
+ | } | ||
+ | |||
+ | /*styles the single items from text-links to nice buttons*/ | ||
+ | li.navbar a { | ||
+ | display: block; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /*changes the item color when the cursor is hovering over it*/ | ||
+ | li.navbar a:hover { | ||
+ | background-color: #7b2d55; | ||
+ | } | ||
+ | |||
+ | /*changes the item color when the user is clicking it*/ | ||
+ | li.navbar a:active { | ||
+ | background-color: #7b2d55; | ||
+ | } | ||
+ | |||
+ | /*Highlights the active tab*/ | ||
+ | li.navbar.active { | ||
+ | background-color: #7b2d55; | ||
+ | } | ||
+ | |||
.container { | .container { | ||
Line 40: | Line 114: | ||
background-color: #e8e8e8; | background-color: #e8e8e8; | ||
+ | } | ||
+ | |||
+ | /*content style 2*/ | ||
+ | .content.style2 { | ||
+ | background-color: #e8e8e8; | ||
+ | } | ||
+ | |||
+ | /*content style 3*/ | ||
+ | .content.style3 { | ||
+ | background-color: #e8e8e8; | ||
+ | } | ||
+ | |||
+ | /*icons from font-awesome*/ | ||
+ | .fa { | ||
+ | color: #6b1d45; | ||
+ | } | ||
+ | |||
+ | /*color change for icons*/ | ||
+ | .fa:hover { | ||
+ | color: #8b3d65; | ||
+ | } | ||
+ | |||
+ | .figure.big { | ||
+ | width: 90%; | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .figure.medium { | ||
+ | width: 50%; | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .figure.small { | ||
+ | width: 30%; | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | /*Styles the figure's subtitle to a smaller font-size. */ | ||
+ | .figure.subtitle { | ||
+ | font-size: 75%; | ||
+ | text-align: justify; | ||
+ | margin-top: -10px; | ||
+ | margin-bottom: 20px; | ||
} | } | ||
Revision as of 12:56, 14 July 2017