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