Cambiado estilo #5

Merged
guillermo merged 1 commits from test into master 2022-03-03 12:33:20 +00:00
2 changed files with 30 additions and 9 deletions

View File

@ -101,7 +101,7 @@ ul{
height: 100%; height: 100%;
font-size: 2.5em; font-size: 2.5em;
background: rgba(255,255,255,.90); background: rgba(255,255,255,.90);
padding-top: 23px; padding-top: 21px;
border-radius: 5px; border-radius: 5px;
} }
@ -113,7 +113,7 @@ ul{
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 2.5em; font-size: 2.5em;
padding-top: 15px; padding-top: 20px;
background: rgba(237,73,71,.90); background: rgba(237,73,71,.90);
color: #fff; color: #fff;
border-radius: 5px; border-radius: 5px;
@ -126,7 +126,7 @@ ul{
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 2.5em; font-size: 2.5em;
padding-top: 15px; padding-top: 20px;
background: rgba(163,171,38,.90); background: rgba(163,171,38,.90);
color: #fff; color: #fff;
border-radius: 5px; border-radius: 5px;
@ -196,17 +196,17 @@ h3{
display: inline; display: inline;
position: static; position: static;
width: 350px; width: 350px;
background: #8DD202; background: rgba(0, 204, 10, .90);
padding: 20px 40px; padding: 20px 40px;
font-size: 2em; font-size: 2em;
color: #fff; color: #fff;
text-align: center; text-align: center;
border-radius: 10px; border-radius: 10px;
} }
.inMiddle{
background: #d27502;
}
.in:active {
background: rgb(0, 204, 10);
}
.out,.outMiddle{ .out,.outMiddle{
display: inline; display: inline;
position: static; position: static;
@ -219,8 +219,24 @@ h3{
border-radius: 10px; border-radius: 10px;
} }
.out:active {
background: rgb(237,73,71);
}
.inMiddle{
background: rgba(210, 172, 2, 0.9);
}
.outMiddle{ .outMiddle{
background: #d27502; background: rgba(226, 86, 4, 0.9);
}
.inMiddle:active{
background: rgb(210, 172, 2);
}
.outMiddle:active{
background: rgb(226, 86, 4);
} }
header{ header{
@ -234,6 +250,11 @@ header{
padding: 5px 30px; padding: 5px 30px;
font-size: 1.2em; font-size: 1.2em;
color: #fff; color: #fff;
border-radius: 5px;
}
.btnSalir:active{
background: rgb(237,73,71);
} }
#txtIncidencia{ #txtIncidencia{

View File

@ -16,7 +16,7 @@ and open the template in the editor.
<body class="pinLogin"> <body class="pinLogin">
<div class="pinContainer"> <div class="pinContainer">
<p id="txtPin">ID USUARIO</p> <p id="txtPin">USUARIO</p>
<div class="btnPin btnnum"> <div class="btnPin btnnum">
<div class="btnPinNum"> <div class="btnPinNum">
1 1