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

m (updated css)
m (upated css)
Line 1: Line 1:
−
<!--- adds to each page the style code, closes the head tag and opens the body tag --->
+
/* START OVERIDE HQ CSS */
−
<html>
+
−
<head>
+
−
<style>
+
  
−
html {
+
#top_title {
−
    margin: 0px;
+
display: none;
 
}
 
}
  
 +
/* END OVERIDE HQ CSS */
 +
/* START OUR WIKI CSS */
  
 
body {
 
body {
Line 83: Line 82:
  
 
.container {
 
.container {
−
+
width: 100%;
 
}
 
}
  
 
/*styles the background of the content boxes and orders them below each other*/
 
/*styles the background of the content boxes and orders them below each other*/
 
.contentbox {
 
.contentbox {
 +
width: 100%;
 
float: left;
 
float: left;
−
padding-left: 250px;
+
padding-left: 0px;
−
padding-right: 250px;
+
padding-right: 0px;
 
background-color: #FFFFFF;
 
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%;
 
}
 
}
  
Line 100: Line 131:
 
padding-right: 50px;
 
padding-right: 50px;
 
padding-top: 25px;
 
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;
 
text-align: justify;
 
margin-top: 20px;
 
margin-top: 20px;
−
margin-bottom: 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;
 
box-shadow: 0px 0px 5px #666666;
 
border-radius: 8px;
 
border-radius: 8px;
 
border-color: #6b1d45;
 
border-color: #6b1d45;
−
min-width: 749px;
+
background-color: #e8e8e8;
−
+
 
}
 
}
  
Line 113: Line 195:
 
.content.style1 {
 
.content.style1 {
 
background-color: #e8e8e8;
 
background-color: #e8e8e8;
−
 
 
}
 
}
  
−
/*content style 2*/
+
/*styles the content of a team member box on the team page*/
−
.content.style2 {
+
.content.memberbox {
 
background-color: #e8e8e8;
 
background-color: #e8e8e8;
 +
padding-left: 20px;
 +
padding-top: 20px;
 +
margin: 20px;
 +
min-width: 0px;
 
}
 
}
  
−
/*content style 3*/
+
.content.memberbox.left {
−
.content.style3 {
+
margin-right: 10px;
−
background-color: #e8e8e8;
+
}
 +
 
 +
.content.memberbox.right {
 +
margin-left: 10px;
 +
}
 +
 
 +
.team-member-image {
 +
float: left;
 +
width: 15%;
 +
margin-right: 10px;
 +
}
 +
 
 +
.team.member-info {
 +
width: 75%;
 +
/*background-color: #00FF00;*/
 
}
 
}
  
Line 167: Line 266:
 
margin-bottom: 20px;
 
margin-bottom: 20px;
 
}
 
}
−
 
−
 
−
 
−
</style>
 
−
</head>
 
−
</html>
 

Revision as of 11:58, 26 July 2017

/* START OVERIDE HQ CSS */

  1. top_title {

display: none; }

/* END OVERIDE HQ CSS */ /* START OUR WIKI 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 { 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; }