Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- background:white;}
- /** CSS by Austin (638877683) **/
- body {
- color: white;
- background-color: #161223;
- font-size: 14px;
- font-family: Karla;
- line-height: 1.5em;
- letter-spacing: .75px;
- margin: 0;
- padding: 0;
- }
- .info {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%,-50%);
- text-align: center;
- }
- .polka {
- width: 75px;
- height: 75px;
- background: transparent;
- background-image: radial-gradient(#888888 20%, transparent 0), radial-gradient(#888888 20%, transparent 0);
- background-size: 1.1em 1.1em;
- background-position: 0 0, 1.1em 1.1em;
- position: absolute;
- margin-top: -25px;
- left: calc(50% - (150px / 2) - 2px);
- z-index: 0;
- }
- .icon {
- width: 90px;
- height: 90px;
- padding: 5px;
- margin-left: calc(50% - (100px / 2) - 4px);
- border: 2px solid #CCCCCC;
- border-radius: 50%;
- background: #161223 no-repeat center;
- background-size: cover;
- overflow: hidden;
- position: relative;
- z-index: 1;
- }
- .icon img {
- width: 90px;
- height: 90px;
- overflow: hidden;
- border-radius: 50%;
- }
- [class^=circle] {
- z-index: 2;
- position: absolute;
- border-radius: 50%;
- }
- .circleone {
- width: 25px;
- height: 25px;
- background: #f0bfb3;
- margin-top: -30px;
- left: calc(50% + 15px);
- }
- .circletwo {
- width: 15px;
- height: 15px;
- border: 1px solid #e44267;
- margin-top: -30px;
- left: calc(50% + 30px);
- }
- .title {
- display: inline-block;
- font-size: calc(14px + 2px);
- font-weight: bold;
- margin-top: 25px;
- margin-bottom: 15px;
- }
- a {
- color: inherit;
- text-decoration: none;
- transition: all .3s linear;
- -webkit-transition: all .3s linear;
- -o-transition: all .3s linear;
- -moz-transition: all .3s linear;
- }
- img {
- opacity: 1;
- border: 0;
- text-decoration: none;
- max-width: 100%;
- height: auto;
- display: block;
- }
- iframe{position:absolute;top:-500px;left:-500px;
- [font:Karla]
- <div class="info">
- <div class="polka"></div>
- <div class="icon">
- <img src="https://i.postimg.cc/9MjjCqn9/c8340a67ffbd22535035574c6a7a7ac3.png" />
- </div>
- <div class="circleone"></div>
- <div class="circletwo"></div>
- <div class="title"><a href="#">austin</a></div>
- <div class="desc">Let justice be done, though the heavens fall.</div>
- </div>
- [youtube:500:500:W5d4SJv2d6M:autoplay=1&playlist=W5d4SJv2d6M&loop=1]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement