forked from spacebar/SplatNet
6852 lines
210 KiB
CSS
6852 lines
210 KiB
CSS
|
/*! normalize.css v3.0.0 | 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,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: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:black
|
|||
|
|
}
|
|||
|
|
small{
|
|||
|
|
font-size:80%
|
|||
|
|
}
|
|||
|
|
sub,sup{
|
|||
|
|
font-size:75%;
|
|||
|
|
line-height:0;
|
|||
|
|
position:relative;
|
|||
|
|
vertical-align:baseline
|
|||
|
|
}
|
|||
|
|
sup{
|
|||
|
|
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
|
|||
|
|
}
|
|||
|
|
button,select{
|
|||
|
|
text-transform:none
|
|||
|
|
}
|
|||
|
|
button,html input[type="button"],input[type="reset"],input[type="submit"]{
|
|||
|
|
-webkit-appearance:button;
|
|||
|
|
cursor:pointer
|
|||
|
|
}
|
|||
|
|
button[disabled],html input[disabled]{
|
|||
|
|
cursor:default
|
|||
|
|
}
|
|||
|
|
button::-moz-focus-inner,input::-moz-focus-inner{
|
|||
|
|
border:0;
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
input{
|
|||
|
|
line-height:normal
|
|||
|
|
}
|
|||
|
|
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
|
|||
|
|
}
|
|||
|
|
.icon-tab-gachi,.ranking .ranklist-tab .tab-gachi,.icon-tab-regular,.ranking .ranklist-tab .tab-regular,.typography-number-white-0,.typography-number-white-1,.typography-number-white-2,.typography-number-white-3,.typography-number-white-4,.typography-number-white-5,.typography-number-white-6,.typography-number-white-7,.typography-number-white-8,.typography-number-white-9,.typography-number-orange-0,.typography-number-orange-1,.typography-number-orange-2,.typography-number-orange-3,.typography-number-orange-4,.typography-number-orange-5,.typography-number-orange-6,.typography-number-orange-7,.typography-number-orange-8,.typography-number-orange-9,.typography-number-green-0,.typography-number-green-1,.typography-number-green-2,.typography-number-green-3,.typography-number-green-4,.typography-number-green-5,.typography-number-green-6,.typography-number-green-7,.typography-number-green-8,.typography-number-green-9,.typography-udemae-a,.typography-udemae-a-minus,.typography-udemae-a-plus,.typography-udemae-b,.typography-udemae-b-minus,.typography-udemae-b-plus,.typography-udemae-c,.typography-udemae-c-minus,.typography-udemae-c-plus,.typography-udemae-s,.typography-udemae-s-plus,.typography-friendlist,.typography-ranking,.typography-equipment,.typography-stage,.typography-microsite,.typography-corporate,.typography-twitter-link,.typography-twitter-unlink,.typography-logout,.typography-headline-friendlist,.typography-headline-stage,.typography-headline-ranking,.typography-headline-equipment,.typography-recruiting,.typography-participation,.typography-participation-edit,.typography-plan,.typography-plan-date,.typography-plan-feel,.typography-plan-weapon,.typography-ok,.typography-colon,.typography-friend-status-playing,.typography-friend-status-regular,.typography-friend-status-gachi,.typography-friend-status-fes,.typography-friend-status-private,.typography-friend-status-tag,.typography-friend-status-online,.typography-friend-status-offline,.typography-headline-plan,.typography-headline-proposer,.typography-rank-tweet,.typography-equip-rank,.typography-equip-udemae,.typography-equip-painted-area,.typography-point,.typography-loading,.tour .tour-prev,.tour .tour-next,.tour .tour-bullet>a,.typography-regular-match,.typography-earnest-match,.typography-rule{
|
|||
|
|
text-indent:100%;
|
|||
|
|
white-space:nowrap;
|
|||
|
|
overflow:hidden;
|
|||
|
|
font-size:0px;
|
|||
|
|
display:block;
|
|||
|
|
line-height:0px
|
|||
|
|
}
|
|||
|
|
html{
|
|||
|
|
font-size:62.5%;
|
|||
|
|
font-weight:normal;
|
|||
|
|
line-height:1.2;
|
|||
|
|
height:100%
|
|||
|
|
}
|
|||
|
|
body{
|
|||
|
|
font-family:"Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
|
|||
|
|
color:white;
|
|||
|
|
background:white;
|
|||
|
|
height:100%
|
|||
|
|
}
|
|||
|
|
*{
|
|||
|
|
-moz-box-sizing:border-box;
|
|||
|
|
-webkit-box-sizing:border-box;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
word-break:normal;
|
|||
|
|
word-wrap:break-word
|
|||
|
|
}
|
|||
|
|
h1,h2,h3,h4,h5{
|
|||
|
|
margin:0;
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
img{
|
|||
|
|
max-width:100%
|
|||
|
|
}
|
|||
|
|
.lt-ie9 img{
|
|||
|
|
width:auto
|
|||
|
|
}
|
|||
|
|
ul,ol{
|
|||
|
|
margin:0;
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
li{
|
|||
|
|
list-style-type:none;
|
|||
|
|
list-style:none
|
|||
|
|
}
|
|||
|
|
a{
|
|||
|
|
color:white;
|
|||
|
|
text-decoration:none;
|
|||
|
|
font-weight:bold;
|
|||
|
|
outline:none;
|
|||
|
|
-webkit-tap-highlight-color:transparent
|
|||
|
|
}
|
|||
|
|
button{
|
|||
|
|
background-color:transparent;
|
|||
|
|
border:0;
|
|||
|
|
outline:none
|
|||
|
|
}
|
|||
|
|
.ui-sprite{
|
|||
|
|
background-image:url('https://splatoon.nintendo.net/images/ja/ui-s01ad411500.png');
|
|||
|
|
background-repeat:no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-header-logo{
|
|||
|
|
width:170px;
|
|||
|
|
height:76px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
display:block;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -914px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-header-logo{
|
|||
|
|
background-position:0 -457px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-header-logo{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -1708px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.icon-header-logo{
|
|||
|
|
background-position:0 -854px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-header-logo{
|
|||
|
|
width:300px;
|
|||
|
|
height:138px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -990px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .icon-header-logo{
|
|||
|
|
background-position:0 -495px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .icon-header-logo{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -1860px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .icon-header-logo{
|
|||
|
|
background-position:0 -930px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-header-logo{
|
|||
|
|
width:300px;
|
|||
|
|
height:138px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -990px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.icon-header-logo{
|
|||
|
|
background-position:0 -495px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.icon-header-logo{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -1860px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.icon-header-logo{
|
|||
|
|
background-position:0 -930px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-humberger{
|
|||
|
|
width:32px;
|
|||
|
|
height:32px;
|
|||
|
|
background:transparent url('svg/ui/ico_menu_open-2adae67d69fa2be05dec1c725379f5378d1f9b48b91bcb18fa1e4e59b9e9c073.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-humberger.is-open{
|
|||
|
|
width:32px;
|
|||
|
|
height:32px;
|
|||
|
|
background:transparent url('svg/ui/ico_menu_close-f6b3b7d81183e80a08db0451f9d8956beee12c5b36ffab85b78c33b6620f9dff.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-navi-friend,.icon-navi-ranking,.icon-navi-equipment,.icon-navi-stage{
|
|||
|
|
position:relative;
|
|||
|
|
display:block;
|
|||
|
|
width:266px;
|
|||
|
|
height:56px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -1420px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-friend,.icon-navi-ranking,.icon-navi-equipment,.icon-navi-stage{
|
|||
|
|
background-position:0 -710px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-friend,.icon-navi-ranking,.icon-navi-equipment,.icon-navi-stage{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -2360px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-friend,.icon-navi-ranking,.icon-navi-equipment,.icon-navi-stage{
|
|||
|
|
background-position:0 -1180px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-navi-friend:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:22px;
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_friendlist-320cb666486606280b494d4d4427451b2de2c9ad01f3332c286433c6f536db0a.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-navi-friend:hover,.icon-navi-friend.is-selected{
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -1364px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
.icon-navi-friend:hover:before,.icon-navi-friend.is-selected:before{
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_friendlist_wht-032a1f27d7f1529f75f86f8976877a12ce0ec18496e84fcb249a510129aa337c.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-friend:hover,.icon-navi-friend.is-selected{
|
|||
|
|
background-position:0 -682px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-friend:hover,.icon-navi-friend.is-selected{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -2248px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-friend:hover,.icon-navi-friend.is-selected{
|
|||
|
|
background-position:0 -1124px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-navi-ranking:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:22px;
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_ranking-c89e570ab4d08a764d285e453423188b1976895b3feacf031e3f231b1506b441.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-navi-ranking:hover,.icon-navi-ranking.is-selected{
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -1476px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
.icon-navi-ranking:hover:before,.icon-navi-ranking.is-selected:before{
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_ranking_wht-526d8e4da303f0c9e77ee41ea8422d265f41280e2ffc6ffa763b35d96f8e51f1.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-ranking:hover,.icon-navi-ranking.is-selected{
|
|||
|
|
background-position:0 -738px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-ranking:hover,.icon-navi-ranking.is-selected{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -2472px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-ranking:hover,.icon-navi-ranking.is-selected{
|
|||
|
|
background-position:0 -1236px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-navi-equipment:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:22px;
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_equipment-40943361040a3d62c745a21d1a1fa95794c851f378e11334f2dc6c1cc81b4984.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-navi-equipment:hover,.icon-navi-equipment.is-selected{
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -1308px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
.icon-navi-equipment:hover:before,.icon-navi-equipment.is-selected:before{
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_equipment_wht-a9d551da5fa6a6792cb2bf8aca2938a107a983a13aef9f4fd020493e6412435e.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-equipment:hover,.icon-navi-equipment.is-selected{
|
|||
|
|
background-position:0 -654px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-equipment:hover,.icon-navi-equipment.is-selected{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -2136px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-equipment:hover,.icon-navi-equipment.is-selected{
|
|||
|
|
background-position:0 -1068px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-navi-stage:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:18px;
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_stage-8dbc9e30d2dd9f99f4d1678fe53c4aaada7f7ff43929880a0c9f4e49f148f540.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-navi-stage:hover,.icon-navi-stage.is-selected{
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -1532px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
.icon-navi-stage:hover:before,.icon-navi-stage.is-selected:before{
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_stage_wht-0093ccdcb4a0985c929e77571e4baf690f39def2f97b84a4cb4109e4a4ae10b4.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-stage:hover,.icon-navi-stage.is-selected{
|
|||
|
|
background-position:0 -766px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-stage:hover,.icon-navi-stage.is-selected{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -2584px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.icon-navi-stage:hover,.icon-navi-stage.is-selected{
|
|||
|
|
background-position:0 -1292px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-mii{
|
|||
|
|
background:white;
|
|||
|
|
-moz-border-radius:22px;
|
|||
|
|
-webkit-border-radius:22px;
|
|||
|
|
border-radius:22px;
|
|||
|
|
width:44px;
|
|||
|
|
height:44px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
z-index:2
|
|||
|
|
}
|
|||
|
|
.icon-mii img{
|
|||
|
|
width:44px;
|
|||
|
|
height:44px;
|
|||
|
|
vertical-align:middle
|
|||
|
|
}
|
|||
|
|
.icon-ink{
|
|||
|
|
width:84px;
|
|||
|
|
height:60px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_open_s-4f888e7d71af95757ff9356555e43251ff71960358e1ca7a7dadedba3147583c.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-ink{
|
|||
|
|
width:128px;
|
|||
|
|
height:90px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_open-827a84c2b36ff9b1ebd61a1d2a83eb13b1c4207e81faf89ebc57d81e7b34e9bd.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-ink{
|
|||
|
|
width:128px;
|
|||
|
|
height:90px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_open-827a84c2b36ff9b1ebd61a1d2a83eb13b1c4207e81faf89ebc57d81e7b34e9bd.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-ink:hover{
|
|||
|
|
-moz-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-moz-animation-fill-mode:forwards;
|
|||
|
|
-webkit-animation-fill-mode:forwards;
|
|||
|
|
animation-fill-mode:forwards
|
|||
|
|
}
|
|||
|
|
.icon-splash{
|
|||
|
|
width:124px;
|
|||
|
|
height:82px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_close_s-b4b02bd1cd1c7a89eb6323a3cd19c95197c6e02533e7cdb29ffb43cd1ac8aebb.svg') 0 0 no-repeat;
|
|||
|
|
-moz-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-splash{
|
|||
|
|
width:192px;
|
|||
|
|
height:126px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_close-ea50115f6b57b322a0ca25ab4401efcb1ef49a2d7254791d98c38f9f69ec93c2.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-splash{
|
|||
|
|
width:192px;
|
|||
|
|
height:126px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_close-ea50115f6b57b322a0ca25ab4401efcb1ef49a2d7254791d98c38f9f69ec93c2.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-pulldown,.friendlist .action .manifestation .select-date .select-hour:after,.friendlist .action .manifestation .select-date .select-minutes:after,.friendlist .action .manifestation .select-feel:after,.friendlist .action .manifestation .select-weapon:after{
|
|||
|
|
width:30px;
|
|||
|
|
height:24px;
|
|||
|
|
background:transparent url('svg/ui/ico_pulldown-daeb8f6ce24ca8e2faedddd342929c54d3d323ff25116ea0877be93efba2a347.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-close{
|
|||
|
|
display:block;
|
|||
|
|
width:24px;
|
|||
|
|
height:24px;
|
|||
|
|
background:transparent url('svg/ui/ico_dlg_close-b49c94450a5558bebb38abc8d70a8c573617485daf0a4a4108184b9f509b37fd.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-close{
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_dlg_close-b49c94450a5558bebb38abc8d70a8c573617485daf0a4a4108184b9f509b37fd.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-close{
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_dlg_close-b49c94450a5558bebb38abc8d70a8c573617485daf0a4a4108184b9f509b37fd.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-twitter{
|
|||
|
|
position:absolute;
|
|||
|
|
top:-18px;
|
|||
|
|
right:-2px;
|
|||
|
|
display:table;
|
|||
|
|
width:44px;
|
|||
|
|
height:44px;
|
|||
|
|
background:#00aced;
|
|||
|
|
-moz-border-radius:28px;
|
|||
|
|
-webkit-border-radius:28px;
|
|||
|
|
border-radius:28px
|
|||
|
|
}
|
|||
|
|
.icon-twitter:after{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:14px;
|
|||
|
|
left:14px;
|
|||
|
|
width:16px;
|
|||
|
|
height:16px;
|
|||
|
|
background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-success,.friendlist .action .action-status.is-success:before,.ranking .action .action-status.is-success:before,.ranking .action-disabled .action-status.is-success:before{
|
|||
|
|
width:63px;
|
|||
|
|
height:32px;
|
|||
|
|
background:transparent url('svg/ui/ico_success-c7a5e4717411fc8165be8bd4e7eb891c8d14d0360932bc154bf76926509999e5.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-failure,.error-message:before,.friendlist .action .action-status.is-failed:before,.ranking .action .action-status.is-failed:before,.ranking .action-disabled .action-status.is-failed:before{
|
|||
|
|
width:60px;
|
|||
|
|
height:32px;
|
|||
|
|
background:transparent url('svg/ui/ico_failure-02c2d2a62de8c67b516a7330c9e979935ef107d98bb3a41d5d4464574b321fa4.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-tab-gachi,.ranking .ranklist-tab .tab-gachi{
|
|||
|
|
width:150px;
|
|||
|
|
height:174px;
|
|||
|
|
background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/ui/btn_tab_gachi-0c9b05f82e24cf91d3b3dcb6588704263818ee0fd777a986774cca3da7771fd3.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-tab-gachi:hover,.ranking .ranklist-tab .tab-gachi:hover{
|
|||
|
|
-moz-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-moz-animation-fill-mode:forwards;
|
|||
|
|
-webkit-animation-fill-mode:forwards;
|
|||
|
|
animation-fill-mode:forwards
|
|||
|
|
}
|
|||
|
|
.icon-tab-gachi.is-selected,.ranking .ranklist-tab .is-selected.tab-gachi{
|
|||
|
|
width:150px;
|
|||
|
|
height:174px;
|
|||
|
|
background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/ui/btn_tab_gachi_selected-cdea44a844938dc25e11012722838f61e63481243f639d5782e5fefbfc738702.svg') 0 0 no-repeat;
|
|||
|
|
-moz-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.icon-tab-regular,.ranking .ranklist-tab .tab-regular{
|
|||
|
|
width:150px;
|
|||
|
|
height:174px;
|
|||
|
|
background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/ui/btn_tab_regular-5c486ab22981007981a437324eab1d4cab73c7225d54bd0d0eaae2e6a15c5ae5.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-tab-regular:hover,.ranking .ranklist-tab .tab-regular:hover{
|
|||
|
|
-moz-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-moz-animation-fill-mode:forwards;
|
|||
|
|
-webkit-animation-fill-mode:forwards;
|
|||
|
|
animation-fill-mode:forwards
|
|||
|
|
}
|
|||
|
|
.icon-tab-regular.is-selected,.ranking .ranklist-tab .is-selected.tab-regular{
|
|||
|
|
width:150px;
|
|||
|
|
height:174px;
|
|||
|
|
background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/ui/btn_tab_regular_selected-7f3e65a597c238a95050087ac13dcc8820e65930f9641ddda13cd2953a5b172a.svg') 0 0 no-repeat;
|
|||
|
|
-moz-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.icon-tw-ink{
|
|||
|
|
width:85px;
|
|||
|
|
height:60px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_twitter_open-5283a0466ba5870285ee56474e5eed09edb39d49941ea1c2dc673a87c0030a29.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-tw-ink{
|
|||
|
|
width:128px;
|
|||
|
|
height:90px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_twitter_open-5283a0466ba5870285ee56474e5eed09edb39d49941ea1c2dc673a87c0030a29.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-tw-ink{
|
|||
|
|
width:128px;
|
|||
|
|
height:90px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_twitter_open-5283a0466ba5870285ee56474e5eed09edb39d49941ea1c2dc673a87c0030a29.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-tw-ink:hover{
|
|||
|
|
-moz-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-moz-animation-fill-mode:forwards;
|
|||
|
|
-webkit-animation-fill-mode:forwards;
|
|||
|
|
animation-fill-mode:forwards
|
|||
|
|
}
|
|||
|
|
.icon-tw-ink:before{
|
|||
|
|
content:'';
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:0;
|
|||
|
|
bottom:0;
|
|||
|
|
right:0;
|
|||
|
|
margin:auto;
|
|||
|
|
z-index:1;
|
|||
|
|
width:31px;
|
|||
|
|
height:25px;
|
|||
|
|
background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-tw-ink:before{
|
|||
|
|
width:42px;
|
|||
|
|
height:42px;
|
|||
|
|
background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-tw-ink:before{
|
|||
|
|
width:42px;
|
|||
|
|
height:42px;
|
|||
|
|
background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-tw-ink-disabled{
|
|||
|
|
width:85px;
|
|||
|
|
height:60px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_twitter_disable-6a47433e651eace90e49a6f3b03ecad5d5787a8278e534fb2b487f95bd364f75.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-tw-ink-disabled{
|
|||
|
|
width:128px;
|
|||
|
|
height:90px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_twitter_disable-6a47433e651eace90e49a6f3b03ecad5d5787a8278e534fb2b487f95bd364f75.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-tw-ink-disabled{
|
|||
|
|
width:128px;
|
|||
|
|
height:90px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_twitter_disable-6a47433e651eace90e49a6f3b03ecad5d5787a8278e534fb2b487f95bd364f75.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-tw-ink-disabled:before{
|
|||
|
|
content:'';
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:0;
|
|||
|
|
bottom:0;
|
|||
|
|
right:0;
|
|||
|
|
margin:auto;
|
|||
|
|
z-index:1;
|
|||
|
|
width:31px;
|
|||
|
|
height:25px;
|
|||
|
|
background:transparent url('svg/ui/ico_twitter_disable-5524ced4b48affdf963b8153cdabb57d8f224f891b1114561bacc68b46bbf880.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-tw-ink-disabled:before{
|
|||
|
|
width:42px;
|
|||
|
|
height:42px;
|
|||
|
|
background:transparent url('svg/ui/ico_twitter_disable-5524ced4b48affdf963b8153cdabb57d8f224f891b1114561bacc68b46bbf880.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-tw-ink-disabled:before{
|
|||
|
|
width:42px;
|
|||
|
|
height:42px;
|
|||
|
|
background:transparent url('svg/ui/ico_twitter_disable-5524ced4b48affdf963b8153cdabb57d8f224f891b1114561bacc68b46bbf880.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-tw-splash{
|
|||
|
|
width:125px;
|
|||
|
|
height:82px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_twitter_close-e4ff8abcc7b6a0ba52fc1703c5dc33b073cd6056693d28b40a617d8bb8cdfac4.svg') 0 0 no-repeat;
|
|||
|
|
-moz-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-tw-splash{
|
|||
|
|
width:161px;
|
|||
|
|
height:105px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_twitter_close-e4ff8abcc7b6a0ba52fc1703c5dc33b073cd6056693d28b40a617d8bb8cdfac4.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-tw-splash{
|
|||
|
|
width:161px;
|
|||
|
|
height:105px;
|
|||
|
|
background:transparent url('svg/ui/btn_dlg_twitter_close-e4ff8abcc7b6a0ba52fc1703c5dc33b073cd6056693d28b40a617d8bb8cdfac4.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-tw-splash:before{
|
|||
|
|
content:'';
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:0;
|
|||
|
|
bottom:0;
|
|||
|
|
right:0;
|
|||
|
|
margin:auto;
|
|||
|
|
z-index:1;
|
|||
|
|
width:24px;
|
|||
|
|
height:24px;
|
|||
|
|
background:transparent url('svg/ui/ico_menu_close-f6b3b7d81183e80a08db0451f9d8956beee12c5b36ffab85b78c33b6620f9dff.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-tw-splash:before{
|
|||
|
|
width:31px;
|
|||
|
|
height:31px;
|
|||
|
|
background:transparent url('svg/ui/ico_menu_close-f6b3b7d81183e80a08db0451f9d8956beee12c5b36ffab85b78c33b6620f9dff.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-tw-splash:before{
|
|||
|
|
width:31px;
|
|||
|
|
height:31px;
|
|||
|
|
background:transparent url('svg/ui/ico_menu_close-f6b3b7d81183e80a08db0451f9d8956beee12c5b36ffab85b78c33b6620f9dff.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-twitter-link:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:8px;
|
|||
|
|
left:10px;
|
|||
|
|
width:16px;
|
|||
|
|
height:16px;
|
|||
|
|
background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-twitter-unlink:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:8px;
|
|||
|
|
left:16px;
|
|||
|
|
width:16px;
|
|||
|
|
height:16px;
|
|||
|
|
background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.icon-headline-friendlist:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:22px;
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_friendlist-320cb666486606280b494d4d4427451b2de2c9ad01f3332c286433c6f536db0a.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-headline-friendlist:before{
|
|||
|
|
width:41px;
|
|||
|
|
height:41px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-headline-friendlist:before{
|
|||
|
|
width:41px;
|
|||
|
|
height:41px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-headline-stage:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:22px;
|
|||
|
|
width:40px;
|
|||
|
|
height:40px;
|
|||
|
|
background:transparent url('svg/ui/ico_stage-8dbc9e30d2dd9f99f4d1678fe53c4aaada7f7ff43929880a0c9f4e49f148f540.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-headline-stage:before{
|
|||
|
|
width:41px;
|
|||
|
|
height:41px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-headline-stage:before{
|
|||
|
|
width:41px;
|
|||
|
|
height:41px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-headline-ranking:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:18px;
|
|||
|
|
left:24px;
|
|||
|
|
width:37px;
|
|||
|
|
height:32px;
|
|||
|
|
background:transparent url('svg/ui/ico_ranking-c89e570ab4d08a764d285e453423188b1976895b3feacf031e3f231b1506b441.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-headline-ranking:before{
|
|||
|
|
width:40px;
|
|||
|
|
height:40px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-headline-ranking:before{
|
|||
|
|
width:40px;
|
|||
|
|
height:40px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-headline-equipment:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:13px;
|
|||
|
|
left:17px;
|
|||
|
|
width:34px;
|
|||
|
|
height:37px;
|
|||
|
|
background:transparent url('svg/ui/ico_equipment-40943361040a3d62c745a21d1a1fa95794c851f378e11334f2dc6c1cc81b4984.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .icon-headline-equipment:before{
|
|||
|
|
width:45px;
|
|||
|
|
height:45px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.icon-headline-equipment:before{
|
|||
|
|
width:45px;
|
|||
|
|
height:45px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.button-twitter-link,.button-twitter-unlink,.button-logout,.image-link,.text-link,.rank-detail,.touch-start,.enpera .link-wrapper a{
|
|||
|
|
-moz-transition:cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
|
|||
|
|
-o-transition:cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
|
|||
|
|
-webkit-transition:cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
|
|||
|
|
transition:cubic-bezier(0.19, 1, 0.22, 1) 0.4s
|
|||
|
|
}
|
|||
|
|
.button-twitter-link:hover,.button-twitter-unlink:hover,.button-logout:hover,.image-link:hover,.text-link:hover,.rank-detail:hover,.touch-start:hover,.enpera .link-wrapper a:hover{
|
|||
|
|
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
|||
|
|
opacity:0.8
|
|||
|
|
}
|
|||
|
|
.button-twitter-link{
|
|||
|
|
position:relative;
|
|||
|
|
display:table;
|
|||
|
|
width:150px;
|
|||
|
|
height:32px;
|
|||
|
|
background:#00aced;
|
|||
|
|
-moz-border-radius:28px;
|
|||
|
|
-webkit-border-radius:28px;
|
|||
|
|
border-radius:28px
|
|||
|
|
}
|
|||
|
|
.button-twitter-unlink{
|
|||
|
|
position:relative;
|
|||
|
|
display:table;
|
|||
|
|
width:150px;
|
|||
|
|
height:32px;
|
|||
|
|
background:#00aced;
|
|||
|
|
-moz-border-radius:28px;
|
|||
|
|
-webkit-border-radius:28px;
|
|||
|
|
border-radius:28px
|
|||
|
|
}
|
|||
|
|
.button-logout{
|
|||
|
|
display:table;
|
|||
|
|
width:150px;
|
|||
|
|
height:32px;
|
|||
|
|
background:#929292;
|
|||
|
|
-moz-border-radius:28px;
|
|||
|
|
-webkit-border-radius:28px;
|
|||
|
|
border-radius:28px
|
|||
|
|
}
|
|||
|
|
.button-ok{
|
|||
|
|
position:relative;
|
|||
|
|
display:table;
|
|||
|
|
width:226px;
|
|||
|
|
height:58px;
|
|||
|
|
background:#e4ff00;
|
|||
|
|
-moz-border-radius:28px;
|
|||
|
|
-webkit-border-radius:28px;
|
|||
|
|
border-radius:28px
|
|||
|
|
}
|
|||
|
|
.typography-player-name{
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem;
|
|||
|
|
color:white;
|
|||
|
|
font-weight:bold
|
|||
|
|
}
|
|||
|
|
.typography-player-name.small{
|
|||
|
|
font-size:16px;
|
|||
|
|
font-size:1.6rem
|
|||
|
|
}
|
|||
|
|
.typography-number-white-0{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:27px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_0_wht-8cfb46c6086b2798ab693a4417d3df58d5a25d19f77749e7f6915dc6a3ae819c.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:27px, 34px;
|
|||
|
|
-o-background-size:27px, 34px;
|
|||
|
|
-webkit-background-size:27px, 34px;
|
|||
|
|
background-size:27px, 34px;
|
|||
|
|
background-position:0 1px
|
|||
|
|
}
|
|||
|
|
.typography-number-white-1{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:18px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_1_wht-24754380a399263ceb1da9345f0f8d0fbe733c8cec184e39c128feafb1c509f1.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:18px, 34px;
|
|||
|
|
-o-background-size:18px, 34px;
|
|||
|
|
-webkit-background-size:18px, 34px;
|
|||
|
|
background-size:18px, 34px
|
|||
|
|
}
|
|||
|
|
.typography-number-white-2{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:27px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_2_wht-c6f8b2056b5f623f9b82b6b324d5267325abf958efd130c5738f83ba49a4c00b.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:27px, 34px;
|
|||
|
|
-o-background-size:27px, 34px;
|
|||
|
|
-webkit-background-size:27px, 34px;
|
|||
|
|
background-size:27px, 34px
|
|||
|
|
}
|
|||
|
|
.typography-number-white-3{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:27px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_3_wht-f89cc114275316a699bed7cebee2a8db0e739a269aaa44b34a7c8d51fe6798f2.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:27px, 34px;
|
|||
|
|
-o-background-size:27px, 34px;
|
|||
|
|
-webkit-background-size:27px, 34px;
|
|||
|
|
background-size:27px, 34px
|
|||
|
|
}
|
|||
|
|
.typography-number-white-4{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:27px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_4_wht-02c42d86c1f49ab3f4df70640844dc5b2a52255164dd39af7dd6c8f4d91df158.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:27px, 34px;
|
|||
|
|
-o-background-size:27px, 34px;
|
|||
|
|
-webkit-background-size:27px, 34px;
|
|||
|
|
background-size:27px, 34px
|
|||
|
|
}
|
|||
|
|
.typography-number-white-5{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:27px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_5_wht-5ce5e2c1dda772c7593527818ad7e15c85b5961f4a8c86fdba6b683c89dd73e0.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:27px, 34px;
|
|||
|
|
-o-background-size:27px, 34px;
|
|||
|
|
-webkit-background-size:27px, 34px;
|
|||
|
|
background-size:27px, 34px
|
|||
|
|
}
|
|||
|
|
.typography-number-white-6{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:29px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_6_wht-da724a1ad777094325b0c9206f9d5c3ab7ba26772bb62978bc6b7deffd734c9e.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:29px, 34px;
|
|||
|
|
-o-background-size:29px, 34px;
|
|||
|
|
-webkit-background-size:29px, 34px;
|
|||
|
|
background-size:29px, 34px
|
|||
|
|
}
|
|||
|
|
.typography-number-white-7{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:27px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_7_wht-638100e4637784de035fe33f3abf220a9fa3e6111b2e575d419f744bd93478dc.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:27px, 34px;
|
|||
|
|
-o-background-size:27px, 34px;
|
|||
|
|
-webkit-background-size:27px, 34px;
|
|||
|
|
background-size:27px, 34px
|
|||
|
|
}
|
|||
|
|
.typography-number-white-8{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:27px;
|
|||
|
|
height:36px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_8_wht-49c1e335c3a7758d6d05fa564ec7c250ec885ef383fc51c07f48ecd142d61599.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:27px, 36px;
|
|||
|
|
-o-background-size:27px, 36px;
|
|||
|
|
-webkit-background-size:27px, 36px;
|
|||
|
|
background-size:27px, 36px
|
|||
|
|
}
|
|||
|
|
.typography-number-white-9{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:30px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_9_wht-3b85482f26a5ee5e6f3b07c8821a8878de8ed1ff7b8ae7953d8e35d27b67a7d2.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:30px, 34px;
|
|||
|
|
-o-background-size:30px, 34px;
|
|||
|
|
-webkit-background-size:30px, 34px;
|
|||
|
|
background-size:30px, 34px
|
|||
|
|
}
|
|||
|
|
.typography-number-orange-0{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:17px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_0_orange-f69828a6019dfc3932c02b5c31db0bdcebe5757c45d8ee00e6f1bee59b7e99d7.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:17px, 20px;
|
|||
|
|
-o-background-size:17px, 20px;
|
|||
|
|
-webkit-background-size:17px, 20px;
|
|||
|
|
background-size:17px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-orange-1{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:10px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_1_orange-74328e96411c9d85b7a09cf021022e650e8baf24b1ebd0e6d088c12abb034403.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:10px, 20px;
|
|||
|
|
-o-background-size:10px, 20px;
|
|||
|
|
-webkit-background-size:10px, 20px;
|
|||
|
|
background-size:10px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-orange-2{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:16px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_2_orange-48ae3f075ee261faf58f5fbc878ef6535044d089a039fad065a119b7ec353323.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:16px, 20px;
|
|||
|
|
-o-background-size:16px, 20px;
|
|||
|
|
-webkit-background-size:16px, 20px;
|
|||
|
|
background-size:16px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-orange-3{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:16px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_3_orange-f039770517a13c41bd86a5837a8949a91d496cc2db33c90ccfc5c601b369efb7.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:16px, 20px;
|
|||
|
|
-o-background-size:16px, 20px;
|
|||
|
|
-webkit-background-size:16px, 20px;
|
|||
|
|
background-size:16px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-orange-4{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:16px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_4_orange-e9264e1d9066804ffc92f831c4501256a41d2ddde2df7803b0c434fc95f901a1.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:16px, 20px;
|
|||
|
|
-o-background-size:16px, 20px;
|
|||
|
|
-webkit-background-size:16px, 20px;
|
|||
|
|
background-size:16px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-orange-5{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:16px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_5_orange-c961244cc0d6683e1352fc8362d42632e3fb8236b8bbc74fcfeb79e8be439992.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:16px, 20px;
|
|||
|
|
-o-background-size:16px, 20px;
|
|||
|
|
-webkit-background-size:16px, 20px;
|
|||
|
|
background-size:16px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-orange-6{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:18px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_6_orange-bbb6348726eb8fde9adcd9eee9191238ffc1a5ef73f306b0c8d095818ac4d3e8.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:18px, 20px;
|
|||
|
|
-o-background-size:18px, 20px;
|
|||
|
|
-webkit-background-size:18px, 20px;
|
|||
|
|
background-size:18px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-orange-7{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:16px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_7_orange-42f9af312aa30482e705635b85e1232f1e89f055d7460aa0361c642a5ec1ad65.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:16px, 20px;
|
|||
|
|
-o-background-size:16px, 20px;
|
|||
|
|
-webkit-background-size:16px, 20px;
|
|||
|
|
background-size:16px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-orange-8{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:17px;
|
|||
|
|
height:22px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_8_orange-ffdb8ef663130e9d0dee82ecdeab69c006dbe2dc05ff41352b79b7d21b9f3902.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:17px, 22px;
|
|||
|
|
-o-background-size:17px, 22px;
|
|||
|
|
-webkit-background-size:17px, 22px;
|
|||
|
|
background-size:17px, 22px
|
|||
|
|
}
|
|||
|
|
.typography-number-orange-9{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:18px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_9_orange-b6363055cba47768e05b222390ebf1c9c09af70d3cbd6896dc68c86707311c6e.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:18px, 20px;
|
|||
|
|
-o-background-size:18px, 20px;
|
|||
|
|
-webkit-background-size:18px, 20px;
|
|||
|
|
background-size:18px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-green-0{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:17px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_0_green-40e856e23dc10b261a2a07d4aecb4092797913ab350fd9976ea7e3aa4a5082f2.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:17px, 20px;
|
|||
|
|
-o-background-size:17px, 20px;
|
|||
|
|
-webkit-background-size:17px, 20px;
|
|||
|
|
background-size:17px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-green-1{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:10px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_1_green-c54d4ba3d0651b1ee50a6df24b0692afa22dc6792b6e3a9bbe5a5e089ccf9515.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:10px, 20px;
|
|||
|
|
-o-background-size:10px, 20px;
|
|||
|
|
-webkit-background-size:10px, 20px;
|
|||
|
|
background-size:10px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-green-2{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:16px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_2_green-f05fa75efc1803029130a07b3b87b394d638b7558386057568317a4bcca636cb.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:16px, 20px;
|
|||
|
|
-o-background-size:16px, 20px;
|
|||
|
|
-webkit-background-size:16px, 20px;
|
|||
|
|
background-size:16px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-green-3{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:16px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_3_green-d327346e1997c941fb6d1a39922e89fb5c9fe1e78feb2a11de0b7e18e589b2aa.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:16px, 20px;
|
|||
|
|
-o-background-size:16px, 20px;
|
|||
|
|
-webkit-background-size:16px, 20px;
|
|||
|
|
background-size:16px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-green-4{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:16px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_4_green-fad2da0c0135f5511d0033b6f9df1176e786dbb1dc80518c5459ebdacf3f6fa3.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:16px, 20px;
|
|||
|
|
-o-background-size:16px, 20px;
|
|||
|
|
-webkit-background-size:16px, 20px;
|
|||
|
|
background-size:16px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-green-5{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:16px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_5_green-6158cc1815800a58a180f3c8dd0ff194978325795d43a168e3d6c5653a30cb20.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:16px, 20px;
|
|||
|
|
-o-background-size:16px, 20px;
|
|||
|
|
-webkit-background-size:16px, 20px;
|
|||
|
|
background-size:16px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-green-6{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:18px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_6_green-01dde34f3fda5fb4a18f96a60d83261c555f7adf2b274d4518bd2b464a171ef8.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:18px, 20px;
|
|||
|
|
-o-background-size:18px, 20px;
|
|||
|
|
-webkit-background-size:18px, 20px;
|
|||
|
|
background-size:18px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-green-7{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:16px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_7_green-9135b2919cfb0c37ce7f269edceaf4028e3e9f4a22e49e2e6c80913d73f55605.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:16px, 20px;
|
|||
|
|
-o-background-size:16px, 20px;
|
|||
|
|
-webkit-background-size:16px, 20px;
|
|||
|
|
background-size:16px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-number-green-8{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:17px;
|
|||
|
|
height:22px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_8_green-641f727121544e3f8b84cc3059f30188e8121a195f4d47ea53bd3acae5ed0397.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:17px, 22px;
|
|||
|
|
-o-background-size:17px, 22px;
|
|||
|
|
-webkit-background-size:17px, 22px;
|
|||
|
|
background-size:17px, 22px
|
|||
|
|
}
|
|||
|
|
.typography-number-green-9{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
margin:0 1px;
|
|||
|
|
width:18px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/number/tx_nb_9_green-42923a55266d346994722a719a7b76334ba7247b72eea9affa6dc71ba47f648a.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:18px, 20px;
|
|||
|
|
-o-background-size:18px, 20px;
|
|||
|
|
-webkit-background-size:18px, 20px;
|
|||
|
|
background-size:18px, 20px
|
|||
|
|
}
|
|||
|
|
.typography-udemae-a{
|
|||
|
|
width:59px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_a-6b43fb1a0461932ed04e5af0598eabd9d5ab07ad9a8902641117f372cddf2582.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-udemae-a-minus{
|
|||
|
|
width:59px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_a_minus-04165ef0c844cf836ef87dc0cb9d4041758a46b67f7be074e28e90ac1897279d.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-udemae-a-plus{
|
|||
|
|
width:59px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_a_plus-d710165dd227482d79330309efe4705fdfb8b803c354b5da38cb9ac06dc1765e.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-udemae-b{
|
|||
|
|
width:59px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_b-eb6bb02bb4338127aa6de25b7f3bd38318b514700eea763118f9675f4c1617c5.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-udemae-b-minus{
|
|||
|
|
width:59px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_b_minus-2885d447310a4fb5004fb3125aa55a6df85ce384cbfc86d25441ec9158ec127e.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-udemae-b-plus{
|
|||
|
|
width:59px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_b_plus-f7c6aa9ecea936266e583bc4ffbbf30ecae4586465b120337741be9aafe93c3b.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-udemae-c{
|
|||
|
|
width:59px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_c-fe1fe7f2b82e3aabf48aa4400b19b1e8cf0fc2190354e0dbf50f089ab67c340f.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-udemae-c-minus{
|
|||
|
|
width:59px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_c_minus-428155b1832ce62283d69a7117853485fb71fcde2a5514bb85c010c5ad67135e.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-udemae-c-plus{
|
|||
|
|
width:59px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_c_plus-50578dfa638b0895de9066a489a24e40a483021588cad762a2d39f3e03fbb333.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-udemae-s{
|
|||
|
|
width:59px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_s-b73c38c850415c6127a21fff948b2ddcace46778e1a913f195427ab0fe65a779.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-udemae-s-plus{
|
|||
|
|
width:59px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_s_plus-0d360efab395bbd71ca49aa3c265d78f0d09e21c44334724c7ed9d90262248b9.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-friendlist{
|
|||
|
|
position:absolute;
|
|||
|
|
top:12px;
|
|||
|
|
left:78px;
|
|||
|
|
width:161px;
|
|||
|
|
height:29px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_friendlist-d2382077212ef7b23a05676fbe497250929629d5f7b09c4d036189b4e44c435d.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
a:hover .typography-friendlist,.typography-friendlist:hover,.is-selected .typography-friendlist{
|
|||
|
|
width:161px;
|
|||
|
|
height:29px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_friendlist_wht-47d1c392e4568ded71da84eb878d8b4043ca7b8ec64e1921bcec9f4ff2611287.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-ranking{
|
|||
|
|
position:absolute;
|
|||
|
|
top:7px;
|
|||
|
|
left:78px;
|
|||
|
|
width:117px;
|
|||
|
|
height:35px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_ranking-f6b2ae1325607d6f67862aeddbd515ffbc8f66faf86780b2388753f9233c5cbf.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
a:hover .typography-ranking,.typography-ranking:hover,.is-selected .typography-ranking{
|
|||
|
|
width:117px;
|
|||
|
|
height:35px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_ranking_wht-d3d8620fc74b57e40fbd14223047afefa14c1ace51eb200d1c83b62a0ca9a781.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-equipment{
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:78px;
|
|||
|
|
width:71px;
|
|||
|
|
height:33px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_equipment-c61f5a99835ec025e2bd60b6cdc7d9b5273965c1524dd23d4383442dde496bae.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
a:hover .typography-equipment,.typography-equipment:hover,.is-selected .typography-equipment{
|
|||
|
|
width:71px;
|
|||
|
|
height:33px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_equipment_wht-1900a03af3da968b36b478474c70d827cc542320333951a3759fa3565ee37208.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-stage{
|
|||
|
|
position:absolute;
|
|||
|
|
top:7px;
|
|||
|
|
left:78px;
|
|||
|
|
width:155px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_stageinfo-130eba123801fc3338e2c62901769092769a641f4adfee82f39f465fcc9211fc.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
a:hover .typography-stage,.typography-stage:hover,.is-selected .typography-stage{
|
|||
|
|
width:155px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_stageinfo_wht-5c34dd3efd684bd47b7998c432a4525ba31e057bafce33204e5a9bad49537843.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-microsite{
|
|||
|
|
width:164px;
|
|||
|
|
height:17px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_officialpage-7cdf3f325eae9a47459033bee3502cb0b6c921d33ebc931d884babd9e3b75eb8.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-corporate{
|
|||
|
|
width:91px;
|
|||
|
|
height:15px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_nintendo-8cad05eb543ca2c254e282cdf62fc0b3a027aed70e77a11a8cd45f0631f0acd7.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-twitter-link{
|
|||
|
|
width:94px;
|
|||
|
|
height:15px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_twitter-7ebad9b4bb92285a3c3d725eb10313412ca9283a104f31ff30ba6c1093980878.svg.html') 0 0 no-repeat;
|
|||
|
|
position:absolute;
|
|||
|
|
top:8px;
|
|||
|
|
left:38px
|
|||
|
|
}
|
|||
|
|
.typography-twitter-unlink{
|
|||
|
|
width:60px;
|
|||
|
|
height:15px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_twitter_Cancel-46a5e3430536d2218d37c0b76a251b9b1d98deb0afb2331d1d2c28f728d2936b.svg.html') 0 0 no-repeat;
|
|||
|
|
position:absolute;
|
|||
|
|
top:8px;
|
|||
|
|
left:44px
|
|||
|
|
}
|
|||
|
|
.typography-logout{
|
|||
|
|
width:70px;
|
|||
|
|
height:15px;
|
|||
|
|
background:transparent url('svg/text/menu/tx_logout-dbc513d49f0147ff28e76d7506ce8f45968c667c0eddd2b2b6e0778f44753a69.svg.html') 0 0 no-repeat;
|
|||
|
|
position:relative;
|
|||
|
|
top:8px;
|
|||
|
|
left:42px
|
|||
|
|
}
|
|||
|
|
.typography-headline-friendlist{
|
|||
|
|
width:160px;
|
|||
|
|
height:29px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_friendlist_wht-dd02fed05e5b03d1cdb43de49b19165ac9bbe3f8b6cfadebf6c84f92f8c86db5.svg.html') 0 0 no-repeat;
|
|||
|
|
position:absolute;
|
|||
|
|
top:14px;
|
|||
|
|
left:78px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .typography-headline-friendlist{
|
|||
|
|
width:182px;
|
|||
|
|
height:34px;
|
|||
|
|
position:absolute;
|
|||
|
|
top:13px;
|
|||
|
|
left:78px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.typography-headline-friendlist{
|
|||
|
|
width:182px;
|
|||
|
|
height:34px;
|
|||
|
|
position:absolute;
|
|||
|
|
top:13px;
|
|||
|
|
left:78px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.typography-headline-stage{
|
|||
|
|
width:155px;
|
|||
|
|
height:39px;
|
|||
|
|
background:transparent url('svg/text/scene/stage/tx_stageinfo-9d88c9a01d73c3da582d374ace07ec45143f8d7342651d1961fdafb1935a0329.svg.html') 0 0 no-repeat;
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:78px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .typography-headline-stage{
|
|||
|
|
width:162px;
|
|||
|
|
height:40px;
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:88px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.typography-headline-stage{
|
|||
|
|
width:162px;
|
|||
|
|
height:40px;
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:88px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.typography-headline-ranking{
|
|||
|
|
width:117px;
|
|||
|
|
height:35px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/tx_ranking_wht-10e6a9b1d5f16494a8ce92c9ec0920e4b20b33bee87318e9a1d106a3613a04b9.svg.html') 0 0 no-repeat;
|
|||
|
|
position:absolute;
|
|||
|
|
top:12px;
|
|||
|
|
left:80px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .typography-headline-ranking{
|
|||
|
|
width:160px;
|
|||
|
|
height:47px;
|
|||
|
|
position:absolute;
|
|||
|
|
top:8px;
|
|||
|
|
left:81px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.typography-headline-ranking{
|
|||
|
|
width:160px;
|
|||
|
|
height:47px;
|
|||
|
|
position:absolute;
|
|||
|
|
top:8px;
|
|||
|
|
left:81px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.typography-headline-equipment{
|
|||
|
|
width:69px;
|
|||
|
|
height:32px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/tx_equipment-a5ed85fbf2ab29865155410f6ccf104742893b42116b41f1843ee9cc996d5308.svg.html') 0 0 no-repeat;
|
|||
|
|
position:absolute;
|
|||
|
|
top:12px;
|
|||
|
|
left:70px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .typography-headline-equipment{
|
|||
|
|
width:96px;
|
|||
|
|
height:44px;
|
|||
|
|
position:absolute;
|
|||
|
|
top:12px;
|
|||
|
|
left:70px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.typography-headline-equipment{
|
|||
|
|
width:96px;
|
|||
|
|
height:44px;
|
|||
|
|
position:absolute;
|
|||
|
|
top:12px;
|
|||
|
|
left:70px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.typography-recruiting{
|
|||
|
|
width:70px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_recruiting-1a43935a33840e6ef140760846bf2be88ef368fcb490e9b77638d7d9154b5b3d.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .typography-recruiting{
|
|||
|
|
width:78px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_recruiting-1a43935a33840e6ef140760846bf2be88ef368fcb490e9b77638d7d9154b5b3d.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.typography-recruiting{
|
|||
|
|
width:78px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_recruiting-1a43935a33840e6ef140760846bf2be88ef368fcb490e9b77638d7d9154b5b3d.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.typography-participation{
|
|||
|
|
width:70px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_participation-3b0ca99edde046acf8f8c1c2eec2b44b203fa1b174628a5504680de5038aa177.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .typography-participation{
|
|||
|
|
width:78px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_participation-3b0ca99edde046acf8f8c1c2eec2b44b203fa1b174628a5504680de5038aa177.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.typography-participation{
|
|||
|
|
width:78px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_participation-3b0ca99edde046acf8f8c1c2eec2b44b203fa1b174628a5504680de5038aa177.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.typography-participation-edit{
|
|||
|
|
width:64px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/friendpublic/tx_planchange-0b62de3f731c66961c505b804737569288ccb79cbc946a64b36c62730e367383.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .typography-participation-edit{
|
|||
|
|
width:69px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/friendpublic/tx_planchange-0b62de3f731c66961c505b804737569288ccb79cbc946a64b36c62730e367383.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.typography-participation-edit{
|
|||
|
|
width:69px;
|
|||
|
|
height:20px;
|
|||
|
|
background:transparent url('svg/text/scene/friendpublic/tx_planchange-0b62de3f731c66961c505b804737569288ccb79cbc946a64b36c62730e367383.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.typography-plan{
|
|||
|
|
width:118px;
|
|||
|
|
height:29px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/tx_decide-2b0beabc4cd7c96501655e55ae18473a1b8850d9e957af4edd8b4f7e332cba99.svg.html') 0 0 no-repeat;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-plan-date{
|
|||
|
|
width:59px;
|
|||
|
|
height:14px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/tx_starttime-d1e07c29f82737f28eafa68c897ab2547f98d6e3895ecf6d5e55353cacdb86ce.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-plan-feel{
|
|||
|
|
width:58px;
|
|||
|
|
height:15px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/tx_feeling-214375c50a464fc8e3fce2df3da88819d2a02bcb76946f717bf08cfadbf8c859.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-plan-weapon{
|
|||
|
|
width:29px;
|
|||
|
|
height:16px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/tx_weapon-f91e0652611f60b1dbbf6d9c5d0901ffbeb03b27464a566696036bc24c7218a0.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-ok{
|
|||
|
|
display:block;
|
|||
|
|
margin:8px auto 0;
|
|||
|
|
width:99px;
|
|||
|
|
height:41px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/tx_ok-fb89bc38354cfbf989c697a54365f1d405367dfb2fcc6cdb3836e182489b0de8.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-colon{
|
|||
|
|
width:36px;
|
|||
|
|
height:36px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_colon_wht-fdd79be198fb5539b5e91d33170a41e59017a713992be0c5a71b0375b9c5c336.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:36px, 36px;
|
|||
|
|
-o-background-size:36px, 36px;
|
|||
|
|
-webkit-background-size:36px, 36px;
|
|||
|
|
background-size:36px, 36px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-0{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_0-26618e03a4425feeac15d4954bece199570c4fb49d1640e6c3e4d328eb5ab962.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-1{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_1-fc81f3181b3ce6b9972d9902c264a812ef2dbb034b1867df8fad09c9f48ee60e.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-2{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_2-786f1be4c202882d69b82363598369d44611c1538d152fd77ffb217db6641d14.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-3{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_3-fe268d00448ab9f8a80a8d586f871d35455d391236c87be461e1e4b5c5ec20d8.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-4{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_4-2db47ffa93070f5714ab6768fa21b6c46e51ecb6e5bf400becba933bd0472702.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-5{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_5-b3352c64d3efb9d6e4810e2c22c23b6c5e3c5bcf6a981a8c8a801b969c1bed62.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-6{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_6-b7dbd2b9161b70d25440cc5780b1c706327703fdf5bafb95008666f834abef17.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-7{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_7-ee8dd45fadc27350b031d94cc5285f28ca156b334c68a64f18a241ab0bcd6f47.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-8{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_8-1d02f02a4442948a7d9668111c72cdeb164bbe8cd6abbb4b813f73aff58911e6.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-9{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_9-12fd0183dc953d0243268a43a0f9c32bcd3396ef29b069e23f31911226eb52f4.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-10{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_10-a6a9c6d4fc4cd06629b27a9212f8df81c9a4a21f145678b3391b4323883d1f97.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-11{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_11-23a2e9bef7706d907438f972284376c8fcd54ece3eafe3fc36a47ccc41886809.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-12{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_12-04cc19d32b5ccffc0eddd1fc27259ef65c86ff47b69ab761f5cf8e8c72ea973d.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-13{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_13-f929948b4299c31a61a0907e8fc0432e6b70477eaa5c232d4c5817803c7aeb8a.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-14{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_14-53fa8c33d670ec45a771d0c38f4359d24fb7f09f9ec4f116eca0df75094225ad.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-15{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_15-67b93341405c616bacde31863c86f7c0c279021490393f09fae391939a21f9bc.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-16{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_16-439085a97c72d74a20040a7b199641e8de0fd17f871c1f51f37bc6dd3243d02a.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-17{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_17-7ac457f6d64a6185158dc6124d5ca47ab94a75d7e0121e24bfea51b242d80bc5.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-18{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_18-94c993f6c75f3709b8ee611c8cdcea9a67ba871aabf82ddd64243ace5db1fb12.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-19{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_19-1d78ce2ca8639efdcc1584463e71cad76a0181a838977af2254a8a626776cb09.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-20{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_20-3e15e9fdb381eeb804b8a9f22c4596eb7464428cc69f0e7defa9b30bdd7b5df2.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-21{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_21-e5beeb95f218da6b4fcc528d0b5ccd00b133b0f0a44405b684a015e094b2d210.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-22{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_22-e1406eee8d2727eaf60b6508b46a355dfccbe8d4e5bdfd9eecba60e9077246cb.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-hour-23{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_23-adb3f2c1c4ac7646a964dd6bff186731a2ff97b3d2930b68eec164c9fde00018.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-minutes-0{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_00-5b9b848715bc67da5acd7f4242bbaaaa85af2e2f5031d6773dd7ed72f07eb69a.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-minutes-15{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_15-67b93341405c616bacde31863c86f7c0c279021490393f09fae391939a21f9bc.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-minutes-30{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_30-189c7bd96c5289eeb671a2b26428c25a709cd6db8fcf75a5719f6ea38afa65d6.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-minutes-45{
|
|||
|
|
width:58px;
|
|||
|
|
height:34px;
|
|||
|
|
background:transparent url('svg/text/scene/todayplan/time/tx_time_45-ac9380eb3c46e9c489fa9b73d4839689f26dc6e1c7409bc155237f4256280320.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:58px, 34px;
|
|||
|
|
-o-background-size:58px, 34px;
|
|||
|
|
-webkit-background-size:58px, 34px;
|
|||
|
|
background-size:58px, 34px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-friend-status-playing{
|
|||
|
|
width:194px;
|
|||
|
|
height:30px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_playing-7a5f56696f811ad0d2a990640fc2aa35646fb900f3f31a569cf2cfb26a6bc3a8.svg') 0 0 no-repeat;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-friend-status-regular{
|
|||
|
|
width:194px;
|
|||
|
|
height:30px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_playing_0-4591fabc8359216df59029867fe34b2c201f87feaee9842ff8ec56bb8459565b.svg') 0 0 no-repeat;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-friend-status-gachi{
|
|||
|
|
width:194px;
|
|||
|
|
height:30px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_playing_1-abbe322d21fbdef944ae803a2439402ebdc7027bcaf0b38cdbd0f102f6a977fd.svg') 0 0 no-repeat;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-friend-status-fes{
|
|||
|
|
width:194px;
|
|||
|
|
height:30px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_playing_2-10be1276aa4be78b911b99540917b51bb04fd35b2fda2554e362ad700a3adabe.svg') 0 0 no-repeat;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-friend-status-private{
|
|||
|
|
width:194px;
|
|||
|
|
height:30px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_playing_3-f63cb78b2ef948fc70b8fde6f1d2d7702d21218a8fa1b25e84ebc7c7e790f49a.svg') 0 0 no-repeat;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-friend-status-tag{
|
|||
|
|
width:194px;
|
|||
|
|
height:30px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_playing_4-0020d5a61a592a501fb22a740685f99943e8ccdbecd120e7ec987e865162223e.svg') 0 0 no-repeat;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-friend-status-online{
|
|||
|
|
width:194px;
|
|||
|
|
height:30px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_playing_online-7ba7d6a70efa78ba7044e3c168514b16db91ccfee81cfff23e975fcf26443f4c.svg') 0 0 no-repeat;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-friend-status-offline{
|
|||
|
|
width:194px;
|
|||
|
|
height:30px;
|
|||
|
|
background:transparent url('svg/text/scene/friendlist/tx_playing_offline-4b8d56768c532e6b7792f3abd5dc2a004cab8672eb436018ca78b5989ff33e7d.svg') 0 0 no-repeat;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-headline-plan{
|
|||
|
|
width:266px;
|
|||
|
|
height:56px;
|
|||
|
|
background:transparent url('svg/text/scene/friendpublic/tx_plantoday-edc2db90a0903beaaf623e0411242682e530cd2a122941088ec81d06cec0e7d1.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:161px, 28px;
|
|||
|
|
-o-background-size:161px, 28px;
|
|||
|
|
-webkit-background-size:161px, 28px;
|
|||
|
|
background-size:161px, 28px;
|
|||
|
|
background-position:68px 16px
|
|||
|
|
}
|
|||
|
|
.typography-headline-proposer{
|
|||
|
|
width:266px;
|
|||
|
|
height:56px;
|
|||
|
|
background:transparent url('svg/text/scene/friendpublic/tx_iidashippe-68446b533eebfd691f58eac07bdd665a50ba284e776c461a4df71d476069e2e0.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:127px, 43px;
|
|||
|
|
-o-background-size:127px, 43px;
|
|||
|
|
-webkit-background-size:127px, 43px;
|
|||
|
|
background-size:127px, 43px;
|
|||
|
|
background-position:91px 8px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .typography-headline-proposer{
|
|||
|
|
background-position:4px 8px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.typography-headline-proposer{
|
|||
|
|
background-position:4px 8px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.typography-rank-regularmatch{
|
|||
|
|
width:266px;
|
|||
|
|
height:56px;
|
|||
|
|
background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/text/scene/rank/tx_ico_regularmatch-98bac94e7a38e60838cc16821c0e9305e25a6f93972144d8ce99a174d6109e6a.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-rank-gachimatch{
|
|||
|
|
width:266px;
|
|||
|
|
height:56px;
|
|||
|
|
background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/text/scene/rank/tx_ico_gachimatch-a85d7219d5a0d0591a1138661e33605f599fef9124ebeaf564fbc72590b0b20c.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-rank-tweet{
|
|||
|
|
width:228px;
|
|||
|
|
height:36px;
|
|||
|
|
background:transparent url('svg/text/scene/rank/tx_tweet-ec603719e0ad61b65c8694876df89773e62bb7fb3c1b0e6fc6b7fe317394b7af.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-equip-rank{
|
|||
|
|
width:58px;
|
|||
|
|
height:22px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/tx_rank-92fc19a2b1838a45d2d862e3fa3b6764125950ba29a6fc408e749871324e1fab.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-equip-udemae{
|
|||
|
|
width:83px;
|
|||
|
|
height:31px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/tx_udemae-fefd2ce003257a4ee877b6cf51d455d94d71b5c2f4b10693ed382e138133bbb1.svg.html') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-equip-painted-area{
|
|||
|
|
width:238px;
|
|||
|
|
height:28px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/tx_painted-d98c1951f8c02015b5fffe8bdb4f559bee55abab9a29a38207f46a1485c51e30.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-point{
|
|||
|
|
width:27px;
|
|||
|
|
height:33px;
|
|||
|
|
background:transparent url('svg/text/scene/equipment/point/tx_point_wht-369f78c1bd3657a9d999bcf72fa6e94efdfe2855924591b47091bc640ddbc8a3.svg') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:27px, 33px;
|
|||
|
|
-o-background-size:27px, 33px;
|
|||
|
|
-webkit-background-size:27px, 33px;
|
|||
|
|
background-size:27px, 33px
|
|||
|
|
}
|
|||
|
|
.typography-loading{
|
|||
|
|
width:44px;
|
|||
|
|
height:12px;
|
|||
|
|
background:transparent url('svg/text/wait/tx_loading-6866ad1ac260f74c6044580ba22d9faf08758a388eefa59696be73d67f39e521.svg') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:44px, 12px;
|
|||
|
|
-o-background-size:44px, 12px;
|
|||
|
|
-webkit-background-size:44px, 12px;
|
|||
|
|
background-size:44px, 12px
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes drip{
|
|||
|
|
0%{
|
|||
|
|
opacity:0;
|
|||
|
|
bottom:-14px
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
opacity:1;
|
|||
|
|
bottom:-34px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes drip{
|
|||
|
|
0%{
|
|||
|
|
opacity:0;
|
|||
|
|
bottom:-14px
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
opacity:1;
|
|||
|
|
bottom:-34px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes drip{
|
|||
|
|
0%{
|
|||
|
|
opacity:0;
|
|||
|
|
bottom:-14px
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
opacity:1;
|
|||
|
|
bottom:-34px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes expand-open{
|
|||
|
|
0%{
|
|||
|
|
-moz-transform:scale(0, 0);
|
|||
|
|
transform:scale(0, 0)
|
|||
|
|
}
|
|||
|
|
70%{
|
|||
|
|
-moz-transform:scale(1, 1);
|
|||
|
|
transform:scale(1, 1)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-moz-transform:scale(1, 1);
|
|||
|
|
transform:scale(1, 1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes expand-open{
|
|||
|
|
0%{
|
|||
|
|
-webkit-transform:scale(0, 0);
|
|||
|
|
transform:scale(0, 0)
|
|||
|
|
}
|
|||
|
|
70%{
|
|||
|
|
-webkit-transform:scale(1, 1);
|
|||
|
|
transform:scale(1, 1)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-webkit-transform:scale(1, 1);
|
|||
|
|
transform:scale(1, 1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes expand-open{
|
|||
|
|
0%{
|
|||
|
|
-moz-transform:scale(0, 0);
|
|||
|
|
-ms-transform:scale(0, 0);
|
|||
|
|
-webkit-transform:scale(0, 0);
|
|||
|
|
transform:scale(0, 0)
|
|||
|
|
}
|
|||
|
|
70%{
|
|||
|
|
-moz-transform:scale(1, 1);
|
|||
|
|
-ms-transform:scale(1, 1);
|
|||
|
|
-webkit-transform:scale(1, 1);
|
|||
|
|
transform:scale(1, 1)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-moz-transform:scale(1, 1);
|
|||
|
|
-ms-transform:scale(1, 1);
|
|||
|
|
-webkit-transform:scale(1, 1);
|
|||
|
|
transform:scale(1, 1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes splash{
|
|||
|
|
0%{
|
|||
|
|
-moz-transform:scale(0.6, 0.6);
|
|||
|
|
transform:scale(0.6, 0.6)
|
|||
|
|
}
|
|||
|
|
70%{
|
|||
|
|
-moz-transform:scale(1.2, 1.2);
|
|||
|
|
transform:scale(1.2, 1.2)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-moz-transform:scale(1, 1);
|
|||
|
|
transform:scale(1, 1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes splash{
|
|||
|
|
0%{
|
|||
|
|
-webkit-transform:scale(0.6, 0.6);
|
|||
|
|
transform:scale(0.6, 0.6)
|
|||
|
|
}
|
|||
|
|
70%{
|
|||
|
|
-webkit-transform:scale(1.2, 1.2);
|
|||
|
|
transform:scale(1.2, 1.2)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-webkit-transform:scale(1, 1);
|
|||
|
|
transform:scale(1, 1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes splash{
|
|||
|
|
0%{
|
|||
|
|
-moz-transform:scale(0.6, 0.6);
|
|||
|
|
-ms-transform:scale(0.6, 0.6);
|
|||
|
|
-webkit-transform:scale(0.6, 0.6);
|
|||
|
|
transform:scale(0.6, 0.6)
|
|||
|
|
}
|
|||
|
|
70%{
|
|||
|
|
-moz-transform:scale(1.2, 1.2);
|
|||
|
|
-ms-transform:scale(1.2, 1.2);
|
|||
|
|
-webkit-transform:scale(1.2, 1.2);
|
|||
|
|
transform:scale(1.2, 1.2)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-moz-transform:scale(1, 1);
|
|||
|
|
-ms-transform:scale(1, 1);
|
|||
|
|
-webkit-transform:scale(1, 1);
|
|||
|
|
transform:scale(1, 1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes bounce{
|
|||
|
|
0%{
|
|||
|
|
-moz-transform:scale(0.9, 0.9);
|
|||
|
|
transform:scale(0.9, 0.9)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-moz-transform:scale(1.1, 1.1);
|
|||
|
|
transform:scale(1.1, 1.1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes bounce{
|
|||
|
|
0%{
|
|||
|
|
-webkit-transform:scale(0.9, 0.9);
|
|||
|
|
transform:scale(0.9, 0.9)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-webkit-transform:scale(1.1, 1.1);
|
|||
|
|
transform:scale(1.1, 1.1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes bounce{
|
|||
|
|
0%{
|
|||
|
|
-moz-transform:scale(0.9, 0.9);
|
|||
|
|
-ms-transform:scale(0.9, 0.9);
|
|||
|
|
-webkit-transform:scale(0.9, 0.9);
|
|||
|
|
transform:scale(0.9, 0.9)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-moz-transform:scale(1.1, 1.1);
|
|||
|
|
-ms-transform:scale(1.1, 1.1);
|
|||
|
|
-webkit-transform:scale(1.1, 1.1);
|
|||
|
|
transform:scale(1.1, 1.1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes toggle-open{
|
|||
|
|
0%{
|
|||
|
|
-moz-transform:translate3d(-286px, 0, 0);
|
|||
|
|
transform:translate3d(-286px, 0, 0)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-moz-transform:translate3d(0, 0, 0);
|
|||
|
|
transform:translate3d(0, 0, 0)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes toggle-open{
|
|||
|
|
0%{
|
|||
|
|
-webkit-transform:translate3d(-286px, 0, 0);
|
|||
|
|
transform:translate3d(-286px, 0, 0)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-webkit-transform:translate3d(0, 0, 0);
|
|||
|
|
transform:translate3d(0, 0, 0)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes toggle-open{
|
|||
|
|
0%{
|
|||
|
|
-moz-transform:translate3d(-286px, 0, 0);
|
|||
|
|
-webkit-transform:translate3d(-286px, 0, 0);
|
|||
|
|
transform:translate3d(-286px, 0, 0)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-moz-transform:translate3d(0, 0, 0);
|
|||
|
|
-webkit-transform:translate3d(0, 0, 0);
|
|||
|
|
transform:translate3d(0, 0, 0)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes toggle-close{
|
|||
|
|
0%{
|
|||
|
|
-moz-transform:translate3d(0, 0, 0);
|
|||
|
|
transform:translate3d(0, 0, 0)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-moz-transform:translate3d(-286px, 0, 0);
|
|||
|
|
transform:translate3d(-286px, 0, 0)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes toggle-close{
|
|||
|
|
0%{
|
|||
|
|
-webkit-transform:translate3d(0, 0, 0);
|
|||
|
|
transform:translate3d(0, 0, 0)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-webkit-transform:translate3d(-286px, 0, 0);
|
|||
|
|
transform:translate3d(-286px, 0, 0)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes toggle-close{
|
|||
|
|
0%{
|
|||
|
|
-moz-transform:translate3d(0, 0, 0);
|
|||
|
|
-webkit-transform:translate3d(0, 0, 0);
|
|||
|
|
transform:translate3d(0, 0, 0)
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
-moz-transform:translate3d(-286px, 0, 0);
|
|||
|
|
-webkit-transform:translate3d(-286px, 0, 0);
|
|||
|
|
transform:translate3d(-286px, 0, 0)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes loading{
|
|||
|
|
0%{
|
|||
|
|
background-position:0px 0px;
|
|||
|
|
background-position-y:0px
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
background-position:0px -1700px;
|
|||
|
|
background-position-y:-1700px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes loading{
|
|||
|
|
0%{
|
|||
|
|
background-position:0px 0px;
|
|||
|
|
background-position-y:0px
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
background-position:0px -1700px;
|
|||
|
|
background-position-y:-1700px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes loading{
|
|||
|
|
0%{
|
|||
|
|
background-position:0px 0px;
|
|||
|
|
background-position-y:0px
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
background-position:0px -1700px;
|
|||
|
|
background-position-y:-1700px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes action-status-mb{
|
|||
|
|
0%{
|
|||
|
|
opacity:0;
|
|||
|
|
left:24px
|
|||
|
|
}
|
|||
|
|
4%{
|
|||
|
|
opacity:0;
|
|||
|
|
left:18px
|
|||
|
|
}
|
|||
|
|
5%{
|
|||
|
|
opacity:0.3;
|
|||
|
|
left:10px
|
|||
|
|
}
|
|||
|
|
6%{
|
|||
|
|
opacity:1;
|
|||
|
|
left:0
|
|||
|
|
}
|
|||
|
|
90%{
|
|||
|
|
opacity:1;
|
|||
|
|
left:0
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes action-status-mb{
|
|||
|
|
0%{
|
|||
|
|
opacity:0;
|
|||
|
|
left:24px
|
|||
|
|
}
|
|||
|
|
4%{
|
|||
|
|
opacity:0;
|
|||
|
|
left:18px
|
|||
|
|
}
|
|||
|
|
5%{
|
|||
|
|
opacity:0.3;
|
|||
|
|
left:10px
|
|||
|
|
}
|
|||
|
|
6%{
|
|||
|
|
opacity:1;
|
|||
|
|
left:0
|
|||
|
|
}
|
|||
|
|
90%{
|
|||
|
|
opacity:1;
|
|||
|
|
left:0
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes action-status-mb{
|
|||
|
|
0%{
|
|||
|
|
opacity:0;
|
|||
|
|
left:24px
|
|||
|
|
}
|
|||
|
|
4%{
|
|||
|
|
opacity:0;
|
|||
|
|
left:18px
|
|||
|
|
}
|
|||
|
|
5%{
|
|||
|
|
opacity:0.3;
|
|||
|
|
left:10px
|
|||
|
|
}
|
|||
|
|
6%{
|
|||
|
|
opacity:1;
|
|||
|
|
left:0
|
|||
|
|
}
|
|||
|
|
90%{
|
|||
|
|
opacity:1;
|
|||
|
|
left:0
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes action-status-pc{
|
|||
|
|
0%{
|
|||
|
|
opacity:0;
|
|||
|
|
right:130px -24px
|
|||
|
|
}
|
|||
|
|
4%{
|
|||
|
|
opacity:0;
|
|||
|
|
right:130px -18px
|
|||
|
|
}
|
|||
|
|
5%{
|
|||
|
|
opacity:0.3;
|
|||
|
|
right:120px
|
|||
|
|
}
|
|||
|
|
6%{
|
|||
|
|
opacity:1;
|
|||
|
|
right:130px
|
|||
|
|
}
|
|||
|
|
90%{
|
|||
|
|
opacity:1;
|
|||
|
|
right:130px
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes action-status-pc{
|
|||
|
|
0%{
|
|||
|
|
opacity:0;
|
|||
|
|
right:130px -24px
|
|||
|
|
}
|
|||
|
|
4%{
|
|||
|
|
opacity:0;
|
|||
|
|
right:130px -18px
|
|||
|
|
}
|
|||
|
|
5%{
|
|||
|
|
opacity:0.3;
|
|||
|
|
right:120px
|
|||
|
|
}
|
|||
|
|
6%{
|
|||
|
|
opacity:1;
|
|||
|
|
right:130px
|
|||
|
|
}
|
|||
|
|
90%{
|
|||
|
|
opacity:1;
|
|||
|
|
right:130px
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes action-status-pc{
|
|||
|
|
0%{
|
|||
|
|
opacity:0;
|
|||
|
|
right:130px -24px
|
|||
|
|
}
|
|||
|
|
4%{
|
|||
|
|
opacity:0;
|
|||
|
|
right:130px -18px
|
|||
|
|
}
|
|||
|
|
5%{
|
|||
|
|
opacity:0.3;
|
|||
|
|
right:120px
|
|||
|
|
}
|
|||
|
|
6%{
|
|||
|
|
opacity:1;
|
|||
|
|
right:130px
|
|||
|
|
}
|
|||
|
|
90%{
|
|||
|
|
opacity:1;
|
|||
|
|
right:130px
|
|||
|
|
}
|
|||
|
|
100%{
|
|||
|
|
opacity:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.sitepolicy .static-wrapper,.equipment .equip-description,.friendlist .action,.ranking .ranking-description,.ranking .action,.ranking .action-disabled{
|
|||
|
|
width:294px;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .sitepolicy .static-wrapper,.sitepolicy .lt-ie9 .static-wrapper,.lt-ie9 .equipment .equip-description,.equipment .lt-ie9 .equip-description,.lt-ie9 .friendlist .action,.friendlist .lt-ie9 .action,.lt-ie9 .ranking .ranking-description,.ranking .lt-ie9 .ranking-description,.lt-ie9 .ranking .action,.ranking .lt-ie9 .action,.lt-ie9 .ranking .action-disabled,.ranking .lt-ie9 .action-disabled{
|
|||
|
|
width:100%
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.sitepolicy .static-wrapper,.equipment .equip-description,.friendlist .action,.ranking .ranking-description,.ranking .action,.ranking .action-disabled{
|
|||
|
|
width:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-item-img,.equipment .equip-detail .equip-gearpower-img,.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img,.ranking .ranklist .rank-detail .rank-gear .rank-item-img{
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
bottom:0;
|
|||
|
|
right:0;
|
|||
|
|
margin:auto;
|
|||
|
|
background-position:left top;
|
|||
|
|
background-repeat:no-repeat
|
|||
|
|
}
|
|||
|
|
.sitepolicy .static-wrapper+.static-wrapper{
|
|||
|
|
margin-top:60px
|
|||
|
|
}
|
|||
|
|
.sitepolicy section+section{
|
|||
|
|
margin-top:20px
|
|||
|
|
}
|
|||
|
|
.sitepolicy h2,.sitepolicy h3,.sitepolicy h4{
|
|||
|
|
font-weight:normal;
|
|||
|
|
color:white;
|
|||
|
|
margin:0
|
|||
|
|
}
|
|||
|
|
.sitepolicy h2{
|
|||
|
|
font-size:30px;
|
|||
|
|
font-size:3rem;
|
|||
|
|
margin-bottom:15px
|
|||
|
|
}
|
|||
|
|
.sitepolicy h3{
|
|||
|
|
font-size:24px;
|
|||
|
|
font-size:2.4rem;
|
|||
|
|
margin-bottom:15px
|
|||
|
|
}
|
|||
|
|
.sitepolicy p,.sitepolicy p span,.sitepolicy a,.sitepolicy strong{
|
|||
|
|
color:#fafafa;
|
|||
|
|
font-size:16px;
|
|||
|
|
font-size:1.6rem
|
|||
|
|
}
|
|||
|
|
.sitepolicy p+p{
|
|||
|
|
margin-top:30px
|
|||
|
|
}
|
|||
|
|
.sitepolicy a{
|
|||
|
|
color:white
|
|||
|
|
}
|
|||
|
|
.sitepolicy a:hover{
|
|||
|
|
text-decoration:underline
|
|||
|
|
}
|
|||
|
|
.info-message,.error-message{
|
|||
|
|
position:relative;
|
|||
|
|
display:block;
|
|||
|
|
width:276px;
|
|||
|
|
margin:40px auto;
|
|||
|
|
padding:20px;
|
|||
|
|
font-size:16px;
|
|||
|
|
font-size:1.6rem;
|
|||
|
|
font-weight:bold;
|
|||
|
|
background:rgba(0,0,0,0.5);
|
|||
|
|
-moz-border-radius:14px;
|
|||
|
|
-webkit-border-radius:14px;
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .info-message,.lt-ie9 .error-message{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.info-message,.error-message{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ika-wrapper{
|
|||
|
|
min-height:100%;
|
|||
|
|
min-width:100%;
|
|||
|
|
*zoom:1
|
|||
|
|
}
|
|||
|
|
.ika-wrapper.friendlist,.ika-wrapper.welcome{
|
|||
|
|
background:url('bg/bg_friendlist-faf7902849b6bfdafb37165d2a266826e574a269a9bdcbea89558cedadfd4ca4.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ika-wrapper.friendlist,.ika-wrapper.welcome{
|
|||
|
|
background:url('bg/@2x/bg_friendlist-d20dccde83e0d769455ff580421b84805be7ff1c6494e812200a51d067b10be0.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ika-wrapper.ranking{
|
|||
|
|
background:url('bg/bg_ranking-24d23314649c1b1c4ea61999246256d7f4db73b8d489bd429e6daa5741e59f6d.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ika-wrapper.ranking{
|
|||
|
|
background:url('bg/@2x/bg_ranking-a7432ce7bf194d220345649d7369a52fb977878c79c539ed40e2065ec5d8cb85.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ika-wrapper.stage{
|
|||
|
|
background:url('bg/bg_stage-e8559cd1808f36e1ead7594ce89cada8d8fb4267892f4771368e384612cf3df8.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ika-wrapper.stage{
|
|||
|
|
background:url('bg/@2x/bg_stage-e8fe89423bce5899a3edea3884841d9eed10a3099b29482277d0dbd4a25d8b9e.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ika-wrapper.equipment{
|
|||
|
|
background:url('bg/bg_equipment-53013035f47184a17871845b772c181b7df702a8cb13233e9e23049a05cca79b.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ika-wrapper.equipment{
|
|||
|
|
background:url('bg/@2x/bg_equipment-bedf92d6f41ee59b7f391f7e01d7ec00cb932e5152a2196ac939df0ad6c674b3.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ika-wrapper.sitepolicy{
|
|||
|
|
background:url('bg/bg_friendlist-faf7902849b6bfdafb37165d2a266826e574a269a9bdcbea89558cedadfd4ca4.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ika-wrapper.sitepolicy{
|
|||
|
|
background:url('bg/@2x/bg_friendlist-d20dccde83e0d769455ff580421b84805be7ff1c6494e812200a51d067b10be0.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.geso{
|
|||
|
|
position:relative;
|
|||
|
|
width:100%;
|
|||
|
|
height:60px;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
background:black
|
|||
|
|
}
|
|||
|
|
.geso .geso-bottom-wrapper{
|
|||
|
|
overflow:hidden;
|
|||
|
|
width:100%;
|
|||
|
|
position:absolute;
|
|||
|
|
top:60px
|
|||
|
|
}
|
|||
|
|
.geso .geso-bottom{
|
|||
|
|
content:'';
|
|||
|
|
width:1024px;
|
|||
|
|
height:18px;
|
|||
|
|
background:transparent url('svg/ui/bg_header_wave-59d556a181d6146620e75ca3adea5b61bd175820334270a7828974276cb6765f.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .geso{
|
|||
|
|
float:left;
|
|||
|
|
display:block;
|
|||
|
|
width:286px;
|
|||
|
|
height:auto
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .geso:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:-23px;
|
|||
|
|
width:286px;
|
|||
|
|
height:24px;
|
|||
|
|
background:transparent url('svg/ui/bg_menu_bottom_wave-03056ad08bac76d5bf1d0bc2895f30cda65a731d9d69789719da70a084be31cb.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .geso:after{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
right:-38px;
|
|||
|
|
width:38px;
|
|||
|
|
height:797px;
|
|||
|
|
background:transparent url('svg/ui/bg_menu_right_wave-c8ca7628fe4a702b3985b66f59c365748d266db743ec3a7a7e68211c81c74ec1.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .geso .geso-bottom{
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.geso{
|
|||
|
|
float:left;
|
|||
|
|
display:block;
|
|||
|
|
width:286px;
|
|||
|
|
height:auto
|
|||
|
|
}
|
|||
|
|
.geso:before{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
bottom:-23px;
|
|||
|
|
width:286px;
|
|||
|
|
height:24px;
|
|||
|
|
background:transparent url('svg/ui/bg_menu_bottom_wave-03056ad08bac76d5bf1d0bc2895f30cda65a731d9d69789719da70a084be31cb.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.geso:after{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
right:-38px;
|
|||
|
|
width:38px;
|
|||
|
|
height:797px;
|
|||
|
|
background:transparent url('svg/ui/bg_menu_right_wave-c8ca7628fe4a702b3985b66f59c365748d266db743ec3a7a7e68211c81c74ec1.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.geso .geso-bottom{
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
header{
|
|||
|
|
position:relative;
|
|||
|
|
width:100%;
|
|||
|
|
height:78px;
|
|||
|
|
z-index:6
|
|||
|
|
}
|
|||
|
|
.lt-ie9 header{
|
|||
|
|
height:138px;
|
|||
|
|
margin-bottom:28px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
header{
|
|||
|
|
height:138px;
|
|||
|
|
margin-bottom:28px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
header .humberger{
|
|||
|
|
position:absolute;
|
|||
|
|
top:16px;
|
|||
|
|
left:20px;
|
|||
|
|
display:block;
|
|||
|
|
width:32px;
|
|||
|
|
height:32px;
|
|||
|
|
cursor:pointer
|
|||
|
|
}
|
|||
|
|
.lt-ie9 header .humberger{
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
header .humberger{
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
header .header-logo{
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.navigation{
|
|||
|
|
position:absolute;
|
|||
|
|
width:286px;
|
|||
|
|
top:60px;
|
|||
|
|
padding:42px 10px 10px;
|
|||
|
|
z-index:5;
|
|||
|
|
background:black;
|
|||
|
|
-moz-border-radius:0 0 14px 0;
|
|||
|
|
-webkit-border-radius:0;
|
|||
|
|
border-radius:0 0 14px 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .navigation{
|
|||
|
|
position:relative;
|
|||
|
|
display:block !important;
|
|||
|
|
top:0;
|
|||
|
|
padding:10px;
|
|||
|
|
-moz-border-radius:0;
|
|||
|
|
-webkit-border-radius:0;
|
|||
|
|
border-radius:0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.navigation{
|
|||
|
|
position:relative;
|
|||
|
|
display:block !important;
|
|||
|
|
top:0;
|
|||
|
|
padding:10px;
|
|||
|
|
-moz-border-radius:0;
|
|||
|
|
-webkit-border-radius:0;
|
|||
|
|
border-radius:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.navigation li{
|
|||
|
|
width:100%;
|
|||
|
|
margin-bottom:16px
|
|||
|
|
}
|
|||
|
|
.navigation li:last-child{
|
|||
|
|
margin-bottom:42px
|
|||
|
|
}
|
|||
|
|
.togglemenu-transition{
|
|||
|
|
-moz-animation:toggle 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:toggle 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:toggle 0.2s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.togglemenu-enter{
|
|||
|
|
-moz-animation:toggle-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:toggle-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:toggle-open 0.2s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.togglemenu-leave{
|
|||
|
|
-moz-animation:toggle-close 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:toggle-close 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:toggle-close 0.2s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.nnid{
|
|||
|
|
position:relative;
|
|||
|
|
width:210px;
|
|||
|
|
height:154px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
padding-top:52px;
|
|||
|
|
background:#181818;
|
|||
|
|
border-radius:46px
|
|||
|
|
}
|
|||
|
|
.nnid .mii{
|
|||
|
|
position:absolute;
|
|||
|
|
top:-10px;
|
|||
|
|
left:-4px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1
|
|||
|
|
}
|
|||
|
|
.nnid .mii .icon-mii{
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.nnid .mii .mii-name-wrapper{
|
|||
|
|
float:left;
|
|||
|
|
display:table;
|
|||
|
|
margin-left:10px
|
|||
|
|
}
|
|||
|
|
.nnid .mii .mii-name{
|
|||
|
|
display:table-cell;
|
|||
|
|
vertical-align:middle;
|
|||
|
|
height:40px
|
|||
|
|
}
|
|||
|
|
.nnid a{
|
|||
|
|
margin:0 auto 16px
|
|||
|
|
}
|
|||
|
|
.nnid a:last-child{
|
|||
|
|
margin-bottom:0
|
|||
|
|
}
|
|||
|
|
.microsite{
|
|||
|
|
display:block;
|
|||
|
|
width:164px;
|
|||
|
|
margin:30px auto 42px
|
|||
|
|
}
|
|||
|
|
.enpera{
|
|||
|
|
height:15px
|
|||
|
|
}
|
|||
|
|
.enpera .link-wrapper{
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.enpera .link-wrapper a{
|
|||
|
|
display:inline-block;
|
|||
|
|
padding:10px 0;
|
|||
|
|
margin-bottom:30px;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-size:1.4rem
|
|||
|
|
}
|
|||
|
|
.enpera small{
|
|||
|
|
display:block;
|
|||
|
|
text-align:center;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-size:1.4rem;
|
|||
|
|
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
|||
|
|
opacity:0.8
|
|||
|
|
}
|
|||
|
|
.do{
|
|||
|
|
*zoom:1
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .do{
|
|||
|
|
float:left;
|
|||
|
|
width:68%;
|
|||
|
|
margin-left:34px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.do{
|
|||
|
|
float:left;
|
|||
|
|
width:68%;
|
|||
|
|
margin-left:34px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .do-public{
|
|||
|
|
float:none;
|
|||
|
|
width:720px;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.do-public{
|
|||
|
|
float:none;
|
|||
|
|
width:720px;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .do-public>.headline{
|
|||
|
|
width:400px;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.do-public>.headline{
|
|||
|
|
width:400px;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.headline{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
margin-top:30px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .headline{
|
|||
|
|
margin-top:66px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.headline{
|
|||
|
|
margin-top:66px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.headline h1{
|
|||
|
|
position:relative;
|
|||
|
|
width:294px;
|
|||
|
|
height:68px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
width:294px;
|
|||
|
|
height:68px;
|
|||
|
|
background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:294px 68px;
|
|||
|
|
-o-background-size:294px 68px;
|
|||
|
|
-webkit-background-size:294px 68px;
|
|||
|
|
background-size:294px 68px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .headline h1{
|
|||
|
|
width:400px;
|
|||
|
|
height:70px;
|
|||
|
|
margin:0;
|
|||
|
|
width:400px;
|
|||
|
|
height:70px;
|
|||
|
|
background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:400px 70px;
|
|||
|
|
-o-background-size:400px 70px;
|
|||
|
|
-webkit-background-size:400px 70px;
|
|||
|
|
background-size:400px 70px;
|
|||
|
|
background-position:-32px 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.headline h1{
|
|||
|
|
width:400px;
|
|||
|
|
height:70px;
|
|||
|
|
margin:0;
|
|||
|
|
width:400px;
|
|||
|
|
height:70px;
|
|||
|
|
background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:400px 70px;
|
|||
|
|
-o-background-size:400px 70px;
|
|||
|
|
-webkit-background-size:400px 70px;
|
|||
|
|
background-size:400px 70px;
|
|||
|
|
background-position:-32px 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.contents{
|
|||
|
|
*zoom:1;
|
|||
|
|
position:relative
|
|||
|
|
}
|
|||
|
|
.error-message:before{
|
|||
|
|
content:"";
|
|||
|
|
position:absolute;
|
|||
|
|
top:-20px;
|
|||
|
|
left:0
|
|||
|
|
}
|
|||
|
|
.error-page{
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.error-page:before{
|
|||
|
|
content:'';
|
|||
|
|
display:block;
|
|||
|
|
width:150px;
|
|||
|
|
height:116px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -438px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.error-page:before{
|
|||
|
|
background-position:0 -219px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.error-page:before{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -876px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.error-page:before{
|
|||
|
|
background-position:0 -438px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
[v-cloak]{
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.overlay-mask{
|
|||
|
|
display:none;
|
|||
|
|
position:fixed;
|
|||
|
|
left:0;
|
|||
|
|
top:0;
|
|||
|
|
width:100%;
|
|||
|
|
height:100%;
|
|||
|
|
background:rgba(0,0,0,0.6);
|
|||
|
|
z-index:2
|
|||
|
|
}
|
|||
|
|
.loading{
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:0;
|
|||
|
|
right:0;
|
|||
|
|
bottom:0;
|
|||
|
|
margin:auto;
|
|||
|
|
display:block;
|
|||
|
|
width:106px;
|
|||
|
|
height:106px;
|
|||
|
|
padding:10px;
|
|||
|
|
background:black;
|
|||
|
|
-moz-border-radius:14px;
|
|||
|
|
-webkit-border-radius:14px;
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.loading .loading-img{
|
|||
|
|
width:50px;
|
|||
|
|
height:50px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
background-image:url('loading-sdf75a44176-bc75e345604345b1639b5ddd04dbacd0780667f0c09640f90e0f0ee9093179b6.png');
|
|||
|
|
-moz-animation:loading 0.56s steps(17) infinite;
|
|||
|
|
-webkit-animation:loading 0.56s steps(17) infinite;
|
|||
|
|
animation:loading 0.56s steps(17) infinite
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.loading .loading-img{
|
|||
|
|
background-image:url('loading/@2x-sbb9f022940-cb27d69f23a4d1112bc2a0d272538f39dd3017be20e5f2e3f4a460bd0071b68d.png');
|
|||
|
|
-moz-background-size:cover;
|
|||
|
|
-o-background-size:cover;
|
|||
|
|
-webkit-background-size:cover;
|
|||
|
|
background-size:cover
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.loading .loading-text{
|
|||
|
|
margin:10px auto 0
|
|||
|
|
}
|
|||
|
|
.modal-description{
|
|||
|
|
position:relative;
|
|||
|
|
display:table;
|
|||
|
|
width:250px;
|
|||
|
|
margin:24px auto;
|
|||
|
|
background:black;
|
|||
|
|
border-radius:10px
|
|||
|
|
}
|
|||
|
|
.modal-check{
|
|||
|
|
display:block;
|
|||
|
|
margin:8px auto 26px;
|
|||
|
|
cursor:pointer;
|
|||
|
|
width:230px;
|
|||
|
|
font-size:12px;
|
|||
|
|
color:white;
|
|||
|
|
text-align:left;
|
|||
|
|
position:relative;
|
|||
|
|
user-select:none;
|
|||
|
|
-moz-user-select:none;
|
|||
|
|
-webkit-user-select:none;
|
|||
|
|
-ms-user-select:none
|
|||
|
|
}
|
|||
|
|
.modal-check.disabled{
|
|||
|
|
color:#7c7c7c
|
|||
|
|
}
|
|||
|
|
.modal-check input[type="checkbox"]{
|
|||
|
|
position:absolute;
|
|||
|
|
opacity:0;
|
|||
|
|
top:0;
|
|||
|
|
left:0
|
|||
|
|
}
|
|||
|
|
.modal-check input[type="checkbox"]+.checkbox{
|
|||
|
|
display:inline-block;
|
|||
|
|
width:32px;
|
|||
|
|
height:32px;
|
|||
|
|
position:absolute;
|
|||
|
|
top:2px;
|
|||
|
|
z-index:1
|
|||
|
|
}
|
|||
|
|
.modal-check input[type="checkbox"]:checked+.checkbox{
|
|||
|
|
width:32px;
|
|||
|
|
height:32px;
|
|||
|
|
background:transparent url('svg/ui/ico_check-08e7f25acc8e943e5b5751b2726e90750a2d186aa7db2dc2dd523dd36d7bde5b.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.modal-check .checkbox-text{
|
|||
|
|
margin-left:10px
|
|||
|
|
}
|
|||
|
|
.modal-check .checkbox-text:before{
|
|||
|
|
width:24px;
|
|||
|
|
height:24px;
|
|||
|
|
content:'';
|
|||
|
|
display:inline-block;
|
|||
|
|
position:relative;
|
|||
|
|
top:7px;
|
|||
|
|
left:-5px
|
|||
|
|
}
|
|||
|
|
.modal-check .checkbox-text:before{
|
|||
|
|
background:#414141
|
|||
|
|
}
|
|||
|
|
.modal-check.enabled:hover input[type="checkbox"]:not(:checked)+.checkbox+.checkbox-text:before{
|
|||
|
|
background:#616161
|
|||
|
|
}
|
|||
|
|
.modal-check-description{
|
|||
|
|
position:relative;
|
|||
|
|
display:table;
|
|||
|
|
width:226px;
|
|||
|
|
height:24px;
|
|||
|
|
margin:13px auto;
|
|||
|
|
font-size:1.5rem
|
|||
|
|
}
|
|||
|
|
.modal-description{
|
|||
|
|
position:relative;
|
|||
|
|
display:table;
|
|||
|
|
width:250px;
|
|||
|
|
margin:24px auto;
|
|||
|
|
background:black;
|
|||
|
|
border-radius:10px;
|
|||
|
|
text-align:left
|
|||
|
|
}
|
|||
|
|
.equipment .headline{
|
|||
|
|
margin-bottom:36px
|
|||
|
|
}
|
|||
|
|
.equipment .headline h1{
|
|||
|
|
margin-bottom:10px
|
|||
|
|
}
|
|||
|
|
.equipment .contents{
|
|||
|
|
width:304px;
|
|||
|
|
margin:-12px auto 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .contents{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .contents{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-description{
|
|||
|
|
font-size:14px;
|
|||
|
|
font-size:1.4rem;
|
|||
|
|
font-weight:bold;
|
|||
|
|
line-height:1.6em
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-description{
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-description{
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail{
|
|||
|
|
margin-bottom:64px;
|
|||
|
|
padding:30px;
|
|||
|
|
background:rgba(0,0,0,0.5);
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main>div{
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main>div{
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main>div{
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info{
|
|||
|
|
margin-bottom:50px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info{
|
|||
|
|
width:250px;
|
|||
|
|
margin-bottom:0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info{
|
|||
|
|
width:250px;
|
|||
|
|
margin-bottom:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
|
|||
|
|
margin-bottom:30px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
|
|||
|
|
margin-bottom:20px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
|
|||
|
|
margin-bottom:20px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile .profile-mii{
|
|||
|
|
margin:0 auto 10px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile .profile-username{
|
|||
|
|
text-align:center;
|
|||
|
|
font-weight:bold;
|
|||
|
|
font-size:24px;
|
|||
|
|
font-size:2.4rem
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
width:256px;
|
|||
|
|
height:64px;
|
|||
|
|
margin:0 auto 16px;
|
|||
|
|
padding:0 34px 0 40px;
|
|||
|
|
background:black;
|
|||
|
|
-moz-border-radius:32px;
|
|||
|
|
-webkit-border-radius:32px;
|
|||
|
|
border-radius:32px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status{
|
|||
|
|
width:250px;
|
|||
|
|
margin-bottom:10px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status:last-child{
|
|||
|
|
margin-bottom:0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status{
|
|||
|
|
width:250px;
|
|||
|
|
margin-bottom:10px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status:last-child{
|
|||
|
|
margin-bottom:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status h3,.equipment .equip-detail .equip-user-main .equip-user-info .user-status p{
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
|
|||
|
|
margin:20px 52px 0 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
|
|||
|
|
margin:20px 46px 0 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
|
|||
|
|
margin:20px 46px 0 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank+p span{
|
|||
|
|
margin:4px 6px 0 0;
|
|||
|
|
transform:scale(1.2, 1.2)
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
|
|||
|
|
margin:14px 30px 0 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
|
|||
|
|
margin:20px 24px 0 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
|
|||
|
|
margin:20px 24px 0 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae+p{
|
|||
|
|
margin:16px 0 0;
|
|||
|
|
transform:scale(1.2, 1.2)
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
position:relative;
|
|||
|
|
width:228px;
|
|||
|
|
height:192px;
|
|||
|
|
margin-bottom:40px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -168px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
margin:24px 0 0 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
margin:24px 0 0 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
background-position:0 -84px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -337px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
background-position:0 -168px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon .equip-weapon-img{
|
|||
|
|
width:148px;
|
|||
|
|
height:114px;
|
|||
|
|
-moz-background-size:148px, 114px;
|
|||
|
|
-o-background-size:148px, 114px;
|
|||
|
|
-webkit-background-size:148px, 114px;
|
|||
|
|
background-size:148px, 114px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-gearpower-img{
|
|||
|
|
width:36px;
|
|||
|
|
height:36px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-gearpower-slot{
|
|||
|
|
position:relative;
|
|||
|
|
width:36px;
|
|||
|
|
height:36px;
|
|||
|
|
-moz-border-radius:18px;
|
|||
|
|
-webkit-border-radius:18px;
|
|||
|
|
border-radius:18px;
|
|||
|
|
background:black
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-gearpower-slot .equip-gearpower-img{
|
|||
|
|
width:36px;
|
|||
|
|
height:36px;
|
|||
|
|
-moz-background-size:36px, 36px;
|
|||
|
|
-o-background-size:36px, 36px;
|
|||
|
|
-webkit-background-size:36px, 36px;
|
|||
|
|
background-size:36px, 36px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-protections{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
margin:30px 0 10px;
|
|||
|
|
padding:18px 18px 18px 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-protections{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
margin:30px 0 10px;
|
|||
|
|
padding:18px 18px 18px 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
position:relative;
|
|||
|
|
margin:0 auto 40px;
|
|||
|
|
width:126px;
|
|||
|
|
height:106px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
float:left;
|
|||
|
|
margin:0 42px 0 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-protections .equip-protective:last-child{
|
|||
|
|
margin-right:0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
float:left;
|
|||
|
|
margin:0 42px 0 0
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective:last-child{
|
|||
|
|
margin-right:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
background-position:0 -31px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -124px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective:last-child{
|
|||
|
|
margin-bottom:0
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective .equip-item-img{
|
|||
|
|
width:80px;
|
|||
|
|
height:62px;
|
|||
|
|
-moz-background-size:80px, 62px;
|
|||
|
|
-o-background-size:80px, 62px;
|
|||
|
|
-webkit-background-size:80px, 62px;
|
|||
|
|
background-size:80px, 62px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-default{
|
|||
|
|
position:absolute;
|
|||
|
|
right:-18px;
|
|||
|
|
top:-18px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom{
|
|||
|
|
position:absolute;
|
|||
|
|
left:9px;
|
|||
|
|
bottom:-18px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom li{
|
|||
|
|
float:left;
|
|||
|
|
margin-right:4px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom li:last-child{
|
|||
|
|
margin-right:0
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-heading{
|
|||
|
|
margin:0 auto 50px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-heading{
|
|||
|
|
margin:0 auto 74px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-heading{
|
|||
|
|
margin:0 auto 74px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data{
|
|||
|
|
position:relative;
|
|||
|
|
width:304px;
|
|||
|
|
height:64px;
|
|||
|
|
margin-bottom:20px;
|
|||
|
|
background:black;
|
|||
|
|
-moz-border-radius:14px;
|
|||
|
|
-webkit-border-radius:14px;
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data{
|
|||
|
|
width:420px;
|
|||
|
|
height:84px;
|
|||
|
|
margin:0 auto 34px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data{
|
|||
|
|
width:420px;
|
|||
|
|
height:84px;
|
|||
|
|
margin:0 auto 34px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
position:absolute;
|
|||
|
|
left:8px;
|
|||
|
|
top:1px;
|
|||
|
|
width:72px;
|
|||
|
|
height:62px;
|
|||
|
|
-moz-background-size:72px, 62px;
|
|||
|
|
-o-background-size:72px, 62px;
|
|||
|
|
-webkit-background-size:72px, 62px;
|
|||
|
|
background-size:72px, 62px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 0;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 0;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 0;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 0;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
left:24px;
|
|||
|
|
top:-24px;
|
|||
|
|
width:126px;
|
|||
|
|
height:106px;
|
|||
|
|
-moz-background-size:126px, 106px;
|
|||
|
|
-o-background-size:126px, 106px;
|
|||
|
|
-webkit-background-size:126px, 106px;
|
|||
|
|
background-size:126px, 106px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 -31px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -124px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
left:24px;
|
|||
|
|
top:-24px;
|
|||
|
|
width:126px;
|
|||
|
|
height:106px;
|
|||
|
|
-moz-background-size:126px, 106px;
|
|||
|
|
-o-background-size:126px, 106px;
|
|||
|
|
-webkit-background-size:126px, 106px;
|
|||
|
|
background-size:126px, 106px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 -31px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -124px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
|
|||
|
|
width:52px;
|
|||
|
|
height:40px;
|
|||
|
|
-moz-background-size:52px, 40px;
|
|||
|
|
-o-background-size:52px, 40px;
|
|||
|
|
-webkit-background-size:52px, 40px;
|
|||
|
|
background-size:52px, 40px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
|
|||
|
|
width:80px;
|
|||
|
|
height:62px;
|
|||
|
|
-moz-background-size:80px, 62px;
|
|||
|
|
-o-background-size:80px, 62px;
|
|||
|
|
-webkit-background-size:80px, 62px;
|
|||
|
|
background-size:80px, 62px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
|
|||
|
|
width:80px;
|
|||
|
|
height:62px;
|
|||
|
|
-moz-background-size:80px, 62px;
|
|||
|
|
-o-background-size:80px, 62px;
|
|||
|
|
-webkit-background-size:80px, 62px;
|
|||
|
|
background-size:80px, 62px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
|
|||
|
|
position:absolute;
|
|||
|
|
right:36px;
|
|||
|
|
top:14px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
|
|||
|
|
margin:0 0.5px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
|
|||
|
|
right:52px;
|
|||
|
|
top:24px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
|
|||
|
|
margin:0 1px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
|
|||
|
|
right:52px;
|
|||
|
|
top:24px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
|
|||
|
|
margin:0 1px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
|
|||
|
|
position:absolute;
|
|||
|
|
right:8px;
|
|||
|
|
top:24px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit span{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
|
|||
|
|
right:24px;
|
|||
|
|
top:34px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
|
|||
|
|
right:24px;
|
|||
|
|
top:34px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .last-update{
|
|||
|
|
display:block;
|
|||
|
|
margin:14px auto 0;
|
|||
|
|
text-align:center;
|
|||
|
|
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
|
|||
|
|
opacity:0.9;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-size:1.4rem
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .last-update{
|
|||
|
|
position:absolute;
|
|||
|
|
top:62px;
|
|||
|
|
right:50px;
|
|||
|
|
margin:26px auto 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .last-update{
|
|||
|
|
position:absolute;
|
|||
|
|
top:62px;
|
|||
|
|
right:50px;
|
|||
|
|
margin:26px auto 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .action{
|
|||
|
|
position:relative;
|
|||
|
|
height:94px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
padding-top:24px;
|
|||
|
|
z-index:3;
|
|||
|
|
overflow:visible
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .action{
|
|||
|
|
height:114px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .action{
|
|||
|
|
height:114px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-wrapper{
|
|||
|
|
position:relative
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-button{
|
|||
|
|
position:absolute;
|
|||
|
|
right:0px;
|
|||
|
|
z-index:4
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .action .action-button{
|
|||
|
|
right:84px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .action .action-button{
|
|||
|
|
right:84px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-button>span{
|
|||
|
|
display:block;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-button.icon-splash{
|
|||
|
|
right:-18px;
|
|||
|
|
top:-10px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .action .action-button.icon-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .action .action-button.icon-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-button.icon-tw-splash{
|
|||
|
|
right:-18px;
|
|||
|
|
top:-10px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .action .action-button.icon-tw-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .action .action-button.icon-tw-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-status{
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:-10px;
|
|||
|
|
width:270px;
|
|||
|
|
color:white;
|
|||
|
|
padding:18px 70px 18px 18px;
|
|||
|
|
background:black;
|
|||
|
|
font-weight:bold;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-size:1.4rem;
|
|||
|
|
-moz-border-radius:25px;
|
|||
|
|
-webkit-border-radius:25px;
|
|||
|
|
border-radius:25px;
|
|||
|
|
z-index:3;
|
|||
|
|
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .action .action-status{
|
|||
|
|
top:0;
|
|||
|
|
right:130px;
|
|||
|
|
left:auto;
|
|||
|
|
padding:18px 86px 18px 18px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .action .action-status{
|
|||
|
|
top:0;
|
|||
|
|
right:130px;
|
|||
|
|
left:auto;
|
|||
|
|
padding:18px 86px 18px 18px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-status:before,.friendlist .action .action-status:after{
|
|||
|
|
content:'';
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:-20px
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-status.action-status-anim-init{
|
|||
|
|
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
|||
|
|
opacity:0;
|
|||
|
|
left:24px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .action .action-status.action-status-anim-init{
|
|||
|
|
left:auto;
|
|||
|
|
right:90px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .action .action-status.action-status-anim-init{
|
|||
|
|
left:auto;
|
|||
|
|
right:90px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-status.action-status-anim-start{
|
|||
|
|
-moz-animation:2.5s action-status-mb linear 1 forwards;
|
|||
|
|
-webkit-animation:2.5s action-status-mb linear 1 forwards;
|
|||
|
|
animation:2.5s action-status-mb linear 1 forwards
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .action .action-status.action-status-anim-start{
|
|||
|
|
-moz-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
-webkit-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
animation:2.5s action-status-pc linear 1 forwards
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .action .action-status.action-status-anim-start{
|
|||
|
|
-moz-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
-webkit-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
animation:2.5s action-status-pc linear 1 forwards
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-dialog{
|
|||
|
|
*zoom:1;
|
|||
|
|
position:absolute;
|
|||
|
|
right:0;
|
|||
|
|
top:56px;
|
|||
|
|
width:302px;
|
|||
|
|
z-index:3;
|
|||
|
|
background:#181818;
|
|||
|
|
padding:0 20px;
|
|||
|
|
-moz-border-radius:14px;
|
|||
|
|
-webkit-border-radius:14px;
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .action .action-dialog{
|
|||
|
|
right:142px;
|
|||
|
|
top:66px;
|
|||
|
|
width:542px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .action .action-dialog{
|
|||
|
|
right:142px;
|
|||
|
|
top:66px;
|
|||
|
|
width:542px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-dialog .action-heading{
|
|||
|
|
margin:54px auto 40px
|
|||
|
|
}
|
|||
|
|
.friendlist .action .action-dialog .rank-tweet-img{
|
|||
|
|
display:block;
|
|||
|
|
margin:0 auto 40px;
|
|||
|
|
width:256px;
|
|||
|
|
height:126px
|
|||
|
|
}
|
|||
|
|
.friendlist .action .button-ok{
|
|||
|
|
margin:0 auto 34px
|
|||
|
|
}
|
|||
|
|
.friendlist .action .button-ok:hover:after{
|
|||
|
|
content:"";
|
|||
|
|
position:absolute;
|
|||
|
|
right:20px;
|
|||
|
|
width:72px;
|
|||
|
|
height:36px;
|
|||
|
|
background:transparent url('svg/ui/btn_ok_drip-a054c69e8d7de2cffd9bf312bd5f7b40f8a80687ae806ef70cf8b33e73ded9cc.svg') 0 0 no-repeat;
|
|||
|
|
-moz-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.friendlist .action .expand-transition{
|
|||
|
|
transform-origin:right top
|
|||
|
|
}
|
|||
|
|
.friendlist .action .expand-enter{
|
|||
|
|
-moz-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .plan-date,.friendlist .action .manifestation .plan-feel,.friendlist .action .manifestation .plan-weapon{
|
|||
|
|
display:block;
|
|||
|
|
margin:0 auto 18px
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-date,.friendlist .action .manifestation .select-feel,.friendlist .action .manifestation .select-weapon{
|
|||
|
|
display:block;
|
|||
|
|
width:270px;
|
|||
|
|
height:56px;
|
|||
|
|
margin:0 auto 26px
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-date{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
width:244px;
|
|||
|
|
padding:8px 0 0 8px;
|
|||
|
|
width:248px;
|
|||
|
|
height:52px;
|
|||
|
|
background:transparent url('svg/ui/bg_h2-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-date .select-hour,.friendlist .action .manifestation .select-date .select-minutes{
|
|||
|
|
float:left;
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-date .select-hour>span,.friendlist .action .manifestation .select-date .select-minutes>span{
|
|||
|
|
float:left;
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-date .select-hour:after,.friendlist .action .manifestation .select-date .select-minutes:after{
|
|||
|
|
content:"";
|
|||
|
|
display:block;
|
|||
|
|
float:left;
|
|||
|
|
margin:6px 0 0 6px
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-date>span{
|
|||
|
|
float:left;
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-feel,.friendlist .action .manifestation .select-weapon{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
padding:8px 0 0 8px;
|
|||
|
|
width:248px;
|
|||
|
|
height:52px;
|
|||
|
|
background:transparent url('svg/ui/bg_h2-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-feel:after,.friendlist .action .manifestation .select-weapon:after{
|
|||
|
|
content:"";
|
|||
|
|
display:block;
|
|||
|
|
float:left;
|
|||
|
|
margin:6px 0 0 4px
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-feel>span,.friendlist .action .manifestation .select-weapon>span{
|
|||
|
|
display:block;
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-feel>span{
|
|||
|
|
width:190px;
|
|||
|
|
height:32px
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-weapon .icon-weapon-wrapper{
|
|||
|
|
width:52px;
|
|||
|
|
height:40px
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-weapon .typography-weapon-wrapper{
|
|||
|
|
width:136px;
|
|||
|
|
height:18px;
|
|||
|
|
margin:8px 0 0 4px
|
|||
|
|
}
|
|||
|
|
.friendlist .action .manifestation .select-box{
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.friendlist .friend-list,.friendlist .proposer{
|
|||
|
|
width:304px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
padding:20px 0;
|
|||
|
|
background:rgba(0,0,0,0.5);
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .friend-list,.lt-ie9 .friendlist .proposer{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .friend-list,.friendlist .proposer{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .proposer{
|
|||
|
|
position:relative;
|
|||
|
|
margin-bottom:38px
|
|||
|
|
}
|
|||
|
|
.friendlist .proposer h2{
|
|||
|
|
position:absolute;
|
|||
|
|
top:-30px;
|
|||
|
|
width:294px;
|
|||
|
|
height:68px;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.friendlist .friend{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
width:282px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
padding:20px 0 0
|
|||
|
|
}
|
|||
|
|
.friendlist .friend:nth-child(1){
|
|||
|
|
padding:0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .friend{
|
|||
|
|
width:480px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .friend{
|
|||
|
|
width:480px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .friend.status-online .friend-icon{
|
|||
|
|
position:relative
|
|||
|
|
}
|
|||
|
|
.friendlist .friend.status-online .friend-icon:after{
|
|||
|
|
content:'';
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
right:0;
|
|||
|
|
width:22px;
|
|||
|
|
height:24px;
|
|||
|
|
background:transparent url('svg/ui/ico_friend_online-2eb25a87da8297df5622858e31cc336bee9da1f2f2d35c4c83b251f37b99991e.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.friendlist .friend.status-playing .friend-icon{
|
|||
|
|
width:74px;
|
|||
|
|
height:60px;
|
|||
|
|
background:transparent url('svg/ui/ico_friend_play_splatoon-404133658f77f6269d90bc3648702fb5b9f4ed050f262beaf01746aa338c9761.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.friendlist .friend.status-offline .typography-player-name{
|
|||
|
|
color:#464646
|
|||
|
|
}
|
|||
|
|
.friendlist .friend-icon{
|
|||
|
|
float:left;
|
|||
|
|
display:table;
|
|||
|
|
width:74px;
|
|||
|
|
height:64px
|
|||
|
|
}
|
|||
|
|
.friendlist .friend-icon .icon-mii{
|
|||
|
|
text-align:center;
|
|||
|
|
margin:10px auto 0
|
|||
|
|
}
|
|||
|
|
.friendlist .friend-name-wrapper{
|
|||
|
|
float:left;
|
|||
|
|
display:table;
|
|||
|
|
height:64px;
|
|||
|
|
margin-left:8px
|
|||
|
|
}
|
|||
|
|
.friendlist .friend-name-wrapper .friend-text-box{
|
|||
|
|
display:table-cell;
|
|||
|
|
vertical-align:middle
|
|||
|
|
}
|
|||
|
|
.friendlist .friend-name-wrapper .friend-text-box span{
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.friendlist .friend-yaranaika{
|
|||
|
|
float:left;
|
|||
|
|
display:table;
|
|||
|
|
width:270px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
width:294px;
|
|||
|
|
height:56px;
|
|||
|
|
background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:294px, 56px;
|
|||
|
|
-o-background-size:294px, 56px;
|
|||
|
|
-webkit-background-size:294px, 56px;
|
|||
|
|
background-size:294px, 56px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .friend-yaranaika{
|
|||
|
|
width:400px;
|
|||
|
|
margin-left:80px;
|
|||
|
|
width:400px;
|
|||
|
|
height:56px;
|
|||
|
|
background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:400px, 56px;
|
|||
|
|
-o-background-size:400px, 56px;
|
|||
|
|
-webkit-background-size:400px, 56px;
|
|||
|
|
background-size:400px, 56px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .friend-yaranaika{
|
|||
|
|
width:400px;
|
|||
|
|
margin-left:80px;
|
|||
|
|
width:400px;
|
|||
|
|
height:56px;
|
|||
|
|
background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:400px, 56px;
|
|||
|
|
-o-background-size:400px, 56px;
|
|||
|
|
-webkit-background-size:400px, 56px;
|
|||
|
|
background-size:400px, 56px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.friendlist .friend-yaranaika>span{
|
|||
|
|
display:table-cell;
|
|||
|
|
vertical-align:middle;
|
|||
|
|
padding:0 8px;
|
|||
|
|
color:#ff6e00;
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem
|
|||
|
|
}
|
|||
|
|
.friendlist .friend-plan{
|
|||
|
|
float:left;
|
|||
|
|
width:282px;
|
|||
|
|
height:136px;
|
|||
|
|
margin:8px auto 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .friendlist .friend-plan{
|
|||
|
|
width:400px;
|
|||
|
|
height:200px;
|
|||
|
|
margin-left:80px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.friendlist .friend-plan{
|
|||
|
|
width:400px;
|
|||
|
|
height:200px;
|
|||
|
|
margin-left:80px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.welcome .geso-public{
|
|||
|
|
position:absolute;
|
|||
|
|
width:100%;
|
|||
|
|
height:390px;
|
|||
|
|
background:url('bg/bg_mb_login-47680123d4623cf01cbaa9b16ea411804fba52dff487009bb62bfbc362736fc7.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.welcome .geso-public{
|
|||
|
|
background:url('bg/@2x/bg_mb_login-5d8f03653e7f9057e8f94abc8b460ae78e150a871162f4a4ab4598215b820812.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.welcome .geso-public{
|
|||
|
|
-moz-background-size:320px;
|
|||
|
|
-o-background-size:320px;
|
|||
|
|
-webkit-background-size:320px;
|
|||
|
|
background-size:320px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .welcome .geso-public{
|
|||
|
|
height:620px;
|
|||
|
|
background:url('bg/bg_pc_login-34fd3882e943336b3ab9a443f39cc12b1050773ad346aa3d669131196e96f015.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .welcome .geso-public{
|
|||
|
|
background:url('bg/@2x/bg_pc_login-38e72da6e94fd3f28c4f002f52c52dc8f0d5b99a81f786cde356250b7e7fc8ce.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.welcome .geso-public{
|
|||
|
|
height:620px;
|
|||
|
|
background:url('bg/bg_pc_login-34fd3882e943336b3ab9a443f39cc12b1050773ad346aa3d669131196e96f015.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.welcome .geso-public .icon-header-logo{
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
width:436px;
|
|||
|
|
height:116px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
background:url('bg/bg_mb_login_splash-167db6209b4174159ca0798b5eeb2386d2a60afa44e1bd6f9ade4371d8d2e5de.png') 0 0 repeat;
|
|||
|
|
background-repeat:no-repeat !important
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width: 436px){
|
|||
|
|
.welcome .geso-public .icon-header-logo{
|
|||
|
|
width:100%;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.welcome .geso-public .icon-header-logo{
|
|||
|
|
background:url('bg/@2x/bg_mb_login_splash_en-210b70a7ecfc0ee2cee02cb369f3bbce0525125eb5cf00507adbde70e8550dec.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .welcome .geso-public .icon-header-logo{
|
|||
|
|
width:538px;
|
|||
|
|
height:184px;
|
|||
|
|
background:url('bg_mb_login_splash_en-210b70a7ecfc0ee2cee02cb369f3bbce0525125eb5cf00507adbde70e8550dec.png') 0 0 repeat;
|
|||
|
|
background-repeat:no-repeat !important
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .welcome .geso-public .icon-header-logo{
|
|||
|
|
background:url('bg/@2x/bg_pc_login_splash_en-651c477b84eb2e0a354543cfead48a7f2ca1daac8effb473820bb13ac68d0c55.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.welcome .geso-public .icon-header-logo{
|
|||
|
|
width:538px;
|
|||
|
|
height:184px;
|
|||
|
|
background:url('bg/bg_pc_login_splash_en-651c477b84eb2e0a354543cfead48a7f2ca1daac8effb473820bb13ac68d0c55.png') 0 0 repeat;
|
|||
|
|
background-repeat:no-repeat !important
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.welcome .geso-public .icon-header-logo{
|
|||
|
|
background:url('bg/@2x/bg_pc_login_splash-ac29783f0327aa2ad8dc445866f9b3e844521d12c30be3af32a58188235ac2cc.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.welcome .contents{
|
|||
|
|
margin:390px 0 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .welcome .contents{
|
|||
|
|
margin-top:620px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.welcome .contents{
|
|||
|
|
margin-top:620px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.welcome .enpera{
|
|||
|
|
margin-bottom:10px
|
|||
|
|
}
|
|||
|
|
.tour{
|
|||
|
|
position:relative;
|
|||
|
|
width:320px;
|
|||
|
|
margin:28px auto 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .tour{
|
|||
|
|
width:640px;
|
|||
|
|
margin-top:50px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.tour{
|
|||
|
|
width:640px;
|
|||
|
|
margin-top:50px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.tour .tour-screen{
|
|||
|
|
width:320px;
|
|||
|
|
height:240px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .tour .tour-screen{
|
|||
|
|
width:640px;
|
|||
|
|
height:340px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.tour .tour-screen{
|
|||
|
|
width:640px;
|
|||
|
|
height:340px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.tour .tour-1{
|
|||
|
|
width:320px;
|
|||
|
|
height:240px;
|
|||
|
|
background:url('bg/description/mb-description01-b3fad8adea500a59d3bf3ed55864da905e9886a307a8a174febf568685fbd356.png') 0 0 repeat;
|
|||
|
|
background-repeat:no-repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.tour .tour-1{
|
|||
|
|
background:url('bg/description/@2x/mb-description01-3e73fc9853cecd63b61c16bb0aa10aa48351b955668b1dce3e565fe970aa751e.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .tour .tour-1{
|
|||
|
|
width:640px;
|
|||
|
|
height:340px;
|
|||
|
|
background:url('bg/description/pc-description01-ac8312dff395c09e4d6e64ed57a4902be931b45457b6fc2bcfe1d12f83a6c7d6.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .tour .tour-1{
|
|||
|
|
background:url('bg/description/@2x/pc-description01-14717941c50c5733d1dde1a5caa60cca3439eb519aa0546207d9e268d74624a6.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.tour .tour-1{
|
|||
|
|
width:640px;
|
|||
|
|
height:340px;
|
|||
|
|
background:url('bg/description/pc-description01-ac8312dff395c09e4d6e64ed57a4902be931b45457b6fc2bcfe1d12f83a6c7d6.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.tour .tour-1{
|
|||
|
|
background:url('bg/description/@2x/pc-description01-14717941c50c5733d1dde1a5caa60cca3439eb519aa0546207d9e268d74624a6.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.tour .tour-2{
|
|||
|
|
width:320px;
|
|||
|
|
height:240px;
|
|||
|
|
background:url('bg/description/mb-description02-39f2a07831bbd24546df6664bdd1883fd1d0d122ea84d51a99d2e31ce405b890.png') 0 0 repeat;
|
|||
|
|
background-repeat:no-repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.tour .tour-2{
|
|||
|
|
background:url('bg/description/@2x/mb-description02-597fc95f13d6a710b5d388df01b0399b2d4a3165a208d564d607e593dce8bbcb.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .tour .tour-2{
|
|||
|
|
width:640px;
|
|||
|
|
height:340px;
|
|||
|
|
background:url('bg/description/pc-description02-a00069b1b10808548ab968cc8ff72838c8d52dcf4894c57592bbb7759a64ef54.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .tour .tour-2{
|
|||
|
|
background:url('bg/description/@2x/pc-description02-31e5519c3495f1e2f95330070d6b4b473d436cba3f88dba26ad886a17de66dcb.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.tour .tour-2{
|
|||
|
|
width:640px;
|
|||
|
|
height:340px;
|
|||
|
|
background:url('bg/description/pc-description02-a00069b1b10808548ab968cc8ff72838c8d52dcf4894c57592bbb7759a64ef54.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.tour .tour-2{
|
|||
|
|
background:url('bg/description/@2x/pc-description02-31e5519c3495f1e2f95330070d6b4b473d436cba3f88dba26ad886a17de66dcb.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.tour .tour-3{
|
|||
|
|
width:320px;
|
|||
|
|
height:240px;
|
|||
|
|
background:url('bg/description/mb-description03-431319f90e2885d40e2c26b29d3819dde84dccc9278cbb1072732089995eb283.png') 0 0 repeat;
|
|||
|
|
background-repeat:no-repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.tour .tour-3{
|
|||
|
|
background:url('bg/description/@2x/mb-description03-407fa7c6a1a014f3c824b254b676bf066b458fae8c5889058eb1a25eb014ff88.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .tour .tour-3{
|
|||
|
|
width:640px;
|
|||
|
|
height:340px;
|
|||
|
|
background:url('bg/description/pc-description03-930614d9479c7ab4228be3c473c771bd26bd760f2a770cf236f5c5b3940aedaf.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .tour .tour-3{
|
|||
|
|
background:url('bg/description/@2x/pc-description03-222d3d79a5c88975c392af79081474fc35058744e70f7bba2e266f6b7c9b2a82.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.tour .tour-3{
|
|||
|
|
width:640px;
|
|||
|
|
height:340px;
|
|||
|
|
background:url('bg/description/pc-description03-930614d9479c7ab4228be3c473c771bd26bd760f2a770cf236f5c5b3940aedaf.png') 0 0 repeat
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.tour .tour-3{
|
|||
|
|
background:url('bg/description/@2x/pc-description03-222d3d79a5c88975c392af79081474fc35058744e70f7bba2e266f6b7c9b2a82.png') 0 0 repeat;
|
|||
|
|
-moz-background-size:100%;
|
|||
|
|
-o-background-size:100%;
|
|||
|
|
-webkit-background-size:100%;
|
|||
|
|
background-size:100%
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.tour .tour-prev{
|
|||
|
|
display:none;
|
|||
|
|
position:absolute;
|
|||
|
|
top:140px;
|
|||
|
|
left:0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .tour .tour-prev{
|
|||
|
|
display:block;
|
|||
|
|
width:82px;
|
|||
|
|
height:82px;
|
|||
|
|
background-color:black;
|
|||
|
|
-moz-border-radius:42px;
|
|||
|
|
-webkit-border-radius:42px;
|
|||
|
|
border-radius:42px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.tour .tour-prev{
|
|||
|
|
display:block;
|
|||
|
|
width:82px;
|
|||
|
|
height:82px;
|
|||
|
|
background-color:black;
|
|||
|
|
-moz-border-radius:42px;
|
|||
|
|
-webkit-border-radius:42px;
|
|||
|
|
border-radius:42px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.tour .tour-prev:before{
|
|||
|
|
content:"";
|
|||
|
|
position:absolute;
|
|||
|
|
display:block;
|
|||
|
|
top:26px;
|
|||
|
|
left:18px;
|
|||
|
|
width:82px;
|
|||
|
|
height:82px;
|
|||
|
|
background:transparent url('svg/ui/btn_carousel_prev-ef7ca010d65f70054bec6f8123573ac59e6b6b92276373fa5a8be4f1db0d2e3e.svg') 0 0 no-repeat;
|
|||
|
|
background-size:40px 28px
|
|||
|
|
}
|
|||
|
|
.tour .tour-next{
|
|||
|
|
display:none;
|
|||
|
|
position:absolute;
|
|||
|
|
top:140px;
|
|||
|
|
right:-26px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .tour .tour-next{
|
|||
|
|
display:block;
|
|||
|
|
width:82px;
|
|||
|
|
height:82px;
|
|||
|
|
background-color:black;
|
|||
|
|
-moz-border-radius:42px;
|
|||
|
|
-webkit-border-radius:42px;
|
|||
|
|
border-radius:42px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.tour .tour-next{
|
|||
|
|
display:block;
|
|||
|
|
width:82px;
|
|||
|
|
height:82px;
|
|||
|
|
background-color:black;
|
|||
|
|
-moz-border-radius:42px;
|
|||
|
|
-webkit-border-radius:42px;
|
|||
|
|
border-radius:42px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.tour .tour-next:before{
|
|||
|
|
content:"";
|
|||
|
|
position:absolute;
|
|||
|
|
display:block;
|
|||
|
|
top:26px;
|
|||
|
|
left:22px;
|
|||
|
|
width:82px;
|
|||
|
|
height:82px;
|
|||
|
|
background:transparent url('svg/ui/btn_carousel_next-66630b2ef6efeff58b1964ce7710dab9d41f556f774e894d7e0030e2bec020a9.svg') 0 0 no-repeat;
|
|||
|
|
background-size:40px 28px
|
|||
|
|
}
|
|||
|
|
.tour .tour-bullet-wrapper{
|
|||
|
|
position:absolute;
|
|||
|
|
width:320px;
|
|||
|
|
bottom:-4px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .tour .tour-bullet-wrapper{
|
|||
|
|
width:640px;
|
|||
|
|
bottom:6px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.tour .tour-bullet-wrapper{
|
|||
|
|
width:640px;
|
|||
|
|
bottom:6px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.tour .tour-bullet{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
width:72px;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.tour .tour-bullet>a{
|
|||
|
|
float:left;
|
|||
|
|
display:block;
|
|||
|
|
width:11px;
|
|||
|
|
height:11px;
|
|||
|
|
margin-top:4px;
|
|||
|
|
margin-right:16px;
|
|||
|
|
-moz-border-radius:6px;
|
|||
|
|
-webkit-border-radius:6px;
|
|||
|
|
border-radius:6px;
|
|||
|
|
background-color:#a0a0a0
|
|||
|
|
}
|
|||
|
|
.tour .tour-bullet>a:last-child{
|
|||
|
|
margin-right:0
|
|||
|
|
}
|
|||
|
|
.tour .tour-bullet>a.active{
|
|||
|
|
margin-top:0;
|
|||
|
|
width:18px;
|
|||
|
|
height:18px;
|
|||
|
|
background:transparent url('svg/ui/ico_carousel_active-664b1de122e2225ad6dc767f591ac4e70c70a8c6e3783b6838f70ca085f41e32.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.login{
|
|||
|
|
width:182px;
|
|||
|
|
margin:10px auto 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .login{
|
|||
|
|
width:366px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.login{
|
|||
|
|
width:366px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.nnid-login-btn{
|
|||
|
|
display:table;
|
|||
|
|
height:38px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
background:#ff7d00;
|
|||
|
|
-moz-border-radius:4px;
|
|||
|
|
-webkit-border-radius:4px;
|
|||
|
|
border-radius:4px;
|
|||
|
|
border-bottom:2px solid #ff7d00;
|
|||
|
|
-moz-box-shadow:0 2px 0 rgba(0,0,0,0.05);
|
|||
|
|
-webkit-box-shadow:0 2px 0 rgba(0,0,0,0.05);
|
|||
|
|
box-shadow:0 2px 0 rgba(0,0,0,0.05)
|
|||
|
|
}
|
|||
|
|
.nnid-login-btn .nnid-login-bg{
|
|||
|
|
display:table-cell;
|
|||
|
|
position:relative;
|
|||
|
|
float:left;
|
|||
|
|
height:38px;
|
|||
|
|
margin-left:42px;
|
|||
|
|
padding:0 26px;
|
|||
|
|
text-align:center;
|
|||
|
|
line-height:40px;
|
|||
|
|
color:white;
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem;
|
|||
|
|
border-left:2px #f27700 solid
|
|||
|
|
}
|
|||
|
|
.nnid-login-btn .nnid-login-bg:before{
|
|||
|
|
content:'';
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
top:6px;
|
|||
|
|
left:-34px;
|
|||
|
|
width:26px;
|
|||
|
|
height:28px;
|
|||
|
|
background:transparent url('nnlogo.svg') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:26px 28px;
|
|||
|
|
-o-background-size:26px 28px;
|
|||
|
|
-webkit-background-size:26px 28px;
|
|||
|
|
background-size:26px 28px
|
|||
|
|
}
|
|||
|
|
.nnid-login-btn:hover{
|
|||
|
|
background:#e97200;
|
|||
|
|
border-bottom:2px #ba5b00 solid
|
|||
|
|
}
|
|||
|
|
.nnid-login-btn:hover .nnid-login-bg{
|
|||
|
|
background:#e97200;
|
|||
|
|
border-left:2px #dd6c00 solid
|
|||
|
|
}
|
|||
|
|
.nnid-login-btn:active{
|
|||
|
|
border-top:2px #ba5b00 solid;
|
|||
|
|
border-bottom:none
|
|||
|
|
}
|
|||
|
|
.nnid-description{
|
|||
|
|
display:block;
|
|||
|
|
margin:20px 0;
|
|||
|
|
font-size:16px;
|
|||
|
|
font-size:1.6rem;
|
|||
|
|
font-weight:bold;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.ranking .headline{
|
|||
|
|
margin-bottom:10px
|
|||
|
|
}
|
|||
|
|
.ranking .headline h1{
|
|||
|
|
margin-bottom:10px
|
|||
|
|
}
|
|||
|
|
.ranking .ranking-description{
|
|||
|
|
font-size:14px;
|
|||
|
|
font-size:1.4rem;
|
|||
|
|
font-weight:bold;
|
|||
|
|
line-height:1.6em
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .ranking-description{
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .ranking-description{
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action{
|
|||
|
|
position:relative;
|
|||
|
|
height:94px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
padding-top:24px;
|
|||
|
|
z-index:3;
|
|||
|
|
overflow:visible
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action{
|
|||
|
|
height:114px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action{
|
|||
|
|
height:114px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-wrapper{
|
|||
|
|
position:relative
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-button{
|
|||
|
|
position:absolute;
|
|||
|
|
right:0px;
|
|||
|
|
z-index:4
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action .action-button{
|
|||
|
|
right:84px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action .action-button{
|
|||
|
|
right:84px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-button>span{
|
|||
|
|
display:block;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-button.icon-splash{
|
|||
|
|
right:-18px;
|
|||
|
|
top:-10px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action .action-button.icon-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action .action-button.icon-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-button.icon-tw-splash{
|
|||
|
|
right:-18px;
|
|||
|
|
top:-10px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action .action-button.icon-tw-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action .action-button.icon-tw-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-status{
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:-10px;
|
|||
|
|
width:270px;
|
|||
|
|
color:white;
|
|||
|
|
padding:18px 70px 18px 18px;
|
|||
|
|
background:black;
|
|||
|
|
font-weight:bold;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-size:1.4rem;
|
|||
|
|
-moz-border-radius:25px;
|
|||
|
|
-webkit-border-radius:25px;
|
|||
|
|
border-radius:25px;
|
|||
|
|
z-index:3;
|
|||
|
|
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action .action-status{
|
|||
|
|
top:0;
|
|||
|
|
right:130px;
|
|||
|
|
left:auto;
|
|||
|
|
padding:18px 86px 18px 18px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action .action-status{
|
|||
|
|
top:0;
|
|||
|
|
right:130px;
|
|||
|
|
left:auto;
|
|||
|
|
padding:18px 86px 18px 18px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-status:before,.ranking .action .action-status:after{
|
|||
|
|
content:'';
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:-20px
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-status.action-status-anim-init{
|
|||
|
|
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
|||
|
|
opacity:0;
|
|||
|
|
left:24px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action .action-status.action-status-anim-init{
|
|||
|
|
left:auto;
|
|||
|
|
right:90px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action .action-status.action-status-anim-init{
|
|||
|
|
left:auto;
|
|||
|
|
right:90px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-status.action-status-anim-start{
|
|||
|
|
-moz-animation:2.5s action-status-mb linear 1 forwards;
|
|||
|
|
-webkit-animation:2.5s action-status-mb linear 1 forwards;
|
|||
|
|
animation:2.5s action-status-mb linear 1 forwards
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action .action-status.action-status-anim-start{
|
|||
|
|
-moz-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
-webkit-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
animation:2.5s action-status-pc linear 1 forwards
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action .action-status.action-status-anim-start{
|
|||
|
|
-moz-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
-webkit-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
animation:2.5s action-status-pc linear 1 forwards
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-dialog{
|
|||
|
|
*zoom:1;
|
|||
|
|
position:absolute;
|
|||
|
|
right:0;
|
|||
|
|
top:56px;
|
|||
|
|
width:302px;
|
|||
|
|
z-index:3;
|
|||
|
|
background:#181818;
|
|||
|
|
padding:0 20px;
|
|||
|
|
-moz-border-radius:14px;
|
|||
|
|
-webkit-border-radius:14px;
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action .action-dialog{
|
|||
|
|
right:142px;
|
|||
|
|
top:66px;
|
|||
|
|
width:542px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action .action-dialog{
|
|||
|
|
right:142px;
|
|||
|
|
top:66px;
|
|||
|
|
width:542px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-dialog .action-heading{
|
|||
|
|
margin:54px auto 40px
|
|||
|
|
}
|
|||
|
|
.ranking .action .action-dialog .rank-tweet-img{
|
|||
|
|
display:block;
|
|||
|
|
margin:0 auto 40px;
|
|||
|
|
width:256px;
|
|||
|
|
height:126px
|
|||
|
|
}
|
|||
|
|
.ranking .action .button-ok{
|
|||
|
|
margin:0 auto 34px
|
|||
|
|
}
|
|||
|
|
.ranking .action .button-ok:hover:after{
|
|||
|
|
content:"";
|
|||
|
|
position:absolute;
|
|||
|
|
right:20px;
|
|||
|
|
width:72px;
|
|||
|
|
height:36px;
|
|||
|
|
background:transparent url('svg/ui/btn_ok_drip-a054c69e8d7de2cffd9bf312bd5f7b40f8a80687ae806ef70cf8b33e73ded9cc.svg') 0 0 no-repeat;
|
|||
|
|
-moz-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.ranking .action .expand-transition{
|
|||
|
|
transform-origin:right top
|
|||
|
|
}
|
|||
|
|
.ranking .action .expand-enter{
|
|||
|
|
-moz-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.ranking .action .rank-tweet .rank-tweet-img{
|
|||
|
|
display:block;
|
|||
|
|
margin:0 auto 40px;
|
|||
|
|
width:256px;
|
|||
|
|
height:126px
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled{
|
|||
|
|
position:relative;
|
|||
|
|
height:94px;
|
|||
|
|
margin:0 auto;
|
|||
|
|
padding-top:24px;
|
|||
|
|
z-index:3;
|
|||
|
|
overflow:visible;
|
|||
|
|
margin-bottom:24px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action-disabled{
|
|||
|
|
height:114px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action-disabled{
|
|||
|
|
height:114px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-wrapper{
|
|||
|
|
position:relative
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-button{
|
|||
|
|
position:absolute;
|
|||
|
|
right:0px;
|
|||
|
|
z-index:4
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action-disabled .action-button{
|
|||
|
|
right:84px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action-disabled .action-button{
|
|||
|
|
right:84px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-button>span{
|
|||
|
|
display:block;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-button.icon-splash{
|
|||
|
|
right:-18px;
|
|||
|
|
top:-10px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action-disabled .action-button.icon-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action-disabled .action-button.icon-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-button.icon-tw-splash{
|
|||
|
|
right:-18px;
|
|||
|
|
top:-10px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action-disabled .action-button.icon-tw-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action-disabled .action-button.icon-tw-splash{
|
|||
|
|
right:62px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-status{
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:-10px;
|
|||
|
|
width:270px;
|
|||
|
|
color:white;
|
|||
|
|
padding:18px 70px 18px 18px;
|
|||
|
|
background:black;
|
|||
|
|
font-weight:bold;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-size:1.4rem;
|
|||
|
|
-moz-border-radius:25px;
|
|||
|
|
-webkit-border-radius:25px;
|
|||
|
|
border-radius:25px;
|
|||
|
|
z-index:3;
|
|||
|
|
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action-disabled .action-status{
|
|||
|
|
top:0;
|
|||
|
|
right:130px;
|
|||
|
|
left:auto;
|
|||
|
|
padding:18px 86px 18px 18px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action-disabled .action-status{
|
|||
|
|
top:0;
|
|||
|
|
right:130px;
|
|||
|
|
left:auto;
|
|||
|
|
padding:18px 86px 18px 18px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-status:before,.ranking .action-disabled .action-status:after{
|
|||
|
|
content:'';
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
left:0;
|
|||
|
|
top:-20px
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-status.action-status-anim-init{
|
|||
|
|
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
|||
|
|
opacity:0;
|
|||
|
|
left:24px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action-disabled .action-status.action-status-anim-init{
|
|||
|
|
left:auto;
|
|||
|
|
right:90px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action-disabled .action-status.action-status-anim-init{
|
|||
|
|
left:auto;
|
|||
|
|
right:90px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-status.action-status-anim-start{
|
|||
|
|
-moz-animation:2.5s action-status-mb linear 1 forwards;
|
|||
|
|
-webkit-animation:2.5s action-status-mb linear 1 forwards;
|
|||
|
|
animation:2.5s action-status-mb linear 1 forwards
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action-disabled .action-status.action-status-anim-start{
|
|||
|
|
-moz-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
-webkit-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
animation:2.5s action-status-pc linear 1 forwards
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action-disabled .action-status.action-status-anim-start{
|
|||
|
|
-moz-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
-webkit-animation:2.5s action-status-pc linear 1 forwards;
|
|||
|
|
animation:2.5s action-status-pc linear 1 forwards
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-dialog{
|
|||
|
|
*zoom:1;
|
|||
|
|
position:absolute;
|
|||
|
|
right:0;
|
|||
|
|
top:56px;
|
|||
|
|
width:302px;
|
|||
|
|
z-index:3;
|
|||
|
|
background:#181818;
|
|||
|
|
padding:0 20px;
|
|||
|
|
-moz-border-radius:14px;
|
|||
|
|
-webkit-border-radius:14px;
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .action-disabled .action-dialog{
|
|||
|
|
right:142px;
|
|||
|
|
top:66px;
|
|||
|
|
width:542px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .action-disabled .action-dialog{
|
|||
|
|
right:142px;
|
|||
|
|
top:66px;
|
|||
|
|
width:542px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-dialog .action-heading{
|
|||
|
|
margin:54px auto 40px
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-dialog .rank-tweet-img{
|
|||
|
|
display:block;
|
|||
|
|
margin:0 auto 40px;
|
|||
|
|
width:256px;
|
|||
|
|
height:126px
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .button-ok{
|
|||
|
|
margin:0 auto 34px
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .button-ok:hover:after{
|
|||
|
|
content:"";
|
|||
|
|
position:absolute;
|
|||
|
|
right:20px;
|
|||
|
|
width:72px;
|
|||
|
|
height:36px;
|
|||
|
|
background:transparent url('svg/ui/btn_ok_drip-a054c69e8d7de2cffd9bf312bd5f7b40f8a80687ae806ef70cf8b33e73ded9cc.svg') 0 0 no-repeat;
|
|||
|
|
-moz-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .expand-transition{
|
|||
|
|
transform-origin:right top
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .expand-enter{
|
|||
|
|
-moz-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
-webkit-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
|
|||
|
|
animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1)
|
|||
|
|
}
|
|||
|
|
.ranking .action-disabled .action-button{
|
|||
|
|
margin:0
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist-tab{
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist-tab .tab-regular{
|
|||
|
|
display:inline-block;
|
|||
|
|
background-position:center top
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist-tab .tab-gachi{
|
|||
|
|
display:inline-block;
|
|||
|
|
background-position:center top
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist{
|
|||
|
|
display:none;
|
|||
|
|
width:304px;
|
|||
|
|
margin:-12px auto 0;
|
|||
|
|
padding:26px 0 20px;
|
|||
|
|
background:rgba(0,0,0,0.5);
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .ranklist{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .ranklist{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist.is-show{
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail{
|
|||
|
|
position:relative;
|
|||
|
|
display:block;
|
|||
|
|
margin:14px auto;
|
|||
|
|
width:280px;
|
|||
|
|
height:150px;
|
|||
|
|
background:black;
|
|||
|
|
-moz-border-radius:12px;
|
|||
|
|
-webkit-border-radius:12px;
|
|||
|
|
border-radius:12px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .ranklist .rank-detail{
|
|||
|
|
width:420px;
|
|||
|
|
height:92px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .ranklist .rank-detail{
|
|||
|
|
width:420px;
|
|||
|
|
height:92px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail>*{
|
|||
|
|
position:absolute
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-num{
|
|||
|
|
left:10px;
|
|||
|
|
top:-6px
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-num span{
|
|||
|
|
display:inline-block
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-mii{
|
|||
|
|
left:24px;
|
|||
|
|
top:24px
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-username{
|
|||
|
|
left:86px;
|
|||
|
|
top:16px;
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem;
|
|||
|
|
font-weight:bold
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-username.regular-my-name{
|
|||
|
|
color:#7bed00
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-username.gachi-my-name{
|
|||
|
|
color:#ff4e00
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-score{
|
|||
|
|
left:86px;
|
|||
|
|
top:46px
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-score span{
|
|||
|
|
display:inline-block
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear{
|
|||
|
|
left:86px;
|
|||
|
|
top:89px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .ranking .ranklist .rank-detail .rank-gear{
|
|||
|
|
left:auto;
|
|||
|
|
right:20px;
|
|||
|
|
top:40px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear{
|
|||
|
|
left:auto;
|
|||
|
|
right:20px;
|
|||
|
|
top:40px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear li{
|
|||
|
|
position:relative;
|
|||
|
|
float:left;
|
|||
|
|
margin-right:4px
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear li:last-child{
|
|||
|
|
margin-right:0
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-weapon{
|
|||
|
|
width:54px;
|
|||
|
|
height:45px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -392px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-weapon{
|
|||
|
|
background-position:0 -196px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-weapon{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -785px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-weapon{
|
|||
|
|
background-position:0 -392px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-weapon .rank-weapon-img{
|
|||
|
|
width:36px;
|
|||
|
|
height:28px;
|
|||
|
|
-moz-background-size:36px, 28px;
|
|||
|
|
-o-background-size:36px, 28px;
|
|||
|
|
-webkit-background-size:36px, 28px;
|
|||
|
|
background-size:36px, 28px;
|
|||
|
|
background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/weapon/rank/ico_wp_bigball_diffusion00.png')
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-weapon .rank-weapon-img{
|
|||
|
|
background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/weapon/rank/@2x/ico_wp_bigball_diffusion00.png')
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-protective{
|
|||
|
|
width:38px;
|
|||
|
|
height:32px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -360px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-protective{
|
|||
|
|
background-position:0 -180px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-protective{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -721px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-protective{
|
|||
|
|
background-position:0 -360px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-protective .rank-item-img{
|
|||
|
|
width:26px;
|
|||
|
|
height:20px;
|
|||
|
|
-moz-background-size:26px, 20px;
|
|||
|
|
-o-background-size:26px, 20px;
|
|||
|
|
-webkit-background-size:26px, 20px;
|
|||
|
|
background-size:26px, 20px
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-head .rank-head-img{
|
|||
|
|
background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/head/rank/head_1002.png')
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-head .rank-head-img{
|
|||
|
|
background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/head/rank/@2x/head_1002.png')
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-clothes .rank-clothes-img{
|
|||
|
|
background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/clothes/rank/clothes_1.png')
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-clothes .rank-clothes-img{
|
|||
|
|
background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/clothes/rank/@2x/clothes_1.png')
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-shoes .rank-shoes-img{
|
|||
|
|
background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/shoes/rank/shoes_1010.png')
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.ranking .ranklist .rank-detail .rank-gear .rank-shoes .rank-shoes-img{
|
|||
|
|
background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/shoes/rank/@2x/shoes_1010.png')
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.headline-description{
|
|||
|
|
display:block;
|
|||
|
|
width:276px;
|
|||
|
|
margin:16px auto 0;
|
|||
|
|
font-size:16px;
|
|||
|
|
font-size:1.6rem;
|
|||
|
|
font-weight:bold
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .headline-description{
|
|||
|
|
width:100%;
|
|||
|
|
margin:16px 0 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.headline-description{
|
|||
|
|
width:100%;
|
|||
|
|
margin:16px 0 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.stage-schedule{
|
|||
|
|
display:block;
|
|||
|
|
width:276px;
|
|||
|
|
margin:52px auto 14px;
|
|||
|
|
font-size:24px;
|
|||
|
|
font-size:2.4rem;
|
|||
|
|
font-weight:bold;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .stage-schedule{
|
|||
|
|
width:540px;
|
|||
|
|
margin-bottom:40px;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.stage-schedule{
|
|||
|
|
width:540px;
|
|||
|
|
margin-bottom:40px;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.stage-list{
|
|||
|
|
width:304px;
|
|||
|
|
margin:0 auto 30px;
|
|||
|
|
padding:32px 0 26px;
|
|||
|
|
background:rgba(0,0,0,0.5);
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .stage-list{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.stage-list{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.match-type{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
width:260px;
|
|||
|
|
margin:0 auto 46px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .match-type{
|
|||
|
|
width:336px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.match-type{
|
|||
|
|
width:336px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.match-type>span{
|
|||
|
|
display:block;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .match-type>span{
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .match-type>span:last-child{
|
|||
|
|
margin:12px 0 0 8px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.match-type>span{
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.match-type>span:last-child{
|
|||
|
|
margin:12px 0 0 8px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.map-type{
|
|||
|
|
width:260px;
|
|||
|
|
margin:0 auto
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .map-type{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
width:552px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.map-type{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
width:552px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .map-type .map-box{
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .map-type .map-box:first-child{
|
|||
|
|
margin:0 6px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.map-type .map-box{
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.map-type .map-box:first-child{
|
|||
|
|
margin:0 6px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.map-type .map-image{
|
|||
|
|
display:block;
|
|||
|
|
width:260px;
|
|||
|
|
height:146px;
|
|||
|
|
background-color:black;
|
|||
|
|
-moz-background-size:260px, 146px;
|
|||
|
|
-o-background-size:260px, 146px;
|
|||
|
|
-webkit-background-size:260px, 146px;
|
|||
|
|
background-size:260px, 146px
|
|||
|
|
}
|
|||
|
|
.map-type .map-name{
|
|||
|
|
display:block;
|
|||
|
|
margin:30px 0;
|
|||
|
|
text-align:center;
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem;
|
|||
|
|
font-weight:bold
|
|||
|
|
}
|
|||
|
|
.rule-description{
|
|||
|
|
display:block;
|
|||
|
|
width:240px;
|
|||
|
|
margin:20px auto 54px;
|
|||
|
|
text-align:center;
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem;
|
|||
|
|
font-weight:bold
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .rule-description{
|
|||
|
|
width:528px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.rule-description{
|
|||
|
|
width:528px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.icon-regular-match{
|
|||
|
|
width:82px;
|
|||
|
|
height:74px;
|
|||
|
|
background:transparent url('svg/ui/ico_stage_regular-54557ab86d0cba16cf002e6d299f87dccb41655de8a171d32928bfebda3f3692.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-regular-match{
|
|||
|
|
width:246px;
|
|||
|
|
height:43px;
|
|||
|
|
background:transparent url('svg/text/scene/stage/tx_regularmatch-f38b247dfc52198fe167834305d9be107c6f8ac38d1ada619bdf275ebfebdbef.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:246px, 43px;
|
|||
|
|
-o-background-size:246px, 43px;
|
|||
|
|
-webkit-background-size:246px, 43px;
|
|||
|
|
background-size:246px, 43px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.icon-earnest-match{
|
|||
|
|
width:82px;
|
|||
|
|
height:74px;
|
|||
|
|
background:transparent url('svg/ui/ico_stage_gachi-d2041f3d0fc360ad6c7c00dc4f5bfd1aa626a251d35af88c076b5498d8eb991d.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-earnest-match{
|
|||
|
|
width:171px;
|
|||
|
|
height:48px;
|
|||
|
|
background:transparent url('svg/text/scene/stage/tx_gachimatch-8b30550315c2069467831e484cf27fe9e278074f5eccbf9386441c1e63b33372.svg.html') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:171px, 48px;
|
|||
|
|
-o-background-size:171px, 48px;
|
|||
|
|
-webkit-background-size:171px, 48px;
|
|||
|
|
background-size:171px, 48px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.typography-rule{
|
|||
|
|
display:block;
|
|||
|
|
margin:0 auto;
|
|||
|
|
width:71px;
|
|||
|
|
height:21px;
|
|||
|
|
background:transparent url('svg/text/scene/stage/tx_rule-13e21703ba2138146293d83489e720e83fdf48f002d3393de55f24825e39095b.svg') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:71px, 21px;
|
|||
|
|
-o-background-size:71px, 21px;
|
|||
|
|
-webkit-background-size:71px, 21px;
|
|||
|
|
background-size:71px, 21px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
.festival-image{
|
|||
|
|
margin:10px auto 0;
|
|||
|
|
width:300px;
|
|||
|
|
height:180px;
|
|||
|
|
display:block;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -1128px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.festival-image{
|
|||
|
|
background-position:0 -564px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.festival-image{
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -554px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.festival-image{
|
|||
|
|
background-position:0 -277px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .festival-image{
|
|||
|
|
width:600px;
|
|||
|
|
height:360px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -554px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .festival-image{
|
|||
|
|
background-position:0 -277px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .festival-image{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -1108px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .festival-image{
|
|||
|
|
background-position:0 -554px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.festival-image{
|
|||
|
|
width:600px;
|
|||
|
|
height:360px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -554px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.festival-image{
|
|||
|
|
background-position:0 -277px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.festival-image{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -1108px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.festival-image{
|
|||
|
|
background-position:0 -554px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .headline{
|
|||
|
|
margin-bottom:36px
|
|||
|
|
}
|
|||
|
|
.equipment .headline h1{
|
|||
|
|
margin-bottom:10px
|
|||
|
|
}
|
|||
|
|
.equipment .contents{
|
|||
|
|
width:304px;
|
|||
|
|
margin:-12px auto 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .contents{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .contents{
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-description{
|
|||
|
|
font-size:14px;
|
|||
|
|
font-size:1.4rem;
|
|||
|
|
font-weight:bold;
|
|||
|
|
line-height:1.6em
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-description{
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-description{
|
|||
|
|
font-size:18px;
|
|||
|
|
font-size:1.8rem
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail{
|
|||
|
|
margin-bottom:64px;
|
|||
|
|
padding:30px;
|
|||
|
|
background:rgba(0,0,0,0.5);
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main>div{
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main>div{
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main>div{
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info{
|
|||
|
|
margin-bottom:50px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info{
|
|||
|
|
width:250px;
|
|||
|
|
margin-bottom:0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info{
|
|||
|
|
width:250px;
|
|||
|
|
margin-bottom:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
|
|||
|
|
margin-bottom:30px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
|
|||
|
|
margin-bottom:20px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
|
|||
|
|
margin-bottom:20px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile .profile-mii{
|
|||
|
|
margin:0 auto 10px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile .profile-username{
|
|||
|
|
text-align:center;
|
|||
|
|
font-weight:bold;
|
|||
|
|
font-size:24px;
|
|||
|
|
font-size:2.4rem
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
width:256px;
|
|||
|
|
height:64px;
|
|||
|
|
margin:0 auto 16px;
|
|||
|
|
padding:0 34px 0 40px;
|
|||
|
|
background:black;
|
|||
|
|
-moz-border-radius:32px;
|
|||
|
|
-webkit-border-radius:32px;
|
|||
|
|
border-radius:32px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status{
|
|||
|
|
width:250px;
|
|||
|
|
margin-bottom:10px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status:last-child{
|
|||
|
|
margin-bottom:0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status{
|
|||
|
|
width:250px;
|
|||
|
|
margin-bottom:10px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status:last-child{
|
|||
|
|
margin-bottom:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status h3,.equipment .equip-detail .equip-user-main .equip-user-info .user-status p{
|
|||
|
|
float:left
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
|
|||
|
|
margin:20px 52px 0 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
|
|||
|
|
margin:20px 46px 0 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
|
|||
|
|
margin:20px 46px 0 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank+p span{
|
|||
|
|
margin:4px 6px 0 0;
|
|||
|
|
transform:scale(1.2, 1.2)
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
|
|||
|
|
margin:14px 30px 0 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
|
|||
|
|
margin:20px 24px 0 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
|
|||
|
|
margin:20px 24px 0 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae+p{
|
|||
|
|
margin:16px 0 0;
|
|||
|
|
transform:scale(1.2, 1.2)
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
position:relative;
|
|||
|
|
width:228px;
|
|||
|
|
height:192px;
|
|||
|
|
margin-bottom:40px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -168px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
margin:24px 0 0 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
margin:24px 0 0 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
background-position:0 -84px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -337px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon{
|
|||
|
|
background-position:0 -168px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-main .equip-user-weapon .equip-weapon-img{
|
|||
|
|
width:148px;
|
|||
|
|
height:114px;
|
|||
|
|
-moz-background-size:148px, 114px;
|
|||
|
|
-o-background-size:148px, 114px;
|
|||
|
|
-webkit-background-size:148px, 114px;
|
|||
|
|
background-size:148px, 114px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-gearpower-img{
|
|||
|
|
width:36px;
|
|||
|
|
height:36px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-gearpower-slot{
|
|||
|
|
position:relative;
|
|||
|
|
width:36px;
|
|||
|
|
height:36px;
|
|||
|
|
-moz-border-radius:18px;
|
|||
|
|
-webkit-border-radius:18px;
|
|||
|
|
border-radius:18px;
|
|||
|
|
background:black
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-gearpower-slot .equip-gearpower-img{
|
|||
|
|
width:36px;
|
|||
|
|
height:36px;
|
|||
|
|
-moz-background-size:36px, 36px;
|
|||
|
|
-o-background-size:36px, 36px;
|
|||
|
|
-webkit-background-size:36px, 36px;
|
|||
|
|
background-size:36px, 36px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-protections{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
margin:30px 0 10px;
|
|||
|
|
padding:18px 18px 18px 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-protections{
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1;
|
|||
|
|
margin:30px 0 10px;
|
|||
|
|
padding:18px 18px 18px 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
position:relative;
|
|||
|
|
margin:0 auto 40px;
|
|||
|
|
width:126px;
|
|||
|
|
height:106px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
float:left;
|
|||
|
|
margin:0 42px 0 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-detail .equip-user-protections .equip-protective:last-child{
|
|||
|
|
margin-right:0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
float:left;
|
|||
|
|
margin:0 42px 0 0
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective:last-child{
|
|||
|
|
margin-right:0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
background-position:0 -31px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -124px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective{
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective:last-child{
|
|||
|
|
margin-bottom:0
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective .equip-item-img{
|
|||
|
|
width:80px;
|
|||
|
|
height:62px;
|
|||
|
|
-moz-background-size:80px, 62px;
|
|||
|
|
-o-background-size:80px, 62px;
|
|||
|
|
-webkit-background-size:80px, 62px;
|
|||
|
|
background-size:80px, 62px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-default{
|
|||
|
|
position:absolute;
|
|||
|
|
right:-18px;
|
|||
|
|
top:-18px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom{
|
|||
|
|
position:absolute;
|
|||
|
|
left:9px;
|
|||
|
|
bottom:-18px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
*zoom:1
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom li{
|
|||
|
|
float:left;
|
|||
|
|
margin-right:4px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom li:last-child{
|
|||
|
|
margin-right:0
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-heading{
|
|||
|
|
margin:0 auto 50px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-heading{
|
|||
|
|
margin:0 auto 74px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-heading{
|
|||
|
|
margin:0 auto 74px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data{
|
|||
|
|
position:relative;
|
|||
|
|
width:304px;
|
|||
|
|
height:64px;
|
|||
|
|
margin-bottom:20px;
|
|||
|
|
background:black;
|
|||
|
|
-moz-border-radius:14px;
|
|||
|
|
-webkit-border-radius:14px;
|
|||
|
|
border-radius:14px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data{
|
|||
|
|
width:420px;
|
|||
|
|
height:84px;
|
|||
|
|
margin:0 auto 34px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data{
|
|||
|
|
width:420px;
|
|||
|
|
height:84px;
|
|||
|
|
margin:0 auto 34px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
position:absolute;
|
|||
|
|
left:8px;
|
|||
|
|
top:1px;
|
|||
|
|
width:72px;
|
|||
|
|
height:62px;
|
|||
|
|
-moz-background-size:72px, 62px;
|
|||
|
|
-o-background-size:72px, 62px;
|
|||
|
|
-webkit-background-size:72px, 62px;
|
|||
|
|
background-size:72px, 62px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 0;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 0;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 0;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 0;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
left:24px;
|
|||
|
|
top:-24px;
|
|||
|
|
width:126px;
|
|||
|
|
height:106px;
|
|||
|
|
-moz-background-size:126px, 106px;
|
|||
|
|
-o-background-size:126px, 106px;
|
|||
|
|
-webkit-background-size:126px, 106px;
|
|||
|
|
background-size:126px, 106px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 -31px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -124px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
left:24px;
|
|||
|
|
top:-24px;
|
|||
|
|
width:126px;
|
|||
|
|
height:106px;
|
|||
|
|
-moz-background-size:126px, 106px;
|
|||
|
|
-o-background-size:126px, 106px;
|
|||
|
|
-webkit-background-size:126px, 106px;
|
|||
|
|
background-size:126px, 106px;
|
|||
|
|
background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 -31px;
|
|||
|
|
-moz-background-size:300px 794px;
|
|||
|
|
-o-background-size:300px 794px;
|
|||
|
|
-webkit-background-size:300px 794px;
|
|||
|
|
background-size:300px 794px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
|
|||
|
|
background-position:0 -124px;
|
|||
|
|
background-repeat:no-repeat;
|
|||
|
|
-moz-background-size:auto;
|
|||
|
|
-o-background-size:auto;
|
|||
|
|
-webkit-background-size:auto;
|
|||
|
|
background-size:auto
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-resolution: 2dppx){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
|
|||
|
|
background-position:0 -62px;
|
|||
|
|
-moz-background-size:540px 1348px;
|
|||
|
|
-o-background-size:540px 1348px;
|
|||
|
|
-webkit-background-size:540px 1348px;
|
|||
|
|
background-size:540px 1348px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
|
|||
|
|
width:52px;
|
|||
|
|
height:40px;
|
|||
|
|
-moz-background-size:52px, 40px;
|
|||
|
|
-o-background-size:52px, 40px;
|
|||
|
|
-webkit-background-size:52px, 40px;
|
|||
|
|
background-size:52px, 40px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
|
|||
|
|
width:80px;
|
|||
|
|
height:62px;
|
|||
|
|
-moz-background-size:80px, 62px;
|
|||
|
|
-o-background-size:80px, 62px;
|
|||
|
|
-webkit-background-size:80px, 62px;
|
|||
|
|
background-size:80px, 62px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
|
|||
|
|
width:80px;
|
|||
|
|
height:62px;
|
|||
|
|
-moz-background-size:80px, 62px;
|
|||
|
|
-o-background-size:80px, 62px;
|
|||
|
|
-webkit-background-size:80px, 62px;
|
|||
|
|
background-size:80px, 62px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
|
|||
|
|
position:absolute;
|
|||
|
|
right:36px;
|
|||
|
|
top:14px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
|
|||
|
|
margin:0 0.5px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
|
|||
|
|
right:52px;
|
|||
|
|
top:24px
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
|
|||
|
|
margin:0 1px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
|
|||
|
|
right:52px;
|
|||
|
|
top:24px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
|
|||
|
|
margin:0 1px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
|
|||
|
|
position:absolute;
|
|||
|
|
right:8px;
|
|||
|
|
top:24px
|
|||
|
|
}
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit span{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
|
|||
|
|
right:24px;
|
|||
|
|
top:34px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
|
|||
|
|
right:24px;
|
|||
|
|
top:34px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.sitepolicy .headline{
|
|||
|
|
margin-bottom:36px
|
|||
|
|
}
|
|||
|
|
.sitepolicy .headline h1{
|
|||
|
|
margin-bottom:10px
|
|||
|
|
}
|
|||
|
|
.sitepolicy .contents{
|
|||
|
|
width:304px;
|
|||
|
|
margin:3rem auto 0
|
|||
|
|
}
|
|||
|
|
.lt-ie9 .sitepolicy .contents{
|
|||
|
|
margin:-12px auto 0;
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.sitepolicy .contents{
|
|||
|
|
margin:-12px auto 0;
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
select{
|
|||
|
|
color:black !important
|
|||
|
|
}
|
|||
|
|
button{
|
|||
|
|
border-width:0
|
|||
|
|
}
|
|||
|
|
select.invisible{
|
|||
|
|
position:absolute;
|
|||
|
|
opacity:0;
|
|||
|
|
top:0px;
|
|||
|
|
left:0px
|
|||
|
|
}
|
|||
|
|
select#hour{
|
|||
|
|
height:34px;
|
|||
|
|
line-height:34px;
|
|||
|
|
-webkit-appearance:none;
|
|||
|
|
width:95px
|
|||
|
|
}
|
|||
|
|
select#minutes{
|
|||
|
|
height:34px;
|
|||
|
|
line-height:34px;
|
|||
|
|
-webkit-appearance:none;
|
|||
|
|
width:95px
|
|||
|
|
}
|
|||
|
|
select#user_intention_game_mode{
|
|||
|
|
height:34px;
|
|||
|
|
line-height:34px;
|
|||
|
|
-webkit-appearance:none;
|
|||
|
|
width:230px;
|
|||
|
|
top:6px;
|
|||
|
|
left:6px
|
|||
|
|
}
|
|||
|
|
select#user_intention_weapon,select#join_intention_weapon{
|
|||
|
|
height:34px;
|
|||
|
|
line-height:34px;
|
|||
|
|
-webkit-appearance:none;
|
|||
|
|
width:230px;
|
|||
|
|
top:6px;
|
|||
|
|
left:6px
|
|||
|
|
}
|
|||
|
|
select#locale{
|
|||
|
|
height:20px;
|
|||
|
|
line-height:20px;
|
|||
|
|
-webkit-appearance:none;
|
|||
|
|
width:90px;
|
|||
|
|
top:-10px
|
|||
|
|
}
|
|||
|
|
label.select-hour,label.select-minutes,label.select-feel,label.select-weapon,label.select-locale{
|
|||
|
|
position:relative
|
|||
|
|
}
|
|||
|
|
.select-weapon .icon-weapon-wrapper{
|
|||
|
|
background-size:52px 40px
|
|||
|
|
}
|
|||
|
|
.hidden{
|
|||
|
|
display:none !important
|
|||
|
|
}
|
|||
|
|
div.friend-list.self{
|
|||
|
|
margin-bottom:20px
|
|||
|
|
}
|
|||
|
|
.nnid button{
|
|||
|
|
margin:0 auto 16px
|
|||
|
|
}
|
|||
|
|
#ika_swim{
|
|||
|
|
position:fixed
|
|||
|
|
}
|
|||
|
|
.ika-wrapper.welcome{
|
|||
|
|
overflow:hidden
|
|||
|
|
}
|
|||
|
|
.rank-tweet-img{
|
|||
|
|
position:relative
|
|||
|
|
}
|
|||
|
|
.rank-tweet-mii{
|
|||
|
|
position:absolute;
|
|||
|
|
top:4px;
|
|||
|
|
left:10px;
|
|||
|
|
width:32px;
|
|||
|
|
background:white;
|
|||
|
|
border-radius:100px
|
|||
|
|
}
|
|||
|
|
.rank-tweet-name{
|
|||
|
|
position:absolute;
|
|||
|
|
top:13px;
|
|||
|
|
left:45px
|
|||
|
|
}
|
|||
|
|
.rank-tweet-weapon{
|
|||
|
|
position:absolute;
|
|||
|
|
top:48px;
|
|||
|
|
left:137px;
|
|||
|
|
width:36px;
|
|||
|
|
height:28px;
|
|||
|
|
background-size:36px 28px
|
|||
|
|
}
|
|||
|
|
.rank-tweet-head{
|
|||
|
|
position:absolute;
|
|||
|
|
top:90px;
|
|||
|
|
left:140px;
|
|||
|
|
width:26px;
|
|||
|
|
height:20px;
|
|||
|
|
background-size:26px 20px
|
|||
|
|
}
|
|||
|
|
.rank-tweet-clothes{
|
|||
|
|
position:absolute;
|
|||
|
|
top:90px;
|
|||
|
|
left:170px;
|
|||
|
|
width:26px;
|
|||
|
|
height:20px;
|
|||
|
|
background-size:26px 20px
|
|||
|
|
}
|
|||
|
|
.rank-tweet-shoes{
|
|||
|
|
position:absolute;
|
|||
|
|
top:90px;
|
|||
|
|
left:202px;
|
|||
|
|
width:26px;
|
|||
|
|
height:20px;
|
|||
|
|
background-size:26px 20px
|
|||
|
|
}
|
|||
|
|
.rank-tweet-point{
|
|||
|
|
position:absolute;
|
|||
|
|
top:0px;
|
|||
|
|
left:0px;
|
|||
|
|
transform:rotate(-5deg) scale(0.7) translate(0px, 115px);
|
|||
|
|
-ms-transform:rotate(-5deg) scale(0.7) translate(0px, 115px);
|
|||
|
|
-webkit-transform:rotate(-5deg) scale(0.7) translate(0px, 115px);
|
|||
|
|
-moz-transform:rotate(-5deg) scale(0.7) translate(0px, 115px);
|
|||
|
|
width:140px;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.loading,.site-policy{
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.site-policy{
|
|||
|
|
margin:3rem 0 2rem 0
|
|||
|
|
}
|
|||
|
|
.overlay-mask.modal{
|
|||
|
|
z-index:3
|
|||
|
|
}
|
|||
|
|
.overlay-mask.menu{
|
|||
|
|
z-index:5
|
|||
|
|
}
|
|||
|
|
.festival{
|
|||
|
|
text-align:center;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
font-size:18px
|
|||
|
|
}
|
|||
|
|
.sitepolicy h4{
|
|||
|
|
font-size:18px
|
|||
|
|
}
|
|||
|
|
.sitepolicy li{
|
|||
|
|
margin-left:3rem;
|
|||
|
|
padding-top:1rem;
|
|||
|
|
list-style-type:disc;
|
|||
|
|
list-style-position:inside;
|
|||
|
|
font-size:1.6rem
|
|||
|
|
}
|
|||
|
|
.clear{
|
|||
|
|
clear:both
|
|||
|
|
}
|
|||
|
|
.ika-wrapper{
|
|||
|
|
padding-bottom:1rem
|
|||
|
|
}
|
|||
|
|
.festival-teams{
|
|||
|
|
display:block;
|
|||
|
|
font-size:2.4rem;
|
|||
|
|
font-weight:bold;
|
|||
|
|
margin:0px auto 20px;
|
|||
|
|
text-align:center;
|
|||
|
|
width:276px
|
|||
|
|
}
|
|||
|
|
.festival-teams .festival-team-info{
|
|||
|
|
display:block
|
|||
|
|
}
|
|||
|
|
.festival-teams .festival-team-info.festival-team-vs{
|
|||
|
|
display:inline-block;
|
|||
|
|
width:26px;
|
|||
|
|
height:16px;
|
|||
|
|
margin:0 10px;
|
|||
|
|
background:transparent url('svg/text/scene/stage/tx_vs-2fb51f54ae7435b2b22be69a48703fc4178125e9892e80787502d5eea8901ec3.svg') 0 0 no-repeat;
|
|||
|
|
-moz-background-size:26px, 16px;
|
|||
|
|
-o-background-size:26px, 16px;
|
|||
|
|
-webkit-background-size:26px, 16px;
|
|||
|
|
background-size:26px, 16px;
|
|||
|
|
background-position:0 0
|
|||
|
|
}
|
|||
|
|
@media screen and (min-width: 1025px){
|
|||
|
|
.festival-teams{
|
|||
|
|
margin-bottom:30px;
|
|||
|
|
width:540px
|
|||
|
|
}
|
|||
|
|
.festival-teams .festival-team-info{
|
|||
|
|
display:inline
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.festival-stage-list .map-type.second .map-box{
|
|||
|
|
margin:0px auto;
|
|||
|
|
float:none
|
|||
|
|
}
|
|||
|
|
.festival-stage-list .map-type.second .map-image{
|
|||
|
|
margin:0px auto
|
|||
|
|
}
|
|||
|
|
.prefetched-image{
|
|||
|
|
position:absolute;
|
|||
|
|
z-index:-1000;
|
|||
|
|
opacity:0;
|
|||
|
|
width:0px;
|
|||
|
|
height:0px
|
|||
|
|
}
|
|||
|
|
.locale-selector{
|
|||
|
|
margin:20px auto;
|
|||
|
|
text-align:center;
|
|||
|
|
height:20px
|
|||
|
|
}
|
|||
|
|
.select-locale:after{
|
|||
|
|
content:"";
|
|||
|
|
display:block;
|
|||
|
|
margin:6px 0 0 4px
|
|||
|
|
}
|
|||
|
|
.select-locale:after{
|
|||
|
|
background:url('svg/ui/ico_pulldown-daeb8f6ce24ca8e2faedddd342929c54d3d323ff25116ea0877be93efba2a347.svg') 0 0 no-repeat;
|
|||
|
|
height:16px;
|
|||
|
|
width:20px;
|
|||
|
|
display:inline-block
|
|||
|
|
}
|
|||
|
|
.typography-locale{
|
|||
|
|
height:18px;
|
|||
|
|
margin:8px 0 0 4px;
|
|||
|
|
width:60px;
|
|||
|
|
display:inline-block
|
|||
|
|
}
|
|||
|
|
.typography-locale.ja{
|
|||
|
|
background:url('svg/text/menu/tx_Japanese-2ffb0b4509759532318fba9d93b7befb8d6d4b3aa5434afe159d7656c60bedea.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
.typography-locale.en{
|
|||
|
|
background:url('svg/text/menu/tx_English-11762e5c1d4ff09f310bcf46f3dbfbfbe8c8ef2ee8a12b7e793c784d44442d4f.svg') 0 0 no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime-common{
|
|||
|
|
width:64px;
|
|||
|
|
height:64px;
|
|||
|
|
position:absolute
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_00{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') 0px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_01{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -64px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_02{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -128px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_03{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -192px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_04{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -256px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_05{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -320px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_06{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -384px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_07{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -448px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_08{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -512px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_09{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -576px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_10{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -640px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_11{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -704px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_12{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -768px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_13{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -832px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_14{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -896px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_15{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -960px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_16{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -1024px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
div.IkaAnime_17{
|
|||
|
|
background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -1088px 0px no-repeat
|
|||
|
|
}
|
|||
|
|
.weapon-list{
|
|||
|
|
color:black;
|
|||
|
|
border-collapse:collapse
|
|||
|
|
}
|
|||
|
|
.weapon-list td{
|
|||
|
|
border-width:0 0 1px 0;
|
|||
|
|
border-style:solid;
|
|||
|
|
border-color:gray
|
|||
|
|
}
|
|||
|
|
.mii img{
|
|||
|
|
-moz-border-radius:48px;
|
|||
|
|
-webkit-border-radius:48px;
|
|||
|
|
border-radius:48px;
|
|||
|
|
vertical-align:middle
|
|||
|
|
}
|
|||
|
|
.mii img.offline{
|
|||
|
|
filter:alpha(opacity=50);
|
|||
|
|
-moz-opacity:0.5;
|
|||
|
|
opacity:0.5
|
|||
|
|
}
|
|||
|
|
.intention span:after,.intention label:after,.intention-form span:after,.intention-form label:after{
|
|||
|
|
content:': '
|
|||
|
|
}
|
|||
|
|
.bold{
|
|||
|
|
font-weight:bold;
|
|||
|
|
color:maroon
|
|||
|
|
}
|
|||
|
|
.m-scooch{
|
|||
|
|
position:relative;
|
|||
|
|
overflow:hidden;
|
|||
|
|
-webkit-font-smoothing:antialiased
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-left{
|
|||
|
|
text-align:left
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-center{
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid>.m-scooch-inner>*{
|
|||
|
|
width:100%
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid.m-center>.m-scooch-inner>*:first-child{
|
|||
|
|
margin-left:0%
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid-2>.m-scooch-inner>*{
|
|||
|
|
width:50%
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid-2.m-center>.m-scooch-inner>*:first-child{
|
|||
|
|
margin-left:25%
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid-3>.m-scooch-inner>*{
|
|||
|
|
width:33.333%
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid-3.m-center>.m-scooch-inner>*:first-child{
|
|||
|
|
margin-left:33.333%
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid-4>.m-scooch-inner>*{
|
|||
|
|
width:25%
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid-4.m-center>.m-scooch-inner>*:first-child{
|
|||
|
|
margin-left:37.5%
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid-5>.m-scooch-inner>*{
|
|||
|
|
width:20%
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid-5.m-center>.m-scooch-inner>*:first-child{
|
|||
|
|
margin-left:40%
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid-6>.m-scooch-inner>*{
|
|||
|
|
width:16.667%
|
|||
|
|
}
|
|||
|
|
.m-scooch.m-fluid-6.m-center>.m-scooch-inner>*:first-child{
|
|||
|
|
margin-left:41.667%
|
|||
|
|
}
|
|||
|
|
.m-scooch img{
|
|||
|
|
-ms-interpolation-mode:bicubic
|
|||
|
|
}
|
|||
|
|
.m-scooch .m-item{
|
|||
|
|
-webkit-transform:translate(0);
|
|||
|
|
transform:translate(0)
|
|||
|
|
}
|
|||
|
|
.m-scooch-inner{
|
|||
|
|
position:relative;
|
|||
|
|
white-space:nowrap;
|
|||
|
|
text-align:left;
|
|||
|
|
font-size:0;
|
|||
|
|
-webkit-transition-property:-webkit-transform;
|
|||
|
|
-moz-transition-property:-moz-transform;
|
|||
|
|
-ms-transition-property:-ms-transform;
|
|||
|
|
-o-transition-property:-o-transform;
|
|||
|
|
transition-property:transform;
|
|||
|
|
-webkit-transition-timing-function:cubic-bezier(0.33, 0.66, 0.66, 1);
|
|||
|
|
-moz-transition-timing-function:cubic-bezier(0.33, 0.66, 0.66, 1);
|
|||
|
|
-ms-transition-timing-function:cubic-bezier(0.33, 0.66, 0.66, 1);
|
|||
|
|
-o-transition-timing-function:cubic-bezier(0.33, 0.66, 0.66, 1);
|
|||
|
|
transition-timing-function:cubic-bezier(0.33, 0.66, 0.66, 1);
|
|||
|
|
-webkit-transition-duration:0.5s;
|
|||
|
|
-moz-transition-duration:0.5s;
|
|||
|
|
-ms-transition-duration:0.5s;
|
|||
|
|
-o-transition-duration:0.5s;
|
|||
|
|
transition-duration:0.5s
|
|||
|
|
}
|
|||
|
|
.m-scooch-inner>*{
|
|||
|
|
display:inline-block;
|
|||
|
|
vertical-align:top;
|
|||
|
|
white-space:normal;
|
|||
|
|
font-size:16px
|
|||
|
|
}
|
|||
|
|
.m-fluid>.m-scooch-inner>*{
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
-ms-box-sizing:border-box;
|
|||
|
|
-moz-box-sizing:border-box;
|
|||
|
|
-o-box-sizing:border-box;
|
|||
|
|
-webkit-box-sizing:border-box
|
|||
|
|
}
|
|||
|
|
.m-center:not(.m-fluid)>.m-scooch-inner{
|
|||
|
|
display:inline-block;
|
|||
|
|
margin-right:-20000px !important;
|
|||
|
|
margin-left:0 !important
|
|||
|
|
}
|
|||
|
|
.m-center:not(.m-fluid)>.m-scooch-inner>*{
|
|||
|
|
position:relative;
|
|||
|
|
left:-20000px
|
|||
|
|
}
|
|||
|
|
.m-center:not(.m-fluid)>.m-scooch-inner>*:first-child{
|
|||
|
|
float:left;
|
|||
|
|
margin-right:20000px;
|
|||
|
|
left:0
|
|||
|
|
}
|
|||
|
|
.m-center:not(.m-fluid)>.m-scooch-inner>*:first-child:last-child{
|
|||
|
|
margin-right:0
|
|||
|
|
}
|
|||
|
|
.m-center:not(.m-fluid)>.m-scooch-inner>*:last-child{
|
|||
|
|
margin-right:-30000px
|
|||
|
|
}
|
|||
|
|
.m-scooch-controls{
|
|||
|
|
padding-top:10px;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.m-scooch-controls a{
|
|||
|
|
padding:5px;
|
|||
|
|
-webkit-user-select:none;
|
|||
|
|
-moz-user-select:-moz-none;
|
|||
|
|
user-select:none;
|
|||
|
|
-webkit-user-drag:none;
|
|||
|
|
-moz-user-drag:-moz-none;
|
|||
|
|
user-drag:none
|
|||
|
|
}
|
|||
|
|
.m-scooch-bulleted a{
|
|||
|
|
line-height:0;
|
|||
|
|
text-decoration:none;
|
|||
|
|
text-indent:-999px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
display:inline-block;
|
|||
|
|
padding:6px;
|
|||
|
|
width:0;
|
|||
|
|
height:0;
|
|||
|
|
margin:0 3px;
|
|||
|
|
color:#333;
|
|||
|
|
background-color:rgba(255,255,255,0.3);
|
|||
|
|
-webkit-transition:background-color 0.1s ease-in;
|
|||
|
|
-moz-transition:background-color 0.1s ease-in;
|
|||
|
|
-o-transition:background-color 0.1s ease-in;
|
|||
|
|
transition:background-color 0.1s ease-in;
|
|||
|
|
-webkit-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px;
|
|||
|
|
-moz-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px;
|
|||
|
|
box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px;
|
|||
|
|
-webkit-border-radius:6px;
|
|||
|
|
-moz-border-radius:6px;
|
|||
|
|
border-radius:6px
|
|||
|
|
}
|
|||
|
|
.m-scooch-bulleted a:hover,.m-scooch-bulleted a:focus{
|
|||
|
|
text-decoration:none;
|
|||
|
|
background-color:rgba(255,255,255,0.6)
|
|||
|
|
}
|
|||
|
|
.m-scooch-bulleted a.m-active{
|
|||
|
|
background-color:#fff;
|
|||
|
|
-webkit-box-shadow:rgba(0,0,0,0.25) 0 1px 2px;
|
|||
|
|
-moz-box-shadow:rgba(0,0,0,0.25) 0 1px 2px;
|
|||
|
|
box-shadow:rgba(0,0,0,0.25) 0 1px 2px
|
|||
|
|
}
|
|||
|
|
.m-scooch-pagination{
|
|||
|
|
padding-top:10px
|
|||
|
|
}
|
|||
|
|
.m-scooch-pagination a{
|
|||
|
|
text-decoration:none;
|
|||
|
|
display:inline-block;
|
|||
|
|
padding:3px 10px;
|
|||
|
|
margin:1px 0;
|
|||
|
|
color:#333;
|
|||
|
|
background-color:rgba(255,255,255,0.3);
|
|||
|
|
-webkit-transition:background-color 0.1s ease-in;
|
|||
|
|
-moz-transition:background-color 0.1s ease-in;
|
|||
|
|
-o-transition:background-color 0.1s ease-in;
|
|||
|
|
transition:background-color 0.1s ease-in;
|
|||
|
|
-webkit-border-radius:2px;
|
|||
|
|
-moz-border-radius:2px;
|
|||
|
|
border-radius:2px
|
|||
|
|
}
|
|||
|
|
.m-scooch-pagination a:hover,.m-scooch-pagination a:focus{
|
|||
|
|
text-decoration:none;
|
|||
|
|
background-color:rgba(255,255,255,0.6)
|
|||
|
|
}
|
|||
|
|
.m-scooch-pagination a.m-active{
|
|||
|
|
background-color:#fff
|
|||
|
|
}
|
|||
|
|
.m-scooch-hud{
|
|||
|
|
padding-top:0
|
|||
|
|
}
|
|||
|
|
.m-scooch-hud a{
|
|||
|
|
z-index:2;
|
|||
|
|
opacity:0;
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
top:50%;
|
|||
|
|
width:50px;
|
|||
|
|
height:50px;
|
|||
|
|
margin:-25px 0 0 0;
|
|||
|
|
padding:0;
|
|||
|
|
text-decoration:none;
|
|||
|
|
text-indent:-999px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
color:rgba(255,255,255,0.8);
|
|||
|
|
background:rgba(0,0,0,0.8);
|
|||
|
|
-webkit-transition:opacity 0.1s ease-in;
|
|||
|
|
-moz-transition:opacity 0.1s ease-in;
|
|||
|
|
-o-transition:opacity 0.1s ease-in;
|
|||
|
|
transition:opacity 0.1s ease-in;
|
|||
|
|
-webkit-border-radius:25px;
|
|||
|
|
-moz-border-radius:25px;
|
|||
|
|
border-radius:25px
|
|||
|
|
}
|
|||
|
|
.m-scooch:hover .m-scooch-hud a{
|
|||
|
|
opacity:0.3
|
|||
|
|
}
|
|||
|
|
.m-scooch .m-scooch-hud a:hover,.m-scooch .m-scooch-hud a:focus{
|
|||
|
|
opacity:1
|
|||
|
|
}
|
|||
|
|
.m-scooch-hud a:after{
|
|||
|
|
color:rgba(255,255,255,0.85);
|
|||
|
|
content:"\25c0";
|
|||
|
|
font-size:25px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
text-indent:0;
|
|||
|
|
text-align:center;
|
|||
|
|
display:block;
|
|||
|
|
position:absolute;
|
|||
|
|
top:10px;
|
|||
|
|
left:0;
|
|||
|
|
width:47px;
|
|||
|
|
height:50px;
|
|||
|
|
z-index:9
|
|||
|
|
}
|
|||
|
|
.m-scooch-hud .m-scooch-prev{
|
|||
|
|
left:10px
|
|||
|
|
}
|
|||
|
|
.m-scooch-hud .m-scooch-next{
|
|||
|
|
right:10px
|
|||
|
|
}
|
|||
|
|
.m-scooch-hud .m-scooch-next:after{
|
|||
|
|
left:auto;
|
|||
|
|
right:0;
|
|||
|
|
content:"\25b6"
|
|||
|
|
}
|
|||
|
|
.m-caption{
|
|||
|
|
margin:0;
|
|||
|
|
padding:10px;
|
|||
|
|
height:auto;
|
|||
|
|
text-align:center
|
|||
|
|
}
|
|||
|
|
.m-scaled .m-item{
|
|||
|
|
opacity:0.7;
|
|||
|
|
-webkit-backface-visibility:hidden;
|
|||
|
|
-webkit-transform:scale(0.75);
|
|||
|
|
-moz-transform:scale(0.75);
|
|||
|
|
-ms-transform:scale(0.75);
|
|||
|
|
-o-transform:scale(0.75);
|
|||
|
|
transform:scale(0.75);
|
|||
|
|
-webkit-transition:-webkit-transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s,opacity ease-out 0.25s;
|
|||
|
|
-moz-transition-timing-function:-moz-transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s,opacity ease-out 0.25s;
|
|||
|
|
-o-transition-timing-function:-o-transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s,opacity ease-out 0.25s;
|
|||
|
|
transition-timing-function:transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s,opacity ease-out 0.25s
|
|||
|
|
}
|
|||
|
|
.m-scaled .m-active{
|
|||
|
|
opacity:1;
|
|||
|
|
-webkit-transform:scale(1);
|
|||
|
|
-moz-transform:scale(1);
|
|||
|
|
-ms-transform:scale(1);
|
|||
|
|
-o-transform:scale(1);
|
|||
|
|
transform:scale(1)
|
|||
|
|
}
|
|||
|
|
.m-fluid .m-item{
|
|||
|
|
margin-right:20px
|
|||
|
|
}
|
|||
|
|
.m-scooch-photos{
|
|||
|
|
margin:0 -10px;
|
|||
|
|
padding:0 10px
|
|||
|
|
}
|
|||
|
|
.m-scooch-photos .m-item>img{
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
max-width:none;
|
|||
|
|
width:100%;
|
|||
|
|
height:auto;
|
|||
|
|
-webkit-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
|
|||
|
|
-moz-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
|
|||
|
|
-o-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
|
|||
|
|
-ms-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
|
|||
|
|
box-shadow:rgba(0,0,0,0.5) 0 5px 10px
|
|||
|
|
}
|
|||
|
|
.m-scooch-photos .m-caption{
|
|||
|
|
background:rgba(0,0,0,0.7);
|
|||
|
|
bottom:0;
|
|||
|
|
position:absolute;
|
|||
|
|
z-index:9;
|
|||
|
|
width:100%;
|
|||
|
|
-webkit-box-sizing:border-box;
|
|||
|
|
-moz-box-sizing:border-box;
|
|||
|
|
box-sizing:border-box
|
|||
|
|
}
|
|||
|
|
.m-card-dark,.m-card-light{
|
|||
|
|
padding:20px;
|
|||
|
|
-webkit-border-radius:6px;
|
|||
|
|
-moz-border-radius:6px;
|
|||
|
|
border-radius:6px;
|
|||
|
|
-webkit-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
|
|||
|
|
-moz-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
|
|||
|
|
-o-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
|
|||
|
|
-ms-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
|
|||
|
|
box-shadow:rgba(0,0,0,0.5) 0 5px 10px
|
|||
|
|
}
|
|||
|
|
.m-card-dark{
|
|||
|
|
background:rgba(0,0,0,0.5);
|
|||
|
|
color:#FFF
|
|||
|
|
}
|
|||
|
|
.m-card-light{
|
|||
|
|
background:rgba(255,255,255,0.9);
|
|||
|
|
color:#000
|
|||
|
|
}
|
|||
|
|
.m-card-dark .m-caption,.m-card-light .m-caption{
|
|||
|
|
margin:0;
|
|||
|
|
padding:10px 0 0 0
|
|||
|
|
}
|
|||
|
|
.m-fade-out{
|
|||
|
|
-webkit-mask-image:-webkit-linear-gradient(left, transparent 0%, #000 5%, #000 95%, transparent 100%)
|
|||
|
|
}
|