source: trunk/client/temi/blog/menu.css@ 242

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