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 }