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

m (portrait text box)
Line 8: Line 8:
 
}
 
}
  
−
/* styling for the titles h1 h2 */
+
.container {
−
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
+
−
    padding:5px 15px;
+
−
    border-bottom: 0px;
+
−
    color: #6b1d45;
+
−
}
+
−
 
+
−
a {
+
−
    color: #6b1d45;
+
−
    text-decoration-color: #6b1d45;
+
 
}
 
}
  
−
a:link {
+
/*styles the background of the content boxes and orders them below each other*/
−
    color: #6b1d45;
+
.contentbox {
−
    text-decoration-color: #6b1d45;
+
float: left;
−
}
+
padding-left: 250px;
−
a:visited {
+
padding-right: 250px;
−
    color: #6b1d45;
+
background-color: #FFFFFF;
−
    text-decoration-color: #6b1d45;
+
−
}
+
−
a:hover {
+
−
    color: #6b1d45;
+
−
    text-decoration-color: #6b1d45;
+
−
}
+
−
a:focus {
+
−
    color: #6b1d45;
+
−
    text-decoration-color: #6b1d45;
+
−
}
+
−
a:active {
+
−
    color: #6b1d45;
+
−
    text-decoration-color: #6b1d45;
+
 
}
 
}
  
−
 
+
/*surrounds the content by woxes with round edges and adds shadows*/
−
/* Styling Team page */
+
.content {
−
div.portraits {
+
padding: 50px;
−
    #background: red;
+
padding-left: 50px;
−
    margin: 10px 0 0 10px;
+
padding-right: 50px;
−
    width:100%;
+
padding-top: 25px;
−
    float: left;
+
text-align: justify;
 +
margin-top: 20px;
 +
margin-bottom: 20px;
 +
box-shadow: 0px 0px 5px #666666;
 +
border-radius: 8px;
 +
border-color: #6b1d45;
 +
min-width: 749px;
 +
 
}
 
}
  
−
div.portrait_box {
+
/*content style 1*/
−
    #background: blue;
+
.content.style1 {
−
    float: both;
+
background-color: #e8e8e8;
−
    margin-left: 0px;
+
−
    margin-top: 0px;
+
−
    margin-bottom: 10px;
+
 
}
 
}
  
−
div.portrait_image {
 
−
    float: left;
 
−
    margin-right: 20px;
 
−
}
 
  
−
div.portrait_text {
 
−
    height: 308px;
 
−
    width: 580px;
 
−
    #background: green;
 
−
}
 
−
 
−
 
−
/* MAIN */
 
−
 
−
#main {
 
−
  overflow: auto;
 
−
  padding-bottom: 150px;
 
−
}
 
−
 
−
/* FOOTER */
 
−
 
−
section#footer {
 
−
  position: relative;
 
−
  margin-top: -150px; /* negative value of footer height */
 
−
  clear: both;
 
−
  background: #222222;
 
−
  padding: 50px;
 
−
}
 
−
 
−
#footer-icon:hover {
 
−
    color: #FFFFFF;
 
−
}
 
  
 
</style>
 
</style>
 
</head>
 
</head>
 
</html>
 
</html>

Revision as of 12:22, 14 July 2017