Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- premade profile advanced
- by aly of caedon
- please follow the rules of this code
- cheers and have a lovely day
- */
- /* - - change the url to your user id number - unless you want my avatar on your page - - */
- #sidebar h2:before {
- background-image: url(https://www.caedon.net/images/avatars/5254.png);
- }
- /* feel free to change this to a custom font if you know how */
- @font-face {
- font-family: Down;
- font-style: normal;
- font-weight: 400;
- src: url(https://fonts.gstatic.com/s/justmeagaindownhere/v9/sN06iTc9ITubLTgXoG-kc5JZLfXKI9GK3WgI66__RrA.woff2);
- }
- html, body {
- margin: 0;
- padding: 0;
- background: none;
- }
- a {
- text-decoration: none;
- font-style: none;
- }
- /* I recommend keeping this image as the theme was made for it */
- #generic_1 {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- width: 900px;
- height: 500px;
- margin: auto;
- background-image: url(https://static.pexels.com/photos/370474/pexels-photo-370474.jpeg);
- background-position: center;
- background-size: 150% auto;
- box-shadow: 0 0 25px 10px rgb(228, 228, 228);
- border-radius: 0.5em;
- z-index: -5;
- }
- #generic_5 {
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- z-index: -50;
- background-size: 20px;
- background-image: url(https://www.toptal.com/designers/subtlepatterns/patterns/tiny_grid.png);
- }
- #wrap, #content {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- width: 900px;
- height: 500px;
- margin: auto;
- padding: 0;
- border: 0;
- outline: 0;
- overflow: hidden;
- background: none;
- }
- #sidebar {
- float: left;
- position: absolute;
- left: 0;
- top: 0;
- width: 0;
- height: 0;
- overflow: visible;
- z-index: 10;
- }
- ul#actions {
- position: absolute;
- left: 219px;
- right: 0;
- top: 245px;
- bottom: 0;
- margin: auto;
- width: 300px;
- font-size: 11px;
- height: 125px;
- transform: rotate(14deg);
- -o-transform: rotate(14deg);
- -ms-transform: rotate(14deg);
- -moz-transform: rotate(14deg);
- -webkit-transform: rotate(14deg);
- }
- #sidebar img { display: none; }
- #sidebar h2:before {
- content: close-quote;
- position: absolute;
- left: -73px;
- top: 62px;
- transform: rotate(15deg);
- -o-transform: rotate(15deg);
- -ms-transform: rotate(15deg);
- -moz-transform: rotate(15deg);
- -webkit-transform: rotate(15deg);
- opacity: 0.5;
- height: 275px;
- width: 180px;
- }
- #sidebar h2 {
- font-size: 0;
- }
- #friends, #friendlist { display: none; }
- #bio {
- position: absolute;
- left: 0;
- top: 100%;
- right: 0;
- margin: 0 auto;
- width: 200px;
- height: 400px;
- }
- #comments h2 {
- display: none;
- }
- #comments {
- position: absolute;
- left: 360px;
- top: 250px;
- right: 0;
- bottom: 0;
- margin: auto;
- height: 500px;
- width: 290px;
- transform: rotate(15deg);
- -o-transform: rotate(15deg);
- -ms-transform: rotate(15deg);
- -moz-transform: rotate(15deg);
- -webkit-transform: rotate(15deg);
- overflow: visible;
- }
- #comment_list li {
- font-size: 0;
- margin-bottom: 20px;
- }
- #comment_list li p, #comment_list li>img+a {
- font-size: 12px;
- }
- #comment_list li>img+a {
- font-family: Down;
- font-size: 18px;
- }
- p>small, #comment-form>span:nth-child(3) {
- display: none;
- }
- #comment_list img.avatar_thumb {
- display: none;
- }
- #comment_list li:nth-child(1) img.avatar_thumb {
- left: -200px;
- top: 98px;
- }
- #comment_list li:nth-child(2) img.avatar_thumb {
- left: -170px;
- top: 96px;
- }
- #comment_list li:nth-child(3) img.avatar_thumb {
- left: -140px;
- top: 94px;
- }
- #comment_list li:nth-child(4) img.avatar_thumb {
- left: -110px;
- top: 92px;
- }
- #load-more { display: none; }
- #comment-form {
- position: absolute;
- left: -325px;
- top: 165px;
- width: 275px;
- transform: rotate(0deg);
- -o-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -webkit-transform: rotate(0deg);
- }
- #comment-text {
- width: 100%;
- height: 250px;
- margin: 0;
- padding: 10px;
- border: 0;
- }
- #comment-button {
- margin-left: -10px;
- margin-top: -25px;
- height: 50px;
- line-height: 50px;
- padding-left: 10px;
- padding-right: 10px;
- background: #d4e7a6;
- border: 0;
- outline: 0;
- box-shadow: 0 3px 3px 0 #313b1c;
- transform: rotate(-4deg);
- -o-transform: rotate(-4deg);
- -ms-transform: rotate(-4deg);
- -moz-transform: rotate(-4deg);
- -webkit-transform: rotate(-4deg);
- }
- #send-message>a {
- margin-bottom: 15px;
- float: left;
- width: 100%;
- }
- #likes {
- float: left;
- margin-top: 15px;
- width: 100%;
- }
- #logo { display: none; }
- ul.navigation {
- position: fixed;
- left: -800px;
- top: -225px;
- right: 0;
- bottom: 0;
- height: 125px;
- width: 75px;
- margin: auto;
- z-index: 50000;
- text-align: right;
- transform: rotate(15deg);
- -o-transform: rotate(15deg);
- -ms-transform: rotate(15deg);
- -moz-transform: rotate(15deg);
- -webkit-transform: rotate(15deg);
- }
- ul.navigation li {
- margin-bottom: 25px;
- list-style-type: none;
- }
- ul.navigation li a {
- color: #fff;
- opacity: 0.5;
- transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- }
- ul.navigation li a:hover { opacity: 1; }
- #header {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 0;
- overflow: visible;
- margin: 0;
- padding: 0;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement