Difference between revisions of "Template:HKJS S/css/Notebook"

Revision as of 23:42, 17 October 2018

.heading{ padding: 8px; border-bottom: solid blue 4px; } .headbtn_div{ width: 30%; margin: auto; padding: 5px; } .head_btn{ background: transparent; border: none; } .btn{ background: transparent; border: none; color: blue; font-size : 15px; left-margin: 10px; } .content{ display: none; } .head_div{ padding: 5px; border-bottom: solid blue 2px; } .big_div{ width: 87%; margin: auto; } .head{ font-weight: bold; } .top_btn{ background-color: blue;

   border: none;
   color: white;
   padding: 10px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 19px;
   border-radius: 70%;
   position: fixed;
   right: 5%;
   bottom: 7%;
   opacity: 1;
-webkit-transition: all .5s ease-in 3s;
transition: all .5s ease-in 3s;

z-index: 2;

-webkit-animation: bounce 2s infinite 2s;
animation: bounce 2s infinite 2s;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;

} @keyframes bounce {

0%,
100%,
20%,
50%,
80% {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
40% {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}
60% {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

} .hide_btn{ position: relative; right: 30%; bottom: 0px; }