.cardContainer { height: 300px; width: 450px; position: relative; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; float: left; margin-right: 1%; max-width: 450px; margin-bottom: 60px; } .card { height: 100%; width: 100%; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .card .side { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; border-radius: 6px; height: 100%; position: absolute; overflow: hidden; width: 100%; } .card .back { background: #eaeaed; color: #0087cc; line-height: 150px; text-align: center; -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); } .card .front { background-size: cover; } .card.one .front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/02/frank-turner.jpg'); } .card.two .front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/02/glorious-sons.jpg'); } .card.three .front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/02/joan-osborne-1.jpg'); } .card.four .front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/02/kurt-vile-1.jpg'); } .card.five .front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/02/MKB.jpg'); } .card.six .front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/02/tig-1.jpg'); } .card.seven .front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/02/record-co-1.jpg'); } .card.eight .front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/02/eg1.jpg'); } .card.nine.front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/02/death-cab2.jpg'); } .card.gabriel.front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/03/gabriel-kelley.jpg'); } .card.frankv.front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/03/frank-viele.jpg'); } .card.haley.front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/03/HALEY-HEYNDERICKX.jpg'); } .card.sean.front { background-image: url('http://concertseries.harrisburgu.edu/wp-content/uploads/2019/03/sean-rowe.jpg'); } .card.flipped { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); } .card .info { padding: 20px; top: 0px; left: 0px; width: 100%; /*background: rgba(0, 0, 0, .5);*/ } .date { font-size: 25px; font-family: 'Shrikhand', cursive; color: #f4ead2; font-weight: 500; font-style: italic; } .title { bottom: 100px; padding: 20px 30px; font-family: 'Josefin Slab', serif; font-weight: 100; font-style: italic; transform: rotate(-15deg); line-height: 100%; text-align: left; } .front .title { font-size: 55px; color: #f4ead2; margin-top: 58%; min-height: 205px; } .flipped .front .title, .flipped .front .location { display: none; } .back .title { font-size: 50px; color: #403f3b; margin-top: 5%; font-weight: 700; } .three .back .title { padding: 20px 15px; } .back p { color: #403f3b; font-size: 17px; padding: 10px 20px; text-align: left; } .back ul { padding-left: 0px; padding-bottom: 0px; } .back li { list-style-type: none; text-align: left; padding-left: 20px; font-family: 'Josefin Slab', serif; font-size: 20px; font-weight: 700; } .back li .large { font-family: 'Shrikhand', cursive; font-weight: 500; font-size: 18px; } .back a, .back li { color: #403f3b; } .location { bottom: 20px; padding: 0px 20px; font-size: 25px; font-family: 'Shrikhand', cursive; color: #f4ead2; font-weight: 500; padding-top: 25px; } .btn { position: absolute; bottom: -45px; background: #fffbf3; width: 100%; padding: 5px; text-align: center; font-size: 18px; font-family: 'Shrikhand', cursive; color: #403f3b; font-weight: 500; } .x { color: #403f3b; font-size: 30px; position: absolute; margin-top: -55px; margin-left: 10px; } .moreLink { margin-top: -48px; display: block; text-align: left; padding-left: 20px; font-family: 'Josefin Slab', serif; font-weight: 700; font-size: 16px; } .cardContainer.seasonPass { background: #fffbf2; } .cardContainer.seasonPass a:first-of-type { bottom: 100px; padding: 20px 30px; font-family: 'Josefin Slab', serif; font-weight: 700; font-style: italic; transform: rotate(-15deg); line-height: 100%; text-align: center; font-size: 55px; color: #403f3b; margin-top: 58%; min-height: 205px; position: absolute; } #main-footer { display: none; } /* theme overrides */ #main-content .container:before { display: none; } @media screen and (min-width: 1560px) { .cardContainer { width: 24%; max-width: 100%; } } @media screen and (max-width: 1420px) and (min-width: 1151px) { .front .title { font-size: 45px; margin-top: 75%; min-height: 170px; } .back .title { font-size: 40px; margin-top: 3%; } } @media screen and (max-width: 1225px) { .container, .et_pb_row { width: 95%; } } @media screen and (max-width: 1150px) { .cardContainer { width: 32%; } .front .title { margin-top: 55%; font-size: 50px; } .back .title { font-size: 38px; } } @media screen and (max-width: 980px) { #et_mobile_nav_menu { display: none; } .et_menu_container .eventLogo { position: absolute; top: 20px; width: 100%; } } @media screen and (max-width: 870px) { .cardContainer { width: 49%; } .front .title { margin-top: 50%; } .back .title { margin-bottom: 10px; } } @media screen and (max-width: 540px) { .cardContainer { width: 100%; } .front .title { min-height: 0px; margin-bottom: 20px; } .container.et_menu_container { padding: 65px 0px 20px 0px; } } @media screen and (min-width: 980px) { .card.one .front { background-position: right 50% center; } .card.two .front { background-position: right; } .contactLink { text-align: right; } } /*jQuery('.card').click(function(){ jQuery(this).toggleClass('flipped'); });*/ jQuery(function(){ jQuery('.card').hover(function() { jQuery(this).addClass('flipped'); }, function() { jQuery(this).removeClass('flipped'); }) })

Upcoming Shows

6/14 | Greystone Public House
Frank Viele

  • venue Greystone Public House 2120 Colonial Road, Harrisburg
  • date June 14
  • time
Call 717.829.9952 for tickets
6/19 | Riverfront Park
Death Cab for Cutie

  • venue Riverfront Park, Harrisburg PA
  • date June 19
  • time 6pm
Get tickets
7/12 | Greystone Public House
Chris Pureka

  • venue Greystone Public House 2120 Colonial Road, Harrisburg
  • date July 12
  • time
Call 717.829.9952 for tickets
8/9 | Greystone Public House
Sean Rowe

  • venue Greystone Public House 2120 Colonial Road, Harrisburg
  • date August 9
  • time
Call 717.829.9952 for tickets
8/28 | The Forum
Jay Pharaoh

  • venue The Forum, Harrisburg
  • date August 28
  • time 7p.m.
Tickets Coming Soon
9/27 | Club XL
THE STRUTS

  • venue Club XL
  • date Sept. 27
  • time TBD
Get Tickets
[Modal-Window id="3"]

Sponsors

Latest News

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.