82 lines
1.6 KiB
CSS
82 lines
1.6 KiB
CSS
|
/*======================FORMULÁR======================================================================================================*/
|
||
|
|
||
|
|
||
|
|
||
|
body {
|
||
|
background-color: rgb(115, 144, 114);
|
||
|
padding: 70px;
|
||
|
}
|
||
|
|
||
|
#druhy input[type=text] , #druhy input[type=number],
|
||
|
#druhy input[type=email], #druhy input[type=tel],
|
||
|
#druhy input[type=checkbox]
|
||
|
{
|
||
|
width: 100%;
|
||
|
padding: 30px 20px;
|
||
|
margin: 8px 0;
|
||
|
box-sizing: border-box;
|
||
|
border: 2px solid rgb(50, 80, 50);
|
||
|
border-radius: 4px;
|
||
|
background-color: rgb(210, 227, 200);
|
||
|
color: rgb(50, 80, 50);
|
||
|
font-family: Calibri;
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
#druhy input[type=text]:focus,
|
||
|
#druhy input[type=number]:focus,
|
||
|
#druhy input[type=email]:focus,
|
||
|
#druhy input[type=tel]:focus
|
||
|
|
||
|
{
|
||
|
background-color: rgb(50, 80, 50);
|
||
|
border: 2px solid rgb(210, 227, 200);
|
||
|
font-family: Arial;
|
||
|
width: 100%;
|
||
|
color: rgb(210, 227, 200);
|
||
|
|
||
|
|
||
|
}
|
||
|
|
||
|
#druhy input[type=submit],
|
||
|
#druhy input[type=button]
|
||
|
|
||
|
{
|
||
|
background-color: rgb(210, 227, 200);
|
||
|
color: rgb(50, 80, 50);
|
||
|
padding: 16px 32px;
|
||
|
margin: 4px 2px;
|
||
|
cursor: pointer;
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
|
||
|
#treti input[type=text]
|
||
|
{
|
||
|
width: 180px;
|
||
|
box-sizing: border-box;
|
||
|
border: 2px solid #ccc;
|
||
|
border-radius: 4px;
|
||
|
font-size: 16px;
|
||
|
background-color: #ff9bd0;
|
||
|
padding: 12px 20px 12px 50px;
|
||
|
transition: width 1.4s ease-in-out;
|
||
|
}
|
||
|
#treti input[type=text]:focus
|
||
|
{
|
||
|
width: 100%;
|
||
|
background-color: #de78ae;
|
||
|
}
|
||
|
|
||
|
/*=============================================================================================================================*/
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|