EduardET

Untitled

Feb 21st, 2018
154
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.54 KB | None | 0 0
  1. .wpc-custom-tm .et_pb_text_inner p {
  2.     position: relative;
  3. }
  4. .wpc-custom-tm .et_pb_text_inner p:before,
  5. .wpc-custom-tm .et_pb_text_inner p:after {
  6.     content:"";
  7.     display: block;
  8.     position: absolute;
  9.     height: 1px;
  10.     background-color: #e09900;
  11.     width: 100px;
  12.     top: 12px;
  13. }
  14.  
  15.  
  16. .wpc-custom-tm .et_pb_text_inner p:before {
  17.     left: calc(22% - 100px);
  18. }
  19. .wpc-custom-tm .et_pb_text_inner p:after {
  20.     right: calc(22% - 100px);
  21. }
  22. @media (max-width: 1380px) {
  23.     .wpc-custom-tm .et_pb_text_inner p:before {
  24.         left: calc(20% - 100px);
  25.     }
  26.     .wpc-custom-tm .et_pb_text_inner p:after {
  27.         right: calc(20% - 100px);
  28.     }
  29. }
  30. @media (max-width: 1275px) {
  31.     .wpc-custom-tm .et_pb_text_inner p:before {
  32.         width: 80px;
  33.     }
  34.     .wpc-custom-tm .et_pb_text_inner p:after {
  35.         width: 80px;
  36.     }
  37. }
  38. @media (max-width: 1275px) {
  39.     .wpc-custom-tm .et_pb_text_inner p:before {
  40.         left: calc(16% - 80px);
  41.     }
  42.     .wpc-custom-tm .et_pb_text_inner p:after {
  43.         right: calc(16% - 80px);
  44.     }
  45. }
  46. @media (max-width: 1130px) {
  47.     .wpc-custom-tm .et_pb_text_inner p:before {
  48.         left: calc(13% - 80px);
  49.     }
  50.     .wpc-custom-tm .et_pb_text_inner p:after {
  51.         right: calc(13% - 80px);
  52.     }
  53. }
  54. @media (max-width: 1040px) {
  55.     .wpc-custom-tm .et_pb_text_inner p:before {
  56.         width: 60px
  57.     }
  58.     .wpc-custom-tm .et_pb_text_inner p:after {
  59.         width: 60px
  60.     }
  61. }
  62. @media (max-width: 970px) {
  63.     .wpc-custom-tm .et_pb_text_inner p:before {
  64.         left: 0;
  65.         width: 50px
  66.     }
  67.     .wpc-custom-tm .et_pb_text_inner p:after {
  68.         right: 0;
  69.         width: 50px
  70.     }
  71. }
  72. @media (max-width: 970px) {
  73.     .wpc-custom-tm .et_pb_text_inner p:before,
  74.     .wpc-custom-tm .et_pb_text_inner p:after {
  75.         display: none;
  76.     }
  77. }
Advertisement
Add Comment
Please, Sign In to add comment