Difference between revisions of "Template:Cologne-Duesseldorf/css"

Line 576: Line 576:
 
   Upwards arrow
 
   Upwards arrow
 
   ************************************************************************/
 
   ************************************************************************/
−
   #bodyContent #return-to-top {
+
   #return-to-top {
−
    position: fixed;
+
      position: fixed;
−
    font-size: 35pt;
+
      bottom: 20px;
−
    right: 3vw;
+
      right: 20px;
−
    bottom: 3vw;
+
      background: rgb(0, 0, 0);
−
    display: block;
+
      background: rgba(0, 0, 0, 0.7);
−
    text-decoration: none;
+
      width: 50px;
−
    display: none;
+
      height: 50px;
−
    transition: all 0.3s ease;
+
      display: block;
−
    color: rgba(0, 0, 0, 0.6);
+
      text-decoration: none;
 +
      -webkit-border-radius: 35px;
 +
      -moz-border-radius: 35px;
 +
      border-radius: 35px;
 +
      display: none;
 +
      -webkit-transition: all 0.3s linear;
 +
      -moz-transition: all 0.3s ease;
 +
      -ms-transition: all 0.3s ease;
 +
      -o-transition: all 0.3s ease;
 +
      transition: all 0.3s ease;
 +
  }
 +
  #return-to-top i {
 +
      color: #fff;
 +
      margin: 0;
 +
      position: relative;
 +
      left: 16px;
 +
      top: 13px;
 +
      font-size: 19px;
 +
      -webkit-transition: all 0.3s ease;
 +
      -moz-transition: all 0.3s ease;
 +
      -ms-transition: all 0.3s ease;
 +
      -o-transition: all 0.3s ease;
 +
      transition: all 0.3s ease;
 +
  }
 +
  #return-to-top:hover {
 +
      background: rgba(0, 0, 0, 0.9);
 +
  }
 +
  #return-to-top:hover i {
 +
      color: #fff;
 +
      top: 5px;
 
   }
 
   }
−
  #bodyContent #return-to-top i {
 
−
    color: #fff;
 
−
    margin: 0;
 
−
    position: relative;
 
−
    left: 16px;
 
−
    top: 13px;
 
−
    font-size: 19px;
 
−
    -webkit-transition: all 0.3s ease;
 
−
    -moz-transition: all 0.3s ease;
 
−
    -ms-transition: all 0.3s ease;
 
−
    -o-transition: all 0.3s ease;
 
−
    transition: all 0.3s ease;
 
−
    }
 
−
    #bodyContent #return-to-top:hover {
 
−
        background: rgba(0, 0, 0, 0.9);
 
−
    }
 
−
    #bodyContent #return-to-top:hover i {
 
−
        color: #fff;
 
−
        top: 5px;
 
−
    }
 
  
  

Revision as of 17:39, 19 September 2017