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

Line 576: Line 576:
 
   Upwards arrow
 
   Upwards arrow
 
   ************************************************************************/
 
   ************************************************************************/
−
   #return-to-top {
+
   #bodyContent #returnToTop {
−
      position: fixed;
+
    position: fixed;
−
      bottom: 20px;
+
    font-size: 35pt;
−
      right: 20px;
+
    right: 3vw;
−
      background: rgb(0, 0, 0);
+
    bottom: 3vw;
−
      background: rgba(0, 0, 0, 0.7);
+
    display: block;
−
      width: 50px;
+
    text-decoration: none;
−
      height: 50px;
+
    display: none;
−
      display: block;
+
    transition: all 0.3s ease;
−
      text-decoration: none;
+
    color: rgba(0, 0, 0, 0.6);
−
      -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;
 
−
  }
 
−
 
  
 
   /************************************************************************
 
   /************************************************************************

Revision as of 17:45, 19 September 2017