cuqmbr/cdm-utils
1
0
Fork 0
Code Issues Pull Requests Activity

new css

Browse Source
This commit is contained in:
Shchoholiev 2021-12-10 19:01:04 +02:00
parent f7f87b5167
commit 728cc292d7
1 changed files with 73 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
style.css
View File

@ -156,13 +156,20 @@ header {
/* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */
body { body {
background: #E71F65; background: #eb3474;
}
.gradient {
width: 100%;
height: 100%;
background: linear-gradient(#2394F0, #eb3474);
position: absolute;
z-index: -99;
} }
.container { .container {
width: 100%; width: 100%;
display: flex; display: flex;
background: linear-gradient(#2394F0, #E71F65);
flex-direction: column; flex-direction: column;
} }
@ -267,6 +274,47 @@ input[type=result] {
font-family: Myriad-R; font-family: Myriad-R;
cursor: default; cursor: default;
padding: 0px 0px 0px 10px; padding: 0px 0px 0px 10px;
text-overflow: clip;
}
input[type=table-start] {
height: 44px;
width: 100%;
margin: 0px 0;
background: rgba(255, 255, 255, 0.45);
color: white;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
font-size: 18px;
font-family: Myriad-R;
cursor: default;
padding: 0px 0px 0px 10px;
}
input[type=table-mid] {
height: 44px;
width: 100%;
margin: 0px 0;
background: rgba(255, 255, 255, 0.45);
color: white;
font-size: 18px;
font-family: Myriad-R;
cursor: default;
padding: 0px 0px 0px 10px;
}
input[type=table-end] {
height: 44px;
width: 100%;
margin: 0px 0;
background: rgba(255, 255, 255, 0.45);
color: white;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
font-size: 18px;
font-family: Myriad-R;
cursor: default;
padding: 0px 0px 0px 10px;
} }
.wrap-result { .wrap-result {
@ -320,7 +368,7 @@ input[type=result] {
.step-by-step { .step-by-step {
width: 100%; width: 100%;
margin: 40px 50px; margin: 25px 38px 40px 50px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -329,6 +377,28 @@ input[type=result] {
display: none; display: none;
} }
.close {
transition: 0.75s;
opacity: 0;
}
.close-button {
position: absolute;
right: 2%;
transform: translate(0, -3px);
margin: 25px 5px 0px 0px;
cursor: pointer;
width: 12px;
height: 12px;
opacity: 75%;
transition: 0.5s;
}
.close-button:hover {
opacity: 95%;
transition: 0.5s;
}
.input-wrap img { .input-wrap img {
margin: auto 10px; margin: auto 10px;
height: 50px; height: 50px;