Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * { box-sizing: border-box;
- margin: 0;
- padding: 0;
- outline: 0;
- border: 0;
- }
- body { background: none; background-color: #fdf9ec;
- color: #968b81;
- font-family: Calibri;
- font-size: 11px;
- }
- #header {
- position: fixed;
- left: 0; top: 0;
- width: 0;
- height: 0;
- }
- #bio { position: absolute;
- left: 0; top: 0;
- width: 0; height: 0;
- overflow: visible;
- }
- #bio img {
- position: fixed;
- left: -500px; right: 0; bottom: 0; top: 0;
- margin: auto;
- width: 500px;
- z-index: -100;
- }
- #generic_5 { position: fixed; z-index: -999; }
- #generic_5:before, #generic_5:after{
- content: close-quote;
- position: fixed;
- background-color: transparent;
- box-sizing: border-box;
- border: 3px double #eacbab;
- box-shadow: 0 0 1px #FFF;
- }
- #generic_5:before {
- left: -500px; top: 0; right: 0; bottom: 0;
- margin: auto;
- height: 100%;
- width: 3px;
- }
- #generic_5:after {
- left: 0; top: 25%;
- height: 1px;
- width: 100%;
- border: 0;
- background-color: #eacbab;
- }
- #wrap:before, #wrap:after {
- position: fixed;
- left: 0;
- width: 100%; height: 25px;
- background-color: #eacbab;
- content: close-quote;
- z-index: 5;
- }
- #wrap:before { top: 0; }
- #wrap:after { bottom: 0; border-top: 1px solid #FFF; }
- #wrap {
- position: fixed;
- left: 475px; right: 0; top: 50px; bottom: 0;
- margin: auto;
- width: 450px;
- height: 250px;
- border: 0; outline: 0; padding: 0;
- background: none;
- border-top: 1px solid #eacbab;
- border-bottom: 5px solid #eacbab;
- border-radius: 0;
- overflow: visible;
- }
- h2 { display: none; }
- #sidebar img { display: none; }
- #content, #comments, #friendlist, #bio {
- border: 0; padding: 0;
- background-color: transparent;
- outline: 0; margin: 0;
- }
- #content {
- position: absolute;
- left: 0; top: 0;
- width: 100%;
- height: 100%;
- background-color: transparent;
- overflow: auto;
- }
- #comments {
- position: absolute;
- left: 0; top: 0;
- width: 100%;
- background-color: transparent !important;
- }
- ul#actions {
- position: absolute;
- left: -100px; bottom: 0;
- width: 100px;
- }
- #friendlist{
- position: fixed;
- left: 50%; top: 25%;
- margin-top: -25px;
- margin-left: -50px;
- width: calc(50% + 50px);
- height: 25px;
- min-height: 0 !important;
- text-align: left;
- overflow: visible;
- }
- .friend_container {
- transform: rotate(-45deg);
- display: inline-block;
- width: 50px; height: 50px;
- margin-left: 10px;
- margin-right: 15px;
- background-color: #fdf9ec;
- border: 1px solid #eacbab;
- padding: 5px;
- box-sizing: border-box;
- overflow: hidden !important;
- text-align: center;
- }
- .friend_container a {
- position: absolute;
- left: -1px; right: 0; top: 0; bottom: 0;
- margin: auto;
- overflow: hidden;
- }
- .friend_container img {
- transform: rotate(45deg);
- float: left;
- width: 150%;
- height: 150%;
- position: absolute;
- left: -5px;
- right: 0;
- top: -3px;
- bottom: 0;
- margin: auto;
- }
- li#likes, li#dislikes, li#hobbies { display: none; }
- #comments li {
- margin: 10px;
- float: left;
- width: 100%;
- display: block;
- margin-bottom: 20px;
- }
- li#send-message a {
- background-color: #eacbab;
- padding: 5px;
- border: 5px solid #fdf9ec;
- padding-left: 10px;
- padding-right: 10px;
- position: absolute;
- left: -50px;
- top: -85px;
- width: 125px;
- height: 125px;
- line-height: 20px;
- text-align: center;
- border-radius: 100%;
- box-shadow: 0 0 20px 10px #eacbab;
- font-size: 14px;
- font-weight: bold;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-family: Montserrat;
- box-sizing: border-box;
- padding-top: 35px;
- color: #FFF !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement