Difference between revisions of "Template:Team:Bielefeld-CeBiTec/CSS"
m (navbar css fix test) |
m (navbar css fix test) |
||
| Line 51: | Line 51: | ||
ul.navbar { | ul.navbar { | ||
list-style-type: none; | list-style-type: none; | ||
| − | + | margin: 0; | |
| − | + | padding: 0; | |
| − | + | overflow: hidden; | |
| − | + | background-color: #6b1d45; | |
| − | + | position: fixed; | |
| − | + | top: 0; | |
| − | + | width: 100%; | |
} | } | ||
Revision as of 13:11, 16 August 2017
/* START OVERIDE HQ CSS */
- top_title {
display: none; }
- sideMenu {
display: none; }
- content {
padding: 0px; width: 100%; margin: 0px; } /* END OVERIDE HQ CSS */ /* START OUR WIKI CSS */
body { height: 100%; font-family: verdana; color: #000000; margin: 0px;
list-style-type: none;
}
/*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: 16px; 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 {
width: 100%;
}
/*styles the background of the content boxes and orders them below each other*/ .contentbox { width: 100%; float: left; padding-left: 0px; padding-right: 0px; background-color: #FFFFFF; }
.labnotebox { width: 100%; float: left; padding-left: 0px; padding-right: 0px; background-color: #FFFFFF; }
.contentbox.team { width: 100%; background-color: #FF0000; padding-left: 0px; padding-right: 0px; display: flex; }
.contentbox.left { background-color: #FFFFFF; padding-left: 0px; padding-right: 0px; width: 50%; height: 100%; }
.contentbox.right { background-color: #FFFFFF; padding-left: 0px; padding-right: 0px; width: 50%; }
/*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: 20px; margin-left: 250px; margin-right: 250px; box-shadow: 0px 0px 5px #666666; border-radius: 8px; border-color: #6b1d45; }
/*---*/ .labnote-content { padding: 25px; padding-left: 50px; padding-right: 50px; padding-top: 15px; text-align: justify; margin-bottom: 10px; margin-left: 250px; margin-right: 250px; box-shadow: 0px 0px 5px #666666; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-color: #6b1d45; background-color: #e8e8e8; display: none; }
/*---*/ .labnote-title { padding-bottom: 5px; padding-left: 50px; padding-right: 50px; padding-top: 5px; text-align: justify; margin-top: 20px; margin-left: 250px; margin-right: 250px; box-shadow: 0px 0px 5px #666666; border-top-right-radius: 8px; border-top-left-radius: 8px; border-color: #6b1d45; background-color: #f4f4f4; cursor: pointer; }
/*---*/ .labnote-date { padding: 1px; padding-left: 50px; padding-right: 50px; text-align: center; margin-bottom: 5px; margin-left: 250px; margin-right: 250px; margin-top: 20px; box-shadow: 0px 0px 5px #666666; border-radius: 8px; border-color: #6b1d45; background-color: #e8e8e8; }
/*content style 1*/ .content.style1 { background-color: #e8e8e8; }
/*styles the content of a team member box on the team page*/ .content.memberbox { background-color: #e8e8e8; padding-left: 20px; padding-top: 20px; margin: 20px; min-width: 0px; }
.content.memberbox.left { margin-right: 10px; }
.content.memberbox.right { margin-left: 10px; }
.team-member-image { float: left; width: 15%; margin-right: 10px; }
.team.member-info { width: 75%; /*background-color: #00FF00;*/ }
/*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; }
