minetest-modinstaller-web/form.css

127 lines
1.8 KiB
CSS

.form {
width: 100%;
}
tr {
width: 100%;
}
.first {
width: 20%;
text-align: right;
font-size: 20px;
padding: 10px;
}
input {
border-radius: 10px;
border-width: 1px;
border-style: solid;
border-color: black;
height: 30px;
width: 100%;
font-size: 20px;
padding-left: 10px;
}
textarea {
border-radius: 10px;
border-width: 1px;
height: 100px;
width: 100%;
font-size: 20px;
padding-left: 10px;
}
.second {
width: 80%;
font-size: 20px;
}
.no-robot {
background-color: white;
border-radius: 2px;
border-color: #999;
border-style: solid;
border-width: 1px;
width: 250px;
height: 44px;
padding: 10px;
text-align: left;
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"] + label {
color: #333;
}
input[type="checkbox"] + label a {
position: relative;
left: -49px;
}
input[type="checkbox"] + label span {
/*display: none;*/
display: inline-block;
vertical-align: middle;
}
input[type="checkbox"] + label box {
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
input[type="checkbox"]:checked + label a {
/*left: -39px;*/
}
input[type="checkbox"]:checked + label span {
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
z-index: 1
}
input[type="checkbox"]:checked + label box {
/*left: -49px;*/
z-index: 0;
}
box {
position: relative;
left: -49;
width: 44px;
height: 44px;
border: 1px solid #555;
background-color: white;
}
.checkmark {
width: 44px;
height: 44px;
transform: rotate(45deg);
}
.checkmark_stem {
position: absolute;
width: 6px;
height: 18px;
background-color: #3e3;
left: 22px;
top: 12px;
}
.checkmark_kick {
position: absolute;
width: 6px;
height: 6px;
background-color:#3e3;
left: 16px;
top: 24px;
}