Advertisement
Guest User

Tappedout "Username as Card" CSS

a guest
May 15th, 2019
28
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.81 KB | None | 0 0
  1. .well-jumbotron > p > a[href="/users/Wihito/"] span,
  2. h4 > a[href="/users/Wihito/"] span,
  3. p > a + a[href="/users/Wihito/"] span {
  4.   font-family: "beleren bold";
  5. }
  6. .well-jumbotron > p > a[href="/users/Wihito/"],
  7. h4 > a[href="/users/Wihito/"],
  8. p > a + a[href="/users/Wihito/"] {
  9.   display: inline-flex;
  10.   line-height: initial !important;
  11.   position: relative;
  12.   padding: 1.5px 5px;
  13.   color: #1f1e1f;
  14.   font-family: "beleren bold";
  15.   background: -webkit-gradient(linear, left top, right top, color-stop(40%, #1c1512), color-stop(60%, #3e7632)) !important;
  16.   background: linear-gradient(to right, #1c1512 40%, #3e7632 60%) !important;border-radius: 50vh;
  17. }
  18. .well-jumbotron > p > a[href="/users/Wihito/"]:before,
  19. h4 > a[href="/users/Wihito/"]:before,
  20. p > a + a[href="/users/Wihito/"]:before {
  21.   position: absolute;
  22.   content: "Wihito";
  23.   padding-left: 3px;
  24.   top: 0.1em;
  25.   bottom: 0.1em;
  26.   left: 0.1em;
  27.   right: 0.1em;
  28.   border-radius: 50vh;
  29.   z-index: 1;
  30.   background: #d9c174;
  31. }
  32. .well-jumbotron > p > a[href="/users/Wihito/"]:after,
  33. h4 > a[href="/users/Wihito/"]:after,
  34. p > a + a[href="/users/Wihito/"]:after {
  35.   position: absolute;
  36.   content: "";
  37.   top: 0px;
  38.   bottom: 0px;
  39.   left: 0px;
  40.   right: 0px;
  41.   border-radius: 50vh;
  42.   z-index: 2;
  43.   background: url(https://cdn.jsdelivr.net/gh/Wihito/tappedout-card-theme/foil/foil-overlay-20.png) repeat 0 0;
  44.   -webkit-animation: slide 10s linear infinite;
  45.   animation: slide 10s linear infinite;
  46. }
  47. @-webkit-keyframes slide {
  48.   0% { background-position: 0 0; }
  49.   100% { background-position: -400px 0; }
  50. }
  51. @keyframes slide {
  52.   0% { background-position: 0 0; }
  53.   100% {background-position: -400px 0; }
  54. }
  55. @font-face {
  56.   font-family: "beleren bold";
  57.   src: url(https://cdn.jsdelivr.net/gh/Saeris/typeface-beleren-bold/Beleren2016-Bold.ttf) format("truetype");
  58. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement