Guest User

Untitled

a guest
May 1st, 2021
14
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. CSS:
  2. .div {
  3. display: block;
  4.  
  5. padding: 0 0 0 10px;
  6. }
  7.  
  8. .image{
  9. padding-right: 60px;
  10. max-width:300.41px;
  11. height:200px;
  12. margin-right: 50px;
  13. left: 20px;
  14. display: block;
  15.  
  16. }
  17.  
  18. *, *:before, *:after
  19. {
  20. box-sizing: inherit;
  21. }
  22.  
  23. .card {
  24. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  25. }
  26.  
  27. .tartalmaz {
  28. padding: 0 16px;
  29. }
  30.  
  31. .tartalmaz::after, .row::after {
  32. content: "";
  33. clear: both;
  34. display: table;
  35. }
  36.  
  37. .title {
  38. color: grey;
  39. margin: 5px;
  40. }
  41.  
  42. .gomb {
  43. border: none;
  44. outline: 0;
  45. display: inline-block;
  46. padding: 8px;
  47. color: white;
  48. background-color: #000;
  49. text-align: center;
  50. cursor: pointer;
  51. width: 97%;
  52. }
  53.  
  54. .gomb:hover {
  55. background-color: #555;
  56. }
  57.  
  58. .Lepcso{
  59. color: red;
  60. font-size: 20px;
  61. padding-right: 20px;
  62. }
  63.  
  64. .elad {
  65. justify-content:left ;
  66. padding-right: 70px;
  67. display:flex;
  68. width:1000px;
  69. height:400px;
  70. }
  71.  
  72. .flag{
  73.  
  74. width:50.41px;
  75. height:20px;
  76.  
  77. }
  78. .box-wrapper
  79. {
  80. display: flex;
  81. flex-flow: row wrap;
  82. margin: auto;
  83. width: 95%;
  84. margin-bottom: 20px;
  85. }
  86. .box{
  87. flex: 1;
  88. margin: 10px;
  89. min-width: 550px;
  90. background: white;
  91. box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  92. padding: 10px 15px 10px 15px;
  93. border-radius: 5px;
  94. }
  95.  
  96.  
  97. body {
  98. font-family: "Lato", sans-serif;
  99. }
  100.  
  101. .sidenav {
  102. height: 100%;
  103. width: 0;
  104. position: fixed;
  105. z-index: 1;
  106. top: 0;
  107. left: 0;
  108. background-color: #111;
  109. overflow-x: hidden;
  110. transition: 0.5s;
  111. padding-top: 60px;
  112. }
  113.  
  114. .sidenav a {
  115. padding: 8px 8px 8px 32px;
  116. text-decoration: none;
  117. font-size: 25px;
  118. color: #818181;
  119. display: block;
  120. transition: 0.3s;
  121. }
  122.  
  123. .sidenav a:hover {
  124. color: #f1f1f1;
  125. }
  126.  
  127. .sidenav .closebtn {
  128. position: absolute;
  129. top: 0;
  130. right: 25px;
  131. font-size: 36px;
  132. margin-left: 50px;
  133. }
  134. .nav{
  135. margin-left: 10px;
  136. padding-left: 10px;
  137. }
  138. @media (max-width: 550px)
  139. {
  140. .box{min-width: 330px}
  141. }
  142. @media (max-width: 350px)
  143. {
  144. .box{min-width: 230px}
  145. }
  146.  
  147. div.clear {
  148. clear: both;
  149. }
  150.  
  151. p.clear {
  152. clear: both;
  153. }
  154.  
  155. .clearfix {
  156. overflow: auto;
  157. }
  158.  
  159. /* For desktop: */
  160. .col-1 {width: 14,2857142857%;}
  161. .col-2 {width: 28,5714285714%;}
  162. .col-3 {width: 42,8571428571%;}
  163. .col-4 {width: 57,1428571428%;}
  164. .col-5 {width: 71,4285714285%;}
  165. .col-6 {width: 85,7142857142%;}
  166. .col-7 {width: 100%;}
  167.  
  168.  
  169. @media only screen and (max-width: 768px) {
  170. /* For mobile phones: */
  171. [class*="col-"] {
  172. width: 100%;
  173. }
  174. }
  175.  
RAW Paste Data