jelenpivo123

Css contact

Jun 17th, 2019
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.21 KB | None | 0 0
  1. /* Contact CSS */
  2.  
  3. /* Input */
  4. input[type=text], input[type=email], input[type=number], input[type=date], select, textarea {
  5. width: 100%;
  6. padding: 12px;
  7. border: 1px solid #ccc;
  8. margin-top: 6px;
  9. margin-bottom: 16px;
  10. resize: vertical;
  11. }
  12.  
  13. input[type=submit] {
  14. background-color: #02b8dd;
  15. color: white;
  16. padding: 10px 30px;
  17. font-size: 18px;
  18. cursor: pointer;
  19. border: none;
  20. border-radius: 3px;
  21. }
  22.  
  23. input[type=submit]:hover {
  24. background-color: #444;
  25. }
  26.  
  27. /* Main sekcija sa formom */
  28. .container {
  29. border-radius: 5px;
  30. background-color: #f8fafa; /*#f2f2f2*/
  31. padding: 10px;
  32. }
  33.  
  34. /* Dve kolone od 50%, jedna pored druge */
  35. .column {
  36. float: left;
  37. width: 50%;
  38. margin-top: 6px;
  39. padding: 20px;
  40. }
  41.  
  42. /* Clearfix hack */
  43. .row:after {
  44. content: "";
  45. display: table;
  46. clear: both;
  47. }
  48.  
  49. /*.row {
  50. overflow: hidden;
  51. }*/
  52.  
  53. /* Responsive design - Kada je širina ekrana manja od 600px, dve kolone idu jedna iznad druge umesto jedna pored druge */
  54. @media screen and (max-width: 600px) {
  55. .column, input[type=submit] {
  56. width: 100%;
  57. margin-top: 0;
  58. }
  59. }
Advertisement
Add Comment
Please, Sign In to add comment