Miroca_Server_file_static
This commit is contained in:
Victor Alexandrovich Tsyrenschikov
29749
www/static/file/kiosk/css/materialdesignicons.css
Normal file
29749
www/static/file/kiosk/css/materialdesignicons.css
Normal file
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
161
www/static/file/kiosk/css/smart_style.css
Normal file
161
www/static/file/kiosk/css/smart_style.css
Normal file
@@ -0,0 +1,161 @@
|
||||
.container {
|
||||
width: 100%;
|
||||
height: 226px;
|
||||
}
|
||||
|
||||
.card {
|
||||
float: left;
|
||||
width: 180px;
|
||||
height: 430px;
|
||||
border: 1px solid;
|
||||
border-radius: 5px;
|
||||
margin-right: 10px;
|
||||
background: #F9F9F9;
|
||||
position: relative;
|
||||
box-shadow: 0px 0px 3px #ddd;
|
||||
}
|
||||
|
||||
.card .inner {
|
||||
background: #F9F9F9;
|
||||
border: 1px solid #E3E3E3;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
left: -1px;
|
||||
font-family: arial;
|
||||
text-align: center;
|
||||
box-shadow: inset 0px 0px 1px #FFF;
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
|
||||
.card .inner .title {
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.card .inner .title .text {
|
||||
display: inline-block;
|
||||
padding: 5px 15px;
|
||||
border-radius: 50px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.card .inner .number {
|
||||
color: #313A3E;
|
||||
font-size: 100px;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.card .inner .measure {
|
||||
color: #676767;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
display: block;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.temp {
|
||||
background: #EC6F69;
|
||||
border: 1px solid #DE3932;
|
||||
}
|
||||
|
||||
.temp .inner {
|
||||
border-top: 1px solid #DE3932;
|
||||
}
|
||||
|
||||
.temp .inner .text {
|
||||
border: 1px solid #DE3932;
|
||||
background: #EC6F69;
|
||||
text-shadow: 1px 1px 0px #DE3932;
|
||||
}
|
||||
|
||||
.temp .inner .icon {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: -105px;
|
||||
left: 75px;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
background: #fff;
|
||||
border-radius: 18px;
|
||||
border: 4px solid #EC6F69;
|
||||
box-shadow: 0 0 0 6px #fff, 1px 1px 0 4px #DE3932;
|
||||
}
|
||||
|
||||
.temp .inner .icon:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 7px;
|
||||
height: 22px;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
top: -42px;
|
||||
left: -4px;
|
||||
border: 5px solid #EC6F69;
|
||||
border-radius: 10px 10px 0px 0px;
|
||||
/*border-bottom: 0px none;*/
|
||||
/*box-shadow: 0 -4px 0 4px #fff, 4px -3px 0 1px #DE3932;*/
|
||||
}
|
||||
|
||||
.energy {
|
||||
background: #A6C659;
|
||||
border: 1px solid #7DAD0A;
|
||||
}
|
||||
|
||||
.energy .inner {
|
||||
border-top: 1px solid #7DAD0A;
|
||||
}
|
||||
|
||||
.energy .inner .icon {
|
||||
width: 37px;
|
||||
height: 37px;
|
||||
position: absolute;
|
||||
top: -120px;
|
||||
left: 70px;
|
||||
border: 5px solid #fff;
|
||||
border-radius: 69px;
|
||||
box-shadow: 1px 1px 0px #7DAD0A;
|
||||
border-radius: 50% 1px 50% 50%;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
/*.energy .inner .icon:before {*/
|
||||
/* content: '';*/
|
||||
/* display: block;*/
|
||||
/* border-right: 15px solid #fff;*/
|
||||
/* !*border-top: 40px solid transparent;*!*/
|
||||
/* transform: skew(-30deg, 0);*/
|
||||
/* position: absolute;*/
|
||||
/* top: -10px;*/
|
||||
/* right: 15px;*/
|
||||
/* box-shadow: 5px -10px #A6C659;*/
|
||||
/*}*/
|
||||
|
||||
/*.energy .inner .icon:after {*/
|
||||
/* content: '';*/
|
||||
/* display: block;*/
|
||||
/* border-right: 15px solid #fff;*/
|
||||
/* border-bottom: 40px solid transparent;*/
|
||||
/* transform: skew(-40deg, 0);*/
|
||||
/* position: absolute;*/
|
||||
/* top: 25px;*/
|
||||
/* right: 30px;*/
|
||||
/* box-shadow: 5px 0 0px #A6C659;*/
|
||||
/*}*/
|
||||
|
||||
.energy .inner .text {
|
||||
border: 1px solid #7DAD0A;
|
||||
background: #A6C659;
|
||||
text-shadow: 1px 1px 0px #7DAD0A;
|
||||
}
|
||||
|
||||
.diagram {
|
||||
display: inline-block;
|
||||
margin-left: 1.95%;
|
||||
}
|
||||
49
www/static/file/kiosk/css/style.css
Normal file
49
www/static/file/kiosk/css/style.css
Normal file
@@ -0,0 +1,49 @@
|
||||
.overviewCard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 12px;
|
||||
background-color: #f2f3f4;
|
||||
border-radius: 10px;
|
||||
transform: translateY(0);
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.overviewCard-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
border-radius: 50%;
|
||||
font-size: 21px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.overviewCard-icon--document {
|
||||
background-color: #e67e22;
|
||||
}
|
||||
|
||||
.overviewCard-icon--calendar {
|
||||
background-color: #27ae60;
|
||||
}
|
||||
|
||||
.overviewCard-icon--mail {
|
||||
background-color: #e74c3c;
|
||||
}
|
||||
|
||||
.overviewCard-icon--photo {
|
||||
background-color: #af64cc;
|
||||
}
|
||||
|
||||
.overviewCard-description {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/*.overviewCard-title {*/
|
||||
/* font-size: calc(1.2875rem + 0.45vw);*/
|
||||
/* color: #1BBAE1;*/
|
||||
/* margin: 0;*/
|
||||
/*}*/
|
||||
100
www/static/file/kiosk/css/user.css
Normal file
100
www/static/file/kiosk/css/user.css
Normal file
@@ -0,0 +1,100 @@
|
||||
/* Dropdown button on hover & focus */
|
||||
|
||||
.dropbtn-profile:hover,
|
||||
.dropbtn-profile:focus {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
|
||||
/*Image*/
|
||||
|
||||
.image-vignesh {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50px;
|
||||
vertical-align: middle;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* Dropdown Content (Hidden by Default) */
|
||||
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #ffffff;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
|
||||
margin-top: 10px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
|
||||
/* Links inside the dropdown */
|
||||
|
||||
.dropdown-content a {
|
||||
color: #333333;
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.dropdown-item:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/* Change color of dropdown links on hover */
|
||||
|
||||
.dropdown-content a:hover {
|
||||
background-color: #ffffff;
|
||||
color: #0686c5;
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.align-middle {
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
|
||||
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
|
||||
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a[type=button], a[type=submit], a[type=reset] {
|
||||
background-color: #56baed;
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 15px 40px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
text-transform: uppercase;
|
||||
font-size: 13px;
|
||||
-webkit-box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);
|
||||
box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4);
|
||||
-webkit-border-radius: 5px 5px 5px 5px;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
margin: 15px 20px 20px 20px;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-ms-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
a[type=submit]:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.line {
|
||||
border-bottom: 1px solid #edeff1; /* Параметры линии */
|
||||
}
|
||||
Reference in New Issue
Block a user