Mercurial > pub > site.implab
comparison public_html/static/css/index.css @ 4:699dd88f0ef2
sync
| author | sergey |
|---|---|
| date | Thu, 08 May 2014 15:55:40 +0400 |
| parents | |
| children | 2d1a0a75fc49 |
comparison
equal
deleted
inserted
replaced
| 3:84ed27230825 | 4:699dd88f0ef2 |
|---|---|
| 1 html, body { | |
| 2 height: 100%; | |
| 3 margin: 0; | |
| 4 padding: 0; | |
| 5 } | |
| 6 | |
| 7 .wrapper { | |
| 8 height: 100%; | |
| 9 margin: 0 auto; | |
| 10 white-space: nowrap; | |
| 11 width: 90%; | |
| 12 text-align: center; | |
| 13 } | |
| 14 | |
| 15 | |
| 16 .inline-ghost { | |
| 17 display: inline-block; | |
| 18 height: 90%; | |
| 19 vertical-align: middle; | |
| 20 } | |
| 21 | |
| 22 a { | |
| 23 text-decoration: none; | |
| 24 font-weight: bold; | |
| 25 color: inherit; | |
| 26 } | |
| 27 | |
| 28 .page { | |
| 29 display: inline-block; | |
| 30 padding: 15px; | |
| 31 position: relative; | |
| 32 vertical-align: middle; | |
| 33 white-space: normal; | |
| 34 text-align: left; | |
| 35 } | |
| 36 | |
| 37 ul.tile-menu { | |
| 38 margin: 0; | |
| 39 padding: 0; | |
| 40 } | |
| 41 | |
| 42 ul.tile-menu li { | |
| 43 display: inline-block; | |
| 44 list-style: none; | |
| 45 position: relative; | |
| 46 margin: 0 15px 15px 0; | |
| 47 transition: all 0.5s; | |
| 48 } | |
| 49 | |
| 50 ul.tile-menu li a { | |
| 51 display: inline-block; | |
| 52 padding: 10px 15px; | |
| 53 position: relative; | |
| 54 top: 0; | |
| 55 /* background: #c0c0c0; */ | |
| 56 transition: all 0.5s; | |
| 57 /*border-bottom: 2px solid;*/ | |
| 58 box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3); | |
| 59 text-align: right; | |
| 60 } | |
| 61 | |
| 62 ul.tile-menu li:hover a { | |
| 63 display: inline-block; | |
| 64 background: #b0b0b0; | |
| 65 box-shadow: 0 30px 15px -10px rgba(0, 0, 0, 0.6); | |
| 66 top: -20px; | |
| 67 /*padding: 15px;*/ | |
| 68 } | |
| 69 | |
| 70 ul.tile-menu li a .foot { | |
| 71 white-space: nowrap; | |
| 72 font-weight: normal; | |
| 73 font-size: 10pt; | |
| 74 color: #0f0f0f; | |
| 75 } | |
| 76 | |
| 77 ul.tile-menu li a .label { | |
| 78 padding-left: 10px; | |
| 79 border-left: 10px solid; | |
| 80 transition: all 0.5s; | |
| 81 } | |
| 82 | |
| 83 ul.tile-menu li a.green:hover .label { | |
| 84 color: #afffcf; | |
| 85 } | |
| 86 | |
| 87 ul.tile-menu li a.blue:hover .label { | |
| 88 color: #afdfff; | |
| 89 } | |
| 90 | |
| 91 ul.tile-menu li a.red:hover .label { | |
| 92 color: #ffafaf; | |
| 93 } | |
| 94 | |
| 95 ul.tile-menu li a.orange:hover .label { | |
| 96 color: #ffdfaf; | |
| 97 } | |
| 98 | |
| 99 #main-menu { | |
| 100 font-family: Arial; | |
| 101 font-size: 32pt; | |
| 102 } |
