Advertisement
Guest User

Untitled

a guest
Sep 23rd, 2017
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.34 KB | None | 0 0
  1. /*Шрифты*/
  2.  
  3. @font-face {
  4.     font-family: 'opensans';
  5.     src: url('/font/opensans-lightitalic-webfont.woff2') format('woff2'),
  6.          url('/font/opensans-light-webfont.woff') format('woff');
  7.     font-weight: lighter;
  8.     font-style: normal;
  9.  
  10. }
  11.  
  12.  
  13.  
  14.  
  15. @font-face {
  16.     font-family: 'opensans';
  17.     src: url('/font/opensans-light-webfont.woff2') format('woff2'),
  18.          url('/font/opensans-light-webfont.woff') format('woff');
  19.          font-weight: italic;
  20.          font-style: normal;
  21.    
  22.  
  23. }
  24.  
  25.  
  26.  
  27.  
  28. @font-face {
  29.     font-family: 'opensans';
  30.     src: url('/font/opensans-bold-webfont.woff2') format('woff2'),
  31.          url('/font/opensans-bold-webfont.woff') format('woff');
  32.     font-weight: bold;
  33.     font-style: normal;
  34.  
  35. }
  36.  
  37.  
  38.  
  39.  
  40. @font-face {
  41.     font-family: 'gora';
  42.     src: url('/font/gora-free-webfont.woff2') format('woff2'),
  43.          url('/font/gora-free-webfont.woff') format('woff');
  44.     font-weight: normal;
  45.     font-style: normal;
  46.  
  47. }
  48. /*Заливка в белыый цвет фона страницы*/
  49. body {
  50.     color: #ffffff;
  51.     margin: 0;
  52. }
  53. /*-----------------------------------*/
  54.  
  55. /*Заливка фона страницы черным цветом Верх и низ страницы*/
  56. .header {
  57.     background-color: #131415;
  58.     margin-bottom:42px;    
  59. }
  60. .footer {
  61.     background-color: #131415;
  62.     }
  63.  
  64.     /*---------------------------------------------*/
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71. /*----------------------------------*/
  72.  
  73. /*график работы и номер телефона*/
  74. .header__phone{
  75.      color: #ffffff;
  76.     font-family:"opensans";
  77.     font-size : 21px;
  78.    
  79.     font-style: bold;
  80.  
  81. }
  82.  
  83. .header__clarification{
  84.     color: #ffff;
  85.     font-family:"opensans";
  86.     font-size : 14px;
  87.    
  88.     font-style: bold;
  89.    
  90. }
  91. /*-----------------------------------*/
  92.  
  93. /*Боковое меню сайта , главная, услуги, отзывы */
  94. .navigation__title-1{
  95.     color: #f89513;
  96.     font-family:"opensans";
  97.     font-size : 12px;
  98.     font-weight: bold;
  99.     line-height: 54px  
  100. }
  101.  
  102. .navigation__title-2{
  103.     color: #131415;
  104.     font-family:"opensans";
  105.     font-size : 12px;
  106.     font-weight: bold;
  107.     line-height: 54px
  108. }  
  109.  
  110. .navigation__title-3{
  111.         color: #f89513;
  112.         font-family:"opensans";
  113.         font-size : 12px;
  114.         font-weight: bold;
  115.         line-height: 54px  
  116.     }
  117. /*-----------------------------------------------*/
  118.  
  119.     /*ссылки меню Главная и Услуги Хлебные крошки*/
  120.     .breadcrumbs__item {
  121.     display: inline-block;
  122.     }
  123.  
  124.     .breadcrunbs__link{
  125.     font-size : 14px;
  126.     font-weight: 200;
  127.     font-style: italic;
  128.     color: #fab148;
  129.     font-family:"opensans";
  130.    
  131. }
  132. .breadcrunbs__link--active {
  133.     color:#575454;
  134.     text-decoration: none;
  135.  }
  136.  
  137. .breadcrumbs__item:after {
  138. content: "/";
  139. }
  140. .price__title-text{
  141.     margin-bottom:40px;
  142.  }
  143. /*-------------------------------------------------*/
  144.    
  145. /*ЗАголовок УСЛУГИ*/
  146. .price__title-text {
  147.         color: #221f1f;
  148.         font-family:"opensans";
  149.         font-size : 49px;
  150.         font-weight: bold;
  151.         line-height: 38px
  152.     }
  153. /*--------------------------------------------*/
  154.  
  155. /*Размер картинок Фитнес Йога Кроссфит и тд.....*/
  156. .price__prev-img{
  157.     max-height: 154px;
  158.     max-width: 250px;
  159.     }
  160. /*---------------------------------------------*/
  161.  
  162.  
  163. /*ЗАголовок Обцацев Фитнес Йога кроссфит и тд*/
  164. .price__prev-text{
  165.     color: #221f1f;
  166.     font-family:"opensans";
  167.     font-weight: bold;
  168.     line-height : 21.02px;
  169. }
  170.     /*-----------------------------------------*/
  171.  
  172.  
  173. /*Текст обзацев с инфой по всем видам услуг*/
  174. .price__info-money{
  175. color : #221f1f;
  176. font-size: 14.02px;
  177. font-family: "opensans";
  178. font-weight: lighter;
  179. line-height: 21.02px;
  180. }
  181. /*---------------------------------------------*/
  182.  
  183.  
  184. /*Инфо о разработчиках*/
  185. .footer__made-in {
  186.     color: #ffffff;
  187.     font-family:"opensans";
  188.     font-size : 14px;
  189.     line-height: 18px;
  190.     font-weight: lighter;
  191. }
  192. /*---------------------------------------------*/
  193.  
  194. /*ссылка LOFTSCHOOL*/
  195. .link__developer {
  196.     color: #ffffff;
  197.     font-family:"opensans";
  198.     font-size : 14px;
  199.     font-weight: bold;
  200.     line-height: 18px  
  201. }
  202. /*---------------------------------------------*/
  203.  
  204. /*иконки соц сетей*/
  205. .social_icon-texte{
  206.     color: #ffffff;
  207.     font-family:"opensans";
  208.     font-size : 10px;
  209.     font-weight: bold;
  210.     line-height: 18px  
  211. }
  212. /*---------------------------------------------*/
  213. social__link.img{
  214.     color: #f89513;
  215.    border-radius: 40px;
  216.    
  217. }
  218. /*Размер картинок Фитнес Йога Кроссфит и тд.....*/
  219. .price__prev-img{
  220.     max-height: 154px;
  221.     max-width: 250px;
  222.     }
  223. /*---------------------------------------------*/
  224.  
  225. .container  {
  226.     width: 1060px;
  227.     margin: 0 auto;
  228. }
  229.  
  230.  
  231. ul {
  232.     margin: 0;
  233.     padding: 0;
  234.     list-style: none;
  235.  
  236. }
  237.  
  238.  
  239.  
  240. .navigation {
  241.     width: 140px;
  242.     float: left;
  243. }
  244. .price__title{
  245.     width: 870px;
  246.     float: left;
  247.    
  248. }
  249.  
  250. .clearfix:after {
  251.     content: "";
  252.     display: block;
  253.     clear: both;
  254.    
  255. }
  256. h1, h2, h3, h4, h5{
  257.     margin: 0;
  258.     font-weight: normal ;
  259. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement