Difference between revisions of "Template:Groningen/CSS"

 
(19 intermediate revisions by 3 users not shown)
Line 15: 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;
Line 21: Line 20:
 
.greenbutton {
 
.greenbutton {
 
  color: #009739 !important;
 
  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 38: 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 329: Line 394:
 
}
 
}
  
.greenbutton:hover {
 
    color: #009739b8 !important;
 
}
 
  
h4.quoteh4 {
+
 
 +
h4 .quoteh4 {
 
     text-align: center !important;
 
     text-align: center !important;
 
     font-style: italic !important;
 
     font-style: italic !important;

Latest revision as of 23:32, 17 October 2018