source: trunk/client/temi/stylized/menu.css@ 281

Last change on this file since 281 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: 10px;
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: #ff0000;
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: #fff;
60 display: block;
61 padding: 10px 35px;
62 text-decoration: none;
63 }
64/*
65.dropdown,
66.flyout {
67 position: relative;
68}
69.dropdown:after {
70 content: "\25BC";
71 font-size: 12px;
72 display: block;
73 position: absolute;
74 top: 30%;
75 right: 12%;
76}
77*/
78.drop-nav,
79.flyout-nav {
80 position: absolute;
81 display: none;
82}
83.drop-nav li {
84 border-bottom: 1px solid rgba(255,255,255,.2);
85}
86.dropdown:hover > .drop-nav,
87.flyout:hover > .flyout-nav {
88 display: block;
89}
90.flyout-nav {
91 left: 100%;
92 top: 0;
93}
94.flyout:hover a,
95.flyout-nav {
96 background: #395066;
97}
Note: See TracBrowser for help on using the repository browser.