From: Laury GvR Date: Mon, 18 Aug 2014 13:09:55 +0000 (-0400) Subject: Opening subsubnav now allows subnav to be clicked X-Git-Tag: V1.0^2~51 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=df5353b1d6fe21a470851eb73864a105106f3af4;p=web%2FKeweenaw.git Opening subsubnav now allows subnav to be clicked Previously the subsubnav div would not allow the subnav to be clicked anymore. Using point-events css style. Also made subsubnav fully transparent. --- diff --git a/styles.css b/styles.css index 008834b..ebaa3ad 100644 --- a/styles.css +++ b/styles.css @@ -430,17 +430,18 @@ nav.top-bar .top-bar-section > ul > li .dropdown li:last-child a { border-bottom: none; } .top-bar-section .left li .dropdown li .dropdown { - background-color: rgba(255,255,255,0.5); + background-color: rgba(255,255,255,0); left: auto; border: none; + pointer-events: none; } .top-bar-section .left li .dropdown li .dropdown li { -/* opacity: 1.0 !important;*/ border: 1px solid #b1b3b6 !important; border-radius: 6px; border-color: -moz-use-text-color #b1b3b6 #b1b3b6; border-style: none solid solid; border-width: medium 1px 1px; + pointer-events: auto; } nav.top-bar .toggle-topbar.menu-icon > a { font-size: 20px; @@ -715,8 +716,11 @@ aside.right-off-canvas-menu ul.off-canvas-list li > ul.open { color: #f27225; text-decoration: underline; } +html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths body div.off-canvas-wrap div.inner-wrap div#interior.container div.inner-container div#main.row.collapse div.row div.small-12.columns ul#videoGallery.small-block-grid-1.medium-block-grid-3.large-block-grid-4 li.vThumb div.imgBorderMe a.various.fancybox.iframe.vidimg { + text-decoration: none !important; +} #main a:hover { - color: #25c2e6; + color: #25c2e6; } ul#paragraphLinks li { font-size: 14px; @@ -724,170 +728,158 @@ ul#paragraphLinks li { } /* Homepage Video */ #home_video_wrapper { -/* float: left;*/ -/* width: 32.7%;*/ -/* margin: 0 0 14px 3%;*/ - overflow: hidden; - text-align: center !important; + overflow: hidden; + text-align: center !important; } #home_video_wrapper .hBox { - display: block; - width: 100%; - overflow: hidden; - position: relative; + display: block; + width: 100%; + overflow: hidden; + position: relative; } #home_video_wrapper .hBox a.various { - display: block; - width: 100%; - overflow: hidden; - /*height: 250px;*/ + display: block; + width: 100%; + overflow: hidden; + /*height: 250px;*/ } #home_video_wrapper .hBox a.various img { - width: 55% -/* display: block; - text-align: center !important; - margin: -10% 0; - margin: 0;*/ + width: 55% } #home_video_wrapper .hBox a.various .video_link_txt { - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - overflow: hidden; - background: #000; - padding: 10px; - margin: 0; - color: #959595; - font-size: 11px; - line-height: 13px; + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + overflow: hidden; + background: #000; + padding: 10px; + margin: 0; + color: #959595; + font-size: 11px; + line-height: 13px; } #home_video_wrapper .hBox a.various:hover .video_link_txt { - color: #FFF; + color: #FFF; } #home_video_wrapper .hBox a.various .vidoverlay { - display: block; - position: absolute; - width: 20%; - height: 22.70531400966184%; - left: 40%; - top: 38.64734299516908%; -/* background: url(assets/play.png) 50% 50% no-repeat;*/ - background-size: 100%; + display: block; + position: absolute; + width: 20%; + height: 22.70531400966184%; + left: 40%; + top: 38.64734299516908%; + background-size: 100%; } #home_video_wrapper .hBox a.various:hover .vidoverlay { /* background: url(assets/play_over.png) 50% 50% no-repeat;*/ - background-size: 100%; + background-size: 100%; } #home_video_wrapper .hBox a.video_link_main { - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - overflow: hidden; - background: #000; - padding: 10px; - margin: 0; - color: #959595; - font-size: 11px; - line-height: 13px; - text-align: right; - text-decoration: none; + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + overflow: hidden; + background: #000; + padding: 10px; + margin: 0; + color: #959595; + font-size: 11px; + line-height: 13px; + text-align: right; + text-decoration: none; } #home_video_wrapper .hBox a.video_link_main:hover { - color: #FFF; + color: #FFF; } #home_video_wrapper p { margin-top: 5px; } .fancybox-inner { - overflow: hidden !important; + overflow: hidden !important; } /* 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 !important; + padding: 0; + list-style-type: none; } ul#videoGallery li { - display: block; - float: left; -/* width: 22%;*/ - margin-bottom: 20px; -/* margin: 0 1.5% 24px 1.5%;*/ -/* padding: 0 1.0% 20px 1.0%;*/ - padding: 0; - background: #FDFDFF; - -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; + margin-bottom: 20px; + background: #FDFDFF; + -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); } .vthumb { - padding: 5px; + padding: 5px; } 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.vTitle { - 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: #313331; + font-size: 12px; + min-height: 27px; } ul#videoGallery li a:hover span.vTitle { - color: #3FAC46; + color: #3FAC46; } #home_video_wrapper a { - margin: 5px 0 5px 0; - font-size: 14px; + margin: 5px 0 5px 0; + font-size: 14px; } .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; + 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; /* background-size: contain;*/ } li:hover .play { - background-position: 0 -27px; + background-position: 0 -27px; } /**/