source: trunk/client/temi/altro/menu.css@ 243

Last change on this file since 243 was 243, checked in by luc, 9 years ago

Nuovi menu per i temi presenti

File size: 1.9 KB
Line 
1/*
2* {
3 -moz-box-sizing: border-box;
4 box-sizing: border-box;
5}
6
7@font-face {
8 font-family: 'icomoon';
9 src:url('http://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-13/fonts/icomoon.eot');
10 src:url('http://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-13/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
11 url('http://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-13/fonts/icomoon.woff') format('woff'),
12 url('http://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-13/fonts/icomoon.ttf') format('truetype'),
13 url('http://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-13/fonts/icomoon.svg#icomoon') format('svg');
14}
15*/
16.main-header {
17 margin: auto;
18 width: 100%;
19 min-height: 30px;
20 padding: 1em 2em;
21 /*
22 border: 2px solid #2675a9;
23 border-top: none;
24 border-radius: 0 0 5px 5px;
25 background: #2980b9;
26 */
27}
28 .main-header:after {
29 content: " ";
30 display: table;
31 clear: both;
32 }
33
34ul {
35 list-style: none;
36 padding: 0;
37 margin: 0;
38}
39
40/* Nav Demo Styles -------------------- */
41
42.main-nav,
43.drop-nav {
44 background: #2c3e50;
45}
46.main-nav {
47 float: left;
48 border-radius: 4px;
49 margin-top: 8px;
50 border: solid 1px #1e2a36;
51}
52 .main-nav > li {
53 float: left;
54 border-left: solid 1px #1e2a36;
55 font-size: 12px;
56 }
57 .main-nav li:first-child {
58 border-left: none;
59 }
60 .main-nav a {
61 color: #fff;
62 display: block;
63 padding: 10px 30px;
64 text-decoration: none;
65 }
66/*
67.dropdown,
68.flyout {
69 position: relative;
70}
71.dropdown:after {
72 content: "\25BC";
73 font-size: 12px;
74 display: block;
75 position: absolute;
76 top: 30%;
77 right: 12%;
78}
79*/
80.drop-nav,
81.flyout-nav {
82 position: absolute;
83 display: none;
84}
85.drop-nav li {
86 border-bottom: 1px solid rgba(255,255,255,.2);
87}
88.dropdown:hover > .drop-nav,
89.flyout:hover > .flyout-nav {
90 display: block;
91}
92.flyout-nav {
93 left: 100%;
94 top: 0;
95}
96.flyout:hover a,
97.flyout-nav {
98 background: #395066;
99}
Note: See TracBrowser for help on using the repository browser.