diff options
Diffstat (limited to 'justified-nav.css')
-rw-r--r-- | justified-nav.css | 82 |
1 files changed, 34 insertions, 48 deletions
diff --git a/justified-nav.css b/justified-nav.css index 966c3b5d..b8b8b74c 100644 --- a/justified-nav.css +++ b/justified-nav.css | |||
@@ -6,7 +6,6 @@ body { | |||
6 | padding-top: 40px; | 6 | padding-top: 40px; |
7 | padding-bottom: 40px; | 7 | padding-bottom: 40px; |
8 | margin-top: 40px; | 8 | margin-top: 40px; |
9 | border-top: 1px solid #eee; | ||
10 | } | 9 | } |
11 | 10 | ||
12 | /* Main marketing message and sign up button */ | 11 | /* Main marketing message and sign up button */ |
@@ -22,66 +21,36 @@ body { | |||
22 | /* Customize the nav-justified links to be fill the entire space of the .navbar */ | 21 | /* Customize the nav-justified links to be fill the entire space of the .navbar */ |
23 | 22 | ||
24 | .nav-justified { | 23 | .nav-justified { |
25 | background-color: #eee; | 24 | background: #fff; |
26 | border: 1px solid #ccc; | ||
27 | border-radius: 5px; | ||
28 | /* position:fixed; | ||
29 | z-index:99; | ||
30 | top:20; | ||
31 | right:0; | ||
32 | left:0;*/ | ||
33 | } | 25 | } |
34 | .nav-justified > li > a { | 26 | .nav-justified > li > a { |
35 | padding-top: 15px; | 27 | border-radius: 20px; |
36 | padding-bottom: 15px; | 28 | padding-top: 5px; |
37 | margin-bottom: 0; | 29 | padding-bottom: 5px; |
38 | font-weight: bold; | 30 | margin-bottom: 5px; |
39 | color: #777; | 31 | margin-left: 10px; |
32 | margin-top: 5px; | ||
33 | font-weight: normal; | ||
34 | color: #000; | ||
40 | text-align: center; | 35 | text-align: center; |
41 | background-color: #e5e5e5; /* Old browsers */ | 36 | font-size: large; |
42 | background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5)); | ||
43 | background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); | ||
44 | background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); | ||
45 | background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #f5f5f5), to(#e5e5e5)); | ||
46 | background-image: linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); | ||
47 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ | ||
48 | background-repeat: repeat-x; /* Repeat the gradient */ | ||
49 | border-bottom: 1px solid #d5d5d5; | ||
50 | } | 37 | } |
38 | |||
51 | .nav-justified > .active > a, | 39 | .nav-justified > .active > a, |
52 | .nav-justified > .active > a:hover, | 40 | .nav-justified > .active > a:hover, |
53 | .nav-justified > .active > a:focus { | 41 | .nav-justified > .active > a:focus { |
54 | background-color: #ddd; | 42 | background-color: #ddd; |
55 | background-image: none; | ||
56 | -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15); | ||
57 | box-shadow: inset 0 3px 7px rgba(0,0,0,.15); | ||
58 | } | ||
59 | .nav-justified > li:first-child > a { | ||
60 | border-radius: 5px 5px 0 0; | ||
61 | } | 43 | } |
62 | .nav-justified > li:last-child > a { | 44 | |
63 | border-bottom: 0; | 45 | .nav-justified > li > a:hover { |
64 | border-radius: 0 0 5px 5px; | 46 | transition: background-color 0.3s; |
65 | } | 47 | } |
66 | 48 | ||
67 | @media (min-width: 768px) { | 49 | .nav-justified > .m_demo > a { |
68 | .nav-justified { | 50 | font-weight: bold; |
69 | max-height: 52px; | ||
70 | } | ||
71 | .nav-justified > li > a { | ||
72 | border-right: 1px solid #d5d5d5; | ||
73 | border-left: 1px solid #fff; | ||
74 | } | ||
75 | .nav-justified > li:first-child > a { | ||
76 | border-left: 0; | ||
77 | border-radius: 5px 0 0 5px; | ||
78 | } | ||
79 | .nav-justified > li:last-child > a { | ||
80 | border-right: 0; | ||
81 | border-radius: 0 5px 5px 0; | ||
82 | } | ||
83 | } | 51 | } |
84 | 52 | ||
53 | |||
85 | /* Responsive: Portrait tablets and up */ | 54 | /* Responsive: Portrait tablets and up */ |
86 | @media screen and (min-width: 768px) { | 55 | @media screen and (min-width: 768px) { |
87 | /* Remove the padding we set earlier */ | 56 | /* Remove the padding we set earlier */ |
@@ -92,3 +61,20 @@ body { | |||
92 | padding-left: 0; | 61 | padding-left: 0; |
93 | } | 62 | } |
94 | } | 63 | } |
64 | |||
65 | .navbar-taler { | ||
66 | background-color: #fff; | ||
67 | border-bottom: 2px solid #eee; | ||
68 | } | ||
69 | |||
70 | .navbar-taler .navbar-toggle { | ||
71 | border-color: #ddd; | ||
72 | } | ||
73 | .navbar-taler .navbar-toggle:hover, | ||
74 | .navbar-taler .navbar-toggle:focus { | ||
75 | background-color: #ddd; | ||
76 | } | ||
77 | .navbar-taler .navbar-toggle .icon-bar { | ||
78 | background-color: #888; | ||
79 | } | ||
80 | |||