Difference between revisions of "Team:UFMG Brazil/wikicss"
Andrebrait (Talk | contribs) |
|||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
#image-macr{ | #image-macr{ | ||
top: 10px; | top: 10px; | ||
| − | height: | + | height: 100%; |
| − | width: | + | width: 100%; |
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
| Line 57: | Line 57: | ||
z-index: 9999; | z-index: 9999; | ||
position: relative; | position: relative; | ||
| − | color: | + | color: rgba(255, 255, 255, 0.7); |
font-size: 16px; | font-size: 16px; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 64: | Line 64: | ||
vertical-align: middle; | vertical-align: middle; | ||
cursor: pointer; | cursor: pointer; | ||
| + | } | ||
| + | .sub-text:hover{ color: rgba(255, 255, 255, 1); } | ||
| + | #cursorImage{ | ||
| + | position:absolute; | ||
| + | -ms-transform: rotate(-35deg); /* IE 9 */ | ||
| + | -webkit-transform: rotate(-35deg); /* Chrome, Safari, Opera */ | ||
| + | transform: rotate(-35deg); | ||
} | } | ||
Latest revision as of 02:24, 19 September 2015
#image-macr{ top: 10px; height: 100%; width: 100%; vertical-align: middle; } .image { position: absolute; top: 0; z-index: 9998; cursor: pointer; vertical-align: middle; -webkit-box-shadow: 6px 6px 20px -1px rgba(133,133,133,1); -moz-box-shadow: 6px 6px 20px -1px rgba(133,133,133,1); box-shadow: 6px 6px 20px -1px rgba(133,133,133,1); } .sub-menu { position: absolute; cursor: pointer; vertical-align: middle; -webkit-animation-duration: 2s;
animation-duration: 2s;
} .level1{ top: 43px; } .level2{ top: 86px; } .level3{ top: 129px; } .level4{ top: 172px; } .level5{ top: 215px; } .image-macr { position: absolute; top: -60px; vertical-align: middle; } .text { z-index: 9999; position: relative; color: white; font-size: 16px; font-weight: bold; top: 12px; left: -20px; text-align: center; vertical-align: middle; cursor: pointer; } .sub-text { z-index: 9999; position: relative; color: rgba(255, 255, 255, 0.7); font-size: 16px; font-weight: bold; left: -20px; text-align: center; vertical-align: middle; cursor: pointer; }
.sub-text:hover{ color: rgba(255, 255, 255, 1); }
#cursorImage{ position:absolute; -ms-transform: rotate(-35deg); /* IE 9 */ -webkit-transform: rotate(-35deg); /* Chrome, Safari, Opera */ transform: rotate(-35deg); }