Advertisement
Guest User

Untitled

a guest
Oct 22nd, 2017
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.09 KB | None | 0 0
  1. #phone
  2. {
  3. padding: 70px 0px 0px;
  4. width: 50%;
  5. margin: auto;
  6. overflow: auto;
  7. }
  8.  
  9. @media screen and (max-width:400px)
  10. {
  11. .footer
  12. {
  13. font-size: 12px;
  14. }
  15. }
  16. @media screen and (max-width:400px)
  17. {
  18. .news-block p:last-child
  19. {
  20. font-size:10pt; /* CHANGEMENT */
  21. }
  22. }
  23.  
  24.  
  25. @media screen and (max-width:400px) /* CHANGEMENT */
  26. {
  27.  
  28.  
  29. /*
  30. #phone .left,
  31. #phone .right
  32. {
  33. margin-top: 15px;
  34. text-align: center;
  35. width: 28%;
  36. float: left;
  37. }
  38. */
  39.  
  40. #phone .center img
  41. {
  42. width: 150px;
  43. margin-top:50px;
  44. margin-bottom:50px;
  45. }
  46. #phone .left div:nth-child(1)
  47. {
  48. margin-left: -120px;
  49. }
  50.  
  51. #phone .left div:nth-child(2)
  52. {
  53. margin-left: 120px;
  54. margin-top: -66px;
  55. margin-bottom: 40px;
  56.  
  57. }
  58.  
  59. #phone .left div:nth-child(3)
  60. {
  61. margin-left: -120px;
  62. }
  63.  
  64. #phone .left div:nth-child(4)
  65. {
  66. /*margin-left: 120px;
  67. margin-top: -66px;*/
  68. margin-bottom: 40px;
  69.  
  70. }
  71.  
  72. #phone .right div:nth-child(1)
  73. {
  74. margin-left: -120px;
  75. margin-top: -20px;
  76. }
  77.  
  78. #phone .right div:nth-child(2)
  79. {
  80. margin-left: 120px;
  81. margin-top: -66px;
  82. margin-bottom: 40px;
  83.  
  84. }
  85.  
  86. #phone .right div:nth-child(3)
  87. {
  88. margin-left: -120px;
  89. }
  90.  
  91. #phone .right div:nth-child(4)
  92. {
  93. /* margin-left: 120px;
  94. margin-top: -66px;*/
  95.  
  96. }
  97.  
  98. #phone .center
  99. {
  100. position: relative;
  101. float: left;
  102. width: 100; /*44%*/
  103. text-align: center;
  104. }
  105.  
  106. #phone span
  107. {
  108. display: block;
  109. text-transform: uppercase;
  110. color: #CCCCCC;
  111. font-size: 5pt;
  112. margin-top: 15px;
  113. }
  114. }
  115.  
  116. @media screen and (min-width:401px) ans (max-width:800px) /* CHANGEMENT */
  117. {
  118. /*#phone .left,
  119. #phone .right
  120. {
  121. margin-top: 15px;
  122. text-align: center;
  123. width: 28%;
  124. float: left;
  125.  
  126. }*/
  127.  
  128. #phone .center
  129. {
  130. position: relative;
  131. float: left;
  132. width: 44%;
  133. text-align: center;
  134. }
  135. #phone .left div:nth-child(1)
  136. {
  137. margin-left: -120px;
  138. }
  139.  
  140. #phone .left div:nth-child(2)
  141. {
  142. margin-left: 120px;
  143. margin-top: -66px;
  144. margin-bottom: 40px;
  145.  
  146. }
  147.  
  148. #phone .left div:nth-child(3)
  149. {
  150. margin-left: -120px;
  151. }
  152.  
  153. #phone .left div:nth-child(4)
  154. {
  155. margin-left: 120px;
  156. margin-top: -66px;
  157. margin-bottom: 40px;
  158.  
  159. }
  160.  
  161. #phone .right div:nth-child(1)
  162. {
  163. margin-left: -120px;
  164. margin-top: -20px;
  165. }
  166.  
  167. #phone .right div:nth-child(2)
  168. {
  169. margin-left: 120px;
  170. margin-top: -66px;
  171. margin-bottom: 40px;
  172.  
  173. }
  174.  
  175. #phone .right div:nth-child(3)
  176. {
  177. margin-left: -120px;
  178. }
  179.  
  180. #phone .right div:nth-child(4)
  181. {
  182. margin-left: 120px;
  183. margin-top: -66px;
  184.  
  185. }
  186. #phone span
  187. {
  188. display: block;
  189. text-transform: uppercase;
  190. color: #CCCCCC;
  191. font-size: 13pt;
  192. margin-top: 15px;
  193. }
  194. }
  195.  
  196. @media screen and (min-width:801px) /* CHANGEMENT */
  197. {
  198. #phone .left,
  199. #phone .right
  200. {
  201. margin-top: 15px;
  202. text-align: center;
  203. width: 28%;
  204. float: left;
  205. }
  206.  
  207. #phone .center
  208. {
  209. position: relative;
  210. float: left;
  211. width: 44%;
  212. text-align: center;
  213. }
  214.  
  215. #phone span
  216. {
  217. display: block;
  218. text-transform: uppercase;
  219. color: #CCCCCC;
  220. font-size: 13pt;
  221. margin-top: 15px;
  222. }
  223. #phone .left div:not(:last-child),
  224. #phone .right div:not(:last-child)
  225. {
  226. margin: 10px 0 50px;
  227. }
  228. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement