From: Ian Weller Date: Fri, 13 Feb 2015 15:49:38 +0000 (-0500) Subject: action links presume complete X-Git-Tag: v1.0.0^2~35 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=c85be339a9eeb4f1cb78c7a56057dde4e48c9a73;p=web%2FTroutCreek.git action links presume complete --- diff --git a/.htaccess b/.htaccess index b90812f..56be768 100644 --- a/.htaccess +++ b/.htaccess @@ -14,7 +14,7 @@ Deny from all RewriteEngine On AddDefaultCharset utf-8 -RewriteBase /www.troutcreek.com/ +RewriteBase /~ian/www.troutcreek.com/ # Redirect non-www to www RewriteCond %{ENV:GLM_HOST_ID} PRODUCTION diff --git a/assets/btn_blue-arrow.jpg b/assets/btn_blue-arrow.jpg index 1c75790..424cf6c 100644 Binary files a/assets/btn_blue-arrow.jpg and b/assets/btn_blue-arrow.jpg differ diff --git a/assets/btn_blue-dub-arrow.jpg b/assets/btn_blue-dub-arrow.jpg new file mode 100644 index 0000000..6ab4d55 Binary files /dev/null and b/assets/btn_blue-dub-arrow.jpg differ diff --git a/assets/btn_blue-extend.jpg b/assets/btn_blue-extend.jpg new file mode 100644 index 0000000..82b9ae1 Binary files /dev/null and b/assets/btn_blue-extend.jpg differ diff --git a/assets/btn_blue.jpg b/assets/btn_blue.jpg index ed5f1d3..afc5502 100755 Binary files a/assets/btn_blue.jpg and b/assets/btn_blue.jpg differ diff --git a/assets/btn_blue_hov-arrow.jpg b/assets/btn_blue_hov-arrow.jpg index 611b641..98d3c5c 100644 Binary files a/assets/btn_blue_hov-arrow.jpg and b/assets/btn_blue_hov-arrow.jpg differ diff --git a/assets/btn_green-dub-arrow.jpg b/assets/btn_green-dub-arrow.jpg new file mode 100644 index 0000000..0fe1c49 Binary files /dev/null and b/assets/btn_green-dub-arrow.jpg differ diff --git a/assets/btn_green-extend.jpg b/assets/btn_green-extend.jpg new file mode 100644 index 0000000..51729c0 Binary files /dev/null and b/assets/btn_green-extend.jpg differ diff --git a/assets/btn_green.jpg b/assets/btn_green.jpg index 972734f..56e632f 100755 Binary files a/assets/btn_green.jpg and b/assets/btn_green.jpg differ diff --git a/assets/btn_yellow-dub-arrow.jpg b/assets/btn_yellow-dub-arrow.jpg new file mode 100644 index 0000000..424fd64 Binary files /dev/null and b/assets/btn_yellow-dub-arrow.jpg differ diff --git a/assets/btn_yellow-extend.jpg b/assets/btn_yellow-extend.jpg new file mode 100644 index 0000000..64c1adf Binary files /dev/null and b/assets/btn_yellow-extend.jpg differ diff --git a/assets/btn_yellow.jpg b/assets/btn_yellow.jpg index 9d57f47..fc81aeb 100755 Binary files a/assets/btn_yellow.jpg and b/assets/btn_yellow.jpg differ diff --git a/css/app.css b/css/app.css index 989a1e9..2efba8b 100644 --- a/css/app.css +++ b/css/app.css @@ -1,5 +1,5 @@ meta.foundation-version { - font-family: "/5.5.0/"; } + font-family: "/5.5.1/"; } meta.foundation-mq-small { font-family: "/only screen/"; @@ -89,8 +89,7 @@ img { clear: both; } .hide { - display: none !important; - visibility: hidden; } + display: none; } .invisible { visibility: hidden; } @@ -1156,8 +1155,8 @@ select { color: #FFFFFF; } .alert-box .close { font-size: 1.375rem; - padding: 9px 6px 4px; - line-height: 0; + padding: 0 6px 4px; + line-height: 0.9; position: absolute; top: 50%; margin-top: -0.6875rem; @@ -1567,6 +1566,7 @@ button, .button { text-decoration: none; text-align: center; -webkit-appearance: none; + -moz-appearance: none; border-radius: 0; display: inline-block; padding-top: 1rem; @@ -1751,6 +1751,83 @@ 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; } @@ -2021,83 +2098,6 @@ 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: hidden; + overflow: visible; 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 input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button { 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 input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button { 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 input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button { 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 input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; @@ -2816,6 +2816,8 @@ 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 { @@ -2986,6 +2988,13 @@ 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%; } @@ -3689,20 +3698,17 @@ 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; @@ -3784,15 +3790,14 @@ ul.pagination { display: none; position: absolute; z-index: 1005; - width: 100vw; + width: 100%; top: 0; border-radius: 3px; left: 0; background-color: #FFFFFF; - padding: 1.25rem; + padding: 1.875rem; border: solid 1px #666666; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); - padding: 1.875rem; } + box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } @media only screen and (max-width: 40em) { .reveal-modal { min-height: 100vh; } } @@ -3863,11 +3868,13 @@ ul.pagination { margin-left: 0 !important; } @media only screen and (min-width:40.063em) { .reveal-modal.full { - width: 100vw; + width: 100%; 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; @@ -3998,26 +4005,24 @@ ul.pagination { border-style: none; } .split.button.no-pip span:after { border-style: none; } - .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; } + .split.button.no-pip span > i { + top: 50%; + display: block; + position: absolute; + left: 50%; + margin-left: -0.28889em; + margin-top: -0.48889em; } .sub-nav { display: block; width: auto; overflow: hidden; - margin: -0.25rem 0 1.125rem; + margin-bottom: -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; @@ -4188,7 +4193,6 @@ table { list-style: none; float: left; } .tabs dd > a, .tabs .tab-title > a { - outline: none; display: block; background-color: #EFEFEF; color: #222222; @@ -4197,6 +4201,8 @@ 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; } @@ -4681,7 +4687,7 @@ meta.foundation-mq-topbar { display: none; } .top-bar .title-area { float: left; } - .top-bar .name h1 a { + .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 { width: auto; } .top-bar input, .top-bar .button, .top-bar button { font-size: 0.875rem; @@ -5218,72 +5224,6 @@ 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; @@ -5450,7 +5390,7 @@ ul.off-canvas-list { display: block; padding: 0.6666666667rem; color: rgba(255, 255, 255, 0.7); - border-bottom: 1px solid #0b2239; + border-bottom: 1px solid #0a2239; transition: background 300ms ease; } ul.off-canvas-list li a:hover { background: #0a2035; } @@ -5740,7 +5680,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 !important; } + display: table-row; } 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; } @@ -5778,7 +5718,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 !important; } + display: table-row; } 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; } @@ -5816,7 +5756,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 !important; } + display: table-row; } 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; } @@ -5854,7 +5794,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 !important; } + display: table-row; } 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; } @@ -5892,7 +5832,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 !important; } + display: table-row; } 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; } @@ -6019,6 +5959,96 @@ 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 { @@ -6674,7 +6704,8 @@ ul#mainnav li a:hover { cursor: pointer; background: -webkit-gradient(linear, left top, left middle, left bottom, color-stop(0.05, #50617b), color-stop(0.5, #6d7d97), color-stop(1, #50617b)); background: -moz-linear-gradient(center top, #50617b 5%, #6d7d97 50%, #50617b 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50617b', middleColorstr='#6d7d97', endColorstr='#50617b'); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50617b', middleColorstr='#6d7d97', endColorstr='#50617b'); + background-color: #50617b; } #reservation_wrapper form span.postfix { border: none; @@ -6684,7 +6715,8 @@ ul#mainnav li a:hover { margin: 17px 0 0 -5px; height: 26px; border-bottom-right-radius: 4px; - border-top-right-radius: 4px; } + border-top-right-radius: 4px; + background-color: #50617b; } #reservation_wrapper form span.postfix img { border-left: 1px solid #586788; @@ -6734,54 +6766,35 @@ ul#actionlinks li a { border-radius: 6px; -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); - box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); } + box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); + height: 38px; } ul#actionlinks li a:hover { color: #fff; } -ul#actionlinks li a img { - margin-top: -30px; - width: 100%; - max-height: 32px; - min-width: 150px; - position: relative; - z-index: -100; } - ul#actionlinks a#golf_packages { border: 3px solid #84985B; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #98af67), color-stop(1, #869b62)); - background: -moz-linear-gradient(center top, #98af67 5%, #869b62 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98af67', endColorstr='#869b62'); } + background: url(../assets/btn_green-extend.jpg) no-repeat 100% 0px; } ul#actionlinks a#golf_packages:hover { text-decoration: none; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #98af67), color-stop(1, #869b62)); - background: -moz-linear-gradient(center top, #98af67 5%, #869b62 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98af67', endColorstr='#869b62'); } + background: url(../assets/btn_green-extend.jpg) no-repeat 100% -32px; } ul#actionlinks a#enews_signup { border: 3px solid #3084C2; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #317cb3), color-stop(1, #2f80b8)); - background: -moz-linear-gradient(center top, #317cb3 5%, #2f80b8 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#317cb3', endColorstr='#2f80b8'); } + background: url(../assets/btn_blue-extend.jpg) no-repeat 100% 0px; } ul#actionlinks a#enews_signup:hover { text-decoration: none; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #317cb3), color-stop(1, #2f80b8)); - background: -moz-linear-gradient(center top, #317cb3 5%, #2f80b8 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#317cb3', endColorstr='#2f80b8'); } + background: url(../assets/btn_blue-extend.jpg) no-repeat 100% -32px; } ul#actionlinks a#lodging_specials { border: 3px solid #DE871A; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d47c0e), color-stop(1, #d57d0f)); - background: -moz-linear-gradient(center top, #d47c0e 5%, #d57d0f 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d47c0e', endColorstr='#d57d0f'); } + background: url(../assets/btn_yellow-extend.jpg) no-repeat 100% 0px; } ul#actionlinks a#lodging_specials:hover { text-decoration: none; - background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d47c0e), color-stop(1, #d57d0f)); - background: -moz-linear-gradient(center top, #d47c0e 5%, #d57d0f 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d47c0e', endColorstr='#d57d0f'); } + background: url(../assets/btn_yellow-extend.jpg) no-repeat 100% -32px; } /* Action 2 */ #action2 { @@ -6837,7 +6850,9 @@ ul#actionlinks a#lodging_specials:hover { margin: 0 auto; padding: 14px 0 8px 0; /*min-height: 200px;*/ - background: url(../assets/video_bg.jpg) 0 0 repeat-y; + background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8fa864), color-stop(1, #90a965)); + background: -moz-linear-gradient(center top, #8fa864 5%, #90a965 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fa864', endColorstr='#90a965'); border: 3px solid #B4C98E; border-radius: 10px; overflow: hidden; } diff --git a/scss/_structure.scss b/scss/_structure.scss index 065b91b..9a88fcf 100755 --- a/scss/_structure.scss +++ b/scss/_structure.scss @@ -604,6 +604,7 @@ ul#mainnav li a:hover { color: #FFF; cursor: pointer; @include gradient_1st(#50617b, #6d7d97); + background-color: #50617b; } #reservation_wrapper form span.postfix { border: none; @@ -612,6 +613,7 @@ ul#mainnav li a:hover { height: 26px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; + background-color: #50617b; } #reservation_wrapper form span.postfix img { border-left: 1px solid #586788; @@ -660,39 +662,34 @@ ul#actionlinks li a { -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3); + height: 38px; } ul#actionlinks li a:hover { color: #fff; } -ul#actionlinks li a img { - margin-top: -30px; - max-height: 32px; - position: relative; - z-index: -100; -} ul#actionlinks a#golf_packages { border: 3px solid #84985B; - @include gradient_2nd(#98af67, #869b62); + background: url(../assets/btn_green-extend.jpg)no-repeat 100% 0px; } ul#actionlinks a#golf_packages:hover { text-decoration: none; - @include gradient_2nd(#98af67, #869b62); + background: url(../assets/btn_green-extend.jpg)no-repeat 100% -32px; } ul#actionlinks a#enews_signup { border: 3px solid #3084C2; - @include gradient_2nd(#317cb3, #2f80b8); + background: url(../assets/btn_blue-extend.jpg)no-repeat 100% 0px; } ul#actionlinks a#enews_signup:hover { text-decoration: none; - @include gradient_2nd(#317cb3, #2f80b8); + background: url(../assets/btn_blue-extend.jpg)no-repeat 100% -32px; } ul#actionlinks a#lodging_specials { border: 3px solid #DE871A; - @include gradient_2nd(#d47c0e, #d57d0f); + background: url(../assets/btn_yellow-extend.jpg)no-repeat 100% 0px; } ul#actionlinks a#lodging_specials:hover { text-decoration: none; - @include gradient_2nd(#d47c0e, #d57d0f); + background: url(../assets/btn_yellow-extend.jpg)no-repeat 100% -32px; } /* Action 2 */ #action2 { @@ -749,7 +746,7 @@ ul#actionlinks a#lodging_specials:hover { margin: 0 auto; padding: 14px 0 8px 0; /*min-height: 200px;*/ - background: url(../assets/video_bg.jpg) 0 0 repeat-y; + @include gradient_2nd(#8fa864, #90a965); border: 3px solid #B4C98E; border-radius: 10px; overflow: hidden; diff --git a/templates/template.html b/templates/template.html index 4a6dcbf..0bf3857 100755 --- a/templates/template.html +++ b/templates/template.html @@ -66,7 +66,7 @@
-
800-748-0245
+
800-748-0245