trusty-festivity-extension 2.0.0

data/app/assets/stylesheets/events/_event-list-item.scss

@@ -0,0 +1,85 @@
+.event-list {
+  .event-list-item {
+    position: relative;
+    > hr {
+      margin: 3em 0;
+    }
+    .popover {
+      max-width: 400px;
+    }
+    .event-list-item__info {
+      @media #{$medium-up} {
+        padding-left: 1.5em;
+      }
+      h2 {
+        //remove the normalize top margin on h2 elements
+        margin-top: 1em;
+        font-size: 1.5em;
+        font-weight: 700;
+        line-height: 1.3;
+        @media #{$small-up} {
+          margin-top: 0;
+          font-size: 2em;
+        }
+      }
+      h3 {
+        font-size: 1.25em;
+        .light {
+          font-weight: 300;
+        }
+      }
+      .event-list-item__button-group {
+        margin-top: 2em;
+        .event-list-item__btn {
+            background-color: $ghost-gray;
+            @include border-radius(0);
+            font-size: .75em;
+            font-weight: 600;
+            padding: 10px 8px;
+            border-right: 2px solid white;
+          @media #{$small-up} {
+            background-color: $ghost-gray;
+            color: #808284;
+            @include border-radius($default-border-radius);
+            font-size: .85em;
+            font-weight: 600;
+            margin-right: 2em;
+            padding: 3px 15px;
+          }
+        }
+      }
+      .event-list-item__info_short_description {
+        font-size: 1.25em;
+        color: $middle-gray;
+      }
+    }
+    .event-list-item__photo {
+      .photo {
+        position: relative;
+        .event_list-item__photo-featured-item {
+          background-color: #F05A28;
+          font-size: 10px;
+          color: white;
+          width: 100%;
+          text-align: center;
+          padding: 5px 0;
+          font-weight: 600;
+        }
+        img {
+          width: 100%;
+        }
+        .categories {
+          position: absolute;
+          top: 20px;
+          left: 20px;
+          background-color: #27A9E1;
+          color: white;
+          font-size: 10px;
+          font-weight: 600;
+          @include border-radius($default-border-radius);
+          padding: 5px;
+        }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/events/_event_template.scss

@@ -0,0 +1,66 @@
+.event-header {
+  h1 {
+    font-size: 2em;
+    font-weight: 800;
+    line-height: 1.3;
+    @media #{$small-up} {
+      font-size: 3em;
+    }
+  }
+  .event-header__name {
+    font-size: 1.5em;
+  }
+  .event-header__subheadline {
+    font-size: 1.25em;
+    padding-bottom: .5em;
+    font-weight: 800;
+    @media #{$small-up} {
+      font-size: 1em;
+    }
+  }
+}
+.event-details__event-description {
+  padding-bottom: 2em;
+}
+
+.event-sidebar {
+  .sidebar-item {
+    margin: 0 0 3rem 0;
+    padding: 0;
+  }
+  .list-group-title {
+    background-color: $ghost-gray;
+    h3 {
+      font-weight: 700;
+      font-style: 1em;
+      padding: 0;
+      margin: 0;
+    }
+    .tickets-button {
+      width: 100%;
+    }
+  }
+
+  .event-sidebar__connect-with-artist {
+    text-align: center;
+    ul li {
+      font-size:1.25em;
+      text-align: left;
+      .icon-text {
+        padding-left: 1em;
+        display: inline-block;
+      }
+    }
+  }
+}
+
+.img-large {
+  width: 100%;
+  padding-bottom: 2em;
+}
+
+.event-buttons {
+  > button, > a {
+    margin-right: 2em;
+  }
+}

data/app/assets/stylesheets/events/_filter-bar.scss

@@ -0,0 +1,5 @@
+.current-filters {
+  ul li {
+    margin-right: 10px;
+  }
+}

data/app/assets/stylesheets/festivity.scss

@@ -0,0 +1,35 @@
+@import "normalize";
+// Import bootstrap. We are using everything for prototyping purposes for for
+// production we recommend only importing components that are actually used.
+@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800,600);
+
+// this is a temporary spacer
+@import "vars/vars_color";
+@import "vars/vars_type";
+@import "vars/vars_media-queries";
+@import "mixins";
+@import "defaults";
+@import "global";
+@import "header";
+@import "footer";
+@import "landing_page";
+@import "nav";
+@import "faq";
+@import "events/event-list-item";
+@import "events/event_template";
+@import "event_filter_bar";
+@import "utils";
+@import "overrides";
+@import "events/filter-bar";
+@import "filter-bar-mobile";
+@import "related_events";
+@import "locations";
+@import "media-queries";
+@import "search-results";
+@import "page-template";
+
+
+#placeHolder {
+  display: none !important;
+}
+

data/app/assets/stylesheets/skins/pghkids/_events.scss

@@ -0,0 +1,17 @@
+.event-buttons > button, .event-buttons > a {
+	color: #0495a4;}
+.event-header .event-header__name {
+	color: #000;}
+.event-sidebar .list-group-title {
+	background: #c8eef2;}
+list-group-item .a {
+	color: #0495a4;}
+li.list-group-item .a:hover {
+	color: #03616b; 
+	text-decoration: none;}
+.event-filter-bar__header {
+  background-color: #c2e8eb !important;}
+.related-events .related-events__event h3:hover,.related-events .related-events__event h3:focus {
+    color: #03616b;}
+.related-events .related-events__event a h3{
+    color: #0495A4;}

data/app/assets/stylesheets/skins/pghkids/_footer.scss

@@ -0,0 +1,22 @@
+footer {
+  background: #bfd857;
+  margin-top: 0rem;  
+  padding-top: 0rem;}
+footer .birds {
+  background-position: center top; 
+  background-repeat: no-repeat;
+  margin-bottom: 20px;}
+  @media all and (min-width: 62em) {
+	  footer .birds {
+      background-image: url(footer.png);
+      height: 229px;} }
+  @media all and (max-width: 62em) {
+	  footer .birds {
+      background-image: url(footer_mobile.png);
+      height: 102px;} }
+footer a {
+  color: #000;
+  text-decoration: none; }
+footer a:hover {
+  font-weight: bold;
+  color: #fff; } 

data/app/assets/stylesheets/skins/pghkids/_global.scss

@@ -0,0 +1,42 @@
+a {	
+	color: #0495a4;
+	font-weight: bold;}
+a:hover  {
+	color: #03616b; 
+	font-weight: bold; 
+	text-decoration: none;}
+h1 {
+	color: #0495a4;
+	font-weight: bold;}
+h2  {
+	color: #c05917;
+	font-weight: bold;}
+h3 {
+	color: #000;
+	font-weight: bold;}
+.btn-primary {
+    background-color: #fcba36;
+    border-color: #363636;
+	font-weight: bold; 
+	color: #1d1c1c; }
+.btn-primary:hover{
+    background-color: #e09603;}
+.btn-default {
+    color: #0495A4;
+    background-color: #fff;
+    border-color: #ccc;}
+.btn-default:focus,.btn-default:hover,.btn-default:focus a,.btn-default:hover a {
+    color: #fff;
+    background-color: #0495A4;
+    border-color: #000;
+    text-decoration: none;
+    font-weight: normal;}
+.popover-title {
+    background-color: #c2e8eb;}
+.mobile-navigation .secondary-nav ul.list-inline.social-icons a{
+   padding: 5px !important;}  	
+.mobile-navigation .secondary-nav a {
+  color: #0495a4;
+  font-weight: normal;}
+.mobile-navigation .secondary-nav a:hover {
+  text-decoration: underline;}

data/app/assets/stylesheets/skins/pghkids/_header.scss

@@ -0,0 +1,27 @@
+.logolink {
+    position: absolute;
+    z-index: 1000;
+    background: none;}
+@media all and (min-width: 62em) {
+    .logolink {
+        margin: 45px 0 0 0;
+        height: 135px;
+        width: 385px;}}
+@media all and (max-width: 62em) {
+    .logolink {
+        margin: 0;
+        height: 60px;
+        width: 165px;}}
+header.site-header .secondary-navigation li {
+	font-weight: bold;
+	color: #000;}
+header.site-header .secondary-navigation li a:hover,a:focus {
+	color: #03616b;}  	
+  @media all and (min-width: 62em) {
+    header.site-header {
+	  background-image: url(header.png); 
+	  height: 100%;}}
+  @media all and (max-width: 62em) {
+    header.site-header {
+	  background-image: url(header_mobile.png);
+	  background-repeat: no-repeat;}} 

data/app/assets/stylesheets/skins/pghkids/_home.scss

@@ -0,0 +1,113 @@
+.home {
+  color: #fff;
+  font-size: 16px;
+  padding-bottom: 10px;}
+.home a {
+  color: #000;}
+.home .col-md-4, .col-md-6   {
+  padding-left: 10px!important;
+  padding-right: 10px!important;}    
+.home .title {
+  font-weight: bold;
+  font-size: 24px;
+  text-shadow: 1px 1px #000;
+  padding-bottom: 0px;}
+.home hr{
+  padding: 10px 0 10px 0;
+  margin: 0;
+  font-weight: bold;}
+.home .title .subtitle{
+  font-size: 24px;
+  font-weight: bold;
+  color: #fcba36;
+  text-shadow: 1px 1px #000;}
+.home-header {
+  font-size: 48px;
+  font-weight: bold;
+  color: #22bdcd;
+  text-shadow: 1px 1px #000;
+  background-position: right top; 
+  background-repeat: no-repeat;}
+  @media all and (min-width: 62em) {
+    .home-header{
+      background-image: url(frog.png);}}
+  @media all and (max-width: 62em) {
+	.home-header {
+	  font-size: 28px;
+      background-image: url(frog_mobile.png);}}	  
+.home-primary {
+  background-color: #008379; } 
+  @media all and (min-width: 62em) {
+    .home-primary{
+      background-image: url(seafoam.jpg);
+      background-position: right top; 
+	  background-repeat: no-repeat;} }
+.home-secondary-1 {
+  background-color: #c05917;
+  margin-top: 10px;}
+  @media all and (min-width: 62em) {
+    .home-secondary-1 {
+      width: 49.5%;
+      margin-right: .5% }}
+.home-secondary-2 {
+  background-color: #c30f38;
+  margin-top: 10px;}
+  @media all and (min-width: 62em) {
+    .home-secondary-2 {
+      width: 49.5%;
+      margin-left: .5% } }
+.home .highlight {
+  color: #000;
+  text-shadow: none;}
+.home .highlight hr {
+  border-color: #000;}  
+.home .highlight .title{
+  font-size: 24px;
+  font-weight: bold;
+  color: #000;
+  text-shadow: none;}  
+.home-highlight-1 {
+  background-color: #93d6de;
+  margin-top: 10px;}
+  @media all and (min-width: 62em) {
+    .home-highlight-1 {
+      width: 49.5%;
+      margin-right: .5% } }  
+.home-highlight-2 {
+  background-color: #fbb72d;
+  margin-top: 10px;}
+  @media all and (min-width: 62em) {
+    .home-highlight-2 {
+      width: 49.5%;
+      margin-left: .5% } }
+.home ul  {
+  padding: 20px;}
+/* set column height */
+/* Small devices (tablets, 768px and up) */
+@media (min-width: 768px) {
+  .home-secondary-1, .home-secondary-2 {
+    height: 100%;
+  }
+
+  .home-highlight-1, .home-highlight-2 {
+    height: 100%;
+  }
+}
+/* Medium devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+  .home-secondary-1, .home-secondary-2 {
+    height: 390px;
+  }
+  .home-highlight-1, .home-highlight-2 {
+    height: 210px;
+  }
+}
+/* Large devices (large desktops, 1200px and up) */
+@media (min-width: 1200px) {
+  .home-secondary-1, .home-secondary-2 {
+    height: 380px;
+  }
+  .home-highlight-1, .home-highlight-2 {
+    height: 210px;
+  }
+}

data/app/assets/stylesheets/skins/pghkids/skin.scss

@@ -0,0 +1,8 @@
+// this is a temporary spacer
+@import "header";
+@import "global";
+@import "events";
+@import "footer";
+@import "home";
+
+

data/app/assets/stylesheets/vars/_vars_color.scss

@@ -0,0 +1,6 @@
+// colors
+
+$middle-gray: #939597;
+$dark-gray: #404041;
+$ghost-gray: #F1F1F2;
+$border-gray: darken($ghost-gray, 5%);

data/app/assets/stylesheets/vars/_vars_media-queries.scss

@@ -0,0 +1,5 @@
+$small-up: "all and (min-width: 48.000em)";
+$medium-up: "all and (min-width: 62.000em)";
+$large-up: "all and (min-width: 75.000em)";
+
+$small-down: "all and (max-width: 48.000em)";