Difference between revisions of "Template:Team:Bielefeld-CeBiTec/CSS"

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