.welcomeSection {
position: relative;
background: #e0e0e0 url(styles/default/xenforo/bann.png);
height: 0;
padding-top: 25.423%;
background-size: cover;
background-position: center;
}
.swWelcomeSectionTitle{
font-size: 26px;
color: #4A7DAC;
margin: 0;
text-align: left;
}
.swWelcomeSectionText{
font-size: 16px;
color: #4e4e4e;
padding-top: 4px;
padding-bottom: 16px;
text-align: left;
width: 50%;
}
.sharebut {
color: #2577b1;
width: 250px;
height: 40px;
font-size: 20px;
background: #fff;
border-radius: 5px;
position: absolute;
bottom: 5px;
transition: 0.5s;
text-align: center;
line-height: 40px;
margin-bottom: 40px;
margin-left: 15px;
font-weight: bold;
letter-spacing: -1px;
}
.sharebut:hover {
box-shadow: 0 0 30px #fff;
text-decoration: none;
bottom: 15px;
color: #2577b1;
}
.aboutbut {
color: #2577b1;
width: 150px;
height: 40px;
font-size: 20px;
background: #fff;
border-radius: 5px;
position: absolute;
bottom: 5px;
transition: 0.5s;
text-align: center;
line-height: 40px;
margin-bottom: 40px;
margin-left: 290px;
font-weight: bold;
letter-spacing: -1px;
}
.aboutbut:hover {
box-shadow: 0 0 30px #fff;
text-decoration: none;
bottom: 15px;
color: #2577b1;
}
@media only screen and (max-width: 650px){
.welcomeSectionNY{
position: relative;
background: url(styles/default/xenforo/bannermobile.png);
/*background: url(styles/default/xenforo/newyearban.png);*/
height: 0;
padding-top: 25.423%;
background-size: cover;
background-position: center;
}
}
@media screen and (min-width: 300px) and (max-width: 450px){
.sharebut{
width: 115px;
height: 15px;
font-size: 10px;
line-height: 15px;
margin-bottom: 2px;
margin-left: -4px;
}
.aboutbut{
width: 65px;
height: 15px;
font-size: 10px;
line-height: 15px;
margin-bottom: 2px;
margin-left: 125px;
}
}
@media screen and (min-width: 451px) and (max-width: 649px){
.sharebut{
width: 160px;
height: 20px;
font-size: 13px;
line-height: 20px;
margin-bottom: 10px;
margin-left: 0px;
}
.aboutbut{
width: 150px;
height: 20px;
font-size: 13px;
line-height: 20px;
margin-bottom: 10px;
margin-left: 190px;
}
}
@media screen and (min-width: 650px) and (max-width: 824px){
.sharebut{
margin-bottom: 5px;
}
.aboutbut{
margin-bottom: 5px;
}
}
@media screen and (min-width: 825px) and (max-width: 1000px){
.sharebut {
margin-bottom: 20px;
margin-left: 0px;
}
.aboutbut {
margin-bottom: 20px;
/*margin-left: 0px;*/
}
}
.youTuberBack {
color: #fff !important;
display: none;
z-index: 1100;
opacity: 1;
top: 0;
left: 0;
width: 100%;
position: absolute;
background: #000;
text-align: center;
}
#youTuberContainer {
display: none;
z-index: 1102;
position: fixed;
}
#youTuber {
text-align: center;
box-shadow: 0 0 40px #333;
}
#youTuberLoading {
position: fixed;
z-index: 1101;
font-size: 1.5em;
top: 49%;
width: 5%;
text-align: center;
left: 45%;
}
#youTuberClose {
position: fixed;
right: 15px;
top: 15px;
padding: 3px 13px;
z-index: 1101;
font-size: 25px !important;
text-shadow: 0 0 10px #fff;
border-radius: 3px;
cursor: pointer;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
transition-duration: 0.1s;
}
#youTuberClose:hover {
background: #333;
}