Advertisement
giganciprogramowania

formularz kontaktowy si

Nov 15th, 2021
272
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.31 KB | None | 0 0
  1. /*formularz kontaktowy*/
  2.  
  3. input{
  4. width:50%;
  5. padding:10px;
  6. border-radius:4px;
  7. border:2px solid #141E30;
  8. display:block;
  9. margin-left:auto;
  10. margin-right:auto;
  11. margin-bottom:20px;
  12. }
  13.  
  14.  
  15. legend{
  16. font-size:30px;
  17. color:#4a3f3e;
  18. padding:15px;
  19. }
  20.  
  21. fieldset{
  22. margin-left:auto;
  23. margin-right:auto;
  24. margin-top:20px;
  25. margin-bottom:30px;
  26. width:90%;
  27. border:none;
  28. border-top:3px solid #141E30;
  29.  
  30. }
  31.  
  32. textarea{
  33. width: 50%;
  34. font-size:20px;
  35. resize: none;/*blokujemy możliwość zmiany wielkości przez użytkownika*/
  36. margin-bottom:20px;
  37. padding:10px;
  38. border:2px solid #141E30;
  39. border-radius:4px;
  40. }
  41.  
  42. label{
  43. display:block;/*dodajemy żeby można było ustawić marginesy*/
  44. margin-top:10px;
  45. margin-bottom:10px;
  46. font-size:20px;
  47. }
  48.  
  49. #btnSubmit{
  50. background-color:#65e67a;
  51. padding:15px;
  52. border:none;
  53. border-radius:8px;
  54. font-size:20px;
  55. width:53%;
  56. color:white;
  57. transition-duration:0.5s;
  58. background: #141E30; /* fallback for old browsers */
  59. background: -webkit-linear-gradient(to bottom, #243B55, #141E30); /* Chrome 10-25, Safari 5.1-6 */
  60. background: linear-gradient(to bottom, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  61. }
  62.  
  63. #btnSubmit:hover{
  64. opacity:0.8;
  65. cursor:pointer;
  66. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement