Form by mi-series
#e8e8e8
1form, p { 2 padding: 0; 3 margin: 0; 4 outline: none; 5 font-family: Roboto, Arial, sans-serif; 6 font-size: 14px; 7 color: #000; 8 line-height: 13px; 9 border-radius: 10px; 10} 11 12#h1 { 13 font-size: 24px; 14 font-weight: 400; 15 text-align: center; 16} 17 18#h4 { 19 margin: 20px 0 2px; 20 color: #000; 21} 22 23.testbox { 24 display: flex; 25 justify-content: center; 26 align-items: center; 27 height: inherit; 28 padding: 80px; 29} 30 31form { 32 width: 100%; 33 padding: 20px; 34 background: #EBEBE1; 35 box-shadow: 0 2px 5px #ccc; 36} 37 38.input { 39 width: calc(100% - 10px); 40 padding: 5px; 41 border: 1px solid #000; 42 border-radius: 3px; 43 vertical-align: middle; 44 background-color: #F7F7F7; 45} 46 47.input:hover, textarea:hover { 48 outline: none; 49 border: 1px solid #000; 50} 51 52.first-name { 53 margin-bottom: 5px; 54} 55 56th, td { 57 width: 21%; 58 padding: 15px 0; 59 border-bottom: 1px solid #ccc; 60 text-align: center; 61 vertical-align: set; 62 line-height: 18px; 63 font-weight: 400; 64 word-break: break-all; 65} 66 67.first-col { 68 width: 16%; 69 text-align: left; 70} 71 72table { 73 width: 100%; 74} 75 76textarea { 77 width: calc(100% - 6px); 78 background: #F7F7F7; 79 border-radius: 5px; 80} 81 82.btn-block { 83 margin-top: 20px; 84 text-align: center; 85} 86 87button { 88 width: 150px; 89 padding: 10px; 90 border: none; 91 -webkit-border-radius: 5px; 92 -moz-border-radius: 5px; 93 border-radius: 5px; 94 background-color: #F3D153; 95 font-size: 16px; 96 color: #000; 97 cursor: pointer; 98} 99 100button:hover { 101 opacity: .9; 102} 103 104@media (min-width: 568px) { 105 th, td { 106 word-break: keep-all; 107 } 108}
688 views
688 views
MIT License