2021-06-27 04:46:40 +02:00
|
|
|
.nitro-wired {
|
|
|
|
width: 300px;
|
2021-06-28 23:18:34 +02:00
|
|
|
|
|
|
|
.icon {
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center;
|
|
|
|
|
|
|
|
&.icon-mv-1 {
|
2021-08-31 00:53:13 +02:00
|
|
|
width: 16px;
|
|
|
|
height: 9px;
|
2021-06-28 23:18:34 +02:00
|
|
|
background-image: url('../../assets/images/wired/icon_wired_around.png');
|
|
|
|
}
|
|
|
|
&.icon-mv-2 {
|
2021-08-31 00:53:13 +02:00
|
|
|
width: 16px;
|
|
|
|
height: 9px;
|
2021-06-28 23:18:34 +02:00
|
|
|
background-image: url('../../assets/images/wired/icon_wired_up_down.png');
|
|
|
|
}
|
|
|
|
&.icon-mv-3 {
|
2021-08-31 00:53:13 +02:00
|
|
|
width: 16px;
|
|
|
|
height: 9px;
|
2021-06-28 23:18:34 +02:00
|
|
|
background-image: url('../../assets/images/wired/icon_wired_left_right.png');
|
|
|
|
}
|
|
|
|
&.icon-ne {
|
2021-08-31 00:53:13 +02:00
|
|
|
width: 16px;
|
|
|
|
height: 9px;
|
2021-06-28 23:18:34 +02:00
|
|
|
background-image: url('../../assets/images/wired/icon_wired_north_east.png');
|
|
|
|
}
|
|
|
|
&.icon-se {
|
2021-08-31 00:53:13 +02:00
|
|
|
width: 16px;
|
|
|
|
height: 9px;
|
2021-06-28 23:18:34 +02:00
|
|
|
background-image: url('../../assets/images/wired/icon_wired_south_east.png');
|
|
|
|
}
|
|
|
|
&.icon-sw {
|
2021-08-31 00:53:13 +02:00
|
|
|
width: 16px;
|
|
|
|
height: 9px;
|
2021-06-28 23:18:34 +02:00
|
|
|
background-image: url('../../assets/images/wired/icon_wired_south_west.png');
|
|
|
|
}
|
|
|
|
&.icon-nw {
|
2021-08-31 00:53:13 +02:00
|
|
|
width: 16px;
|
|
|
|
height: 9px;
|
2021-06-28 23:18:34 +02:00
|
|
|
background-image: url('../../assets/images/wired/icon_wired_north_west.png');
|
|
|
|
}
|
|
|
|
&.icon-rot-1 {
|
2021-08-31 00:53:13 +02:00
|
|
|
width: 16px;
|
|
|
|
height: 9px;
|
2021-06-28 23:18:34 +02:00
|
|
|
background-image: url('../../assets/images/wired/icon_wired_rotate_clockwise.png');
|
|
|
|
}
|
|
|
|
&.icon-rot-2 {
|
2021-08-31 00:53:13 +02:00
|
|
|
width: 16px;
|
|
|
|
height: 9px;
|
2021-06-28 23:18:34 +02:00
|
|
|
background-image: url('../../assets/images/wired/icon_wired_rotate_counter_clockwise.png');
|
|
|
|
}
|
|
|
|
}
|
2021-06-29 15:15:31 +02:00
|
|
|
|
|
|
|
.nitro-wired-header {
|
|
|
|
color: #000;
|
|
|
|
margin-bottom:3px;
|
|
|
|
|
|
|
|
.nitro-wired-title, .nitro-wired-close {
|
|
|
|
border:1px solid rgba($black,.8);
|
|
|
|
background-image: linear-gradient(45deg, #00d9cb 25%, #00bdb0 25%, #00bdb0 50%, #00d9cb 50%, #00d9cb 75%, #00bdb0 75%, #00bdb0 100%);
|
|
|
|
background-size: 197.99px 197.99px;
|
|
|
|
animation: wiredSlider 3s linear infinite;
|
|
|
|
text-align: center;
|
|
|
|
box-shadow:inset 0 0 0 2px rgba($white,.6), 0 2px rgba($black,.4);
|
|
|
|
}
|
|
|
|
|
|
|
|
.nitro-wired-title {
|
|
|
|
margin-right:3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nitro-wired-close {
|
|
|
|
min-width: 23px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.nitro-wired-trigger {
|
|
|
|
background-color: #3b2516 !important;
|
|
|
|
border: 1px solid #000 !important;
|
|
|
|
box-shadow: inset 0px -2px #50321f,
|
|
|
|
inset 0px -3px #86583b,
|
|
|
|
inset 0 0 0 1px #86583b,
|
|
|
|
inset 0 0 0 3px #644029,
|
|
|
|
inset 0 0 0 4px rgba($black,.4) !important;
|
|
|
|
|
|
|
|
.bg-light,.bg-primary {
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-dark {
|
|
|
|
background-color: #000 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.nitro-wired-action {
|
|
|
|
background-color: #686868 !important;
|
|
|
|
border: 1px solid #000 !important;
|
|
|
|
box-shadow: inset 0px -2px #9d9d9d,
|
|
|
|
inset 0px -3px #c5c5c5,
|
|
|
|
inset 0 0 0 1px #c5c5c5,
|
|
|
|
inset 0 0 0 3px #9d9d9d,
|
|
|
|
inset 0 0 0 4px rgba($black,.4) !important;
|
|
|
|
|
|
|
|
.bg-light,.bg-primary {
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-dark {
|
|
|
|
background-color: #000 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
&::before,
|
|
|
|
&::after,
|
|
|
|
.content-area::before,
|
|
|
|
.content-area::after {
|
|
|
|
content: '';
|
|
|
|
height: 6px;
|
|
|
|
width: 6px;
|
|
|
|
position: absolute;
|
|
|
|
background-image: url('../../assets/images/wired/card-action-corners.png');
|
|
|
|
}
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
background-position: 0 0;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
background-position: 6px 0;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.content-area {
|
|
|
|
&::before {
|
|
|
|
background-position: 0 6px;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
background-position: 6px 6px;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.nitro-wired-condition {
|
|
|
|
background-color: #cfd2dd !important;
|
|
|
|
border: 1px solid #000 !important;
|
|
|
|
box-shadow: inset 0 0 0 3px #efefef, inset 4px 4px #abaeb9 !important;
|
|
|
|
color: #000;
|
|
|
|
|
|
|
|
.bg-light,.bg-primary {
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bg-dark {
|
|
|
|
background-color: #000 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes wiredSlider {
|
|
|
|
0% {
|
|
|
|
background-position: 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
background-position: 0 -197.99px;
|
|
|
|
}
|
2021-06-27 04:46:40 +02:00
|
|
|
}
|