Difference between revisions of "Template:Wageningen UR/RolloutCSS"

Line 10: Line 10:
  
 
.cls-1:hover {
 
.cls-1:hover {
  cursor:pointer;
+
 
 
   fill:#bce0a5!important;
 
   fill:#bce0a5!important;
 
}
 
}
  
 
.cls-3:hover {
 
.cls-3:hover {
  cursor:pointer;
+
 
 
   fill:#bce0a5!important;
 
   fill:#bce0a5!important;
 
}
 
}
  
.circle:hover {
+
 
  cursor:pointer;
+
.expert-box {
  fill:#bce0a5!important;
+
    background-color:#F2F2ed;
 +
    border: 1px solid grey;
 +
    padding:1rem;
 +
    display:table;
 +
    border-radius: 15px;
 +
    margin-left:auto;
 +
    margin-right:auto;
 +
    width:62%;
 +
    margin-top:1rem;
 +
    background-image: url(http://nobacks.com/wp-content/uploads/2014/11/Green-Grass-3-500x103.png);
 +
    background-position:bottom;
 +
    background-repeat:repeat-x;
 +
   
 
}
 
}
 +
 +
.expert-photo-wrapper-left{
 +
    width:16%;
 +
    float: left;
 +
}
 +
 +
.expert-photo-wrapper-right{
 +
    width:16%;
 +
    float: right;
 +
}
 +
 +
.expert-name-left {
 +
    margin-bottom:0.4rem;
 +
}
 +
 +
.expert-name-right {
 +
    margin-bottom:0.4rem;
 +
    text-align:right;
 +
}
 +
 +
 +
.expert-photo img{
 +
    width:100%;
 +
    border-radius: 100%;
 +
}
 +
 +
.expert-link{
 +
    font-size: 2000%;
 +
   
 +
}
 +
 +
.expert-text-left {
 +
    float:right;
 +
    width:84%;   
 +
    padding-left: 20px;
 +
    padding-right: 20px;
 +
    float:right
 +
}
 +
 +
.expert-text-right {
 +
    float:right;
 +
    width:84%;   
 +
    padding-left: 20px;
 +
    padding-right: 20px;
 +
  text-align:right;
 +
}
 +
 +
.expert-title {
 +
    margin-top:0.4rem;
 +
}
 +
 +
.expert-quote p {
 +
    font-size:1.2rem;
 +
    font-style: italic;
 +
}
 +
 +
q,
 +
blockquote {
 +
    quotes: "\201C" "\201D" "\2018" "\2019";
 +
}
 +
 +
#Step1 {
 +
 +
  display:none;
 +
 +
}
 +
 +
#Step2 {
 +
 +
  display:none;
 +
 +
}
 +
 +
#Step3 {
 +
 +
  display:none;
 +
 +
}
 +
 +
#Step4 {
 +
 +
  display:none;
 +
 +
}
 +
 +
#Step5 {
 +
 +
  display:none;
 +
 +
}
 +
 +
#Step6 {
 +
 +
  display:none;
 +
 +
}
 +
 +
#Step7 {
 +
 +
  display:none;
 +
 +
}
 +
 +
#Step8 {
 +
 +
  display:none;
 +
 +
}
 +
 +
#Step9 {
 +
 +
  display:none;
 +
 +
}
 +
 +
#Step10 {
 +
 +
  display:none;
 +
 +
}
 +
 +
#Step11 {
 +
 +
  display:none;
 +
 +
}
 +
 +
#Step12 {
 +
 +
  display:none;
 +
 +
}
 +
 +
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 16:21, 19 October 2017