diff --git a/scss/_structure.scss b/scss/_structure.scss index e021c5f..d80d30b 100755 --- a/scss/_structure.scss +++ b/scss/_structure.scss @@ -78,7 +78,7 @@ ul li { display: block; margin: 0; padding: 0 0 2px 20px; - background: url(assets/bullet.png) 0 4px no-repeat; + background: url(../assets/bullet.png) 0 4px no-repeat; } .webform table { margin: 10px 0 0 0; @@ -206,7 +206,7 @@ iframe { height: 137px; margin: 5px 10px 10px 10px; padding: 0; - background: url(assets/logo.gif) 0 0 no-repeat; + background: url(../assets/logo.gif) 0 0 no-repeat; text-indent: -4999px; } ul#toplinks { @@ -250,13 +250,13 @@ ul#toplinks li a#ta margin-right: 0; } ul#toplinks li a#fb { - background: url(assets/sm_fb.png) 0 0 no-repeat; + background: url(../assets/sm_fb.png) 0 0 no-repeat; } ul#toplinks li a#tw { - background: url(assets/sm_tw.png) 0 0 no-repeat; + background: url(../assets/sm_tw.png) 0 0 no-repeat; } ul#toplinks li a#ta { - background: url(assets/sm_ta.png) 0 0 no-repeat; + background: url(../assets/sm_ta.png) 0 0 no-repeat; border: 1px solid #fff; border-radius: 5px; width: 32px; @@ -334,7 +334,7 @@ ul#mainnav li a:hover { overflow: hidden; margin: 0; padding: 0; - background: url(assets/bullet.png) 0 7px no-repeat; + background: url(../assets/bullet.png) 0 7px no-repeat; } #subnav ul li a { display: block; @@ -350,7 +350,7 @@ ul#mainnav li a:hover { background: rgba(255,255,255,0.1); } #subnav ul li a#current { - background: url(assets/current.png) 100% 50% no-repeat; + background: url(../assets/current.png) 100% 50% no-repeat; } /* datepicker */ #ui-datepicker-div { @@ -382,7 +382,7 @@ ul#mainnav li a:hover { background: #102F4E; } #slideshow_wrapper .theme-default .nivo-caption { - background: url(assets/nivo-caption-bg.png) 0 0 no-repeat !important; + background: url(../assets/nivo-caption-bg.png) 0 0 no-repeat !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; @@ -485,7 +485,7 @@ ul#mainnav li a:hover { /*width: 990px;*/ height: 59px; padding: 16px 35px; - background: url(assets/res_bg.jpg) 0 0 repeat-x; + background: url(../assets/res_bg.jpg) 0 0 repeat-x; } #reservation_wrapper h2 { display: block; @@ -515,7 +515,7 @@ ul#mainnav li a:hover { padding: 3px; color: #FFF; cursor: pointer; - background: url(assets/datepicker.jpg) 100% 0 no-repeat; + background: url(../assets/datepicker.jpg) 100% 0 no-repeat; } #reservation_wrapper form input[type="submit"] { display: block; @@ -528,7 +528,7 @@ ul#mainnav li a:hover { padding: 3px; color: #6E4B04; cursor: pointer; - background: url(assets/submit.jpg) 100% 0 no-repeat; + background: url(../assets/submit.jpg) 100% 0 no-repeat; } /* Action */ #action_wrapper { @@ -567,27 +567,27 @@ ul#actionlinks li a { } ul#actionlinks li a#golf_packages { border: 3px solid #84985B; - background: url(assets/btn_green.jpg) 100% 0 no-repeat; + background: url(../assets/btn_green.jpg) 100% 0 no-repeat; } ul#actionlinks li a#golf_packages:hover { color: #FFF; - background: url(assets/btn_green.jpg) 100% -32px no-repeat; + background: url(../assets/btn_green.jpg) 100% -32px no-repeat; } ul#actionlinks li a#enews_signup { border: 3px solid #3084C2; - background: url(assets/btn_blue.jpg) 100% 0 no-repeat; + background: url(../assets/btn_blue.jpg) 100% 0 no-repeat; } ul#actionlinks li a#enews_signup:hover { color: #FFF; - background: url(assets/btn_blue.jpg) 100% -32px no-repeat; + background: url(../assets/btn_blue.jpg) 100% -32px no-repeat; } ul#actionlinks li a#lodging_specials { border: 3px solid #DE871A; - background: url(assets/btn_yellow.jpg) 100% 0 no-repeat; + background: url(../assets/btn_yellow.jpg) 100% 0 no-repeat; } ul#actionlinks li a#lodging_specials:hover { color: #FFF; - background: url(assets/btn_yellow.jpg) 100% -32px no-repeat; + background: url(../assets/btn_yellow.jpg) 100% -32px no-repeat; } /* Action 2 */ #action2 { @@ -622,7 +622,7 @@ ul#actionlinks li a#lodging_specials:hover { overflow: hidden; margin: 0; padding: 0; - background: url(assets/bullet.png) 0 7px no-repeat; + background: url(../assets/bullet.png) 0 7px no-repeat; } #action2 ul li a { display: block; @@ -780,7 +780,7 @@ p.captionDescWrapper { margin: 0 auto; padding: 14px 0 8px 0; /*min-height: 200px;*/ - background: url(assets/video_bg.jpg) 0 0 repeat-y; + background: url(../assets/video_bg.jpg) 0 0 repeat-y; border: 3px solid #B4C98E; border-radius: 10px; overflow: hidden; @@ -827,7 +827,7 @@ p.captionDescWrapper { bottom: 0; left: 0; right: 0; - background: url(assets/video_overlay.png) 50% 50% no-repeat; + background: url(../assets/video_overlay.png) 50% 50% no-repeat; } /* Footer */ #footer { @@ -880,92 +880,92 @@ p.captionDescWrapper { } /* Video Gallery */ #video_wrapper { - display: block; - width: 100%; - overflow: hidden; - clear: both; + display: block; + width: 100%; + overflow: hidden; + clear: both; } #video_wrapper h2 { - display: block; - width: 100%; - overflow: hidden; - clear: both; - margin: 0 0 16px 5px; - padding: 0; + display: block; + width: 100%; + overflow: hidden; + clear: both; + margin: 0 0 16px 5px; + padding: 0; } ul#videoGallery { - display: block; - width: 100%; - overflow: hidden; - margin: 0; - padding: 0; - list-style-type: none; + display: block; + width: 100%; + overflow: hidden; + margin: 0; + padding: 0; + list-style-type: none; } ul#videoGallery li { - display: block; - float: left; - width: 22%; - margin: 0 1.5% 24px 1.5%; - padding: 0; - border: 1px solid #DDDFDD; - background: #FDFDFF; - border-radius: 3px; - -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); - box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); + display: block; + float: left; + width: 22%; + margin: 0 1.5% 24px 1.5%; + padding: 0; + border: 1px solid #DDDFDD; + background: #FDFDFF; + border-radius: 3px; + -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); + box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05); } ul#videoGallery li:nth-child(4n-3) { - clear: left; - width: 22.75%; - margin: 0 3% 24px 0; + clear: left; + width: 22.75%; + margin: 0 3% 24px 0; } ul#videoGallery li:nth-child(4n-2) { - width: 22.75%; - margin: 0 3% 24px 0; + width: 22.75%; + margin: 0 3% 24px 0; } ul#videoGallery li:nth-child(4n-1) { - width: 22.75%; - margin: 0 3% 24px 0; + width: 22.75%; + margin: 0 3% 24px 0; } ul#videoGallery li:nth-child(4n) { - width: 22.75%; - margin: 0 0 24px 0; + width: 22.75%; + margin: 0 0 24px 0; } ul#videoGallery li a { - position: relative; - z-index: 10; - display: block; - width: 100%; - overflow: hidden; - padding: 10px; + position: relative; + z-index: 10; + display: block; + width: 100%; + overflow: hidden; + padding: 10px; } ul#videoGallery li a img { - display: block; - width: 100%; + display: block; + width: 100%; } ul#videoGallery li a span#vidtitle { - display: block; - position: relative; - width: 100%; - padding: 5px 30px 0 0; - color: #A9ABA9; - font-size: 12px; - min-height: 27px; + display: block; + position: relative; + width: 100%; + padding: 5px 30px 0 0; + color: #A9ABA9; + font-size: 12px; + min-height: 27px; } ul#videoGallery li a:hover span#vidtitle { - color: #3FAC46; + color: #3FAC46; } ul#videoGallery li a span#vidtitle span#play { - display: block; - position: absolute; - z-index: 11; - width: 25px; - height: 27px; - right: 0; - top: 5px; - background: url(assets/video_overlay.png)0 0 no-repeat; - backgorund-size: contain; + display: block; + position: absolute; + z-index: 11; + width: 25px; + height: 27px; + right: 0; + top: 5px; + background: url(../assets/video_overlay.png)0 0 no-repeat; + backgorund-size: contain; } ul#videoGallery li:hover a span#vidtitle span#play { - background-position: 0 -27px; -} \ No newline at end of file + background-position: 0 -27px; +} diff --git a/scss/app.scss b/scss/app.scss index 4d7dca0..13db37c 100644 --- a/scss/app.scss +++ b/scss/app.scss @@ -1,5 +1,6 @@ @import "settings"; @import "foundation"; +@import "structure"; // Or selectively include components // @import