Team:Bielefeld-CeBiTec/BieCeBiTec styling.css

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 {

}

/*styles the background of the content boxes and orders them below each other*/ .contentbox { float: left; padding-left: 250px; padding-right: 250px; background-color: #FFFFFF; }

/*surrounds the content by woxes with round edges and adds shadows*/ .content { padding: 50px; padding-left: 50px; padding-right: 50px; padding-top: 25px; text-align: justify; margin-top: 20px; margin-bottom: 20px; box-shadow: 0px 0px 5px #666666; border-radius: 8px; border-color: #6b1d45;

}

/*content style 1*/ .content.style1 { 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; }