Advertisement
Guest User

Untitled

a guest
Apr 21st, 2020
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.50 KB | None | 0 0
  1. html, body {
  2.     margin: 0;
  3.     padding: 0;
  4.     min-width: 1000px;
  5.     font-family: Arial;
  6. }
  7.  
  8. h2 {
  9.     font-size: 20px;
  10.     padding: 27px 0 27px 18px;
  11.     margin: 0 0 34px; /*сверху побокам и снизу.*/
  12.     border-bottom: 1px solid #e5e5e5;
  13. }
  14.  
  15. /* Header */
  16. #black-bar {
  17.    background-color: #00122f;
  18.    color: white;
  19.    padding: 20px 0;
  20.    font-size: 16px;
  21.  
  22.    
  23. }
  24. #black-bar a {
  25.     color: white;
  26. }
  27.  
  28. .fixed-container {
  29.     width: 960px;
  30.     margin: 0 auto;
  31.     position: relative;
  32.  
  33. }
  34.  
  35. #header {
  36.     height: 100px;
  37. }
  38. /*Москва селектор*/
  39. .select-wrapper {
  40.   display: inline-block;
  41. float: left;
  42. margin-left: 180px;
  43.  
  44.   /* обнуляем шрифт, чтобы убрать текст label */
  45.   font-size: 0;
  46. }
  47.  
  48. .select-wrapper::after {
  49.   content: '';
  50.   position: absolute;
  51.   bottom: 0;
  52.   left: 0;
  53.   right: 15px;
  54.   height: 1px;
  55.   border-bottom: 2px dashed #448ccb;
  56. }
  57.  
  58. .custom-select {
  59.   border: 0;
  60.   -webkit-appearance: none;
  61.   -moz-appearance: none;
  62.   appearance: none;
  63.  
  64.   /* Восстанавливаем шрифт */
  65.   font-size: 16px;
  66.  
  67.   /* для того, чтобы задать саму стрелку:
  68.     1. отведем для нее место; */
  69.   padding-right: 15px;
  70.   /* добавим ее фоном */
  71.   background: url('img/down-arrow.png') 100% center no-repeat;
  72.  
  73. }
  74.  
  75.  
  76.  
  77.  
  78.  
  79. #menu-container {
  80.     float: left;
  81.     position: relative;
  82. }
  83. #datetime {
  84.     float:right;
  85. }
  86.  
  87. #logo {
  88.     float: left;
  89.     margin-left: 0;
  90.    
  91. }
  92.  
  93. #date {
  94.     position: absolute;
  95.     top: 40px;
  96.    
  97. }
  98.  
  99. #time {
  100.     position: absolute;
  101.     top: 40px;
  102.    
  103. }
  104.  
  105. .weather {
  106.     float: left;
  107.     margin-left: 550px;
  108.   background-image: url("https://image.flaticon.com/icons/svg/1164/1164945.svg");
  109.   background-position: left center;
  110.   background-size: auto 100%;
  111.   display: inline-block;
  112.   padding-left: 30px;
  113.   background-repeat: no-repeat;
  114. }
  115.    
  116.  
  117.  
  118. #search-bar {
  119.     float: left;
  120.     border-radius: 50px;
  121.     margin-left: 680px;
  122. }
  123.  
  124. #column-left {
  125. background-color: #ffffff;
  126. width: 250px;
  127. float: left;
  128. }
  129.  
  130. .news-item {
  131.     padding-left: 18px;
  132.     margin-bottom: 27px;
  133.     font-size: 14px;
  134. }
  135.  
  136. .news-item-text {
  137.     margin-bottom: 20px;
  138. }
  139. .news-item-props {
  140.     font-size: 12px;
  141.     position: relative;
  142. }
  143. .news-item-props a {
  144.     color: #91919f;
  145. }
  146.  
  147. .news-time {
  148.     position: absolute;
  149.     top: 0;
  150.     left: 120px;
  151.     padding-left: 15px;
  152.     background-image: url('img/icon-time.png');
  153.     background-repeat: no-repeat;
  154. }
  155.  
  156. .news-comments-count {
  157.     position: absolute;
  158.     top: 0;
  159.     left: 180px;
  160.     padding-left: 15px;
  161.     background-image: url('img/icon-comments.png');
  162.     background-repeat: no-repeat;
  163. }
  164. .news-button a {
  165.      text-decoration: none;
  166.      color: #5b9ad1;
  167. }
  168. .news-button-text {
  169.     padding: 16px 40px;
  170.     margin-bottom: 25px;
  171.     margin-left: 38px;
  172.     margin-right: 38px;
  173.     font-family: ArialMT;
  174.     font-size: 14px;
  175.     text-align: center;
  176.     border: 1px solid #5b9ad1;
  177.     border-radius: 50px;
  178. }
  179.  
  180. #column-center {
  181. background-color:green;
  182. width: 420px;
  183. margin-left: 20px;
  184. float: left;
  185. }
  186.  
  187. #central-container {
  188.     padding-top: 20px;
  189.     background-color: #f9f9f9;
  190.     background-image: url('img/central-bg-top.png');
  191.     background-repeat: repeat-x;
  192. }
  193.  
  194. #central-container .fixed-container {
  195. overflow-y: hidden;
  196. }
  197.  
  198. #column-right {
  199.    
  200.     width: 250px;
  201.     float: right;
  202. }
  203.  
  204. #column-right img {
  205.     margin-bottom: 20px;
  206. }
  207.  
  208. #special-news {
  209.     margin-top: 20px;
  210. }
  211.  
  212. .table {
  213.     display: table;
  214.     border-collapse: collapse;
  215. }
  216.  
  217. .row {
  218.     display: table-row;
  219. }
  220.  
  221. .cell {
  222.     display: table-cell;
  223. padding: 10px;
  224. border: solid red 1px;
  225.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement