Project-Pro/eng.vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Jacek Pyziak
2025-03-06 19:27:29 +01:00
commit f2698d53d0
6352 changed files with 822401 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

187
templates/widgets/widget-phone.css Normal file
View File

@@ -0,0 +1,187 @@
#widget-phone-icon {
background: #fb6c37;
height: 60px;
width: 60px;
text-align: center;
color: #FFF;
line-height: 60px;
border-radius: 50%;
font-size: 34px;
position: fixed;
bottom: 50px;
right: 50px;
display: none;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px;
}
#widget-phone-icon i {
position: relative;
top: 2px;
}
#widget-phone-bg {
background: rgba( 0, 0, 0, .5 );
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
}
#widget-phone-box {
width: 600px;
height: 350px;
position: fixed;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
background: #FFF;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px;
z-index: 1100;
}
#widget-phone-box #widget-phone-alert {
padding: 25px;
max-width: 400px;
margin: 50px auto;
display: none;
font-size: 30px;
text-align: center;
}
#widget-phone-box #widget-phone-alert.good {
color: #2cbd2b;
}
#widget-phone-box #widget-phone-alert.bad {
color: #cc0000;
}
#widget-phone-box #widget-phone-close {
position: absolute;
right: 10px;
top: 10px;
background: #e2e2e2;
color: #0d619c;
height: 30px;
width: 30px;
text-align: center;
border-radius: 50%;
line-height: 30px;
}
#widget-phone-box #widget-phone-close:hover {
color: #fb6c37;
}
#widget-phone-box #widget-phone-tabs ul {
list-style-type: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
padding: 0;
background: #f8f8f8;
border-bottom: 1px solid #e2e2e2;
}
#widget-phone-box #widget-phone-tabs ul li {
display: block;
width: calc(100%/3);
background: #f8f8f8;
color: #000;
padding: 15px;
text-align: center;
font-size: 13px;
border-right: 1px solid #e2e2e2;
cursor: pointer;
}
#widget-phone-box #widget-phone-tabs ul li.active {
background: #FFF;
color: #0d619c;
}
#widget-phone-box #widget-phone-tabs ul li i {
font-size: 20px;
margin-right: 5px;
position: relative;
top: 2px;
}
#widget-phone-box #widget-phone-box-content {
padding: 25px;
}
#widget-phone-box #widget-phone-box-content .tab {
display: none;
}
#widget-phone-box #widget-phone-box-content .tab.active {
display: block;
}
#widget-phone-box #widget-phone-box-content p {
text-align: center;
font-size: 24px;
font-family: 'Lato';
font-weight: 600;
max-width: 400px;
margin: auto;
}
#widget-phone-box #widget-phone-box-content .form-group {
max-width: 300px;
margin: auto;
position: relative;
margin-top: 30px;
}
#widget-phone-box #widget-phone-box-content .form-group i {
position: absolute;
display: block;
height: 40px;
line-height: 40px;
color: #FFF;
width: 40px;
text-align: center;
background: #0d619c;
font-size: 20px;
border-radius: 5px 0 0 5px;
}
#widget-phone-box #widget-phone-box-content .form-group input[type="text"] {
border: 0;
border-radius: 0;
height: 40px;
line-height: 40px;
padding-left: 50px;
box-shadow: none;
border: 1px solid #e2e2e2;
border-radius: 5px;
}
#widget-phone-box #widget-phone-box-content .form-group input[type="text"].error {
background: #fbd4d4;
border: 1px solid #cc0000;
}
#widget-phone-box #widget-phone-box-content .form-group button {
display: block;
width: 100%;
border-radius: 5px;
height: 50px;
border: 0;
background: #0d619c;
color: #fff;
text-shadow: none;
transition: all 0.5s ease;
font-weight: 600;
font-size: 18px;
font-family: 'Lato';
}
#widget-phone-box #widget-phone-box-content .form-group button:hover {
background: #fb6c37;
}
@media ( max-width: 767px ) {
#widget-phone-box {
width: 100%;
height: 100%;
top: 0;
left: 0;
transform: none;
}
#widget-phone-box #widget-phone-tabs ul li {
width: 100%;
border-right: 0;
}
#widget-phone-icon {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 26px;
right: 10px;
bottom: 100px;
}
}