Cambiado estilo #5
|
@ -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{
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue