/* This file will hold styles that are loaded using the same media query as the NORMAL grid. */ /********* NORMAL **********/ /*-------------------------- ELEMENT SWITCHING BY SIZE .omega-[size]-up : style applies to [size] and larger formats .omega-[size]-only : style applies only the [size] format --------------------------*/ .omega-narrow-only { display:none !important; } .omega-normal-up, .omega-normal-only { display:block !important; } /*==========================================!!! HOME PAGE !!!============================================*/ /* LOGO - home page */ .front #zone-branding-wrapper { padding-top: 80px; height: 80px; } /*==========================================!!! LAYOUT !!!============================================*/ /* Negate grid margin - using to override omega grid */ #page .container-12 { width: 980px; } #page .container-12 .grid-12 { margin-left: 0px; margin-right: 0px; width: 980px; } #page .container-12 .grid-8 { width: 680px; } /* override default */ h1#page-title { font-size: 45px; } /*------------------------------------- NEWS PAGE, LEGACY PAGE, COMMUNITY PAGE Logo positioning and header height ------------------------------------*/ body.context-news #section-header, body.page-live #section-header, body.node-type-user-group #section-header { height: 390px; } body.context-news .region-branding-inner, body.page-live .region-branding-inner, body.node-type-user-group .region-branding-inner { position: absolute; top: 155px; left: 0; } /* LOGO */ a#fantorrent-logo-link { width: 400px; padding-top: 115px; } /*.front a#fantorrent-logo-link { width: 320px; padding-top: 102px; }*/ /*==========================================!!! NAVIGATION !!!============================================*/ /*----------------------------------------------------- ------------------------------------------------------- MAIN NAVIGATION - - - - Overrides Per Layout Size ------------------------------------------------------- -----------------------------------------------------*/ /* Home only */ .front #zone-menu-wrapper { top: 180px; } .front.responsive-layout-normal #block-superfish-1 ul li { padding-left: 30%; } .front.responsive-layout-normal #block-superfish-1 ul li li { padding-left: 8px; } /* not home */ #block-superfish-1 ul#superfish-1 { height: 47px; } #block-superfish-1 ul li a.main-nav { padding: 5px 18px 2px; font-size: 21px; line-height: 40px; } /* home navigation button */ #block-superfish-1 ul li#menu-583-1 a.main-nav { padding: 47px 2px 0; position: relative; width: 39px; } #block-superfish-1 ul li#menu-583-1 a:before { font-size: 19px; left: 10px; line-height: 37px; top: 4px; } /*----------------------------------------- Sub navigation - Main menu ------------------------------------------*/ #block-superfish-1 ul li li a { padding: 10px; } /* Specific SubNav ul positioning & width (per main nav item ID) */ /*==========================================!!! ARTICES !!!============================================*/ /*----------------------------------------------------- ------------------------------------------------------- ARTICLES - NODE ------------------------------------------------------- -----------------------------------------------------*/ /* article pull quote */ .node-sidebar-container .quote-item { width: 220px; } /* article pull quote */ .node-sidebar-container .quote-item .quote-start { font-size: 90px; margin-right: 10px; top: 20px; } .node-sidebar-container .quote-item .quote-end { font-size: 90px; margin-left: 10px; } .node-sidebar-container .quote-body { font-size: 20px; line-height: 140%; } /*--------------------------------------------------------------------- ----------------------------------------------------------------------- ARTICLES SIDEBAR ----------------------------------------------------------------------- ---------------------------------------------------------------------*/ /*------------------------------- NEWS - sidebar list -------------------------------*/ /* Show article thumbnails */ .region-sidebar-second #block-views-articles-sidebar-list .image { float: left; margin-right: 15px; width: 60px; display: block; } .region-sidebar-second #block-views-articles-sidebar-list .title { margin-left: 75px; } /*==========================================!!! MUSIC !!!============================================*/ /*----------------------------------------------------- ------------------------------------------------------- DISCOGRAPHY - Teaser List ------------------------------------------------------- -----------------------------------------------------*/ .page-music-albums .album-info-container { width: 40%; float: left; margin-right: 5%; /*margin-right: 4%; /* only for full page layout */ } .page-music-albums .song-list-container { width: 55%; float: left; } .page-music-albums .song-list-title { display: inline-block; vertical-align: top; width: 75%; } /*------------------------------------ POPUP WINDOW - song lyrics and player ------------------------------------*/ .page-music-albums .song-popup-title-and-player-container, .page-music-albums .song-popup-lyrics, .page-music-albums .song-popup-more-link { margin-left: 20px; } /* css3 arrow */ .page-music-albums .song-popup-title-and-player-container:before { left: 6px; } /*----------------------------------------------------- ------------------------------------------------------- ALBUM - Node ------------------------------------------------------- -----------------------------------------------------*/ /* MIDDLE ROW 3 - Discography + Related Products */ #album-store-view-container .teaser-grid li { width: 29.5%; } /*==========================================!!! TOUR !!!============================================*/ /*----------------------------------------------------- ------------------------------------------------------- TOUR - UPCOMING EVENTS - Teaser List ------------------------------------------------------- -----------------------------------------------------*/ /*-------------------------------- POPUP WINDOW - event details ----------------------------------*/ /* Containers */ .responsive-layout-normal.page-tour .popup-main-content { margin-left: 26px; } /* css3 arrow */ .page-tour #views-popup-wrapper:before { left: 12px; top: 28px; } /*---------------------------------------------------- TOUR - MAP ---------------------------------------------------- */ .page-tour .attachment .views-popup-container .view-header p { margin-bottom: 0; } /* Addes margin when MAP content displayed */ .events_page_map-main-content .view-content { margin-top: 20px; } .events_page_map-main-content .views-slidein:before { border-bottom: 15px solid #000; border-left: 15px solid transparent; border-right: 15px solid transparent; content: ""; display: block; left: 20%; margin-left: -15px; position: absolute; top: -15px; } .events_page_map-main-content .views-slidein-processed:before { display: none; } /*==========================================!!! LEGACY !!!============================================*/ /*--------------------------------------------------------------------- ----------------------------------------------------------------------- LEGACY - LIST of all dates ----------------------------------------------------------------------- ---------------------------------------------------------------------*/ /*-------- Available content Icons - trait links ---------*/ .legacy-trait-links { position: absolute; margin-left: 0; overflow: hidden; width: 23%; right: 0; top: 15px; /* equal to top padding of the .teaser-list-row */ } /*------------------------------------------ LEGACY EVENT LIST ------------------------------------------*/ .page-legacy-list .location-venue-wrapper { width: 55%; } /*----------------------------------------------------- ------------------------------------------------------- LEGACY - Archived Event - Node ------------------------------------------------------- -----------------------------------------------------*/ /*-------------------------------------------------- NODE PAGER - override default in .general-global.css ----------------------------------------------------*/ /* OLDER (previous) */ #legacy-header-row-container a#node-pager-previous-link { line-height: 19px; position: relative; width: 145px; padding-left: 40px; overflow: visible; height: 30px; padding-top: 0; } /* NEWER (next) */ #legacy-header-row-container a#node-pager-next-link { line-height: 19px; position: relative; width: 105px; overflow: visible; height: 30px; padding-top: 0; } /*==========================================!!! STORE !!!============================================*/ /*----------------------------------------------------- ------------------------------------------------------- STORE - LANDING ------------------------------------------------------- -----------------------------------------------------*/ /*----------------------------------------- TOP DOWNLOADS LIST ------------------------------------------*/ /*---------- container ----------*/ .page-store .view-display-id-dl_shows { clear: both; overflow: hidden; padding: 30px 0; border-bottom: 1px solid #aaa; margin-bottom: 30px; } /*----------- rows --------------*/ .page-store .dl_shows-main-content .views-row { float: left; margin: 0 1% 1% 0; border: 1px solid #aaa; padding: 0; text-align: left; width: 32%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .page-store .dl_shows-main-content .views-row:hover { background-color: rgba(0,0,0,0.07); } /*------- download icon --------*/ .top-downloads-list-item { padding: 10px 10px 10px 55px; } .top-downloads-list-item:before { left: 10px; } /*---------- row content ----------*/ .top-downloads-list-item .legacy-event-date-top, .top-downloads-list-item .legacy-event-date-bottom { line-height: 15px; font-size: 17px; } .top-downloads-list-item .legacy-event-location { font-size: 19px; line-height: 120%; border-top: 1px dashed #aaa; padding-top: 5px; } .top-downloads-list-item .legacy-event-venue { font-size: 11px; line-height: 120%; } /*----------------------------------------- TOP DOWNLOADS LIST ------------------------------------------*/ /*------ container ------*/ /*------ row content ------*/ /* icon */ /*--------------------------------------------- DEPARTMENT NAVIGATION ----------------------------------------------*/ #edit-department-id-wrapper .form-radios .form-item { margin-right: 10px; padding: 7px 15px; font-size: 16px; } /*----------------------------------------------------- ------------------------------------------------------- STORE - PRODUCT NODES ------------------------------------------------------- -----------------------------------------------------*/ /*-------------------------------- RELATED PRODUCTS ---------------------------------*/ .related-products-grid li.teaser-grid-row, .view-cart-upsell > li.teaser-grid-row { height: 160px; margin: 0 2% 2% 0; width: 130px; } /*==========================================!!! SPECIFIC PAGES !!!============================================*/ /*--------------------------------------------------------------------- ----------------------------------------------------------------------- YOUNG LION NECKLACE page ----------------------------------------------------------------------- ---------------------------------------------------------------------*/ .context-theyounglionlives #webform-client-form-4576 #edit-submitted-attachment-ajax-wrapper { position: absolute; top: 0; right: 90px; } .context-theyounglionlives #webform-client-form-4576 #edit-submitted-attachment-ajax-wrapper #webform-component-attachment { margin-top: 0; } .context-theyounglionlives #webform-client-form-4576 #edit-actions { position: absolute; top: 130px; right: 117px; }