Team:TU Eindhoven/Style:Footer

From 2014.igem.org

(Difference between revisions)
 
(55 intermediate revisions not shown)
Line 1: Line 1:
-
/* start footer */
+
/* Start Initialization */
-
.footer_bg{
+
 
-
background:url('https://static.igem.org/mediawiki/2014/c/c1/Bg_foot_TU_Eindhoven.png');
+
p {  
 +
  margin:0;
}
}
-
.footer{
+
 
-
padding: 2% 2%;
+
/* Start Initialization */
-
        position:absolute;
+
 
-
        bottom:0px;
+
 
 +
 
 +
/* Start Removing iGEM Style */
 +
 
 +
#searchInput, #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
  display:none;
}
}
-
.span_of_4{
+
 
-
display: block;
+
#content {
 +
  font-family: 'Open Sans', sans-serif;
 +
  width:auto;
 +
  padding:0px;
 +
  border:none;
 +
  background:none;
}
}
-
.span1_of_4{
+
 
-
float:left;
+
#globalWrapper {
-
width: 28%;
+
  width:auto;
-
margin-left: 5%;
+
  padding:0px;
}
}
-
#bodyContent > div.footer_bg > div > div > div > div:nth-child(3) > p.btm1.mail > a {background:none;}
+
 
-
.span1_of_4:first-child{
+
#top-section {
-
margin-left: 0;
+
  height:10%;
 +
  width:100%;
 +
  border:none;
 +
  border-top:none;
}
}
-
.span1_of_4 h4{
+
 
-
margin-bottom:8%;
+
/* End Removing iGEM Style */
-
font-size: 1.5em;
+
 
-
text-transform: capitalize;
+
 
-
color: #ffffff;
+
 
 +
/* Start Customizing iGEM Footer */
 +
 
 +
.Footer {
 +
  background:url('https://static.igem.org/mediawiki/2014/b/b9/Footer_bg_TU_Eindhoven.png');
 +
  width: auto;
 +
  padding: 2% 4%;
}
}
-
.span1_of_4 p{
+
 
-
font-size: 0.8725em;
+
.FooterContent {
-
line-height:1.8em;
+
  height:21px;
-
color: #c9c9c9;
+
  width:auto;
}
}
-
.span1_of_4 p a{
+
 
-
color: #c9c9c9;
+
.Design {
-
-webkit-transition: all 0.3s ease-in-out;
+
  float:left;
-
-moz-transition: all 0.3s ease-in-out;
+
-
-o-transition: all 0.3s ease-in-out;
+
-
transition: all 0.3s ease-in-out;
+
}
}
-
.span1_of_4 p a:hover{
+
 
-
color: #00BAC6;
+
.Design p{
-
        text-decoration: none;
+
  font-size: 14px;
-
}
+
  color: #c9c9c9;
-
.span1_of_4 p.top{
+
-
border-top: 1px solid rgb(99, 99, 99);
+
-
margin-top: 20px;
+
-
padding-top: 10px;
+
-
}
+
-
.span1_of_4 p.btm{
+
-
margin-bottom: 8%;
+
-
}
+
-
.span1_of_4 p.btm1{
+
-
margin-bottom: 4%;
+
-
}
+
-
.span1_of_4 p.call{
+
-
margin-bottom: 4%;
+
-
}
+
-
.f_nav1{
+
-
margin-top: 1%;
+
-
}
+
-
.f_nav1 li {
+
-
display:inline-block
+
-
padding-left:8%;
+
-
font-size: 0.8725em;
+
-
color: #00BAC6;
+
}
}
-
.pin{
+
.Design p a{
-
background: url('https://static.igem.org/mediawiki/2014/5/56/Pin_TU_Eindhoven.png') no-repeat;
+
  color:#ffffff;
-
padding-left: 30px;
+
  -webkit-transition: all 0.3s ease-in-out;
 +
  -moz-transition: all 0.3s ease-in-out;
 +
  -o-transition: all 0.3s ease-in-out;
 +
  transition: all 0.3s ease-in-out;
}
}
-
.mail{
 
-
background: url('https://static.igem.org/mediawiki/2014/8/85/Mail_TU_Eindhoven.png') no-repeat;
 
-
padding-left: 30px;
 
-
}
 
-
.call{
 
-
background: url('https://static.igem.org/mediawiki/2014/9/9a/Call_TU_Eindhoven.png') no-repeat;
 
-
padding-left: 30px;
 
-
}
 
-
.FB{
 
-
background: url('https://static.igem.org/mediawiki/2014/d/d2/FB2_TU_Eindhoven.png') no-repeat;
 
-
padding-left: 30px;
 
-
}
 
-
big {
 
-
font-size: 1.5em;
 
-
color: #ffffff;
 
-
}
 
-
/* start footer1 */
 
-
.footer_bg1{
 
-
background:url('https://static.igem.org/mediawiki/2014/9/92/Bg_headfoot_TU_Eindhoven.png');
 
-
height:auto
 
-
        margin-bottom:-10px;
 
-
}
+
.Design p a:hover{
-
.footer1{
+
  color: #00BAC6;
-
padding: 2% 2%;
+
  text-decoration: none;
-
}
+
-
#toTop {
+
-
display: none;
+
-
text-decoration: none;
+
-
position: fixed;
+
-
bottom: 10px;
+
-
right: 10px;
+
-
overflow: hidden;
+
-
width: 32px;
+
-
height: 32px;
+
-
border: none;
+
-
text-indent: 100%;
+
-
background: url('https://static.igem.org/mediawiki/2014/7/76/Top_TU_Eindhoven.jpg') no-repeat right top;
+
-
}
+
-
.copy{
+
-
float:left;
+
-
}
+
-
.copy p{
+
-
font-size: 0.6em;
+
-
line-height: 1.8em;
+
-
color: #c9c9c9;
+
-
}
+
-
.copy p a{
+
-
color:#ffffff;
+
-
-webkit-transition: all 0.3s ease-in-out;
+
-
-moz-transition: all 0.3s ease-in-out;
+
-
-o-transition: all 0.3s ease-in-out;
+
-
transition: all 0.3s ease-in-out;
+
-
}
+
-
.copy p a:hover{
+
-
color: #00BAC6;
+
-
        text-decoration: none;
+
}
}
-
.copyright{
+
.Facebook{
-
float:right;
+
  float:right;
-
        padding-right:1%
+
}
}
-
.copyright p{
+
 
-
font-size: 0.6em;
+
#toTop {
-
line-height: 1.8em;
+
  display: none;
-
color: #c9c9c9;
+
  z-index:100;
-
}
+
  text-decoration: none;
-
.copyright p a{
+
  position: fixed;
-
color:#ffffff;
+
  bottom: 10px;
-
-webkit-transition: all 0.3s ease-in-out;
+
  right: 10px;
-
-moz-transition: all 0.3s ease-in-out;
+
  overflow: hidden;
-
-o-transition: all 0.3s ease-in-out;
+
  width: 32px;
-
transition: all 0.3s ease-in-out;
+
  height: 32px;
-
}
+
  border: none;
-
.copyright p a:hover{
+
  text-indent: 100%;
-
color: #00BAC6;
+
  background: url('https://static.igem.org/mediawiki/2014/7/76/Top_TU_Eindhoven.jpg') no-repeat right top;
-
        text-decoration: none;
+
}
}

Latest revision as of 20:20, 2 September 2014

/* Start Initialization */

p {

  margin:0;

}

/* Start Initialization */


/* Start Removing iGEM Style */

  1. searchInput, #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
  display:none;

}

  1. content {
  font-family: 'Open Sans', sans-serif;
  width:auto;
  padding:0px;
  border:none;
  background:none;

}

  1. globalWrapper {
  width:auto;
  padding:0px;

}

  1. top-section {
  height:10%;
  width:100%;
  border:none;
  border-top:none;

}

/* End Removing iGEM Style */


/* Start Customizing iGEM Footer */

.Footer {

  background:url('https://static.igem.org/mediawiki/2014/b/b9/Footer_bg_TU_Eindhoven.png');
  width: auto;
  padding: 2% 4%;

}

.FooterContent {

  height:21px;
  width:auto;

}

.Design {

  float:left;

}

.Design p{

  font-size: 14px;
  color: #c9c9c9;

}

.Design p a{

  color:#ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

}

.Design p a:hover{

  color: #00BAC6;
  text-decoration: none;

}

.Facebook{

  float:right;

}

  1. toTop {
  display: none;
  z-index:100;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border: none;
  text-indent: 100%;
  background: url('https://static.igem.org/mediawiki/2014/7/76/Top_TU_Eindhoven.jpg') no-repeat right top;

}