|
@ -380,13 +380,12 @@ a:hover { |
|
|
#example .example i.code { |
|
|
#example .example i.code { |
|
|
cursor: pointer; |
|
|
cursor: pointer; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
height: 0px; |
|
|
|
|
|
width: 0px; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
opacity: 0; |
|
|
|
|
|
|
|
|
top: 0px; |
|
|
|
|
|
right: 0px; |
|
|
|
|
|
opacity: 0.2; |
|
|
|
|
|
|
|
|
font-size: 24px; |
|
|
font-size: 24px; |
|
|
color: #888888; |
|
|
|
|
|
|
|
|
color: #555555; |
|
|
|
|
|
|
|
|
-webkit-transition: opacity 0.3s ease-out; |
|
|
-webkit-transition: opacity 0.3s ease-out; |
|
|
-moz-transition: opacity 0.3s ease-out; |
|
|
-moz-transition: opacity 0.3s ease-out; |
|
@ -395,12 +394,7 @@ a:hover { |
|
|
transition: opacity 0.3s ease-out; |
|
|
transition: opacity 0.3s ease-out; |
|
|
} |
|
|
} |
|
|
#example .example:hover i.code { |
|
|
#example .example:hover i.code { |
|
|
height: auto; |
|
|
|
|
|
width: auto; |
|
|
|
|
|
overflow: visible; |
|
|
|
|
|
opacity: 0.5; |
|
|
|
|
|
top: 0px; |
|
|
|
|
|
right: 5px; |
|
|
|
|
|
|
|
|
opacity: 0.7; |
|
|
} |
|
|
} |
|
|
#example .example:hover i.code:hover { |
|
|
#example .example:hover i.code:hover { |
|
|
opacity: 1; |
|
|
opacity: 1; |
|
|