<xen:if is="{$xenOptions.SHny_eli_on_off} == 'SHny_el1_on_off'">
.sidebar .section:after {
background: url("styles/SHNewYear/lapy.png") no-repeat scroll left transparent;
content: "";
display: block;
height: 100px;
margin-top: -15px;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_eli_on_off} == 'SHny_el2_on_off'">
.sidebar .section:after {
background: url("styles/SHNewYear/lapy2.png") no-repeat scroll left transparent;
content: "";
display: block;
height: 120px;
margin-top: -1px;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_eli_on_off} == 'SHny_el3_on_off'">
.sidebar .section:before {
content: "";
display: block;
height: 37px;
margin-top: 2px;
background: url("styles/SHNewYear/el_balls_sidebar.png") no-repeat scroll left transparent;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_eli_on_off} == 'SHny_el4_on_off'">
.sidebar .section:before {
content: "";
display: block;
height: 37px;
margin-top: 2px;
background: url("styles/SHNewYear/el_balls_sidebar2.png") no-repeat scroll left transparent;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_MI_on_off}">
.message .messageInfo { background-color: transparent; }
.message .messageUserBlock { border: 1px solid #233e03;
box-shadow: 0 9px 0 0 transparent inset, 0 -9px 0 0 transparent inset, 12px 0 15px -4px rgba(0, 0, 0, 0.3) inset, -12px 0 15px -4px rgba(0, 0, 0, 0.3) inset;
background: #dae8b0; /* Old browsers *
background: -moz-linear-gradient(top, #dae8b0 0%, #73a31d 3%, #638e0b 38%, #3b6d00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dae8b0), color-stop(3%,#73a31d), color-stop(38%,#638e0b), color-stop(100%,#3b6d00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dae8b0 0%,#73a31d 3%,#638e0b 38%,#3b6d00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dae8b0 0%,#73a31d 3%,#638e0b 38%,#3b6d00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dae8b0 0%,#73a31d 3%,#638e0b 38%,#3b6d00 100%); /* IE10+ */
background: linear-gradient(to bottom, #dae8b0 0%,#73a31d 3%,#638e0b 38%,#3b6d00 100%); /* W3C */ }
.message .messageUserBlock div.avatarHolder { background-color: transparent; }
.message .messageUserBlock .arrow span, .message .messageUserBlock .arrow {display: none;}
.message .messageUserBlock .extraUserInfo { background-color: transparent; padding-bottom: 10px; }
.message .avatar img, .message .avatar .img, .message .avatarCropper { background-color: #73a31d ; border: 1px solid #3b6d00 ;}
.messageUserBlock .helper {
background: url("styles/SHNewYear/xmas-messageuserinfo-balls2013.png") no-repeat scroll 0 0 transparent;
display: block;
height: 47px;
left: -7px;
position: absolute;
top: 0;
width: 135px; }
.messageUserBlock:before {
background: url("styles/SHNewYear/messageuserinfo-xmas2013.png") no-repeat scroll 0 0 transparent;
content: " ";
display: block;
height: 30px;
margin-top: 4px;
position: absolute;
right: -6px;
top: -10px;
width: 135px;
z-index: 1; }
.messageUserBlock:after {
background: url("styles/SHNewYear/messageuserinfo-xmas2013.png") no-repeat scroll 0 0 transparent;
content: " ";
display: block;
height: 30px;
margin-top: 4px;
position: absolute;
right: -6px;
bottom: -25px;
width: 135px; }
.message .messageUserBlock h3.userText {text-align: center;}
</xen:if>
<xen:if is="{$xenOptions.SHny_snownavmn_on_off} == 'SHny_snownav1_on_off'">
#navigation .helper {
display: block;
height: 30px;
left: -5px;
padding: 0px 5px;
position: absolute;
top: -18px;
width: 100%;
background: url('styles/SHNewYear/nav_lapy.png') repeat 0% 0%;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_snownavmn_on_off} == 'SHny_snownav2_on_off'">
#navigation .helper {
background: url("styles/SHNewYear/snow_l_b.png") no-repeat scroll 0% 0%,
url("styles/SHNewYear/snow_c_b.png") no-repeat scroll 50% 0%,
url("styles/SHNewYear/snow_r_b.png") no-repeat scroll 100% 0%;
display: block;
height: 30px;
left: -5px;
padding: 0 5px;
position: absolute;
top: -17px;
width: 100%;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_snownavmn_on_off} == 'SHny_snownav3_on_off'">
#navigation .helper {
background: url("styles/SHNewYear/snow_l.png") no-repeat scroll 0% 0%,
url("styles/SHNewYear/snow_c.png") no-repeat scroll 50% 0%,
url("styles/SHNewYear/snow_r.png") no-repeat scroll 100% 0%;
display: block;
height: 30px;
left: -5px;
padding: 0 5px;
position: absolute;
top: -17px;
width: 100%;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_chopr_on_off} == 'SHny_chop1_on_off'">
.navTabs .navLink .itemCount {
background: url("styles/SHNewYear/hat.png") no-repeat scroll center transparent;
line-height: 10px;
box-shadow: none;
height: 22px;
min-width: 30px;
color: #FFFFFF;
top: -13px;}
.navTabs .navLink .itemCount .arrow {
border-width: 0; }
</xen:if>
<xen:if is="{$xenOptions.SHny_chopr_on_off} == 'SHny_chop2_on_off'">
.navTabs .navLink .itemCount {
background: url("styles/SHNewYear/balls.png") no-repeat scroll center transparent;
line-height: 15px;
box-shadow: none;
height: 22px;
min-width: 30px;
color: #FFFFFF;
top: -13px;}
.navTabs .navLink .itemCount .arrow {
border-width: 0; }
</xen:if>
<xen:if is="{$xenOptions.SHny_snowcat_on_off} == 'SHny_snowcat1_on_off'">
.nodeList .node.level_1:before {
background: url('styles/SHNewYear/snow_l.png') no-repeat 0% 0%, url('styles/SHNewYear/snow_c.png') no-repeat 50% 0%, url('styles/SHNewYear/snow_r.png') no-repeat 100% 0%;
display: block;
height: 30px;
left: -5px;
padding: 0 5px;
position: relative;
top: 13px;
width: 100%;
content: "";
margin-top: -20px;
z-index:9999;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_snowcat_on_off} == 'SHny_snowcat2_on_off'">
.nodeList .node.level_1:before {
background: url('styles/SHNewYear/snow_l_b.png') no-repeat 0% 0%, url('styles/SHNewYear/snow_c_b.png') no-repeat 50% 0%, url('styles/SHNewYear/snow_r_b.png') no-repeat 100% 0%;
display: block;
height: 30px;
left: -5px;
padding: 0 5px;
position: relative;
top: 13px;
width: 100%;
content: "";
margin-top: -20px;
z-index:9999;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_kolpak_on_off} == 'SHny_kolpak1_on_off'">
.message .helper {
background: transparent url('styles/SHNewYear/santa_hat.png') no-repeat;
display: block;
height: 50px;
position: absolute;
right: -4px;
top: -8px;
width: 44px;
z-index: 99;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.message .helper {
display: none; !important;
}
}
</xen:if>
</xen:if>
<xen:if is="{$xenOptions.SHny_kolpak_on_off} == 'SHny_kolpak2_on_off'">
.message .helper {
background: transparent url('styles/SHNewYear/santa_hat2.png') no-repeat;
display: block;
height: 50px;
position: absolute;
right: -6px;
top: -8px;
width: 47px;
z-index: 99;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.message .helper {
display: none; !important;
}
}
</xen:if>
</xen:if>
<xen:if is="{$xenOptions.SHny_girlhead_on_off} == 'SHny_girlhead1_on_off'">
#logo,
#moderatorBar {
position:relative;
z-index:999;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_girlhead_on_off} == 'SHny_girlhead2_on_off'">
#logo,
#moderatorBar {
position:relative;
z-index:99;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_girlhead_on_off} == 'SHny_girlhead2_on_off'">
/* ****** New Year Garlands ***** */
body{position:relative;z-index:0}
.g-invisible {position:absolute;bottom:0}
.b-head-decor{display:none}
.b-page_newyear .b-head-decor{
position:absolute;
top:0;
left:0;
display:block;
height:115px;
width:100%;
overflow:hidden;
background:url('ny_garlands/images/balls/b-head-decor_newyear.png') repeat-x 0 0
}
.b-page_newyear .b-head-decor__inner{position:absolute;top:0;left:0;height:115px;display:block;width:373px}
.b-page_newyear .b-head-decor::before{content:'';display:block;position:absolute;top:-115px;left:0;z-index:3;height:115px;display:block;width:100%}
.b-page_newyear .b-head-decor__inner_n2{left:373px}
.b-page_newyear .b-head-decor__inner_n3{left:746px}
.b-page_newyear .b-head-decor__inner_n4{left:1119px}
.b-page_newyear .b-head-decor__inner_n5{left:1492px}
.b-page_newyear .b-head-decor__inner_n6{left:1865px}
.b-page_newyear .b-head-decor__inner_n7{left:2238px}
.b-ball{position:absolute}
.b-ball_n1{top:0;left:3px;width:59px;height:83px}
.b-ball_n2{top:-19px;left:51px;width:55px;height:70px}
.b-ball_n3{top:9px;left:88px;width:49px;height:67px}
.b-ball_n4{top:0;left:133px;width:57px;height:102px}
.b-ball_n5{top:0;left:166px;width:49px;height:57px}
.b-ball_n6{top:6px;left:200px;width:54px;height:70px}
.b-ball_n7{top:0;left:240px;width:56px;height:67px}
.b-ball_n8{top:0;left:283px;width:54px;height:53px}
.b-ball_n9{top:10px;left:321px;width:49px;height:66px}
.b-ball_n1 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_n1.png') no-repeat}
.b-ball_n2 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_n2.png') no-repeat}
.b-ball_n3 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_n3.png') no-repeat}
.b-ball_n4 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_n4.png') no-repeat}
.b-ball_n5 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_n5.png') no-repeat}
.b-ball_n6 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_n6.png') no-repeat}
.b-ball_n7 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_n7.png') no-repeat}
.b-ball_n8 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_n8.png') no-repeat}
.b-ball_n9 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_n9.png') no-repeat}
.b-ball_i1 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_i1.png') no-repeat}
.b-ball_i2 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_i2.png') no-repeat}
.b-ball_i3 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_i3.png') no-repeat}
.b-ball_i4 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_i4.png') no-repeat}
.b-ball_i5 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_i5.png') no-repeat}
.b-ball_i6 .b-ball__i{background:url('ny_garlands/images/balls/b-ball_i6.png') no-repeat}
.b-ball_i1{top:0;left:0;width:25px;height:71px}
.b-ball_i2{top:0;left:25px;width:61px;height:27px}
.b-ball_i3{top:0;left:176px;width:29px;height:31px}
.b-ball_i4{top:0;left:205px;width:50px;height:51px}
.b-ball_i5{top:0;left:289px;width:78px;height:28px}
.b-ball_i6{top:0;left:367px;width:6px;height:69px}
.b-ball__i{
position:absolute;
width:100%;
height:100%;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
-o-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
pointer-events:none
}
.b-ball_bounce .b-ball__right{position:absolute;top:0;right:0;left:50%;bottom:0;z-index:9}
.b-ball_bounce:hover .b-ball__right{display:none}
.b-ball_bounce .b-ball__right:hover{left:0;display:block!important}
.b-ball_bounce.bounce>.b-ball__i{-webkit-transform:rotate(-9deg);-moz-transform:rotate(-9deg);-o-transform:rotate(-9deg);transform:rotate(-9deg)}
.b-ball_bounce .b-ball__right.bounce+.b-ball__i{-webkit-transform:rotate(9deg);-moz-transform:rotate(9deg);-o-transform:rotate(9deg);transform:rotate(9deg)}
.b-ball_bounce.bounce1>.b-ball__i{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg)}
.b-ball_bounce .b-ball__right.bounce1+.b-ball__i{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}
.b-ball_bounce.bounce2>.b-ball__i{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.b-ball_bounce .b-ball__right.bounce2+.b-ball__i{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.b-ball_bounce.bounce3>.b-ball__i{-webkit-transform:rotate(1.5deg);-moz-transform:rotate(1.5deg);-o-transform:rotate(1.5deg);transform:rotate(1.5deg)}
.b-ball_bounce .b-ball__right.bounce3+.b-ball__i{-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);-o-transform:rotate(-1.5deg);transform:rotate(-1.5deg)}
</xen:if>
<xen:if is="{$xenOptions.SHny_girlhead_on_off} == 'SHny_girlhead3_on_off'">
#header #logoBlock .pageWidth:before {
background: url("styles/SHNewYear/anim_g.gif") repeat scroll left transparent;
content: "";
display: block;
height: 68px;
left: -5px;
padding: 0px 5px;
position: absolute;
top: -5px;
width: 100%;
}
#logo,
#moderatorBar {
position:relative;
z-index:99;
}
</xen:if>
<xen:if is="{$xenOptions.SHny_girlhead_on_off} == 'SHny_girlhead4_on_off'">
#header #logoBlock .pageWidth:before {
background: url("styles/SHNewYear/anim_s.gif") repeat scroll left transparent;
content: "";
display: block;
height: 33px;
left: -5px;
padding: 0px 5px;
position: absolute;
top: -5px;
width: 100%;
}
#logo,
#moderatorBar {
position:relative;
z-index:99;
}
</xen:if>
