Здесь показаны различия между двумя версиями данной страницы.
Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия Следующая версия Следующая версия справа и слева | ||
form-obratnoy-svjazi [05.03.2020 15:30] admin |
form-obratnoy-svjazi [05.03.2020 15:42] admin |
||
---|---|---|---|
Строка 12: | Строка 12: | ||
<html> | <html> | ||
- | <head> | ||
- | <body> | ||
- | |||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
<title>Контактная форма</title> | <title>Контактная форма</title> | ||
- | #feedback-form { | + | #feedback-form {max-width:550px; padding:2%; border-radius:3px; background: #f1f1f1;} |
- | max-width: 550px; | + | #feedback-form label{float: left;display: block;clear: right;} #feedback-form .w100 {float: right; max-width: 400px; width: 97%; margin-bottom: 1em; padding: 1.5%;} #feedback-form .border { border-radius: 1px; border-width: 1px; border-style: solid; border-color: #C0C0C0 #D9D9D9 #D9D9D9; box-shadow: 0 1px 1px rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.1) inset;} #feedback-form .border:focus { outline: none; border-color: #abd9f1 #bfe3f7#bfe3f7;}#feedback-form .border:hover { border-color: #7eb4ea #97cdea #97cdea;}#feedback-form .border:focus::-moz-placeholder {color: transparent;}#feedback-form .border:focus::-webkit-input-placeholder { |
- | padding: 2%; | + | color: transparent;}#feedback-form .border:not(:focus):not(:hover):valid { opacity: .8;}#submitFF {padding: 2%; |
- | border-radius: 3px; | + | border: none; border-radius: 3px; box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset; background: #669acc;color: #fff;} |
- | background: #f1f1f1; | + | #feedback-form br {height: 0; clear: both;}#submitFF:hover {background: #5c90c2;}#submitFF:focus {box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);} |
</body> | </body> | ||
</html> | </html> |