forked from SimplesIP/pabx-app
6 changed files with 405 additions and 204 deletions
@ -0,0 +1,235 @@
|
||||
* { |
||||
font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif; |
||||
} |
||||
|
||||
body { |
||||
background-color: #EAEAEA; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
p { |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
input[type="radio"] { |
||||
width: 16px; |
||||
height: 16px; |
||||
} |
||||
|
||||
input[type="checkbox"] { |
||||
width: 16px; |
||||
height: 16px; |
||||
} |
||||
|
||||
input[type="text"], |
||||
input[type="password"] { |
||||
width: 80%; |
||||
height: 16px; |
||||
padding: 4px; |
||||
border: 0; |
||||
border-radius: 5px; |
||||
} |
||||
|
||||
fieldset { |
||||
border: 1px solid #3333333b; |
||||
} |
||||
|
||||
select { |
||||
border: 0 solid #3333333b; |
||||
background-color: rgba(255, 255, 255, 0.544); |
||||
color: #6e26fa; |
||||
font-weight: 600; |
||||
border-radius: 5px; |
||||
padding: 4px; |
||||
} |
||||
|
||||
select[multiple] { |
||||
vertical-align: middle; |
||||
text-align: center; |
||||
background-color: rgba(255, 255, 255, 0.463); |
||||
border: 0.5px solid #6e26fa; |
||||
border-radius: 2px; |
||||
} |
||||
|
||||
td { |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.field { |
||||
border-radius: 6px; |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: row; |
||||
justify-content: center; |
||||
align-items: center; |
||||
margin: 0 2px; |
||||
font-size: small; |
||||
} |
||||
|
||||
.container { |
||||
width: 100%; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
} |
||||
|
||||
.container-content { |
||||
width: 70%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
align-items: start; |
||||
} |
||||
|
||||
.row { |
||||
width: 100%; |
||||
height: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: start; |
||||
margin: 4px 0; |
||||
} |
||||
|
||||
.row div { |
||||
width: 100%; |
||||
text-align: center; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.row-bn { |
||||
width: 100%; |
||||
display: flex; |
||||
justify-content: space-evenly; |
||||
align-items: center; |
||||
margin: 5px; |
||||
} |
||||
|
||||
.titulo { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
background: linear-gradient(45deg, #266cfa, #FF1472); |
||||
color: white; |
||||
padding: 8px; |
||||
border-radius: 0 0 60px 60px; |
||||
font-weight: 600; |
||||
margin-bottom: 20px; |
||||
width: 70%; |
||||
height: 30px; |
||||
} |
||||
|
||||
.titulo h1 { |
||||
font-size: 20px; |
||||
} |
||||
|
||||
.bn-submit>input { |
||||
background-color: #6e26fa; |
||||
border-radius: 999px; |
||||
box-shadow: #6e26fa 0 10px 20px -10px; |
||||
color: #FFFFFF; |
||||
cursor: pointer; |
||||
font-size: 14px; |
||||
font-weight: 600; |
||||
line-height: 12px; |
||||
opacity: 1; |
||||
outline: 0 solid transparent; |
||||
padding: 8px 12px; |
||||
user-select: none; |
||||
-webkit-user-select: none; |
||||
touch-action: manipulation; |
||||
width: 100px; |
||||
word-break: break-word; |
||||
border: 0; |
||||
} |
||||
|
||||
.bn-close>input { |
||||
background-color: #6e26fa1c; |
||||
border-radius: 999px; |
||||
box-shadow: #6e26fa1c 0 10px 20px -10px; |
||||
color: #FFFFFF; |
||||
cursor: pointer; |
||||
font-size: 14px; |
||||
font-weight: 600; |
||||
line-height: 12px; |
||||
opacity: 1; |
||||
outline: 0 solid transparent; |
||||
padding: 8px 12px; |
||||
user-select: none; |
||||
-webkit-user-select: none; |
||||
touch-action: manipulation; |
||||
width: 100px; |
||||
word-break: break-word; |
||||
border: 0; |
||||
color: #333333; |
||||
} |
||||
|
||||
.bn-submit>input:hover { |
||||
background-color: #2C4FF2; |
||||
} |
||||
|
||||
.bn-close>input:hover { |
||||
background-color: #6496E0; |
||||
} |
||||
|
||||
.collapse-config-advanced { |
||||
width: 100%; |
||||
display: flex; |
||||
align-items: start; |
||||
justify-content: center; |
||||
flex-direction: column; |
||||
margin-left: 3px; |
||||
} |
||||
|
||||
.collapse-config-advanced-content { |
||||
display: none; |
||||
width: 100%; |
||||
width: 100%; |
||||
text-align: center; |
||||
margin-inline-start: 30px; |
||||
} |
||||
|
||||
.collapse-config-advanced-content>.row>div { |
||||
margin: 5px; |
||||
color: #333333; |
||||
font-weight: 600; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
.collapse-btn { |
||||
width: 40%; |
||||
font-size: 12px; |
||||
font-weight: 600; |
||||
background-color: #6e26fa; |
||||
color: #fff; |
||||
padding: 10px; |
||||
border: none; |
||||
border-radius: 4px; |
||||
cursor: pointer; |
||||
margin: 10px 0px 10px 0px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: start; |
||||
} |
||||
|
||||
.collapse-btn:hover { |
||||
background-color: #2C4FF2; |
||||
} |
||||
|
||||
@media screen and (max-width:1180px) { |
||||
.titulo { |
||||
width: 88%; |
||||
} |
||||
|
||||
.container-content { |
||||
width: 88%; |
||||
} |
||||
|
||||
.collapse-config-advanced { |
||||
width: 90%; |
||||
} |
||||
} |
||||
Loading…
Reference in new issue