sliders-new

Art of the Skins - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-artOfTheSkins" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0008/345950/cover-artOfTheSkins.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0016/346003/title-artOfTheSkins.png" alt="Art of the skins" title="Art of the skins" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Open daily until 20 Nov 2016 <br/> SLQ Gallery, level 2 and kuril dhagun, level 1</b></p>
    </div>
    <p>Awakening South East Queensland historical traditions through contemporary art, Art of the Skins revitalises the practice of possum skin cloak making.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/exhibitions/exhibition-art-of-the-skins" title="Exhibition details">Free exhibition</a></p>
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/exhibitions/exhibition-art-of-the-skins/closing-celebration" title="Closing celebration">Closing celebration</a></p>
        <p><a href="http://www.slq.qld.gov.au/showcase/artoftheskins" title="Showcase">Showcase</a></p>
        <p><a href="http://www.slq.qld.gov.au/belonging" title="Belonging program">Belonging program</a></p>
    </div> <!-- /.homepage-whatsOn-moreInfoLinks -->
</div> <!-- /#homepage-whatsOn-artOfTheSkins /.wideTitle darkBackground coverBackground -->

    

TraditionNow! - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-traditionNow" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0009/345951/cover-traditionNow.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0015/346002/title-traditionNow.png" alt="Tradition Now" title="Tradition Now" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Open daily until 5 Feb 2017 <br/> Philip Bacon Heritage Gallery, level 4 and Infozone, level 1</b></p>
    </div>
    <p>Twelve diverse individuals share their stories through objects, photographs, artwork and memories.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/exhibitions/tradition-now" title="Exhibition details">Free exhibition</a></p>
        <p><a href="http://www.slq.qld.gov.au/showcase/tradition-now" title="Showcase">Showcase</a></p>
    </div> <!-- /.homepage-whatsOn-moreInfoLinks -->
</div> <!-- /#homepage-whatsOn-traditionNow /.blockTitle darkBackground coverBackground -->

    

A State of War - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-aStateOfWar" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0017/346202/cover-aStateOfWar.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0019/346132/title-aStateOfWar.png" alt="A State of War" title="A State of War" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Online and Knowledge Walk, level 1</b></p>
    </div>
    <p>Uncover the key moments and stories and never-before-seen photographs which reveal how Queenslanders experienced the First World War, through the interactive, online portal, A State of War.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.astateofwar.org.au/" title="">Online</a></p>
        <p><a href="http://qanzac100.slq.qld.gov.au/showcase/a-state-of-war" title="Interactive display @ SLQ">Interactive display</a></p>
        <img class="homepage-whatsOn-supportersLogos" alt="Q ANZAC 100: Memories for a New Generation" title="Q ANZAC 100: Memories for a New Generation" src="http://www.slq.qld.gov.au/__data/assets/image/0003/346134/supporter-qanzac100-copy.png"/>
	</div> <!-- /.homepage-whatsOn-moreInfoLinks -->
  </div> <!-- /#homepage-whatsOn-aStateOfWar /.wideTitle darkBackground coverBackground -->

    

BWF2016 - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-BWF2016" class="coverBackground" style="background:#FDDFDA;color:#6e8e5b;">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0003/349725/title-BWF2016.png" alt="Uplit, Brisbane Writers Festival" title="Uplit, Brisbane Writers Festival" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>7&mdash;11 Sep, throughout SLQ</b></p> 
        <p>See you there for our annual five-day literary love affair!</p>
    </div>
   
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="https://uplit.com.au/festival/brisbane-writers-festival" title="Brisbane Writers Festival website" style="color:#6e8e5b;">Festival website</a></p>
        <p><a href="http://www.shop.slq.qld.gov.au/" title="Shop the books" style="color:#6e8e5b;">Shop the books</a></p>
    </div>
</div>
    

Fun Palace 2016 - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-FunPalace2016" class="lightBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0009/349722/cover-FunPalace.png);color:#000;">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0011/349724/title-block-FunPalace.png" alt="Fun Palace, Free!" title="Fun Palace, Free!" class="homepage-whatsOn-titleImage">
    </h3>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><b>Sat 1 Oct, 10.30am&mdash;3.30pm<br />Throughout SLQ</b><br />Celebrate the arts and sciences, learning, play and adventure in a day of fun family activities.</p>
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/learning/fun-palace-2016" title="Fun Palace event details" style="color:#000;">Free special event</a></p>
    </div>

</div>
    

QLA 2016 - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-QLA2016" class="wideTitle lightBackground coverBackground"><h3 class="QLA2016-webfont">Queensland Literary Awards 2016 winners</h3><div class="homepage-whatsOn-timeLocation"><!--<p>--><!--  <b>--><!--     Winners announced Wed 5 Oct, 6.30pm --><!--  </b>--><!--</p>--></div><p>The annual Queensland Literary Awards celebrate and promote outstanding Australian writers.</p><div class="homepage-whatsOn-moreInfoLinks"><p><a href="http://qldlitawards.org.au/winners/2016-winners" title="The winners">The winners</a></p><!--<p><a href="http://www.slq.qld.gov.au/audio-video/livestream" title="Watch the ceremony live stream">Watch the ceremony live stream</a></p>--><p><a href="http://www.shop.slq.qld.gov.au/books-all/queensland-literary-awards" title="Buy the books">Buy the books</a></p></div><!-- /.homepage-whatsOn-moreInfoLinks --></div><!-- /#homepage-whatsOn-nameofslide / -->
    

SLQ Celebrates - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-slqCelebrates" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0003/354549/Building-background-cropGrad.png)">
    <h3>
        <!--<img src="http://www.slq.qld.gov.au/__data/assets/image/0004/354550/SLQ-CELEBRATES!-Identity.png" alt="SLQ Celebrates" title="SLQ Celebrates" class="homepage-whatsOn-titleImage">-->
        SLQ Celebrates!
        </h3>
        <h4>10 Years, library of the future</h4>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Sat 12 Nov, 10am-4pm</b></p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
         <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/festivals/slq-celebrates" title="Celebrate at SLQ">Join us</a> in a day of festivities with markets, music, food,  activities, tours &amp; exhibitions. View the <a href="http://www.slq.qld.gov.au/showcase/slq-celebrates">showcase</a></a></p>
	</div> <!-- /.homepage-whatsOn-moreInfoLinks -->
  </div> <!-- /#homepage-whatsOn-aStateOfWar /.wideTitle darkBackground coverBackground -->

    

Day of Disability - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-dayOfDissability" class="darkBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0009/356670/dayOfDissability-custom.png)">   
	<h3 style="margin-top: -10px;">You’re Invited</h3>
	<div class="homepage-whatsOn-timeLocation">
	    <h4>Fri 2 &amp; Sat 3 Dec</h4>
	</div>
	<p>Join SLQ and Access Arts to celebrate <b>International Day of People with Disability</b> with two community events at The Edge.</p>
	<div class="homepage-whatsOn-moreInfoLinks">
	     <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/performances/international-day-of-people-with-disability">RSVP here</a></p>
	</div> <!-- /.homepage-whatsOn-moreInfoLinks -->
</div>

    

SRC 16-17 - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-scr16-17" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0008/356930/SLQ-SRC-2016-homepage-slider-background.jpg)">
    <div class="illustration"></div>
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0007/356929/SLQ-SRC-2016-homepage-slider-identity.png" alt="Summer Reading Club" title="Summer Reading Club" class="homepage-whatsOn-titleImage"></h3>
    <h4>Be a hero. Be a villain.</h4>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>1 Dec – 31 Jan</b></p>
    </div>
    <p>Participate online and at public libraries across Australia</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/children/summer-reading-club16-17" title="Summer Reading Club events">Find out more</a></p>
        <p><a href="http://www.summerreadingclub.org.au/theclub/" title="Join the club">Join the club</a></p>
    </div> <!-- /.homepage-whatsOn-moreInfoLinks -->
</div> <!-- /#homepage-whatsOn-traditionNow /.blockTitle darkBackground coverBackground -->

    

Barambah - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-Barahmbah" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0008/358217/slq-kd-Barambah-homepage-slider-background.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0010/358219/slq-kd-Barambah-homepage-slider-identity.png" alt="Barahmbah Cherbourg Art Craft" title="Barahmbah Cherbourg Art Craft" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Open daily until 16 Apr 2017<br/> kuril dhagun, level 1</b></p>
    </div>
    <p>Discover the creative diversity and historic production of Barambah Pottery.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/kd/barambah-pottery" title="Free exhibition">Free exhibition</a></p>
    </div>
</div>
    

Summer Holiday Fun 2016-2017 - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-EventName" class="mediumID lightBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0006/358467/slq-SummerHolidayFun-homepageslider-background.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0010/358480/slq-SummerHolidayFun-mediumID.png" alt="Family Fun these Holidays" title="Family Fun these Holidays" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Dec 2016 &ndash; Jan 2017 <br/> Storytelling sessions, film screenings, craft, music and more</b></p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/children/holiday-fun-2017" title="Free activities throughout SLQ" style="color:#000">Free activities throughout SLQ</a></p>
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/children/story-lab-summer-2016-17" title="Story Lab paid workshops" style="color:#000">Story Lab paid workshops</a></p>
    </div>
</div>
    

QM Awards 2017 - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-qma17" class="wideID darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0010/360757/SLQ-QMAwards2017-HomepageSlider-background.png)">
    <div class="illustration"></div>
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0011/360758/SLQ-QMAwards2017-HomepageSlider-branding-landscape-2.png" alt="Queensland Memory Awards 2017" title="Queensland Memory Awards 2017" class="homepage-whatsOn-titleImage"></h3>
    <p><b>State Library of Queensland's 2017 research fellowships are now open.</b></p>
    <div class="homepage-whatsOn-timeLocation">
        <p>Applications close 5pm, 29 March</p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/awards/qmawards" title="Apply now for SLQ 2017 research fellowships">Apply now</a></p>
    </div> <!-- /.homepage-whatsOn-moreInfoLinks -->
</div> <!-- /#homepage-whatsOn-qma17 /.wideID darkBackground coverBackground -->

    

Digital Futures Lab - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-digitalfutureslab" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0004/361273/digital-futures-background.png)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0005/361274/digital-futures-lab-text-and-eye-2.png" alt="Digital Futures Lab" title="Digital Futures Lab" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Open daily from 11 Feb – 5 Nov<br />SLQ Gallery, level 2</b></p>
    </div>
    <p>Venture into the virtual zone, an immersive space where machines come to life and reality blurs with technology.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/digital-futures/digital-futures/lab" title="Free interactive exhibition">Free interactive exhibition</a></p>
    </div>
</div>
    

2017 DigiVol - Pitch in! and become a digital volunteer - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-DigiVol" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0006/361689/Digi-vol-keyboard-cat.jpg)">
    <h3>Help us open up SLQ’s collections</h3>
    <p>You can transcribe digitised books, diaries and letters in DigiVol to make our collections searchable and easy to read.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/about-us/pitch-in" title="Event link">Learn more</a></p>
        <p><a href="http://www.slq.qld.gov.au/about-us/pitch-in/transcribe" title="Showcase link">Start transcribing</a></p>
    </div>
</div>
    

2017 UQ Architecture Lecture Series - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn-architect h3 {
        color: #FFCC00;
    }
    #homepage-whatsOn-architect {
    color: #FFF;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: bottom right 35px;
    background-color: #464648;
    }
    .mobile.home #homepage-whatsOn-architect {
        background-position: -100% -100%;
    }
    
</style>

<div id="homepage-whatsOn-architect" class="wideTitle" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0010/364393/UQ-Architecture-SLQ-web-slider-background-small.png)">
    <h3>UQ Architecture Lecture Series</h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Free talks &nbsp;|&nbsp; 21 Mar – 23 May, 6pm–8pm<br>SLQ Auditorium 1, level 2</b></p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p>Join international architects discussing contemporary architectural challenges facing society.</p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/professionals/talks/uq-architecture-lecture-series-2017" title="Book now">Book now</a></p><p><a href="http://www.slq.qld.gov.au/audio-video/livestream" title="Watch the live stream">Watch the live stream</a></p>
    </div> <!-- /.homepage-whatsOn-moreInfoLinks -->
</div> <!-- /#homepage-whatsOn-artOfTheSkins /.wideTitle darkBackground coverBackground -->

    

APAF - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn-apaf  {
        color: #FFF;
    }
    #homepage-whatsOn-apaf {
        
    }

</style>

<div id="homepage-whatsOn-apaf" class="wideTitle" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0009/365382/SLQ-APAF2017-HomepageSlider-background-3.gif)">
    <p><img src="http://www.slq.qld.gov.au/__data/assets/image/0010/365383/SLQ-APAF2017-HomepageSlider-branding-landscape-1.png" alt="Asia Pacific Architecture Forum" title="Asia Pacific Architecture Forum" style="height:120px;"></p>
    <div class="homepage-whatsOn-timeLocation"><p><b>18–31 Mar | SLQ and throughout Brisbane</b></p></div>
    <div class="homepage-whatsOn-moreInfoLinks"><p>Engage with architecture from across the Asia Pacific and explore Australia's role in shaping its future.</p></div>
    <div class="homepage-whatsOn-moreInfoLinks"><p><a href="http://aparchitectureforum.com">View program</a></p></div>
</div> <!-- /#homepage-whatsOn-artOfTheSkins /.wideTitle darkBackground coverBackground -->

    

2017 Game Changers - Wayne Gerard - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn-gameChangersGerard h3 {
        color: #FFF;
    }
    #homepage-whatsOn-gameChangersGerard {
    color: #FFF;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: bottom right 35px;
    background-color: #232b42;
    }
    body.mobile.home #homepage-whatsOn-gameChangersGerard {
        background-position: -100% -100%;
    }
    
</style>

<div id="homepage-whatsOn-gameChangersGerard" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0008/367982/GameChangers2017-HomePageSlider-background.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0009/367983/GameChangers2017-HomePageSlider-identity.png" alt="Game Changers" title="Game Changers" class="homepage-whatsOn-titleImage"></h3>
    <p><b>In conversation with Wayne Gerard, CEO of RedEye Apps</b></p>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Free talk &nbsp;|&nbsp; Thu 27 Apr, 6pm–7pm<br>SLQ Auditorium 1, level 2</b></p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/livestreams/wayne-gerard" title="Book now">Book now</a></p><p><a href="http://www.slq.qld.gov.au/audio-video/livestream" title="Watch the live stream">Watch the live stream</a></p>
    </div> <!-- /.homepage-whatsOn-moreInfoLinks -->
</div> <!-- /#homepage-whatsOn-gameChangersGerard /.wideTitle darkBackground coverBackground -->

    

Freedom then freedom now - Live

code (HTML/CSS)
    <style>
    .mobile.home #homepage-whatsOn-FTFN p{margin-top:0px;margin-right:80px;}
    .mobile.home .pineappleman{
       position:absolute;
       right:0;
       bottom:-40px;
       width:160px;
    }
    .mobile.home #homepage-whatsOn-FTFN h3 img{height:80px;}
    
    .mobile.home #FTFN-open {
        width:270px;
    }
    
    .mobile.home #FTFN-open {
        margin-top:10px;
        margin-bottom:0px;
        }
        
    .mobile.home #FTFN-location {
        width:230px;
    }
    
    .mobile.home #FTFN-tagline {
        width: 240px;
    }
    
    .tablet.home .pineappleman{
       position:absolute;
       right:0;
       bottom:-30px;
    }
    
    .tablet.home #homepage-whatsOn-FTFN p {
        margin-top:0px;
        margin-bottom:8px;
        margin-right:80px;
    }
    
    .tablet.home #FTFN-open {
        width:280px;
    }
    
    .tablet.home #FTFN-location {
        width:240px;
    }
    
    .tablet.home #FTFN-tagline {
        width: 240px;
    }
    
    .desktop.home #homepage-whatsOn-FTFN p{margin-right:50px;}
    
    .desktop.home #FTFN-open p {
        margin-top:25px;
        margin-bottom:2px;
    }
    
     .desktop.home #FTFN-tagline p {
        margin-top:15px;
    }
    
    .desktop.home .homepage-whatsOn-moreInfoLinks {
        margin-top:15px;
    }
    
    .desktop.home .pineappleman{
       position:absolute;
       right:30px;
       bottom:0;
    }
</style>
<div id="homepage-whatsOn-FTFN" class="blockTitle lightBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0020/370172/FTFN-background.jpg)"><h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0018/370170/FTFN-freedom-title.png" /></h3>

    <img src="http://www.slq.qld.gov.au/__data/assets/image/0003/370155/FTFN-Pineappleman.png" class="pineappleman">
    <div id="FTFN-open">
        <p>
        <b>Open daily 5 May &ndash; 19 Nov
        <i> (last day this Sunday)</i></b><br></p>
     </div>   
    <div id="FTFN-location">
        <p><b>Philip Bacon Heritage Gallery, lvl 4</b></p>
    </div>
    <div id="FTFN-tagline">
        <p>What does it mean to be free in Queensland?</p>
    </div>
    
  <div class="homepage-whatsOn-moreInfoLinks">
      <p><a href="http://www.slq.qld.gov.au/showcase/freedom-then-freedom-now" title="Showcase link">Free exhibition</a></p>
  </div>
</div>
    

Don't Just Count Us, Let Us Count - Live

code (HTML/CSS)
    <style>


.desktop.home #homepage-whatsOn-DJCULUC h3 {
    position: absolute;
    right: 20px;
}
.desktop.home #homepage-whatsOn-DJCULUC h3 img {
    height:180px;
}

.desktop.home #homepage-whatsOn-DJCULUC h3 + p {
    margin-top: 130px;
}

.tablet.home #homepage-whatsOn-DJCULUC h3 img, .mobile.home #homepage-whatsOn-DJCULUC h3 img  {
    max-height:120px;
}
.mobile.home  #homepage-whatsOn-DJCULUC .homepage-whatsOn-moreInfoLinks p {display:block;}

</style>
<div id="homepage-whatsOn-DJCULUC" class="darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0008/370259/DJCULUC-background-image.jpg)"><h3><img alt="Don't just count us, let us count!" src="http://www.slq.qld.gov.au/__data/assets/image/0018/370260/DJCULUC-identity-image.png" /></h3>
  <p>
    <b>Open daily until 1 Oct 2017 
    <br>kuril dhagun, level 1</b></p>
    <p>Creative reflections of the 1967 Referendum</p>
  <div class="homepage-whatsOn-moreInfoLinks">
      <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/kd/dont-just-count-us/exhibition" title="Free exhibition">Free exhibition</a></p><p><a href="http://www.slq.qld.gov.au/audio-video/recent-webcasts/50-years-and-counting" title="Learn about the anniversary ">Learn about the anniversary </a></p>
  </div>
</div>
    

2017 Makerfest - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-brismakerfest" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0007/372580/brismakerfest-background-compressed.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0009/373257/brismakerfest-wideID-nodate.png" alt="brismakerfest, connecting makers & manufacturers" title="brismakerfest, connecting makers & manufacturers" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p style="color:#003f69"><b>Saturday 3 Jun, 9.30am-5pm<br> The Edge</b></p>
    </div>
    <p>A maker event for industry professionals, hobbyists, future makers, and the curious!</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/festivals/brismakerfest" title="Free interactive exhibition">Find out more and register</a></p>
    </div>
</div>
    

Shakespeare Portfolio - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-shakespearePortfolio" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0009/373455/Shakespeare-SLQ-web-page-background.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0008/373454/Shakespear-stacked-title.png" alt="Shakespeare’s First Folio and Queensland Treasures" title="Shakespeare’s First Folio and Queensland Treasures" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>6 June, 6.30pm | SLQ Auditorium 1 | $15</b></p>
    </div>
    <p>An extraordinary opportunity to see Australia’s only original copy of Shakespeare’s First Folio.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/talks/shakespeares-first-folio-and-queensland-treasures" title="Sold out">Sold out</a></p>
    </div>
</div>
    

Copy of 2017 UQ Architecture Lecture Series - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn-architect h3 {
        color: #FFCC00;
    }
    #homepage-whatsOn-architect {
    color: #FFF;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: bottom right 35px;
    background-color: #464648;
    }
    .mobile.home #homepage-whatsOn-architect {
        background-position: -100% -100%;
    }
    
</style>

<div id="homepage-whatsOn-architect" class="wideTitle" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0010/364393/UQ-Architecture-SLQ-web-slider-background-small.png)">
    <h3>UQ Architecture Lecture Series</h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Free talks &nbsp;|&nbsp; 21 Mar – 23 May, 6pm–8pm<br>SLQ Auditorium 1, level 2</b></p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p>Join international architects discussing contemporary architectural challenges facing society.</p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/professionals/talks/uq-architecture-lecture-series-2017" title="Book now">Book now</a></p><p><a href="http://www.slq.qld.gov.au/audio-video/livestream" title="Watch the live stream">Watch the live stream</a></p>
    </div> <!-- /.homepage-whatsOn-moreInfoLinks -->
</div> <!-- /#homepage-whatsOn-artOfTheSkins /.wideTitle darkBackground coverBackground -->

    

2017 Story Lab Winter - Live

code (HTML/CSS)
    <style>
    .mobile.home #homepage-whatsOn-StoryLabWinter2017 p{margin-top:0px;margin-right:80px;}
    .mobile.home #homepage-whatsOn-StoryLabWinter2017 h3 img{height:80px; width:160px;}
    .tablet.home #homepage-whatsOn-StoryLabWinter2017 p{margin-top:20px;margin-right:80px;}
    .tablet.home #homepage-whatsOn-StoryLabWinter2017 h3 img{height:80px; width:160px;}
    .desktop.home #homepage-whatsOn-StoryLabWinter2017 p{margin-top:20px;margin-right:100px;}
</style>

<div id="homepage-whatsOn-StoryLabWinter2017" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0004/374818/slq-homepage-slider-background-StoryLab-Winter2017.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0007/374821/slq-homepage-slider-identity-StoryLab-Winter2017-withshadow.png" alt="Story Lab Winter 2017" title="Story Lab Winter 2017" class="homepage-whatsOn-titleImage" width="240" height="120" id="storylabwinter2017"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Winter 2017 workshop series, 26 Jun - 7 Jul</b></p>
    </div>
    <p>Explore your creativity. Upgrade your skills. Express yourself through writing, art, design and technology.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/children/story-lab-winter-2017" title="View the workshops">View the workshops</a></p>
    </div>
</div>
    

2017 YWA - Live

code (HTML/CSS)
    <style>
    .mobile.home #homepage-whatsOn-YWA2017 h3{margin-top:-15px;margin-left:-18px;}
    .tablet.home #homepage-whatsOn-YWA2017 h3{margin-top:-15px;margin-left:-12px;}
    .desktop.home #homepage-whatsOn-YWA2017 h3{margin-top:-20px;margin-left:-18px;}
</style>
<div id="homepage-whatsOn-YWA2017" class="blockTitle lightBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0006/377133/slq-YWA-2017-homepage-slider-background-tile.gif);background-repeat: repeat;background-size:120px;">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0006/379752/slq-YWA-2017-homepage-slider-identity-medium-nocrop.png" alt="Young Writers Award 2017" title="Young Writers Award 2017" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Entries close Thu 31 Aug, 5pm</b></p>
    </div>
    <p>Submit your short story for the chance to win $2,000 and launch your literary career!</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/awards/ywa" title="Event now">Enter now</a></p>
        <p><a href="http://www.slq.qld.gov.au/whats-on/awards/ywa/past_winners" title="Read past winning stories">Read past winning stories</a></p>
    </div>
</div>
    

2017 Edge book club - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-EdgeBookClub" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0007/377134/bookclub-theedge-background.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0003/377238/bookclub-theedge-mediumID.png" alt="The Edge Book Club" title="The Edge Book Club" class="homepage-whatsOn-titleImage"></h3>
    <p>Not your average book club…</p>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Starts Mon 10 Jul for a limited, four-part series</b></p>
    </div>
    
    <p>The Edge | Ages 16+ | Free</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/talks/the-edge-book-club" title="Register">Register</a></p>
    </div>
</div>
    

2017 Indigenous Languages QLD - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-IndigenousLanguages" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0003/377418/slq-NAIDOC-2017-homepage-slider-background.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0011/377417/slq-NAIDOC-2017-homepage-slider-identity-medium.png" alt="Indigenous Languages QLD" title="Indigenous Languages QLD" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Discover Queensland’s Indigenous languages</b></p>
    </div>
    <p>Use SLQ’s Aboriginal and Torres Strait Islander language resources to learn words for animals, numbers, how to say g’day, and more.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/resources/atsi/languages" title="Event link">Learn now</a></p>
    </div>
</div>
    

QLA 2017 vote now - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn-QLA2017-votenow{

    }
</style>
<div id="homepage-whatsOn-QLA2017-votenow" class="blockTitle lightBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/file/0005/381443/QLA-2017-slider-VOTENOW-background.svg);">
    <h3>
        <img src="http://www.slq.qld.gov.au/__data/assets/image/0004/381442/QLA-2017-slider-VOTENOW-500w-compressed.png" alt="Queensland Literary Awards 2017, The Courier Mail People's Choice Book of the Year Award, vote now" title="Queensland Literary Awards 2017, The Courier Mail People's Choice Book of the Year Award, vote now" class="homepage-whatsOn-titleImage" />
    </h3>
    <p>Vote for your Queensland Book of the Year</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a style="color:#706864;" href="http://www.qldliteraryawards.org.au" title="Shortlist now revealed">Shortlist now revealed</a></p>
    </div>
</div>
    

QLA 2017 generic - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn-QLA-Generic{
        background-image:url(http://www.slq.qld.gov.au/__data/assets/file/0010/383770/QLA-2017-slider-bg-generic.svg);
        background-color: #716865;
        background-position:right;
        background-repeat:no-repeat;
        color:#fff;
    }
    .mobile #homepage-whatsOn-QLA-Generic{
        background-size:114%;
    }
    #homepage-whatsOn-QLA-Generic h3{
        margin-bottom:1em;
    }
</style>

<div id="homepage-whatsOn-QLA-Generic" class="blockTitle">
    <h3>
        <img src="http://www.slq.qld.gov.au/__data/assets/image/0009/383769/QLA-2017-slider-title-year-rev.png" alt="Queensland Literary Awards 2017" title="Queensland Literary Awards 2017" class="homepage-whatsOn-titleImage" />
    </h3>
    
    <div class="homepage-whatsOn-timeLocation"><p><b>Shortlist now revealed</b></p></div>
    <div class="homepage-whatsOn-moreInfoLinks"><p><a href="http://www.qldliteraryawards.org.au" title="Queensland Literary Awards 2017">Discover this year&rsquo;s finalists</a></p>
    </div>
</div>
    

Crowdgiving - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn #homepage-whatsOn-Crowdgiving{
        background: #063342;
        background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0009/384228/QLF-CrowdGiving-homepage-slider-HANDS-fs8.png);
        background-size:cover;
    }
</style>
<div id="homepage-whatsOn-Crowdgiving" class="blockTitle darkBackground">
    <h3>
        <img src="http://www.slq.qld.gov.au/__data/assets/image/0010/384229/QLF-CrowdGiving-homepage-slider-TITLE-fs8.png" alt="Crowd Giving" title="Crowd Giving" class="homepage-whatsOn-titleImage" />
    </h3>
    <p>Fund an SLQ project of your choice</p>
    <p>Tue 3 Oct, 6.30pm–8pm<br>
SLQ Auditorium 2, level 2<br>
$100 donation to Queensland Library Foundation</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/talks/crowd-giving-2017" title="Learn more">Learn more</a></p>
    </div>
</div>
    

Fun Palace - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn #homepage-whatsOn-FunPalace{
        background: #d3eaf8;
    }
    #homepage-whatsOn #homepage-whatsOn-FunPalace .balloon{
        position: absolute;
        height: 250px;
        right:50px;
        bottom:10px;
    }
    
    #homepage-whatsOn #homepage-whatsOn-FunPalace .blurb {
        position:absolute;
        bottom:30px;
        font-weight:bold;
    }

.mobile.home #homepage-whatsOn #homepage-whatsOn-FunPalace.blockTitle h3 img {
    max-height:100px;
}
.mobile.home #homepage-whatsOn #homepage-whatsOn-FunPalace .balloon{ 
    right:10px;
    height: 170px;
}
.tablet.home #homepage-whatsOn #homepage-whatsOn-FunPalace.blockTitle h3 img {
    max-height:120px;
}
.tablet.home #homepage-whatsOn #homepage-whatsOn-FunPalace .balloon{ 
    right:10px;
    height: 190px;
}
.desktop.home #homepage-whatsOn #homepage-whatsOn-FunPalace.blockTitle h3 img {
    max-height:140px;
}

</style>
<div id="homepage-whatsOn-FunPalace" class="blockTitle lightBackground">
    <img src="http://www.slq.qld.gov.au/__data/assets/image/0009/384408/Balloon-and-clouds-side-graphic.png" class="balloon" alt="A drawing of a child in a hot hair balloon" />
    <h3>
        <img src="http://www.slq.qld.gov.au/__data/assets/image/0010/384409/Fun-Palace-banner.png" alt="Fun Palace" title="Fun Palace" class="homepage-whatsOn-titleImage" />
    </h3>
<div class="blurb">
<p>Saturday 7 Oct<br>9.30am–2.30pm<br>
Throughout SLQ</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/festivals/fun-palace2" title="Free family fun day">Free family fun day</a></p>
    </div>
    </div>
</div>
    

Jabu Birriny - Live

code (HTML/CSS)
    <style>
    .mobile #homepage-whatsOn-jabubirriny h3,.tablet #homepage-whatsOn-jabubirriny h3 {
        padding-bottom: 2em;
    }
</style>
<div id="homepage-whatsOn-jabubirriny" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0010/386812/slq-kd-JabuBirriny-slq-homepage-background.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0008/386810/slq-kd-JabuBirriny-slq-homepage-title2b-fs8.png" alt="Jabu Birriny" title="Jabu Birriny" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>22 October — 4 March 2018 <br/> kuril dhagun, level 1
</b></p>
    </div>
    <p><a href="http://jabubirriny.slq.qld.gov.au/">Contemporary stories by Yarrabah artists</a></p>
<!--    <div class="homepage-whatsOn-moreInfoLinks"></div>-->
</div>
    

2017 MFW My father's wars - Live

code (HTML/CSS)
    <style>

.desktop.home #mfwEventInfo {
    position:absolute;
    top:100px;
}
    
.desktop.home #mfwDescription {
    position:absolute;
    top:200px;
    width: 290px;
}
    
.desktop.home #mfwRibbon {
        position: absolute;
        right: 15px;
        top:100px;
    }

.desktop.home #mfwFather {
    position:absolute;
    bottom:0;
    left:250px;
}
    
.tablet.home #mfwEventInfo {
    position:absolute;
    top:100px;
}
    
.tablet.home #mfwDescription {
    position:absolute;
    top:180px;
    width: 180px;
}
    
.tablet.home #mfwRibbon {
        position: absolute;
        right: 15px;
        bottom: 40px;
    }
    
.tablet.home #mfwFather {
    position:absolute;
    bottom:0;
    left:20px;
}

.mobile.home #mfwEventInfo {
    position:absolute;
    top:100px;
    width:180px;
}
    
.mobile.home #mfwDescription {
    position:absolute;
    top:180px;
    width: 180px;
}

.mobile.home #mfwFather {
    position:absolute;
    bottom:0;
    left:20px;
}

.mobile.home #mfwRibbon {
        position: absolute;
        width:90px;
        right:15px;
        top:105px;
}

</style>
<div id="homepage-whatsOn-mfw" class="blockTitle lightBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0010/387406/mfw-qanzac-backgroundv2.jpg)">
    <h3><img id="mfwID" src="http://www.slq.qld.gov.au/__data/assets/image/0011/387407/mfw-qanzac-wideID.png" alt="Title Block: My Father's War" title="My Fathers War" /></h3>
    <img id="mfwFather" src="http://www.slq.qld.gov.au/__data/assets/image/0005/387410/mfw-qanzac-father.png" alt="Photo of Bill Acworth in Millitary Uniform" />
    <div id="mfwDescription">
        <p>Elaine Acworth&rsquo;s dramatic works on her father, a soldier of two world wars</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <a href="http://qanzac100.slq.qld.gov.au/showcase/my-fathers-wars-podcasts" title="podcast details link">Listen</a>
    </div>
    </div>
    <img id="mfwRibbon" src="http://www.slq.qld.gov.au/__data/assets/image/0004/387409/mfw-qanzac-ribbon.png" alt="QANZAC 100 Ribbon Branding" />
    </div>

    

YWC2017 - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn-ywc2017 h3 img {
        max-height: 140px;
    }
    .tablet #homepage-whatsOn-ywc2017 h3 img {
        max-height: 125px;
    }
    .mobile #homepage-whatsOn-ywc2017 h3 img {
        max-height: 120px;
    }
    #homepage-whatsOn-ywc2017 p {
        line-height: 16px;
    }
</style>
<div id="homepage-whatsOn-ywc2017" class="wideTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0008/388376/slq-YWC-2017-homepage-slider-background-cropped.png)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0005/388373/slq-YWC-2017-homepage-slider-title.png" alt="Young Writers Conference" title="Young Writers Conference" class="homepage-whatsOn-titleImage"></h3>
    <p>Take your writing further</p><p>Learn from award-winning young writers and publishers</p>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Sat 25 Nov, for ages 15-25
</b></p>
    </div>
    <p><a title="Book now" href="http://www.slq.qld.gov.au/whats-on/calevents/general/learning/young-writers-conference-2017">Book now</a></p>
</div>
    

Remembrance Day 2017 - Live

code (HTML/CSS)
    <style>

    #homepage-whatsOn-RemembranceDay {
        display:flex;
        flex-flow:column;
        align-items: center;
        justify-content:center;
        text-align:center;
        }
        
        #homepage-whatsOn-RemembranceDay p {
            margin-bottom:4px;
        }
        
        #homepage-whatsOn-RemembranceDay #remembranceText {
         max-width:500px;
         padding-bottom:20px;
        }
        
        .tablet.home #remembranceText {
            width: 340px;
        }
        
        .mobile.home #remembranceText {
            width: 310px;
        }

</style>

<div id="homepage-whatsOn-RemembranceDay" class="darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/_slqmedia/whats-on-slider/past-events-listings/past-event-assets/SLQ-homepageslider-RemembranceDay-image2.jpg)">
    <h3><img id="remembranceText" src="http://www.slq.qld.gov.au/_slqmedia/whats-on-slider/past-events-listings/past-event-assets/SLQ-homepageslider-RemembranceDay-text.png"></h3>
    <p>Who will you remember?</p>
    <p>
        <a href="http://blogs.slq.qld.gov.au/ww1/2017/11/09/who-will-you-remember/">Learn more at our Queensland’s World War 1 Centenary blog</a>
    </p>
</div>
    

2017 Summer Festival - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn-summerFest p {
        color:#143d51;
    }

    #summerFest-Rocket {
        position: absolute;
        right:25px !important;
        top: 60px !important;
    }
    
    #summerFest-info {
        width:310px;
    }

    .desktop.home #homepage-whatsOn .blockTitle h3 img {
        max-height: 140px;
    }
    
        .tablet.home #homepage-whatsOn .blockTitle h3 img {
        max-height: 140px;
    }
        .mobile.home #homepage-whatsOn .blockTitle h3 img {
        max-height: 150px;
    }
    
    .homepage-whatsOn-moreInfoLinks p {
        color:#143d51;
        
    }
    
    .tablet #summerFest-Rocket {
        display:none;
    }
    
    .mobile #summerFest-Rocket {
        display:none;
    }
    
</style>

<!--style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0009/389331/sf-background.jpg)">-->

<div id="homepage-whatsOn-summerFest" class="blockTitle lightBackground coverBackground" style="background-color:#bfe6f1">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0010/389323/title-all.png" alt="Summer Festival" title="Summer Festival" class="homepage-whatsOn-titleImage" /></h3>
    <img src="http://www.slq.qld.gov.au/__data/assets/image/0008/389303/rocket.png" alt="Summer Festival" id="summerFest-Rocket">
    <div class="homepage-whatsOn-timeLocation">
        <p><b> 18 Dec to 21 Jan 2018</b></p>
    </div>
    <p id="summerFest-info">Free activities and Story Lab workshops for children, young people and families</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/summerfestival" title="Event link">Make your summer a story to remember</a></p>
      <!--  <p><a href="#" title="Showcase link">Link to showcase</a></p> -->
    </div>
</div>  
    

2017 sunny murri christmas - Live

code (HTML/CSS)
    <style>
    .desktop .homepage-whatsOn-smcText {
        margin-top:30px;
    }
    
    .desktop #homepage-whatsOn-smc {
        background-position-y:-210px;
    }
    .desktop #homepage-whatsOn-smc h3 {
        max-width:340px;
    }
    
    .desktop #smc-murriClaus {
        position:absolute;
        top:20px;
        right:10px;
        width:250px;
    }
    /* Claus right
    .tablet #smc-murriClaus {
        position:absolute;
        bottom:0px;
        right:0px;
        width:160px;
    }
    .mobile #smc-murriClaus {
        position:absolute;
        bottom:20px;
        right:10px;
        width:170px;
    } */
    
    .tablet #homepage-whatsOn-smc h3 {
        max-width:300px;
        margin-left:15px;
    }
    
    .tablet #smc-murriClaus {
        position:absolute;
        bottom:10px;
        left:10px;
        width:160px;
    }

    .tablet .homepage-whatsOn-smcText {
        margin-left:160px;
        margin-top:30px;
    }
    
    .mobile .homepage-whatsOn-smcText {
        margin-left:150px;
        margin-top:30px;
    }
    
    .mobile #smc-murriClaus {
        position:absolute;
        bottom:10px;
        left:0px;
        width:160px;
    }
    
    

</style>

<div id="homepage-whatsOn-smc" class="blockTitle lightBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0004/389398/slq-MurriChristmas-SLQslider-background.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0006/389400/slq-MurriChristmas-SLQslider-title-trimmed.png" alt="Sunny Murry Christmas" title="Sunny Murry Christmas" class="homepage-whatsOn-titleImage"></h3>
    <img src="http://www.slq.qld.gov.au/__data/assets/image/0005/389399/slq-MurriChristmas-SLQslider-MurriClaus.png" alt="Murri Claus and kids illustration" id="smc-murriClaus">
    <div class="homepage-whatsOn-smcText">
        <div class="homepage-whatsOn-timeLocation">
            <p><b>Sat 2 Dec, 1-3pm<br/>Maiwar Green</b></p>
        </div>
        
        <!--
        <p>join Murri Claus for an afternoon of stories, song and dance, as well as some fun and colourful workshops</p>-->
        <div class="homepage-whatsOn-moreInfoLinks">
            <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/kd/sunny-murri-christmas-2017" title="Event link">Free family fun</a></p>
        </div>
    </div>
</div>
    

2017 YWA Results - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn-YWA2017-congrats {margin-top:40px;}
    #homepage-whatsOn-YWA2017-congrats p {margin-top:10px;line-height: 1.5;}
    .tablet.home #homepage-whatsOn-YWA2017-congrats, .mobile.home #homepage-whatsOn-YWA2017-congrats {width: 180px;}
    .mobile.home #homepage-whatsOn-YWA2017 h3{margin-top:-15px;margin-left:-18px;}
    .tablet.home #homepage-whatsOn-YWA2017 h3{margin-top:-15px;margin-left:-12px;}
    .desktop.home #homepage-whatsOn-YWA2017 h3{margin-top:-20px;margin-left:-18px;}
</style>
<div id="homepage-whatsOn-YWA2017" class="blockTitle lightBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0006/389490/slq-YWA-2017-homepage-slider-background-tile.gif);background-repeat: repeat;background-size:120px;">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0007/389491/slq-YWA-2017-homepage-slider-identity-medium-nocrop.png" alt="Young Writers Award 2017" title="Young Writers Award 2017" class="homepage-whatsOn-titleImage"></h3>
    <!--
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Congratulations to the 2017 winners and finalists</b></p>
    </div>-->
    <div id="homepage-whatsOn-YWA2017-congrats">
        <p><b>Congratulations to the 2017 winners and finalists</b></p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/awards/ywa" title="Read winning stories">Read their stories</a></p>
    </div>
</div>
    

2017 Summer Reading Club SRC - Live

code (HTML/CSS)
    <style>
    
    #SRC-date {
        font-size:14px;
    }
    
    #src-characters {
        display:none;
    }
    
    @keyframes hovering {
        0% {
            transform:translateY(-20px);
        }
        
        100% {
            transform:translateY(0px);
        }
    }
    
    .desktop.home #homepage-whatsOn-src #src-characters {
        display:block;
        position:absolute;
        right:40px;
        top:40px;
        max-height:200px;
        animation: hovering 7s linear alternate infinite;
    }
    
    .desktop.home #homepage-whatsOn-src h3 img {
        margin-left:40px;
        max-height: 180px;

    }
    
    .tablet.home #homepage-whatsOn-src h3 img {
        margin-left:90px;
        max-height: 180px;

    }
    
    .mobile.home #homepage-whatsOn-src h3 img {
        margin-left:65px;
        max-height: 180px;
    }
</style>

<div id="homepage-whatsOn-src" class="darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0003/390171/SRC-Game-On-background.png)">
    <h3>
       <img id="src-heading" src="http://www.slq.qld.gov.au/__data/assets/image/0005/390173/src-game-on.png" alt="Summer Reading Club 1 Dec 2018 to 31 Jan 2018" title="Summer Reading Club" > 
    </h3>
    <p id="SRC-date">1 Dec — 31 Jan</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.summerreadingclub.org.au" title="Event link">Join now and supercharge your summer</a></p>
    </div>
    <img id="src-characters" src="http://www.slq.qld.gov.au/__data/assets/image/0007/390175/wombat.png" alt="wombat in space suit on flying board">
</div>
    

2017-12 Magnificent Makers - Live

code (HTML/CSS)
    <style>
/*** ANIMATIONS ***/
		
@keyframes airship-travel {
 0% {
 transform: translateX(-100px);
}
 100% {
 transform: translateX(700px);
}
}
 @keyframes airship-bob {
 0% {
 transform: translateY(0);
}
 100% {
 transform: translateY(2em);
}
}

#steampunk-airship-container {
	position: absolute;
	overflow: hidden;
	top: 10px;
	left:-20px;
	width:650px;
	animation: airship-bob 4s infinite alternate;
}
#steampunk-airship {
    display:block;
	position: relative;
	overflow: hidden;
	width: 120px;
	animation: airship-travel 25s infinite linear;
}

#makers-finalWeeks {
    font-size: 24px;
    font-weight:bold;
}

.desktop #steampunk-airship {
    
}

.tablet #steampunk-airship {
    top:10px;
    right:5px;
}

    #homepage-whatsOn-makers-svg {
        width: 270px;
        z-index:100;
    }
    
  .mobile #homepage-whatsOn-makers-svg {
        margin-top:10px;
        width: 220px;
        left:10px;
    }

#homepage-whatsOn-makers-info p {
    color:white;
}

#homepage-whatsOn-makers h3 {
    margin-bottom:0;
}

</style>
<div id="homepage-whatsOn-makers" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0017/390320/Magnificent-Makers-SLQ-web-page-backgroundV2.jpg)">
    <h3>
<svg id="homepage-whatsOn-makers-svg" title="Magnificent Makers" version="1.1" id="makers" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 3124 1824" style="enable-background:new 0 0 3124 1824;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#BED749;}
</style>
<path id="black" d="M604.9,801.3l6.3,30.5l-12.3,1.8L604.9,801.3z M1502.3,406.5c0,0-8.8,1.3-8.8,14.3l0.1,478.2
	c0.8,11.2,8.8,10.9,8.8,10.9c7.2-0.2,13.7,5.3,13.7,14.2c0,8.9-8,17.4-16.9,18.7l-75.1,11c-0.6,1.8-0.9,3.7-0.9,5.7
	c0,8.9,7.2,15.2,16.1,13.9l84.4-12.3c8.8-1.3,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-478.2
	c0-13,8.8-14.3,8.8-14.3c7.2-2.7,13.7-10.1,13.7-19c0-8.9-8-15-16.9-13.7l-8.5,1.2C1513.1,399.4,1507.9,404.4,1502.3,406.5z
	 M1595.9,670c-14.5,4.5-16.9,14.6-16.9,14.6c-1.1,3.3-3.2,6.2-5.9,8.4l-0.9,4.7c-1.6,9.1,4,17.2,12.9,17.6c4.5,0.2,9-1.3,12.5-4
	l0-41.5L1595.9,670z M1727.7,653.2l-57.1,8.3l0.1,211.6c0.8,11.2,8,11,8,11c8-0.4,13.7,5.3,13.7,14.2c0,8.9-7.2,17.3-16.1,18.6
	l-75.8,11.1c-0.6,1.8-1,3.8-1,5.7c0,8.9,7.2,15.2,16.9,13.7l84.4-12.3c8.8-1.3,16.1-9.6,16.1-18.6c0-8.9-5.6-14.6-13.7-14.2
	c0,0-7.2,0.3-8-11l-0.1-211.6l57.1-8.3c8.8-1.3,16.1-9.6,16.1-18.6l0-40.5c0-9.7-7.2-16-16.1-14.7l-8.4,1.2l0,35.8
	C1743.8,643.5,1736.6,651.9,1727.7,653.2z M1756.6,431.7c-8,1.2-14.5-3.6-16.1-11.4c0,0,0-8.1-12.9-6.2l-0.8,0.1l-56.3,8.2l0,165.4
	l24.5-3.6l0-143.6l56.3-8.2l0.8-0.1c12.9-1.9,12.9,6.2,12.9,6.2c1.6,7.9,8,12.6,16.1,11.4c9.6-1.4,16.9-9.8,16.9-18.7l0-63.2
	c0-8.9-7.2-15.2-16.9-13.7l-2.4,0.4l-5.2,0.8l0,57.7C1773.5,421.9,1766.2,430.3,1756.6,431.7z M1917.4,345.8c0,0-8.8,1.3-8.8,14.3
	l0.1,478.2c0.8,11.2,8.8,10.9,8.8,10.9c7.2-0.2,13.7,5.3,13.7,14.2c0,8.9-8,17.4-16.9,18.7l-75.1,11c-0.6,1.8-0.9,3.7-0.9,5.7
	c0,8.9,7.2,15.2,16.1,13.9l84.4-12.3c8.9-1.3,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-478.2
	c0-13,8.8-14.3,8.8-14.3c7.2-2.7,13.7-10.1,13.7-19c0-8.9-8-15-16.9-13.7l-8.5,1.2C1928.1,338.7,1923,343.7,1917.4,345.8z
	 M2091.5,360.1l-37,5.4l0.1,0c-8.8,1.3-17,10.6-17,20.3l0.1,388.3c0,8.9,8,15.9,16.9,14.6l7.6-1.1l-0.1-383.5
	c0-9.7,8-18.2,16.9-19.5l29.4-5.1l0-4.7C2108.4,365.7,2101.2,358.6,2091.5,360.1z M2180.8,407l0,0.8c-1.6,39.9-34.6,50.4-34.6,50.4
	l-33.7,12.5c-1.5,3.2-2.1,6.8-1.3,10.3c2.4,8.6,11.3,13,20.1,10l39.4-14.7c0,0,33-10.5,34.6-50.4l0-0.8c0-0.8,0.8-43.1,0.8-43.1
	c0-32.6-17.4-58.7-43.6-70.7c12,13.5,19.1,31.7,19.1,52.5C2181.6,363.9,2180.8,406.2,2180.8,407z M2181.7,710.8l0,42.1
	c0,49.5-40.2,95.9-90,103.1l-37,5.4c-16.6,2.4-32.2,0.1-45.6-6.1c16.4,18.6,41.8,28.4,70.1,24.2l37-5.4c49.8-7.3,90-53.7,90-103.1
	l0-42.1l-0.8-49.3c-1.2-30-20.6-37.7-29.8-39.7c2.9,5.4,4.9,12.5,5.3,21.5L2181.7,710.8z M2420.4,334.7c-8,1.2-15.3-3.4-16.1-11.4
	c0,0-0.8-8-13.7-6.1l-57.1,8.3l0,165.4l24.5-3.6l0-143.6l57.1-8.3c12.9-1.9,13.7,6.1,13.7,6.1c0.8,8,8,12.6,16.1,11.4
	c8.8-1.3,16.1-9.6,16.1-18.6l0-63.2c0-8.9-7.2-15.2-16.1-13.9l-2.4,0.4l-6,0.9l0,57.7C2436.5,325,2429.3,333.4,2420.4,334.7z
	 M2258.9,573.1c-14.5,4.5-16.9,14.6-16.9,14.6c-1.1,3.3-3.2,6.2-5.9,8.4l-0.9,4.7c-1.6,9.1,4,17.2,12.9,17.6c4.5,0.2,9-1.3,12.5-4
	l0-41.5L2258.9,573.1z M2390.7,556.2l-57.1,8.3l0,182.4l24.5-3.6l0-160.6l57.1-8.3c9.7-1.4,16.9-9.8,16.9-18.7l0-40.5
	c0-9.7-7.2-16-16.9-14.6l-7.6,1.1l0,35.8C2407.6,546.5,2400.4,554.8,2390.7,556.2z M2461.1,807.6l0-63.2c0-8.9-7.2-15.2-16.1-13.9
	c-3,0.4-5.9,1.7-8.4,3.5l0,55.5c0,8.9-7.2,17.3-16.1,18.6l-2.4,0.4l-98.1,14.3l-2.4,0.4l-53.4,7.8c-0.6,1.8-0.9,3.8-0.9,5.7
	c0,8.9,7.2,15.2,16.1,13.9l62.7-9.2l2.4-0.4l98.1-14.3l2.4-0.4C2453.9,824.9,2461.1,816.6,2461.1,807.6z M2766.9,46.9
	c0,0-9.6,3.8-12.1,18.8l0,98.9l0.1,244.4l0.1,305.6c0.8,11.2,8.8,10.9,8.8,10.9c7.2-0.2,13.7,5.3,13.7,14.2
	c0,8.9-7.2,17.3-16.9,18.7l-71,10.4l3,10l0.8-0.9c2.4,6.9,8,11,16.1,9.8l75.6-11c9.6-1.4,16.9-9.8,16.9-18.7
	c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-305.6l-0.1-244.4l0-98.9c2.4-14.9,12.1-18.8,12.1-18.8
	c7.2-3.5,11.3-12.2,9.6-20.1c-1.6-8.7-10.5-13.1-19.3-10.1l-6.1,2.2C2774,41.3,2770.9,44.9,2766.9,46.9z M2681.8,577.7l0-84.1
	l-73.7-248.9c-2.4-6.1-8-10.2-15.3-9.1l-6.3,0.9l87.2,294.6L2681.8,577.7z M2571.6,422.8l0.1,318.6c0.8,11.2,8.8,10.9,8.8,10.9
	c7.2-0.2,13.7,5.3,13.7,14.2c0,8.9-8,17.4-16.9,18.7l-75.1,11c-0.6,1.8-0.9,3.7-0.9,5.7c0,8.9,7.2,15.2,16.1,13.9l84.4-12.3
	c8.8-1.3,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-237.5l-15.7-51.9L2571.6,422.8z M2844.1,250.8
	l-0.8,0.1c-12.9,1.9-13.7,10.1-13.7,10.1c-0.5,5.1-3.5,9.7-7.7,12.7l0,7.8c0,8.9,7.2,15.2,16.1,13.9c8-1.2,15.3-7.9,16.1-16.1
	c0,0,0.8-8.2,13.7-10.1l0.8-0.1l35-5.1l0-21.7L2844.1,250.8z M3106.6,176.7c0-8.9-7.2-15.2-16.1-13.9l-2.4,0.4l-6,0.9l0,57.7
	c0,8.9-7.2,17.3-16.1,18.6c-8,1.2-14.5-3.6-16.1-11.4c0,0,0-8.1-13.7-6.1l-59.5,8.7l0.1,450.7c0,11.3,8,11,8,11
	c8-0.4,13.7,5.3,13.7,14.2c0,8.9-7.2,17.3-16.1,18.6l-75.8,11.1c-0.6,1.8-1,3.8-1,5.7c0,8.9,7.2,15.2,16.9,13.7L3007,744
	c8.8-1.3,16.1-9.6,16.1-18.6c0-8.9-5.6-14.6-13.7-14.2c0,0-8,0.4-8-11l-0.1-450.7l59.5-8.7c13.7-2,13.7,6.1,13.7,6.1
	c1.6,7.9,8,12.6,16.1,11.4c8.8-1.3,16.1-9.6,16.1-18.6v-1.5L3106.6,176.7z M386.5,848.6l-0.1-244.2c0-13,8-14.1,8-14.1
	c8-2.8,13.7-10.1,13.7-19s-7.2-15.2-16.1-13.9l-9.2,1.3c-1.8,6.3-6.6,11.2-12.9,13.4c0,0-8,1.2-8,14.1l0.1,478.2c0.8,11.2,8,11,8,11
	c8-0.4,13.7,5.3,13.7,14.2c0,8.9-7.2,17.3-16.1,18.6l-75.1,11c-0.6,1.8-0.9,3.7-0.9,5.7c0,8.9,7.2,15.2,16.1,13.9l84.4-12.3
	c8.8-1.3,16.1-9.6,16.1-18.6c0-8.9-5.6-14.6-13.7-14.2c0,0-7.2,0.2-8-11l-0.1-207.8l-2.8-12.9C382.8,857.3,384,852.5,386.5,848.6z
	 M210.2,787.4l-57.7-181.3c-1.6-7.9-8-12.6-16.1-11.4l-6,0.9L201.2,818L210.2,787.4z M115.2,1100.5c0.8,11.2,8.8,10.9,8.8,10.9
	c7.2-0.2,13.7,5.3,13.7,14.2c0,8.9-8,17.4-16.9,18.7l-75.1,11c-0.6,1.8-0.9,3.7-0.9,5.7c0,8.9,7.2,15.2,16.1,13.9l84.4-12.3
	c8.8-1.3,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-261.9l-24.5-73.2L115.2,1100.5z M229.3,950.9
	c-4,11.9-14.5,22.4-28.1,24.4c-1.1,0.2-2.2,0.2-3.4,0.3l1.3,3.9c4,10,14.5,15.7,26.5,14c13.7-2,24.1-12.4,28.1-24.4l35-115.3l0-98.8
	L229.3,950.9z M786.1,1138.4c0,0-6,0.4-10.9-5.5c0,0.5,0.1,1,0.1,1.5c0,8.9-7.2,17.3-16.1,18.6l-42.6,6.2c0,0-6.2,1.1-14.1-0.6
	c13,23.2,38.6,18.8,38.6,18.8l42.6-6.2c8.8-1.3,16.1-9.6,16.1-18.6C799.8,1144.5,794.1,1138.1,786.1,1138.4z M437.6,930.9
	c-6.6,0.7-12.2,0.3-17-0.7c4.9,9.2,16.3,21.5,41.5,18.8l14.7-2.2l4.2-22.4L437.6,930.9z M590.3,730.3l-20.1,107.5l28.7-4.2l6-32.3
	L590.3,730.3z M556.5,914.4l-29.7,156.7l0,0.8l0,0.8c-1.6,6.7-8,13.3-16.1,14.5l-55,8c-0.6,1.8-0.9,3.7-0.9,5.7
	c0,8.9,7.2,15.2,16.1,13.9l64.3-9.4c8-1.2,14.5-7.8,16.1-14.5l0-0.8l0-0.8L581,932.5l49.8-7.3l-4.4-21.1L556.5,914.4z M761.6,1120.3
	c3.8-0.2,7,1.2,9.4,3.5L648.5,536c0-8.9-7.2-15.2-16.9-13.7l-6.5,1l122,585.4C752,1120.9,761.6,1120.3,761.6,1120.3z M895.9,819.2
	c4.8,0.3,9.7-1.5,13.3-4.7l0-40.9l-3.2,0.5c-13.7,4.4-16.1,14.5-16.1,14.5c-1.1,3.3-3.2,6.2-5.9,8.4l-0.9,4.7
	C881.4,810.8,887,818.9,895.9,819.2z M892.2,535.4l-37,5.4l0,0c-8.9,1.3-16.9,10.5-16.9,20.3l0.1,388.3c0,8.9,8,15.8,16.9,14.6
	l7.6-1.1l0-165.1c-3.6-3.3-5.4-8.5-4.4-14.2l4.4-21.6l0-182.6c0-9.7,8-18.2,16.9-19.5l29.4-5.1l0-4.7
	C909.1,541,901.8,534,892.2,535.4z M982.2,581.4c0,4.9-4,9.5-8,11.7l-40.6,24.7l0,15.2c0,6.5,5.6,10.5,12.1,9.6
	c2.4-0.4,4-1.4,5.6-2.4l47.4-28.8c4-2.2,8-6.8,8-11.7l0-42.2c0-32.6-17.4-58.7-43.6-70.7c11.9,13.5,19.1,31.7,19.1,52.5L982.2,581.4
	z M1044.6,679.1c-4.5-0.7-9,0.9-12.5,3.8l-7.9,39.1c0,0-5.6,32.4-41.8,41l0,165.4c0,49.5-40.2,95.9-90,103.1l-37,5.4
	c-16.6,2.4-32.2,0.1-45.6-6.1c16.4,18.6,41.8,28.4,70.1,24.2l37-5.4c49.8-7.3,90-53.7,90-103.1l0-165.4c36.2-8.5,41.8-41,41.8-41
	l8.8-43.4C1059,687.6,1053.4,679.5,1044.6,679.1z M1343.2,326c0,0-9.6,3.8-12.1,18.8l0,98.9l0,173.5l0.1,305.6
	c0.8,11.2,8.8,10.9,8.8,10.9c7.2-0.2,13.7,5.3,13.7,14.2c0,8.9-7.2,17.3-16.9,18.7l-71,10.4l3,10l0,0c2.4,6.9,8.8,10.1,16.9,8.9
	l75.6-11c9.6-1.4,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-305.6l0-173.5l0-98.9
	c2.4-14.9,12.1-18.8,12.1-18.8c7.2-3.5,11.3-12.2,9.6-20.1c-1.6-8.7-10.5-13.1-19.3-10.1l-6.1,2.2
	C1350.3,320.4,1347.3,324,1343.2,326z M1195,992.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.9-10.9l-0.1-237.5l-15.7-51.8l-8.9-47.3
	l0.1,318.6c0.8,11.2,8.9,10.9,8.9,10.9c7.2-0.2,13.7,5.3,13.7,14.2c0,8.9-8,17.4-16.9,18.7l-75.1,11c-0.6,1.8-0.9,3.8-0.9,5.7
	c0,8.9,7.2,15.2,16.1,13.9l84.4-12.3C1187,1010.1,1195,1001.7,1195,992.7z M1258.1,785.9l0-84.1l-73.7-248.9
	c-2.4-6.1-8-10.2-15.3-9.1l-6.3,0.9l87.2,294.6L1258.1,785.9z M230.1,1575c-4,11.9-14.5,22.4-28.1,24.4c-1.1,0.2-2.2,0.2-3.4,0.3
	l1.3,3.9c4,10,14.5,15.7,26.5,14c13.7-2,24.1-12.4,28.1-24.4l35-115.3l0-98.8L230.1,1575z M395.3,1717.7c0,0-7.2,0.3-8-11
	l-0.1-478.2c0-13,8-14.1,8-14.1c8-2.8,13.7-10.1,13.7-19s-7.2-15.2-16.1-13.9l-9.2,1.3c-1.8,6.3-6.6,11.2-12.9,13.4
	c0,0-8,1.2-8,14.1l0.1,478.2c0.8,11.2,8,11,8,11c8-0.4,13.7,5.3,13.7,14.2c0,8.9-7.2,17.3-16.1,18.6l-75.1,11
	c-0.6,1.8-0.9,3.8-0.9,5.7c0,8.9,7.2,15.2,16.1,13.9l84.4-12.3c8.8-1.3,16.1-9.6,16.1-18.6C409,1723,403.4,1717.3,395.3,1717.7z
	 M116,1724.6c0.8,11.2,8.8,10.9,8.8,10.9c7.2-0.2,13.7,5.3,13.7,14.2c0,8.9-8,17.4-16.9,18.7l-75.1,11c-0.6,1.8-0.9,3.7-0.9,5.7
	c0,8.9,7.2,15.2,16.1,13.9l84.4-12.3c8.8-1.3,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-261.9
	l-24.5-73.2L116,1724.6z M210.9,1411.6l-57.7-181.3c-1.6-7.9-8-12.6-16.1-11.4l-6,0.9l70.8,222.4L210.9,1411.6z M595.1,1461.6
	l9.9-1.4l-4.9-24.8L595.1,1461.6z M585.7,1363.3l-19.3,102.5l28.7-4.2l4.9-26.3L585.7,1363.3z M755.8,1668.2c0,0-6,0.4-10.9-5.5
	c0,0.5,0.1,1,0.1,1.5c0,8.9-7.2,17.3-16.1,18.6l-57.4,8.4l1.5,7.7c1.6,7.9,8,12.6,16.1,11.4l64.3-9.4c8.8-1.3,16.1-9.6,16.1-18.6
	C769.5,1674.3,763.8,1667.8,755.8,1668.2z M552.8,1542.4l-29.7,156.7l0,0.8v0.8c-1.6,6.7-8,13.3-16.1,14.5l-55,8
	c-0.6,1.8-0.9,3.8-0.9,5.7c0,8.9,7.2,15.2,16.1,13.9l64.3-9.4c8-1.2,14.5-7.8,16.1-14.5v-0.8l0-0.8l29.7-156.7l46.4-6.8l-4.1-21.1
	L552.8,1542.4z M731.3,1650c3.8-0.2,7.1,1.2,9.4,3.5l-96-489.5c0-8.9-7.2-15.2-16.9-13.7l-6.6,1l95.5,487.1
	C721.6,1650.6,731.3,1650,731.3,1650z M887.6,1126.6c0,0-8.8,1.3-8.8,14.3l0,159.7l24.5-52l0-89.5c0-13,8.8-14.3,8.8-14.3
	c7.2-2.7,13.7-10.1,13.7-19c0-8.9-8-15-16.9-13.7l-8.5,1.2C898.4,1119.5,893.3,1124.5,887.6,1126.6z M878.9,1441.6l0,177.5
	c0.8,11.2,8.9,10.9,8.9,10.9c7.2-0.2,13.7,5.3,13.7,14.2c0,8.9-8,17.4-16.9,18.7l-75.1,11c-0.6,1.8-0.9,3.8-0.9,5.7
	c0,8.9,7.2,15.2,16.1,13.9l84.4-12.3c8.8-1.3,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.9-10.9l0-177.5l5.6-11.2
	l-14.8-37.5L878.9,1441.6z M1054.1,1102.3c0,0-6.4,0.9-12.1,12.3c0,0.8-0.8,1.7-1.6,2.7l-98.8,199.3l145.6,368.6l0,0.8
	c4,15.6,16.1,14.7,16.1,14.7c3.1-0.1,6.1,1,8.4,3v-0.3L966,1334.6l98.8-199.3c0.8-0.9,1.6-1.9,1.6-2.7c5.6-11.4,12.1-12.3,12.1-12.3
	c8.8-1.3,16.1-9.6,16.1-19.4c0-8.9-7.2-15.2-16.1-13.9l-9.3,1.4C1067.1,1095.7,1061.1,1101.2,1054.1,1102.3z M1127.7,1718.7
	c0,0-5.9,0.5-10.9-4.7c0,0.2,0,0.5,0,0.7c0,8.9-7.2,17.3-16.9,18.7l-44.2,6.5c0,0-6.1,1.1-13.8-0.6c12.9,23.1,38.3,18.7,38.3,18.7
	l44.2-6.5c9.6-1.4,16.9-9.8,16.9-18.7C1141.4,1724.9,1135,1718.5,1127.7,1718.7z M1126.9,1369.1c-14.5,4.5-16.9,14.6-16.9,14.6
	c-1.1,3.3-3.2,6.2-5.9,8.4l-0.9,4.7c-1.6,9.1,4,17.2,12.9,17.6c4.5,0.2,9-1.3,12.5-4l0-41.5L1126.9,1369.1z M1313,1526.6
	c-3,0.4-5.9,1.7-8.4,3.5l0,55.5c0,8.9-7.2,17.3-16.1,18.6l-2.4,0.4l-98.1,14.3l-2.4,0.4l-53.4,7.8c-0.6,1.8-0.9,3.8-0.9,5.7
	c0,8.9,7.2,15.2,16.1,13.9l62.7-9.2l2.4-0.4l98.1-14.3l2.4-0.4c8.8-1.3,16.1-9.6,16.1-18.6l0-63.2
	C1329.1,1531.5,1321.8,1525.3,1313,1526.6z M1258.7,1352.3l-57.1,8.3l0,182.4l24.5-3.6l0-160.6l57.1-8.3c9.6-1.4,16.9-9.8,16.9-18.7
	l0-40.5c0-9.7-7.2-16-16.9-14.6l-7.6,1.1l0,35.8C1275.6,1342.5,1268.4,1350.9,1258.7,1352.3z M1288.4,1130.7
	c-8,1.2-15.3-3.4-16.1-11.4c0,0-0.8-8-13.7-6.1l-57.1,8.3l0,165.4l24.5-3.6l0-143.6l57.1-8.3c12.9-1.9,13.7,6.1,13.7,6.1
	c0.8,8,8,12.6,16.1,11.4c8.8-1.3,16.1-9.6,16.1-18.6l0-63.2c0-8.9-7.2-15.2-16.1-13.9l-2.4,0.4l-6,0.9l0,57.7
	C1304.5,1121.1,1297.2,1129.4,1288.4,1130.7z M1626,1235.3c0,34.9-20.1,68.6-49.8,88.4l60.4,289.5c5.6,12.1,15.3,11.5,15.3,11.5
	c3.2,0.2,6.2,1.4,8.5,3.4l-59.7-286.2c29.7-19.8,49.8-53.5,49.8-88.4l0-156.4c0-33-17.6-59.5-43.9-71.5
	c12.1,13.7,19.4,32.2,19.4,53.4L1626,1235.3z M1455.6,1350.2l0,187.2c0.8,11.2,8.9,10.9,8.9,10.9c7.2-0.2,13.7,5.3,13.7,14.2
	c0,8.9-8,17.4-16.9,18.7l-75.1,11c-0.6,1.8-0.9,3.8-0.9,5.7c0,8.9,7.2,15.2,16.1,13.9l84.4-12.3c8.8-1.3,16.9-9.8,16.9-18.7
	c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.9-10.9l0-187.2l27.3-4l-4.3-21.1L1455.6,1350.2z M1553.6,1094.1l0-4.7
	c0-9.7-7.2-16-16.9-14.6l-81.2,11.9l0,189.7l24.5-3.6l0-167.9L1553.6,1094.1z M1676.4,1642.8c0,0-5.7,0.3-10.9-5
	c0,0.3,0.1,0.7,0.1,1.1c0,8.9-7.2,17.3-16.9,18.7l-42.6,6.2c0,0-6.4,1.2-14.4-0.4c12.9,23.6,38.9,18.5,38.9,18.5l42.6-6.2
	c9.6-1.4,16.9-9.8,16.9-18.7C1690,1648.9,1683.6,1643.4,1676.4,1642.8z M1815.2,1035.4l-37,5.4l0,0.8c-9.6,1.4-16.9,9.8-16.9,19.5
	l0,94c0,12.3,36.6,37.9,72.8,64.8c-26.5-19.8-48.3-37.2-48.3-46.6l0-94c0-9.7,7.2-18.1,16.9-19.5l0-0.8l29.4-4.3l0-4.7
	C1832.1,1041,1824.9,1034,1815.2,1035.4z M1904.5,1081.5c0,4.9-3.2,9.4-8,11.7l-39.8,24.5l0,15.2c0,6.5,4.8,10.6,11.3,9.7
	c2.4-0.4,4.8-1.5,6.4-2.6l46.6-28.7c4.8-2.3,8-6.8,8-11.7l0-42.2c0-32.7-17.6-58.9-43.7-70.8c12,13.6,19.2,31.8,19.2,52.7
	L1904.5,1081.5z M1761.5,1384.5l0,64.8c0,8.9,7.2,16,16.9,14.6l7.6-1.1l0-60.1l0-4c-1.8-28.5-20.6-36-29.7-38
	c2.7,5.1,4.7,11.6,5.2,19.9L1761.5,1384.5z M1836.5,1221.6c34.6,25.8,68.1,52.6,68.1,69.8l0,136.2c0,50.3-40.2,96.7-89.2,103.8
	l-37,5.4c-16.8,2.5-32.4,0.1-45.8-5.9c16.2,18.5,41.5,28.3,70.3,24.1l37-5.4c49-7.2,89.2-53.6,89.2-103.8l0-136.2
	C1929,1288.2,1877.7,1252.3,1836.5,1221.6z M1799.4,1292.7c-9.4-7.2-20.1-14.9-31-22.9C1778.6,1277.6,1789.2,1285.3,1799.4,1292.7z"
	/>
<path id="lime" class="st0" d="M1398.6,404.6c0-8.9,7.2-17.3,16.1-18.6l84.4-12.3c8.8-1.3,16.9,4.8,16.9,13.7c0,2-0.3,3.9-0.9,5.7
	c-2,6.3-7.1,11.3-12.8,13.4c0,0-8.8,1.3-8.8,14.3l0.1,478.2c0.8,11.2,8.8,10.9,8.8,10.9c7.2-0.2,13.7,5.3,13.7,14.2
	c0,8.9-8,17.4-16.9,18.7l-75.1,11l-9.3,1.4c-8.8,1.3-16.1-4.9-16.1-13.9c0-8.1,5.6-16.2,13.7-18.2c0,0,8-2,8-15l-0.1-478.2
	c-0.8-11.2-8-10.2-8-10.2C1404.2,419.2,1398.6,413.5,1398.6,404.6z M1560.5,697.1c4.5,0.3,9.1-1.3,12.6-4.1c2.7-2.1,4.9-5,5.9-8.4
	c0,0,2.4-10.1,16.9-14.6l1.6-0.2l0,41.5l0,170.9c0,13-8.8,15.1-8.8,15.1c-7.2,1.9-13.7,10.1-13.7,18.2c0,8.9,7.2,15.2,16.9,13.7
	l8.6-1.3l75.8-11.1c8.8-1.3,16.1-9.6,16.1-18.6c0-8.9-5.6-14.6-13.7-14.2c0,0-7.2,0.3-8-11l-0.1-211.6l57.1-8.3
	c8.8-1.3,16.1-9.6,16.1-18.6l0-35.8l0-4.7c0-9.7-7.2-16-16.1-14.7l-32.6,4.8l-24.5,3.6l0-165.4l56.3-8.2l0.8-0.1
	c12.9-1.9,12.9,6.2,12.9,6.2c1.6,7.9,8,12.6,16.1,11.4c9.6-1.4,16.9-9.8,16.9-18.7l0-57.7l0-5.5c0-8.9-7.2-15.2-16.9-13.7l-2.4,0.4
	l-162.4,23.7c-9.6,1.4-16.9,9.8-16.9,18.7s6.4,14.5,13.7,15c0,0,8.8-1.3,8.8,11.7l0,189.7c-35.4,9.2-41,40.8-41,40.8l-8.8,43.4
	C1546,688.6,1551.7,696.7,1560.5,697.1z M1827.3,358.9c0,0,7.2-1.1,8,10.2l0.1,478.2c0,13-8,15-8,15c-8,2-13.7,10.1-13.7,18.2
	c0,8.9,7.2,15.2,16.1,13.9l9.3-1.4l75.1-11c8.9-1.3,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-478.2
	c0-13,8.8-14.3,8.8-14.3c5.6-2.1,10.8-7.1,12.8-13.4c0.6-1.8,0.9-3.7,0.9-5.7c0-8.9-8-15-16.9-13.7l-84.4,12.3
	c-8.8,1.3-16.1,9.6-16.1,18.6C1813.7,352.8,1819.3,358.5,1827.3,358.9z M2009.1,855.4c13.4,6.1,29,8.5,45.6,6.1l37-5.4
	c49.8-7.3,90-53.7,90-103.1l0-42.1l-0.8-49.3c-0.4-9.1-2.4-16.1-5.3-21.5c-9.7-18.3-29.3-18.8-29.3-18.8l-39.4-3.2
	c-8.8-1.1-17.7,5.8-20.1,15.1c-1.6,8.3,3.2,15.7,10.5,17.9c0,0,9.7,1,11.3,14.6l0,98.1c0,8.9-7.2,18.1-16.9,19.5l-29.4,4.3l-7.6,1.1
	c-8.8,1.3-16.9-5.6-16.9-14.6l-0.1-388.3c0-9.7,8.2-19,17-20.3l-0.1,0l37-5.4c9.6-1.4,16.9,5.6,16.9,14.5l0,4.7l0,45.5
	c-1.6,14-11.3,17.9-11.3,17.9c-7.2,4.3-12.1,12.3-10.4,20.2c2.4,8.6,11.3,13,20.1,10l5.7-2.1l33.7-12.5c0,0,33-10.5,34.6-50.4l0-0.8
	c0-0.8,0.8-43.1,0.8-43.1c0-20.8-7.1-39-19.1-52.5c-16.5-18.7-42.1-28.5-71-24.3l-37,5.4c-49,7.2-89.2,53.6-89.2,103.8l0.1,388.3
	C1965.4,817.3,1983,843.5,2009.1,855.4z M2320,822.7l98.1-14.3l2.4-0.4c8.8-1.3,16.1-9.6,16.1-18.6l0-55.5l0-7.8
	c0-8.9-7.2-15.2-16.1-13.9c-8,1.2-15.3,7.9-16.1,16.1c0,0-0.8,8.2-13.7,10.1l-32.6,4.8l-24.5,3.6l0-182.4l57.1-8.3
	c9.7-1.4,16.9-9.8,16.9-18.7l0-35.8l0-4.7c0-9.7-7.2-16-16.9-14.6l-32.6,4.8l-24.5,3.6l0-165.4l57.1-8.3c12.9-1.9,13.7,6.1,13.7,6.1
	c0.8,8,8,12.6,16.1,11.4c8.8-1.3,16.1-9.6,16.1-18.6l0-57.7l0-5.5c0-8.9-7.2-15.2-16.1-13.9l-2.4,0.4l-163.2,23.9
	c-8.8,1.3-16.1,9.6-16.1,18.6c0,8.9,5.6,14.6,13.7,15c0,0,8-1.2,8,11.8l0,189.7c-35.4,9.2-41,40.8-41,40.8l-8.8,43.4
	c-1.6,9.1,4,17.2,12.9,17.6c4.5,0.3,9.1-1.3,12.6-4.1c2.7-2.1,4.9-5,5.9-8.4c0,0,2.4-10.1,16.9-14.6l1.6-0.2l0,41.5l0,170.9
	c0,13-8,14.9-8,14.9c-8,2-13.7,10.1-13.7,18.2c0,8.9,7.2,15.2,16.1,13.9l9.3-1.4l53.4-7.8L2320,822.7z M2490.4,262
	c0,0,7.2-1.1,8,10.2l0.1,478.2c0,13-8,15-8,15c-8,2-13.7,10.1-13.7,18.2c0,8.9,7.2,15.2,16.1,13.9l9.3-1.4l75.1-11
	c8.8-1.3,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-318.6l8.9,47.3l15.7,51.9l72,238.5l0.8-0.9
	c2.4,6.9,8,11,16.1,9.8l4.6-0.7l71-10.4c9.6-1.4,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-305.6
	l-0.1-244.4l0-98.9c2.4-14.9,12.1-18.8,12.1-18.8c4.1-2,7.1-5.6,8.7-9.8c1.2-3.2,1.6-6.8,0.9-10.3c-1.6-8.7-10.5-13.1-19.3-10.1
	L2717,31.5c0,0-33.8,11.4-35.4,50.6l0.1,411.6l0,84.1l-8.1-46.6l-87.2-294.6l-2.9-10c-2.4-6.1-8-10.2-15.3-9.1l-75.6,11
	c-8.8,1.3-16.1,9.6-16.1,18.6C2476.7,255.9,2482.3,261.6,2490.4,262z M2998.6,707.3c0-8.9-5.6-14.6-13.7-14.2c0,0-8,0.4-8-11
	l-0.1-450.7l59.5-8.7c13.7-2,13.7,6.1,13.7,6.1c1.6,7.9,8,12.6,16.1,11.4c8.8-1.3,16.1-9.6,16.1-18.6l0-57.7l0-5.5
	c0-8.9-7.2-15.2-16.1-13.9l-2.4,0.4l-78.8,11.5l-2.4,0.4l-84.4,12.3l-2.4,0.4l-78.8,11.5l-3.2,0.5c-8.8,1.3-16.1,9.6-16.1,18.6
	l0,63.2c0,8.9,7.2,15.2,16.1,13.9c3-0.4,5.9-1.7,8.4-3.5c4.1-3,7.2-7.5,7.7-12.7c0,0,0.8-8.2,13.7-10.1l0.8-0.1l59.5-8.7l0,21.7
	l0.1,427.3c0,13-8.8,15.1-8.8,15.1c-7.2,1.9-13.7,10.1-13.7,18.2c0,8.9,7.2,15.2,16.9,13.7l8.6-1.3l75.8-11.1
	C2991.4,724.6,2998.6,716.2,2998.6,707.3z M383.7,1089.6c0-8.9-5.6-14.6-13.7-14.2c0,0-7.2,0.3-8-11l-0.1-478.2c0-13,8-14.1,8-14.1
	c6.3-2.2,11-7.1,12.9-13.4c0.5-1.8,0.8-3.7,0.8-5.7c0-8.9-7.2-15.2-16.1-13.9l-76.4,11.2c-7.2,1.1-12.9,6.7-15.3,13.6l-65.7,223.5
	l-9,30.6l-70.8-222.4l-2.4-7.6c-1.6-7.9-8-12.6-16.1-11.4l-75.6,11c-8.8,1.3-16.1,9.6-16.1,18.6c0,8.9,5.6,14.6,13.7,15
	c0,0,7.2-1.1,8,10.2l0.1,478.2c0,13-8,15-8,15c-8,2-13.7,10.1-13.7,18.2c0,8.9,7.2,15.2,16.1,13.9l9.3-1.4l75.1-11
	c8.8-1.3,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-316.9l24.5,73.2l35,104.5c3.6,9,12.6,14.6,23.2,14.2
	c1.1,0,2.2-0.1,3.4-0.3c13.7-2,24.1-12.4,28.1-24.4l59.4-195.9l0,98.8l0.1,219.7c0,13-8,15-8,15c-8,2-13.7,10.1-13.7,18.2
	c0,8.9,7.2,15.2,16.1,13.9l9.3-1.4l75.1-11C376.5,1106.9,383.7,1098.5,383.7,1089.6z M702.5,1158.6c-10.5-2.3-23.8-9.4-29.3-30.3
	c-0.8-2.3-1.6-3.8-1.6-6.3l-40.7-196.8l-4.4-21.1l-69.9,10.2l-29.7,156.7l0,0.8l0,0.8c-1.6,6.7-8,13.3-16.1,14.5l-55,8l-9.3,1.4
	c-8.8,1.3-16.1-4.9-16.1-13.9c0-8.1,5.6-16.2,13.7-18.2c0,0,7.2-1.9,12.9-10.8L476.8,947l4.2-22.4l-43.4,6.3
	c-6.6,0.7-12.2,0.3-17-0.7c-24.1-5.1-28-27.6-28-27.6l-6.1-28l-2.8-12.9c-0.8-4.5,0.3-9.3,2.8-13.3c2.3-3.7,5.8-6.7,10.1-8.1
	c7.2-2.7,15.3,0.2,18.5,7c0,0,2.4,9.4,16.1,9.8l64.3-9.4l53.8-283.5c3.2-15.1-8.8-17.3-8.8-17.3c-7.2-0.6-13.7-6.1-13.7-15
	s7.2-17.3,16.9-18.7l63.5-9.3c9.6-1.4,16.9,4.8,16.9,13.7l1.1,5.4l122,585.4c4.8,12.3,14.5,11.7,14.5,11.7c3.8-0.2,7,1.2,9.4,3.5
	c2.4,2.3,3.9,5.5,4.2,9.2c0,0.5,0.1,1,0.1,1.5c0,8.9-7.2,17.3-16.1,18.6l-42.6,6.2C716.6,1159.3,710.4,1160.3,702.5,1158.6z
	 M611.2,831.8l-6.3-30.5l-14.6-71l-20.1,107.5l28.7-4.2L611.2,831.8z M855.3,1036.9l37-5.4c49.8-7.3,90-53.7,90-103.1l0-165.4
	c36.2-8.5,41.8-41,41.8-41l7.9-39.1l0.9-4.3c1.6-9.1-4-17.2-12.9-17.6c-8-1.3-16.1,4.8-18.5,12.4c0,0-2.4,10.1-16.1,13.7l-73.2,10.7
	c-38.6,8.1-45,42.2-45,42.2l-4.4,21.8l-4.4,21.6c-1,5.7,0.8,10.9,4.4,14.2c2.2,2,5.1,3.3,8.5,3.4c4.5,0.2,9.1-1.3,12.6-4.1
	c2.7-2.1,4.9-5,5.9-8.4c0,0,2.4-10.1,16.1-14.5l3.2-0.5l0,40.9l0,124.5c0,8.9-7.2,18.1-16.9,19.5l-29.4,4.3l-7.6,1.1
	c-8.9,1.3-16.9-5.6-16.9-14.6l-0.1-388.3c0-9.7,8-18.9,16.9-20.2l0-0.1l37-5.4c9.7-1.4,16.9,5.6,16.9,14.5l0,4.7l0,60.1
	c0,6.5,5.6,10.5,12.1,9.6c2.4-0.4,4-1.4,5.6-2.4l6.8-4.1l40.6-24.7c4-2.2,8-6.8,8-11.7l0-42.2c0-20.8-7.1-39-19.1-52.5
	c-16.5-18.7-42.1-28.5-71-24.3l-37,5.4c-49,7.2-89.2,53.6-89.2,103.8l0.1,388.3c0,32.7,17.6,58.9,43.7,70.9
	C823.1,1036.9,838.7,1039.3,855.3,1036.9z M1170.5,974.6c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.9-10.9l-0.1-318.6l8.9,47.3
	l15.7,51.8l72,238.5l0.1,0.1c2.4,6.9,8.8,9.9,16.8,8.8l4.6-0.7l71-10.4c9.6-1.4,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2
	c0,0-8,0.4-8.8-10.9l-0.1-305.6l0-173.5l0-98.9c2.4-14.9,12.1-18.8,12.1-18.8c4.1-2,7.1-5.6,8.7-9.8c1.2-3.2,1.6-6.8,0.9-10.3
	c-1.6-8.7-10.5-13.1-19.3-10.1l-40.2,14.8c0,0-33.8,11.4-35.4,50.6l0.1,340.6l0,84.1l-8.1-46.6l-87.2-294.6l-2.9-10
	c-2.4-6.1-8-10.2-15.3-9.1l-75.6,11c-8.8,1.3-16.1,9.6-16.1,18.6c0,8.9,5.6,14.6,13.7,15c0,0,7.2-1.1,8,10.2l0.1,478.2
	c0,13-8,15-8,15c-8,2-13.7,10.1-13.7,18.2c0,8.9,7.2,15.2,16.1,13.9l9.3-1.4l75.1-11C1162.5,992,1170.5,983.5,1170.5,974.6z
	 M384.5,1713.7c0-8.9-5.6-14.6-13.7-14.2c0,0-7.2,0.2-8-11l-0.1-478.2c0-13,8-14.1,8-14.1c6.3-2.2,11-7.1,12.9-13.4
	c0.5-1.8,0.8-3.7,0.8-5.7c0-8.9-7.2-15.2-16.1-13.9l-76.4,11.2c-7.2,1.1-12.9,6.7-15.3,13.6l-65.7,223.5l-9,30.6l-70.8-222.4
	l-2.4-7.6c-1.6-7.9-8-12.6-16.1-11.4l-75.6,11c-8.8,1.3-16.1,9.6-16.1,18.6c0,8.9,5.6,14.6,13.7,15c0,0,7.2-1.1,8,10.2l0.1,478.2
	c0,13-8,15-8,15c-8,2-13.7,10.1-13.7,18.2c0,8.9,7.2,15.2,16.1,13.9l9.3-1.4l75.1-11c8.8-1.3,16.9-9.8,16.9-18.7
	c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.8-10.9l-0.1-316.9l24.5,73.2l35,104.5c3.6,9,12.6,14.6,23.2,14.2c1.1,0,2.2-0.1,3.4-0.3
	c13.7-2,24.1-12.4,28.1-24.4l59.4-195.9l0,98.8l0.1,219.7c0,13-8,15-8,15c-8,2-13.7,10.1-13.7,18.2c0,8.9,7.2,15.2,16.1,13.9
	l9.3-1.4l75.1-11C377.3,1731,384.5,1722.7,384.5,1713.7z M728.9,1682.8l-57.4,8.4l-6.9,1c-8,1.2-14.5-3.6-16.1-11.4l-24.8-127
	l-4.1-21.1l-66.7,9.8l-29.7,156.7l0,0.8v0.8c-1.6,6.7-8,13.3-16.1,14.5l-55,8l-9.3,1.4c-8.8,1.3-16.1-4.9-16.1-13.9
	c0-8.1,5.6-16.2,13.7-18.2c0,0,7.2-1.9,12.9-10.8l91.5-488.4c4-15.2-8-18.3-8-18.3c-7.2-0.6-13.7-6.1-13.7-15
	c0-8.9,7.2-17.3,16.9-18.7l63.5-9.3c9.7-1.4,16.9,4.8,16.9,13.7l1.1,5.4l95.5,487.1c4.8,12.3,14.5,11.7,14.5,11.7
	c3.8-0.2,7.1,1.2,9.4,3.5c2.3,2.3,3.8,5.5,4.2,9.1c0,0.5,0.1,1,0.1,1.5C745,1673.2,737.7,1681.5,728.9,1682.8z M605,1460.2
	l-4.9-24.8l-14.4-72.1l-19.3,102.5l28.7-4.2L605,1460.2z M1055.8,1739.9l44.2-6.5c9.6-1.4,16.9-9.8,16.9-18.7c0-0.2,0-0.5,0-0.7
	c-0.2-4.3-2.2-8.1-5.2-10.6c-2.4-1.9-5.3-3.1-8.4-3c0,0-12.1,1-16.1-14.7l0-0.8l-145.6-368.6l98.8-199.3c0.8-0.9,1.6-1.9,1.6-2.7
	c5.6-11.4,12.1-12.3,12.1-12.3c7.1-1,13.1-6.6,15.2-13.7c0.5-1.8,0.8-3.7,0.8-5.7c0-8.9-7.2-15.2-16.1-13.9l-99.7,14.6
	c-8.8,1.3-16.1,9.6-16.1,18.6s5.6,14.6,13.7,15c6.4-0.9,9.6,1.8,8.8,9.2l-57.5,122.1l-24.5,52l0-159.7c0-13,8.8-14.3,8.8-14.3
	c5.6-2.1,10.8-7.1,12.8-13.4c0.6-1.8,0.9-3.7,0.9-5.7c0-8.9-8-15-16.9-13.7l-84.4,12.3c-8.8,1.3-16.1,9.6-16.1,18.6
	c0,8.9,5.6,14.6,13.7,15c0,0,7.2-1.1,8,10.2l0.1,478.2c0,13-8,15-8,15c-8,2-13.7,10.1-13.7,18.2c0,8.9,7.2,15.2,16.1,13.9l9.3-1.4
	l75.1-11c8.8-1.3,16.9-9.8,16.9-18.7c0-8.9-6.4-14.5-13.7-14.2c0,0-8,0.4-8.9-10.9l0-177.5l15.3-30.6l14.8,37.5l105,265.9
	c0.8,0.7,0.8,1.5,0.8,2.3l0.8,0.7c6.5,14.7,17.5,20.1,26.4,21.9C1049.7,1741,1055.8,1739.9,1055.8,1739.9z M1188,1618.8l98.1-14.3
	l2.4-0.4c8.8-1.3,16.1-9.6,16.1-18.6l0-55.5l0-7.8c0-8.9-7.2-15.2-16.1-13.9c-8,1.2-15.3,7.9-16.1,16.1c0,0-0.8,8.2-13.7,10.1
	l-32.6,4.8l-24.5,3.6l0-182.4l57.1-8.3c9.6-1.4,16.9-9.8,16.9-18.7l0-35.8l0-4.7c0-9.7-7.2-16-16.9-14.6l-32.6,4.8l-24.5,3.6
	l0-165.4l57.1-8.3c12.9-1.9,13.7,6.1,13.7,6.1c0.8,8,8,12.6,16.1,11.4c8.8-1.3,16.1-9.6,16.1-18.6l0-57.7l0-5.5
	c0-8.9-7.2-15.2-16.1-13.9l-2.4,0.4l-163.2,23.9c-8.8,1.3-16.1,9.6-16.1,18.6c0,8.9,5.6,14.6,13.7,15c0,0,8-1.2,8,11.8l0,189.7
	c-35.4,9.2-41,40.8-41,40.8l-8.8,43.4c-1.6,9.1,4,17.2,12.9,17.6c4.5,0.3,9.1-1.3,12.6-4.1c2.7-2.1,4.9-5,5.9-8.4
	c0,0,2.4-10.1,16.9-14.6l1.6-0.2l0,41.5l0,170.9c0,13-8,14.9-8,14.9c-8,2-13.7,10.1-13.7,18.2c0,8.9,7.2,15.2,16.1,13.9l9.3-1.4
	l53.4-7.8L1188,1618.8z M1591.6,1663.4c-10.4-2.1-23.6-9-29-29.8c-0.8-2.3-0.8-4.7-1.6-7.1l-53.6-262.2l-4.3-21.1l-47.4,6.9l0,187.2
	c0.8,11.2,8.9,10.9,8.9,10.9c7.2-0.2,13.7,5.3,13.7,14.2c0,8.9-8,17.4-16.9,18.7l-75.1,11l-9.3,1.4c-8.8,1.3-16.1-4.9-16.1-13.9
	c0-8.1,5.6-16.2,13.7-18.2c0,0,8-2,8-14.9l-0.1-476.6c0-13-8-11.8-8-11.8c-8-0.4-13.7-6.1-13.7-15c0-8.9,7.2-17.3,16.1-18.6
	l160.8-23.5c28-3.6,52.9,6.2,69.1,24.5c12.1,13.7,19.4,32.2,19.4,53.4l0,156.4c0,34.9-20.1,68.6-49.8,88.4l60.4,289.5
	c5.6,12.1,15.3,11.5,15.3,11.5c3.2,0.2,6.2,1.4,8.5,3.4c2.8,2.3,4.8,5.7,5.1,9.8c0,0.3,0.1,0.7,0.1,1.1c0,8.9-7.2,17.3-16.9,18.7
	l-42.6,6.2C1606,1663.8,1599.6,1665,1591.6,1663.4z M1553.7,1245.8l0-151.7l0-4.7c0-9.7-7.2-16-16.9-14.6l-81.2,11.9l0,189.7
	l24.5-3.6l59.9-8.8C1548.1,1261.3,1553.7,1253.9,1553.7,1245.8z M1778.4,1536.9l37-5.4c49-7.2,89.2-53.6,89.2-103.8l0-136.2
	c0-17.2-33.5-44-68.1-69.8c-0.8-0.6-1.5-1.1-2.3-1.7c-36.2-26.9-72.8-52.5-72.8-64.8l0-94c0-9.7,7.2-18.1,16.9-19.5l0-0.8l37-5.4
	c9.6-1.4,16.9,5.6,16.9,14.5l0,4.7l0,60.1c0,6.5,4.8,10.6,11.3,9.7c2.4-0.4,4.8-1.5,6.4-2.6l6.8-4.2l39.8-24.5c4.8-2.3,8-6.8,8-11.7
	l0-42.2c0-20.9-7.2-39.1-19.2-52.7c-16.4-18.6-41.8-28.4-70.1-24.2l-37,5.4c-49.8,7.3-89.2,53.6-89.2,103.8l0,119.2
	c0,20.4,41.2,51.2,79.4,79c10.9,8,21.6,15.7,31,22.9c19,14.5,32.8,26.9,32.8,34.4l0,111c0,9.7-7.2,18.1-16.9,19.5l0,0.8l-29.4,4.3
	l-7.6,1.1c-9.6,1.4-16.9-5.6-16.9-14.6l0-64.8l0-4c-0.5-8.3-2.5-14.7-5.2-19.9c-9.7-18.3-29.4-18.9-29.4-18.9l-40.2-3
	c-8.9-0.3-16.9,5.7-19.3,15c-1.6,8.3,3.2,14.9,10.5,17.1l-0.8,0.1c0,0,9.7,1,12.1,13.6l0,75.4c0,32.8,17.3,59.1,43.5,71
	C1746,1537,1761.6,1539.3,1778.4,1536.9z"/>
</svg>

    </h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Open daily until 3 Jun 2018. Final Weeks!<br>Philip Bacon Heritage Gallery, level 4</b></p>
    </div>
    <!--
    <div id="makers-finalWeeks">Final Weeks!</div>-->
    <div id="homepage-whatsOn-makers-info" class="homepage-whatsOn-moreInfoLinks">
    <p>Queensland inventors and their curious creations<br> <a href="http://makers.slq.qld.gov.au">Free exhibition</a></p>
    </div>
    <div id="steampunk-airship-container">
        <img id="steampunk-airship" src="http://www.slq.qld.gov.au/__data/assets/image/0005/390317/airship-2.png" alt="wooden braille globe as a steampunk airship">
    </div>
    
</div>
    

2018-02 New Catalogue UI - Live

code (HTML/CSS)
    <style>
/*** TITLE IMAGE ***/
    #homepage-whatsOn-NewCatalogueUI h3 {
        width: 200px;
        height:auto;
    }
    

 
 /*** TEXT FORMATTING ***/
    #homepage-whatsOn-NewCatalogueUI p, #homepage-whatsOn-NewCatalogueUI .homepage-whatsOn-moreInfoLinks {
        color:white;
        position: relative;
    }
    .desktop #homepage-whatsOn-NewCatalogueUI p {
        position: relative;
        width: 190px;
        top: 30px;
    }
    
    .tablet #homepage-whatsOn-NewCatalogueUI p {
        position: relative;
        width: 240px;
    }
    
/*** IMAGE FORMATTING ***/
    
/*** DESKTOP ***/

    .desktop #homepage-whatsOn-NewCatalogueUI-image-desktop {
       display:block; 
       position: absolute;
       top:0px;
       right:-1px;
    }
    
    .mobile #homepage-whatsOn-NewCatalogueUI-image-desktop, .tablet #homepage-whatsOn-NewCatalogueUI-image-desktop {
        display:none;
    }
    
/*** MOBILE ***/
    
    .desktop #homepage-whatsOn-NewCatalogueUI-image-mobile {
        display:none;
    }
    
    .mobile #homepage-whatsOn-NewCatalogueUI-image-mobile {
        display:block;
        position: absolute;
       bottom:0px;
       left:5px;
    }
    
    .tablet #homepage-whatsOn-NewCatalogueUI-image-mobile {
        display:block;
        position: absolute;
       bottom:0px;
       left:20px;
    }
    
</style>
<div id="homepage-whatsOn-NewCatalogueUI" class="blockTitle darkBackground coverBackground" style="background:#303030;">
    <h3><svg id="heading" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200.1 65.8"><defs><style>.cls-1{fill:#fff;}</style></defs><title>New improved catalog</title><path id="heading-2" data-name="heading" class="cls-1" d="M1.1,23.2V.4H3.2L17,21.3V.4h1.5V23.2H16.4L2.7,2.6V23.2Zm23.4-1.8a9.4,9.4,0,0,1-2-6.4,9.4,9.4,0,0,1,2-6.4,6.5,6.5,0,0,1,5.3-2.4,7.2,7.2,0,0,1,5.3,2.2,8.6,8.6,0,0,1,2,5.9V15H24a8,8,0,0,0,1.6,5.3,4.8,4.8,0,0,0,4.2,2,6.2,6.2,0,0,0,3.5-1,5.1,5.1,0,0,0,2.2-2.8h1.6a6,6,0,0,1-2.5,3.8,8.1,8.1,0,0,1-4.8,1.5A6.5,6.5,0,0,1,24.5,21.4Zm11-7.9V13a5.9,5.9,0,0,0-1.8-3.9,5.6,5.6,0,0,0-3.9-1.5,5.3,5.3,0,0,0-3.9,1.6A5.8,5.8,0,0,0,24,13.1v.4Zm3.3-6.7h1.4l4.7,14.4L48.7,6.8h1.7l3.9,14,4.6-14h1.5L55,23.2H53.5L49.6,9l-4,14.2H44.2ZM75.7.4h1.5V2.7H75.7Zm0,22.8V6.8h1.5V23.2Zm6.5,0V6.8h1.5V9.6a5,5,0,0,1,2-2.3,4.4,4.4,0,0,1,2.7-.9,4.9,4.9,0,0,1,4.8,3.3,5.4,5.4,0,0,1,2.1-2.4,6.3,6.3,0,0,1,3.3-.9,5.4,5.4,0,0,1,3.8,1.5,4.9,4.9,0,0,1,1.5,3.6V23.2h-1.5V11.5a4.1,4.1,0,0,0-1.1-2.8,3.9,3.9,0,0,0-2.7-1.1,4.4,4.4,0,0,0-3.2,1.3,4.9,4.9,0,0,0-1.8,3.2V23.2H92.1V11.5A4.1,4.1,0,0,0,91,8.7a3.4,3.4,0,0,0-2.5-1.1,4.5,4.5,0,0,0-3.1,1.3,7.2,7.2,0,0,0-1.7,3.5V23.2Zm26.4,6.1V6.8h1.5v3.4a7,7,0,0,1,2.2-2.9,6.2,6.2,0,0,1,3.4-1.1A6.5,6.5,0,0,1,121,8.6a10,10,0,0,1,2,6.4,10,10,0,0,1-1.9,6.2,6.5,6.5,0,0,1-5.1,2.3,6.3,6.3,0,0,1-3.5-1.1,7,7,0,0,1-2.4-2.7v9.6Zm11.3-9a9.2,9.2,0,0,0,1.5-5.5,8.6,8.6,0,0,0-1.5-5.3,4.6,4.6,0,0,0-4-2.1,5.2,5.2,0,0,0-4.1,2.2,8.5,8.5,0,0,0-1.7,5.2,8.9,8.9,0,0,0,1.7,5.4,5.1,5.1,0,0,0,4.1,2.1A4.6,4.6,0,0,0,119.9,20.3Zm7,2.9V6.8h1.5v3.7a7.5,7.5,0,0,1,2-2.9,4.3,4.3,0,0,1,2.7-1.1h.9V8.3h-.4a4.6,4.6,0,0,0-3.3,1.5,8,8,0,0,0-1.9,3.9v9.6Zm10.9-2a9,9,0,0,1-2.1-6.2,9.5,9.5,0,0,1,2.1-6.4,7.6,7.6,0,0,1,11.1,0A9.5,9.5,0,0,1,151,15a9,9,0,0,1-2.1,6.2,7.8,7.8,0,0,1-11.1,0Zm10-1a7.7,7.7,0,0,0,1.7-5.2,8.3,8.3,0,0,0-1.7-5.4,5.6,5.6,0,0,0-4.4-2,5.6,5.6,0,0,0-4.5,2,8.3,8.3,0,0,0-1.7,5.4,7.7,7.7,0,0,0,1.7,5.2,5.6,5.6,0,0,0,4.5,2A5.6,5.6,0,0,0,147.8,20.2Zm11.2,3L152.9,6.8h1.5l5.5,14.6,5.3-14.6h1.5l-6,16.4Zm11.6-1.8a10,10,0,0,1-2-6.4,10,10,0,0,1,2-6.4,6.5,6.5,0,0,1,5.3-2.4,7,7,0,0,1,5.3,2.2,8.1,8.1,0,0,1,2,5.9V15h-13a8.6,8.6,0,0,0,1.5,5.3,5,5,0,0,0,4.2,2,6.5,6.5,0,0,0,3.6-1,5.6,5.6,0,0,0,2.2-2.8h1.5a5.8,5.8,0,0,1-2.4,3.8,8.1,8.1,0,0,1-4.9,1.5A6.5,6.5,0,0,1,170.6,21.4Zm11.1-7.9V13a6,6,0,0,0-1.9-3.9,5.6,5.6,0,0,0-3.9-1.5A5.3,5.3,0,0,0,172,9.2a5.7,5.7,0,0,0-1.8,3.9v.4Zm6.1,7.6a9.2,9.2,0,0,1-2.1-6.1,9.5,9.5,0,0,1,2.1-6.2,6.4,6.4,0,0,1,5.1-2.6,5.7,5.7,0,0,1,3.5,1.2,6.2,6.2,0,0,1,2.2,3V.4h1.5V23.2h-1.5V19.8a5.1,5.1,0,0,1-2.2,2.8,6,6,0,0,1-3.5,1A6.3,6.3,0,0,1,187.8,21.1Zm9.1-.8a8.6,8.6,0,0,0,1.7-5.3,8.3,8.3,0,0,0-1.7-5.2,4.7,4.7,0,0,0-8,0,8.3,8.3,0,0,0-1.6,5.2,8.6,8.6,0,0,0,1.6,5.3,4.7,4.7,0,0,0,8,0ZM2.3,58.4A9.2,9.2,0,0,1,0,52.1a9.3,9.3,0,0,1,2.3-6.2,7,7,0,0,1,5.5-2.5A6.5,6.5,0,0,1,12.3,45a4.6,4.6,0,0,1,1.9,3.8H12.7A3.5,3.5,0,0,0,11.2,46a5.5,5.5,0,0,0-3.4-1.1A5.6,5.6,0,0,0,3.4,47a7.6,7.6,0,0,0-1.9,5.1,8.2,8.2,0,0,0,1.9,5.3,5.4,5.4,0,0,0,4.4,2.2,5.2,5.2,0,0,0,3.4-1.2,3.7,3.7,0,0,0,1.4-2.8h1.6a4.6,4.6,0,0,1-1.9,3.8,6.6,6.6,0,0,1-4.5,1.7A6.9,6.9,0,0,1,2.3,58.4Zm15.6,1.2a4.5,4.5,0,0,1-1.7-3.3A4.2,4.2,0,0,1,17.9,53,7.9,7.9,0,0,1,22,51.4a12.8,12.8,0,0,0,4-.8c1-.3,1.6-.7,1.6-1.2V47.9a2.5,2.5,0,0,0-1.4-2.1,5.8,5.8,0,0,0-3.3-.9,6.6,6.6,0,0,0-3.2.8,2.5,2.5,0,0,0-1.3,2.1v.8H16.9v-1a3.4,3.4,0,0,1,1.8-2.8,7.7,7.7,0,0,1,4.2-1.1,8.3,8.3,0,0,1,4.3,1.1A3.1,3.1,0,0,1,29,47.5v9.9a3.4,3.4,0,0,0,.5,1.7,1.1,1.1,0,0,0,1,.6h.6v.7a3.3,3.3,0,0,1-1.5.3,1.9,1.9,0,0,1-1.5-.8,2.8,2.8,0,0,1-.6-1.8,3.7,3.7,0,0,1-2,2.1,7.8,7.8,0,0,1-3.5.8A6.5,6.5,0,0,1,17.9,59.6Zm7.8-1.2a6.1,6.1,0,0,0,1.9-3.3V51.3a4.8,4.8,0,0,1-2,.8l-3.6.5a5.1,5.1,0,0,0-3,1.2,3.2,3.2,0,0,0-1.2,2.5A3.1,3.1,0,0,0,19,58.7a4.7,4.7,0,0,0,3,1A5.6,5.6,0,0,0,25.7,58.4Zm9.4,1.5a3.7,3.7,0,0,1-.9-2.5V45.1H31.8V44h2.4V39.3h1.5V44H38v1.1H35.7V57.4a3.4,3.4,0,0,0,.5,1.7,1.4,1.4,0,0,0,1.2.6,2.2,2.2,0,0,0,1.2-.2v1.1l-1.3.3A2.7,2.7,0,0,1,35.1,59.9Zm6.6-.3A4.2,4.2,0,0,1,40,56.3,4.1,4.1,0,0,1,41.6,53a7.9,7.9,0,0,1,4.2-1.6,14.1,14.1,0,0,0,4-.8q1.5-.5,1.5-1.2V47.9a2.3,2.3,0,0,0-1.4-2.1,5.8,5.8,0,0,0-3.3-.9,6.6,6.6,0,0,0-3.2.8,2.7,2.7,0,0,0-1.3,2.1v.8H40.7v-1a3.5,3.5,0,0,1,1.7-2.8,8.2,8.2,0,0,1,4.2-1.1A8.7,8.7,0,0,1,51,44.8a3.1,3.1,0,0,1,1.8,2.7v9.9a3.3,3.3,0,0,0,.4,1.7,1.3,1.3,0,0,0,1.1.6h.5v.7a2.9,2.9,0,0,1-1.4.3,2.3,2.3,0,0,1-1.6-.8,2.8,2.8,0,0,1-.6-1.8,3.5,3.5,0,0,1-1.9,2.1,7.8,7.8,0,0,1-3.5.8A6.3,6.3,0,0,1,41.7,59.6Zm7.7-1.2a5.1,5.1,0,0,0,1.9-3.3V51.3a4.3,4.3,0,0,1-1.9.8l-3.6.5a5.1,5.1,0,0,0-3,1.2,3,3,0,0,0-1.3,2.5,3.3,3.3,0,0,0,1.3,2.4,4.4,4.4,0,0,0,3,1A5.2,5.2,0,0,0,49.4,58.4Zm8.4,1.9V37.5h1.5V60.3Zm7.5-2a8.8,8.8,0,0,1-2.1-6.2,9.2,9.2,0,0,1,2.1-6.3,7.7,7.7,0,0,1,11.2,0,9.2,9.2,0,0,1,2,6.3,8.7,8.7,0,0,1-2,6.2,8,8,0,0,1-11.2,0Zm10.1-.9A8,8,0,0,0,77,52.1a8,8,0,0,0-1.6-5.3,5.7,5.7,0,0,0-4.5-2.1,5.4,5.4,0,0,0-4.5,2.1,8,8,0,0,0-1.7,5.3,8,8,0,0,0,1.7,5.3,5.5,5.5,0,0,0,4.5,1.9A5.8,5.8,0,0,0,75.4,57.4Zm8.1,7.2a4.5,4.5,0,0,1-2.1-3.7h1.5a3.3,3.3,0,0,0,1.6,2.8,6.5,6.5,0,0,0,4,1.2,5.7,5.7,0,0,0,4-1.4A4.6,4.6,0,0,0,94,59.9V56.6a5.3,5.3,0,0,1-2.2,2.5,6.5,6.5,0,0,1-8.4-1.3,8.6,8.6,0,0,1-2-6.1,8.8,8.8,0,0,1,2-6.1,6.3,6.3,0,0,1,5.1-2.2,5.7,5.7,0,0,1,3.4,1A4.9,4.9,0,0,1,94,47V44h1.6V59.9a5.9,5.9,0,0,1-1.9,4.6,7.6,7.6,0,0,1-5.2,1.7A7.7,7.7,0,0,1,83.5,64.6Zm8.9-7.8A8,8,0,0,0,94,51.7a8.2,8.2,0,0,0-1.6-5.1,5,5,0,0,0-3.9-2,4.7,4.7,0,0,0-4,1.9,7.9,7.9,0,0,0-1.6,5.2,7.7,7.7,0,0,0,1.6,5.2,4.8,4.8,0,0,0,4,2A4.9,4.9,0,0,0,92.4,56.8Zm9.5,2.4a4.5,4.5,0,0,1-1.6-3.6V44h1.5V55.6a3.8,3.8,0,0,0,1.2,2.8,4.4,4.4,0,0,0,2.9,1.1,5,5,0,0,0,3.6-1.6,7.4,7.4,0,0,0,2-3.8V44H113V60.3h-1.5V57.4a6.8,6.8,0,0,1-2.3,2.5,6.2,6.2,0,0,1-3.3.8A5.7,5.7,0,0,1,101.9,59.2Zm17-.7a9.8,9.8,0,0,1-2-6.4,9.7,9.7,0,0,1,2-6.3,6.5,6.5,0,0,1,5.3-2.4,6.7,6.7,0,0,1,5.3,2.2,7.9,7.9,0,0,1,2,5.8v.7H118.4a8.9,8.9,0,0,0,1.6,5.4,5.3,5.3,0,0,0,4.2,2,6.6,6.6,0,0,0,3.6-1.1,5.6,5.6,0,0,0,2.2-2.8h1.5a5.8,5.8,0,0,1-2.4,3.8,8.1,8.1,0,0,1-4.9,1.5A6.5,6.5,0,0,1,118.9,58.5ZM130,50.7v-.6a5.6,5.6,0,0,0-1.9-3.8,5.6,5.6,0,0,0-7.8,0,6.6,6.6,0,0,0-1.9,4v.4Z"/></svg>
        </h3>
    <p>Finding items in our collection will be easier than ever from 5 March.</p>
 
    <img id="homepage-whatsOn-NewCatalogueUI-image-mobile" src="http://www.slq.qld.gov.au/__data/assets/image/0003/394140/New-Onesearch-v2b_background-small.png" alt="Image of the new Catalog UI">
    <img id="homepage-whatsOn-NewCatalogueUI-image-desktop" src="http://www.slq.qld.gov.au/__data/assets/image/0004/394141/New-Onesearch-v2b_background-desktop.png" alt="Image of the new Catalog UI">   
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/search/upgrade" title="More details about the new Catalogue UI">Find out what's new</a></p>
    </div>
    

</div>



    

2018-03 UQ Architecture Lectures - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-UQarch" class="blockTitle darkBackground coverBackground" style="background-image: url(http://www.slq.qld.gov.au/__data/assets/image/0010/395632/slq-UQ-architecturelectures-homepageslider-background5000.jpg);">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0011/395633/slq-UQ-architecturelectures-homepageslider-title-1.png" alt="UQ Architecture lecture Series" title="UQ Architecture lecture Series" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><br><b>Tuesdays 13 Mar – 15 May | SLQ Auditorium 1, level 2</b></p>
    </div>
    <p>Hear from leading Australian and international architects at the popular UQ Architecture lecture series.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/professionals/talks/uq-architecture-lecture-series-2018" title="Event link">Free lectures | Bookings required</a></p>
    </div>
</div>
    

2018-03 YWA Young Writers award 2018 - Live

code (HTML/CSS)
    <style>
    .desktop #homepage-whatsOn-YWA2018-titleWide, .tablet #homepage-whatsOn-YWA2018-titleCompact, .mobile #homepage-whatsOn-YWA2018-titleCompact {
        display:block;
        position:absolute;
        top: 0;
        right: 0;
    }
    
    .tablet #homepage-whatsOn-YWA2018-titleCompact, .mobile #homepage-whatsOn-YWA2018-titleCompact {
        height:200px;
    }
    
    .desktop #homepage-whatsOn-YWA2018-titleCompact, .tablet #homepage-whatsOn-YWA2018-titleWide, .mobile #homepage-whatsOn-YWA2018-titleWide {
        display:none;
    }
    
    #homepage-whatsOn-YWA2018-blurb {
        position:absolute;
        top:190px;
    }
    
    #homepage-whatsOn-YWA2018-moreinfo {
        position:absolute;
        top: 230px;
    }
   
</style>

<div id="homepage-whatsOn-YWA2018" class="compactTitle lightBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0008/396845/image002.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0011/396848/slq-YWA-2018-homepage-slider-identity-medium.png" alt="Young Writers Award 2018" title="Young Writers Award 2018" id="homepage-whatsOn-YWA2018-titleWide">
    <img src="http://www.slq.qld.gov.au/__data/assets/image/0009/396846/slq-YWA-2018-homepage-slider-identity-Compact.png" alt="Young Writers Award 2018" title="Young Writers Award 2018" id="homepage-whatsOn-YWA2018-titleCompact">
    </h3>
    <p id="homepage-whatsOn-YWA2018-blurb">Entries now open<br>Launch your literary career</p>
    <div id="homepage-whatsOn-YWA2018-moreinfo" class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/awards/ywa" title="Find out more about the Young Writers Award 2018">Find out more</a></p>
    </div>
</div>
    

2018-04 QLA Queensland Literary Awards 2018 - Live

code (HTML/CSS)
    <style>

#homepage-whatsOn-qla, #homepage-whatsOn .gallery-cell, .gallery-cell {
    overflow: hidden !important;
}

.tablet #homepage-whatsOn-qla, .mobile #homepage-whatsOn-qla {
    background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0005/397967/QLA2018-homepage-slider-background2.jpg) !important;
}

    .whatsOn-qla-title {
        max-height: 150px !important;
        margin-bottom: 10px;
    }
    
     .desktop .whatsOn-qla-title {
        max-height: 165px !important;
        }

    .whatsOn-qla-hero {
        display: block;
        position: absolute;
    }
    
    .desktop .whatsOn-qla-hero {
        right: 30px !important;
        top: 35px !important;
        height: 210px !important;
    }
    
    .tablet .whatsOn-qla-hero {
    right: 30px !important;
    width: 150px;
    height: auto !important;
    bottom: 80px !important;
}
    
    .mobile .whatsOn-qla-hero {
    right: 10px !important;
    width: 140px;
    height: auto !important;
    bottom: 80px !important;
}


    
</style>
<div id="homepage-whatsOn-ourSportingGreats" class="blockTitle darkBackground coverBackground" style="background:#726A67; background: hsl(10,5%,40%);">
    <h3><img class="homepage-whatsOn-titleImage whatsOn-qla-title" src="http://www.slq.qld.gov.au/__data/assets/image/0004/397966/QLA2018-homepage-slider-identity-Compact.png" alt="Queensland Literary Awards 2018" title="Queensland Literary Awards 2018"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Entries close 31 May</b></p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://qldlitawards.org.au/home" title="Event Details">See full details</a></p>
    </div>
     <img class="whatsOn-qla-hero" src="http://www.slq.qld.gov.au/__data/assets/image/0006/397968/QLA2018-Webslider-Bird.png" alt="Illustrations of a flat colour angular faceted style king fisher">
</div>
    

2018-04 UQ Architecture Lectures Stage 2 - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-UQarch" class="blockTitle darkBackground coverBackground" style="background-image: url(http://www.slq.qld.gov.au/__data/assets/image/0008/398069/slq-UQ-architecturelectures-homepageslider-background5000.jpg);">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0009/398070/slq-UQ-architecturelectures-homepageslider-title-1.png" alt="UQ Architecture lecture Series" title="UQ Architecture lecture Series" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Free talks I Tuesdays 17 Apr – 15 May, 6.15pm</b></p>
    </div>
    <p>Join leading Australian and international architects discussing contemporary practice.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/professionals/talks/uq-architecture-lecture-series-2018" title="Event link">Book now</a> | <a href="http://www.slq.qld.gov.au/audio-video/livestream">Watch the livestream</a></p>
    </div>
</div>
    

2018-04 UQ Architecture Lectures Green - Live

code (HTML/CSS)
    <div id="homepage-whatsOn-UQarch" class="blockTitle lightBackground coverBackground" style="background-image: url(http://www.slq.qld.gov.au/__data/assets/image/0010/398566/slq-UQ-architect-background2.jpg);">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0011/398567/slq-UQ-architecturelectures-homepageslider-title-dark.png" alt="UQ Architecture lecture Series" title="UQ Architecture lecture Series" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Free talks I Tuesdays 17 Apr – 15 May, 6.15pm</b></p>
    </div>
    <p>Join leading Australian and international architects discussing contemporary practice.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/professionals/talks/uq-architecture-lecture-series-2018" title="Event link">Book now</a> | <a href="http://www.slq.qld.gov.au/audio-video/livestream">Watch the livestream</a></p>
    </div>
</div>
    

2018-04 QANZAC100 Billboard Nurses - Live

code (HTML/CSS)
    <style>
    #homepage-whatsOn-QANZAC100Billboard p {
        font-family:  "Open Sans", sans-serif;
        font-size: 16px !important;
        line-height: 1.2;
    }
    
    #homepage-whatsOn-QANZAC100Billboard-text {
        position:absolute;
        top: 173px;
        width: 251px;
    }
    
    #homepage-whatsOn-QANZAC100Billboard-link {
        position: absolute;
        top: 240px;
}
    
</style>
<div id="homepage-whatsOn-QANZAC100Billboard" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0008/399068/ANZAC100-Billboard-Nurses.jpg)">
    <!--<h3><img src="./?a=" alt="Event Name" title="Event Name" class="homepage-whatsOn-titleImage"></h3> -->
    
    <p id="homepage-whatsOn-QANZAC100Billboard-text">A tribute to the medical and nursing staff at Yungaba, Kangaroo Point Military Hospital.</p>
    <div id="homepage-whatsOn-QANZAC100Billboard-link" class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://blogs.slq.qld.gov.au/ww1/2018/04/04/first-world-war-billboard-at-state-library-of-queensland/" title="Blog Entry">read more</a></p>
    </div>
</div>
    

2018-02 What's your story - Live

code (HTML/CSS)
    <style>
    .mobile.home #homepage-whatsOn-QM2018 h3{margin-top:-15px;margin-left:-18px;}
    .mobile.home #homepage-whatsOn-QM2018.blockTitle h3 img { max-height:140px;}
    .tablet.home #homepage-whatsOn-QM2018 h3{margin-top:-15px;margin-left:-12px;}
    .tablet.home #homepage-whatsOn-QM2018.blockTitle h3 img { max-height:140px;}
    .desktop.home #homepage-whatsOn-QM2018 h3{margin-top:-20px;margin-left:-13px;}
    .desktop.home #homepage-whatsOn-QM2018.blockTitle h3 img { max-height:160px;}
    
</style>
<div id="homepage-whatsOn-QM2018" class="blockTitle lightBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0011/392438/SLQ-QMAwards2018-SLQ-homepage-slider-background.png);background-size: cover;background-position: bottom;">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0003/392439/SLQ-QMAwards2018-SLQ-homepage-slider-title.png" alt="What's your story?" title="What's your story?" class="homepage-whatsOn-titleImage"></h3>
    <br>
    <p><b>Applications are now open for seven research fellowships totalling $100,000.</b></p>
    
    <div class="homepage-whatsOn-moreInfoLinks">
        <p>Applications close 5pm Wed 21 Mar</p><br/>
        <p><a href="http://www.slq.qld.gov.au/whats-on/awards/qmawards" title="Apply Now">Apply Now</a></p>
    </div>
</div>
    

SLQ Membership - Live

code (HTML/CSS)
    <style>
    #homepage-slider-Membership .homepage-whatsOn-moreInfoLinks {
        margin-top:30px;
    }
    
    .desktop #homepage-slider-Membership {
        background-size: 100%;
        background-position: 0 -110px;
    }
    
    .desktop #homepage-slider-Membership h3 {
        width:300px;
        margin-top:70px;
    }
    
    .tablet #homepage-slider-Membership {
        background-size: 130%;
        background-position: -120px -240px;
    }
    
    .mobile #homepage-slider-Membership {
        background-size: 150%;
        background-position: -140px 0;
    }
    


</style>

<div id="homepage-slider-Membership" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0007/393424/slq-homeslider-slqmembership-background.jpg)">
    <h3>Unlock the perks of SLQ membership</h3>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/services/membership" title="Become an SLQ member">Join today for free</a></p>
    </div>
</div>
    

2018-02 Business Studio - Live

code (HTML/CSS)
    <style>

    #homepage-BusinessStudio h3 {
        line-height: 1.1;
    }
    #homepage-BusinessStudio .homepage-whatsOn-moreInfoLinks {
        margin-top:30px;
        margin-bottom: 10px;
    }
    
    .tablet #homepage-BusinessStudio {
        background-size: 115%;
        background-position: 0 -140px;

    }
    
    .tablet #homepage-BusinessStudio h3 {
        width: 250px;
    }
    
    .tablet #homepage-BusinessStudio p {
        width: 200px;
    }
    
    .desktop #homepage-BusinessStudio {
        background-size: 100%;
        background-position-y: -35px;
    }
    
    .desktop #homepage-BusinessStudio h3 {
        width: 300px;
    }
    
    .desktop #homepage-BusinessStudio p {
        width: 280px;
    }
    

    
    .mobile #homepage-BusinessStudio {
        background-size: 135%;
        background-position: -10px 0px;
    }
    
</style>

<div id="homepage-BusinessStudio" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0008/393425/slq-homeslider-businessstudio-background.jpg)">
    <h3>We love start-ups and budding entrepreneurs!</h3>
    <p>Get your big ideas off the ground with help from the SLQ Business Studio.</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/talks/lunch-box-forums2018" title="Event link">Find out more</a></p>
    </div>
</div>
    

2018-02 Lifestyle - Live

code (HTML/CSS)
    <style>

#homepage-whatsOn-lifestyle, #homepage-whatsOn .gallery-cell, .gallery-cell {
    overflow: hidden !important;
}

    .whatsOn-lifestyle-leaf {
        display: block;
        position: absolute;
        transform:rotate(15deg);
        height: 250px !important;
    }
    
    .desktop .whatsOn-lifestyle-leaf {
        right: 40px !important;
        top: 15px !important;
        height: 250px !important;
    }
    
    .tablet .whatsOn-lifestyle-leaf {
        right: -80px !important;
        top: 0px !important;
    }
    
    .mobile .whatsOn-lifestyle-leaf {
        right: -110px !important;
        top: 0px !important;
    }
    
</style>
<div id="homepage-whatsOn-lifestyle" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0003/395040/Lifestyle-slider-background2.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0004/395041/Lifestyle-title.png" alt="Lifestyle" title="Lifestyle" class="homepage-whatsOn-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Open daily until 21 Oct<br/>SLQ Gallery, level 2</b></p>
    </div>
    <p>#SLQlifestyle</p>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://lifestyle.slq.qld.gov.au/" title="Exhibition details">Free exhibition</a></p>
    </div>
     <img class="whatsOn-lifestyle-leaf" src="http://www.slq.qld.gov.au/__data/assets/image/0005/395042/tropical-leaves-2.png" alt="Tropical Leaf Motif">
</div>
    

2018-03 Queens Baton - Live

code (HTML/CSS)
    <style>

#homepage-whatsOn-Baton {
    background-color: #0416B6 !important;
    background-repeat: no-repeat !important;
}
 
.desktop #homepage-whatsOn-Baton {
    background-position-y: -100px;
}

.tablet #homepage-whatsOn-Baton {
    background-position: -30px 0px;
    background-size: 125%;
}
.mobile #homepage-whatsOn-Baton {
    background-position: -45px -5px;
    background-size: 140%;
}
</style>

<div id="homepage-whatsOn-Baton" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0006/395295/SLQ-QueensBaton-HomepageSlider-BackgroundFlip.png)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0007/395296/SLQ-QueensBaton-HomepageSlider2.png" alt="Bright Bold Boundless" title="Bright Bold Boundless" class="homepage-whatsOn-titleImage"></h3>
<p id="homepage-whatsOn-Baton-subtitle" ><a href="http://baton.slq.qld.gov.au" title="Showcase link">Designing the Queen&rsquo;s Baton</a></p>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Open daily until 12 Aug<br/>Asia Pacific Design Library, level 2</b></p>
    </div>
<!--    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://baton.slq.qld.gov.au" title="Showcase link">Open Daily</a></p>
    </div>-->
</div>
    

2018-03 Our Sporting Greats - Live

code (HTML/CSS)
    <style>

#homepage-whatsOn-SportingGreats, #homepage-whatsOn .gallery-cell, .gallery-cell {
    overflow: hidden !important;
}
    .whatsOn-SportingGreats-title {
        max-height: 150px !important;
        margin-bottom: 10px;
    }
    
     .desktop .whatsOn-SportingGreats-title {
        max-height: 165px !important;
        }

    .whatsOn-SportingGreats-hero {
        display: block;
        position: absolute;
    }
    
    .desktop .whatsOn-SportingGreats-hero {
        right: 30px !important;
        top: 35px !important;
        height: 210px !important;
    }
    
    .tablet .whatsOn-SportingGreats-hero {
    right: 30px !important;
    width: 150px;
    height: auto !important;
    bottom: 20px !important;
}
    
    .mobile .whatsOn-SportingGreats-hero {
    right: 10px !important;
    width: 140px;
    height: auto !important;
    bottom: 20px !important;
}


    
</style>
<div id="homepage-whatsOn-ourSportingGreats" class="blockTitle lightBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0004/397120/OSG_Slider_bg_n_Watermark.png)">
    <h3><img class="homepage-whatsOn-titleImage whatsOn-SportingGreats-title" src="http://www.slq.qld.gov.au/__data/assets/image/0003/397182/OSGtitle@2x.png" alt="Our Sporting Greats" title="Our Sporting Greats"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Open daily until 9 Sep<br/>kuril dhagun, level 1</b></p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://sportinggreats.slq.qld.gov.au/" title="Exhibition details">Free showcase</a></p>
    </div>
     <img class="whatsOn-SportingGreats-hero" src="http://www.slq.qld.gov.au/__data/assets/image/0005/397121/OSG_Slider_Hero.png" alt="Graphic of two players tussling over a football">
</div>
    

2018-05 QIC Queenslanders in Conversation - Live

code (HTML/CSS)
    <style>

#homepage-whatsOn-qic {
    text-align: center;
}

.desktop #homepage-whatsOn-qic h3 {
    margin-bottom: 0;
}

.homepage-whatsOn-qic-titleImage {
    max-height: unset !important;
}

.desktop .homepage-whatsOn-qic-titleImage {
    width: 60%;
}

.tablet .homepage-whatsOn-qic-titleImage,
.mobile .homepage-whatsOn-qic-titleImage {
    width:90%;
}

/*
.desktop .homepage-whatsOn-qic-titleImage,
.tablet .homepage-whatsOn-qic-titleImage,
.mobile .homepage-whatsOn-qic-titleImage {
    max-height: unset;
}
 */
</style>
<div id="homepage-whatsOn-qic" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0013/400342/Lifestyle-slider-background2.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0014/400343/QIC-title-1.png" alt="Lifestyle" title="Lifestyle" class="homepage-whatsOn-qic-titleImage"></h3>
    <div class="homepage-whatsOn-timeLocation">
        <p><b>Wed 9 May, 6pm–7.15pm<br/>SLQ Auditorium 1, level 2</b></p>
    </div>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/calevents/livestreams/mega-events" title="Event details">Free event and livestream</a></p>
    </div>
</div>
    

2018-05 Google Arts - Live

code (HTML/CSS)
    <style>
.desktop #homepage-whatsOn-GoogleArts {
    padding-top:40px !important;
    padding-left: 30px !important;
}
.mobile #homepage-whatsOn-GoogleArts, .tablet #homepage-whatsOn-GoogleArts {
    padding: 25px !important;
}

.desktop  #googleArts-slider-title {
    width:360px;
}

.tablet #googleArts-slider-title {
    letter-spacing: 1.5px;
    font-size: 22px;
}

.mobile #googleArts-slider-title {
    font-size: 26px;
    width: 240px;
}

#googleArts-slider-title {
    text-shadow: 0 0 5px #000000;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    font-family: "Futura", "Open Sans", sans-serif;
    letter-spacing: 2px;
}

.mobile #googleArts-slider-title {
    font-size: 26px;
    width: 240px;
}

#googleArts-slider-button {
    position:  relative;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none !important;
    font-weight: bold;
    font-size:16px;
    background-color: #3398FF;
    padding: 8px 20px;
    border-radius: 4px;
}

#googleArts-slider-logo {
    position: absolute;
    bottom:30px;
    right:40px;
    width:250px;
}

.tablet #googleArts-slider-logo {
    right: 60px;
}

</style>
<div id="homepage-whatsOn-GoogleArts" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0020/400862/google-arts-background-big.jpg)">
    <h3 id="googleArts-slider-title">Discover the State Library of Queensland</h3>
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a id="googleArts-slider-button" href="https://artsandculture.google.com/search/streetview?p=state-library-of-queensland" title="Virtual Tour">Virtual Tour</a></p>
    </div>
    <svg id="googleArts-slider-logo" viewBox="0 0 181.5 25.9">
  <defs>
    <style>
      .cls-1{fill:none}.cls-11{fill:#fff}.cls-13{fill:#f1f1f1}.cls-18{fill:#eee}
    </style>
    <linearGradient id="linear-gradient" x1="17.59" y1="17.07" x2="10.13" y2="17.07" gradientTransform="matrix(1 0 0 -1 0 30.19)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#2d3378" stop-opacity=".2"/>
      <stop offset="1" stop-color="#2d3378" stop-opacity="0"/>
    </linearGradient>
    <radialGradient id="radial-gradient" cx="61.97" cy="136.86" r="22.95" gradientTransform="translate(-56 -132)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#fff"/>
      <stop offset="1" stop-color="#fff" stop-opacity="0"/>
    </radialGradient>
    <clipPath id="clip-path">
      <path id="_Clipping_Path_" data-name="&lt;Clipping Path&gt;" class="cls-1" d="M13.5 1.4A11.7 11.7 0 1 1 1.7 13.1 11.7 11.7 0 0 1 13.5 1.4z"/>
    </clipPath>
    <linearGradient id="linear-gradient-2" x1="10.36" y1="19.25" x2="22.62" y2="6.99" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-3" x1="9.69" y1="19.1" x2="9.69" y2="17.22" gradientTransform="matrix(1 0 0 -1 0 30.19)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#262626" stop-opacity=".1"/>
      <stop offset="1" stop-color="#262626" stop-opacity="0"/>
    </linearGradient>
    <linearGradient id="linear-gradient-4" x1="9.7" y1="19.25" x2="9.7" y2="17.38" gradientTransform="matrix(1 0 0 -1 0 30.19)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#262626" stop-opacity=".2"/>
      <stop offset="1" stop-color="#262626" stop-opacity="0"/>
    </linearGradient>
    <linearGradient id="linear-gradient-5" x1="13.42" y1="19.06" x2="13.42" y2="16.13" xlink:href="#linear-gradient-3"/>
    <linearGradient id="linear-gradient-6" x1="13.43" y1="19.25" x2="13.43" y2="17.38" xlink:href="#linear-gradient-4"/>
    <linearGradient id="linear-gradient-7" x1="17.16" y1="19.25" x2="17.16" y2="17.38" xlink:href="#linear-gradient-4"/>
    <linearGradient id="linear-gradient-8" x1="-82.97" y1="19.53" x2="-85.31" y2="21.86" gradientTransform="matrix(1 0 0 -1 96.17 30.19)" xlink:href="#linear-gradient-3"/>
    <linearGradient id="linear-gradient-9" x1="12.01" y1="21.21" x2="10.79" y2="19.99" xlink:href="#linear-gradient-3"/>
    <linearGradient id="linear-gradient-10" x1="11.79" y1="10.43" x2="10.05" y2="12.18" xlink:href="#linear-gradient-3"/>
    <linearGradient id="linear-gradient-11" x1="12.39" y1="9.85" x2="10.89" y2="11.35" xlink:href="#linear-gradient-3"/>
    <linearGradient id="linear-gradient-12" x1="12.54" y1="11.27" x2="11.66" y2="12.15" xlink:href="#linear-gradient-3"/>
  </defs>
  <title>
    Google Arts Logo
  </title>
  <g id="_Group_" data-name="&lt;Group&gt;">
    <g id="_Group_2" data-name="&lt;Group&gt;">
      <path id="_Path_2" data-name="&lt;Path&gt;" d="M13.5 1.4A11.7 11.7 0 1 1 1.7 13.1 11.7 11.7 0 0 1 13.5 1.4z" fill="#1986c7"/>
      <g id="_Group_3" data-name="&lt;Group&gt;">
        <path id="_Path_3" data-name="&lt;Path&gt;" d="M13.5 1.4A11.7 11.7 0 1 1 1.7 13.1 11.7 11.7 0 0 1 13.5 1.4z" fill="#2997d3"/>
        <path id="_Path_4" data-name="&lt;Path&gt;" d="M1.7 13.1a11.7 11.7 0 0 0 11.8 11.7V1.4A11.7 11.7 0 0 0 1.7 13.1z" fill="url(#linear-gradient)"/>
      </g>
      <path id="_Path_5" data-name="&lt;Path&gt;" d="M13.5 1.5a11.8 11.8 0 0 1 11.7 11.7 11.8 11.8 0 0 0-23.5 0A11.8 11.8 0 0 1 13.5 1.5z" style="isolation:isolate" opacity=".2" fill="#fff"/>
      <path id="_Path_6" data-name="&lt;Path&gt;" d="M25.2 13.1a11.8 11.8 0 0 1-23.5 0 11.8 11.8 0 0 0 23.5 0z" style="isolation:isolate" fill="#2d3378" opacity=".2"/>
      <path id="_Path_7" data-name="&lt;Path&gt;" d="M13.5 1.4A11.7 11.7 0 1 1 1.8 13.1 11.7 11.7 0 0 1 13.5 1.4z" style="isolation:isolate" fill="url(#radial-gradient)" opacity=".1"/>
      <g id="_Group_4" data-name="&lt;Group&gt;">
        <g clip-path="url(#clip-path)" id="_Clip_Group_" data-name="&lt;Clip Group&gt;">
          <path id="_Path_8" data-name="&lt;Path&gt;" fill="url(#linear-gradient-2)" d="M27.7 16.9L15.5 27.4 7 18.9l1.8-1.8.1-6.5 10.8-1.7 8 8z"/>
        </g>
      </g>
      <path id="_Compound_Path_" data-name="&lt;Compound Path&gt;" class="cls-11" d="M19.8 8.8a.5.5 0 0 0-.2-.4h-.1l-5.8-2.9h-.5L7.4 8.4h-.1c-.2.1-.3.2-.3.4V10h.6v.6a.4.4 0 0 0 .4.4h.6v5.3H8a.5.5 0 0 0-.4.5v.6h-.2a.4.4 0 0 0-.4.4V19h12.8v-1.1a.4.4 0 0 0-.4-.4h-.1V17a.5.5 0 0 0-.5-.5h-.6V11h.6a.5.5 0 0 0 .5-.4V10h.5V8.9zm-9 4.3V11h1.6v5.3h-1.6zm3.7 3.2V11h1.6v5.3z"/>
      <path id="_Compound_Path_2" data-name="&lt;Compound Path&gt;" d="M14.5 11zm4.8-.4zm-.5.4a.5.5 0 0 0 .5-.4.5.5 0 0 1-.5.4zm-8 .1zm8.5-1zM7 19.1zM8 11a.4.4 0 0 1-.4-.4.4.4 0 0 0 .4.4zm-.4-.9z" fill="#263238" opacity=".2"/>
    </g>
    <g id="_Group_5" data-name="&lt;Group&gt;">
      <g id="_Group_6" data-name="&lt;Group&gt;">
        <path id="_Path_9" data-name="&lt;Path&gt;" class="cls-13" d="M8.6 11h2.1v5.41H8.6z"/>
        <path id="_Path_10" data-name="&lt;Path&gt;" fill="url(#linear-gradient-3)" d="M8.6 11h2.1v2.02H8.6z"/>
        <path id="_Path_11" data-name="&lt;Path&gt;" fill="url(#linear-gradient-4)" d="M10.8 13.1V11H8.6l2.2 2.1z"/>
      </g>
      <g id="_Group_7" data-name="&lt;Group&gt;">
        <path id="_Path_12" data-name="&lt;Path&gt;" class="cls-13" d="M12.4 11h2.1v5.41h-2.1z"/>
        <path id="_Path_13" data-name="&lt;Path&gt;" fill="url(#linear-gradient-5)" d="M12.4 11h2.1v3.15h-2.1z"/>
        <path id="_Path_14" data-name="&lt;Path&gt;" fill="url(#linear-gradient-6)" d="M14.5 13.1V11h-2.1l2.1 2.1z"/>
      </g>
      <g id="_Group_8" data-name="&lt;Group&gt;">
        <path id="_Path_15" data-name="&lt;Path&gt;" class="cls-18" d="M16.1 11h2.1v5.3h-2.1z"/>
        <path id="_Path_16" data-name="&lt;Path&gt;" class="cls-13" d="M16.1 11h2.1v5.41h-2.1z"/>
        <path id="_Path_17" data-name="&lt;Path&gt;" fill="url(#linear-gradient-7)" d="M18.2 13.1V11h-2.1l2.1 2.1z"/>
      </g>
      <path id="_Path_18" data-name="&lt;Path&gt;" class="cls-18" d="M19.3 10H7.6v.6a.4.4 0 0 0 .4.4h10.8a.5.5 0 0 0 .5-.4z"/>
      <g id="_Group_9" data-name="&lt;Group&gt;" opacity=".5">
        <g id="_Group_10" data-name="&lt;Group&gt;">
          <path id="_Path_19" data-name="&lt;Path&gt;" class="cls-11" d="M19.8 8.8a.5.5 0 0 0-.2-.4h-.1l-5.8-2.9h-.5L7.4 8.4h-.1c-.2.1-.3.2-.3.4V10h12.8V8.8z"/>
        </g>
      </g>
      <path id="_Path_20" data-name="&lt;Path&gt;" d="M19.8 8.8a.5.5 0 0 0-.2-.4h-.1l-5.8-2.9h-.5L7.4 8.4h-.1c-.2.1-.3.2-.3.4V10h12.8V8.8z" fill="#f9fcfc"/>
      <path id="_Path_21" data-name="&lt;Path&gt;" d="M13.4 5.4h-.2l-5.8 3h-.1c-.2.1-.3.2-.3.4V10h6.4z" fill="url(#linear-gradient-8)"/>
      <path id="_Path_22" data-name="&lt;Path&gt;" class="cls-11" d="M19.8 8.8a.5.5 0 0 0-.2-.4h-.1l-5.8-2.9h-.5L7.4 8.4h-.1c-.2.1-.3.2-.3.4 0-.2.1-.3.3-.4h.1l5.8-2.9h.5l5.8 2.8h.1a.5.5 0 0 1 .2.4z"/>
      <path id="_Path_23" data-name="&lt;Path&gt;" d="M13.4 10H7.6v.6a.4.4 0 0 0 .4.4h5.4v-1z" fill="url(#linear-gradient-9)"/>
      <path id="_Path_24" data-name="&lt;Path&gt;" class="cls-13" d="M19.3 16.8a.5.5 0 0 0-.5-.5H8a.5.5 0 0 0-.4.5v.6h11.7v-.6z"/>
      <path id="_Path_25" data-name="&lt;Path&gt;" class="cls-11" d="M19.3 16.8a.5.5 0 0 0-.5-.5H8a.5.5 0 0 0-.4.5.4.4 0 0 1 .4-.4h10.8a.5.5 0 0 1 .5.5z"/>
      <path id="_Path_26" data-name="&lt;Path&gt;" d="M13.4 17.4h-6a.4.4 0 0 0-.4.4V19h6.4z" fill="url(#linear-gradient-10)"/>
      <path id="_Path_27" data-name="&lt;Path&gt;" class="cls-13" d="M19.8 17.8a.4.4 0 0 0-.4-.4h-12a.4.4 0 0 0-.4.4V19h12.8v-1.2z"/>
      <path id="_Path_28" data-name="&lt;Path&gt;" class="cls-11" d="M19.8 17.8a.4.4 0 0 0-.4-.4h-12a.4.4 0 0 0-.4.4c0-.3.2-.4.4-.5h12a.7.7 0 0 1 .4.5z"/>
      <path id="_Path_29" data-name="&lt;Path&gt;" d="M13.4 17.4h-6a.4.4 0 0 0-.4.4V19h6.4v-1.6z" fill="url(#linear-gradient-11)"/>
      <path id="_Path_30" data-name="&lt;Path&gt;" d="M13.4 16.3H8a.5.5 0 0 0-.4.5v.6h5.8v-1.1z" fill="url(#linear-gradient-12)"/>
    </g>
  </g>
  <path id="Google_Arts_Culture" data-name="Google Arts &amp; Culture" d="M85.1 19.1l4.2-11.3h1.6l4.3 11.3h-1.6L92.5 16h-4.7l-1.1 3.1zm3.2-4.4H92l-1.8-5.1h-.1zm9.1-3.3v1.2h.1a1.5 1.5 0 0 1 .9-1 2.8 2.8 0 0 1 1.5-.4h.5v1.4h-.6a2.5 2.5 0 0 0-1.7.6 2.1 2.1 0 0 0-.6 1.6v4.3H96v-7.7zm7.9 7.8a2.4 2.4 0 0 1-2.5-2.5v-4h-1.3v-1.3h1.3V9h1.5v2.4h1.9v1.3h-1.9v3.9c0 .8.3 1.3 1 1.3l.7-.2.5 1.3zm4.9.1a3.7 3.7 0 0 1-2.1-.6 3.8 3.8 0 0 1-1.2-1.6l1.3-.5a2.2 2.2 0 0 0 2.1 1.4 2 2 0 0 0 1.1-.3.8.8 0 0 0 .4-.8c0-.5-.4-.8-1.1-1l-1.5-.4a2.7 2.7 0 0 1-1.4-.7 1.7 1.7 0 0 1-.7-1.4 2.1 2.1 0 0 1 .9-1.7 4 4 0 0 1 2.2-.6 3.5 3.5 0 0 1 1.8.5 2.4 2.4 0 0 1 1.1 1.3l-1.2.5a1.7 1.7 0 0 0-1.8-1 1.5 1.5 0 0 0-1 .3.8.8 0 0 0-.5.7c0 .4.4.7 1 .9l1.6.3a3.5 3.5 0 0 1 1.6.9 2.4 2.4 0 0 1 .5 1.4 2 2 0 0 1-.9 1.7 3.1 3.1 0 0 1-2.2.7zm15.9-4.3l-1.3 2.1 1 1.4-1.1.8-.7-1a3.7 3.7 0 0 1-2.6 1 4.2 4.2 0 0 1-2.9-1.1 3.8 3.8 0 0 1-1.2-2.9 3.1 3.1 0 0 1 .5-1.8 4 4 0 0 1 1.4-1.5 3.4 3.4 0 0 1-.8-1.8 2.6 2.6 0 0 1 .8-1.9 2.6 2.6 0 0 1 1.9-.7 2.2 2.2 0 0 1 1.6.5 3.4 3.4 0 0 1 .9 1.4l-1.2.6c-.3-.8-.7-1.2-1.3-1.2a1.2 1.2 0 0 0-1.2 1.3 2.2 2.2 0 0 0 .3 1l3.7 4.8 1-1.7zm-4.7 3a2.5 2.5 0 0 0 1.8-.8l-3.2-4.1a2.2 2.2 0 0 0-1 .9 2.4 2.4 0 0 0-.4 1.3 2.6 2.6 0 0 0 .8 1.9 2.8 2.8 0 0 0 2 .8zm14.5 1.3a5.8 5.8 0 0 1-5.9-5.9 6.1 6.1 0 0 1 1.7-4.2 5.7 5.7 0 0 1 4.2-1.6 5.2 5.2 0 0 1 4.1 1.8l-1 1a3.7 3.7 0 0 0-3.1-1.5 4.2 4.2 0 0 0-3.1 1.3 4.1 4.1 0 0 0-1.3 3.2 4.3 4.3 0 0 0 4.4 4.5 4.3 4.3 0 0 0 3.4-1.6l1 1a5.8 5.8 0 0 1-1.9 1.5 7 7 0 0 1-2.5.5zm12.4-.2h-1.4V18h-.1a1.8 1.8 0 0 1-1 .9 2.3 2.3 0 0 1-1.4.4 2.7 2.7 0 0 1-2.2-.9 3.3 3.3 0 0 1-.7-2.3v-4.7h1.4v4.4c0 1.5.7 2.2 1.9 2.2a2.1 2.1 0 0 0 1.5-.7 2.6 2.6 0 0 0 .5-1.7v-4.2h1.5zm3.2 0H150V7.8h1.5zm5.2.1a2.2 2.2 0 0 1-1.9-.7 2.4 2.4 0 0 1-.6-1.8v-4h-1.4v-1.3h1.4V9h1.4v2.4h1.9v1.3h-1.9v3.9c0 .8.4 1.3 1.1 1.3l.6-.2.5 1.3zm8.8-.1h-1.4V18h-.1a1.8 1.8 0 0 1-1 .9 2.3 2.3 0 0 1-1.4.4 2.7 2.7 0 0 1-2.2-.9 3.3 3.3 0 0 1-.7-2.3v-4.7h1.4v4.4c0 1.5.6 2.2 1.9 2.2a2.1 2.1 0 0 0 1.5-.7 3.4 3.4 0 0 0 .5-1.7v-4.2h1.5zm3 0h-1.4v-7.7h1.4v1.2a2.8 2.8 0 0 1 .9-1 2.5 2.5 0 0 1 1.4-.4 1.6 1.6 0 0 1 1 .2l-.5 1.3h-.8a2 2 0 0 0-1.4.6 2.3 2.3 0 0 0-.6 1.6zm7.3.2a3.5 3.5 0 0 1-2.8-1.2 3.6 3.6 0 0 1-1.1-2.9 4.3 4.3 0 0 1 1-2.9 3.4 3.4 0 0 1 2.7-1.2 3.8 3.8 0 0 1 2.8 1.1 4.4 4.4 0 0 1 1 3v.3h-6.1a2.7 2.7 0 0 0 .8 1.8 2.2 2.2 0 0 0 1.7.7 2.2 2.2 0 0 0 2.1-1.3l1.3.5a3.7 3.7 0 0 1-1.3 1.5 3.7 3.7 0 0 1-2.1.6zm2.1-5a3.1 3.1 0 0 0-.6-1.3 2.4 2.4 0 0 0-1.7-.6 2.4 2.4 0 0 0-1.4.5 3.2 3.2 0 0 0-.8 1.4zm-140.2 5a6 6 0 0 0 4.5-1.8 6.1 6.1 0 0 0 1.5-4.1c0-.4-.1-.8-.1-1.1h-5.9V14h4.2a4.5 4.5 0 0 1-1 2.3 4.3 4.3 0 0 1-3.2 1.2 4.6 4.6 0 0 1-4.7-4.6 4.7 4.7 0 0 1 4.7-4.7 4.2 4.2 0 0 1 3.1 1.2l1.3-1.2a6.3 6.3 0 0 0-4.4-1.8 6.6 6.6 0 0 0-6.6 6.5 6.6 6.6 0 0 0 6.6 6.4zM48.5 11a4.2 4.2 0 1 0 0 8.3 4.1 4.1 0 0 0 4.1-4.1 4.1 4.1 0 0 0-4.1-4.2zm0 6.7a2.5 2.5 0 0 1-2.4-2.5 2.4 2.4 0 1 1 4.7 0 2.4 2.4 0 0 1-2.3 2.5zm9-6.7a4.1 4.1 0 0 0-4.1 4.2 4.1 4.1 0 0 0 4.1 4.1 4.2 4.2 0 1 0 0-8.3zm0 6.7a2.4 2.4 0 0 1-2.3-2.5 2.4 2.4 0 1 1 4.7 0 2.5 2.5 0 0 1-2.4 2.5zm11.2-6.4v.6h-.1a3.2 3.2 0 0 0-2.2-.9 4.2 4.2 0 0 0 0 8.3 2.8 2.8 0 0 0 2.2-.9h.1v.6a2.2 2.2 0 0 1-2.2 2.4 2.2 2.2 0 0 1-2.1-1.5l-1.6.7a3.9 3.9 0 0 0 3.7 2.4c2.1 0 3.9-1.2 3.9-4.3v-7.4zm-2.1 6.4a2.4 2.4 0 0 1-2.3-2.5 2.3 2.3 0 1 1 4.5 0 2.4 2.4 0 0 1-2.2 2.5zm6.9-10.8h-1.8v12.2h1.8zm5 10.8a2.1 2.1 0 0 1-2-1.3l5.5-2.3-.2-.4a3.7 3.7 0 0 0-3.5-2.7 3.9 3.9 0 0 0-3.9 4.2 4 4 0 0 0 4.1 4.1 4.1 4.1 0 0 0 3.4-1.8l-1.4-1a2.4 2.4 0 0 1-2 1.2zm-.2-5.1a1.7 1.7 0 0 1 1.6.9L76.2 15a2.2 2.2 0 0 1 2.1-2.4z" opacity=".8" fill="white"/>
</svg>

</div>
    

2018-06 YWA 2018 - Live

code (HTML/CSS)
    <!--<style> 

.desktop #homepage-whatsOn-YWC2018-titleWide, 
.tablet #homepage-whatsOn-YWC2018-titleCompact, 
.mobile #homepage-whatsOn-YWC2018-titleCompact { 
            display:block; 
            position:absolute; 
            top: 20; 
            right: 20; 
} 
.tablet #homepage-whatsOn-YWC2018-titleCompact, 
.mobile #homepage-whatsOn-YWC2018-titleCompact { 
            height:200px; 
} 
.desktop #homepage-whatsOn-YWC2018-titleCompact, 
.tablet #homepage-whatsOn-YWC2018-titleWide, 
.mobile #homepage-whatsOn-YWC2018-titleWide { 
            display:none;
} 
        #homepage-whatsOn-YWC2018-blurb { 
            position:absolute; 
            top:190px; 
} 
        #homepage-whatsOn-YWC2018-moreinfo { 
            position:absolute; 
            top: 230px; 
} 
</style>

<div id="homepage-whatsOn-YWC2018" class="blockTitle darkBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0004/402808/SLQ-YWC-2018-homepage-slider-background.jpg)">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0003/402807/SLQ-YWC-2018-homepage-slider-title.png" alt="Young Writers Conference 2018" title="Young Writers Conference 2018" id="homepage-whatsOn-YWC2018-titleWide" />
    <img src="http://www.slq.qld.gov.au/__data/assets/image/0003/402807/SLQ-YWC-2018-homepage-slider-title.png" alt="Young Writers Conference 2018" title="Young Writers Conference 2018" id="homepage-whatsOn-YWC2018-titleCompact" /></h3>
    <p id="homepage-whatsOn-YWC2018-blurb">Take your writing further<br />Sun 22 July | For ages 15-25</p>
    <div id="homepage-whatsOn-YWC2018-moreinfo" class="homepage-whatsOn-moreInfoLinks"><p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/learning/young-writers-conference-2018" title="Book now for the Young Writers Conference 2018">Book now</a></p></div>
    </div> -->
    
<style>
#homepage-whatsOn-YWC2018, #homepage-whatsOn .gallery-cell, .gallery-cell { 
    overflow: hidden !important; 
} 
    .whatsOn-YWC2018-title { 
        max-height: 150px !important; 
        margin-bottom: 10px; 
} 
    .desktop .whatsOn-YWC2018-title { 
        max-height: 165px !important; 
} 
    .whatsOn-YWC2018-hero { 
        display: block; 
        position: absolute; 
} 
    .desktop .whatsOn-YWC2018-hero { 
        right: 30px !important; 
        top: 35px !important; 
        height: 210px !important; 
} 
    .tablet .whatsOn-YWC2018-hero { 
        right: 30px !important; 
        width: 150px; 
        height: auto !important; 
        bottom: 20px !important; 
} 
    .mobile .whatsOn-YWC2018-hero { 
        right: 10px !important; 
        width: 140px; 
        height: auto !important; 
        bottom: 20px !important; 
} 
</style>

<div id="homepage-whatsOn-YWC2018" class="blockTitle lightBackground coverBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0004/402808/SLQ-YWC-2018-homepage-slider-background.jpg)">

    <h3><img class="homepage-whatsOn-titleImage whatsOn-YWC2018-title" src="http://www.slq.qld.gov.au/__data/assets/image/0003/402807/SLQ-YWC-2018-homepage-slider-title.png" alt="Young Writers Award 2018" title="Young Writers Award 2018" /></h3>

<div class="homepage-whatsOn-timeLocation" style="color: #fff;">Take your writing further<br />Sun 22 July | For ages 15&ndash;25</div>

<div class="homepage-whatsOn-moreInfoLinks" style="color: #fff;"><p><a href="http://www.slq.qld.gov.au/whats-on/calevents/general/learning/young-writers-conference-2018" title="Book now for the Young Writers Conference 2018" style="color: #fff">Book now</a></p></div>

</div>
    

2018-06 What's your story winners - Live

code (HTML/CSS)
    <style>
    .mobile.home #homepage-whatsOn-QM2018 h3{margin-top:-15px;margin-left:-18px;}
    .mobile.home #homepage-whatsOn-QM2018.blockTitle h3 img { max-height:140px;}
    .tablet.home #homepage-whatsOn-QM2018 h3{margin-top:-15px;margin-left:-12px;}
    .tablet.home #homepage-whatsOn-QM2018.blockTitle h3 img { max-height:140px;}
    .desktop.home #homepage-whatsOn-QM2018 h3{margin-top:-20px;margin-left:-13px;}
    .desktop.home #homepage-whatsOn-QM2018.blockTitle h3 img { max-height:160px;}
    
</style>
<div id="homepage-whatsOn-QM2018" class="blockTitle lightBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0011/392438/SLQ-QMAwards2018-SLQ-homepage-slider-background.png);background-size: cover;background-position: bottom;">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0003/392439/SLQ-QMAwards2018-SLQ-homepage-slider-title.png" alt="What's your story?" title="What's your story?" class="homepage-whatsOn-titleImage"></h3>
    <br>
    <p><b>The 2018 Queensland Memory Awards recipients have been announced!</b></p>
    
    <div class="homepage-whatsOn-moreInfoLinks">
        <p><a href="http://www.slq.qld.gov.au/whats-on/awards/qmawards" title="Apply Now">See their stories and projects</a></p>
    </div>
</div>
    

2018-06 Islands - Live

code (HTML/CSS)
    <style>

#homepage-whatsOn-islands {
    text-align: center;
}

#homepage-whatsOn-islands h3 {
    margin-bottom: 0;
    margin:5px;
}
.homepage-whatsOn-islands-timeLocation {
   padding-top: 2px;
}
.homepage-whatsOn-islands-timeLocation p {
   color: #fff;
   line-height: 1.3em;
}

.homepage-whatsOn-islands-titleImage {
    max-height: unset !important; 
}

.desktop .homepage-whatsOn-islands-titleImage {
    width: 60%;
}

.tablet .homepage-whatsOn-islands-titleImage,
.mobile .homepage-whatsOn-islands-titleImage {
    width:90%;
}

</style>
<div id="homepage-whatsOn-islands" class="blockTitle darkBackground coverBackground" style="padding-top: 10px; background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0005/403565/islands-background-small.jpg)">
    <h3><a href="http://islands.slq.qld.gov.au"><img src="http://www.slq.qld.gov.au/__data/assets/image/0006/403566/islands-circle-200-small.png" alt="Islands" title="Islands" class="homepage-whatsOn-islands-titleImage" style="max-width: 160px"></a></h3>
    <div class="homepage-whatsOn-islands-timeLocation">
        <p style="font-size: 16px"><a href="http://islands.slq.qld.gov.au">Hidden histories from Queensland Islands</a><br />
        Open daily, 30 Jun 2018 - 27 Jan 2019<br />
        Philip Bacon Heritage Gallery, level 4<br />
        Free exhibition</p>
    </div>
</div>
    

2018-06 Winter Holiday Fun - Live

code (HTML/CSS)
    <style>
    .mobile.home #homepage-whatsOn-WinterFun h3{margin-top:-15px;margin-left:-18px;}
    .mobile.home #homepage-whatsOn-WinterFun.blockTitle h3 img { max-height:140px;}
    .tablet.home #homepage-whatsOn-WinterFun h3{margin-top:-15px;margin-left:-12px;}
    .tablet.home #homepage-whatsOn-WinterFun.blockTitle h3 img { max-height:140px;}
    .desktop.home #homepage-whatsOn-WinterFun h3{margin-top:-20px;margin-left:-13px;}
    .desktop.home #homepage-whatsOn-WinterFun.blockTitle h3 img { max-height:160px;}
    
</style>
<div id="homepage-whatsOn-WinterFun" class="blockTitle lightBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0006/403998/WinterHolidayFun-slider-background.png);background-size: cover;background-position: bottom;">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0009/404001/WinterHolidayFun-slider-Heading-2.png" alt="Winter Holiday Fun" title="Winter Holiday Fun" class="homepage-whatsOn-titleImage"></h3>
    <p><b>30 Jun to 15 Jul</b></p>
    <p>Free activities and Story Lab workshops<br />
        for children, young people and families. <br />
    <a href="http://www.slq.qld.gov.au/whats-on/calevents/children_and_families/children/winter-holiday-fun-2018" title="Explore the program">Explore the program</a></p>
</div>
    

2018-07 Crowd Giving - Live

code (HTML/CSS)
    <!--<style>
    .mobile.home #homepage-whatsOn-CrowdGiving h3{margin-top:5px;margin-left:-18px;}
    .mobile.home #homepage-whatsOn-CrowdGiving.blockTitle h3 img { max-height:140px; width: 240px;}
    .tablet.home #homepage-whatsOn-CrowdGiving h3{margin-top: 5px;margin-left:-12px;}
    .tablet.home #homepage-whatsOn-CrowdGiving.blockTitle h3 img { max-height:140px; width: 240px;}
    .desktop.home #homepage-whatsOn-CrowdGiving h3{margin-top:5px;margin-left:-13px;}
    .desktop.home #homepage-whatsOn-CrowdGiving.blockTitle h3 img { max-height:160px;}
</style>-->

<style>

#homepage-whatsOn-CrowdGiving {
    text-align: center;
}

#homepage-whatsOn-CrowdGiving h3 {
    margin-bottom: 0;
    margin:5px;
}
.homepage-whatsOn-CrowdGiving-timeLocation {
   padding-top: 2px;
}
.homepage-whatsOn-CrowdGiving-timeLocation p {
   color: #fff;
   line-height: 1.5em;
   font-size: 13px !important;
   position: absolute;
   top: 185px;
}

.homepage-whatsOn-CrowdGiving-titleImage {
    max-height: unset !important; 
}

.desktop .homepage-whatsOn-CrowdGiving-titleImage {
    width: 60%;
}

.tablet .homepage-whatsOn-CrowdGiving-titleImage,
.mobile .homepage-whatsOn-CrowdGiving-titleImage {
    width:90%;
}

</style>

<div id="homepage-whatsOn-CrowdGiving" class="blockTitle lightBackground" style="background-image:url(http://www.slq.qld.gov.au/__data/assets/image/0005/405356/Background.png);background-size: cover;background-position: bottom;">
    <h3><img src="http://www.slq.qld.gov.au/__data/assets/image/0008/405377/HomeSlider_Heading_V1a.png" alt="Crowd Giving" title="Crowd Giving" class="homepage-whatsOn-titleImage" style="position: absolute; left: 10px;"></h3>
    <img src="http://www.slq.qld.gov.au/__data/assets/image/0007/405358/QLF-CrowdGiving-homepage-slider-HANDS.png" alt="Crowd Giving" title="Crowd Giving" style="position: absolute; right: 0; top: 0;">
    <div class="homepage-whatsOn-CrowdGiving-timeLocation">
    <p><b>Wed 8 Aug, 6&ndash;7.30pm | slq Auditorium 2</b><br>$100 donation to Queensland Library Foundation<br />
    <a href="http://www.slq.qld.gov.au/whats-on/calevents/general/crowd-giving-2018" title="Book now" style="color: #ffffff">Book now</a></p>
    </div>
</div>