Difference between revisions of "Team:SVCE Chennai/CSS"

m
Line 12: Line 12:
 
.loading {
 
.loading {
 
   position: absolute;
 
   position: absolute;
−
  left: 50%;
+
    left: 50%;
−
  top: 50%;
+
    top: 50%;
−
  margin: -60px 0 0 -60px;
+
    margin: -60px 0 0 -60px;
−
  background: #fff;
+
    background: #fff;
−
  width: 100px;
+
    width: 150px;
−
  height: 100px;
+
    height: 150px;
−
  border-radius: 100%;
+
    border-radius: 100%;
−
  border: 10px solid #19bee1;
+
 
}
 
}
 
.loading:after {
 
.loading:after {
Line 42: Line 41:
 
     transform: rotateZ(360deg);
 
     transform: rotateZ(360deg);
 
   }
 
   }
 +
}
 +
.minioImg{
 +
width: 150px;
 
}
 
}

Revision as of 12:20, 9 September 2015

  1. content, html, body, #globalWrapper {
   width: 100%;
   height: 100%;

} body{ background: #fff; } .firstHeading{ display:none; }

.loading { 

 position: absolute;
   left: 50%;
   top: 50%;
   margin: -60px 0 0 -60px;
   background: #fff;
   width: 150px;
   height: 150px;
   border-radius: 100%;

} .loading:after { 

 content: ;
 background: trasparent;
 width: 140%;
 height: 140%;
 position: absolute;
 border-radius: 100%;
 top: -20%;
 left: -20%;
 opacity: 0.7;
 box-shadow: rgba(255, 255, 255, 0.6) -4px -5px 3px -3px;
 animation: rotate 2s infinite linear;

}

@keyframes rotate { 

 0% {
   transform: rotateZ(0deg);
 }
 100% {
   transform: rotateZ(360deg);
 }

} .minioImg{ width: 150px; }