|
|
@@ -166,6 +166,69 @@
|
|
|
}
|
|
|
/* ----The Checkbox and Inputs End---- */
|
|
|
|
|
|
+/* Inputs Start */
|
|
|
+
|
|
|
+input[type=text], select {
|
|
|
+ width: 100%;
|
|
|
+ padding: 12px 20px;
|
|
|
+ margin: 8px 0;
|
|
|
+ display: inline-block;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-bottom: 16px;
|
|
|
+ font-size: 16px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ input[type=text], input[type=password], select {
|
|
|
+ width: 100%;
|
|
|
+ padding: 12px 20px;
|
|
|
+ margin: 8px 0;
|
|
|
+ display: inline-block;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ input[type=submit] {
|
|
|
+ width: 100%;
|
|
|
+ background-color:rgb(255, 99, 107);
|
|
|
+ color: white;
|
|
|
+ padding: 14px 20px;
|
|
|
+ margin: 8px 0;
|
|
|
+ border: none;
|
|
|
+ border-radius: 4px;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 22px;
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ input[type=submit]:hover {
|
|
|
+ background: rgb(243, 77, 86);
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+
|
|
|
+ input[type=text]:focus, input[type=password]:focus {
|
|
|
+ border: 2px solid #555;
|
|
|
+ outline: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ input[type=button] {
|
|
|
+ background-color: rgb(255, 99, 107);
|
|
|
+ }
|
|
|
+
|
|
|
+ input[type=button]:hover {
|
|
|
+ background-color:rgb(0, 27, 45);
|
|
|
+ }
|
|
|
+
|
|
|
+ .input-error{
|
|
|
+ border-color: red;
|
|
|
+}
|
|
|
+
|
|
|
+/* Inputs End */
|
|
|
+
|
|
|
@media screen and (max-width: 600px){
|
|
|
.logo-text img{
|
|
|
max-height: 20vh;
|