Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .tag {
- float: left;
- text-align: center;
- height: 14px;
- width: 110px;
- background-color: #2e353d;
- color: #FFFFFF;
- padding-top: 2px;
- margin-top: 1px;
- font-size: 10px;
- }
- .arrow-right {
- width: 0;
- height: 0;
- float: left;
- margin-top: 1px;
- border-top: 8px solid transparent;
- border-bottom: 8px solid transparent;
- border-left: 8px solid #2e353d;
- }
- .tag {
- float: left;
- position:relative;
- text-align: center;
- height: 14px;
- width: 110px;
- background-color: #2e353d;
- color: #FFFFFF;
- padding-top: 2px;
- margin-top: 1px;
- font-size: 10px;
- border: 1px solid #FF00FF;
- border-right: none;
- }
- .tag:after, .tag:before {
- content:'';
- margin-right:-10px;
- width: 0;
- height: 0;
- position:absolute;
- top:0px;
- left:100%;
- border-top: 9px solid transparent;
- border-bottom: 9px solid transparent;
- border-left: 8px solid #2e353d;
- }
- .tag:before {
- top:-1px;
- border-top: 10px solid transparent;
- border-bottom: 10px solid transparent;
- border-left: 9px solid #FF00FF;
- }
- .arrow-border {
- width: 0;
- height: 0;
- float: left;
- margin-top: 1px;
- border-top: 9px solid transparent;
- border-bottom: 9px solid transparent;
- border-left: 9px solid #FF00FF;
- }
- .arrow-right {
- width: 0;
- height: 0;
- float: left;
- margin-left: -9px; /* Width of .arrow-border's border */
- margin-top: 2px;
- border-top: 8px solid transparent; /* One less than .arrow-border's border width */
- border-bottom: 8px solid transparent;
- border-left: 8px solid #2e353d;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement