Mercurial > pub > site.implab
view public_html/static/css/index.css @ 14:d997ff96acf1
sync
author | sergey |
---|---|
date | Mon, 19 May 2014 18:34:16 +0400 |
parents | d9551c7e7101 |
children |
line wrap: on
line source
.wrapper { position: relative; height: 100%; margin: 0 auto; white-space: nowrap; width: 90%; text-align: center; } .inline-ghost { display: inline-block; height: 90%; vertical-align: middle; } a { text-decoration: none; font-weight: bold; color: inherit; } .page { display: inline-block; padding: 15px; position: relative; vertical-align: middle; white-space: normal; text-align: left; } ul.tile-menu { margin: 0; padding: 0; } ul.tile-menu li { display: inline-block; list-style: none; position: relative; margin: 0 15px 15px 0; transition: all 0.5s; } ul.tile-menu li a { display: inline-block; padding: 10px 15px; position: relative; top: 0; /* background: #c0c0c0; */ transition: all 0.5s; /*border-bottom: 2px solid;*/ box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3); text-align: right; } ul.tile-menu li:hover a { display: inline-block; background: #c0c0c0; box-shadow: 0 30px 15px -10px rgba(0, 0, 0, 0.6); top: -20px; /*padding: 15px;*/ } ul.tile-menu li a .foot { white-space: nowrap; font-weight: normal; font-size: 10pt; color: #404040; } ul.tile-menu li:hover a .foot { color: #0f0f0f; } ul.tile-menu li a .label { padding-left: 10px; border-left: 10px solid; transition: all 0.5s; } ul.tile-menu li:hover a.green .label { color: #afffcf; } ul.tile-menu li:hover a.blue .label { color: #afdfff; } ul.tile-menu li:hover a.red .label { color: #ffafaf; } ul.tile-menu li:hover a.orange .label { color: #ffdfaf; } ul.tile-menu li:hover a.orange .label { color: #ffdfaf; } ul.tile-menu li:hover a.magenta .label { color: #ffafff; } #main-menu { font-family: Arial; font-size: 32pt; } #top-menu { position: absolute; top: 0px; right: 0px; padding: 0px 30px; border-bottom: 1px solid #c0c0c0; box-shadow: 0 7px 15px -10px rgba(0, 0, 0, 0.6); } #top-menu a.menu-item:hover { background: black; border-bottom: 3px solid black; color: white; }