Advertisement
Guest User

Untitled

a guest
Feb 12th, 2020
1,064
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.62 KB | None | 0 0
  1. <style>
  2. p {
  3.     padding: 0.2rem 0 0;
  4. }
  5.  
  6. ol {
  7.     padding-left: 20px;
  8. }
  9.  
  10. h1.break-text {
  11.     display: block;
  12.     font-size: 2.5em;
  13.     margin-block-start: 0.67em;
  14.     margin-block-end: 0.67em;
  15.     margin-inline-start: 0px;
  16.     margin-inline-end: 0px;
  17.     font-weight: bold;
  18.     padding: 0;
  19.     position: relative;
  20.     line-height: 1.5;
  21.     text-align: center;
  22.     color: #2b6aa7;
  23.     font-family: "Roboto", sans-serif;
  24. }
  25.  
  26. h1.break-text:after {
  27.     display:block;
  28.     height: 1px;
  29.     background-color: #E6E6E6;
  30.     margin: 0 auto;
  31.     background-image: linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
  32.     background-image: -o-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
  33.     background-image: -moz-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
  34.     background-image: -webkit-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
  35.     background-image: -ms-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
  36.     background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, #E6E6E6), color-stop(0.98, white) );
  37. }
  38.  
  39. h1 {
  40.     display: block;
  41.     font-size: 2.2em;
  42.     margin-block-start: 0.67em;
  43.     margin-block-end: 0.67em;
  44.     margin-inline-start: 0px;
  45.     margin-inline-end: 0px;
  46.     font-weight: bold;
  47.     padding: 0;
  48.     color: #1565c0;
  49.     margin-top: 2rem;
  50.     position: relative;
  51.     line-height: 1.5;
  52.     margin-bottom: 0;
  53. }
  54.  
  55. h1:after {
  56.     content: "";
  57.     position: absolute;
  58.     bottom: 0;
  59.     left: 0;
  60.     width: 100%;
  61.     height: 2px;
  62.     background: linear-gradient(90deg,#1976d2,rgba(25,118,210,0));
  63.     border-radius: 3px;
  64. }
  65.  
  66. h2 {
  67.     display: block;
  68.     font-size: 1.65em;
  69.     margin-block-start: 0.83em;
  70.     margin-block-end: 0.83em;
  71.     margin-inline-start: 0px;
  72.     margin-inline-end: 0px;
  73.     font-weight: bold;
  74.     margin: 0.5rem 0;
  75.     color: #424242;
  76.     position: relative;
  77.     line-height: 1.5;
  78. }
  79.  
  80. h2:after {
  81.     content: "";
  82.     position: absolute;
  83.     bottom: 0;
  84.     left: 0;
  85.     width: 100%;
  86.     height: 1px;
  87.     background: linear-gradient(90deg,#616161,rgba(97,97,97,0));
  88. }
  89.  
  90. h3 {
  91.     display: block;
  92.     font-size: 1.29em;
  93.     margin-block-start: 1em;
  94.     margin-block-end: 1em;
  95.     margin-inline-start: 0px;
  96.     margin-inline-end: 0px;
  97.     font-weight: bold;
  98.     margin: 0.5rem 0;
  99.     color: #616161;
  100.     position: relative;
  101.     line-height: 1.5;
  102. }
  103.  
  104. h3:after {
  105.     content: "";
  106.     position: absolute;
  107.     bottom: 0;
  108.     left: 0;
  109.     width: 100%;
  110.     height: 1px;
  111.     background: linear-gradient(90deg,#9e9e9e,hsla(0,0%,62%,0) 90%);
  112. }
  113. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement