Difference between revisions of "Team:SVCE Chennai/CSS"
Abrahamrkj (Talk | contribs) |
Abrahamrkj (Talk | contribs) m |
||
Line 12: | Line 12: | ||
.loading { | .loading { | ||
position: absolute; | position: absolute; | ||
− | + | left: 50%; | |
− | + | top: 50%; | |
− | + | margin: -60px 0 0 -60px; | |
− | + | background: #fff; | |
− | + | width: 150px; | |
− | + | height: 150px; | |
− | + | border-radius: 100%; | |
− | + | ||
} | } | ||
.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
- 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; }