Created
December 5, 2016 19:49
-
-
Save ckk-scratch/fcf3033af01042237de153a2269b4bdb to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#event-list-index-wrapper { | |
margin-top: 25px; | |
.view-types { | |
font-size: 20px; | |
position: relative; | |
text-align: left; | |
float: left; | |
width: 100%; | |
padding: 10px; | |
margin-top: 25px; | |
padding-right: 25px; | |
.fa { | |
color: #000; | |
padding: 6px; | |
} | |
.active { | |
text-shadow: -2px 0px 10px #fff; | |
} | |
} | |
#events-list-index-table { | |
font-size: 13px; | |
} | |
} | |
.event { | |
height: auto; | |
padding-top: 10px; | |
background: rgba(0, 0, 0, 0.05); | |
padding-left: 10px; | |
width: 100%; | |
float: left; | |
margin-bottom: 5px !important; | |
padding-bottom: 10px; | |
&:hover { | |
background: rgba(0, 0, 0, 0.075); | |
} | |
} | |
#events-index-wrapper { | |
height: 100%; | |
padding-top: 1%; | |
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | |
.view-types { | |
font-size: 20px; | |
position: relative; | |
float: left; | |
width: 100%; | |
padding: 10px; | |
.fa { | |
color: #fff; | |
padding: 6px; | |
} | |
.active { | |
text-shadow: -2px 0px 10px #000; | |
} | |
} | |
.calendar-title { | |
.pull-left, .pull-right { | |
font-size: 22px; | |
color: #ffffff; | |
} | |
} | |
.simple-calendar { | |
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | |
font-weight: 300; | |
.calendar-heading { | |
font-size: 30px; | |
a:hover, a:active { | |
opacity: 0.75; | |
text-decoration: none; | |
} | |
.fa { | |
color: #fff; | |
margin-right: 10px; | |
margin-left: 10px; | |
} | |
} | |
.calendar-table { | |
padding-top: 17%; | |
} | |
th { | |
text-transform: uppercase; | |
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | |
font-weight: 300; | |
font-size: 18px; | |
color: #ffffff; | |
text-align: center; | |
} | |
td { | |
padding-top: 9px; | |
font-size: 20px; | |
text-align: center; | |
color: #fff; | |
&:hover { | |
} | |
} | |
.day { | |
padding: 13px !important; | |
} | |
.has-events, .has-events a { | |
background: rgba(0, 0, 0, 0.15); | |
border-radius: 10px; | |
color: #000; | |
cursor: pointer; | |
} | |
.has-events:hover, .has-events a:hover { | |
text-decoration: none; | |
opacity: 0.5; | |
} | |
.today { | |
background-color: rgba(0,0,0,0.5); | |
border-radius: 10px; | |
color: #fff; | |
a { | |
color: #fff; | |
} | |
} | |
.active-date, .has-events:hover { | |
background: rgba(0,0,0,0.5); | |
border-radius: 10px; | |
color: #fff; | |
a { | |
color: #fff; | |
} | |
} | |
} | |
} | |
/* show page view */ | |
#event-show-wrapper { | |
.event-item { | |
font-size: 16px; | |
line-height: 20px; | |
strong { | |
font-size: 17px; | |
margin-right: 5px; | |
} | |
} | |
.talent-block { | |
margin-bottom: 10px; | |
float: left; | |
position: relative; | |
} | |
#event-show-nav { | |
margin-bottom: 25px; | |
.pull-left { | |
margin-left: 15px; | |
} | |
.pull-right { | |
margin-right: 15px; | |
} | |
.fa, .glyphicon { | |
margin: 5px; | |
font-size: 16px; | |
bottom: 10px; | |
} | |
} | |
.event-title { | |
border-bottom: 1px solid rgba(0,0,0,0.1); | |
line-height: 40px; | |
margin-bottom: 20px; | |
font-size: 22px; | |
text-transform: uppercase; | |
letter-spacing: 1px; | |
} | |
.event-item { | |
margin-bottom: 10px; | |
i { | |
font-size: 15px; | |
} | |
span { | |
font-weight: bold; | |
margin-right: 6px; | |
} | |
} | |
} | |
#venue-map-wrapper { | |
float: left; | |
iframe { | |
width: 100%; | |
margin-bottom: 30px; | |
} | |
} | |
/* calendar view */ | |
#events-show-wrapper { | |
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | |
font-weight: 300; | |
.day-agenda { | |
font-size: 25px; | |
color: #4a4a4a; | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.day-event { | |
margin-top: 5px; | |
margin-bottom: 10px; | |
border-radius: 17px; | |
background-color: whitesmoke; | |
position: relative; | |
float: left; | |
border: 1px solid rgba(0,0,0,0.1); | |
width: 100%; | |
padding: 20px; | |
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | |
font-weight: 300; | |
.event-copy-wrapper { | |
position: relative; | |
float: left; | |
width: 100%; | |
} | |
.event-title-header { | |
font-size: 17px; | |
color: #000; | |
float: left; | |
font-weight: 900; | |
margin-right: 10px; | |
} | |
.event-copy { | |
font-size: 16px; | |
color: rgba(0,0,0,0.85); | |
text-decoration: none !important; | |
} | |
} | |
.wedding { | |
background-color: #1c9ed9; | |
} | |
} | |
/*Client Facing Page Re-Design ^ */ | |
#events .calendar { | |
border-collapse: collapse; | |
width: 100%; | |
td, th { | |
font-family: "Lucida Grande", arial, helvetica, sans-serif; | |
font-size: 12px; | |
padding: 6px; | |
border: 1px solid #999; | |
} | |
th { | |
background: #DDD; | |
color: #666; | |
text-align: center; | |
width: 14.2857142857143%; | |
} | |
td { | |
background: #FFF; | |
color: #777; | |
height: 80px; | |
font-size: 16px; | |
} | |
.notmonth, .notmonth a { color: #CCC; } | |
.today { background-color: #D7F2FF; } | |
} | |
#events #month { | |
margin: 0; | |
padding-bottom: 10px; | |
text-align: center; | |
font-size: 22px; | |
a { | |
text-decoration: none; | |
padding: 0 10px; | |
color: #999; | |
} | |
} | |
$white: #fff !default; | |
$greydark: #333; | |
$bluelight: #1BB2E0; | |
$bluelighter: #9ED3FF; | |
$bluedark: #2F1BE0; | |
$greenlight: #1BE06D; | |
$greendark: #13AD53; | |
$greenlighter: #9EFFD2; | |
#events ul { | |
font-size: 11px; | |
list-style: none; | |
.blackout { | |
color: $white; | |
background-color: $greydark; | |
} | |
.booked { | |
color: $white; | |
background-color: $bluedark; | |
&.corporate { | |
background-color: $greendark; | |
} | |
} | |
.recommended { | |
color: $white; | |
background-color: $bluelight; | |
&.corporate { | |
background-color: $greenlight; | |
} | |
} | |
.tentative { | |
color: $greydark; | |
background-color: $bluelighter; | |
&.corporate { | |
background-color: $greenlighter; | |
} | |
} | |
} | |
.update_time { | |
font-weight: bold; | |
} | |
.event_row { | |
&:hover { | |
background-color:#eee; | |
cursor:pointer; | |
} | |
} | |
.wedding_event_row { | |
color: $bluedark; | |
} | |
.corporate_event_row { | |
color: $greendark; | |
} | |
.event-type-selector { | |
min-width: 80px; | |
} | |
.event-date-range-selector { | |
width: 20% !important; | |
} | |
.event-search-field { | |
width: 80% !important; | |
} | |
.event-no-talent-pay { | |
color: red; | |
} | |
.active-title { | |
font-weight: bold; | |
} | |
@media only screen and (max-width: 991px){ | |
.event-title { | |
padding-top: 10px; | |
margin-bottom: 10px; | |
border-top: 1px solid rgba(0, 0, 0, 0.1); | |
border-bottom: none !important; | |
} | |
#event-show-nav { | |
position: relative; | |
float: left; | |
width: 100%; | |
} | |
} | |
@media only screen and (max-width: 700px){ | |
#view-type-buttons { | |
margin: 30px 0 30px 0; | |
width: 100%; | |
} | |
#events-index-wrapper .calendar-title .pull-left, .calendar-title { | |
font-size: 19px; | |
} | |
#events-index-wrapper .simple-calendar .calendar-heading { | |
font-size: 24px; | |
} | |
.event-counter { | |
display: none; | |
} | |
#event-list-index-wrapper, #view-type-buttons .btn { | |
width: 100%; | |
margin-bottom: 3px; | |
} | |
.input-group-btn { | |
line-height: 30px; | |
} | |
.day-event { | |
.btn-blue { | |
position: relative; | |
float: left !important; | |
margin-top: 10px; | |
} | |
} | |
.event-search-field { | |
width: 95% !important; | |
margin: 5px; | |
} | |
.event-date-range-selector { | |
width: 95% !important; | |
margin: 5px; | |
} | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment