source: trunk/client/temi/tour/menu.css@ 430

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

Nuovi menu per i temi presenti

File size: 1.9 KB
RevLine 
[242]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;
[243]18 width: 100%;
[242]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: #4983b6;
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 }
[243]64/*
[242]65.dropdown,
66.flyout {
[243]67 position: relative;
[242]68}
[243]69
[242]70.dropdown:after {
71 content: "\25BC";
72 font-size: 12px;
73 display: block;
74 position: absolute;
75 top: 30%;
76 right: 12%;
77}
[243]78*/
[242]79.drop-nav,
80.flyout-nav {
81 position: absolute;
82 display: none;
83}
84.drop-nav li {
85 border-bottom: 1px solid rgba(255,255,255,.2);
86}
87.dropdown:hover > .drop-nav,
88.flyout:hover > .flyout-nav {
89 display: block;
90}
91.flyout-nav {
92 left: 100%;
93 top: 0;
94}
95.flyout:hover a,
96.flyout-nav {
97 background: #395066;
98}
Note: See TracBrowser for help on using the repository browser.