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 } |