第86行: |
第86行: |
| | | |
| h3 { | | h3 { |
− | position: relative;
| + | display: inline-block; |
− | padding: 5px 26px 5px 42px;
| + | position: relative; |
− | background: #fff0d9;
| + | padding: .5em .7em; |
− | font-size: 20px;
| + | border-radius: 50px 0 0 50px; |
− | color: #2d2d2d;
| + | background-color: #2589d0; |
− | margin-left: -33px;
| + | color: #fff; |
− | line-height: 1.3;
| |
− | border-bottom: solid 3px orange;
| |
− | z-index:-2;
| |
| } | | } |
| | | |
− | h3:before { | + | h3::before { |
− | position: absolute;
| + | content: ''; |
− | content: '';
| + | display: inline-block; |
− | left: -2px;
| + | width: 15px; |
− | top: -2px;
| + | height: 15px; |
− | width: 0;
| + | margin-right: 13px; |
− | height: 0;
| + | border-radius: 50%; |
− | border: none;
| + | background: #fff; |
− | border-left: solid 40px white;
| |
− | border-bottom: solid 79px transparent;
| |
− | z-index: -1;
| |
− | }
| |
− | | |
− | h3:after {
| |
− | position: absolute;
| |
− | content: '';
| |
− | right: -3px;
| |
− | top: -7px;
| |
− | width: 0;
| |
− | height: 0;
| |
− | border: none;
| |
− | border-left: solid 40px transparent;
| |
− | border-bottom: solid 79px white;
| |
− | z-index: -1;
| |
| } | | } |
| | | |