Difference between revisions of "Template:Team:Potsdam/CSS"

 
Line 2: Line 2:
  
 
div#page-wrapper-bg {
 
div#page-wrapper-bg {
−
     background-image:url(https://static.igem.org/mediawiki/2017/9/99/T--Potsdam--websitebackground.png)!important;
+
     background-image: url(https://static.igem.org/mediawiki/2017/9/99/T--Potsdam--websitebackground.png)!important;
−
     background-size:800px;
+
     background-size: 800px;
 
}
 
}
  
 
div#page-wrapper {
 
div#page-wrapper {
−
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.71), 0 6px 20px 0 rgba(0, 0, 0, 0.54);
+
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.71), 0 6px 20px 0 rgba(0, 0, 0, 0.54);
 
}
 
}
−
body{background-image: url(https://static.igem.org/mediawiki/2017/9/99/T--Potsdam--websitebackground.png)}
 
  
−
@media screen and (min-width: 736px){
+
body {
−
div#content {width:85%!important; margin:auto!important;}
+
    background-image: url(https://static.igem.org/mediawiki/2017/9/99/T--Potsdam--websitebackground.png)
 
}
 
}
−
.wrapper.style3 {padding-left:7%!important; padding-right:7%!important}
 
  
−
div#footer-wrapper {padding-left:7%!important; padding-right:7%!important}
+
@media screen and (min-width: 736px) {
 +
    div#content {
 +
        width: 85%!important;
 +
        margin: auto!important;
 +
    }
 +
}
  
−
.pop_why_box {display:none!important}
+
.wrapper.style3 {
 +
    padding-left: 7%!important;
 +
    padding-right: 7%!important
 +
}
  
 +
div#footer-wrapper {
 +
    padding-left: 7%!important;
 +
    padding-right: 7%!important
 +
}
  
−
div#titleBar {top:40px!important; }
+
.pop_why_box {
 +
    display: none!important
 +
}
 +
 
 +
div#titleBar {
 +
    top: 40px!important;
 +
}
  
 
a.toggle:before {
 
a.toggle:before {
−
color:black!important;
+
    color: black!important;
−
     background-image: url('http://parts.igem.org/images/website/bars_20.png');    
+
     background-image: url('http://parts.igem.org/images/website/bars_20.png');
−
background-repeat: no-repeat;
+
    background-repeat: no-repeat;
−
     background-position: center;  
+
     background-position: center;
 
     text-indent: 100%;
 
     text-indent: 100%;
 
     overflow: hidden;
 
     overflow: hidden;
−
    }
+
}
  
−
#top_title {display:none!important;}
+
#top_title {
 +
    display: none!important;
 +
}
  
−
#sideMenu {display:none!important;}
+
#sideMenu {
 +
    display: none!important;
 +
}
  
−
div#user_item {padding-top:0px!important;margin-top:-6px!important;}
+
div#user_item {
 +
    padding-top: 0px!important;
 +
    margin-top: -6px!important;
 +
}
  
−
.container{width:100%!important;}
+
.container {
 +
    width: 100%!important;
 +
}
  
−
div#bars_item {margin-top:-8px!important;}
+
div#bars_item {
 +
    margin-top: -8px!important;
 +
}
  
−
.leftBox {width:33%; padding-left:30px; padding-right: 10px;}
+
.leftBox {
−
.centerBox {width: 34%; left:33%; padding-left:20px; padding-right:20px;}
+
    width: 33%;
−
.rightBox {width:33%; left: 67%; padding-left:10px; padding-right:30px;}
+
    padding-left: 30px;
 +
    padding-right: 10px;
 +
}
  
−
.leftBox, .centerBox, .rightBox {height:100%; position:absolute; float:left;}
+
.centerBox {
 +
    width: 34%;
 +
    left: 33%;
 +
    padding-left: 20px;
 +
    padding-right: 20px;
 +
}
  
−
.topBox{padding-top:80px; padding-bottom: 0px;}
+
.rightBox {
−
.bottomBox{padding-top: 30px; padding-bottom:50px;}
+
    width: 33%;
 +
    left: 67%;
 +
    padding-left: 10px;
 +
    padding-right: 30px;
 +
}
  
−
.topBox, .bottomBox {height: 50%; width: 100%;}
+
.leftBox,
 +
.centerBox,
 +
.rightBox {
 +
    height: 100%;
 +
    position: absolute;
 +
    float: left;
 +
}
  
−
.topBox img, .bottomBox img {width:100%; height:100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.71), 0 6px 20px 0 rgba(0, 0, 0, 0.54);}
+
.topBox {
 +
    padding-top: 80px;
 +
    padding-bottom: 0px;
 +
}
  
−
div#footer-wrapper { padding:0px!important; height:500px;}
+
.bottomBox {
 +
    padding-top: 30px;
 +
    padding-bottom: 50px;
 +
}
  
−
.topBox p, .bottomBox p {position: relative; top: -60px; left: 30px; text-decoration:none; font-size: 17px}
+
.topBox,
 +
.bottomBox {
 +
    height: 50%;
 +
    width: 100%;
 +
}
  
−
.topBox a, .bottomBox a {text-decoration:none;}
+
.topBox img,
 +
.bottomBox img {
 +
    width: 100%;
 +
    height: 100%;
 +
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.71), 0 6px 20px 0 rgba(0, 0, 0, 0.54);
 +
}
  
−
@media screen and (max-width: 736px){
+
div#footer-wrapper {
 +
    padding: 0px!important;
 +
    height: 500px;
 +
}
  
−
    .leftBox, .centerBox, .rightBox {width:100%; position: initial; float:initial; padding: 0px;}
+
.topBox p,
 +
.bottomBox p {
 +
    position: relative;
 +
    top: -60px;
 +
    left: 30px;
 +
    text-decoration: none;
 +
    font-size: 17px
 +
}
  
−
    .topBox, .bottomBox {height: 150px;padding-right: 60px;padding-left: 60px; padding-top: 15px; padding-bottom: 15px;}
+
.topBox a,
−
      
+
.bottomBox a {
−
    div#footer-wrapper { height:initial;}
+
     text-decoration: none;
−
   
+
−
    .boxWrapper {padding-top:60px;padding-bottom:60px;}
+
 
}
 
}
  
−
div#page-wrapper {background-color:black}
+
@media screen and (max-width: 736px) {
 +
    .leftBox,
 +
    .centerBox,
 +
    .rightBox {
 +
        width: 100%;
 +
        position: initial;
 +
        float: initial;
 +
        padding: 0px;
 +
    }
 +
    .topBox,
 +
    .bottomBox {
 +
        height: 150px;
 +
        padding-right: 60px;
 +
        padding-left: 60px;
 +
        padding-top: 15px;
 +
        padding-bottom: 15px;
 +
    }
 +
    div#footer-wrapper {
 +
        height: initial;
 +
    }
 +
    .boxWrapper {
 +
        padding-top: 60px;
 +
        padding-bottom: 60px;
 +
    }
 +
}
 +
 
 +
div#page-wrapper {
 +
    background-color: black
 +
}
  
 
</style></head></html>
 
</style></head></html>

Latest revision as of 10:44, 27 June 2017