menu margin fix

This commit is contained in:
nikolark committed 2013-06-17 11:11:15 +02:00
1 parent fc5281af2d
commit 3e858baf8f
2 files changed
+69 -62

No files matched your search

+68 -61
View File
@@ -2,7 +2,9 @@
html, body { font-size: 100%; }
body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Open Sans", Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; }
body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Open Sans", Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; }
a:hover { cursor: pointer; }
a:focus { outline: none; }
@@ -63,6 +65,7 @@ select { width: 100%; }
.small-10 { position: relative; width: 83.33333%; }
.small-11 { position: relative; width: 91.66667%; }
.small-12 { position: relative; width: 100%; }
.small-offset-0 { position: relative; margin-left: 0%; }
.small-offset-1 { position: relative; margin-left: 8.33333%; }
.small-offset-2 { position: relative; margin-left: 16.66667%; }
.small-offset-3 { position: relative; margin-left: 25%; }
@@ -77,7 +80,7 @@ select { width: 100%; }
[class*="column"] + [class*="column"].end { float: left; }
.column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 48em) { .large-1 { position: relative; width: 8.33333%; }
@media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; }
.large-2 { position: relative; width: 16.66667%; }
.large-3 { position: relative; width: 25%; }
.large-4 { position: relative; width: 33.33333%; }
@@ -89,6 +92,7 @@ select { width: 100%; }
.large-10 { position: relative; width: 83.33333%; }
.large-11 { position: relative; width: 91.66667%; }
.large-12 { position: relative; width: 100%; }
.row .large-offset-0 { position: relative; margin-left: 0%; }
.row .large-offset-1 { position: relative; margin-left: 8.33333%; }
.row .large-offset-2 { position: relative; margin-left: 16.66667%; }
.row .large-offset-3 { position: relative; margin-left: 25%; }
@@ -122,73 +126,52 @@ select { width: 100%; }
.pull-10 { position: relative; right: 83.33333%; left: auto; }
.push-11 { position: relative; left: 91.66667%; right: auto; }
.pull-11 { position: relative; right: 91.66667%; left: auto; }
.small-push-1 { left: inherit; }
.small-pull-1 { right: inherit; }
.small-push-2 { left: inherit; }
.small-pull-2 { right: inherit; }
.small-push-3 { left: inherit; }
.small-pull-3 { right: inherit; }
.small-push-4 { left: inherit; }
.small-pull-4 { right: inherit; }
.small-push-5 { left: inherit; }
.small-pull-5 { right: inherit; }
.small-push-6 { left: inherit; }
.small-pull-6 { right: inherit; }
.small-push-7 { left: inherit; }
.small-pull-7 { right: inherit; }
.small-push-8 { left: inherit; }
.small-pull-8 { right: inherit; }
.small-push-9 { left: inherit; }
.small-pull-9 { right: inherit; }
.small-push-10 { left: inherit; }
.small-pull-10 { right: inherit; }
.small-push-11 { left: inherit; }
.small-pull-11 { right: inherit; }
.column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
.column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: none; } }
.column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; }
.column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } }
/* Foundation Block Grids for below small breakpoint */
@media only screen { [class*="block-grid-"] { display: block; padding: 0; margin: 0 -10px; *zoom: 1; }
@media only screen { [class*="block-grid-"] { display: block; padding: 0; margin: -0.625em; *zoom: 1; }
[class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; }
[class*="block-grid-"]:after { clear: both; }
[class*="block-grid-"] > li { display: inline; height: auto; float: left; padding: 0 10px 10px; }
.small-block-grid-1 > li { width: 100%; padding: 0 10px 10px; }
[class*="block-grid-"] > li { display: inline; height: auto; float: left; padding: 0 0.625em 1.25em; }
.small-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; }
.small-block-grid-1 > li:nth-of-type(n) { clear: none; }
.small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
.small-block-grid-2 > li { width: 50%; padding: 0 10px 10px; }
.small-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; }
.small-block-grid-2 > li:nth-of-type(n) { clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
.small-block-grid-3 > li { width: 33.33333%; padding: 0 10px 10px; }
.small-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; }
.small-block-grid-3 > li:nth-of-type(n) { clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
.small-block-grid-4 > li { width: 25%; padding: 0 10px 10px; }
.small-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; }
.small-block-grid-4 > li:nth-of-type(n) { clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
.small-block-grid-5 > li { width: 20%; padding: 0 10px 10px; }
.small-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; }
.small-block-grid-5 > li:nth-of-type(n) { clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
.small-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px; }
.small-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; }
.small-block-grid-6 > li:nth-of-type(n) { clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
.small-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px; }
.small-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; }
.small-block-grid-7 > li:nth-of-type(n) { clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
.small-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px; }
.small-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; }
.small-block-grid-8 > li:nth-of-type(n) { clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
.small-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px; }
.small-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; }
.small-block-grid-9 > li:nth-of-type(n) { clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
.small-block-grid-10 > li { width: 10%; padding: 0 10px 10px; }
.small-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; }
.small-block-grid-10 > li:nth-of-type(n) { clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
.small-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px; }
.small-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; }
.small-block-grid-11 > li:nth-of-type(n) { clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
.small-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px; }
.small-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; }
.small-block-grid-12 > li:nth-of-type(n) { clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 48em) { /* Remove small grid clearing */
@media only screen and (min-width: 768px) { /* Remove small grid clearing */
.small-block-grid-1 > li:nth-of-type(1n+1) { clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) { clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) { clear: none; }
@@ -201,40 +184,40 @@ select { width: 100%; }
.small-block-grid-10 > li:nth-of-type(10n+1) { clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) { clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) { clear: none; }
.large-block-grid-1 > li { width: 100%; padding: 0 10px 10px; }
.large-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; }
.large-block-grid-1 > li:nth-of-type(n) { clear: none; }
.large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
.large-block-grid-2 > li { width: 50%; padding: 0 10px 10px; }
.large-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; }
.large-block-grid-2 > li:nth-of-type(n) { clear: none; }
.large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
.large-block-grid-3 > li { width: 33.33333%; padding: 0 10px 10px; }
.large-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; }
.large-block-grid-3 > li:nth-of-type(n) { clear: none; }
.large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
.large-block-grid-4 > li { width: 25%; padding: 0 10px 10px; }
.large-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; }
.large-block-grid-4 > li:nth-of-type(n) { clear: none; }
.large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
.large-block-grid-5 > li { width: 20%; padding: 0 10px 10px; }
.large-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; }
.large-block-grid-5 > li:nth-of-type(n) { clear: none; }
.large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
.large-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px; }
.large-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; }
.large-block-grid-6 > li:nth-of-type(n) { clear: none; }
.large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
.large-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px; }
.large-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; }
.large-block-grid-7 > li:nth-of-type(n) { clear: none; }
.large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
.large-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px; }
.large-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; }
.large-block-grid-8 > li:nth-of-type(n) { clear: none; }
.large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
.large-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px; }
.large-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; }
.large-block-grid-9 > li:nth-of-type(n) { clear: none; }
.large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
.large-block-grid-10 > li { width: 10%; padding: 0 10px 10px; }
.large-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; }
.large-block-grid-10 > li:nth-of-type(n) { clear: none; }
.large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
.large-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px; }
.large-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; }
.large-block-grid-11 > li:nth-of-type(n) { clear: none; }
.large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
.large-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px; }
.large-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; }
.large-block-grid-12 > li:nth-of-type(n) { clear: none; }
.large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
p.lead { font-size: 1.21875em; line-height: 1.6; }
@@ -283,6 +266,8 @@ code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight
/* Lists */
ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; }
ul, ol { margin-left: 1.25em; }
/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
@@ -319,7 +304,7 @@ blockquote, blockquote p { line-height: 1.6; color: #ffcd99; }
.vevent .summary { font-weight: bold; }
.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; }
@media only screen and (min-width: 48em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
@media only screen and (min-width: 768px) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
h1 { font-size: 2.75em; }
h2 { font-size: 2.3125em; }
h3 { font-size: 1.6875em; }
@@ -388,7 +373,7 @@ button.large, .button.large { padding-top: 1.03125em; padding-bottom: 1.03125em;
button:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; }
button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } }
@media only screen and (min-width: 48em) { button, .button { display: inline-block; } }
@media only screen and (min-width: 768px) { button, .button { display: inline-block; } }
/* Standard Forms */
form { margin: 0 0 1em; }
@@ -494,12 +479,34 @@ fieldset legend { font-weight: bold; background: white; padding: 0 0.1875em; mar
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate { from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); } }
@-o-keyframes rotate { from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); } }
@keyframes rotate { from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); } }
/* Orbit Graceful Loading */
.slideshow-wrapper { position: relative; }
.slideshow-wrapper ul { list-style-type: none; margin: 0; }
.slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption { display: none; }
.slideshow-wrapper ul li:first-child { display: block; }
.slideshow-wrapper .orbit-container { background-color: transparent; }
.slideshow-wrapper .orbit-container li { display: block; }
.slideshow-wrapper .orbit-container li .orbit-caption { display: block; }
.preloader { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border: solid 3px; border-color: #555 #fff; -webkit-border-radius: 1000px; border-radius: 1000px; -webkit-animation-name: rotate; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 1.5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -o-animation-name: rotate; -o-animation-duration: 1.5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: rotate; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; }
.orbit-container { overflow: hidden; width: 100%; position: relative; background: whitesmoke; }
.orbit-container .orbit-slides-container { list-style: none; margin: 0; padding: 0; position: relative; }
.orbit-container .orbit-slides-container img { display: block; }
.orbit-container .orbit-slides-container > * { position: relative; float: left; height: 100%; }
.orbit-container .orbit-slides-container > * .orbit-caption { position: absolute; bottom: 0; background-color: black; background-color: rgba(0, 0, 0, 0.6); color: #fff; width: 100%; padding: 10px 14px; font-size: 0.875em; }
.orbit-container .orbit-slides-container > * .orbit-caption * { color: white; }
.orbit-container .orbit-slides-container > * { position: relative; float: left; height: auto; }
.orbit-container .orbit-slides-container > * .orbit-caption { position: absolute; bottom: 0; background-color: black; background-color: rgba(0, 0, 0, 0.6); color: white; width: 100%; padding: 10px 14px; font-size: 0.875em; }
.orbit-container .orbit-slide-number { position: absolute; top: 10px; left: 10px; font-size: 12px; color: white; background: rgba(0, 0, 0, 0); }
.orbit-container .orbit-slide-number span { font-weight: 700; padding: 0.3125em; }
.orbit-container .orbit-timer { position: absolute; top: 10px; right: 10px; height: 6px; width: 100px; }
@@ -524,17 +531,17 @@ fieldset legend { font-weight: bold; background: white; padding: 0 0.1875em; mar
.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: none; }
.touch .orbit-bullets { display: none; }
@media only screen and (min-width: 48em) { .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; }
@media only screen and (min-width: 768px) { .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; }
.touch .orbit-bullets { display: block; } }
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: black; background: rgba(0, 0, 0, 0.45); z-index: 98; display: none; top: 0; left: 0; }
.reveal-modal { visibility: hidden; display: none; position: absolute; left: 50%; z-index: 99; height: auto; background-color: #fff; margin-left: -40%; width: 80%; background-color: white; padding: 1.25em; border: solid 1px #666666; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); top: 50px; }
.reveal-modal { visibility: hidden; display: none; position: absolute; left: 50%; z-index: 99; height: auto; margin-left: -40%; width: 80%; background-color: white; padding: 1.25em; border: solid 1px #666666; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); top: 50px; }
.reveal-modal .column, .reveal-modal .columns { min-width: 0; }
.reveal-modal > :first-child { margin-top: 0; }
.reveal-modal > :last-child { margin-bottom: 0; }
.reveal-modal .close-reveal-modal { font-size: 1.375em; line-height: 1; position: absolute; top: 0.5em; right: 0.6875em; color: #aaaaaa; font-weight: bold; cursor: pointer; }
@media only screen and (min-width: 48em) { .reveal-modal { padding: 1.875em; top: 6.25em; }
@media only screen and (min-width: 768px) { .reveal-modal { padding: 1.875em; top: 6.25em; }
.reveal-modal.tiny { margin-left: -15%; width: 30%; }
.reveal-modal.small { margin-left: -20%; width: 40%; }
.reveal-modal.medium { margin-left: -30%; width: 60%; }
@@ -647,7 +654,7 @@ header.header .logo img { position: relative; bottom: -15px; left: 10px; }
header.header .logo img.multiply { position: absolute; left: 373px; bottom: -12px; z-index: 1; }
header.header .nav-menu { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; margin: 0 auto; }
header.header .nav-menu li { list-style-image: none; list-style-type: none; margin-left: 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; white-space: nowrap; }
header.header .nav-menu a { background-color: #007aff; font-size: 1.5em; font-weight: 600; display: inline-block; padding: .7em .795em; color: white; text-transform: uppercase; position: relative; }
header.header .nav-menu a { background-color: #007aff; font-size: 1.5em; font-weight: 600; display: inline-block; padding: .7em .785em; color: white; text-transform: uppercase; position: relative; }
header.header .nav-menu a:hover { z-index: 2; background-color: #ff8200; }
.highlight a { height: 280px; line-height: 1.1; font-size: 2.5em; font-weight: bold; text-transform: uppercase; text-align: center; display: block; }
+1 -1
View File
@@ -269,7 +269,7 @@ header.header {
font-size: 1.5em;
font-weight: 600;
display: inline-block;
padding: .7em .795em;
padding: .7em .785em;
color: white;
text-transform: uppercase;
position: relative;