Guide - 3Way FM - Great Ocean Radio

#station-grid{ max-width: 1035px; } #station-grid th, #station-grid .program { width: 148px; } #station-grid tr{ height: 9px; } #station-grid .currentlyRunning { background: #f0d8d8; }#station-grid .day { background: #e30615;}#station-grid .time { background: #dedede;} /*Font imported for use on all widgets*/ @import url(https://fonts.googleapis.com/css?family=Karla); /* START: CUSTOM FOR ALL WIDGETS */ /*Font style on all widgets. Must match font selected above in @import url*/ /* On Air Now Banner */ .text-primary, .program-name, .next-text, .later-text, .now-overlay-text, .listen-now, .program-details-small, .h4, h4, /* Upcoming Shows Profile Sidebar */ .programInfo, .programInfoWhen, .programInfoName, .text-muted, /* Live Stream Strip */.playIcon a, .programName a, /*RSS News feed*/ .pageWrapper, .news-title { font-family: "Karla",Arial,Sans-Serif; } /*CUSTOM: Adjusts color of Listen Now, Next, Later text and Play Icons */ .text-primary, .programInfoWhen, .next-text, .later-text, .now-overlay-text, .now-overlay-text a, .listen-now, .program-link, .h4, h4, .banner .program-name, /*Player Strip*/ .playIcon a, .programName a, .fa-play-circle, /* RSS News Feed*/ .news-title, .pageWrapper a { color: #FFFFFF; } /*CUSTOM: Adjusts font size and style of Listen Now, Next, Later and other widget text headings */ .text-primary, .programInfoWhen, .next-text, .later-text, .h4, h4, .banner .program-name { font-size: 25px; padding-bottom: 4px; text-transform: none; } /*CUSTOM: Adjusts font color of program names and times */ .programInfo, .programInfoName a, .programInfoName a:visited, .text-muted, .pageWrapper, #station-grid .program-name { color: #2F2F2F; } /*ADJUST FONT SIZE ON PROGRAM NAMES & RSS NEWS FEED TEXT*/ .programInfo, .programInfoName a, .programInfoName a:visited, .now-overlay-text, .now-overlay-text a, .text-muted, .pageWrapper, .news-title, #page, #station-grid .program-name { font-size: 16px; line-height: 17px; padding-top: 3px; text-transform: none; } /*Adjusts size of play icon on all widgets*/ .fa-play-circle { font-size: 42px; } /*CHANGES BACKGROUND COLOR OF ALL WIDGETS. USUALLY SET TO TRANSPARENT TO DISPLAY WEEBLY BACKGROUND COLOR */ body { background-color: transparent; } /* ---------- END CUSTOM FOR ALL WIDGETS ---------- */ /* START: ON AIR NOW BANNER ONLY */ /*Adjusts Background color and opacity of On air Now Banner overlay for text*/ .now-overlay-background { opacity: 0.80; background-color: #E30613; border-color: #E30613; } /*Adjusts text size for 'Listen Now' text on On Air Now Banner */ .listen-now strong { font-weight: 500; font-size: 45px; text-transform: none; } /*Adjusts on On Air Now Banner borders. */ .now.img-thumbnail { border: none; border-radius: 0; } /*Adjusts text alignment on on air Now Banner 'next at' and 'later at' text */ .next-text, .later-text { text-align: left; opacity: 0.80; background-color: #E30613; border-color: #E30613; } /*---------- *END: ON AIR NOW BANNER ONLY -------- */ /*START: UPCOMING SHOWS PROFILE SIDEBAR*/ .program { padding-left: 2px; } @media (max-width: 220px) { .programWrap .programImgDiv { width: 100%; height: auto; float: none; } .programInfo { margin-left: 0; } .scale-center-crop { height: 150px; width: 150px; } } /* .programInfoWhen .programInfoName .text-muted */ /*END: UPCOMING SHOWS PROFILE SIDEBAR*/ /*LIVE STREAM STRIP DESKTOP AND MOBILE VIEWS*/ .liveStreamStripWrapper { height:inherit; border: none; border-radius: 3px; background: transparent; } /*Adjusts text font size, but text is hidden on mobile view*/ .playIcon a, .programName a { padding-left: 3px; text-transform: none; font-size: 16px; line-height: 17px; } .playIcon a { padding-left: 0px; text-transform: none; font-size: 16px; } /*CUSTOM: Adjusts color of play icon on on air strip only */ .liveStreamStripWrapper .fa-play-circle { color: red; } /* RSS FEED WEEBLY NEWS ON HOMEPAGE */ .scale-center-crop { padding: 0 6px 0 6px; } .text { display:none; } /*START AMRAP PAGES CUSTOM CHANGES IF LEFT UNCHANGED STATION WILL HAVE GENERIC BLUE AND GREY AMRAP PAGE. OR YOU CAN ADJUST TO SUIT STATIONS COLOR SCHEME*/ /*FONT TYPE AND COLOR OF MOST TEXT. USUALLY LEAVE AS DARK GREY #333333 */ body, a, p, td, .text,#trackNotes, #trackNotes p, .wikiExtract, .releaseComponent { font-family: "Karla",Arial,Sans-Serif; color: #444444; } /*CHANGES TEXT COLOR OF MOST HEADINGS. GOOD TO MATCH STATION LOGO OR HEADER COLOR. including Program Name, Episode Dates, Titles and Tracknames*/ .programName-main, .programTimeLine, #listenerView .trackList a:hover, #listenerView .trackList a:focus, #listenerView .trackHeader { color: #FF0000; } /* CALENDAR STYLING */ /* Uncomment below to turn all calendar text to uppercase */ /* #calendarStrip { text-transform: uppercase; } */ /*Color of date buttons on hover and the active date button. Good to Match to Header Color*/ #calendarStrip .episodeDay:hover, #calendarStrip .button:hover, #calendarStrip .currentlyRunning .episodeDay { background: #FF0000; } /*Adjusts color of all date buttons that are not hovered or active or visited */ #calendarStrip .inactiveButton, /*Background of active arrow button*/ #calendarStrip .activeButton { background: #121212; } /*Font color of inactive dates on calendar strip*/ #calendarStrip .inactiveButton { color: #ffffff; } /*Font color of inactive date when hovered over */ #calendarStrip .inactiveButton:hover { color: #ffffff; } /*Font color of active date on calendar strip*/ #calendarStrip .currentlyRunning .episodeDay { color: #ffffff; } /* color of Arrows on calendar strip */ #calendarStrip a .fa { color: #ffffff; } /*Usually leave as light grey #AAAAAA. Controls Text Color of Month/Year floating above calendar strip. 'Share Episode'& 'first aired on' message that appears when stations have multiple guides*/ #calendarStrip .month, .firstAired, .shareLink { color: #AAAAAA; } /*Usually leave as light grey. Adjusts Thickness and Color of all borders on calendar strip */ #calendarStrip .inactiveButton { border: 1px solid #ffffff; } /*Uncomment out below if the station has multiple guides to display guide name above Episode Dates*/ .firstAired { font-size: 0; } /* Uncomment below to changes background color of highlighted track row - use with caution and change text color to compliment it*/ /* #listenerView .highlightRow { background-color: #eeeeee; } */ /*END AMRAP PAGES CUSTOM CHANGES */ /*LAYOUT IMPROVEMENTS FOR ALL AMRAP PAGES - GENERALLY DON'T NEED TO CHANGE*/ /*Adds small rounded edges to Amrap Page banner image using border-radius*/ .zoomCenterCrop{ border-radius: 3px; } /*Amrap Page Profile Picture Alignment and Improvements including rounding image edges using border-radius*/ #listenerView { padding-right: 15px; } .programPhoto { margin-top: 30px; margin-left: 2px; border-radius: 5px; } /*Turns underline off from 'info' on tracklist and 'search playlist'*/ .trackContent a, #searchLink { text-decoration: none;} /*Content Pane improvements: Adds padding and rounds image edges using border-radius*/ #contentPane { display: block; vertical-align: top; padding: 15px; background-color: #eeeeee; border-radius: 5px; } img { border-radius: 5px; } /*Aligns Share Episode & Share Track to right */ .shareLinkIcons, .shareLink { text-align: right; } a, .text-primary { color: #e30613; } a:hover, a:focus { color: black; } .day-text { color: white; text-transform: uppercase; font-weight: bold; } .day { padding-top: 10px; font-weight: 400; } #station-grid .day { padding-bottom: 10px; } a { text-decoration: none; color: #818181; } a:hover { color: #ed1c23; text-decoration: underline; } .poweredByLine, .poweredByLine a { padding: 20px 0; } .schedule-corner { background: #ED1C23 none repeat scroll 0% 0%; border: 1px solid #808080; } .program-name { font-weight: bold; font-size: 13px; }