mirror of
https://github.com/yumata/lampa.git
synced 2026-08-04 14:47:20 +00:00
Test
This commit is contained in:
yumata
parent
a83cdb93d7
commit
2067a4dcd9
3 changed files with 993 additions and 1310 deletions
2108
app.min.js
vendored
2108
app.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -3,6 +3,6 @@
|
|||
"css_version": "3.2.0",
|
||||
"css_digital": 320,
|
||||
"app_digital": 320,
|
||||
"time": 1780328466370,
|
||||
"hash": "c0d2afd1ce20e62685a23a544a65b096"
|
||||
"time": 1780904443300,
|
||||
"hash": "d249ef1a55a31c91f382c18c26319139"
|
||||
}
|
||||
191
css/app.css
191
css/app.css
|
|
@ -13136,197 +13136,6 @@ body.mouse--controll .pincode__container {
|
|||
padding-right: 1em;
|
||||
}
|
||||
|
||||
.smart {
|
||||
border: 0.3em solid #fff;
|
||||
border-bottom: 0;
|
||||
-webkit-border-top-right-radius: 1em;
|
||||
-moz-border-radius-topright: 1em;
|
||||
border-top-right-radius: 1em;
|
||||
-webkit-border-top-left-radius: 1em;
|
||||
-moz-border-radius-topleft: 1em;
|
||||
border-top-left-radius: 1em;
|
||||
position: relative;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.smart__camera {
|
||||
background-color: #fff;
|
||||
width: 30%;
|
||||
margin: 0 auto;
|
||||
padding: 0 0.3em 0.2em;
|
||||
-webkit-border-bottom-left-radius: 0.3em;
|
||||
-moz-border-radius-bottomleft: 0.3em;
|
||||
border-bottom-left-radius: 0.3em;
|
||||
-webkit-border-bottom-right-radius: 0.3em;
|
||||
-moz-border-radius-bottomright: 0.3em;
|
||||
border-bottom-right-radius: 0.3em;
|
||||
}
|
||||
.smart__camera::after {
|
||||
display: block;
|
||||
content: "";
|
||||
width: 0.5em;
|
||||
height: 0.5em;
|
||||
margin-left: auto;
|
||||
background-color: black;
|
||||
-webkit-border-radius: 100%;
|
||||
-moz-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.smart__power {
|
||||
position: absolute;
|
||||
top: 17%;
|
||||
height: 18%;
|
||||
width: 0.3em;
|
||||
background-color: #fff;
|
||||
left: 100%;
|
||||
margin-left: 0.2em;
|
||||
}
|
||||
.smart__body {
|
||||
padding: 1em;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.ad-bot {
|
||||
width: 40em;
|
||||
-webkit-flex-shrink: 0;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
margin-right: 1em;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@media screen and (max-width: 580px) {
|
||||
.ad-bot {
|
||||
width: 27em;
|
||||
}
|
||||
}
|
||||
.ad-bot__content {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
position: relative;
|
||||
-webkit-border-radius: 1em;
|
||||
-moz-border-radius: 1em;
|
||||
border-radius: 1em;
|
||||
}
|
||||
.ad-bot__body {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: end;
|
||||
-webkit-align-items: flex-end;
|
||||
-moz-box-align: end;
|
||||
-ms-flex-align: end;
|
||||
align-items: flex-end;
|
||||
height: 19em;
|
||||
}
|
||||
.ad-bot__left {
|
||||
width: 40%;
|
||||
padding: 2.1em;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
@media screen and (max-width: 580px) {
|
||||
.ad-bot__left {
|
||||
padding: 0.8em;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
.ad-bot__right {
|
||||
width: 60%;
|
||||
padding: 1.5em;
|
||||
}
|
||||
@media screen and (max-width: 580px) {
|
||||
.ad-bot__right {
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
.ad-bot__title {
|
||||
font-weight: 600;
|
||||
font-size: 1.6em;
|
||||
}
|
||||
@media screen and (max-width: 580px) {
|
||||
.ad-bot__title {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
}
|
||||
.ad-bot__text {
|
||||
margin-top: 1em;
|
||||
overflow: hidden;
|
||||
-o-text-overflow: ".";
|
||||
text-overflow: ".";
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 5;
|
||||
line-clamp: 5;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
@media screen and (max-width: 580px) {
|
||||
.ad-bot__text {
|
||||
-webkit-line-clamp: 3;
|
||||
line-clamp: 3;
|
||||
}
|
||||
}
|
||||
.ad-bot__more {
|
||||
margin-top: 1em;
|
||||
}
|
||||
.ad-bot__imgbox {
|
||||
padding-bottom: 150%;
|
||||
position: relative;
|
||||
}
|
||||
.ad-bot__img {
|
||||
-webkit-border-top-left-radius: 0.5em;
|
||||
-moz-border-radius-topleft: 0.5em;
|
||||
border-top-left-radius: 0.5em;
|
||||
-webkit-border-top-right-radius: 0.5em;
|
||||
-moz-border-radius-topright: 0.5em;
|
||||
border-top-right-radius: 0.5em;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
.ad-bot__marker {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-color: gold;
|
||||
color: #fff;
|
||||
padding: 0.2em 0.3em;
|
||||
-webkit-border-radius: 0.3em;
|
||||
-moz-border-radius: 0.3em;
|
||||
border-radius: 0.3em;
|
||||
-webkit-border-top-right-radius: 1em;
|
||||
-moz-border-radius-topright: 1em;
|
||||
border-top-right-radius: 1em;
|
||||
}
|
||||
.ad-bot__marker:after {
|
||||
content: "AD";
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.ad-bot__info {
|
||||
margin-top: 1.2em;
|
||||
}
|
||||
.ad-bot.focus .ad-bot__content::after, .ad-bot.hover .ad-bot__content::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -0.5em;
|
||||
left: -0.5em;
|
||||
right: -0.5em;
|
||||
bottom: -0.5em;
|
||||
border: 0.3em solid #fff;
|
||||
-webkit-border-radius: 1.4em;
|
||||
-moz-border-radius: 1.4em;
|
||||
border-radius: 1.4em;
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
}
|
||||
.ad-bot.img--loaded .ad-bot__img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
body.size--bigger .ad-bot__body {
|
||||
height: 21.7em;
|
||||
}
|
||||
|
||||
.ad-countdown {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue