Team:UCLA/Template/CSS test

From 2014.igem.org

(Difference between revisions)
Line 389: Line 389:
}
}
 +
<!--BACK TO TOP BUTTON-->
 +
#bringTop {
 +
position: fixed;
 +
right: 0;
 +
bottom: 0;
 +
height: 35px;
 +
margin-bottom: 20px;
 +
}
 +
.scroll-top-wrapper {
 +
    position: fixed;
 +
    opacity: 0;
 +
    visibility: hidden;
 +
    overflow: hidden;
 +
    text-align: center;
 +
    z-index: 99999999;
 +
    background-color: transparent;
 +
    color: #555555;
 +
opacity: 0.4;
 +
    width: 40px;
 +
    height: 40px;
 +
    line-height: 37.5px;
 +
    right: 30px;
 +
    bottom: 30px;
 +
    padding-top: 2px;
 +
border: 1px solid gray;
 +
    border-top-left-radius:8px;
 +
    border-top-right-radius: 8px;
 +
    border-bottom-right-radius: 8px;
 +
    border-bottom-left-radius: 8px;
 +
    -webkit-transition: all 0.4s ease-in-out;
 +
    -moz-transition: all 0.4s ease-in-out;
 +
    -ms-transition: all 0.4s ease-in-out;
 +
    -o-transition: all 0.4s ease-in-out;
 +
    transition: all 0.4s ease-in-out;
 +
}
 +
 +
.scroll-top-wrapper:hover {
 +
    background-color: #333333;
 +
color: #eeeeee;
 +
border:none;
 +
opacity: 0.8;
 +
line-height: 37.5px;
 +
    right: 27.05px;
 +
    bottom: 27.5px;
 +
    padding-top: 2.5px;
 +
width: 45px;
 +
    height: 43px;
 +
}
 +
 +
.scroll-top-wrapper.show {
 +
    visibility:visible;
 +
    cursor:pointer;
 +
 +
}
 +
 +
.scroll-top-wrapper i.fa {
 +
    line-height: inherit;
 +
}
 +
 +
#wrap {
 +
  min-height: 100%;
 +
  height: auto !important;
 +
  height: 100%;
 +
  /* Negative indent footer by its height */
 +
  margin: 0 auto -50px;
 +
  /* Pad bottom by footer height */
 +
  padding: 0 0 50px;
 +
}
<!-- TESTING NAVBAR COLORS -->
<!-- TESTING NAVBAR COLORS -->

Revision as of 00:05, 5 August 2014

Retrieved from "http://2014.igem.org/Team:UCLA/Template/CSS_test"