You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

360 lines
6.7 KiB
CSS

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

body, html {
font: 14px Montserrat, sans-serif;
margin:0px;
padding:0px;
/*background-color: #ABABAB;*/
background-color: #FDFDFD;
min-width: 980px;
}
h1 {
color: black;
font-size: 40px;
font-weight: 100;
margin-top: 10px;
margin-bottom: 0px;
}
h2 {
color: black;
font-size: 25px;
font-weight: 100;
margin-top: 0px;
margin-bottom: -20px;
padding:0px;
}
h3 {
margin-top: 5px;
margin-bottom: 0px;
}
h4 {
margin: 5px;
margin-bottom: 0;
display:inline-block;
padding:0px;
font-weight: 100;
width: 100%;
min-width: 100%;
}
a, a:link, a:visited, a:hover, a:active, a:focus{
color:black;
text-decoration: none;
outline: 0;
}
img {
display: block;
margin:auto;
max-width:400px;
}
li{
margin-bottom: 10px;
}
iframe.audioGalleryFrame:hover {height: 400px;}
iframe.videoGalleryFrame:hover {height: 190px; width:300px}
#gallery{
}
#gallerySelector {
float:left;
width: 20px;
vertical-align: top;
padding: 3px;
}
#galleryPlayer {
overflow-y: visible;
float:left;
}
#upcoming {
font: 14px Montserrat, sans-serif;
}
.video-inner {
text-align:center;
width:100%;
height:140px;
}
.header {
width:97%;
min-width:1075px;
position:fixed;
top:0px;
background-color: #FDFDFD;
z-index:100;
height: 130px;
max-height: 130px;
min-height: 130px;
font-family: Alegreya Sans, sans-serif;
overflow-y: visible;
padding:20px;
float:left;
}
.avgallery {
display: inline-block;
background-color: black;
vertical-align: top;
width: 325px;
max-width: 325px;
}
.header-section{
float:left;
width:33.2%;
}
.header-inner{
display: table;
margin: 0 auto;
}
.header-inner-right{
margin: 0 auto;
}
.upcoming-inner{
display: table;
margin: 0 auto;
height: 120px;
}
.center-header{
text-align:center;
}
.content{
min-width: 1075px;
width:97%;
margin:20px;
margin-top:160px;
}
.scrollable-content{
overflow-y: scroll;
overflow-x: hidden;
padding-right:10px;
height:98%;
}
#aboutme{
float:left;
width:70%;
}
#my_image{
float:right;
width:25%;
max-width:500px;
}
.css-table {
height:100%;
width:100%;
border-radius:15px;
padding: 5px;
display:table;
background-color:#F8F8F8;
}
.css-table .col3, .col2, .col1 {
width: 33.3%;
min-width: 240px;
padding:5px;
display:table-cell;
}
.css-table .col2 {
width: 49.9%;
min-width: 480px;
}
.css-table .col1 {
width: 99%;
min-width: 720px;
}
.vline {
color: blue;
display:table-cell;
max-width:1px;
border-left:thin solid black;
height:100%;
}
.contentpad {
height:30px;
padding-top:15px;
width:95%;
margin:auto;
}
.venue {
color: #7F7F7F;
display:block
padding:0px;
margin-left:30px;
}
.event-details{
display:block
padding:0px;
margin-left:60px;
}
.upcoming-pieces{
display:block
padding:0px;
margin-left:40px;
}
.upcoming-ensemble{
display:block
padding:0px;
margin-left:50px;
}
.event-pieces{
display:block
padding:0px;
padding-top:3px;
margin-left:60px;
}
.event-performers{
display:block
padding:0px;
margin-left:90px;
/*margin-right:90px;*/
}
.event-ensemble{
display:block
padding:0px;
margin-left:80px;
margin-right:80px;
}
.inline-list li {
display: inline;
padding-left: 10px;
padding-right: 20px;
}
.content-list {
list-style: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 0px;
}
.toggle {
display: inline-block;
width: 20px;
color: #7F7F7F;
vertical-align : top;
}
.header_span{
display: inline-block;
min-width: 200px;
width: 95%;
}
.header_piece{
width: 70%;
min-width: 70%;
padding-left: 5px;
float: left;
margin-top:-10px;
}
.icon_span_piece{
vertical-align : top;
float: right;
white-space: nowrap;
width: 25%;
min-width: 25%;
margin-top:-10px;
}
.header_pub{
width: 80%;
min-width: 80%;
padding-left: 5px;
float: left;
}
.icon_span_pub{
vertical-align : top;
float: right;
white-space: nowrap;
width: 10%;
min-width: 10%;
}
.year_span{
padding-top: 10px;
}
.score_icon, .audio_icon, .video_icon, .photo_icon, .download_icon {
margin-right:10px;
width: 20px;
height: 20px;
background: transparent;
border: none;
background-image: url(../images/book_icon.png);
background-repeat: no-repeat;
background-size : 100% 100%;
cursor: pointer;
}
.audio_icon {
background-image: url(../images/audio_icon.png);
}
.video_icon {
background-image: url(../images/video_icon.png);
}
.photo_icon {
background-image: url(../images/photo_icon.png);
}
.download_icon {
background-image: url(../images/download_icon.png);
}
.lg-backdrop.in {
opacity: 1;
}
#mc_embed_signup form {text-align:left; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;}
#mc_embed_signup label {display:block; padding-bottom:10px; font-weight: 100;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
#mc_embed_signup input.email {width:100%; margin-bottom:5px;}
#mc_embed_signup .clear {display: block; width: 100% }
#mc_embed_signup .button {width: 100%; margin:0; }
}
#mc_embed_signup{clear:left; width:100%;}