API tools faq
paste
Advertisement
markus123456789

Untitled

markus123456789
Jun 20th, 2019
346
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.39 KB | None | 0 0
raw download clone embed print report
  1. abbr, address, article, aside, audio, b, blockquote, body, canvas, caption,
  2. cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption,
  3. figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe,
  4. img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, pre, q, samp,
  5. section, small, span, strong, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  6.     margin: 0;
  7.     padding: 0;
  8.     border: 0;
  9.     outline: 0;
  10.     font-size: 100%;
  11.     vertical-align: baseline;
  12.     background: transparent;
  13.     box-sizing: border-box;
  14.     list-style-type: none;
  15.    
  16. }
  17. @font-face{
  18.     font-family: 'Script';
  19.     src: url('opensansbold.ttf') format('truetype'),
  20.          url('opensansbold.ttf') format('truetype');
  21.     font-style: normal;
  22.     font-weight: normal;
  23. }
  24. body {
  25.     font-family: "OpenSans",Arial, Helvetica, sans-serif;
  26.     background: #f5f5f5;
  27. }
  28. .cont {
  29.     max-width: 1140px;
  30.     width: 100%;
  31.     margin: 0 auto;
  32. }
  33. .header-menu-list>li:hover
  34. {
  35.     background-color: #d7d7d7;
  36. }
  37. .header-center {
  38.     margin-left: auto;
  39.     margin-right: auto;
  40.     max-width: 1140px;
  41.     width: 100%;
  42. }
  43. .header-menu {
  44.     height: 118px;
  45.     display: flex;
  46.     margin-left: auto;
  47.     margin-right: auto;
  48.     max-width: 1140px;
  49.     width: 100%;
  50. }
  51. .header-menu-list {
  52.     display: flex;
  53.     flex-direction: row;
  54.     justify-content: flex-start;
  55.     height: 100px;
  56.     align-items: center;
  57.     margin-top: 18px;
  58. }
  59. .header-menu-logo {
  60.     width: 200px;
  61.     background: url(img/logo.png) no-repeat;
  62.     height: 133px;
  63. }
  64.  
  65. .header-menu-list>li {
  66.     cursor: pointer;
  67.     line-height: 50px;
  68.     border-right: 6px solid #ececec;
  69.     font-size: 16px;
  70.     position: relative;
  71.     padding: 0 25px;
  72.     height: 60px;
  73.     border-radius: 24px;
  74. }
  75. .wrapper {
  76.     margin: 0 auto;
  77.     min-height: 100%;
  78.     position: relative;
  79.     background: #f5f5f5;
  80. }
  81. .wrapper, body, html{
  82.     display: block;
  83.     padding: 0;
  84.     width: 100%;
  85. }
  86. .cont {
  87.     max-width: 1140px;
  88.     width: 100%;
  89.     margin: auto;
  90. }
  91. .promo-cont.none {
  92.     display: flex;
  93. }
  94. .promo-cont {
  95.     margin-top: 25px;
  96.     justify-content: space-between;
  97. }
  98. .promo-block {
  99.     font-size: 16px;
  100.     width: 100%;
  101.     max-width: 360px;
  102.     display: inline-flex;
  103.     flex-direction: column;
  104.     background-color: #f8f8f8;
  105.     border: 1px solid #f0f0f0;
  106.     border-radius: 4px;
  107.     box-shadow: 1px 1px 5px 0 rgba(0,0,0,.15);
  108. }
  109. .promo-cont>div {
  110.     flex: 2 1 auto;
  111.     margin-right: 10px;
  112.     margin-left: 10px;
  113.     margin-top: 30px;
  114. }
  115. .promo-block-title {
  116.     line-height: 28px;
  117.     padding: 0 15px;
  118.     font-size: 18px;
  119.     font-weight: 700;
  120.     margin-top: 16px;
  121.     margin-bottom: 15px;
  122. }
  123. .promo-block-count {
  124.     height: 28px;
  125.     padding-left: 15px;
  126.     color: #999;
  127.     font-size: 14px;
  128. }
  129. .promo-block-img {
  130.     height: 250px;
  131.     overflow: hidden;
  132.     margin-left: auto;
  133.     margin-right: auto;
  134. }
  135. .promo-block-list {
  136.     padding: 15px 0 15px 15px;
  137. }
  138. .promo-block-list ul {
  139.     position: relative;
  140. }
  141. .promo-block-list ul li {
  142.     list-style-type: none;
  143.     color: #1762b6;
  144.     margin-bottom: 15px;
  145. }
  146. .promo-block-list ul li a {
  147.     color: #1762b6;
  148. }
  149. .promo-block-list ul li span {
  150.     color: #aaca4a;
  151.     padding-left: 15px;
  152. }
  153. .promo-geo.none {
  154.     display: block;
  155. }
  156. .promo-geo {
  157.     padding: 0px;
  158. }
  159. .promo-geo>div {
  160.     margin-bottom: 50px;
  161. }
  162. .promo-geo-title {
  163.     font-size: 18px;
  164.     font-weight: 700;
  165.     margin-bottom: 10px;
  166. }
  167. .promo-geo ul {
  168.     display: flex;
  169.     flex-wrap: wrap;
  170. }
  171. .promo-geo ul li {
  172.     list-style-type: none;
  173.     width: 16.6%;
  174. }
  175. .promo-geo ul li a {
  176.     display: block;
  177.     color: #000;
  178.     font-size: 14px;
  179.     line-height: 27px;
  180. }
  181. .text_ellipsis {
  182.     text-overflow: ellipsis;
  183.     max-width: 94%;
  184.     white-space: nowrap;
  185.     overflow: hidden;
  186. }
  187. .promo-geo>div {
  188.     margin-bottom: 50px;
  189. }
  190. .seoText {
  191.     margin: 0 auto;
  192.     margin-bottom: 50px;
  193.     margin-top: 30px;
  194.     color: #000;
  195.     font-size: 14px;
  196.     line-height: 27px;
  197. }
  198. .seoText .relinkH3 {
  199.     font-size: 18px;
  200.     font-weight: 700;
  201.     margin-bottom: 10px;
  202.     display: block;
  203. }
  204. .seoText ul {
  205.     margin-left: 18px;
  206.     line-height: 22px;
  207.     margin-bottom: 10px;
  208.     list-style: disc;
  209. }
  210. .promo-map {
  211.     margin: 30px auto;
  212.     width: 100%;
  213.     background: url(img/map.jpg) 0 0 no-repeat;
  214.     background-size: cover;
  215.     height: 275px;
  216.     text-align: center;
  217.     color: #fff;
  218.     font-size: 16px;
  219.     border-radius: 141px;
  220. }
  221. .promo-map-title {
  222.     padding-top: 60px;
  223.     font-size: 18px;
  224. }
  225. .promo-map-text {
  226.     padding: 15px 0;
  227.     line-height: 30px;
  228.     font-weight: 300;
  229. }
  230. footer.none {
  231.     display: block;
  232.     text-decoration: none;
  233. }
  234. footer {
  235.     z-index: 2;
  236.     background-color: #333;
  237.     position: relative;
  238.     font-size: 16px;
  239.     text-decoration: none;
  240. }
  241. .footer-inner {
  242.     padding-top: 35px;
  243.     border-top: 1px solid #e0e0e0;
  244. }
  245. .footer-col {
  246.     width: 15%;
  247.     display: inline-block;
  248.     vertical-align: top;
  249.     font-size: 16px;
  250.     margin-right:auto;
  251. }
  252. .footer-list__title {
  253.     font-size: 17px;
  254.     font-weight: 500;
  255.     color: #308f18;
  256.     margin-bottom: 15px;
  257.     display: inline-block;
  258.     vertical-align: top;
  259.     border-bottom: 1px solid transparent;
  260.     -webkit-transition: .5s all;
  261.     transition: .5s all;
  262.     text-decoration: none;
  263.     padding-top: 15px;
  264. }
  265. .footer-list-item {
  266.     margin-bottom: 10px;
  267.     list-style-type: none;
  268. }
  269. .footer-list-item__href {
  270.     color: inherit;
  271.     line-height: 20px;
  272.     border-bottom: 1px solid transparent;
  273.     -webkit-transition: .5s all;
  274.     transition: .5s all;
  275.     text-decoration: none;
  276.    
  277. }
  278. footer, footer a {
  279.     color: #7e7e7e;
  280. }
  281. .footer-copyright {
  282.     font-size: 14px;
  283.     color: #666;
  284.     padding-top: 20px;
  285.     border-top: 1px solid #e0e0e0;
  286.     margin-top: 10px;
  287.     padding-bottom: 60px;
  288.     margin-right: 40px;
  289.     clear: both;
  290.     display: block;
  291. }
  292. a, a.bgreen{
  293.     margin: 0;
  294.     padding: 0;
  295.     font-size: 100%;
  296.     vertical-align: baseline;
  297.     background: transparent;
  298.     text-decoration: none;
  299.     outline: none;
  300.     color: black;
  301. }
  302. .block{
  303.     width: 350px;
  304.     background-color: #fff;
  305.     border: 1px solid #f5f5f5;
  306.     margin-right: 4%;
  307.     margin-bottom: 3%;
  308. }
  309. .blocki{
  310.     display: flex;
  311. }
  312. .new_block{
  313.     padding: 6% 7%;
  314.     background-color: #fff;
  315. }
  316. .block img{
  317.     width: 100%;
  318. }
  319. .block_str{
  320.     margin-bottom: 3%;
  321. }
  322. .blocki_str{
  323.     display: flex;
  324.     flex-direction: column;
  325. }
  326. .new_block_str{
  327.     padding: 31px 30px;
  328.     border: 1px solid #d6d6d6;
  329. }
  330. .block_str img{
  331.     position: absolute;
  332.     top: 50%;
  333.     left: 50%;
  334.     -webkit-transform: translate(-50%, -50%);
  335.     -ms-transform: translate(-50%, -50%);
  336.     -o-transform: translate(-50%, -50%);
  337.     transform: translate(-50%, -50%);
  338.     display: block;
  339.     min-width: 100%;
  340.     min-height: 100%;
  341. }
  342. .block_str h1{
  343.     font-size: 40px;
  344.     font-weight: normal;
  345. }
  346. .img{
  347.     height: 255px;
  348.     overflow: hidden;
  349.     position: relative;
  350. }
  351. .up_text{
  352.     display: flex;
  353. }
  354. .up_text p{
  355.     padding: 0;
  356.     margin: 0;
  357.     margin-right: 20px;
  358. }
  359. .otvet{
  360.     border-left: 3px solid #2f8f17;
  361.     background-color: #f3fcf1;
  362.     padding-left: 20px;
  363.     padding-top: 20px;
  364.     padding-bottom: 20px;
  365.     margin-top: 20px;
  366.     margin-bottom: 20px;
  367. }
  368. .block_vopros{
  369.     padding:40px;
  370. }
  371. .onas{
  372.     margin-top: 40px;
  373. }
  374. .onas p{
  375.     margin:0;
  376.     padding: 0;
  377.     margin-bottom: 20px;
  378. }
  379. .img_onas{
  380.     text-align: center;
  381. }
  382. .img_onas img{
  383.     margin-bottom: 20px;
  384. }
  385. .catalog{
  386.     display: flex;
  387.     width: 50%;
  388.     margin-top: 40px;
  389. }
  390. .catalog_text{
  391.     margin-left: 30px;
  392. }
  393. .catalog_img{
  394.     width: 100%;
  395.     height: 154px;
  396.     height: auto;
  397.     position: relative;
  398.     overflow: hidden;
  399. }
  400. .catalog_img img{
  401.     display: block;
  402.     z-index: 0;
  403.     height: auto;
  404.     min-width: 100%;
  405.     max-width: 100%;
  406. }
  407. .catalog_price{
  408.     color: #fff;
  409.     font-size: 18px;
  410.     font-weight: 500;
  411.     background-color: #2f8f12;
  412.     display: inline-block;
  413.     vertical-align: top;
  414.     position: relative;
  415.     padding: 10px;
  416.     margin-bottom: -10px;
  417.     position: absolute;
  418.     bottom: 10px;
  419. }
  420. table tr td {
  421.     padding-right: 30px;
  422. }
  423. table tr td:first-child {
  424.     color: #666;
  425. }
  426. .catalog_text h1{
  427.     font-weight: normal;
  428.     margin-top: 10px;
  429.     font-size: 20px;
  430. }
  431. .blocki_stroika{
  432.     display: flex;
  433.     flex-wrap:wrap;
  434.     margin-bottom: 40px;
  435. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!