|
|
|
@ -50,10 +50,13 @@ li { color:#888; } |
|
|
|
|
li.active { color:#000; } |
|
|
|
|
small.externalapp { color:#FFF; background-color:#BBB; font-weight:bold; font-size: 0.6em; margin: 0; padding: 0.1em 0.2em; border-radius: 4px;} |
|
|
|
|
small.externalapp.list { float: right; } |
|
|
|
|
small.recommendedapp { color:#FFF; background-color:#888; font-weight:bold; font-size: 0.6em; margin: 0; padding: 0.1em 0.2em; border-radius: 4px;} |
|
|
|
|
small.recommendedapp.list { float: right; } |
|
|
|
|
span.version { margin-left:1em; margin-right:1em; color:#555; } |
|
|
|
|
|
|
|
|
|
.app { position: relative; display: inline-block; padding: 0.2em 0 0.2em 0 !important; text-overflow: hidden; overflow: hidden; white-space: nowrap; /*transition: .2s max-width linear; -o-transition: .2s max-width linear; -moz-transition: .2s max-width linear; -webkit-transition: .2s max-width linear; -ms-transition: .2s max-width linear;*/ } |
|
|
|
|
.app.externalapp { max-width: 12.5em; z-index: 100; } |
|
|
|
|
.app.recommendedapp { max-width: 12.5em; z-index: 100; } |
|
|
|
|
/* Transition to complete width! */ |
|
|
|
|
.app:hover, .app:active { max-width: inherit; } |
|
|
|
|
|
|
|
|
|