init
This commit is contained in:
@@ -0,0 +1,55 @@
|
||||
@keyframes fade-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes zoom-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.3);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes zoom-out {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
transform: scale(0.3);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes dropdown-enter {
|
||||
from {
|
||||
max-height: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
max-height: 160px;
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes dropdown-leave {
|
||||
from {
|
||||
opacity: 1;
|
||||
max-height: 160px;
|
||||
transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
max-height: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,403 @@
|
||||
@use "./animation.scss";
|
||||
|
||||
.text-shadow {
|
||||
text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "dcalc";
|
||||
src: url("@/assets/fonts/dcalc.ttf");
|
||||
}
|
||||
|
||||
:root {
|
||||
font-size: 16px;
|
||||
--cursor-pointer: url("@/assets/cursor/basic.cur"),
|
||||
url("@/assets/cursor/cursor.png"), pointer !important;
|
||||
--cursor-active: url("@/assets/cursor/basic_press.cur"),
|
||||
url("@/assets/cursor/cursor.png"), pointer !important;
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
[data-v-app] {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: hidden;
|
||||
overflow-x: hidden;
|
||||
// letter-spacing: -0.05px;
|
||||
|
||||
// font-family: "ArkPixel", "Consola", sans-serif;
|
||||
}
|
||||
|
||||
* {
|
||||
// font-family: "ArkPixel", "Consola", sans-serif;
|
||||
// font-family: "dcalc", "SimHei";
|
||||
// font-family: "STSong";
|
||||
font-size: 12px;
|
||||
text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
|
||||
0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
|
||||
// image-rendering:pixelated;
|
||||
// text-rendering: geometricPrecision;
|
||||
// letter-spacing: -0.5px;
|
||||
}
|
||||
|
||||
@mixin pointer() {
|
||||
cursor: var(--cursor-pointer);
|
||||
|
||||
&:active {
|
||||
cursor: var(--cursor-active);
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
user-select: none;
|
||||
@include pointer();
|
||||
}
|
||||
|
||||
.cursor-pointer {
|
||||
@include pointer();
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
background: rgb(0, 0, 0, 0.9);
|
||||
width: 11px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
@include pointer();
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: rgb(36, 36, 36);
|
||||
border: 1px solid rgb(76, 61, 39);
|
||||
border-radius: 1px;
|
||||
|
||||
&:hover {
|
||||
background: rgb(52, 52, 52);
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:vertical:single-button:start {
|
||||
width: 11px;
|
||||
// 添加标题栏后调整相关位置
|
||||
background: url("@/assets/img/icon/up.png") 0px 1px no-repeat;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:vertical:single-button:end {
|
||||
width: 11px;
|
||||
background: url("@/assets/img/icon/down.png") 0px 1px no-repeat;
|
||||
}
|
||||
|
||||
.divider {
|
||||
width: calc(100% - 4px);
|
||||
height: 1px;
|
||||
background-color: rgba(58, 57, 58, 0.8);
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
.mask-full {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: -1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.icon-lay:not(.active) {
|
||||
position: absolute;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
z-index: 2;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
width: 210px;
|
||||
float: left;
|
||||
border: 1px solid rgb(128, 128, 128);
|
||||
padding: 10px 5px 10px 5px;
|
||||
font-size: 0.75rem;
|
||||
|
||||
.name {
|
||||
padding: 0px 5px 0px 5px;
|
||||
&::after {
|
||||
content: "";
|
||||
width: 210px;
|
||||
height: 8px;
|
||||
background: url("@/assets/img/underline.png");
|
||||
display: block;
|
||||
background-size: contain;
|
||||
left: 5px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip-equipment {
|
||||
@extend .tooltip;
|
||||
}
|
||||
|
||||
.tooltip-skill {
|
||||
@extend .tooltip;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
.name {
|
||||
color: rgb(197, 172, 72);
|
||||
}
|
||||
|
||||
.name-p {
|
||||
@extend .name;
|
||||
color: rgb(139, 254, 133);
|
||||
}
|
||||
|
||||
.info {
|
||||
color: rgb(132, 119, 78);
|
||||
margin: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.subitem {
|
||||
background-color: rgb(11, 11, 11);
|
||||
|
||||
.head-sec {
|
||||
color: #b99460;
|
||||
// font-size: 12px;
|
||||
text-align: center;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
background-image: linear-gradient(#2d281a, #16120c);
|
||||
border-top: #443c2b solid 1px;
|
||||
border-bottom: #211e10 solid 1px;
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
.body-sec {
|
||||
padding-top: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-header {
|
||||
// -webkit-app-region: drag;
|
||||
background-image: url("@/assets/img/control/title.png");
|
||||
background-size: 100% 100%;
|
||||
color: #9d8c5b;
|
||||
border-top: 1px solid #6c81a7;
|
||||
border-bottom: 1px solid #232d41;
|
||||
}
|
||||
|
||||
.min-icon {
|
||||
-webkit-app-region: no-drag;
|
||||
background: url("@/assets/img/icon/min.png") no-repeat;
|
||||
|
||||
background-size: 10px 10px;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.close-icon {
|
||||
-webkit-app-region: no-drag;
|
||||
background: url("@/assets/img/icon/exit.png") no-repeat;
|
||||
background-size: 10px 10px;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.normal {
|
||||
color: #ffffff;
|
||||
}
|
||||
.advanced {
|
||||
color: #68d5ed;
|
||||
}
|
||||
.rare {
|
||||
color: #b36bff;
|
||||
}
|
||||
.artifact {
|
||||
color: #ff00ff;
|
||||
}
|
||||
.legend {
|
||||
color: #e96e00;
|
||||
}
|
||||
.epic {
|
||||
color: #ffb400;
|
||||
}
|
||||
.chronicle {
|
||||
color: #ff6666;
|
||||
}
|
||||
.myth {
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
left bottom,
|
||||
color-stop(0, #f8c63d),
|
||||
color-stop(1, #cc66e7)
|
||||
);
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
text-shadow: none;
|
||||
-webkit-background-clip: text;
|
||||
> span {
|
||||
text-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.primeval {
|
||||
background-image: -webkit-linear-gradient(top, #28d931,#33acea);
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
text-shadow: none;
|
||||
-webkit-background-clip: text;
|
||||
> span {
|
||||
text-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes primeval {
|
||||
0% {
|
||||
background-image: url("@/assets/img/effect/primeval/0.png");
|
||||
}
|
||||
3.45% {
|
||||
background-image: url("@/assets/img/effect/primeval/1.png");
|
||||
}
|
||||
6.9% {
|
||||
background-image: url("@/assets/img/effect/primeval/2.png");
|
||||
}
|
||||
10.35% {
|
||||
background-image: url("@/assets/img/effect/primeval/3.png");
|
||||
}
|
||||
13.8% {
|
||||
background-image: url("@/assets/img/effect/primeval/4.png");
|
||||
}
|
||||
17.25% {
|
||||
background-image: url("@/assets/img/effect/primeval/5.png");
|
||||
}
|
||||
20.7% {
|
||||
background-image: url("@/assets/img/effect/primeval/6.png");
|
||||
}
|
||||
24.15% {
|
||||
background-image: url("@/assets/img/effect/primeval/7.png");
|
||||
}
|
||||
27.6% {
|
||||
background-image: url("@/assets/img/effect/primeval/8.png");
|
||||
}
|
||||
31.05% {
|
||||
background-image: url("@/assets/img/effect/primeval/9.png");
|
||||
}
|
||||
34.5% {
|
||||
background-image: url("@/assets/img/effect/primeval/10.png");
|
||||
}
|
||||
37.95% {
|
||||
background-image: url("@/assets/img/effect/primeval/11.png");
|
||||
}
|
||||
41.4% {
|
||||
background-image: url("@/assets/img/effect/primeval/12.png");
|
||||
}
|
||||
44.85% {
|
||||
background-image: url("@/assets/img/effect/primeval/13.png");
|
||||
}
|
||||
48.3% {
|
||||
background-image: url("@/assets/img/effect/primeval/14.png");
|
||||
}
|
||||
51.75% {
|
||||
background-image: url("@/assets/img/effect/primeval/15.png");
|
||||
}
|
||||
55.2% {
|
||||
background-image: url("@/assets/img/effect/primeval/16.png");
|
||||
}
|
||||
58.65% {
|
||||
background-image: url("@/assets/img/effect/primeval/17.png");
|
||||
}
|
||||
62.1% {
|
||||
background-image: url("@/assets/img/effect/primeval/18.png");
|
||||
}
|
||||
65.55% {
|
||||
background-image: url("@/assets/img/effect/primeval/19.png");
|
||||
}
|
||||
69% {
|
||||
background-image: url("@/assets/img/effect/primeval/20.png");
|
||||
}
|
||||
72.45% {
|
||||
background-image: url("@/assets/img/effect/primeval/21.png");
|
||||
}
|
||||
75.9% {
|
||||
background-image: url("@/assets/img/effect/primeval/22.png");
|
||||
}
|
||||
79.35% {
|
||||
background-image: url("@/assets/img/effect/primeval/23.png");
|
||||
}
|
||||
82.8% {
|
||||
background-image: url("@/assets/img/effect/primeval/24.png");
|
||||
}
|
||||
86.25% {
|
||||
background-image: url("@/assets/img/effect/primeval/25.png");
|
||||
}
|
||||
89.7% {
|
||||
background-image: url("@/assets/img/effect/primeval/26.png");
|
||||
}
|
||||
93.15% {
|
||||
background-image: url("@/assets/img/effect/primeval/27.png");
|
||||
}
|
||||
96.6% {
|
||||
background-image: url("@/assets/img/effect/primeval/28.png");
|
||||
}
|
||||
100% {
|
||||
background-image: url("@/assets/img/effect/primeval/29.png");
|
||||
}
|
||||
}
|
||||
|
||||
.primeval_effect {
|
||||
// 应用动画到div上
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
background-size: cover;
|
||||
animation: primeval 2s infinite;
|
||||
// 设置动画名称，持续时间，和循环次数
|
||||
mix-blend-mode: color-dodge;
|
||||
}
|
||||
|
||||
.lvInfo{
|
||||
background-image: url("@/assets/img/specificity/lv.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto auto !important;
|
||||
width: 30px;
|
||||
height: 16px;
|
||||
z-index: 10;
|
||||
color:#4E3D1B
|
||||
}
|
||||
|
||||
.lvInfoActive{
|
||||
background-image: url("@/assets/img/specificity/lv_active.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto auto !important;
|
||||
width: 30px;
|
||||
height: 16px;
|
||||
z-index: 10;
|
||||
color:#FEB300
|
||||
}
|
||||
|
||||
|
||||
.lvInfoMaster{
|
||||
background-image: url("@/assets/img/specificity/lv_master.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto auto !important;
|
||||
width: 30px;
|
||||
height: 16px;
|
||||
z-index: 10;
|
||||
color:#FEB300
|
||||
}
|
||||
@@ -0,0 +1,265 @@
|
||||
// 极诣·剑魂
|
||||
.weapon_master {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg01_3.jpg) no-repeat;
|
||||
}
|
||||
// 极诣·鬼泣
|
||||
.soul_bender {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg02_3.jpg) no-repeat;
|
||||
}
|
||||
// 极诣·狂战士
|
||||
.berserker {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg03_3.jpg) no-repeat;
|
||||
}
|
||||
// 极诣·阿修罗
|
||||
.asura {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg04_3.jpg) no-repeat;
|
||||
}
|
||||
// 极诣·剑影
|
||||
.ghostblade {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg05_3.jpg) no-repeat;
|
||||
}
|
||||
// 极诣·驭剑士
|
||||
.sword_master {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg06_3.jpg) no-repeat;
|
||||
}
|
||||
// 极诣·暗殿骑士
|
||||
.dark_templar {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg09_3.jpg) no-repeat;
|
||||
}
|
||||
// 极诣·契魔者
|
||||
.demon_slayer {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg07_3.jpg) no-repeat;
|
||||
}
|
||||
// 极诣·流浪武士
|
||||
.vegabond {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg08_3.jpg) no-repeat;
|
||||
}
|
||||
// 极诣·刃影
|
||||
.spectre {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg62_3.jpg) no-repeat;
|
||||
}
|
||||
// 归元·气功师
|
||||
.nenmaster_male {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg10_3.jpg) no-repeat;
|
||||
}
|
||||
// 归元·散打
|
||||
.striker_male {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg11_3.jpg) no-repeat;
|
||||
}
|
||||
// 归元·街霸
|
||||
.brawler_male {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg12_3.jpg) no-repeat;
|
||||
}
|
||||
// 归元·柔道家
|
||||
.grappler_male {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg13_3.jpg) no-repeat;
|
||||
}
|
||||
// 归元·气功师
|
||||
.nenmaster_female {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg14_3.jpg) no-repeat;
|
||||
}
|
||||
// 归元·散打
|
||||
.striker_female {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg15_3.jpg) no-repeat;
|
||||
}
|
||||
// 归元·街霸
|
||||
.brawler_female {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg16_3.jpg) no-repeat;
|
||||
}
|
||||
// 归元·柔道家
|
||||
.grappler_female {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg17_3.jpg) no-repeat;
|
||||
}
|
||||
// 重霄·漫游枪手
|
||||
.ranger_male {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg18_3.jpg) no-repeat;
|
||||
}
|
||||
// 重霄·枪炮师
|
||||
.launcher_male {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg19_3.jpg) no-repeat;
|
||||
}
|
||||
// 重霄·机械师
|
||||
.mechanic_male {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg20_3.jpg) no-repeat;
|
||||
}
|
||||
// 重霄·弹药专家
|
||||
.spitfire_male {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg21_3.jpg) no-repeat;
|
||||
}
|
||||
// 重霄·合金战士
|
||||
.assault {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg63_3.jpg) no-repeat;
|
||||
}
|
||||
// 重霄·漫游枪手
|
||||
.ranger_female {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg22_3.jpg) no-repeat;
|
||||
}
|
||||
// 重霄·枪炮师
|
||||
.launcher_female {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg23_3.jpg) no-repeat;
|
||||
}
|
||||
// 重霄·机械师
|
||||
.mechanic_female {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg24_3.jpg) no-repeat;
|
||||
}
|
||||
// 重霄·弹药专家
|
||||
.spitfire_female {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg25_3.jpg) no-repeat;
|
||||
}
|
||||
// 知源·元素爆破师
|
||||
.elemental_bomber {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg26_3.jpg) no-repeat;
|
||||
}
|
||||
// 知源·冰结师
|
||||
.glacial_master {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg27_3.jpg) no-repeat;
|
||||
}
|
||||
// 知源·血法师
|
||||
.blood_mage {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg28_3.jpg) no-repeat;
|
||||
}
|
||||
// 知源·逐风者
|
||||
.swift_master {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg29_3.jpg) no-repeat;
|
||||
}
|
||||
// 知源·次元行者
|
||||
.dimension_walker {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg30_3.jpg) no-repeat;
|
||||
}
|
||||
// 知源·元素师
|
||||
.elementalist {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg31_3.jpg) no-repeat;
|
||||
}
|
||||
// 知源·召唤师
|
||||
.summoner {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg32_3.jpg) no-repeat;
|
||||
}
|
||||
// 知源·战斗法师
|
||||
.battle_mage {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg33_3.jpg) no-repeat;
|
||||
}
|
||||
// 知源·魔道学者
|
||||
.witch {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg34_3.jpg) no-repeat;
|
||||
}
|
||||
// 知源·小魔女
|
||||
.enchantress {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg35_3.jpg) no-repeat;
|
||||
}
|
||||
// 神启·圣骑士
|
||||
.crusader_male,
|
||||
crusader_male_carry {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg36_3.jpg) no-repeat;
|
||||
}
|
||||
// 神启·蓝拳圣使
|
||||
.infighter {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg37_3.jpg) no-repeat;
|
||||
}
|
||||
// 神启·驱魔师
|
||||
.exorcist {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg38_3.jpg) no-repeat;
|
||||
}
|
||||
// 神启·复仇者
|
||||
.avenger {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg39_3.jpg) no-repeat;
|
||||
}
|
||||
// 神启·圣骑士
|
||||
.crusader_female {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg40_3.jpg) no-repeat;
|
||||
}
|
||||
// 神启·异端审判者
|
||||
.inquistor {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg41_3.jpg) no-repeat;
|
||||
}
|
||||
// 神启·巫女
|
||||
.sorceress {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg42_3.jpg) no-repeat;
|
||||
}
|
||||
// 神启·诱魔者
|
||||
.mistress {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg43_3.jpg) no-repeat;
|
||||
}
|
||||
// 隐夜·刺客
|
||||
.rogue {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg44_3.jpg) no-repeat;
|
||||
}
|
||||
// 隐夜·死灵术士
|
||||
.necro {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg45_3.jpg) no-repeat;
|
||||
}
|
||||
// 隐夜·忍者
|
||||
.kunoichi {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg46_3.jpg) no-repeat;
|
||||
}
|
||||
// 隐夜·影舞者
|
||||
.shadow_dancer {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg47_3.jpg) no-repeat;
|
||||
}
|
||||
// 皓曦·精灵骑士
|
||||
.elven_knight {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg48_3.jpg) no-repeat;
|
||||
}
|
||||
// 皓曦·混沌魔灵
|
||||
.chaos {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg49_3.jpg) no-repeat;
|
||||
}
|
||||
// 皓曦·帕拉丁
|
||||
.paladin {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg50_3.jpg) no-repeat;
|
||||
}
|
||||
// 皓曦·龙骑士
|
||||
.dragon_knight {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg51_3.jpg) no-repeat;
|
||||
}
|
||||
// 千魂·征战者
|
||||
.vanguard {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg52_3.jpg) no-repeat;
|
||||
}
|
||||
// 千魂·决战者
|
||||
.skirmisher {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg53_3.jpg) no-repeat;
|
||||
}
|
||||
// 千魂·狩猎者
|
||||
.dragoon {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg54_3.jpg) no-repeat;
|
||||
}
|
||||
// 千魂·暗枪士
|
||||
.impaler {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg55_3.jpg) no-repeat;
|
||||
}
|
||||
// 苍暮·暗刃
|
||||
.hitman {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg58_3.jpg) no-repeat;
|
||||
}
|
||||
// 苍暮·特工
|
||||
.agent {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg56_3.jpg) no-repeat;
|
||||
}
|
||||
// 苍暮·战线佣兵
|
||||
.trouble_shooter {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg57_3.jpg) no-repeat;
|
||||
}
|
||||
// 苍暮·源能专家
|
||||
.specialist {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg59_3.jpg) no-repeat;
|
||||
}
|
||||
.muse {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg64_3.jpg) no-repeat;
|
||||
}
|
||||
.traveler {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg65_3.jpg) no-repeat;
|
||||
}
|
||||
.hunter {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg66_3.jpg) no-repeat;
|
||||
}
|
||||
.vigilante {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg67_3.jpg) no-repeat;
|
||||
}
|
||||
// 知源·缔造者
|
||||
.creator {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg61_3.jpg) no-repeat;
|
||||
}
|
||||
// 极诣·黑暗武士
|
||||
.dark_knight {
|
||||
background: url(//cdn.df.nexon.com/img/char_info/bg/bg60_3.jpg) no-repeat;
|
||||
}
|
||||
@@ -0,0 +1,338 @@
|
||||
// 极诣·剑魂
|
||||
.weapon_master {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_01_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 极诣·鬼泣
|
||||
.soul_bender {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_01_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 极诣·狂战士
|
||||
.berserker {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_01_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 极诣·阿修罗
|
||||
.asura {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_01_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 极诣·剑影
|
||||
.ghostblade {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_01_05.png) no-repeat;
|
||||
}
|
||||
|
||||
// 极诣·驭剑士
|
||||
.sword_master {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_02_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 极诣·暗殿骑士
|
||||
.dark_templar {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_02_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 极诣·契魔者
|
||||
.demon_slayer {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_02_02.png) no-repeat;
|
||||
|
||||
}
|
||||
|
||||
// 极诣·流浪武士
|
||||
.vegabond {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_02_03.png) no-repeat;
|
||||
|
||||
}
|
||||
|
||||
// 极诣·刃影
|
||||
.spectre {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_02_05.png) no-repeat;
|
||||
}
|
||||
|
||||
// 归元·气功师
|
||||
.nenmaster_male {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_03_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 归元·散打
|
||||
.striker_male {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_03_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 归元·街霸
|
||||
.brawler_male {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_03_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 归元·柔道家
|
||||
.grappler_male {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_03_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 归元·气功师
|
||||
.nenmaster_female {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_04_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 归元·散打
|
||||
.striker_female {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_04_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 归元·街霸
|
||||
.brawler_female {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_04_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 归元·柔道家
|
||||
.grappler_female {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_04_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 重霄·漫游枪手
|
||||
.ranger_male {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_05_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 重霄·枪炮师
|
||||
.launcher_male {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_05_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 重霄·机械师
|
||||
.mechanic_male {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_05_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 重霄·弹药专家
|
||||
.spitfire_male {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_05_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 重霄·合金战士
|
||||
.assault {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_05_05.png) no-repeat;
|
||||
}
|
||||
|
||||
// 重霄·漫游枪手
|
||||
.ranger_female {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_06_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 重霄·枪炮师
|
||||
.launcher_female {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_06_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 重霄·机械师
|
||||
.mechanic_female {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_06_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 重霄·弹药专家
|
||||
.spitfire_female {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_06_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 知源·元素爆破师
|
||||
.elemental_bomber {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_07_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 知源·冰结师
|
||||
.glacial_master {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_07_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 知源·血法师
|
||||
.blood_mage {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_07_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 知源·逐风者
|
||||
.swift_master {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_07_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 知源·次元行者
|
||||
.dimension_walker {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_07_05.png) no-repeat;
|
||||
}
|
||||
|
||||
// 知源·元素师
|
||||
.elementalist {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_08_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 知源·召唤师
|
||||
.summoner {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_08_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 知源·战斗法师
|
||||
.battle_mage {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_08_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 知源·魔道学者
|
||||
.witch {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_08_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 知源·小魔女
|
||||
.enchantress,
|
||||
.enchantress_carry {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_08_05.png) no-repeat;
|
||||
}
|
||||
|
||||
// 神启·圣骑士
|
||||
.crusader_male,
|
||||
.crusader_male_carry {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_09_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 神启·蓝拳圣使
|
||||
.infighter {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_09_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 神启·驱魔师
|
||||
.exorcist {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_09_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 神启·复仇者
|
||||
.avenger {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_09_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 神启·圣骑士
|
||||
.crusader_female {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_10_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 神启·异端审判者
|
||||
.inquistor {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_10_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 神启·巫女
|
||||
.sorceress {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_10_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 神启·诱魔者
|
||||
.mistress {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_10_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 隐夜·刺客
|
||||
.rogue {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_11_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 隐夜·死灵术士
|
||||
.necro {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_11_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 隐夜·忍者
|
||||
.kunoichi {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_11_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 隐夜·影舞者
|
||||
.shadow_dancer {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_11_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 皓曦·精灵骑士
|
||||
.elven_knight {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_12_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 皓曦·混沌魔灵
|
||||
.chaos {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_12_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 皓曦·帕拉丁
|
||||
.paladin {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_12_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 皓曦·龙骑士
|
||||
.dragon_knight {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_12_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 千魂·征战者
|
||||
.vanguard {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_13_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 千魂·决战者
|
||||
.skirmisher {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_13_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 千魂·狩猎者
|
||||
.dragoon {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_13_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 千魂·暗枪士
|
||||
.impaler {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_13_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 苍暮·暗刃
|
||||
.hitman {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_14_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 苍暮·特工
|
||||
.agent {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_14_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 苍暮·战线佣兵
|
||||
.trouble_shooter {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_14_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 苍暮·源能专家
|
||||
.specialist {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_14_04.png) no-repeat;
|
||||
}
|
||||
|
||||
// 极诣·黑暗武士
|
||||
.dark_knight {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_15_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 知源·缔造者
|
||||
.creator {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_16_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 聆风·缪斯
|
||||
.muse {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_17_01.png) no-repeat;
|
||||
}
|
||||
|
||||
// 聆风·旅人
|
||||
.traveler {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_17_02.png) no-repeat;
|
||||
}
|
||||
|
||||
// 聆风·猎人
|
||||
.hunter {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_17_03.png) no-repeat;
|
||||
}
|
||||
|
||||
// 聆风·妖护使
|
||||
.vigilante {
|
||||
background: url(https://bbscdn.df.nexon.com/pg/characters/img/main/mc_17_04.png) no-repeat;
|
||||
}
|
||||
@@ -0,0 +1,392 @@
|
||||
.icon-reset {
|
||||
background-image: url("@/assets/img/icon/reset.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/reset_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/reset_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/reset_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-set {
|
||||
background-image: url("@/assets/img/icon/set.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/set_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/set_active.png");
|
||||
}
|
||||
// &:disabled {
|
||||
// background-image: url("@/assets/img/icon/set_disabled.png");
|
||||
// }
|
||||
}
|
||||
|
||||
.icon-prev {
|
||||
background-image: url("@/assets/img/icon/prev.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/prev_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/prev_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/prev_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-next {
|
||||
background-image: url("@/assets/img/icon/next.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/next_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/next_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/next_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-dropdown {
|
||||
background-image: url("@/assets/img/icon/dropdown.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/dropdown_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/dropdown_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/dropdown_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-search {
|
||||
background-image: url("@/assets/img/icon/search.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/search_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/search_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/search_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-increase {
|
||||
background-image: url("@/assets/img/icon/increase.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/increase_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/increase_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/increase_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-reduce {
|
||||
background-image: url("@/assets/img/icon/reduce.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/reduce_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/reduce_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/reduce_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-plus {
|
||||
background-image: url("@/assets/img/icon/plus.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/plus_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/plus_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/plus_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-detail {
|
||||
background-image: url("@/assets/img/icon/detail.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/detail_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/detail_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/detail_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.icon-home {
|
||||
background-image: url("@/assets/img/icon/home.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/home_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/home_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/home_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-reflesh {
|
||||
background-image: url("@/assets/img/icon/reflesh.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/reflesh_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/reflesh_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/reflesh_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-update {
|
||||
background-image: url("@/assets/img/icon/update.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/update_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/update_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/update_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-share {
|
||||
background-image: url("@/assets/img/icon/share.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/share_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/share_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/share_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-import {
|
||||
background-image: url("@/assets/img/icon/import.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/import_hover.png");
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/import_active.png");
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/import_disabled.png");
|
||||
}
|
||||
}
|
||||
|
||||
.icon-menu-drug {
|
||||
background-image: url("@/assets/img/icon/menu/drug.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/menu/drug_hover.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/menu/drug_active.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/menu/drug_disabled.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-menu-specificity {
|
||||
background-image: url("@/assets/img/icon/menu/specificity.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/menu/specificity_hover.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/menu/specificity_active.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/menu/specificity_disabled.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.icon-menu-favourite {
|
||||
background-image: url("@/assets/img/icon/menu/favourite.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/menu/favourite_hover.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/menu/favourite_active.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/menu/favourite_disabled.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-menu-recommend {
|
||||
background-image: url("@/assets/img/icon/menu/recommend.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/menu/recommend_hover.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/menu/recommend_active.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/menu/recommend_disabled.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-menu-set {
|
||||
background-image: url("@/assets/img/icon/menu/set.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
&:hover {
|
||||
background-image: url("@/assets/img/icon/menu/set_hover.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
&:active {
|
||||
background-image: url("@/assets/img/icon/menu/set_active.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url("@/assets/img/icon/menu/set_disabled.png");
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: auto 100% !important;
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
@use "./app.scss";
|
||||
@use "./icon.scss";
|
||||
@use "./char-img.scss"
|
||||
Reference in New Issue
Block a user