From d109004bb0d328828b1d0fbf241644e4269a326c Mon Sep 17 00:00:00 2001 From: Steve Sutton Date: Mon, 16 Feb 2015 11:09:27 -0500 Subject: [PATCH] Set margins on contact form and the footer Set footer info to same margin as the footer address. Set left and right margin to the contact id to auto. --- css/app.css | 396 ++++++++++++++++++++----------------------- css/contactform.css | 2 + scss/_structure.scss | 2 +- 3 files changed, 186 insertions(+), 214 deletions(-) diff --git a/css/app.css b/css/app.css index fd6d98c..701e022 100644 --- a/css/app.css +++ b/css/app.css @@ -1,5 +1,5 @@ meta.foundation-version { - font-family: "/5.5.1/"; } + font-family: "/5.5.0/"; } meta.foundation-mq-small { font-family: "/only screen/"; @@ -89,7 +89,8 @@ img { clear: both; } .hide { - display: none; } + display: none !important; + visibility: hidden; } .invisible { visibility: hidden; } @@ -1155,8 +1156,8 @@ select { color: #FFFFFF; } .alert-box .close { font-size: 1.375rem; - padding: 0 6px 4px; - line-height: 0.9; + padding: 9px 6px 4px; + line-height: 0; position: absolute; top: 50%; margin-top: -0.6875rem; @@ -1566,7 +1567,6 @@ button, .button { text-decoration: none; text-align: center; -webkit-appearance: none; - -moz-appearance: none; border-radius: 0; display: inline-block; padding-top: 1rem; @@ -1751,83 +1751,6 @@ button::-moz-focus-inner { display: table; } .button-group:after { clear: both; } - .button-group.even-2 li { - margin: 0 -2px; - display: inline-block; - width: 50%; } - .button-group.even-2 li > button, .button-group.even-2 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { - border-left: 0; } - .button-group.even-2 li button, .button-group.even-2 li .button { - width: 100%; } - .button-group.even-3 li { - margin: 0 -2px; - display: inline-block; - width: 33.3333333333%; } - .button-group.even-3 li > button, .button-group.even-3 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { - border-left: 0; } - .button-group.even-3 li button, .button-group.even-3 li .button { - width: 100%; } - .button-group.even-4 li { - margin: 0 -2px; - display: inline-block; - width: 25%; } - .button-group.even-4 li > button, .button-group.even-4 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { - border-left: 0; } - .button-group.even-4 li button, .button-group.even-4 li .button { - width: 100%; } - .button-group.even-5 li { - margin: 0 -2px; - display: inline-block; - width: 20%; } - .button-group.even-5 li > button, .button-group.even-5 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { - border-left: 0; } - .button-group.even-5 li button, .button-group.even-5 li .button { - width: 100%; } - .button-group.even-6 li { - margin: 0 -2px; - display: inline-block; - width: 16.6666666667%; } - .button-group.even-6 li > button, .button-group.even-6 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { - border-left: 0; } - .button-group.even-6 li button, .button-group.even-6 li .button { - width: 100%; } - .button-group.even-7 li { - margin: 0 -2px; - display: inline-block; - width: 14.2857142857%; } - .button-group.even-7 li > button, .button-group.even-7 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { - border-left: 0; } - .button-group.even-7 li button, .button-group.even-7 li .button { - width: 100%; } - .button-group.even-8 li { - margin: 0 -2px; - display: inline-block; - width: 12.5%; } - .button-group.even-8 li > button, .button-group.even-8 li .button { - border-left: 1px solid; - border-color: rgba(255, 255, 255, 0.5); } - .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { - border-left: 0; } - .button-group.even-8 li button, .button-group.even-8 li .button { - width: 100%; } .button-group > li { margin: 0 -2px; display: inline-block; } @@ -2098,6 +2021,83 @@ button::-moz-focus-inner { -webkit-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } } + .button-group.even-2 li { + margin: 0 -2px; + display: inline-block; + width: 50%; } + .button-group.even-2 li > button, .button-group.even-2 li .button { + border-left: 1px solid; + border-color: rgba(255, 255, 255, 0.5); } + .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { + border-left: 0; } + .button-group.even-2 li button, .button-group.even-2 li .button { + width: 100%; } + .button-group.even-3 li { + margin: 0 -2px; + display: inline-block; + width: 33.3333333333%; } + .button-group.even-3 li > button, .button-group.even-3 li .button { + border-left: 1px solid; + border-color: rgba(255, 255, 255, 0.5); } + .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { + border-left: 0; } + .button-group.even-3 li button, .button-group.even-3 li .button { + width: 100%; } + .button-group.even-4 li { + margin: 0 -2px; + display: inline-block; + width: 25%; } + .button-group.even-4 li > button, .button-group.even-4 li .button { + border-left: 1px solid; + border-color: rgba(255, 255, 255, 0.5); } + .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { + border-left: 0; } + .button-group.even-4 li button, .button-group.even-4 li .button { + width: 100%; } + .button-group.even-5 li { + margin: 0 -2px; + display: inline-block; + width: 20%; } + .button-group.even-5 li > button, .button-group.even-5 li .button { + border-left: 1px solid; + border-color: rgba(255, 255, 255, 0.5); } + .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { + border-left: 0; } + .button-group.even-5 li button, .button-group.even-5 li .button { + width: 100%; } + .button-group.even-6 li { + margin: 0 -2px; + display: inline-block; + width: 16.6666666667%; } + .button-group.even-6 li > button, .button-group.even-6 li .button { + border-left: 1px solid; + border-color: rgba(255, 255, 255, 0.5); } + .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { + border-left: 0; } + .button-group.even-6 li button, .button-group.even-6 li .button { + width: 100%; } + .button-group.even-7 li { + margin: 0 -2px; + display: inline-block; + width: 14.2857142857%; } + .button-group.even-7 li > button, .button-group.even-7 li .button { + border-left: 1px solid; + border-color: rgba(255, 255, 255, 0.5); } + .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { + border-left: 0; } + .button-group.even-7 li button, .button-group.even-7 li .button { + width: 100%; } + .button-group.even-8 li { + margin: 0 -2px; + display: inline-block; + width: 12.5%; } + .button-group.even-8 li > button, .button-group.even-8 li .button { + border-left: 1px solid; + border-color: rgba(255, 255, 255, 0.5); } + .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { + border-left: 0; } + .button-group.even-8 li button, .button-group.even-8 li .button { + width: 100%; } .button-bar:before, .button-bar:after { content: " "; @@ -2630,7 +2630,7 @@ label { padding-bottom: 0; border-style: solid; border-width: 1px; - overflow: visible; + overflow: hidden; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem; } @@ -2727,7 +2727,7 @@ input[type="text"], input[type="password"], input[type="date"], input[type="date input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: 3px; } -form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button { +form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; @@ -2739,7 +2739,7 @@ form .row .prefix-radius.row.collapse .prefix { -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } -form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button { +form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; @@ -2751,7 +2751,7 @@ form .row .postfix-radius.row.collapse .postfix { -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } -form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button { +form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; @@ -2763,7 +2763,7 @@ form .row .prefix-round.row.collapse .prefix { -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } -form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button { +form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; @@ -2816,8 +2816,6 @@ select { select:disabled { background-color: #DDDDDD; cursor: default; } - select[multiple] { - height: auto; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { @@ -2988,13 +2986,6 @@ label.error { color: #FFFFFF; } .icon-bar > a.active i { color: #FFFFFF; } - .icon-bar .item.disabled { - opacity: 0.7; - cursor: not-allowed; - pointer-events: none; } - .icon-bar .item.disabled > * { - opacity: 0.7; - cursor: not-allowed; } .icon-bar.two-up .item { width: 50%; } @@ -3698,17 +3689,20 @@ ul.pagination { border-radius: 999px; } .range-slider { + display: block; position: relative; + width: 100%; + height: 1rem; border: 1px solid #DDDDDD; margin: 1.25rem 0; -ms-touch-action: none; touch-action: none; - display: block; - width: 100%; - height: 1rem; background: #FAFAFA; } .range-slider.vertical-range { + display: block; position: relative; + width: 100%; + height: 1rem; border: 1px solid #DDDDDD; margin: 1.25rem 0; -ms-touch-action: none; @@ -3790,14 +3784,15 @@ ul.pagination { display: none; position: absolute; z-index: 1005; - width: 100%; + width: 100vw; top: 0; border-radius: 3px; left: 0; background-color: #FFFFFF; - padding: 1.875rem; + padding: 1.25rem; border: solid 1px #666666; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } + box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); + padding: 1.875rem; } @media only screen and (max-width: 40em) { .reveal-modal { min-height: 100vh; } } @@ -3868,13 +3863,11 @@ ul.pagination { margin-left: 0 !important; } @media only screen and (min-width:40.063em) { .reveal-modal.full { - width: 100%; + width: 100vw; max-width: 61.875rem; left: 0; right: 0; margin: 0 auto; } } - .reveal-modal.toback { - z-index: 1003; } .reveal-modal .close-reveal-modal { font-size: 2.5rem; line-height: 1; @@ -4005,24 +3998,26 @@ ul.pagination { border-style: none; } .split.button.no-pip span:after { border-style: none; } - .split.button.no-pip span > i { - top: 50%; - display: block; - position: absolute; - left: 50%; - margin-left: -0.28889em; - margin-top: -0.48889em; } + .split.button.no-pip span { + padding-top: 0.84375rem; } + .split.button.no-pip.tiny span { + padding-top: 0.75rem; } + .split.button.no-pip.small span { + padding-top: 0.65625rem; } + .split.button.no-pip.large span { + padding-top: 1rem; } .sub-nav { display: block; width: auto; overflow: hidden; - margin-bottom: -0.25rem 0 1.125rem; + margin: -0.25rem 0 1.125rem; padding-top: 0.25rem; } .sub-nav dt { text-transform: uppercase; } .sub-nav dt, .sub-nav dd, .sub-nav li { float: left; + display: inline; margin-left: 1rem; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; @@ -4193,6 +4188,7 @@ table { list-style: none; float: left; } .tabs dd > a, .tabs .tab-title > a { + outline: none; display: block; background-color: #EFEFEF; color: #222222; @@ -4201,8 +4197,6 @@ table { font-size: 1rem; } .tabs dd > a:hover, .tabs .tab-title > a:hover { background-color: #e1e1e1; } - .tabs dd > a:focus, .tabs .tab-title > a:focus { - outline: none; } .tabs dd.active a, .tabs .tab-title.active a { background-color: #FFFFFF; color: #222222; } @@ -4687,7 +4681,7 @@ meta.foundation-mq-topbar { display: none; } .top-bar .title-area { float: left; } - .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name h5 a, .top-bar .name h6 a { + .top-bar .name h1 a { width: auto; } .top-bar input, .top-bar .button, .top-bar button { font-size: 0.875rem; @@ -5224,6 +5218,72 @@ blockquote, blockquote p { font-size: 1rem; } } +/* + * Print styles. + * + * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ + * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) + */ +.print-only { + display: none !important; } + +@media print { + * { + background: transparent !important; + color: #000000 !important; + /* Black prints faster: h5bp.com/s */ + box-shadow: none !important; + text-shadow: none !important; } + + a, a:visited { + text-decoration: underline; } + + a[href]:after { + content: " (" attr(href) ")"; } + + abbr[title]:after { + content: " (" attr(title) ")"; } + + .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { + content: ""; } + + pre, blockquote { + border: 1px solid #999999; + page-break-inside: avoid; } + + thead { + display: table-header-group; + /* h5bp.com/t */ } + + tr, img { + page-break-inside: avoid; } + + img { + max-width: 100% !important; } + + @page { + margin: 0.5cm; } + + p, h2, h3 { + orphans: 3; + widows: 3; } + + h2, h3 { + page-break-after: avoid; } + + .hide-on-print { + display: none !important; } + + .print-only { + display: block !important; } + + .hide-for-print { + display: none !important; } + + .show-for-print { + display: inherit !important; } + } + .off-canvas-wrap { -webkit-backface-visibility: hidden; position: relative; @@ -5390,7 +5450,7 @@ ul.off-canvas-list { display: block; padding: 0.6666666667rem; color: rgba(255, 255, 255, 0.7); - border-bottom: 1px solid #0a2239; + border-bottom: 1px solid #0b2239; transition: background 300ms ease; } ul.off-canvas-list li a:hover { background: #0a2035; } @@ -5680,7 +5740,7 @@ ul.off-canvas-list { display: table-row-group !important; } tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row; } + display: table-row !important; } th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } @@ -5718,7 +5778,7 @@ ul.off-canvas-list { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row; } + display: table-row !important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } @@ -5756,7 +5816,7 @@ ul.off-canvas-list { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row; } + display: table-row !important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } @@ -5794,7 +5854,7 @@ ul.off-canvas-list { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row; } + display: table-row !important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } @@ -5832,7 +5892,7 @@ ul.off-canvas-list { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { - display: table-row; } + display: table-row !important; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } @@ -5959,96 +6019,6 @@ th.hide-for-touch { .touch th.show-for-touch { display: table-cell !important; } -/* - * Print styles. - * - * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ - * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) - */ -.print-only { - display: none !important; } - -@media print { - * { - background: transparent !important; - color: #000000 !important; - /* Black prints faster: h5bp.com/s */ - box-shadow: none !important; - text-shadow: none !important; } - - .show-for-print { - display: block; } - - .hide-for-print { - display: none; } - - table.show-for-print { - display: table !important; } - - thead.show-for-print { - display: table-header-group !important; } - - tbody.show-for-print { - display: table-row-group !important; } - - tr.show-for-print { - display: table-row !important; } - - td.show-for-print { - display: table-cell !important; } - - th.show-for-print { - display: table-cell !important; } - - a, a:visited { - text-decoration: underline; } - - a[href]:after { - content: " (" attr(href) ")"; } - - abbr[title]:after { - content: " (" attr(title) ")"; } - - .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { - content: ""; } - - pre, blockquote { - border: 1px solid #999999; - page-break-inside: avoid; } - - thead { - display: table-header-group; - /* h5bp.com/t */ } - - tr, img { - page-break-inside: avoid; } - - img { - max-width: 100% !important; } - - @page { - margin: 0.5cm; } - - p, h2, h3 { - orphans: 3; - widows: 3; } - - h2, h3 { - page-break-after: avoid; } - - .hide-on-print { - display: none !important; } - - .print-only { - display: block !important; } - - .hide-for-print { - display: none !important; } - - .show-for-print { - display: inherit !important; } - } - /* Print visibility */ @media print { .show-for-print { @@ -6935,7 +6905,7 @@ ul#actionlinks a#lodging_specials:hover { float: left; /*width: 62%;*/ overflow: hidden; - margin: 0 0 0 30px; + margin: 0 0 0 12px; padding: 0 0 5px 0; text-align: left; color: #0F2F4D; } diff --git a/css/contactform.css b/css/contactform.css index 2750707..d1a90a5 100644 --- a/css/contactform.css +++ b/css/contactform.css @@ -115,5 +115,7 @@ table tr.req td.instructioncell { } #contact { max-width: 580px; + margin-left: auto; + margin-right: auto; } /* End Additions for the foundation zurb */ diff --git a/scss/_structure.scss b/scss/_structure.scss index 2a0bbfc..926433f 100755 --- a/scss/_structure.scss +++ b/scss/_structure.scss @@ -829,7 +829,7 @@ ul#actionlinks a#lodging_specials:hover { float: left; /*width: 62%;*/ overflow: hidden; - margin: 0 0 0 30px; + margin: 0 0 0 12px; padding: 0 0 5px 0; text-align: left; color: #0F2F4D; -- 2.17.1