/* ----------------------------------------- */ /* View: Slider – Featured Projects - start */ /* ----------------------------------------- */ /* center the page selector horizonatlly */ .transitionFeatured-controls ul.wpv_pagination_dots { text-align: center; margin:0; padding: 0; position:absolute; bottom:0; width:100%; } /* center the page selector horizonatlly */ .transitionFeatured-controls ul.wpv_pagination_dots li.wpv_pagination_dots_item, .transitionFeatured-controls .wpv_pagination_dots li a { display: inline-block; float: none; } /* remove the defaulf styles for link offered by the theme */ .transitionFeatured-controls .wpv_pagination_dots li a { text-decoration: none; border-bottom: none; } /* mobile header */ @media screen and (max-device-width: 900px) { .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { font-size: 150%; } #responsiveContainerTop { margin: 50px auto 0 auto; } } .sliderFeatured-container { background: #111; height: 500px; width: 100%; overflow: hidden; /* add some space for transition controls */ padding: 0; margin-bottom: 20px; /* make the slider container a reference point for positing elements it cotains (here: transition controls and slides */ position: relative; box-shadow: #000000 0px 4px 50px; -moz-box-shadow: #000000 0px 4px 50px; -webkit-box-shadow: #000000 0px 4px 50px; } /* make the slides div a reference for positioning the elements it contains (here: the slide title) */ .slidesFeatured { position: relative; } .slidesFeatured h3 a { color: #fff; border: none; } /* mobile header */ @media screen and (max-device-width: 900px) { .sliderFeatured-container { height: 200px; } } /* ----------------------------------------- */ /* View: Slider – Featured Projects - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Event Map - start */ /* ----------------------------------------- */ .gm-style img, .toolset-google-map-preview .gm-style img { width:100px; height:100px; } /* ----------------------------------------- */ /* View: Event Map - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Events Stats - start */ /* ----------------------------------------- */ #listEventItem { padding: 0; } /* ----------------------------------------- */ /* View: Events Stats - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Mosaic – Movies - start */ /* ----------------------------------------- */ /* place the prev/next controls on the sides */ .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { border: none; font-size: 250%; position: absolute; top: 40%; } .transition-controls .wpv-filter-previous-link { left: 3%; } .transition-controls .wpv-filter-next-link { right: 3%; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots { text-align: center; margin-top: 10px; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots li.wpv_pagination_dots_item, .transition-controls .wpv_pagination_dots li a { display: inline-block; float: none; } /* remove the defaulf styles for link offered by the theme */ .transition-controls .wpv_pagination_dots li a { text-decoration: none; border-bottom: none; } /* mobile header */ @media screen and (max-device-width: 900px) { .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { font-size: 150%; } } .slider-container100 { outline: 1px solid #FFF; height: auto; } /* ----------------------------------------- */ /* View: Mosaic – Movies - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Projects – Movie Count - start */ /* ----------------------------------------- */ .sliderTitle { width: 100%; position: relative; z-index: 1000; } .sliderCount { background: #338833; background-image: -webkit-linear-gradient(top,#004400 0,#338833 100%)); background-image: -moz-linear-gradient(top,#004400 0,#338833 100%)); background-image: -ms-linear-gradient(top,#004400 0,#338833 100%)); background-image: -o-linear-gradient(top,#004400 0,#338833 100%); background-image: linear-gradient(to top,#004400 0,#338833 100%); color: #CCC; border-bottom: 8px solid #ccc; padding: 0.2em 0.2em 0.4em 0.2em; box-shadow: #111 1px 1px 8px; -moz-box-shadow: #111 1px 1px 8px; -webkit-box-shadow: #111 1px 1px 8px; } .sliderTitle h2 { margin: 0; padding: 0.1em 0.5em; width: 100%; text-transform: uppercase; background: #DDDDDD; background-image: -webkit-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -moz-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -ms-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -o-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: linear-gradient(to top,#BBBBBB,#DDDDDD); } /* ----------------------------------------- */ /* View: Projects – Movie Count - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Mosaic – TV Series - start */ /* ----------------------------------------- */ /* place the prev/next controls on the sides */ .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { border: none; font-size: 250%; position: absolute; top: 40%; } .transition-controls .wpv-filter-previous-link { left: 3%; } .transition-controls .wpv-filter-next-link { right: 3%; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots { text-align: center; margin-top: 10px; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots li.wpv_pagination_dots_item, .transition-controls .wpv_pagination_dots li a { display: inline-block; float: none; } /* remove the defaulf styles for link offered by the theme */ .transition-controls .wpv_pagination_dots li a { text-decoration: none; border-bottom: none; } /* mobile header */ @media screen and (max-device-width: 900px) { .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { font-size: 150%; } } .slider-container100 { outline: 1px solid #FFF; height: auto; } /* ----------------------------------------- */ /* View: Mosaic – TV Series - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Projects – TV Series Count - start */ /* ----------------------------------------- */ .sliderTitle { width: 100%; position: relative; z-index: 1000; } .sliderCount { background: #338833; background-image: -webkit-linear-gradient(top,#004400 0,#338833 100%)); background-image: -moz-linear-gradient(top,#004400 0,#338833 100%)); background-image: -ms-linear-gradient(top,#004400 0,#338833 100%)); background-image: -o-linear-gradient(top,#004400 0,#338833 100%); background-image: linear-gradient(to top,#004400 0,#338833 100%); color: #CCC; border-bottom: 8px solid #ccc; padding: 0.2em 0.2em 0.4em 0.2em; box-shadow: #111 1px 1px 8px; -moz-box-shadow: #111 1px 1px 8px; -webkit-box-shadow: #111 1px 1px 8px; } .sliderTitle h2 { margin: 0; padding: 0.1em 0.5em; width: 100%; text-transform: uppercase; background: #DDDDDD; background-image: -webkit-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -moz-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -ms-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -o-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: linear-gradient(to top,#BBBBBB,#DDDDDD); } /* ----------------------------------------- */ /* View: Projects – TV Series Count - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Mosaic – Animated Features - start */ /* ----------------------------------------- */ /* place the prev/next controls on the sides */ .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { border: none; font-size: 250%; position: absolute; top: 40%; } .transition-controls .wpv-filter-previous-link { left: 3%; } .transition-controls .wpv-filter-next-link { right: 3%; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots { text-align: center; margin-top: 10px; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots li.wpv_pagination_dots_item, .transition-controls .wpv_pagination_dots li a { display: inline-block; float: none; } /* remove the defaulf styles for link offered by the theme */ .transition-controls .wpv_pagination_dots li a { text-decoration: none; border-bottom: none; } /* mobile header */ @media screen and (max-device-width: 900px) { .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { font-size: 150%; } } .slider-container100 { outline: 1px solid #FFF; height: auto; } /* ----------------------------------------- */ /* View: Mosaic – Animated Features - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Projects – Animated Features Count - start */ /* ----------------------------------------- */ .sliderTitle { width: 100%; position: relative; z-index: 1000; } .sliderCount { background: #338833; background-image: -webkit-linear-gradient(top,#004400 0,#338833 100%)); background-image: -moz-linear-gradient(top,#004400 0,#338833 100%)); background-image: -ms-linear-gradient(top,#004400 0,#338833 100%)); background-image: -o-linear-gradient(top,#004400 0,#338833 100%); background-image: linear-gradient(to top,#004400 0,#338833 100%); color: #CCC; border-bottom: 8px solid #ccc; padding: 0.2em 0.2em 0.4em 0.2em; box-shadow: #111 1px 1px 8px; -moz-box-shadow: #111 1px 1px 8px; -webkit-box-shadow: #111 1px 1px 8px; } .sliderTitle h2 { margin: 0; padding: 0.1em 0.5em; width: 100%; text-transform: uppercase; background: #DDDDDD; background-image: -webkit-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -moz-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -ms-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -o-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: linear-gradient(to top,#BBBBBB,#DDDDDD); } /* ----------------------------------------- */ /* View: Projects – Animated Features Count - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Mosaic – Short Films - start */ /* ----------------------------------------- */ /* place the prev/next controls on the sides */ .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { border: none; font-size: 250%; position: absolute; top: 40%; } .transition-controls .wpv-filter-previous-link { left: 3%; } .transition-controls .wpv-filter-next-link { right: 3%; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots { text-align: center; margin-top: 10px; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots li.wpv_pagination_dots_item, .transition-controls .wpv_pagination_dots li a { display: inline-block; float: none; } /* remove the defaulf styles for link offered by the theme */ .transition-controls .wpv_pagination_dots li a { text-decoration: none; border-bottom: none; } /* mobile header */ @media screen and (max-device-width: 900px) { .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { font-size: 150%; } } .slider-container100 { outline: 1px solid #FFF; height: auto; } /* ----------------------------------------- */ /* View: Mosaic – Short Films - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Projects – Short Films Count - start */ /* ----------------------------------------- */ .sliderTitle { width: 100%; position: relative; z-index: 1000; } .sliderCount { background: #338833; background-image: -webkit-linear-gradient(top,#004400 0,#338833 100%)); background-image: -moz-linear-gradient(top,#004400 0,#338833 100%)); background-image: -ms-linear-gradient(top,#004400 0,#338833 100%)); background-image: -o-linear-gradient(top,#004400 0,#338833 100%); background-image: linear-gradient(to top,#004400 0,#338833 100%); color: #CCC; border-bottom: 8px solid #ccc; padding: 0.2em 0.2em 0.4em 0.2em; box-shadow: #111 1px 1px 8px; -moz-box-shadow: #111 1px 1px 8px; -webkit-box-shadow: #111 1px 1px 8px; } .sliderTitle h2 { margin: 0; padding: 0.1em 0.5em; width: 100%; text-transform: uppercase; background: #DDDDDD; background-image: -webkit-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -moz-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -ms-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -o-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: linear-gradient(to top,#BBBBBB,#DDDDDD); } /* ----------------------------------------- */ /* View: Projects – Short Films Count - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Mosaic – Commercials - start */ /* ----------------------------------------- */ /* place the prev/next controls on the sides */ .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { border: none; font-size: 250%; position: absolute; top: 40%; } .transition-controls .wpv-filter-previous-link { left: 3%; } .transition-controls .wpv-filter-next-link { right: 3%; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots { text-align: center; margin-top: 10px; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots li.wpv_pagination_dots_item, .transition-controls .wpv_pagination_dots li a { display: inline-block; float: none; } /* remove the defaulf styles for link offered by the theme */ .transition-controls .wpv_pagination_dots li a { text-decoration: none; border-bottom: none; } /* mobile header */ @media screen and (max-device-width: 900px) { .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { font-size: 150%; } } .slider-container100 { outline: 1px solid #FFF; height: auto; } /* ----------------------------------------- */ /* View: Mosaic – Commercials - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Projects – Commercial Count - start */ /* ----------------------------------------- */ .sliderTitle { width: 100%; position: relative; z-index: 1000; } .sliderCount { background: #338833; background-image: -webkit-linear-gradient(top,#004400 0,#338833 100%)); background-image: -moz-linear-gradient(top,#004400 0,#338833 100%)); background-image: -ms-linear-gradient(top,#004400 0,#338833 100%)); background-image: -o-linear-gradient(top,#004400 0,#338833 100%); background-image: linear-gradient(to top,#004400 0,#338833 100%); color: #CCC; border-bottom: 8px solid #ccc; padding: 0.2em 0.2em 0.4em 0.2em; box-shadow: #111 1px 1px 8px; -moz-box-shadow: #111 1px 1px 8px; -webkit-box-shadow: #111 1px 1px 8px; } .sliderTitle h2 { margin: 0; padding: 0.1em 0.5em; width: 100%; text-transform: uppercase; background: #DDDDDD; background-image: -webkit-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -moz-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -ms-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -o-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: linear-gradient(to top,#BBBBBB,#DDDDDD); } /* ----------------------------------------- */ /* View: Projects – Commercial Count - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Mosaic – Videogames - start */ /* ----------------------------------------- */ /* place the prev/next controls on the sides */ .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { border: none; font-size: 250%; position: absolute; top: 40%; } .transition-controls .wpv-filter-previous-link { left: 3%; } .transition-controls .wpv-filter-next-link { right: 3%; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots { text-align: center; margin-top: 10px; } /* center the page selector horizonatlly */ .transition-controls ul.wpv_pagination_dots li.wpv_pagination_dots_item, .transition-controls .wpv_pagination_dots li a { display: inline-block; float: none; } /* remove the defaulf styles for link offered by the theme */ .transition-controls .wpv_pagination_dots li a { text-decoration: none; border-bottom: none; } /* mobile header */ @media screen and (max-device-width: 900px) { .transition-controls .wpv-filter-next-link, .transition-controls .wpv-filter-previous-link { font-size: 150%; } } .slider-container100 { outline: 1px solid #FFF; height: auto; } /* ----------------------------------------- */ /* View: Mosaic – Videogames - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Projects – Videogames Count - start */ /* ----------------------------------------- */ .sliderTitle { width: 100%; position: relative; z-index: 1000; } .sliderCount { background: #338833; background-image: -webkit-linear-gradient(top,#004400 0,#338833 100%)); background-image: -moz-linear-gradient(top,#004400 0,#338833 100%)); background-image: -ms-linear-gradient(top,#004400 0,#338833 100%)); background-image: -o-linear-gradient(top,#004400 0,#338833 100%); background-image: linear-gradient(to top,#004400 0,#338833 100%); color: #CCC; border-bottom: 8px solid #ccc; padding: 0.2em 0.2em 0.4em 0.2em; box-shadow: #111 1px 1px 8px; -moz-box-shadow: #111 1px 1px 8px; -webkit-box-shadow: #111 1px 1px 8px; } .sliderTitle h2 { margin: 0; padding: 0.1em 0.5em; width: 100%; text-transform: uppercase; background: #DDDDDD; background-image: -webkit-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -moz-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -ms-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: -o-linear-gradient(top,#BBBBBB,#DDDDDD); background-image: linear-gradient(to top,#BBBBBB,#DDDDDD); } /* ----------------------------------------- */ /* View: Projects – Videogames Count - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Content Template for Login Layout - start */ /* ----------------------------------------- */ .loggedIn-info { margin: 25px 0 0 25px; color: #444; } #loggin { color: #148426; } #loginRegister { float: left; padding-left: 10px; padding-top: 30px; } #logOut { padding-left: 25px; color: #333; } #logOut:hover { color: #880000; } /* ----------------------------------------- */ /* Content Template: Content Template for Login Layout - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Slider – Featured - start */ /* ----------------------------------------- */ .sliderPostType { position: relative; padding: 5px 20px; margin: 0 auto; } .sliderPostType p { margin: 0; } #sliderPostType { text-transform: uppercase; font-weight: bold; } .sliderVfxBkn { position: absolute; top: 315px; right: 0; padding: 5px 20px; box-shadow: 0px 2px 8px #222; -moz-box-shadow: #222 0px 2px 8px; -webkit-box-shadow: #222 0px 2px 8px; } .sliderVfxBkn p { margin: 0; } .sliderBefAftStills { position: absolute; top: 280px; right: 0; padding: 5px 20px; box-shadow: 0px 2px 8px #222; -moz-box-shadow: #222 0px 2px 8px; -webkit-box-shadow: #222 0px 2px 8px; } .sliderBefAftStills p { margin: 0; } .sliderPostDate { position: absolute; top: 315px; right: 0; padding: 5px 20px; box-shadow: 0px 2px 8px #222; -moz-box-shadow: #222 0px 2px 8px; -webkit-box-shadow: #222 0px 2px 8px; } .sliderPostDate p { margin: 0; } #postType-blog { border-bottom: 1px solid #0257B1; color: #ccc; } #postType-event { border-bottom: 1px solid #ffbb00; color: #ddd; } #postType-project { border-bottom: 1px solid #148426; color: #ccc; } #postMeta-blog { background: #0257B1; color: #ccc; box-shadow: 0px 2px 8px #222; -moz-box-shadow: #222 0px 2px 8px; -webkit-box-shadow: #222 0px 2px 8px; } #postMeta-event { background: #ffbb00; color: #ddd; box-shadow: 0px 2px 8px #222; -moz-box-shadow: #222 0px 2px 8px; -webkit-box-shadow: #222 0px 2px 8px; } #postMeta-project { background: #148426; color: #ccc; box-shadow: 0px 2px 8px #222; -moz-box-shadow: #222 0px 2px 8px; -webkit-box-shadow: #222 0px 2px 8px; } .sliderFeaturedInfo { position: absolute; top: 320px; right: 0; text-align: center; width: 100%; } .sliderFeaturedInfo h3 { float: left; width: 100%; color: #FFF; margin: 0; padding: 0 10%; text-transform: uppercase; font-size: 400%; font-weight: 600; text-shadow: #000000 4px 4px 8px; -moz-text-shadow: #000000 4px 4px 8px; -webkit-text-shadow: #000000 4px 4px 8px; background: rgba(0,0,0,.1); background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,.2), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(255,255,255,.2), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(255,255,255,.2), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, rgba(0,0,0,0), rgba(255,255,255,.2), rgba(0,0,0,0)); /* Standard syntax (must be last) */ } .sliderFeaturedTags { width: 100%; padding: 10px 45px; } .sliderFeaturedTags a { background-color:#148426; border-left-style:solid; border-left-width:6px; border-right-color:#888888; border-right-style:solid; border-right-width:2px; color:#CCCCCC; margin:1px 0 0 0; padding:0.25em 0.5em; display: inline-block; } .sliderFeaturedTags a:hover { background-color:#1bb133; color: #FFFFFF; } .sliderPostExcerpt p { color: #ccc; display: inline-block; padding: 2px 10px 4px 10px; background: #0257B1; } .sliderEventInfo { background-color:#148426; border-left-style:solid; border-left-width:6px; border-right-color:#888888; border-right-style:solid; border-right-width:2px; color:#CCCCCC; margin:5px; padding:0.25em 0.5em; float:right; } .sliderEventLocation { background-color:#333333; border-left-style:solid; border-left-width:6px; border-right-color:#888888; border-right-style:solid; border-right-width:2px; color:#CCCCCC; margin:5px; padding:0.25em 0.5em; float:right; } .sliderFeaturedImg { position:absolute; right: 0; top: 0; width:100%; } .sliderFeaturedImg img { width: 100%; height: auto; } .sliderFeaturedGradient { width:100%; height:500px; position:absolute; right: 0; top: 0; background: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,.85)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.85)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.85)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.85)); /* Standard syntax (must be last) */ } /* mobile header */ @media screen and (max-device-width: 900px) { .sliderFeaturedInfo { top: 40px; } .sliderFeaturedInfo h3 { font-size: 20px; } .sliderVfxBkn { visibility: hidden; } .sliderBefAftStills { visibility: hidden; } .sliderFeaturedTags { visibility: hidden; } .sliderFeaturedGradient { top: 400px; } .sliderFeaturedImg { top: 200px; width: auto; height: 200px; } .sliderFeaturedImg img { width: auto; height: 300px; } } /* ----------------------------------------- */ /* Content Template: Loop item in Slider – Featured - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Social Network and Stats - start */ /* ----------------------------------------- */ #twitterStat { color: #FFF; margin: 0; } /* ----------------------------------------- */ /* Content Template: Social Network and Stats - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Events List Widget - start */ /* ----------------------------------------- */ #listEventDate a { color: #ccc; padding-left: 30px; } /* ----------------------------------------- */ /* Content Template: Loop item in Events List Widget - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Featured Blog Post List - start */ /* ----------------------------------------- */ .featuredBlogListEntity { width: 50%; max-width: 725px; margin: 10px 5px; float: left; outline: 1px solid #333; box-shadow: #111 7px 7px 10px; overflow: hidden; } .blogListInfo { position: relative; float:left; width: 100%; height: 200px; overflow-y: hidden; } .blogListInfo img { width: 100%; height: auto; } .blogInfoGradient { width:100%; height:200px; position:absolute; right: 0; top: 0; background: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,.85)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.85)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.85)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.85)); /* Standard syntax (must be last) */ } .blogInfoGradient:hover { background: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(50,50,50,0.85)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, rgba(0,0,0,0.1), rgba(50,50,50,0.85)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, rgba(0,0,0,0.1), rgba(50,50,50,0.85)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(50,50,50,0.85)); /* Standard syntax (must be last) */ } .blogTitleExcerpt { position: absolute; bottom: 0; left: 0; padding: 10px 10px 0 15px; text-shadow: #000000 4px 4px 8px; -moz-text-shadow: #000000 4px 4px 8px; -webkit-text-shadow: #000000 4px 4px 8px; } .blogListInfo h2 { margin: 0; text-transform: uppercase; } .blogListInfo a { color: #DDD; } .blogListInfo a:hover { color: #DDD; } .blogListMeta { width: 100%; height: 40px; padding: 10px; float: left; background: #dfdfdf; color: #222; position: relative; } .blogListMeta a { background: #148426; padding: 5px 10px; color: #ccc; } /* mobile entity */ @media only screen and (min-device-width: 320px) and (max-device-width: 1050px) { .featuredBlogListEntity { width: 100%; } } /* mobile header */ @media screen and (max-device-width: 900px) { .featuredBlogListEntity { width: 100%; } .blogListInfo h2 { font-size: 25px; } .postDateAuthor { visibility: hidden; } .postCommentsNumber { visibility: hidden; } .blogListInfo img { width: auto; height: 100%; overflow: hidden; } .blogListInfo { overflow: hidden; } } /* ----------------------------------------- */ /* Content Template: Loop item in Featured Blog Post List - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – Movies - start */ /* ----------------------------------------- */ .mosaicBox { margin: 0; padding: 0; overflow: hidden; border: 1px solid #FFF; } .mosaicBox { opacity:0.5; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .mosaicBox:hover { opacity:1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .mosaicBox-img img { width: 100%; height: auto; } .mosaicBox-title { opacity: 1; position: absolute; color: #fff; text-transform: uppercase; font-weight: bold; top: 45%; left: 0; width: 100%; text-shadow: 1px 2px 2px #111; padding: 4px 10% 4px 10%; text-align: center; } .col-sm-2 { padding: 0; } /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – Movies - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – TV Series - start */ /* ----------------------------------------- */ .mosaicBox { margin: 0; padding: 0; overflow: hidden; border: 1px solid #FFF; } .mosaicBox { opacity:0.5; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .mosaicBox:hover { opacity:1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .mosaicBox-img img { width: 100%; height: auto; } .mosaicBox-title { opacity: 1; position: absolute; color: #fff; text-transform: uppercase; font-weight: bold; top: 45%; left: 0; width: 100%; text-shadow: 1px 2px 2px #111; padding: 4px 10% 4px 10%; text-align: center; } .col-sm-2 { padding: 0; } /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – TV Series - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – Animated Features - start */ /* ----------------------------------------- */ .mosaicBox { margin: 0; padding: 0; overflow: hidden; border: 1px solid #FFF; } .mosaicBox { opacity:0.5; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .mosaicBox:hover { opacity:1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .mosaicBox-img img { width: 100%; height: auto; } .mosaicBox-title { opacity: 1; position: absolute; color: #fff; text-transform: uppercase; font-weight: bold; top: 45%; left: 0; width: 100%; text-shadow: 1px 2px 2px #111; padding: 4px 10% 4px 10%; text-align: center; } .col-sm-2 { padding: 0; } /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – Animated Features - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – Short Films - start */ /* ----------------------------------------- */ .mosaicBox { margin: 0; padding: 0; overflow: hidden; border: 1px solid #FFF; } .mosaicBox { opacity:0.5; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .mosaicBox:hover { opacity:1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .mosaicBox-img img { width: 100%; height: auto; } .mosaicBox-title { opacity: 1; position: absolute; color: #fff; text-transform: uppercase; font-weight: bold; top: 45%; left: 0; width: 100%; text-shadow: 1px 2px 2px #111; padding: 4px 10% 4px 10%; text-align: center; } .col-sm-2 { padding: 0; } /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – Short Films - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – Commercials - start */ /* ----------------------------------------- */ .mosaicBox { margin: 0; padding: 0; overflow: hidden; border: 1px solid #FFF; } .mosaicBox { opacity:0.5; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .mosaicBox:hover { opacity:1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .mosaicBox-img img { width: 100%; height: auto; } .mosaicBox-title { opacity: 1; position: absolute; color: #fff; text-transform: uppercase; font-weight: bold; top: 45%; left: 0; width: 100%; text-shadow: 1px 2px 2px #111; padding: 4px 10% 4px 10%; text-align: center; } .col-sm-2 { padding: 0; } /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – Commercials - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – Videogames - start */ /* ----------------------------------------- */ .mosaicBox { margin: 0; padding: 0; overflow: hidden; border: 1px solid #FFF; } .mosaicBox { opacity:0.5; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .mosaicBox:hover { opacity:1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .mosaicBox-img img { width: 100%; height: auto; } .mosaicBox-title { opacity: 1; position: absolute; color: #fff; text-transform: uppercase; font-weight: bold; top: 45%; left: 0; width: 100%; text-shadow: 1px 2px 2px #111; padding: 4px 10% 4px 10%; text-align: center; } .col-sm-2 { padding: 0; } /* ----------------------------------------- */ /* Content Template: Loop item in Mosaic – Videogames - end */ /* ----------------------------------------- */