source: trunk/client/temi/default/menu.css@ 328

Last change on this file since 328 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 /*border: 2px solid #2675a9;
22 border-top: none;
23 border-radius: 0 0 5px 5px;
24 background: #2980b9;*/
25}
26 .main-header:after {
27 content: " ";
28 display: table;
29 clear: both;
30 }
31
32ul {
33 list-style: none;
34 padding: 0;
35 margin: 0;
36}
37
38/* Nav Demo Styles -------------------- */
39
40.main-nav,
41.drop-nav {
42 background: #c9c9c9;
43}
44.main-nav {
45 float: left;
46 border-radius: 4px;
47 margin-top: 8px;
48 border: solid 1px #1e2a36;
49}
50 .main-nav > li {
51 float: left;
52 /* border-left: solid 1px #1e2a36;*/
53 font-size: 12px;
54 }
55 .main-nav li:first-child {
56 border-left: none;
57 }
58 .main-nav a {
59 color: #5f5757;
60 display: block;
61 padding: 10px 35px;
62 text-decoration: none;
63 }
64
65/*
66.dropdown,
67.flyout {
68 position: relative;
69}
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
86.drop-nav li {
87 border-bottom: 1px solid rgba(255,255,255,.2);
88}
89.dropdown:hover > .drop-nav,
90.flyout:hover > .flyout-nav {
91 display: block;
92}
93
94.flyout-nav {
95 left: 100%;
96 top: 0;
97}
98
99.flyout:hover a,
100.flyout-nav {
101 background: #395066;
102
103}
Note: See TracBrowser for help on using the repository browser.