]> git.parisson.com Git - mezzo.git/commitdiff
Styles improvment, new event card
authorPhilippe Barbosa <contact@philippebarbosa.com>
Wed, 23 Mar 2016 17:39:02 +0000 (18:39 +0100)
committerPhilippe Barbosa <contact@philippebarbosa.com>
Wed, 23 Mar 2016 17:39:02 +0000 (18:39 +0100)
14 files changed:
app/festival/static/css/index.css
app/festival/static/js/index.js
app/festival/static/scss/base/_buttons.scss
app/festival/static/scss/base/_typography.scss
app/festival/static/scss/components/_headers.scss
app/festival/static/scss/config/_variables-icons.scss [new file with mode: 0755]
app/festival/static/scss/index.scss
app/festival/static/scss/modules/event-card.scss
app/festival/static/scss/modules/icons.scss
app/festival/static/scss/modules/pager.scss
app/templates/agenda/event_detail.html
app/templates/agenda/event_list.html
app/templates/agenda/includes/event_metainfo.html
app/templates/base.html

index 8185c6376605db2ada348c25f0cf5b8254486c2a..c4dcd4014fb8c354b64d801b07e5da1357b2eb8f 100755 (executable)
@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /**
  * _VENDORS
  */
@@ -515,7 +516,7 @@ body {
 }
 
 /* line 30, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_defaults.scss */
-.clearfix:after, .container:after, .row:after, .row-box:after, .event__card:after, .event__card--alt:after, .calendar__month:after, .sticked-form:after, .banner:after, .header:after, .navigation:after, .footer-nav:after, .media:after, .split-container:after {
+.clearfix:after, .container:after, .row:after, .row-box:after, .event__card:after, .event__card--alt:after, .event__card--full:after, .calendar__month:after, .sticked-form:after, .banner:after, .header:after, .navigation:after, .footer-nav:after, .media:after, .split-container:after {
   content: "";
   display: table;
   clear: both;
@@ -776,9 +777,21 @@ pre > p {
   text-transform: uppercase;
   color: #c4a563;
   margin: 0 0 1rem;
+  position: relative;
+}
+
+/* line 211, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
+.page__title:before {
+  content: "";
+  position: absolute;
+  right: 101%;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #c4a563;
 }
 
-/* line 212, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
+/* line 222, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
 .push-ical {
   float: right;
   margin: 1rem 0;
@@ -792,7 +805,7 @@ pre > p {
 }
 
 /* line 22, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
-.row, .row-box, .event__card, .event__card--alt, .calendar__month {
+.row, .row-box, .event__card, .event__card--alt, .event__card--full, .calendar__month {
   display: block;
 }
 
@@ -1251,31 +1264,37 @@ button:disabled {
   margin-left: .5rem;
 }
 
+/* line 53, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+.btn-center {
+  display: block;
+  margin: 0 auto;
+}
+
 /**
  * Sizes
  */
-/* line 57, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-small {
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   line-height: 2;
 }
 
-/* line 63, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 68, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-large {
   padding-right: 1.5rem;
   padding-left: 1.5rem;
   line-height: 4;
 }
 
-/* line 69, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 74, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-huge {
   padding-right: 2rem;
   padding-left: 2rem;
   line-height: 5;
 }
 
-/* line 75, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 80, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-full {
   width: 100%;
   padding-right: 0;
@@ -1286,51 +1305,51 @@ button:disabled {
 /**
  * Colors
  */
-/* line 86, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-success {
   border: 1px solid #29b765;
   background-color: #2ecc71;
 }
 
-/* line 89, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 94, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-success:hover {
   background-color: #29b765;
 }
 
-/* line 94, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 99, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-error {
   border: 1px solid #e43725;
   background-color: #e74c3c;
 }
 
-/* line 97, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 102, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-error:hover {
   background-color: #e43725;
 }
 
-/* line 102, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 107, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-warning {
   border: 1px solid #e08e0b;
   background-color: #f39c12;
 }
 
-/* line 105, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 110, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-warning:hover {
   background-color: #e08e0b;
 }
 
-/* line 110, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 115, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-info {
   border: 1px solid #258cd1;
   background-color: #3498db;
 }
 
-/* line 113, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 118, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-info:hover {
   background-color: #258cd1;
 }
 
-/* line 118, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 123, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-inverse,
 .btn-inverse:hover {
   background: #f7f7f7;
@@ -1338,7 +1357,7 @@ button:disabled {
   border: 1px solid #f7f7f7;
 }
 
-/* line 125, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 130, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-disabled,
 .btn-disabled:hover,
 .btn-disabled:active,
@@ -1347,14 +1366,14 @@ button:disabled {
   cursor: text;
 }
 
-/* line 134, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 139, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .share__button {
   display: block;
   text-align: center;
   margin: 2rem auto;
 }
 
-/* line 140, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 145, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-twitter {
   background: #55acee;
   color: white;
@@ -1362,12 +1381,12 @@ button:disabled {
   margin: 0 1rem;
 }
 
-/* line 145, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 150, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-twitter:hover {
   background-color: #2795e9;
 }
 
-/* line 150, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 155, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-facebook {
   background: #3b5998;
   color: white;
@@ -1375,7 +1394,7 @@ button:disabled {
   margin: 0 1rem;
 }
 
-/* line 155, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
+/* line 160, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_buttons.scss */
 .btn-facebook:hover {
   background-color: #2d4373;
 }
@@ -1595,7 +1614,7 @@ th {
 .nav__complementary {
   display: block;
   list-style: none;
-  text-align: left;
+  text-align: right;
   position: absolute;
   z-index: 200;
   top: 100%;
@@ -2918,64 +2937,64 @@ th {
 }
 
 /* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
-.event__card, .event__card--alt {
-  padding: 1rem;
+.event__card, .event__card--alt, .event__card--full {
+  padding: 0.5rem;
   background: #fff;
+  margin-bottom: 1rem;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
 }
 
-/* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 7, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__card--alt {
   background: #00818d;
   color: white;
 }
 
-/* line 12, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 30, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__name {
   margin: 0 0 0.3rem;
-  font-size: 2.2rem;
+  font-size: 1rem;
   text-transform: uppercase;
 }
 
-/* line 18, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 36, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__thumbnail {
   display: block;
-  float: left;
-  margin-right: .5rem;
-  margin-bottom: .1rem;
+  margin: -.5rem -.5rem 1rem;
 }
 
-/* line 25, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 42, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__description {
   padding-bottom: 1em;
   margin-bottom: 1em;
 }
 
-/* line 29, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__description img {
   display: block;
 }
 
-/* line 34, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 51, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__meta {
   display: block;
-  padding: .5rem;
-  background: #e8e8e8;
+  padding: .5rem 0;
   font-family: "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 700;
   text-transform: uppercase;
   color: #000;
   margin-bottom: 1rem;
+  font-size: 0.7rem;
 }
 
-/* line 44, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__meta__inner {
   display: block;
-  padding: 0.3rem 0;
+  padding: 0.1rem 0;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
 }
 
-/* line 69, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 87, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__meta__location {
   display: block;
   text-decoration: none;
@@ -2983,7 +3002,7 @@ th {
   font-weight: 400;
 }
 
-/* line 79, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 97, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__meta__cta {
   text-transform: uppercase;
   display: block;
@@ -2991,7 +3010,15 @@ th {
   background: #fff;
 }
 
-/* line 87, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+/* line 105, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+.event__meta__btn {
+  width: 50%;
+  display: block;
+  text-align: center;
+  margin: 1rem auto;
+}
+
+/* line 112, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
 .event__detail,
 .event__detail a {
   text-align: right;
@@ -3011,12 +3038,44 @@ th {
   text-transform: uppercase;
 }
 
+/* line 16, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/pager.scss */
+.formContent {
+  background: #000;
+}
+
 /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */
+.icon {
+  display: inline-block;
+  font: normal normal normal 0.5625rem "Font-Awesome";
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  speak: none;
+}
+
+/* line 15, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */
 .btn-icon, .btn-icon--facebook {
   padding: 0.45rem 0.3rem;
   margin: 0 auto;
 }
 
+/* line 74, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */
+.icon__bookmark:before {
+  content: "";
+}
+
+/* line 183, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */
+.icon__twitter:before {
+  content: "";
+}
+
+/* line 184, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/icons.scss */
+.icon__facebook-f:before,
+.icon__facebook:before {
+  content: "";
+}
+
 /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/hero-slider.scss */
 .hero__slider__item {
   display: block;
@@ -3120,99 +3179,124 @@ th {
   color: #000;
   text-transform: uppercase;
 }
-@media (min-width: 769px) {/* line 137, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */
-  .sticked-form {
+@media (min-width: 769px){
+  /* line 137, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */
+  .sticked-form{
     width: 100%;
-  }/* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
-  .nav__footer__item {
+  }
+  /* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
+  .nav__footer__item{
     width: 33%;
-  }/* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
-  .nav__footer__item {
+  }
+  /* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
+  .nav__footer__item{
     padding: 1rem;
     width: 25%;
-  }/* line 104, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
-  .nav__footer__item__link {
+  }
+  /* line 104, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
+  .nav__footer__item__link{
     padding: 1rem;
-  }/* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */
-  .box-item-50 {
+  }
+  /* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */
+  .box-item-50{
     width: 50%;
-  }/* line 52, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */
-  .box-item-33 {
+  }
+  /* line 52, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */
+  .box-item-33{
     width: 33.33333333%;
-  }/* line 58, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */
-  .box-item-25 {
+  }
+  /* line 58, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */
+  .box-item-25{
     width: 25%;
-  }/* line 64, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */
-  .box-item-20 {
+  }
+  /* line 64, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_utilities-layout.scss */
+  .box-item-20{
     width: 20%;
-  }/* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */
-  .artist__event__cta {
+  }
+  /* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */
+  .artist__event__cta{
     width: 30%;
-  }/* line 36, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */
+  }
+  /* line 36, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */
   .artist__portrait--left,
-  .img__align--left {
+  .img__align--left{
     max-width: 40%;
     margin-top: 0;
     margin-right: 1rem;
     float: left;
-  }/* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */
+  }
+  /* line 46, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */
   .artist__portrait--right,
-  .img__align--right {
+  .img__align--right{
     max-width: 40%;
     margin-top: 0;
     margin-left: 1rem;
     float: right;
   }
 }
-@media (min-width: 961px) {/* line 59, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
-  a:hover {
+@media (min-width: 961px){
+  /* line 59, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_typography.scss */
+  a:hover{
     color: #8c7035;
-  }/* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
-  .container {
+  }
+  /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+  .container{
     max-width: 960px;
-  }/* line 27, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
-  .main {
+  }
+  /* line 27, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+  .main{
     float: left;
     width: 75%;
     padding-right: 1rem;
-  }/* line 38, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
-  .aside {
+  }
+  /* line 38, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+  .aside{
     float: left;
     width: 25%;
-  }/* line 54, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
-  .site__content__header__inner {
+  }
+  /* line 54, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+  .site__content__header__inner{
     max-width: 70%;
-  }/* line 146, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */
-  .sticked-form input {
+  }
+  /* line 146, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */
+  .sticked-form input{
     width: 80%;
-  }/* line 163, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */
-  .sticked-form input[type=submit] {
+  }
+  /* line 163, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */
+  .sticked-form input[type=submit]{
     width: 20%;
     border-radius: 0 0px 0px 0;
-  }/* line 214, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */
-  .select.search__form__select {
+  }
+  /* line 214, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */
+  .select.search__form__select{
     width: 20%;
-  }/* line 43, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
-  .header__baseline {
+  }
+  /* line 43, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+  .header__baseline{
     line-height: 155px;
     font-size: 1.8rem;
-  }/* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
-  .header__logo--right {
+  }
+  /* line 62, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+  .header__logo--right{
     display: block;
     float: right;
-  }/* line 70, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
-  .header__logo__img {
+  }
+  /* line 70, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+  .header__logo__img{
     max-height: 150px;
-  }/* line 90, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
-  .navigation {
+  }
+  /* line 90, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+  .navigation{
     display: block;
-  }/* line 100, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
-  .menu__item, .submenu__item {
+  }
+  /* line 100, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+  .menu__item, .submenu__item{
     display: inline-block;
     display: inline;
     zoom: 1;
-  }/* line 121, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
-  .submenu {
+  }
+  /* line 121, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+  .submenu{
     width: 140%;
     margin-left: -20%;
     position: absolute;
@@ -3222,53 +3306,76 @@ th {
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.3s ease-out, visibility 0.1s 0.1s linear;
-  }/* line 139, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
-  .submenu__item {
+  }
+  /* line 139, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_headers.scss */
+  .submenu__item{
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.15s 0.15s ease-out, visibility 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
     margin-top: -15px;
     display: block;
-  }/* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
-  .nav__footer__item {
+  }
+  /* line 91, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
+  .nav__footer__item{
     width: auto;
-  }/* line 104, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
-  .nav__footer__item__link {
+  }
+  /* line 104, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_footers.scss */
+  .nav__footer__item__link{
     padding: .5rem;
-  }/* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
-  .menu__toggle {
+  }
+  /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/components/_menu-toggle.scss */
+  .menu__toggle{
     display: none;
-  }/* line 8, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+  }
+  /* line 8, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
   .artist__sizer,
-  .artist__item {
+  .artist__item{
     width: 33.33333%;
-  }/* line 16, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
-  .artist__item {
+  }
+  /* line 16, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+  .artist__item{
     padding: 1rem;
-  }/* line 24, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
-  .artist__item__inner {
+  }
+  /* line 24, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+  .artist__item__inner{
     transition: .3s;
-  }/* line 30, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
-  .artist__item__inner:hover {
+  }
+  /* line 30, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+  .artist__item__inner:hover{
     box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.8);
     -webkit-transform: scale(1.01);
     transform: scale(1.01);
-  }/* line 58, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
-  .artist__item__name {
+  }
+  /* line 58, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-card.scss */
+  .artist__item__name{
     padding: 0.8rem;
     font-size: 0.8rem;
-  }/* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */
-  .artist__event__cta {
+  }
+  /* line 17, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/artist-detail.scss */
+  .artist__event__cta{
     width: 20%;
   }
+  /* line 1, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+  .event__card, .event__card--alt, .event__card--full{
+    float: left;
+    width: 31%;
+    margin: 0 .5rem 0 .5rem;
+  }
+  /* line 19, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/modules/event-card.scss */
+  .event__card--full{
+    width: 100%;
+    display: block;
+  }
 }
-@media (min-width: 1200px) {/* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
-  .container {
+@media (min-width: 1200px){
+  /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+  .container{
     max-width: 1140px;
   }
 }
-@media (min-width: 1800px) {/* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
-  .container {
+@media (min-width: 1800px){
+  /* line 5, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_layout.scss */
+  .container{
     max-width: 1420px;
   }
 }
index 451898e225009816bbd27caee90674ef53d8a72c..16b5799a6c28e38378a8486682f7e79072fe2753 100644 (file)
@@ -93,19 +93,29 @@ $(function() {
      * @author Philippe Barbosa
      */
 
-    var t = new Instafeed({
-        get: "user",
-        userId: 2985811,
-        accessToken: "2985811.467ede5.2d850141659d4a5fab04f28187e580cd",
-        resolution: "standard_resolution",
-        sortBy: "most-recent",
-        limit: 12,
-        template: '<div class="box-item-33"> <a href="{{link}}" target="_blank"> <img src="{{image}}" alt="{{caption}}"></a></div>',
-        error: function() {
-            $(".instagram-panel").remove()
-        }
+    // var t = new Instafeed({
+    //     get: "tagged",
+    //     tagName: "manifeste15"
+    //     userId: 2124483621,
+    //     // accessToken: "2985811.467ede5.2d850141659d4a5fab04f28187e580cd",
+    //     resolution: "standard_resolution",
+    //     sortBy: "most-recent",
+    //     limit: 8,
+    //     template: '<div class="box-item-25"> <a href="{{link}}" target="_blank"> <img src="{{image}}" alt="{{caption}}"></a></div>',
+    //     error: function() {
+    //         $(".instagram").remove()
+    //     }
+    // });
+
+    // $("#instafeed").length && t.run();
+
+    // $("#instafeed").length && t.run();
+
+    var feed = new Instafeed({
+        get: 'tagged',
+        tagName: 'awesome',
+        clientId: 2124483621,
+        accessToken: 'Disable implicit OAuth'
     });
-
-    $("#instafeed").length && t.run();
-
+    feed.run();
 });
\ No newline at end of file
index 1cecf05330b2bd04984bc5bd7b74f189b4c7a348..e8c7b15c8a4e1a4499ac462f2ce972daf772755d 100755 (executable)
   margin-left: .5rem;
 }
 
+.btn-center {
+  display: block;
+  margin: 0 auto;
+}
+
 
 /**
  * Sizes
index 4815fff14e1126aa52449131132a3b6f35a96612..46586e8f2c64a82e56fbf9c1eae7c5d9f06f87ff 100755 (executable)
@@ -207,6 +207,16 @@ pre > p {
   text-transform: uppercase;
   color: $base_link_color;
   margin: 0 0 1rem;
+  position: relative;
+  &:before {
+    content: "";
+    position: absolute;
+    right: 101%;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: $base_link_color;
+  }
 }
 
 .push-ical {
index 7b0f7f6f20437005ce17a57f50d043569127f2a9..b42ae59d88f3158cfc422de5ab5d32bbd46b6478 100755 (executable)
 .nav__complementary {
   display: block;
   list-style: none;
-  text-align: left;
+  text-align: right;
   position: absolute;
   z-index: $zi_2;
   top: 100%;
diff --git a/app/festival/static/scss/config/_variables-icons.scss b/app/festival/static/scss/config/_variables-icons.scss
new file mode 100755 (executable)
index 0000000..481b6b4
--- /dev/null
@@ -0,0 +1,698 @@
+// ****************************************************************
+// _Icons Unicode
+// ****************************************************************
+
+$fa-var-500px: "\f26e";
+$fa-var-adjust: "\f042";
+$fa-var-adn: "\f170";
+$fa-var-align-center: "\f037";
+$fa-var-align-justify: "\f039";
+$fa-var-align-left: "\f036";
+$fa-var-align-right: "\f038";
+$fa-var-amazon: "\f270";
+$fa-var-ambulance: "\f0f9";
+$fa-var-anchor: "\f13d";
+$fa-var-android: "\f17b";
+$fa-var-angellist: "\f209";
+$fa-var-angle-double-down: "\f103";
+$fa-var-angle-double-left: "\f100";
+$fa-var-angle-double-right: "\f101";
+$fa-var-angle-double-up: "\f102";
+$fa-var-angle-down: "\f107";
+$fa-var-angle-left: "\f104";
+$fa-var-angle-right: "\f105";
+$fa-var-angle-up: "\f106";
+$fa-var-apple: "\f179";
+$fa-var-archive: "\f187";
+$fa-var-area-chart: "\f1fe";
+$fa-var-arrow-circle-down: "\f0ab";
+$fa-var-arrow-circle-left: "\f0a8";
+$fa-var-arrow-circle-o-down: "\f01a";
+$fa-var-arrow-circle-o-left: "\f190";
+$fa-var-arrow-circle-o-right: "\f18e";
+$fa-var-arrow-circle-o-up: "\f01b";
+$fa-var-arrow-circle-right: "\f0a9";
+$fa-var-arrow-circle-up: "\f0aa";
+$fa-var-arrow-down: "\f063";
+$fa-var-arrow-left: "\f060";
+$fa-var-arrow-right: "\f061";
+$fa-var-arrow-up: "\f062";
+$fa-var-arrows: "\f047";
+$fa-var-arrows-alt: "\f0b2";
+$fa-var-arrows-h: "\f07e";
+$fa-var-arrows-v: "\f07d";
+$fa-var-asterisk: "\f069";
+$fa-var-at: "\f1fa";
+$fa-var-automobile: "\f1b9";
+$fa-var-backward: "\f04a";
+$fa-var-balance-scale: "\f24e";
+$fa-var-ban: "\f05e";
+$fa-var-bank: "\f19c";
+$fa-var-bar-chart: "\f080";
+$fa-var-bar-chart-o: "\f080";
+$fa-var-barcode: "\f02a";
+$fa-var-bars: "\f0c9";
+$fa-var-battery-0: "\f244";
+$fa-var-battery-1: "\f243";
+$fa-var-battery-2: "\f242";
+$fa-var-battery-3: "\f241";
+$fa-var-battery-4: "\f240";
+$fa-var-battery-empty: "\f244";
+$fa-var-battery-full: "\f240";
+$fa-var-battery-half: "\f242";
+$fa-var-battery-quarter: "\f243";
+$fa-var-battery-three-quarters: "\f241";
+$fa-var-bed: "\f236";
+$fa-var-beer: "\f0fc";
+$fa-var-behance: "\f1b4";
+$fa-var-behance-square: "\f1b5";
+$fa-var-bell: "\f0f3";
+$fa-var-bell-o: "\f0a2";
+$fa-var-bell-slash: "\f1f6";
+$fa-var-bell-slash-o: "\f1f7";
+$fa-var-bicycle: "\f206";
+$fa-var-binoculars: "\f1e5";
+$fa-var-birthday-cake: "\f1fd";
+$fa-var-bitbucket: "\f171";
+$fa-var-bitbucket-square: "\f172";
+$fa-var-bitcoin: "\f15a";
+$fa-var-black-tie: "\f27e";
+$fa-var-bluetooth: "\f293";
+$fa-var-bluetooth-b: "\f294";
+$fa-var-bold: "\f032";
+$fa-var-bolt: "\f0e7";
+$fa-var-bomb: "\f1e2";
+$fa-var-book: "\f02d";
+$fa-var-bookmark: "\f02e";
+$fa-var-bookmark-o: "\f097";
+$fa-var-briefcase: "\f0b1";
+$fa-var-btc: "\f15a";
+$fa-var-bug: "\f188";
+$fa-var-building: "\f1ad";
+$fa-var-building-o: "\f0f7";
+$fa-var-bullhorn: "\f0a1";
+$fa-var-bullseye: "\f140";
+$fa-var-bus: "\f207";
+$fa-var-buysellads: "\f20d";
+$fa-var-cab: "\f1ba";
+$fa-var-calculator: "\f1ec";
+$fa-var-calendar: "\f073";
+$fa-var-calendar-check-o: "\f274";
+$fa-var-calendar-minus-o: "\f272";
+$fa-var-calendar-o: "\f133";
+$fa-var-calendar-plus-o: "\f271";
+$fa-var-calendar-times-o: "\f273";
+$fa-var-camera: "\f030";
+$fa-var-camera-retro: "\f083";
+$fa-var-car: "\f1b9";
+$fa-var-caret-down: "\f0d7";
+$fa-var-caret-left: "\f0d9";
+$fa-var-caret-right: "\f0da";
+$fa-var-caret-square-o-down: "\f150";
+$fa-var-caret-square-o-left: "\f191";
+$fa-var-caret-square-o-right: "\f152";
+$fa-var-caret-square-o-up: "\f151";
+$fa-var-caret-up: "\f0d8";
+$fa-var-cart-arrow-down: "\f218";
+$fa-var-cart-plus: "\f217";
+$fa-var-cc: "\f20a";
+$fa-var-cc-amex: "\f1f3";
+$fa-var-cc-diners-club: "\f24c";
+$fa-var-cc-discover: "\f1f2";
+$fa-var-cc-jcb: "\f24b";
+$fa-var-cc-mastercard: "\f1f1";
+$fa-var-cc-paypal: "\f1f4";
+$fa-var-cc-stripe: "\f1f5";
+$fa-var-cc-visa: "\f1f0";
+$fa-var-certificate: "\f0a3";
+$fa-var-chain: "\f0c1";
+$fa-var-chain-broken: "\f127";
+$fa-var-check: "\f00c";
+$fa-var-check-circle: "\f058";
+$fa-var-check-circle-o: "\f05d";
+$fa-var-check-square: "\f14a";
+$fa-var-check-square-o: "\f046";
+$fa-var-chevron-circle-down: "\f13a";
+$fa-var-chevron-circle-left: "\f137";
+$fa-var-chevron-circle-right: "\f138";
+$fa-var-chevron-circle-up: "\f139";
+$fa-var-chevron-down: "\f078";
+$fa-var-chevron-left: "\f053";
+$fa-var-chevron-right: "\f054";
+$fa-var-chevron-up: "\f077";
+$fa-var-child: "\f1ae";
+$fa-var-chrome: "\f268";
+$fa-var-circle: "\f111";
+$fa-var-circle-o: "\f10c";
+$fa-var-circle-o-notch: "\f1ce";
+$fa-var-circle-thin: "\f1db";
+$fa-var-clipboard: "\f0ea";
+$fa-var-clock-o: "\f017";
+$fa-var-clone: "\f24d";
+$fa-var-close: "\f00d";
+$fa-var-cloud: "\f0c2";
+$fa-var-cloud-download: "\f0ed";
+$fa-var-cloud-upload: "\f0ee";
+$fa-var-cny: "\f157";
+$fa-var-code: "\f121";
+$fa-var-code-fork: "\f126";
+$fa-var-codepen: "\f1cb";
+$fa-var-codiepie: "\f284";
+$fa-var-coffee: "\f0f4";
+$fa-var-cog: "\f013";
+$fa-var-cogs: "\f085";
+$fa-var-columns: "\f0db";
+$fa-var-comment: "\f075";
+$fa-var-comment-o: "\f0e5";
+$fa-var-commenting: "\f27a";
+$fa-var-commenting-o: "\f27b";
+$fa-var-comments: "\f086";
+$fa-var-comments-o: "\f0e6";
+$fa-var-compass: "\f14e";
+$fa-var-compress: "\f066";
+$fa-var-connectdevelop: "\f20e";
+$fa-var-contao: "\f26d";
+$fa-var-copy: "\f0c5";
+$fa-var-copyright: "\f1f9";
+$fa-var-creative-commons: "\f25e";
+$fa-var-credit-card: "\f09d";
+$fa-var-credit-card-alt: "\f283";
+$fa-var-crop: "\f125";
+$fa-var-crosshairs: "\f05b";
+$fa-var-css3: "\f13c";
+$fa-var-cube: "\f1b2";
+$fa-var-cubes: "\f1b3";
+$fa-var-cut: "\f0c4";
+$fa-var-cutlery: "\f0f5";
+$fa-var-dashboard: "\f0e4";
+$fa-var-dashcube: "\f210";
+$fa-var-database: "\f1c0";
+$fa-var-dedent: "\f03b";
+$fa-var-delicious: "\f1a5";
+$fa-var-desktop: "\f108";
+$fa-var-deviantart: "\f1bd";
+$fa-var-diamond: "\f219";
+$fa-var-digg: "\f1a6";
+$fa-var-dollar: "\f155";
+$fa-var-dot-circle-o: "\f192";
+$fa-var-download: "\f019";
+$fa-var-dribbble: "\f17d";
+$fa-var-dropbox: "\f16b";
+$fa-var-drupal: "\f1a9";
+$fa-var-edge: "\f282";
+$fa-var-edit: "\f044";
+$fa-var-eject: "\f052";
+$fa-var-ellipsis-h: "\f141";
+$fa-var-ellipsis-v: "\f142";
+$fa-var-empire: "\f1d1";
+$fa-var-envelope: "\f0e0";
+$fa-var-envelope-o: "\f003";
+$fa-var-envelope-square: "\f199";
+$fa-var-eraser: "\f12d";
+$fa-var-eur: "\f153";
+$fa-var-euro: "\f153";
+$fa-var-exchange: "\f0ec";
+$fa-var-exclamation: "\f12a";
+$fa-var-exclamation-circle: "\f06a";
+$fa-var-exclamation-triangle: "\f071";
+$fa-var-expand: "\f065";
+$fa-var-expeditedssl: "\f23e";
+$fa-var-external-link: "\f08e";
+$fa-var-external-link-square: "\f14c";
+$fa-var-eye: "\f06e";
+$fa-var-eye-slash: "\f070";
+$fa-var-eyedropper: "\f1fb";
+$fa-var-facebook: "\f09a";
+$fa-var-facebook-f: "\f09a";
+$fa-var-facebook-official: "\f230";
+$fa-var-facebook-square: "\f082";
+$fa-var-fast-backward: "\f049";
+$fa-var-fast-forward: "\f050";
+$fa-var-fax: "\f1ac";
+$fa-var-feed: "\f09e";
+$fa-var-female: "\f182";
+$fa-var-fighter-jet: "\f0fb";
+$fa-var-file: "\f15b";
+$fa-var-file-archive-o: "\f1c6";
+$fa-var-file-audio-o: "\f1c7";
+$fa-var-file-code-o: "\f1c9";
+$fa-var-file-excel-o: "\f1c3";
+$fa-var-file-image-o: "\f1c5";
+$fa-var-file-movie-o: "\f1c8";
+$fa-var-file-o: "\f016";
+$fa-var-file-pdf-o: "\f1c1";
+$fa-var-file-photo-o: "\f1c5";
+$fa-var-file-picture-o: "\f1c5";
+$fa-var-file-powerpoint-o: "\f1c4";
+$fa-var-file-sound-o: "\f1c7";
+$fa-var-file-text: "\f15c";
+$fa-var-file-text-o: "\f0f6";
+$fa-var-file-video-o: "\f1c8";
+$fa-var-file-word-o: "\f1c2";
+$fa-var-file-zip-o: "\f1c6";
+$fa-var-files-o: "\f0c5";
+$fa-var-film: "\f008";
+$fa-var-filter: "\f0b0";
+$fa-var-fire: "\f06d";
+$fa-var-fire-extinguisher: "\f134";
+$fa-var-firefox: "\f269";
+$fa-var-flag: "\f024";
+$fa-var-flag-checkered: "\f11e";
+$fa-var-flag-o: "\f11d";
+$fa-var-flash: "\f0e7";
+$fa-var-flask: "\f0c3";
+$fa-var-flickr: "\f16e";
+$fa-var-floppy-o: "\f0c7";
+$fa-var-folder: "\f07b";
+$fa-var-folder-o: "\f114";
+$fa-var-folder-open: "\f07c";
+$fa-var-folder-open-o: "\f115";
+$fa-var-font: "\f031";
+$fa-var-fonticons: "\f280";
+$fa-var-fort-awesome: "\f286";
+$fa-var-forumbee: "\f211";
+$fa-var-forward: "\f04e";
+$fa-var-foursquare: "\f180";
+$fa-var-frown-o: "\f119";
+$fa-var-futbol-o: "\f1e3";
+$fa-var-gamepad: "\f11b";
+$fa-var-gavel: "\f0e3";
+$fa-var-gbp: "\f154";
+$fa-var-ge: "\f1d1";
+$fa-var-gear: "\f013";
+$fa-var-gears: "\f085";
+$fa-var-genderless: "\f22d";
+$fa-var-get-pocket: "\f265";
+$fa-var-gg: "\f260";
+$fa-var-gg-circle: "\f261";
+$fa-var-gift: "\f06b";
+$fa-var-git: "\f1d3";
+$fa-var-git-square: "\f1d2";
+$fa-var-github: "\f09b";
+$fa-var-github-alt: "\f113";
+$fa-var-github-square: "\f092";
+$fa-var-gittip: "\f184";
+$fa-var-glass: "\f000";
+$fa-var-globe: "\f0ac";
+$fa-var-google: "\f1a0";
+$fa-var-google-plus: "\f0d5";
+$fa-var-google-plus-square: "\f0d4";
+$fa-var-google-wallet: "\f1ee";
+$fa-var-graduation-cap: "\f19d";
+$fa-var-gratipay: "\f184";
+$fa-var-group: "\f0c0";
+$fa-var-h-square: "\f0fd";
+$fa-var-hacker-news: "\f1d4";
+$fa-var-hand-grab-o: "\f255";
+$fa-var-hand-lizard-o: "\f258";
+$fa-var-hand-o-down: "\f0a7";
+$fa-var-hand-o-left: "\f0a5";
+$fa-var-hand-o-right: "\f0a4";
+$fa-var-hand-o-up: "\f0a6";
+$fa-var-hand-paper-o: "\f256";
+$fa-var-hand-peace-o: "\f25b";
+$fa-var-hand-pointer-o: "\f25a";
+$fa-var-hand-rock-o: "\f255";
+$fa-var-hand-scissors-o: "\f257";
+$fa-var-hand-spock-o: "\f259";
+$fa-var-hand-stop-o: "\f256";
+$fa-var-hashtag: "\f292";
+$fa-var-hdd-o: "\f0a0";
+$fa-var-header: "\f1dc";
+$fa-var-headphones: "\f025";
+$fa-var-heart: "\f004";
+$fa-var-heart-o: "\f08a";
+$fa-var-heartbeat: "\f21e";
+$fa-var-history: "\f1da";
+$fa-var-home: "\f015";
+$fa-var-hospital-o: "\f0f8";
+$fa-var-hotel: "\f236";
+$fa-var-hourglass: "\f254";
+$fa-var-hourglass-1: "\f251";
+$fa-var-hourglass-2: "\f252";
+$fa-var-hourglass-3: "\f253";
+$fa-var-hourglass-end: "\f253";
+$fa-var-hourglass-half: "\f252";
+$fa-var-hourglass-o: "\f250";
+$fa-var-hourglass-start: "\f251";
+$fa-var-houzz: "\f27c";
+$fa-var-html5: "\f13b";
+$fa-var-i-cursor: "\f246";
+$fa-var-ils: "\f20b";
+$fa-var-image: "\f03e";
+$fa-var-inbox: "\f01c";
+$fa-var-indent: "\f03c";
+$fa-var-industry: "\f275";
+$fa-var-info: "\f129";
+$fa-var-info-circle: "\f05a";
+$fa-var-inr: "\f156";
+$fa-var-instagram: "\f16d";
+$fa-var-institution: "\f19c";
+$fa-var-internet-explorer: "\f26b";
+$fa-var-intersex: "\f224";
+$fa-var-ioxhost: "\f208";
+$fa-var-italic: "\f033";
+$fa-var-joomla: "\f1aa";
+$fa-var-jpy: "\f157";
+$fa-var-jsfiddle: "\f1cc";
+$fa-var-key: "\f084";
+$fa-var-keyboard-o: "\f11c";
+$fa-var-krw: "\f159";
+$fa-var-language: "\f1ab";
+$fa-var-laptop: "\f109";
+$fa-var-lastfm: "\f202";
+$fa-var-lastfm-square: "\f203";
+$fa-var-leaf: "\f06c";
+$fa-var-leanpub: "\f212";
+$fa-var-legal: "\f0e3";
+$fa-var-lemon-o: "\f094";
+$fa-var-level-down: "\f149";
+$fa-var-level-up: "\f148";
+$fa-var-life-bouy: "\f1cd";
+$fa-var-life-buoy: "\f1cd";
+$fa-var-life-ring: "\f1cd";
+$fa-var-life-saver: "\f1cd";
+$fa-var-lightbulb-o: "\f0eb";
+$fa-var-line-chart: "\f201";
+$fa-var-link: "\f0c1";
+$fa-var-linkedin: "\f0e1";
+$fa-var-linkedin-square: "\f08c";
+$fa-var-linux: "\f17c";
+$fa-var-list: "\f03a";
+$fa-var-list-alt: "\f022";
+$fa-var-list-ol: "\f0cb";
+$fa-var-list-ul: "\f0ca";
+$fa-var-location-arrow: "\f124";
+$fa-var-lock: "\f023";
+$fa-var-long-arrow-down: "\f175";
+$fa-var-long-arrow-left: "\f177";
+$fa-var-long-arrow-right: "\f178";
+$fa-var-long-arrow-up: "\f176";
+$fa-var-magic: "\f0d0";
+$fa-var-magnet: "\f076";
+$fa-var-mail-forward: "\f064";
+$fa-var-mail-reply: "\f112";
+$fa-var-mail-reply-all: "\f122";
+$fa-var-male: "\f183";
+$fa-var-map: "\f279";
+$fa-var-map-marker: "\f041";
+$fa-var-map-o: "\f278";
+$fa-var-map-pin: "\f276";
+$fa-var-map-signs: "\f277";
+$fa-var-mars: "\f222";
+$fa-var-mars-double: "\f227";
+$fa-var-mars-stroke: "\f229";
+$fa-var-mars-stroke-h: "\f22b";
+$fa-var-mars-stroke-v: "\f22a";
+$fa-var-maxcdn: "\f136";
+$fa-var-meanpath: "\f20c";
+$fa-var-medium: "\f23a";
+$fa-var-medkit: "\f0fa";
+$fa-var-meh-o: "\f11a";
+$fa-var-mercury: "\f223";
+$fa-var-microphone: "\f130";
+$fa-var-microphone-slash: "\f131";
+$fa-var-minus: "\f068";
+$fa-var-minus-circle: "\f056";
+$fa-var-minus-square: "\f146";
+$fa-var-minus-square-o: "\f147";
+$fa-var-mixcloud: "\f289";
+$fa-var-mobile: "\f10b";
+$fa-var-mobile-phone: "\f10b";
+$fa-var-modx: "\f285";
+$fa-var-money: "\f0d6";
+$fa-var-moon-o: "\f186";
+$fa-var-mortar-board: "\f19d";
+$fa-var-motorcycle: "\f21c";
+$fa-var-mouse-pointer: "\f245";
+$fa-var-music: "\f001";
+$fa-var-navicon: "\f0c9";
+$fa-var-neuter: "\f22c";
+$fa-var-newspaper-o: "\f1ea";
+$fa-var-object-group: "\f247";
+$fa-var-object-ungroup: "\f248";
+$fa-var-odnoklassniki: "\f263";
+$fa-var-odnoklassniki-square: "\f264";
+$fa-var-opencart: "\f23d";
+$fa-var-openid: "\f19b";
+$fa-var-opera: "\f26a";
+$fa-var-optin-monster: "\f23c";
+$fa-var-outdent: "\f03b";
+$fa-var-pagelines: "\f18c";
+$fa-var-paint-brush: "\f1fc";
+$fa-var-paper-plane: "\f1d8";
+$fa-var-paper-plane-o: "\f1d9";
+$fa-var-paperclip: "\f0c6";
+$fa-var-paragraph: "\f1dd";
+$fa-var-paste: "\f0ea";
+$fa-var-pause: "\f04c";
+$fa-var-pause-circle: "\f28b";
+$fa-var-pause-circle-o: "\f28c";
+$fa-var-paw: "\f1b0";
+$fa-var-paypal: "\f1ed";
+$fa-var-pencil: "\f040";
+$fa-var-pencil-square: "\f14b";
+$fa-var-pencil-square-o: "\f044";
+$fa-var-percent: "\f295";
+$fa-var-phone: "\f095";
+$fa-var-phone-square: "\f098";
+$fa-var-photo: "\f03e";
+$fa-var-picture-o: "\f03e";
+$fa-var-pie-chart: "\f200";
+$fa-var-pied-piper: "\f1a7";
+$fa-var-pied-piper-alt: "\f1a8";
+$fa-var-pinterest: "\f0d2";
+$fa-var-pinterest-p: "\f231";
+$fa-var-pinterest-square: "\f0d3";
+$fa-var-plane: "\f072";
+$fa-var-play: "\f04b";
+$fa-var-play-circle: "\f144";
+$fa-var-play-circle-o: "\f01d";
+$fa-var-plug: "\f1e6";
+$fa-var-plus: "\f067";
+$fa-var-plus-circle: "\f055";
+$fa-var-plus-square: "\f0fe";
+$fa-var-plus-square-o: "\f196";
+$fa-var-power-off: "\f011";
+$fa-var-print: "\f02f";
+$fa-var-product-hunt: "\f288";
+$fa-var-puzzle-piece: "\f12e";
+$fa-var-qq: "\f1d6";
+$fa-var-qrcode: "\f029";
+$fa-var-question: "\f128";
+$fa-var-question-circle: "\f059";
+$fa-var-quote-left: "\f10d";
+$fa-var-quote-right: "\f10e";
+$fa-var-ra: "\f1d0";
+$fa-var-random: "\f074";
+$fa-var-rebel: "\f1d0";
+$fa-var-recycle: "\f1b8";
+$fa-var-reddit: "\f1a1";
+$fa-var-reddit-alien: "\f281";
+$fa-var-reddit-square: "\f1a2";
+$fa-var-refresh: "\f021";
+$fa-var-registered: "\f25d";
+$fa-var-remove: "\f00d";
+$fa-var-renren: "\f18b";
+$fa-var-reorder: "\f0c9";
+$fa-var-repeat: "\f01e";
+$fa-var-reply: "\f112";
+$fa-var-reply-all: "\f122";
+$fa-var-retweet: "\f079";
+$fa-var-rmb: "\f157";
+$fa-var-road: "\f018";
+$fa-var-rocket: "\f135";
+$fa-var-rotate-left: "\f0e2";
+$fa-var-rotate-right: "\f01e";
+$fa-var-rouble: "\f158";
+$fa-var-rss: "\f09e";
+$fa-var-rss-square: "\f143";
+$fa-var-rub: "\f158";
+$fa-var-ruble: "\f158";
+$fa-var-rupee: "\f156";
+$fa-var-safari: "\f267";
+$fa-var-save: "\f0c7";
+$fa-var-scissors: "\f0c4";
+$fa-var-scribd: "\f28a";
+$fa-var-search: "\f002";
+$fa-var-search-minus: "\f010";
+$fa-var-search-plus: "\f00e";
+$fa-var-sellsy: "\f213";
+$fa-var-send: "\f1d8";
+$fa-var-send-o: "\f1d9";
+$fa-var-server: "\f233";
+$fa-var-share: "\f064";
+$fa-var-share-alt: "\f1e0";
+$fa-var-share-alt-square: "\f1e1";
+$fa-var-share-square: "\f14d";
+$fa-var-share-square-o: "\f045";
+$fa-var-shekel: "\f20b";
+$fa-var-sheqel: "\f20b";
+$fa-var-shield: "\f132";
+$fa-var-ship: "\f21a";
+$fa-var-shirtsinbulk: "\f214";
+$fa-var-shopping-bag: "\f290";
+$fa-var-shopping-basket: "\f291";
+$fa-var-shopping-cart: "\f07a";
+$fa-var-sign-in: "\f090";
+$fa-var-sign-out: "\f08b";
+$fa-var-signal: "\f012";
+$fa-var-simplybuilt: "\f215";
+$fa-var-sitemap: "\f0e8";
+$fa-var-skyatlas: "\f216";
+$fa-var-skype: "\f17e";
+$fa-var-slack: "\f198";
+$fa-var-sliders: "\f1de";
+$fa-var-slideshare: "\f1e7";
+$fa-var-smile-o: "\f118";
+$fa-var-soccer-ball-o: "\f1e3";
+$fa-var-sort: "\f0dc";
+$fa-var-sort-alpha-asc: "\f15d";
+$fa-var-sort-alpha-desc: "\f15e";
+$fa-var-sort-amount-asc: "\f160";
+$fa-var-sort-amount-desc: "\f161";
+$fa-var-sort-asc: "\f0de";
+$fa-var-sort-desc: "\f0dd";
+$fa-var-sort-down: "\f0dd";
+$fa-var-sort-numeric-asc: "\f162";
+$fa-var-sort-numeric-desc: "\f163";
+$fa-var-sort-up: "\f0de";
+$fa-var-soundcloud: "\f1be";
+$fa-var-space-shuttle: "\f197";
+$fa-var-spinner: "\f110";
+$fa-var-spoon: "\f1b1";
+$fa-var-spotify: "\f1bc";
+$fa-var-square: "\f0c8";
+$fa-var-square-o: "\f096";
+$fa-var-stack-exchange: "\f18d";
+$fa-var-stack-overflow: "\f16c";
+$fa-var-star: "\f005";
+$fa-var-star-half: "\f089";
+$fa-var-star-half-empty: "\f123";
+$fa-var-star-half-full: "\f123";
+$fa-var-star-half-o: "\f123";
+$fa-var-star-o: "\f006";
+$fa-var-steam: "\f1b6";
+$fa-var-steam-square: "\f1b7";
+$fa-var-step-backward: "\f048";
+$fa-var-step-forward: "\f051";
+$fa-var-stethoscope: "\f0f1";
+$fa-var-sticky-note: "\f249";
+$fa-var-sticky-note-o: "\f24a";
+$fa-var-stop: "\f04d";
+$fa-var-stop-circle: "\f28d";
+$fa-var-stop-circle-o: "\f28e";
+$fa-var-street-view: "\f21d";
+$fa-var-strikethrough: "\f0cc";
+$fa-var-stumbleupon: "\f1a4";
+$fa-var-stumbleupon-circle: "\f1a3";
+$fa-var-subscript: "\f12c";
+$fa-var-subway: "\f239";
+$fa-var-suitcase: "\f0f2";
+$fa-var-sun-o: "\f185";
+$fa-var-superscript: "\f12b";
+$fa-var-support: "\f1cd";
+$fa-var-table: "\f0ce";
+$fa-var-tablet: "\f10a";
+$fa-var-tachometer: "\f0e4";
+$fa-var-tag: "\f02b";
+$fa-var-tags: "\f02c";
+$fa-var-tasks: "\f0ae";
+$fa-var-taxi: "\f1ba";
+$fa-var-television: "\f26c";
+$fa-var-tencent-weibo: "\f1d5";
+$fa-var-terminal: "\f120";
+$fa-var-text-height: "\f034";
+$fa-var-text-width: "\f035";
+$fa-var-th: "\f00a";
+$fa-var-th-large: "\f009";
+$fa-var-th-list: "\f00b";
+$fa-var-thumb-tack: "\f08d";
+$fa-var-thumbs-down: "\f165";
+$fa-var-thumbs-o-down: "\f088";
+$fa-var-thumbs-o-up: "\f087";
+$fa-var-thumbs-up: "\f164";
+$fa-var-ticket: "\f145";
+$fa-var-times: "\f00d";
+$fa-var-times-circle: "\f057";
+$fa-var-times-circle-o: "\f05c";
+$fa-var-tint: "\f043";
+$fa-var-toggle-down: "\f150";
+$fa-var-toggle-left: "\f191";
+$fa-var-toggle-off: "\f204";
+$fa-var-toggle-on: "\f205";
+$fa-var-toggle-right: "\f152";
+$fa-var-toggle-up: "\f151";
+$fa-var-trademark: "\f25c";
+$fa-var-train: "\f238";
+$fa-var-transgender: "\f224";
+$fa-var-transgender-alt: "\f225";
+$fa-var-trash: "\f1f8";
+$fa-var-trash-o: "\f014";
+$fa-var-tree: "\f1bb";
+$fa-var-trello: "\f181";
+$fa-var-tripadvisor: "\f262";
+$fa-var-trophy: "\f091";
+$fa-var-truck: "\f0d1";
+$fa-var-try: "\f195";
+$fa-var-tty: "\f1e4";
+$fa-var-tumblr: "\f173";
+$fa-var-tumblr-square: "\f174";
+$fa-var-turkish-lira: "\f195";
+$fa-var-tv: "\f26c";
+$fa-var-twitch: "\f1e8";
+$fa-var-twitter: "\f099";
+$fa-var-twitter-square: "\f081";
+$fa-var-umbrella: "\f0e9";
+$fa-var-underline: "\f0cd";
+$fa-var-undo: "\f0e2";
+$fa-var-university: "\f19c";
+$fa-var-unlink: "\f127";
+$fa-var-unlock: "\f09c";
+$fa-var-unlock-alt: "\f13e";
+$fa-var-unsorted: "\f0dc";
+$fa-var-upload: "\f093";
+$fa-var-usb: "\f287";
+$fa-var-usd: "\f155";
+$fa-var-user: "\f007";
+$fa-var-user-md: "\f0f0";
+$fa-var-user-plus: "\f234";
+$fa-var-user-secret: "\f21b";
+$fa-var-user-times: "\f235";
+$fa-var-users: "\f0c0";
+$fa-var-venus: "\f221";
+$fa-var-venus-double: "\f226";
+$fa-var-venus-mars: "\f228";
+$fa-var-viacoin: "\f237";
+$fa-var-video-camera: "\f03d";
+$fa-var-vimeo: "\f27d";
+$fa-var-vimeo-square: "\f194";
+$fa-var-vine: "\f1ca";
+$fa-var-vk: "\f189";
+$fa-var-volume-down: "\f027";
+$fa-var-volume-off: "\f026";
+$fa-var-volume-up: "\f028";
+$fa-var-warning: "\f071";
+$fa-var-wechat: "\f1d7";
+$fa-var-weibo: "\f18a";
+$fa-var-weixin: "\f1d7";
+$fa-var-whatsapp: "\f232";
+$fa-var-wheelchair: "\f193";
+$fa-var-wifi: "\f1eb";
+$fa-var-wikipedia-w: "\f266";
+$fa-var-windows: "\f17a";
+$fa-var-won: "\f159";
+$fa-var-wordpress: "\f19a";
+$fa-var-wrench: "\f0ad";
+$fa-var-xing: "\f168";
+$fa-var-xing-square: "\f169";
+$fa-var-y-combinator: "\f23b";
+$fa-var-y-combinator-square: "\f1d4";
+$fa-var-yahoo: "\f19e";
+$fa-var-yc: "\f23b";
+$fa-var-yc-square: "\f1d4";
+$fa-var-yelp: "\f1e9";
+$fa-var-yen: "\f157";
+$fa-var-youtube: "\f167";
+$fa-var-youtube-play: "\f16a";
+$fa-var-youtube-square: "\f166";
\ No newline at end of file
index 4fa19f27b34f1d1c19d3699f039a2b7845121f2b..8957a26277b2cdce91ef4a76237e5d47f79e50d2 100755 (executable)
@@ -25,6 +25,7 @@
  */
 
 @import 'config/variables';
+@import 'config/variables-icons';
 
 
 
index b0dc78cc2499910464a46d358a298e368a486c5c..6d756a0bbcb87deaa92c85b20a3caa0a64ba7f4e 100644 (file)
@@ -1,25 +1,42 @@
 .event__card {
-  padding: 1rem;
+  padding: 0.5rem;
   background: $white;
+  margin-bottom: 1rem;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
   @extend .row;
   &--alt {
     @extend .event__card;
     background: $main_color_alt;
     color: white;
   }
+
+  @media (min-width : $desktop ) {
+      float: left;
+      width: 31%;
+      margin: 0 .5rem 0 .5rem
+  }
+
+&--full {
+  @extend .event__card;
+
+  @media (min-width : $desktop ) {
+    width: 100%;
+    display: block;
+  }
+}
+
 }
 
 .event__name {
  margin: 0 0 0.3rem;
- font-size: 2.2rem;
+ font-size: 1rem;
  text-transform: uppercase;
 }
 
 .event__thumbnail {
   display: block;
-  float: left;
-  margin-right: .5rem;
-  margin-bottom: .1rem;
+  // float: left;
+  margin: -.5rem -.5rem 1rem;
 }
 
 .event__description {
 
 .event__meta {
   display: block;
-  padding: .5rem;
-  background: #e8e8e8;
+  padding: .5rem 0;
+  // background: #e8e8e8;
   font-family: $base_font_family;
   font-weight: $bold;
   text-transform: uppercase;
   color: $black;
   margin-bottom: 1rem;
+  font-size: 0.7rem;
 
   &__inner {
     display: block;
     // float: left;
-    padding: 0.3rem 0;
+    padding: 0.1rem 0;
     border-top: 1px solid #000;
     border-bottom: 1px solid #000;
   }
   background: $white;
 }
 
+.event__meta__btn {
+  width: 50%;
+  display: block;
+  text-align: center;
+  margin: 1rem auto;
+}
+
 .event__detail,
 .event__detail a {
   text-align: right;
index 9fd4c8513d5faf1fc19585e71dfdbc2022a33e3f..f6653d3b8578115a9602057718dd316fd9fc7e95 100755 (executable)
@@ -2,6 +2,16 @@
 // _Icons
 // ****************************************************************
 
+.icon {
+  display: inline-block;
+  font: normal normal normal $base_font_size/$base_line_height $icon-font;
+  font-size: inherit; // can't have font-size inherit on line above, so need to override
+  text-rendering: auto; // optimizelegibility throws things off #1094
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  speak: none;
+}
+
 .btn-icon {
     padding: $base_font_size/2 0.3rem;
     margin: 0 auto;
     &--facebook {
         @extend .btn-icon;
     }
-}
\ No newline at end of file
+}
+
+// .icon__glass:before { content: $fa-var-glass; }
+// .icon__music:before { content: $fa-var-music; }
+// .icon__search:before { content: $fa-var-search; }
+// .icon__envelope-o:before { content: $fa-var-envelope-o; }
+// .icon__heart:before { content: $fa-var-heart; }
+// .icon__star:before { content: $fa-var-star; }
+// .icon__star-o:before { content: $fa-var-star-o; }
+// .icon__user:before { content: $fa-var-user; }
+// .icon__film:before { content: $fa-var-film; }
+// .icon__th-large:before { content: $fa-var-th-large; }
+// .icon__th:before { content: $fa-var-th; }
+// .icon__th-list:before { content: $fa-var-th-list; }
+// .icon__check:before { content: $fa-var-check; }
+// .icon__remove:before,
+// .icon__close:before,
+// .icon__times:before { content: $fa-var-times; }
+// .icon__search-plus:before { content: $fa-var-search-plus; }
+// .icon__search-minus:before { content: $fa-var-search-minus; }
+// .icon__power-off:before { content: $fa-var-power-off; }
+// .icon__signal:before { content: $fa-var-signal; }
+// .icon__gear:before,
+// .icon__cog:before { content: $fa-var-cog; }
+// .icon__trash-o:before { content: $fa-var-trash-o; }
+// .icon__home:before { content: $fa-var-home; }
+// .icon__file-o:before { content: $fa-var-file-o; }
+// .icon__clock-o:before { content: $fa-var-clock-o; }
+// .icon__road:before { content: $fa-var-road; }
+// .icon__download:before { content: $fa-var-download; }
+// .icon__arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
+// .icon__arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
+// .icon__inbox:before { content: $fa-var-inbox; }
+// .icon__play-circle-o:before { content: $fa-var-play-circle-o; }
+// .icon__rotate-right:before,
+// .icon__repeat:before { content: $fa-var-repeat; }
+// .icon__refresh:before { content: $fa-var-refresh; }
+// .icon__list-alt:before { content: $fa-var-list-alt; }
+// .icon__lock:before { content: $fa-var-lock; }
+// .icon__flag:before { content: $fa-var-flag; }
+// .icon__headphones:before { content: $fa-var-headphones; }
+// .icon__volume-off:before { content: $fa-var-volume-off; }
+// .icon__volume-down:before { content: $fa-var-volume-down; }
+// .icon__volume-up:before { content: $fa-var-volume-up; }
+// .icon__qrcode:before { content: $fa-var-qrcode; }
+// .icon__barcode:before { content: $fa-var-barcode; }
+// .icon__tag:before { content: $fa-var-tag; }
+// .icon__tags:before { content: $fa-var-tags; }
+// .icon__book:before { content: $fa-var-book; }
+.icon__bookmark:before { content: $fa-var-bookmark; }
+// .icon__print:before { content: $fa-var-print; }
+// .icon__camera:before { content: $fa-var-camera; }
+// .icon__font:before { content: $fa-var-font; }
+// .icon__bold:before { content: $fa-var-bold; }
+// .icon__italic:before { content: $fa-var-italic; }
+// .icon__text-height:before { content: $fa-var-text-height; }
+// .icon__text-width:before { content: $fa-var-text-width; }
+// .icon__align-left:before { content: $fa-var-align-left; }
+// .icon__align-center:before { content: $fa-var-align-center; }
+// .icon__align-right:before { content: $fa-var-align-right; }
+// .icon__align-justify:before { content: $fa-var-align-justify; }
+// .icon__list:before { content: $fa-var-list; }
+// .icon__dedent:before,
+// .icon__outdent:before { content: $fa-var-outdent; }
+// .icon__indent:before { content: $fa-var-indent; }
+// .icon__video-camera:before { content: $fa-var-video-camera; }
+// .icon__photo:before,
+// .icon__image:before,
+// .icon__picture-o:before { content: $fa-var-picture-o; }
+// .icon__pencil:before { content: $fa-var-pencil; }
+// .icon__map-marker:before { content: $fa-var-map-marker; }
+// .icon__adjust:before { content: $fa-var-adjust; }
+// .icon__tint:before { content: $fa-var-tint; }
+// .icon__edit:before,
+// .icon__pencil-square-o:before { content: $fa-var-pencil-square-o; }
+// .icon__share-square-o:before { content: $fa-var-share-square-o; }
+// .icon__check-square-o:before { content: $fa-var-check-square-o; }
+// .icon__arrows:before { content: $fa-var-arrows; }
+// .icon__step-backward:before { content: $fa-var-step-backward; }
+// .icon__fast-backward:before { content: $fa-var-fast-backward; }
+// .icon__backward:before { content: $fa-var-backward; }
+// .icon__play:before { content: $fa-var-play; }
+// .icon__pause:before { content: $fa-var-pause; }
+// .icon__stop:before { content: $fa-var-stop; }
+// .icon__forward:before { content: $fa-var-forward; }
+// .icon__fast-forward:before { content: $fa-var-fast-forward; }
+// .icon__step-forward:before { content: $fa-var-step-forward; }
+// .icon__eject:before { content: $fa-var-eject; }
+// .icon__chevron-left:before { content: $fa-var-chevron-left; }
+// .icon__chevron-right:before { content: $fa-var-chevron-right; }
+// .icon__plus-circle:before { content: $fa-var-plus-circle; }
+// .icon__minus-circle:before { content: $fa-var-minus-circle; }
+// .icon__times-circle:before { content: $fa-var-times-circle; }
+// .icon__check-circle:before { content: $fa-var-check-circle; }
+// .icon__question-circle:before { content: $fa-var-question-circle; }
+// .icon__info-circle:before { content: $fa-var-info-circle; }
+// .icon__crosshairs:before { content: $fa-var-crosshairs; }
+// .icon__times-circle-o:before { content: $fa-var-times-circle-o; }
+// .icon__check-circle-o:before { content: $fa-var-check-circle-o; }
+// .icon__ban:before { content: $fa-var-ban; }
+// .icon__arrow-left:before { content: $fa-var-arrow-left; }
+// .icon__arrow-right:before { content: $fa-var-arrow-right; }
+// .icon__arrow-up:before { content: $fa-var-arrow-up; }
+// .icon__arrow-down:before { content: $fa-var-arrow-down; }
+// .icon__mail-forward:before,
+// .icon__share:before { content: $fa-var-share; }
+// .icon__expand:before { content: $fa-var-expand; }
+// .icon__compress:before { content: $fa-var-compress; }
+// .icon__plus:before { content: $fa-var-plus; }
+// .icon__minus:before { content: $fa-var-minus; }
+// .icon__asterisk:before { content: $fa-var-asterisk; }
+// .icon__exclamation-circle:before { content: $fa-var-exclamation-circle; }
+// .icon__gift:before { content: $fa-var-gift; }
+// .icon__leaf:before { content: $fa-var-leaf; }
+// .icon__fire:before { content: $fa-var-fire; }
+// .icon__eye:before { content: $fa-var-eye; }
+// .icon__eye-slash:before { content: $fa-var-eye-slash; }
+// .icon__warning:before,
+// .icon__exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
+// .icon__plane:before { content: $fa-var-plane; }
+// .icon__calendar:before { content: $fa-var-calendar; }
+// .icon__random:before { content: $fa-var-random; }
+// .icon__comment:before { content: $fa-var-comment; }
+// .icon__magnet:before { content: $fa-var-magnet; }
+// .icon__chevron-up:before { content: $fa-var-chevron-up; }
+// .icon__chevron-down:before { content: $fa-var-chevron-down; }
+// .icon__retweet:before { content: $fa-var-retweet; }
+// .icon__shopping-cart:before { content: $fa-var-shopping-cart; }
+// .icon__folder:before { content: $fa-var-folder; }
+// .icon__folder-open:before { content: $fa-var-folder-open; }
+// .icon__arrows-v:before { content: $fa-var-arrows-v; }
+// .icon__arrows-h:before { content: $fa-var-arrows-h; }
+// .icon__bar-chart-o:before,
+// .icon__bar-chart:before { content: $fa-var-bar-chart; }
+// .icon__twitter-square:before { content: $fa-var-twitter-square; }
+// .icon__facebook-square:before { content: $fa-var-facebook-square; }
+// .icon__camera-retro:before { content: $fa-var-camera-retro; }
+// .icon__key:before { content: $fa-var-key; }
+// .icon__gears:before,
+// .icon__cogs:before { content: $fa-var-cogs; }
+// .icon__comments:before { content: $fa-var-comments; }
+// .icon__thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
+// .icon__thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
+// .icon__star-half:before { content: $fa-var-star-half; }
+// .icon__heart-o:before { content: $fa-var-heart-o; }
+// .icon__sign-out:before { content: $fa-var-sign-out; }
+// .icon__linkedin-square:before { content: $fa-var-linkedin-square; }
+// .icon__thumb-tack:before { content: $fa-var-thumb-tack; }
+// .icon__external-link:before { content: $fa-var-external-link; }
+// .icon__sign-in:before { content: $fa-var-sign-in; }
+// .icon__trophy:before { content: $fa-var-trophy; }
+// .icon__github-square:before { content: $fa-var-github-square; }
+// .icon__upload:before { content: $fa-var-upload; }
+// .icon__lemon-o:before { content: $fa-var-lemon-o; }
+// .icon__phone:before { content: $fa-var-phone; }
+// .icon__square-o:before { content: $fa-var-square-o; }
+// .icon__bookmark-o:before { content: $fa-var-bookmark-o; }
+// .icon__phone-square:before { content: $fa-var-phone-square; }
+.icon__twitter:before { content: $fa-var-twitter; }
+.icon__facebook-f:before,
+.icon__facebook:before { content: $fa-var-facebook; }
+// .icon__github:before { content: $fa-var-github; }
+// .icon__unlock:before { content: $fa-var-unlock; }
+// .icon__credit-card:before { content: $fa-var-credit-card; }
+// .icon__feed:before,
+// .icon__rss:before { content: $fa-var-rss; }
+// .icon__hdd-o:before { content: $fa-var-hdd-o; }
+// .icon__bullhorn:before { content: $fa-var-bullhorn; }
+// .icon__bell:before { content: $fa-var-bell; }
+// .icon__certificate:before { content: $fa-var-certificate; }
+// .icon__hand-o-right:before { content: $fa-var-hand-o-right; }
+// .icon__hand-o-left:before { content: $fa-var-hand-o-left; }
+// .icon__hand-o-up:before { content: $fa-var-hand-o-up; }
+// .icon__hand-o-down:before { content: $fa-var-hand-o-down; }
+// .icon__arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
+// .icon__arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
+// .icon__arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
+// .icon__arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
+// .icon__globe:before { content: $fa-var-globe; }
+// .icon__wrench:before { content: $fa-var-wrench; }
+// .icon__tasks:before { content: $fa-var-tasks; }
+// .icon__filter:before { content: $fa-var-filter; }
+// .icon__briefcase:before { content: $fa-var-briefcase; }
+// .icon__arrows-alt:before { content: $fa-var-arrows-alt; }
+// .icon__group:before,
+// .icon__users:before { content: $fa-var-users; }
+// .icon__chain:before,
+// .icon__link:before { content: $fa-var-link; }
+// .icon__cloud:before { content: $fa-var-cloud; }
+// .icon__flask:before { content: $fa-var-flask; }
+// .icon__cut:before,
+// .icon__scissors:before { content: $fa-var-scissors; }
+// .icon__copy:before,
+// .icon__files-o:before { content: $fa-var-files-o; }
+// .icon__paperclip:before { content: $fa-var-paperclip; }
+// .icon__save:before,
+// .icon__floppy-o:before { content: $fa-var-floppy-o; }
+// .icon__square:before { content: $fa-var-square; }
+// .icon__navicon:before,
+// .icon__reorder:before,
+// .icon__bars:before { content: $fa-var-bars; }
+// .icon__list-ul:before { content: $fa-var-list-ul; }
+// .icon__list-ol:before { content: $fa-var-list-ol; }
+// .icon__strikethrough:before { content: $fa-var-strikethrough; }
+// .icon__underline:before { content: $fa-var-underline; }
+// .icon__table:before { content: $fa-var-table; }
+// .icon__magic:before { content: $fa-var-magic; }
+// .icon__truck:before { content: $fa-var-truck; }
+// .icon__pinterest:before { content: $fa-var-pinterest; }
+// .icon__pinterest-square:before { content: $fa-var-pinterest-square; }
+// .icon__google-plus-square:before { content: $fa-var-google-plus-square; }
+// .icon__google-plus:before { content: $fa-var-google-plus; }
+// .icon__money:before { content: $fa-var-money; }
+// .icon__caret-down:before { content: $fa-var-caret-down; }
+// .icon__caret-up:before { content: $fa-var-caret-up; }
+// .icon__caret-left:before { content: $fa-var-caret-left; }
+// .icon__caret-right:before { content: $fa-var-caret-right; }
+// .icon__columns:before { content: $fa-var-columns; }
+// .icon__unsorted:before,
+// .icon__sort:before { content: $fa-var-sort; }
+// .icon__sort-down:before,
+// .icon__sort-desc:before { content: $fa-var-sort-desc; }
+// .icon__sort-up:before,
+// .icon__sort-asc:before { content: $fa-var-sort-asc; }
+// .icon__envelope:before { content: $fa-var-envelope; }
+// .icon__linkedin:before { content: $fa-var-linkedin; }
+// .icon__rotate-left:before,
+// .icon__undo:before { content: $fa-var-undo; }
+// .icon__legal:before,
+// .icon__gavel:before { content: $fa-var-gavel; }
+// .icon__dashboard:before,
+// .icon__tachometer:before { content: $fa-var-tachometer; }
+// .icon__comment-o:before { content: $fa-var-comment-o; }
+// .icon__comments-o:before { content: $fa-var-comments-o; }
+// .icon__flash:before,
+// .icon__bolt:before { content: $fa-var-bolt; }
+// .icon__sitemap:before { content: $fa-var-sitemap; }
+// .icon__umbrella:before { content: $fa-var-umbrella; }
+// .icon__paste:before,
+// .icon__clipboard:before { content: $fa-var-clipboard; }
+// .icon__lightbulb-o:before { content: $fa-var-lightbulb-o; }
+// .icon__exchange:before { content: $fa-var-exchange; }
+// .icon__cloud-download:before { content: $fa-var-cloud-download; }
+// .icon__cloud-upload:before { content: $fa-var-cloud-upload; }
+// .icon__user-md:before { content: $fa-var-user-md; }
+// .icon__stethoscope:before { content: $fa-var-stethoscope; }
+// .icon__suitcase:before { content: $fa-var-suitcase; }
+// .icon__bell-o:before { content: $fa-var-bell-o; }
+// .icon__coffee:before { content: $fa-var-coffee; }
+// .icon__cutlery:before { content: $fa-var-cutlery; }
+// .icon__file-text-o:before { content: $fa-var-file-text-o; }
+// .icon__building-o:before { content: $fa-var-building-o; }
+// .icon__hospital-o:before { content: $fa-var-hospital-o; }
+// .icon__ambulance:before { content: $fa-var-ambulance; }
+// .icon__medkit:before { content: $fa-var-medkit; }
+// .icon__fighter-jet:before { content: $fa-var-fighter-jet; }
+// .icon__beer:before { content: $fa-var-beer; }
+// .icon__h-square:before { content: $fa-var-h-square; }
+// .icon__plus-square:before { content: $fa-var-plus-square; }
+// .icon__angle-double-left:before { content: $fa-var-angle-double-left; }
+// .icon__angle-double-right:before { content: $fa-var-angle-double-right; }
+// .icon__angle-double-up:before { content: $fa-var-angle-double-up; }
+// .icon__angle-double-down:before { content: $fa-var-angle-double-down; }
+// .icon__angle-left:before { content: $fa-var-angle-left; }
+// .icon__angle-right:before { content: $fa-var-angle-right; }
+// .icon__angle-up:before { content: $fa-var-angle-up; }
+// .icon__angle-down:before { content: $fa-var-angle-down; }
+// .icon__desktop:before { content: $fa-var-desktop; }
+// .icon__laptop:before { content: $fa-var-laptop; }
+// .icon__tablet:before { content: $fa-var-tablet; }
+// .icon__mobile-phone:before,
+// .icon__mobile:before { content: $fa-var-mobile; }
+// .icon__circle-o:before { content: $fa-var-circle-o; }
+// .icon__quote-left:before { content: $fa-var-quote-left; }
+// .icon__quote-right:before { content: $fa-var-quote-right; }
+// .icon__spinner:before { content: $fa-var-spinner; }
+// .icon__circle:before { content: $fa-var-circle; }
+// .icon__mail-reply:before,
+// .icon__reply:before { content: $fa-var-reply; }
+// .icon__github-alt:before { content: $fa-var-github-alt; }
+// .icon__folder-o:before { content: $fa-var-folder-o; }
+// .icon__folder-open-o:before { content: $fa-var-folder-open-o; }
+// .icon__smile-o:before { content: $fa-var-smile-o; }
+// .icon__frown-o:before { content: $fa-var-frown-o; }
+// .icon__meh-o:before { content: $fa-var-meh-o; }
+// .icon__gamepad:before { content: $fa-var-gamepad; }
+// .icon__keyboard-o:before { content: $fa-var-keyboard-o; }
+// .icon__flag-o:before { content: $fa-var-flag-o; }
+// .icon__flag-checkered:before { content: $fa-var-flag-checkered; }
+// .icon__terminal:before { content: $fa-var-terminal; }
+// .icon__code:before { content: $fa-var-code; }
+// .icon__mail-reply-all:before,
+// .icon__reply-all:before { content: $fa-var-reply-all; }
+// .icon__star-half-empty:before,
+// .icon__star-half-full:before,
+// .icon__star-half-o:before { content: $fa-var-star-half-o; }
+// .icon__location-arrow:before { content: $fa-var-location-arrow; }
+// .icon__crop:before { content: $fa-var-crop; }
+// .icon__code-fork:before { content: $fa-var-code-fork; }
+// .icon__unlink:before,
+// .icon__chain-broken:before { content: $fa-var-chain-broken; }
+// .icon__question:before { content: $fa-var-question; }
+// .icon__info:before { content: $fa-var-info; }
+// .icon__exclamation:before { content: $fa-var-exclamation; }
+// .icon__superscript:before { content: $fa-var-superscript; }
+// .icon__subscript:before { content: $fa-var-subscript; }
+// .icon__eraser:before { content: $fa-var-eraser; }
+// .icon__puzzle-piece:before { content: $fa-var-puzzle-piece; }
+// .icon__microphone:before { content: $fa-var-microphone; }
+// .icon__microphone-slash:before { content: $fa-var-microphone-slash; }
+// .icon__shield:before { content: $fa-var-shield; }
+// .icon__calendar-o:before { content: $fa-var-calendar-o; }
+// .icon__fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
+// .icon__rocket:before { content: $fa-var-rocket; }
+// .icon__maxcdn:before { content: $fa-var-maxcdn; }
+// .icon__chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
+// .icon__chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
+// .icon__chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
+// .icon__chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
+// .icon__html5:before { content: $fa-var-html5; }
+// .icon__css3:before { content: $fa-var-css3; }
+// .icon__anchor:before { content: $fa-var-anchor; }
+// .icon__unlock-alt:before { content: $fa-var-unlock-alt; }
+// .icon__bullseye:before { content: $fa-var-bullseye; }
+// .icon__ellipsis-h:before { content: $fa-var-ellipsis-h; }
+// .icon__ellipsis-v:before { content: $fa-var-ellipsis-v; }
+// .icon__rss-square:before { content: $fa-var-rss-square; }
+// .icon__play-circle:before { content: $fa-var-play-circle; }
+// .icon__ticket:before { content: $fa-var-ticket; }
+// .icon__minus-square:before { content: $fa-var-minus-square; }
+// .icon__minus-square-o:before { content: $fa-var-minus-square-o; }
+// .icon__level-up:before { content: $fa-var-level-up; }
+// .icon__level-down:before { content: $fa-var-level-down; }
+// .icon__check-square:before { content: $fa-var-check-square; }
+// .icon__pencil-square:before { content: $fa-var-pencil-square; }
+// .icon__external-link-square:before { content: $fa-var-external-link-square; }
+// .icon__share-square:before { content: $fa-var-share-square; }
+// .icon__compass:before { content: $fa-var-compass; }
+// .icon__toggle-down:before,
+// .icon__caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
+// .icon__toggle-up:before,
+// .icon__caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
+// .icon__toggle-right:before,
+// .icon__caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
+// .icon__euro:before,
+// .icon__eur:before { content: $fa-var-eur; }
+// .icon__gbp:before { content: $fa-var-gbp; }
+// .icon__dollar:before,
+// .icon__usd:before { content: $fa-var-usd; }
+// .icon__rupee:before,
+// .icon__inr:before { content: $fa-var-inr; }
+// .icon__cny:before,
+// .icon__rmb:before,
+// .icon__yen:before,
+// .icon__jpy:before { content: $fa-var-jpy; }
+// .icon__ruble:before,
+// .icon__rouble:before,
+// .icon__rub:before { content: $fa-var-rub; }
+// .icon__won:before,
+// .icon__krw:before { content: $fa-var-krw; }
+// .icon__bitcoin:before,
+// .icon__btc:before { content: $fa-var-btc; }
+// .icon__file:before { content: $fa-var-file; }
+// .icon__file-text:before { content: $fa-var-file-text; }
+// .icon__sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
+// .icon__sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
+// .icon__sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
+// .icon__sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
+// .icon__sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
+// .icon__sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
+// .icon__thumbs-up:before { content: $fa-var-thumbs-up; }
+// .icon__thumbs-down:before { content: $fa-var-thumbs-down; }
+// .icon__youtube-square:before { content: $fa-var-youtube-square; }
+// .icon__youtube:before { content: $fa-var-youtube; }
+// .icon__xing:before { content: $fa-var-xing; }
+// .icon__xing-square:before { content: $fa-var-xing-square; }
+// .icon__youtube-play:before { content: $fa-var-youtube-play; }
+// .icon__dropbox:before { content: $fa-var-dropbox; }
+// .icon__stack-overflow:before { content: $fa-var-stack-overflow; }
+// .icon__instagram:before { content: $fa-var-instagram; }
+// .icon__flickr:before { content: $fa-var-flickr; }
+// .icon__adn:before { content: $fa-var-adn; }
+// .icon__bitbucket:before { content: $fa-var-bitbucket; }
+// .icon__bitbucket-square:before { content: $fa-var-bitbucket-square; }
+// .icon__tumblr:before { content: $fa-var-tumblr; }
+// .icon__tumblr-square:before { content: $fa-var-tumblr-square; }
+// .icon__long-arrow-down:before { content: $fa-var-long-arrow-down; }
+// .icon__long-arrow-up:before { content: $fa-var-long-arrow-up; }
+// .icon__long-arrow-left:before { content: $fa-var-long-arrow-left; }
+// .icon__long-arrow-right:before { content: $fa-var-long-arrow-right; }
+// .icon__apple:before { content: $fa-var-apple; }
+// .icon__windows:before { content: $fa-var-windows; }
+// .icon__android:before { content: $fa-var-android; }
+// .icon__linux:before { content: $fa-var-linux; }
+// .icon__dribbble:before { content: $fa-var-dribbble; }
+// .icon__skype:before { content: $fa-var-skype; }
+// .icon__foursquare:before { content: $fa-var-foursquare; }
+// .icon__trello:before { content: $fa-var-trello; }
+// .icon__female:before { content: $fa-var-female; }
+// .icon__male:before { content: $fa-var-male; }
+// .icon__gittip:before,
+// .icon__gratipay:before { content: $fa-var-gratipay; }
+// .icon__sun-o:before { content: $fa-var-sun-o; }
+// .icon__moon-o:before { content: $fa-var-moon-o; }
+// .icon__archive:before { content: $fa-var-archive; }
+// .icon__bug:before { content: $fa-var-bug; }
+// .icon__vk:before { content: $fa-var-vk; }
+// .icon__weibo:before { content: $fa-var-weibo; }
+// .icon__renren:before { content: $fa-var-renren; }
+// .icon__pagelines:before { content: $fa-var-pagelines; }
+// .icon__stack-exchange:before { content: $fa-var-stack-exchange; }
+// .icon__arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
+// .icon__arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
+// .icon__toggle-left:before,
+// .icon__caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
+// .icon__dot-circle-o:before { content: $fa-var-dot-circle-o; }
+// .icon__wheelchair:before { content: $fa-var-wheelchair; }
+// .icon__vimeo-square:before { content: $fa-var-vimeo-square; }
+// .icon__turkish-lira:before,
+// .icon__try:before { content: $fa-var-try; }
+// .icon__plus-square-o:before { content: $fa-var-plus-square-o; }
+// .icon__space-shuttle:before { content: $fa-var-space-shuttle; }
+// .icon__slack:before { content: $fa-var-slack; }
+// .icon__envelope-square:before { content: $fa-var-envelope-square; }
+// .icon__wordpress:before { content: $fa-var-wordpress; }
+// .icon__openid:before { content: $fa-var-openid; }
+// .icon__institution:before,
+// .icon__bank:before,
+// .icon__university:before { content: $fa-var-university; }
+// .icon__mortar-board:before,
+// .icon__graduation-cap:before { content: $fa-var-graduation-cap; }
+// .icon__yahoo:before { content: $fa-var-yahoo; }
+// .icon__google:before { content: $fa-var-google; }
+// .icon__reddit:before { content: $fa-var-reddit; }
+// .icon__reddit-square:before { content: $fa-var-reddit-square; }
+// .icon__stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
+// .icon__stumbleupon:before { content: $fa-var-stumbleupon; }
+// .icon__delicious:before { content: $fa-var-delicious; }
+// .icon__digg:before { content: $fa-var-digg; }
+// .icon__pied-piper:before { content: $fa-var-pied-piper; }
+// .icon__pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
+// .icon__drupal:before { content: $fa-var-drupal; }
+// .icon__joomla:before { content: $fa-var-joomla; }
+// .icon__language:before { content: $fa-var-language; }
+// .icon__fax:before { content: $fa-var-fax; }
+// .icon__building:before { content: $fa-var-building; }
+// .icon__child:before { content: $fa-var-child; }
+// .icon__paw:before { content: $fa-var-paw; }
+// .icon__spoon:before { content: $fa-var-spoon; }
+// .icon__cube:before { content: $fa-var-cube; }
+// .icon__cubes:before { content: $fa-var-cubes; }
+// .icon__behance:before { content: $fa-var-behance; }
+// .icon__behance-square:before { content: $fa-var-behance-square; }
+// .icon__steam:before { content: $fa-var-steam; }
+// .icon__steam-square:before { content: $fa-var-steam-square; }
+// .icon__recycle:before { content: $fa-var-recycle; }
+// .icon__automobile:before,
+// .icon__car:before { content: $fa-var-car; }
+// .icon__cab:before,
+// .icon__taxi:before { content: $fa-var-taxi; }
+// .icon__tree:before { content: $fa-var-tree; }
+// .icon__spotify:before { content: $fa-var-spotify; }
+// .icon__deviantart:before { content: $fa-var-deviantart; }
+// .icon__soundcloud:before { content: $fa-var-soundcloud; }
+// .icon__database:before { content: $fa-var-database; }
+// .icon__file-pdf-o:before { content: $fa-var-file-pdf-o; }
+// .icon__file-word-o:before { content: $fa-var-file-word-o; }
+// .icon__file-excel-o:before { content: $fa-var-file-excel-o; }
+// .icon__file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
+// .icon__file-photo-o:before,
+// .icon__file-picture-o:before,
+// .icon__file-image-o:before { content: $fa-var-file-image-o; }
+// .icon__file-zip-o:before,
+// .icon__file-archive-o:before { content: $fa-var-file-archive-o; }
+// .icon__file-sound-o:before,
+// .icon__file-audio-o:before { content: $fa-var-file-audio-o; }
+// .icon__file-movie-o:before,
+// .icon__file-video-o:before { content: $fa-var-file-video-o; }
+// .icon__file-code-o:before { content: $fa-var-file-code-o; }
+// .icon__vine:before { content: $fa-var-vine; }
+// .icon__codepen:before { content: $fa-var-codepen; }
+// .icon__jsfiddle:before { content: $fa-var-jsfiddle; }
+// .icon__life-bouy:before,
+// .icon__life-buoy:before,
+// .icon__life-saver:before,
+// .icon__support:before,
+// .icon__life-ring:before { content: $fa-var-life-ring; }
+// .icon__circle-o-notch:before { content: $fa-var-circle-o-notch; }
+// .icon__ra:before,
+// .icon__rebel:before { content: $fa-var-rebel; }
+// .icon__ge:before,
+// .icon__empire:before { content: $fa-var-empire; }
+// .icon__git-square:before { content: $fa-var-git-square; }
+// .icon__git:before { content: $fa-var-git; }
+// .icon__y-combinator-square:before,
+// .icon__yc-square:before,
+// .icon__hacker-news:before { content: $fa-var-hacker-news; }
+// .icon__tencent-weibo:before { content: $fa-var-tencent-weibo; }
+// .icon__qq:before { content: $fa-var-qq; }
+// .icon__wechat:before,
+// .icon__weixin:before { content: $fa-var-weixin; }
+// .icon__send:before,
+// .icon__paper-plane:before { content: $fa-var-paper-plane; }
+// .icon__send-o:before,
+// .icon__paper-plane-o:before { content: $fa-var-paper-plane-o; }
+// .icon__history:before { content: $fa-var-history; }
+// .icon__circle-thin:before { content: $fa-var-circle-thin; }
+// .icon__header:before { content: $fa-var-header; }
+// .icon__paragraph:before { content: $fa-var-paragraph; }
+// .icon__sliders:before { content: $fa-var-sliders; }
+// .icon__share-alt:before { content: $fa-var-share-alt; }
+// .icon__share-alt-square:before { content: $fa-var-share-alt-square; }
+// .icon__bomb:before { content: $fa-var-bomb; }
+// .icon__soccer-ball-o:before,
+// .icon__futbol-o:before { content: $fa-var-futbol-o; }
+// .icon__tty:before { content: $fa-var-tty; }
+// .icon__binoculars:before { content: $fa-var-binoculars; }
+// .icon__plug:before { content: $fa-var-plug; }
+// .icon__slideshare:before { content: $fa-var-slideshare; }
+// .icon__twitch:before { content: $fa-var-twitch; }
+// .icon__yelp:before { content: $fa-var-yelp; }
+// .icon__newspaper-o:before { content: $fa-var-newspaper-o; }
+// .icon__wifi:before { content: $fa-var-wifi; }
+// .icon__calculator:before { content: $fa-var-calculator; }
+// .icon__paypal:before { content: $fa-var-paypal; }
+// .icon__google-wallet:before { content: $fa-var-google-wallet; }
+// .icon__cc-visa:before { content: $fa-var-cc-visa; }
+// .icon__cc-mastercard:before { content: $fa-var-cc-mastercard; }
+// .icon__cc-discover:before { content: $fa-var-cc-discover; }
+// .icon__cc-amex:before { content: $fa-var-cc-amex; }
+// .icon__cc-paypal:before { content: $fa-var-cc-paypal; }
+// .icon__cc-stripe:before { content: $fa-var-cc-stripe; }
+// .icon__bell-slash:before { content: $fa-var-bell-slash; }
+// .icon__bell-slash-o:before { content: $fa-var-bell-slash-o; }
+// .icon__trash:before { content: $fa-var-trash; }
+// .icon__copyright:before { content: $fa-var-copyright; }
+// .icon__at:before { content: $fa-var-at; }
+// .icon__eyedropper:before { content: $fa-var-eyedropper; }
+// .icon__paint-brush:before { content: $fa-var-paint-brush; }
+// .icon__birthday-cake:before { content: $fa-var-birthday-cake; }
+// .icon__area-chart:before { content: $fa-var-area-chart; }
+// .icon__pie-chart:before { content: $fa-var-pie-chart; }
+// .icon__line-chart:before { content: $fa-var-line-chart; }
+// .icon__lastfm:before { content: $fa-var-lastfm; }
+// .icon__lastfm-square:before { content: $fa-var-lastfm-square; }
+// .icon__toggle-off:before { content: $fa-var-toggle-off; }
+// .icon__toggle-on:before { content: $fa-var-toggle-on; }
+// .icon__bicycle:before { content: $fa-var-bicycle; }
+// .icon__bus:before { content: $fa-var-bus; }
+// .icon__ioxhost:before { content: $fa-var-ioxhost; }
+// .icon__angellist:before { content: $fa-var-angellist; }
+// .icon__cc:before { content: $fa-var-cc; }
+// .icon__shekel:before,
+// .icon__sheqel:before,
+// .icon__ils:before { content: $fa-var-ils; }
+// .icon__meanpath:before { content: $fa-var-meanpath; }
+// .icon__buysellads:before { content: $fa-var-buysellads; }
+// .icon__connectdevelop:before { content: $fa-var-connectdevelop; }
+// .icon__dashcube:before { content: $fa-var-dashcube; }
+// .icon__forumbee:before { content: $fa-var-forumbee; }
+// .icon__leanpub:before { content: $fa-var-leanpub; }
+// .icon__sellsy:before { content: $fa-var-sellsy; }
+// .icon__shirtsinbulk:before { content: $fa-var-shirtsinbulk; }
+// .icon__simplybuilt:before { content: $fa-var-simplybuilt; }
+// .icon__skyatlas:before { content: $fa-var-skyatlas; }
+// .icon__cart-plus:before { content: $fa-var-cart-plus; }
+// .icon__cart-arrow-down:before { content: $fa-var-cart-arrow-down; }
+// .icon__diamond:before { content: $fa-var-diamond; }
+// .icon__ship:before { content: $fa-var-ship; }
+// .icon__user-secret:before { content: $fa-var-user-secret; }
+// .icon__motorcycle:before { content: $fa-var-motorcycle; }
+// .icon__street-view:before { content: $fa-var-street-view; }
+// .icon__heartbeat:before { content: $fa-var-heartbeat; }
+// .icon__venus:before { content: $fa-var-venus; }
+// .icon__mars:before { content: $fa-var-mars; }
+// .icon__mercury:before { content: $fa-var-mercury; }
+// .icon__intersex:before,
+// .icon__transgender:before { content: $fa-var-transgender; }
+// .icon__transgender-alt:before { content: $fa-var-transgender-alt; }
+// .icon__venus-double:before { content: $fa-var-venus-double; }
+// .icon__mars-double:before { content: $fa-var-mars-double; }
+// .icon__venus-mars:before { content: $fa-var-venus-mars; }
+// .icon__mars-stroke:before { content: $fa-var-mars-stroke; }
+// .icon__mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
+// .icon__mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
+// .icon__neuter:before { content: $fa-var-neuter; }
+// .icon__genderless:before { content: $fa-var-genderless; }
+// .icon__facebook-official:before { content: $fa-var-facebook-official; }
+// .icon__pinterest-p:before { content: $fa-var-pinterest-p; }
+// .icon__whatsapp:before { content: $fa-var-whatsapp; }
+// .icon__server:before { content: $fa-var-server; }
+// .icon__user-plus:before { content: $fa-var-user-plus; }
+// .icon__user-times:before { content: $fa-var-user-times; }
+// .icon__hotel:before,
+// .icon__bed:before { content: $fa-var-bed; }
+// .icon__viacoin:before { content: $fa-var-viacoin; }
+// .icon__train:before { content: $fa-var-train; }
+// .icon__subway:before { content: $fa-var-subway; }
+// .icon__medium:before { content: $fa-var-medium; }
+// .icon__yc:before,
+// .icon__y-combinator:before { content: $fa-var-y-combinator; }
+// .icon__optin-monster:before { content: $fa-var-optin-monster; }
+// .icon__opencart:before { content: $fa-var-opencart; }
+// .icon__expeditedssl:before { content: $fa-var-expeditedssl; }
+// .icon__battery-4:before,
+// .icon__battery-full:before { content: $fa-var-battery-full; }
+// .icon__battery-3:before,
+// .icon__battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
+// .icon__battery-2:before,
+// .icon__battery-half:before { content: $fa-var-battery-half; }
+// .icon__battery-1:before,
+// .icon__battery-quarter:before { content: $fa-var-battery-quarter; }
+// .icon__battery-0:before,
+// .icon__battery-empty:before { content: $fa-var-battery-empty; }
+// .icon__mouse-pointer:before { content: $fa-var-mouse-pointer; }
+// .icon__i-cursor:before { content: $fa-var-i-cursor; }
+// .icon__object-group:before { content: $fa-var-object-group; }
+// .icon__object-ungroup:before { content: $fa-var-object-ungroup; }
+// .icon__sticky-note:before { content: $fa-var-sticky-note; }
+// .icon__sticky-note-o:before { content: $fa-var-sticky-note-o; }
+// .icon__cc-jcb:before { content: $fa-var-cc-jcb; }
+// .icon__cc-diners-club:before { content: $fa-var-cc-diners-club; }
+// .icon__clone:before { content: $fa-var-clone; }
+// .icon__balance-scale:before { content: $fa-var-balance-scale; }
+// .icon__hourglass-o:before { content: $fa-var-hourglass-o; }
+// .icon__hourglass-1:before,
+// .icon__hourglass-start:before { content: $fa-var-hourglass-start; }
+// .icon__hourglass-2:before,
+// .icon__hourglass-half:before { content: $fa-var-hourglass-half; }
+// .icon__hourglass-3:before,
+// .icon__hourglass-end:before { content: $fa-var-hourglass-end; }
+// .icon__hourglass:before { content: $fa-var-hourglass; }
+// .icon__hand-grab-o:before,
+// .icon__hand-rock-o:before { content: $fa-var-hand-rock-o; }
+// .icon__hand-stop-o:before,
+// .icon__hand-paper-o:before { content: $fa-var-hand-paper-o; }
+// .icon__hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
+// .icon__hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
+// .icon__hand-spock-o:before { content: $fa-var-hand-spock-o; }
+// .icon__hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
+// .icon__hand-peace-o:before { content: $fa-var-hand-peace-o; }
+// .icon__trademark:before { content: $fa-var-trademark; }
+// .icon__registered:before { content: $fa-var-registered; }
+// .icon__creative-commons:before { content: $fa-var-creative-commons; }
+// .icon__gg:before { content: $fa-var-gg; }
+// .icon__gg-circle:before { content: $fa-var-gg-circle; }
+// .icon__tripadvisor:before { content: $fa-var-tripadvisor; }
+// .icon__odnoklassniki:before { content: $fa-var-odnoklassniki; }
+// .icon__odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
+// .icon__get-pocket:before { content: $fa-var-get-pocket; }
+// .icon__wikipedia-w:before { content: $fa-var-wikipedia-w; }
+// .icon__safari:before { content: $fa-var-safari; }
+// .icon__chrome:before { content: $fa-var-chrome; }
+// .icon__firefox:before { content: $fa-var-firefox; }
+// .icon__opera:before { content: $fa-var-opera; }
+// .icon__internet-explorer:before { content: $fa-var-internet-explorer; }
+// .icon__tv:before,
+// .icon__television:before { content: $fa-var-television; }
+// .icon__contao:before { content: $fa-var-contao; }
+// .icon__500px:before { content: $fa-var-500px; }
+// .icon__amazon:before { content: $fa-var-amazon; }
+// .icon__calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
+// .icon__calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
+// .icon__calendar-times-o:before { content: $fa-var-calendar-times-o; }
+// .icon__calendar-check-o:before { content: $fa-var-calendar-check-o; }
+// .icon__industry:before { content: $fa-var-industry; }
+// .icon__map-pin:before { content: $fa-var-map-pin; }
+// .icon__map-signs:before { content: $fa-var-map-signs; }
+// .icon__map-o:before { content: $fa-var-map-o; }
+// .icon__map:before { content: $fa-var-map; }
+// .icon__commenting:before { content: $fa-var-commenting; }
+// .icon__commenting-o:before { content: $fa-var-commenting-o; }
+// .icon__houzz:before { content: $fa-var-houzz; }
+// .icon__vimeo:before { content: $fa-var-vimeo; }
+// .icon__black-tie:before { content: $fa-var-black-tie; }
+// .icon__fonticons:before { content: $fa-var-fonticons; }
+// .icon__reddit-alien:before { content: $fa-var-reddit-alien; }
+// .icon__edge:before { content: $fa-var-edge; }
+// .icon__credit-card-alt:before { content: $fa-var-credit-card-alt; }
+// .icon__codiepie:before { content: $fa-var-codiepie; }
+// .icon__modx:before { content: $fa-var-modx; }
+// .icon__fort-awesome:before { content: $fa-var-fort-awesome; }
+// .icon__usb:before { content: $fa-var-usb; }
+// .icon__product-hunt:before { content: $fa-var-product-hunt; }
+// .icon__mixcloud:before { content: $fa-var-mixcloud; }
+// .icon__scribd:before { content: $fa-var-scribd; }
+// .icon__pause-circle:before { content: $fa-var-pause-circle; }
+// .icon__pause-circle-o:before { content: $fa-var-pause-circle-o; }
+// .icon__stop-circle:before { content: $fa-var-stop-circle; }
+// .icon__stop-circle-o:before { content: $fa-var-stop-circle-o; }
+// .icon__shopping-bag:before { content: $fa-var-shopping-bag; }
+// .icon__shopping-basket:before { content: $fa-var-shopping-basket; }
+// .icon__hashtag:before { content: $fa-var-hashtag; }
+// .icon__bluetooth:before { content: $fa-var-bluetooth; }
+// .icon__bluetooth-b:before { content: $fa-var-bluetooth-b; }
+// .icon__percent:before { content: $fa-var-percent; }
\ No newline at end of file
index cf99c11e67c161e4b783f5355116c7d0a40cda6a..7325043e82f3b23857a0dfd36d142c6e853b654d 100755 (executable)
@@ -11,4 +11,8 @@
 .pager__item--after {
   display: block;
   text-transform: uppercase;
+}
+
+.formContent {
+    background: #000;
 }
\ No newline at end of file
index 16051432cd3ba66961e3fbceb43565ce3831a8d8..803ab3a0e7e412835bb09d912e26d6b1ce61caf1 100644 (file)
 {% block event_detail_postedby %}
 {% editable event.start event.end event.location %}
 <div class="event__meta">
-        <div class="event__meta__inner split-container">
-            <div class="split-left">
-                {{ event.start }}
-                {% if event.end %}
-                <br>
-                {% if event.end|date == event.start|date %}{{ event.end|time:"TIME_FORMAT" }}{% else %}{{ event.end }}{% endif %}
-                {% endif %}
-                {% if event.location %}
-                <a href="{% url "event_list_location" event.location.slug %}" class="event__meta__location">{{ event.location }}</a>
-            </div>
-            <div class="split-right">
-                <a href="{{ event.get_absolute_url }}" class="event__meta__cta">Réserver</a>
-            </div>
-        </div>
+    <div class="event__meta__inner">
+        {{ event.start }}
+        {% if event.end %}
+        <br>
+        {% if event.end|date == event.start|date %}{{ event.end|time:"TIME_FORMAT" }}{% else %}{{ event.end }}{% endif %}
+        {% endif %}
+        {% if event.location %}
+        <a href="{% url "event_list_location" event.location.slug %}" class="event__meta__location">{{ event.location }}</a>
+    </div>
     {% endif %}
 </div>
+<a href="{{ event.get_absolute_url }}" class="btn event__meta__btn">
+    <i class="icon icon__bookmark"></i> Réserver
+</a>
 {% endeditable %}
 {% endblock %}
 {% block event_detail_commentlink %}
@@ -89,7 +87,7 @@
 {% if event.location %}
 {% block event_detail_location %}
 {% editable event.location %}
-<div class="event__card">
+<div class="event__card--full">
     <p>
         {{ event.location.address|linebreaksbr }}<br />
         <a href="{{ event|google_nav_url }}" target="_blank" class="">
index 8460bfedff4864e65da5fdfff0156d5ad9e31eaa..dd1f989927c836be1cba940a7dc81793a8bf23b1 100644 (file)
     {% block event_list_event_title %}
         {% editable event.title %}
         <div class="event__card">
+            {% if event.featured_image %}
+                {% block event_list_event_featured_image %}
+                    <a href="{{ event.get_absolute_url }}" class="event__thumbnail">
+                        <img src="{{ MEDIA_URL }}{% thumbnail event.featured_image 500 500 %}">
+                    </a>
+                {% endblock %}
+            {% endif %}
             <h3 class="event__name">
                 <a href="{{ event.get_absolute_url }}">{{ event.title }}</a>
             </h3>
         {% endfor %}
     {% endblock %}
 
-    {% if event.featured_image %}
-        {% block event_list_event_featured_image %}
-            <a href="{{ event.get_absolute_url }}" class="event__thumbnail">
-                <img src="{{ MEDIA_URL }}{% thumbnail event.featured_image 90 90 %}">
-            </a>
-        {% endblock %}
-    {% endif %}
-
     {% block event_list_event_content %}
         {% editable event.content %}
+            <!--
             <div class="event__description">
                 {{ event.description_from_content|safe }}
                 <a href="{{ event.get_absolute_url }}" class="event__meta__cta">{% trans "read more" %}</a>
             </div>
+            -->
         {% endeditable %}
     {% endblock %}
 
+    <a href="{{ event.get_absolute_url }}" class="btn btn-full">
+        <i class="icon icon__bookmark"></i> Réserver
+    </a>
+
 {% block event_list_event_links %}
 <div class="event__detail">
     {% keywords_for event as tags %}
index d995e08ceff16032dbd1bf3c230505890ba14a85..312be9428dc45f38a8ed77dba76802ee52363f85 100644 (file)
@@ -1,20 +1,15 @@
 {% load i18n mezzanine_tags event_tags %}
 {% editable event.start event.end event.location %}
 <div class="event__meta">
-        <div class="event__meta__inner split-container">
-            <div class="split-left">
-                {{ event.start }}
-                {% if event.end %}
-                <br>
-                {% if event.end|date == event.start|date %}{{ event.end|time:"TIME_FORMAT" }}{% else %}{{ event.end }}{% endif %}
-                {% endif %}
-                {% if event.location %}
-                <a href="{% url "event_list_location" event.location.slug %}" class="event__meta__location">{{ event.location }}</a>
-                {% endif %}
-            </div>
-            <div class="split-right">
-                <a href="{{ event.get_absolute_url }}" class="event__meta__cta">Réserver</a>
-            </div>
-        </div>
+    <div class="event__meta__inner">
+        {{ event.start }}
+        {% if event.end %}
+        <br>
+        {% if event.end|date == event.start|date %}{{ event.end|time:"TIME_FORMAT" }}{% else %}{{ event.end }}{% endif %}
+        {% endif %}
+        {% if event.location %}
+        <a href="{% url "event_list_location" event.location.slug %}" class="event__meta__location">{{ event.location }}</a>
+        {% endif %}
+    </div>
 </div>
 {% endeditable %}
index 0206355d2ac50b698e34e5d9709c2cebecfa7dfc..bf5e1603612a1263071370a1eb8a4b25f4ad770d 100644 (file)
                 <ul class="nav__complementary__list">
                     <li class="nav__complementary__item--facebook">
                         <a href="https://www.facebook.com/iIRCAM" class="btn-icon--facebook" target="_blank">
-                            FB
+                            <i class="icon icon__facebook-f"></i>
                         </a>
                     </li>
                     <li class="nav__complementary__item--twitter">
                         <a href="https://twitter.com/ircam" class="btn-icon--twitter" target="_blank">
-                            TW
+                            <i class="icon icon__twitter"></i>
                         </a>
                     </li>
                     {% if settings.USE_MODELTRANSLATION and languages|length > 1 %}