Difference between revisions of "Template:Groningen/CSS"

 
(35 intermediate revisions by 3 users not shown)
Line 3: Line 3:
  
 
/* HIER MOET DE CSS*/
 
/* HIER MOET DE CSS*/
 +
 +
#menu-btn {
 +
    top: 5em !important;
 +
    right: 0.3em !important;
 +
}
  
 
.fa-arrow-circle-down {
 
.fa-arrow-circle-down {
Line 10: Line 15:
 
     color: #ffffff61 !important;
 
     color: #ffffff61 !important;
 
     font-weight: bold;
 
     font-weight: bold;
−
    margin-left: 50%;
 
 
     position: relative;
 
     position: relative;
 
     top: 500px;
 
     top: 500px;
 +
}
 +
.greenbutton {
 +
color: #009739 !important;
 +
}
 +
 +
.blackbutton {
 +
color: #00140F !important;
 +
}
 +
 +
.brownbutton {
 +
color: #805113 !important;
 +
}
 +
 +
.redbutton {
 +
color: #E4140F !important;
 +
}
 +
 +
.bluebutton {
 +
color: #174290 !important;
 +
}
 +
 +
 +
 +
figcaption {
 +
    display: block;
 +
}
 +
.box {
 +
    float: left;
 +
    width: 200px;
 +
    margin-left: 10px;
 +
    margin-top: 10px;
 +
    padding: 5px;
 +
    border: 2px white;
 +
}
 +
.boxed {
 +
  border: 10px solid green ;
 +
  padding: 20px
 
}
 
}
  
Line 30: Line 71:
 
display:none;
 
display:none;
 
}
 
}
−
 
+
.greenbutton {display:none; }
−
 
+
.blackbutton {display:none; }
 +
.brownbutton {display:none; }
 +
.bluebutton {display:none; }
 +
.redbutton {display:none; }
  
 
}
 
}
 
.startbutton:hover, .startbutton:active  {
 
.startbutton:hover, .startbutton:active  {
 
color:white !important;
 
color:white !important;
 +
}
 +
.greenbutton:hover, .greenbutton:active {
 +
    color: #009739ad !important;
 
}
 
}
  
 +
.blackbutton:hover, .blackbutton:active {
 +
    color: #00140Fad !important;
 +
}
 +
 +
.brownbutton:hover, .brownbutton:active {
 +
    color: #805113ad !important;
 +
}
 +
 +
.bluebutton:hover, .bluebutton:active {
 +
    color: #174290ad !important;
 +
}
 +
 +
.redbutton:hover, .redbutton:active {
 +
    color: #E4140Fad !important;
 +
}
 +
 +
 +
 +
.div1, div2{
 +
 +
display: inline-block;
 +
 +
}
 +
.tab {
 +
margin-left: 2.5em
 +
}
 
.contentvid {
 
.contentvid {
 
position: absolute;
 
position: absolute;
Line 294: Line 367:
  
 
@media only screen and (max-width: 1450px) {
 
@media only screen and (max-width: 1450px) {
−
  .startbutton {
+
    .startbutton {
−
    top: 300px;
+
      top: 300px;
−
  }
+
  }
−
#blok01 {
+
  .igem_2018_team_content .igem_2018_team_column_wrapper {
−
      top: 120px !important;
+
     margin: 0 auto;
−
      left: 450px !important;
+
     width:95%;
−
      width: 350px !important;
+
}
−
}
+
−
#blok02 {
+
−
     top: 588px !important;
+
−
     width: 350px !important;
+
−
    left: 10px !important;
+
−
}
+
−
#blok03 {
+
−
    top: 1000px !important;
+
−
    width: 350px !important;
+
−
    left: 450px !important;
+
−
}
+
−
#blok04 {
+
−
    top: 1500px !important;
+
−
    width: 350px !important;
+
−
    left: 10px !important;
+
−
}
+
−
#blok05 {
+
−
    top: 1850px !important;
+
−
    width: 350px !important;
+
−
    left: 450px !important;
+
−
}
+
−
#blok06 {
+
−
    top: 2350px !important;
+
−
    width: 350px !important;
+
−
    left: 10px !important;
+
−
}
+
−
}
+
  
 
@media only screen and (max-width: 1200px) {
 
@media only screen and (max-width: 1200px) {
 
#blok01, #blok02, #blok03, #blok04, #blok05, #blok06 {
 
#blok01, #blok02, #blok03, #blok04, #blok05, #blok06 {
−
position:relative !important;
+
    position: relative !important;
−
width:95%;
+
    width: 95% !important;
−
top:0 !important;
+
    top: 0 !important;
−
left: 0 !important;
+
    left: 0 !important;
−
margin:10px 0 10px 0 !important;
+
    margin: 50px 0 10px 0 !important;
 +
    background: #00973930;
 +
    padding: 20px;
 
  }
 
  }
 
.mainimg {display:none;}
 
.mainimg {display:none;}
 +
.startbutton {
 +
      display:none;
 +
  }
 +
#menu-btn {
 +
z-index:2000 !important;
 +
}
 
}
 
}
  
 +
 +
 +
h4 .quoteh4 {
 +
    text-align: center !important;
 +
    font-style: italic !important;
 +
    font-size: 1.6em !important;
 +
    padding: 40px !important;
 +
    background: #e2e2e2 !important;
 +
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 23:32, 17 October 2018