/* #################################################### */
/* #######################  Концерты  ##################### */
/* #################################################### */
.eventStyle {
color:#AAAAAA;
line-height: 1.6em;
}
.concertData {
color:#FFBF00;
font-weight:bold;
font-size: 1.25em;
text-transform: lowercase;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
padding: 10px 0px 8px 16px;
}
.eventPlace {
color:#ff2626;
font-weight:bold;
font-size: 1.25em;
}
.eventStart {
font-weight:bold;
color:#FFFFFF;
font-size: 1.10em;
}
.eventMonth {
background-color: #344b5c;
border-radius: 5px;
color: #ffff73;
font-size: 1.25em;
font-weight: bold;
margin: 10px 0;
padding: 5px 0 7px;
text-align: center;
text-shadow: 1px 1px 0 #000000;
}
.bandStructure {
/* background-color: #1a1a1c; */
border: 0px solid #303034;
margin: 20px 0px 20px 0px;
padding: 5px 5px 5px 7px;
font-size: 1.4em;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
line-height: 25px;
}
.spoiler_body ul li a.calendar_current_month {
color: #FFFF73;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
.downcounter {
font-size: 15px;
color: #ff9999;
font-weight: bold;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
margin: 10px 0px 10px 0px;
padding: 5px 10px 8px 10px;
background-color: #1a1a1c;
border: 1px solid #303034;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
.current_day_flashing {
webkit-animation: animation1 1s linear 0s infinite;
moz-animation: animation1 1s linear 0s infinite;
animation: animation1 1s linear 0s infinite;
}
@keyframes animation1 {
0% {
border: 1px solid #777777;
-moz-box-shadow: 0 0 14px -15px #3cffff;
-webkit-box-shadow: 0 0 14px -15px #3cffff;
box-shadow: 0 0 14px -15px #3cffff;
}
20% {
border: 1px solid #c1ffff;
background-color: #33ffff;
-moz-box-shadow: 0 0 25px 0 #33ffff;
-webkit-box-shadow: 0 0 25px 0 #33ffff;
box-shadow: 0 0 25px 0 #33ffff;
}
100% {
border: 1px solid #777777;
-moz-box-shadow: 0 0 14px -15px #3cffff;
-webkit-box-shadow: 0 0 14px -15px #3cffff;
box-shadow: 0 0 14px -15px #3cffff;
}
}
.contentPaddingTrue a.current_month {
color: #FFFF73;
text-shadow:1px 1px 1px #000000, 2px 2px 1px #000000;
}
.calendarWrapStyle {
margin: 0px 10px 0px 10px;
/* border: 1px solid #000000; */
}
.calendarStyle {
/* border: 1px solid #000000; */
width: 400px;
margin: 0px auto 0px auto;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}
.weekWrap {
margin: 1px 0px -3px 0px;
/* padding: 0px 0px 10px 0px; */
/* border-bottom: 1px dotted #000000; */
font-size: 0px;
}
.weekStyle {
display: inline-block;
line-height: 18px;
/* padding: 5px 5px 5px 5px; */
height: 20px;
width: 50px;
text-align: center;
margin: 0px 2px 0px 2px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font-size: 12px;
font-weight: bold;
}
.weekStyle1 {
color: #FFFFFF;
background-color: #666666;
border: 1px solid #666666;
}
.weekStyle2 {
color: #FFFFFF;
background-color: #707070;
border: 1px solid #707070;
}
.weekStyle3 {
color: #FFFFFF;
background-color: #8B8A8A;
border: 1px solid #8B8A8A;
}
.weekStyle4 {
color: #000000;
background-color: #A6A6A6;
border: 1px solid #A6A6A6;
text-shadow:1px 1px 0px #DDDDDD;
}
.weekStyle5 {
color: #000000;
background-color: #C3C3C3;
border: 1px solid #C3C3C3;
text-shadow:1px 1px 0px #D8D8D8;
}
.weekStyle6 {
color: #000000;
background-color: #FF7777;
border: 1px solid #FF7777;
text-shadow:1px 1px 0px #FFA8A8;
}
.weekStyle7 {
color: #000000;
background-color: #FF4343;
border: 1px solid #FF4343;
text-shadow:1px 1px 0px #FF8484;
}
.dayWrap {
font-size: 0px;
}
.dayStyle {
display: inline-block;
height: 50px;
width: 50px;
text-align: center;
border: 1px solid #777777;
position: relative;
/* padding: 5px 5px 5px 5px; */
margin: 2px 2px 2px 2px;
font-size: 0px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.dayStyle.noActive {
border: 1px solid transparent;
}
.dayStyle.noActive a {
cursor: url("../img/cursor.cur"), default;
}
.dayStyle a {
display: block;
text-align: center;
height: 100%;
color: #BBBBBB;
line-height: 48px;
text-decoration: none;
font-size: 13px;
font-weight: bold;
}
.dayStyle a:hover {
color: #BBBBBB;
text-decoration: none;
}
.dayStyle > .dayCurrent {
color: #111111;
text-shadow:0px 0px 1px #FFFFFF;
background-color: #DDDDDD;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.dayStyle > .dayCurrent:hover {
color: #111111;
background-color: #C1F0FF;
text-decoration: none;
text-shadow:1px 1px 0px #D9F5FF;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.dayStyle .quantityConcerts {
display: block;
position: absolute;
top:-2px;
right:-2px;
background-color: #6FFFFF;
border: 1px solid #6FFFFF;
font-size: 11px;
font-weight: bold;
height: 14px;
width: 15px;
vertical-align: top;
line-height: 12px;
color: #111111;
text-shadow:0px 0px 0px #FFFFFF;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
text-align: center;
-moz-box-shadow: 0 0 6px 0 #000;
-webkit-box-shadow: 0 0 6px 0 #000;
box-shadow: 0 0 6px 0 #000;
}
.dayStyle .doubtConcerts {
display: block;
position: absolute;
bottom:-2px;
right:-2px;
background-color: #ff2626;
border: 1px solid #ff0000;
font-size: 13px;
font-weight: bold;
height: 14px;
width: 15px;
vertical-align: top;
line-height: 13px;
color: #ffffff;
text-shadow:0px 0px 0px #FFFFFF;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
text-align: center;
-moz-box-shadow: 0 0 6px 0 #000;
-webkit-box-shadow: 0 0 6px 0 #000;
box-shadow: 0 0 6px 0 #000;
}
.dayStyle .labelTrio {
display: block;
position: absolute;
bottom:-2px;
left:-2px;
background-color: #ff8000;
border: 1px solid #dd6f00;
font-size: 14px;
font-weight: bold;
height: 14px;
width: 14px;
vertical-align: top;
line-height: 13px;
color: #ffffff;
text-shadow:0px 0px 0px #FFFFFF;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
text-align: center;
-moz-box-shadow: 0 0 6px 0 #000;
-webkit-box-shadow: 0 0 6px 0 #000;
box-shadow: 0 0 6px 0 #000;
}
.dayStyle .labelRehearsal {
display: block;
position: absolute;
bottom: -1px;
left: -1px;
background-color: #ff2626;
border: 1px solid #ff0000;
font-size: 10px;
font-weight: bold;
height: 11px;
width: 33px;
vertical-align: top;
line-height: 10px;
color: #ffffff;
text-shadow:0px 0px 0px #FFFFFF;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
text-align: center;
-moz-box-shadow: 0 0 6px 0 #000;
-webkit-box-shadow: 0 0 6px 0 #000;
box-shadow: 0 0 6px 0 #000;
}
.dayStyle .trioConcerts {
display: block;
position: absolute;
bottom:-1px;
right:-1px;
background-color: #ff8000;
border: 1px solid #ff8000;
font-size: 11px;
font-weight: bold;
height: 12px;
width: 12px;
vertical-align: top;
line-height: 9px;
color: #111111;
text-shadow:0px 0px 0px #FFFFFF;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
text-align: center;
-moz-box-shadow: 0 0 6px 0 #000;
-webkit-box-shadow: 0 0 6px 0 #000;
box-shadow: 0 0 6px 0 #000;
}
.dayStyle .happyBirthday {
display: block;
position: absolute;
top:-1px;
left:-1px;
background-color: #ff0000;
border: 1px solid #ff0000;
font-size: 11px;
font-weight: bold;
height: 13px;
width: 22px;
vertical-align: top;
line-height: 9px;
color: #111111;
text-shadow:0px 0px 0px #FFFFFF;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
text-align: center;
-moz-box-shadow: 0 0 6px 0 #000;
-webkit-box-shadow: 0 0 6px 0 #000;
box-shadow: 0 0 6px 0 #000;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
.archiveConcerts {
font-size: 15px;
font-weight: bold;
line-height: 20px;
margin: 0px;
padding: 0px;
width: 50%;
}
.menuArchive {
z-index: 2000000;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: right;
}
.menuArchiveWrap {
width: 100%;
}
.spoiler_wrap {
position: relative;
margin: 0px 0px 0px 0px;
/* background-color: #FF0000; */
}
.spoiler_title {
color: #94D5FF;
display: inline;
}
.spoiler_title.opened.closed  {
color: #FFFF73;
}
.spoiler_title:hover {
cursor: pointer;
}
.spoiler_body {
display:none;
width: 160px;
cursor:pointer;
position: absolute;
right:0px;
top:32px;
background-color: #111112;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 2px solid #79CAFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
max-height: 350px;
overflow: auto;
text-align: left;
-moz-box-shadow: 0px 0px 10px 1px #000;
-webkit-box-shadow: 0px 0px 10px 1px #000;
box-shadow: 0px 0px 10px 1px #000;
z-index: 2000000;
}
.spoiler_body ul li a {
display: block;
height: 100%;
/* width: 100%; */
padding: 2px 5px 2px 5px;
}
.spoiler_body ul li a:hover {
color: #FFFF73;
background-color: #273947;
}
.spoiler_wrap.menuArchiveSpoiler .eventNameHr {
margin: 5px 0px 0px 0px;
border-top:1px solid #79CAFF;
border-bottom:1px solid #79CAFF;
}
.spoiler_wrap.menuArchiveSpoiler li.menuArchiveSpoilerYear {
margin: 1px 0px 0px 0px;
border-top:1px solid #79CAFF;
border-bottom:1px solid #79CAFF;
background-color: #79CAFF;
text-align: center;
color: #000000;
text-shadow:0px 0px 1px #A4DBFF;
}
/* #################################################### */
/* #######################  Концерты  ##################### */
/* #################################################### */
.sp-wrap.sp_view_day_concert {
border: 0px solid #303034;
}
.sp-wrap.sp_view_day_concert .sp-body {
border: 0px solid #303034;
}
.sp-wrap.sp_view_day_concert .sp-head.folded.clickable {
color: #999999;
border: 1px solid #303034;
background-color: #1a1a1c;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.sp-wrap.sp_view_day_concert .sp-head.folded.clickable.unfolded {
background-color: #2d2d2f;
}
.sp-wrap.sp_view_day_concert .sp-head.unfolded.clickable2 {
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background-color: #2d2d2f;
}
a.popup-modal-dismiss {
display: block;
text-align: center;
color: #94d5ff;
padding: 7px 0px 9px 0px;
font-size: 14px;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #17222b;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
a.popup-modal-dismiss.dismissTop {
border-bottom: 2px solid #40596f;
}
a.popup-modal-dismiss.dismissBottom {
border-top: 2px solid #40596f;
}
a.popup-modal-dismiss:hover {
background-color: #40596f;
color: #ffffff;
text-shadow:0px 0px 1px #000000, 0px 0px 2px #000000, 0px 0px 3px #000000;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.white-popup-block {
padding: 0px 0px;
background-color: #111112;
border: 2px solid #40596f;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
overflow: hidden;
}
.white-popup-block .eventStyle {
padding: 7px 15px 10px 15px;
background-color: #111112;
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
.white-popup-block .eventStyle {
color:#AAAAAA;
line-height: 2.8em;
margin: 0px 0px 0px 0px;
}
.white-popup-block .concertData {
color:#FFBF00;
font-weight:bold;
font-size: 2.3em;
margin: 0px 0px 5px 0px;
}
.white-popup-block .eventPlace {
color:#94d5ff;
font-weight:bold;
font-size: 2em;
margin: 0px 0px 5px 0px;
}
.white-popup-block .eventPlace a {
color:#94D5FF;
font-weight:bold;
line-height: 20px;
}
.white-popup-block .eventAdress {
font-weight:bold;
color:#888888;
font-size: 1.5em;
line-height: 20px;
margin: 0px 0px 5px 0px;
}
.white-popup-block .eventAdress a {
color:#94D5FF;
}
.white-popup-block .eventAdressWeb {
font-weight:bold;
color:#888888;
font-size: 1.5em;
line-height: 20px;
margin: 0px 0px 10px 0px;
}
.white-popup-block .eventAdressWeb a {
color:#94D5FF;
}
.white-popup-block .eventStartChek {
font-weight:bold;
color:#ffff99;
font-size: 2.0em;
line-height: 1.4em;
background-color: #1a1a1c;
padding: 3px 10px 6px 10px;
margin: 10px 0px 10px 0px;
border: 1px solid #303034;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.white-popup-block .eventStart {
font-weight:bold;
color:#94d5ff;
font-size: 2.25em;
line-height: 1.4em;
background-color: #1a1a1c;
padding: 3px 10px 6px 10px;
margin: 10px 0px 10px 0px;
border: 1px solid #303034;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.white-popup-block .sp-wrap .eventNameHr {
border-top:2px solid #636367;
border-bottom:3px solid #636367;
border-left:0px solid #000000;
border-right:0px solid #000000;
margin: 0px 0px 15px 0px;
}
.white-popup-block .eventNameHr {
border-top:2px solid #40596f;
border-bottom:1px solid #40596f;
border-left:0px solid #000000;
border-right:0px solid #000000;
margin: 5px 0px 5px 0px;
}
.eventMonth {
position: relative;
margin: 10px 0;
padding: 5px 0 7px;
background-color: #344b5c;
border: 2px solid #3D576B;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
overflow: hidden;
color: #ffff73;
font-size: 1.25em;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 0 #000000;
}
.eventMonth p {
text-align: center;
}
.eventMonthPrev {
position: absolute;
top:0px;
left:0px;
display: block;
background-color: #426075;
font-size: 16px;
line-height: 28px;
padding: 0px 10px 3px 9px;
border: 2px solid #4B7087;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-moz-box-shadow: 0 0 14px -2px #000;
-webkit-box-shadow: 0 0 14px -2px #000;
box-shadow: 0 0 14px -2px #000;
}
.eventMonthNext {
position: absolute;
top:0px;
right:0px;
display: block;
background-color: #426075;
font-size: 16px;
line-height: 28px;
padding: 0px 10px 3px 9px;
border: 2px solid #4B7087;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-moz-box-shadow: 0 0 14px -2px #000;
-webkit-box-shadow: 0 0 14px -2px #000;
box-shadow: 0 0 14px -2px #000;
}
.eventMonth a.eventMonthPrev {
color: #FFFF73;
}
.eventMonth a.eventMonthNext {
color: #FFFF73;
}
.returnCurrentMonth {
text-align: center;
}
.returnCurrentMonth a {
color: #FFFF73;
font-weight: bold;
}
.returnCurrentMonth a:hover {
text-decoration: underline;
}
/* #################################################### */
/* #################################################### */
/* #################################################### */
@media only screen and (max-width: 460px) {
.calendarWrapStyle {
margin: 0px 5px 0px 2px;
}
}
@media only screen and (max-width: 420px) {
.calendarWrapStyle {
margin: 0px 5px 0px 2px;
}
}
@media only screen and (max-width: 410px) {
.calendarWrapStyle {
margin: 0px 5px 0px -2px;
}
.calendarStyle {
width: 398px;
}
.weekStyle {
width: 50px;
}
.dayStyle {
height: 50px;
width: 50px;
}
}
@media only screen and (max-width: 400px) {
.calendarWrapStyle {
margin: 0px 5px 0px -2px;
}
.calendarStyle {
width: 388px;
}
.weekStyle {
width: 48px;
}
.dayStyle {
height: 48px;
width: 48px;
}
}
@media only screen and (max-width: 390px) {
.calendarWrapStyle {
margin: 0px 5px 0px -3px;
}
.calendarStyle {
width: 378px;
}
.weekStyle {
width: 46px;
}
.dayStyle {
height: 46px;
width: 46px;
}
}
@media only screen and (max-width: 380px) {
.calendarWrapStyle {
margin: 0px 5px 0px -7px;
}
}
@media only screen and (max-width: 370px) {
.calendarWrapStyle {
margin: 0px 5px 0px -2px;
}
.calendarStyle {
width: 358px;
}
.weekStyle {
width: 44px;
}
.dayStyle {
height: 44px;
width: 44px;
}
.dayStyle a {
line-height: 43px;
}
}
@media only screen and (max-width: 360px) {
.calendarWrapStyle {
margin: 0px 5px 0px -2px;
}
.calendarStyle {
width: 348px;
}
.weekStyle {
width: 42px;
}
.dayStyle {
height: 42px;
width: 42px;
}
}
@media only screen and (max-width: 350px) {
.calendarWrapStyle {
margin: 0px 5px 0px -2px;
}
.calendarStyle {
width: 338px;
}
.weekStyle {
width: 41px;
}
.dayStyle {
height: 41px;
width: 41px;
}
}
@media only screen and (max-width: 340px) {
.calendarWrapStyle {
margin: 0px 5px 0px -3px;
}
.calendarStyle {
width: 330px;
}
.weekStyle {
width: 40px;
}
.dayStyle {
height: 40px;
width: 40px;
}
.dayStyle a {
line-height: 38px;
}
}
@media only screen and (max-width: 330px) {
.calendarStyle {
width: 320px;
}
.weekStyle {
width: 39px;
}
.dayStyle {
height: 39px;
width: 39px;
}
}
@media only screen and (max-width: 320px) {
.calendarWrapStyle {
margin: 0px 5px 0px -1px;
}
.calendarStyle {
width: 306px;
}
.weekStyle {
width: 37px;
}
.dayStyle {
height: 37px;
width: 37px;
}
}
@media only screen and (max-width: 310px) {
.calendarWrapStyle {
margin: 0px 5px 0px -2px;
}
.calendarStyle {
width: 296px;
}
.weekStyle {
width: 35px;
}
.dayStyle {
height: 35px;
width: 35px;
}
}
@media only screen and (max-width: 300px) {
.calendarStyle {
width: 288px;
}
.weekStyle {
width: 34px;
}
.dayStyle {
height: 34px;
width: 34px;
}
.dayStyle a {
line-height: 34px;
}
.eventMonth {
font-size: 1.1em;
}
}
@media only screen and (max-width: 290px) {
.calendarStyle {
width: 276px;
}
.weekStyle {
width: 33px;
}
.dayStyle {
height: 33px;
width: 33px;
}
}
@media only screen and (max-width: 280px) {
.calendarStyle {
width: 268px;
}
.weekStyle {
width: 32px;
}
.dayStyle {
height: 32px;
width: 32px;
}
.eventMonth {
font-size: 1em;
}
}
@media only screen and (max-width: 270px) {
.calendarStyle {
width: 260px;
}
.weekStyle {
width: 30px;
}
.dayStyle {
height: 30px;
width: 30px;
}
.dayStyle a {
line-height: 30px;
}
}
@media only screen and (max-width: 260px) {
.calendarStyle {
width: 250px;
}
.weekStyle {
width: 29px;
}
.dayStyle {
height: 29px;
width: 29px;
}
}
@media only screen and (max-width: 250px) {
.calendarStyle {
width: 240px;
}
.weekStyle {
width: 28px;
}
.dayStyle {
height: 28px;
width: 28px;
}
.dayStyle a {
line-height: 27px;
}
.eventMonth {
font-size: 0.9em;
}
}
@media only screen and (max-width: 240px) {
.calendarStyle {
width: 230px;
}
.weekStyle {
width: 26px;
}
.dayStyle {
height: 26px;
width: 26px;
}
}