diff --git a/assets/sass/pages/_music.sass b/assets/sass/pages/_music.sass index 6372473..9f5d4c7 100755 --- a/assets/sass/pages/_music.sass +++ b/assets/sass/pages/_music.sass @@ -1,14 +1,12 @@ #music-header text-align: center - + h1 color: white font: size: 34px weight: bold -//#music-player-card - #music-list-section .music-list position: relative @@ -47,3 +45,11 @@ color: $text-color text-decoration: none +transition(color, 200ms) + +.mejs-container + width: 100% + +.mejs-container, +.mejs-mediaelement, +.mejs-controls + background: transparent diff --git a/public/css/main.css b/public/css/main.css index 9ee5717..bb40173 100755 --- a/public/css/main.css +++ b/public/css/main.css @@ -1 +1,706 @@ -/*! normalize.sass v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;text-transform:none}select{text-transform:none}button,html input[type="button"]{-webkit-appearance:button;cursor:pointer}input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input::-moz-focus-inner{border:0;padding:0}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(//themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")}*{margin:0px;padding:0px;font-family:"Open Sans",sans-serif;font-size:14px}html{width:100%;height:-webkit-calc(100% - 200px);height:calc(100% - 200px)}body{height:auto;width:100%;height:100%}#wrapper{height:auto;width:100%;min-height:100%;margin-bottom:200px;padding-bottom:50px;background:url(/img/bg2.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}#header{display:block;padding:-10px 0;text-align:center}.shadow-0{border:1px solid #eee}.shadow-1{box-shadow:0 2px 10px 0 rgba(0,0,0,0.16),0 2px 5px 0 rgba(0,0,0,0.26)}.shadow-2{box-shadow:0 6px 20px 0 rgba(0,0,0,0.19),0 8px 17px 0 rgba(0,0,0,0.2)}.shadow-3{box-shadow:0 17px 50px 0 rgba(0,0,0,0.19),0 12px 15px 0 rgba(0,0,0,0.24)}.shadow-4{box-shadow:0 25px 55px 0 rgba(0,0,0,0.21),0 16px 28px 0 rgba(0,0,0,0.22)}.shadow-5{box-shadow:0 40px 77px 0 rgba(0,0,0,0.22),0 27px 24px 0 rgba(0,0,0,0.2)}#header .band-logo{width:100%;max-width:600px}#nav{margin-bottom:20px}#nav .navbar-nav{display:inline-block}#nav .navbar-nav{float:none}#nav .navbar-collapse,#nav .navbar-header{text-align:center}#nav ul{list-style:none;text-align:center}#nav ul .nav_item{display:inline-block;background:none;border:none;border-bottom:3px solid rgba(229,20,0,0);border-radius:none;-webkit-transition:border-color,200ms;-moz-transition:border-color,200ms;transition:border-color,200ms}#nav ul .nav_item a{display:block;height:100%;width:100%;padding:5px 14px;text-decoration:none;color:#fff;font-size:32px;font-weight:600;-webkit-transition:color,200ms;-moz-transition:color,200ms;transition:color,200ms}#nav ul .nav_item:hover{background-color:transparent;border-color:#e51400}#nav ul .nav_item:hover a{background-color:transparent;color:#e51400}#nav #navbar-collapse-button.navbar-toggle{float:none;margin:0;color:#e51400;font-size:32px;-webkit-transition:color,200ms;-moz-transition:color,200ms;transition:color,200ms}#nav #navbar-collapse-button.navbar-toggle:hover,#nav #navbar-collapse-button.navbar-toggle:active{background-color:transparent}#nav #navbar-collapse-button.navbar-toggle.collapsed{color:#fff}#nav #navbar-collapse-button.navbar-toggle.collapsed:hover{color:#e51400}@media (max-width: 767px){#nav .navbar-collapse{background:#212121;border-radius:5px;border:1px solid #212121;box-shadow:inset 0 0 6px #212121}#nav ul .nav_item{display:block;padding:5px}}#footer{position:fixed;bottom:0;left:0;width:100%;background:#fff;margin:0;padding:10px 15px;z-index:-9999999}#footer .column-info{text-align:center}#footer .column-info p{font-size:18px;font-weight:bold;text-decoration:underline}#footer .column-info ul{list-style:none}#footer .column-info ul a{text-decoration:none;color:#212121;-webkit-transition:all,200ms;-moz-transition:all,200ms;transition:all,200ms}#footer .column-info ul a:hover{color:#e51400}#footer .copyright p{color:#212121;text-align:center}#footer .copyright hr{border-color:#bbb}#footer .mailing-list p{color:#212121}.card{display:block;height:auto;margin-bottom:15px;padding:15px 10px;background:#fff}.card.hover-box{-webkit-transition:box-shadow,200ms;-moz-transition:box-shadow,200ms;transition:box-shadow,200ms}.card.hover-box:hover{box-shadow:0 6px 20px 0 rgba(0,0,0,0.19),0 8px 17px 0 rgba(0,0,0,0.2)}.card .underline{text-decoration:underline}.card input[type=text]{background:none;border:none;outline:none}.card .input-group{position:relative;display:block;width:100%;margin:20px auto 10px}.card .input-group input{display:inline-block;width:100%;padding:10px 0;border-bottom:solid 2px #e51400;color:#191919;font-size:16px}.card .input-group input:focus,.card .input-group input:active{outline:none}.card .input-group label{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-style:italic;font-size:16px;color:#999;pointer-events:none;-webkit-transition:all,200ms ease-out 0s;-moz-transition:all,200ms ease-out 0s;transition:all,200ms ease-out 0s}.card .input-group input:focus+label,.card .input-group input.has-value+label{top:-5px;font-size:12px;color:#e51400}.full-width{width:100%}#about-header{margin-bottom:25px;padding-bottom:15px;background:#fff}#about-header img{position:absolute;top:0;left:0;height:480px;width:100%}#about-header .about-band{margin-top:405px}#about-header h2{margin-bottom:20px;color:#fff}#about-header p{color:#212121}#about-content section a{display:block;position:absolute;top:0;left:15px;width:-webkit-calc(100% - 30px);width:calc(100% - 30px);height:-webkit-calc(100% - 20px);height:calc(100% - 20px);border-radius:5px;text-decoration:none;-webkit-transition:all,300ms ease-in;-moz-transition:all,300ms ease-in;transition:all,300ms ease-in}#about-content section h3,#about-content section h4,#about-content section p{color:#212121}#about-content section:hover a{background:rgba(0,0,0,0.15)}#about-content section hr{border-color:#bbb}#contact-header{margin-top:-20px;text-align:center}#contact-header h1{color:#fff;font-size:34px;font-weight:bold}#contact-info .card{max-width:680px;margin-top:15px;padding-top:20px;padding-bottom:20px;background:#f0f0f0}#contact-info .card hr{border-color:#666}#contact-info .card a,#contact-info .card p,#contact-info .card h3{text-align:center;font-size:20px}#contact-info .card p{padding:5px;color:#212121}#contact-info .card a{color:darkred;text-decoration:none;-webkit-transition:color 200ms ease-in-out;-moz-transition:color 200ms ease-in-out;transition:color 200ms ease-in-out}#contact-info .card a:hover{color:red}#contact-info .card h3{margin-bottom:15px}#featured{height:auto;margin:0 auto 20px;padding:5px;background:none}#featured .hover-box{-webkit-transition:all,200ms;-moz-transition:all,200ms;transition:all,200ms}#featured .hover-box:hover{box-shadow:0 6px 20px 0 rgba(0,0,0,0.19),0 8px 17px 0 rgba(0,0,0,0.2)}#featured div{margin-bottom:25px}#featured div a{display:block;width:100%;margin-left:auto;margin-right:auto}#featured div img{width:100%}#wrapper-home{display:block;min-height:300px;padding:0}#wrapper-home .content{margin:0;padding:0}#wrapper-home .actions #mailing-list p{margin-bottom:7px;text-align:center}#music-header{text-align:center}#music-header h1{color:#fff;font-size:34px;font-weight:bold}#music-list-section .music-list{position:relative;-webkit-transition:background,200ms;-moz-transition:background,200ms;transition:background,200ms}#music-list-section .music-list:hover{cursor:pointer;background:#f0f0f0}#music-list-section .music-list-header{margin:10px 0}.now-playing-list,.music-list ol{margin-left:15px;margin-right:15px;color:#212121}.now-playing-list li,.music-list ol li{-webkit-transition:background,200ms;-moz-transition:background,200ms;transition:background,200ms}.now-playing-list li:hover,.music-list ol li:hover{background:#f0f0f0}.now-playing-list li:hover a,.music-list ol li:hover a{color:#e51400}.now-playing-list li.selected,.music-list ol li.selected{background:#e0e0e0}.now-playing-list li,.now-playing-list a,.music-list ol li,.music-list ol a{display:block;height:100%;width:100%;padding:8px 5px;color:#212121;text-decoration:none;-webkit-transition:color,200ms;-moz-transition:color,200ms;transition:color,200ms}.shows-header{margin-top:-20px;margin-bottom:20px;text-align:center}.shows-header h3{color:#fff;font-size:26px;font-weight:bold}#shows-table{margin-top:20px}#shows-table tr{border-bottom:1px solid rgba(153,153,153,0.4)}#shows-table tr:last-child{border-bottom:none}#shows-table tr td{vertical-align:middle;border:none}#shows-table tr td p,#shows-table tr td a{font-size:18px;color:#fff}#shows-table tr td a{font-weight:600;text-decoration:underline;-webkit-transition:all,200ms ease-in;-moz-transition:all,200ms ease-in;transition:all,200ms ease-in}#shows-table tr td a:hover{color:#e51400} +/*! normalize.sass v3.0.2 | MIT License | git.io/normalize */ +/* Compiled to sass by Greg from Field Protocol */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. */ +body { + margin: 0; } + +/* HTML5 display definitions + * ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. */ +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { + display: block; } + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ +audio, canvas, progress, video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ +[hidden], template { + display: none; } + +/* Links + * ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. */ +a { + background-color: transparent; } + a:active, a:hover { + outline: 0; } + +/** + * Improve readability when focused and also mouse hovered in all browsers. */ +/* Text-level semantics + * ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ +abbr[title] { + border-bottom: 1px dotted; } + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ +b, strong { + font-weight: bold; } + +/** + * Address styling not present in Safari and Chrome. */ +dfn { + font-style: italic; } + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/** + * Address styling not present in IE 8/9. */ +mark { + background: #ff0; + color: #000; } + +/** + * Address inconsistent and variable font size in all browsers. */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ +sub { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/* Embedded content + * ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. */ +img { + border: 0; } + +/** + * Correct overflow not hidden in IE 9/10/11. */ +svg:not(:root) { + overflow: hidden; } + +/* Grouping content + * ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. */ +figure { + margin: 1em 40px; } + +/** + * Address differences between Firefox and other browsers. */ +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; } + +/** + * Contain overflow in all browsers. */ +pre { + overflow: auto; } + +/** + * Address odd `em`-unit font size rendering in all browsers. */ +code, kbd, pre, samp { + font-family: monospace, monospace; + font-size: 1em; } + +/* Forms + * ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ +button, input, optgroup, select, textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ } + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. */ +button { + overflow: visible; + text-transform: none; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. */ +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. */ +button, html input[type="button"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +input[type="reset"], input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +/** + * Re-set default cursor for disabled elements. */ +button[disabled], html input[disabled] { + cursor: default; } + +/** + * Remove inner padding and border in Firefox 4+. */ +button::-moz-focus-inner { + border: 0; + padding: 0; } + +input { + line-height: normal; } + input::-moz-focus-inner { + border: 0; + padding: 0; } + input[type="checkbox"], input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { + height: auto; } + input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + /* 2 */ + box-sizing: content-box; } + input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. */ +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. */ +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. */ +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome + * (include `-moz` to future-proof). */ +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). */ +/** + * Define consistent border, margin, and padding. */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. */ +textarea { + overflow: auto; } + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ +optgroup { + font-weight: bold; } + +/* Tables + * ========================================================================== */ +/** + * Remove most spacing between table cells. */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, th { + padding: 0; } + +@font-face { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + src: local("Open Sans"), local("OpenSans"), url(//themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); } +* { + margin: 0px; + padding: 0px; + font-family: "Open Sans", sans-serif; + font-size: 14px; } + +html { + width: 100%; + height: -webkit-calc(100% - 200px); + height: calc(100% - 200px); } + +body { + height: auto; + width: 100%; + height: 100%; } + +#wrapper { + height: auto; + width: 100%; + min-height: 100%; + margin-bottom: 200px; + padding-bottom: 50px; + background: url(/img/bg2.jpg) no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; } + +#header { + display: block; + padding: -10px 0; + text-align: center; } + +/* Box shadow styles used for material design */ +.shadow-0 { + border: 1px solid #eee; } + +.shadow-1 { + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26); } + +.shadow-2 { + box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); } + +.shadow-3 { + box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24); } + +.shadow-4 { + box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21), 0 16px 28px 0 rgba(0, 0, 0, 0.22); } + +.shadow-5 { + box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22), 0 27px 24px 0 rgba(0, 0, 0, 0.2); } + +#header .band-logo { + width: 100%; + max-width: 600px; } + +#nav { + margin-bottom: 20px; } + #nav .navbar-nav { + display: inline-block; } + #nav .navbar-nav { + float: none; } + #nav .navbar-collapse, + #nav .navbar-header { + text-align: center; } + #nav ul { + list-style: none; + text-align: center; } + #nav ul .nav_item { + display: inline-block; + background: none; + border: none; + border-bottom: 3px solid rgba(229, 20, 0, 0); + border-radius: none; + -webkit-transition: border-color, 200ms; + -moz-transition: border-color, 200ms; + transition: border-color, 200ms; } + #nav ul .nav_item a { + display: block; + height: 100%; + width: 100%; + padding: 5px 14px; + text-decoration: none; + color: #fff; + font-size: 32px; + font-weight: 600; + -webkit-transition: color, 200ms; + -moz-transition: color, 200ms; + transition: color, 200ms; } + #nav ul .nav_item:hover { + background-color: transparent; + border-color: #e51400; } + #nav ul .nav_item:hover a { + background-color: transparent; + color: #e51400; } + #nav #navbar-collapse-button.navbar-toggle { + float: none; + margin: 0; + color: #e51400; + font-size: 32px; + -webkit-transition: color, 200ms; + -moz-transition: color, 200ms; + transition: color, 200ms; } + #nav #navbar-collapse-button.navbar-toggle:hover, #nav #navbar-collapse-button.navbar-toggle:active { + background-color: transparent; } + #nav #navbar-collapse-button.navbar-toggle.collapsed { + color: #fff; } + #nav #navbar-collapse-button.navbar-toggle.collapsed:hover { + color: #e51400; } + @media (max-width: 767px) { + #nav .navbar-collapse { + background: #212121; + border-radius: 5px; + border: 1px solid #212121; + box-shadow: inset 0 0 6px #212121; } + #nav ul .nav_item { + display: block; + padding: 5px; } } + +#footer { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + background: white; + margin: 0; + padding: 10px 15px; + z-index: -9999999; } + #footer .column-info { + text-align: center; } + #footer .column-info p { + font-size: 18px; + font-weight: bold; + text-decoration: underline; } + #footer .column-info ul { + list-style: none; } + #footer .column-info ul a { + text-decoration: none; + color: #212121; + -webkit-transition: all, 200ms; + -moz-transition: all, 200ms; + transition: all, 200ms; } + #footer .column-info ul a:hover { + color: #e51400; } + #footer .copyright p { + color: #212121; + text-align: center; } + #footer .copyright hr { + border-color: #bbb; } + #footer .mailing-list p { + color: #212121; } + +.card { + display: block; + height: auto; + margin-bottom: 15px; + padding: 15px 10px; + background: white; } + .card.hover-box { + -webkit-transition: box-shadow, 200ms; + -moz-transition: box-shadow, 200ms; + transition: box-shadow, 200ms; } + .card.hover-box:hover { + box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); } + .card .underline { + text-decoration: underline; } + .card input[type=text] { + background: none; + border: none; + outline: none; } + .card .input-group { + position: relative; + display: block; + width: 100%; + margin: 20px auto 10px; } + .card .input-group input { + display: inline-block; + width: 100%; + padding: 10px 0; + border-bottom: solid 2px #e51400; + color: #191919; + font-size: 16px; } + .card .input-group input:focus, .card .input-group input:active { + outline: none; } + .card .input-group label { + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + font-style: italic; + font-size: 16px; + color: #999; + pointer-events: none; + -webkit-transition: all, 200ms ease-out 0s; + -moz-transition: all, 200ms ease-out 0s; + transition: all, 200ms ease-out 0s; } + .card .input-group input:focus + label, + .card .input-group input.has-value + label { + top: -5px; + font-size: 12px; + color: #e51400; } + +.full-width { + width: 100%; } + +#about-header { + margin-bottom: 25px; + padding-bottom: 15px; + background: white; } + #about-header img { + position: absolute; + top: 0; + left: 0; + height: 480px; + width: 100%; + /*+filter(blur(2px)) */ } + #about-header .about-band { + margin-top: 405px; } + #about-header h2 { + margin-bottom: 20px; + color: white; } + #about-header p { + color: #212121; } + +#about-content section a { + display: block; + position: absolute; + top: 0; + left: 15px; + width: -webkit-calc(100% - 30px); + width: calc(100% - 30px); + height: -webkit-calc(100% - 20px); + height: calc(100% - 20px); + border-radius: 5px; + text-decoration: none; + -webkit-transition: all, 300ms ease-in; + -moz-transition: all, 300ms ease-in; + transition: all, 300ms ease-in; } +#about-content section h3, +#about-content section h4, +#about-content section p { + color: #212121; } +#about-content section:hover a { + background: rgba(0, 0, 0, 0.15); } +#about-content section hr { + border-color: #bbb; } + +#contact-header { + margin-top: -20px; + text-align: center; } + #contact-header h1 { + color: white; + font-size: 34px; + font-weight: bold; } + +#contact-info .card { + max-width: 680px; + margin-top: 15px; + padding-top: 20px; + padding-bottom: 20px; + background: #f0f0f0; } + #contact-info .card hr { + border-color: #666; } + #contact-info .card a, + #contact-info .card p, + #contact-info .card h3 { + text-align: center; + font-size: 20px; } + #contact-info .card p { + padding: 5px; + color: #212121; } + #contact-info .card a { + color: darkred; + text-decoration: none; + -webkit-transition: color 200ms ease-in-out; + -moz-transition: color 200ms ease-in-out; + transition: color 200ms ease-in-out; } + #contact-info .card a:hover { + color: red; } + #contact-info .card h3 { + margin-bottom: 15px; } + +#featured { + height: auto; + margin: 0 auto 20px; + padding: 5px; + background: none; } + #featured .hover-box { + -webkit-transition: all, 200ms; + -moz-transition: all, 200ms; + transition: all, 200ms; } + #featured .hover-box:hover { + box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); } + #featured div { + margin-bottom: 25px; } + #featured div a { + display: block; + width: 100%; + margin-left: auto; + margin-right: auto; } + #featured div img { + width: 100%; } + +#wrapper-home { + display: block; + min-height: 300px; + padding: 0; } + #wrapper-home .content { + margin: 0; + padding: 0; } + #wrapper-home .actions #mailing-list p { + margin-bottom: 7px; + text-align: center; } + +#music-header { + text-align: center; } + #music-header h1 { + color: white; + font-size: 34px; + font-weight: bold; } + +#music-list-section .music-list { + position: relative; + -webkit-transition: background, 200ms; + -moz-transition: background, 200ms; + transition: background, 200ms; } + #music-list-section .music-list:hover { + cursor: pointer; + background: #f0f0f0; } +#music-list-section .music-list-header { + margin: 10px 0; } + +.now-playing-list, +.music-list ol { + margin-left: 15px; + margin-right: 15px; + color: #212121; } + .now-playing-list li, + .music-list ol li { + -webkit-transition: background, 200ms; + -moz-transition: background, 200ms; + transition: background, 200ms; } + .now-playing-list li:hover, + .music-list ol li:hover { + background: #f0f0f0; } + .now-playing-list li:hover a, + .music-list ol li:hover a { + color: #e51400; } + .now-playing-list li.selected, + .music-list ol li.selected { + background: #e0e0e0; } + .now-playing-list li, + .now-playing-list a, + .music-list ol li, + .music-list ol a { + display: block; + height: 100%; + width: 100%; + padding: 8px 5px; + color: #212121; + text-decoration: none; + -webkit-transition: color, 200ms; + -moz-transition: color, 200ms; + transition: color, 200ms; } + +.mejs-container { + width: 100%; } + +.mejs-container, +.mejs-mediaelement, +.mejs-controls { + background: transparent; } + +.shows-header { + margin-top: -20px; + margin-bottom: 20px; + text-align: center; } + .shows-header h3 { + color: #fff; + font-size: 26px; + font-weight: bold; } + +#shows-table { + margin-top: 20px; } + #shows-table tr { + border-bottom: 1px solid rgba(153, 153, 153, 0.4); } + #shows-table tr:last-child { + border-bottom: none; } + #shows-table tr td { + vertical-align: middle; + border: none; } + #shows-table tr td p, + #shows-table tr td a { + font-size: 18px; + color: white; } + #shows-table tr td a { + font-weight: 600; + text-decoration: underline; + -webkit-transition: all, 200ms ease-in; + -moz-transition: all, 200ms ease-in; + transition: all, 200ms ease-in; } + #shows-table tr td a:hover { + color: #e51400; }