Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #bio {
- text-align: center;
- }
- ::-webkit-scrollbar {
- background-color: #161616;
- width: 5px;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #676767;
- }
- @import url(https://fonts.googleapis.com/css?family=Roboto|Abril+Fatface);
- @font-face {
- font-family: Roboto;
- src: url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2);
- }
- @font-face {
- font-family: Abril Fatface;
- src: url(https://fonts.gstatic.com/s/abrilfatface/v8/X1g_KwGeBV3ajZIXQ9VnDjxObtw73-qQgbr7Be51v5c.woff2);
- }
- * {
- font-family: Roboto;
- }
- body {
- background: none;
- background-color: #676767;
- }
- * a, a, * h2, h2 {
- color: #fff !important;
- }
- #header {
- position: fixed;
- left: 0;
- top: 0;
- width: 0;
- height: 0;
- overflow: visible;
- }
- #wrap, #wrap * {
- background: none;
- border: 0;
- padding: 0;
- margin: 0;
- color: #676767;
- font-family: Roboto;
- }
- #wrap {
- overflow: visible;
- }
- #wrap:before {
- content: close-quote;
- position: fixed;
- left: 0;
- top: 0;
- bottom: 0;
- width: 100%;
- height: 232px;
- margin: auto 0;
- border-top: 4px double #161616;
- border-bottom: 4px double #161616;
- background-color: #272727;
- }
- #bio {
- position: fixed;
- left: -100px;
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- width: 350px;
- height: 350px;
- z-index: 5;
- }
- #bio:before {
- content: close-quote;
- position: fixed;
- left: -100px;
- right: 0;
- top: 0;
- bottom: 0;
- width: 500px;
- height: 500px;
- margin: auto;
- border-radius: 100%;
- box-shadow: 0 0 15px 5px #858585;
- background: #272727;
- border: 4px double #191919;
- z-index: -1;
- }
- #generic_1 {
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- margin: auto;
- z-index: -5;
- width: 900px;
- height: 500px;
- opacity: 0.25;
- }
- ul#actions {
- position: fixed;
- left: -750px;
- right: 0;
- top: 100px;
- bottom: 0;
- margin: auto;
- height: 100px;
- width: 100px;
- color: #fff;
- text-align: center;
- z-index: 5;
- }
- #comments {
- box-sizing: border-box;
- position: fixed;
- padding-top: 25px;
- padding-bottom: 25px;
- left: 700px;
- bottom: 0;
- right: 0;
- top: 0;
- margin: auto;
- padding-right: 10px;
- width: 250px;
- height: 232px;
- text-align: center;
- overflow: auto;
- }
- #comments img {
- display: none;
- }
- #comments ul li {
- margin-bottom: 15px;
- color: #d3d3d3 !important;
- }
- #comments ul li p {
- color: #676767 !important;
- }
- #comments a {
- color: #d3d3d3 !important
- }
- li#likes, li#dislikes, li#hobbies {
- display: none;
- }
- #send-message {
- margin-bottom: 25px;
- }
- #sidebar {
- overflow: visible;
- }
- #sidebar img {
- position: fixed;
- left: -750px;
- right: 0;
- top: -350px;
- bottom: 0;
- margin: auto;
- filter: grayscale(100%);
- -o-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -webkit-filter: grayscale(100%);
- filter: FlipH;
- -o-filter: FlipH;
- -ms-filter: FlipH;
- -moz-filter: FlipH;
- -webkit-filter: FlipH;
- transform: scaleX(-1) scale(.5, .5);
- -o-transform: scaleX(-1) scale(.5, .5);
- -ms-transform: scaleX(-1) scale(.5, .5);
- -moz-transform: scaleX(-1) scale(.5, .5);
- -webkit-transform: scaleX(-1) scale(.5, .5);
- }
- #sidebar img:hover {
- transform: scaleX(-1) scale(.85, .85);
- -o-transform: scaleX(-1) scale(.85, .85);
- -ms-transform: scaleX(-1) scale(.85, .85);
- -moz-transform: scaleX(-1) scale(.85, .85);
- -webkit-transform: scaleX(-1) scale(.85, .85);
- }
- h2 {
- text-align: center;
- font-family: Roboto;
- padding-bottom: 25px !important;
- text-transform: uppercase;
- font-size: 20px;
- font-weight: bold;
- letter-spacing: 2px !important;
- }
- textarea {
- box-sizing: border-box;
- min-width: 0;
- width: 100%;
- min-height: 100px;
- background-color: #676767 !important;
- color: #272727 !important;
- padding: 10px !important;
- }
- small {
- display: block;
- }
- small small {
- display: inline-block;
- }
- #friendlist h2 {
- display: none;
- }
- #friendlist {
- background-color: #272727;
- border-right: 4px double #161616;
- position: fixed;
- left: 0;
- top: 0;
- width: 50px;
- height: 100%;
- text-align: center !important;
- z-index: 5;
- }
- .friend_container {
- position: relative;
- float: none;
- margin-left: 5px !important;
- margin-top: 10px !important;
- width: 40px;
- height: 40px;
- border-radius: 100%;
- overflow: hidden;
- }
- .friend_container img {
- width: 100%;
- height: 100%;
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- border-radius: 100%;
- filter: grayscale(100%);
- -o-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -webkit-filter: grayscale(100%);
- transform: scale(1.25, 1.25);
- }
- .friend_container, .friend_container img {
- transition: all .25s ease-in-out;
- }
- .friend_container:hover {
- border-radius: 0.25em;
- }
- .friend_container:hover img {
- border-radius: 0.25em;
- filter: grayscale(0%);
- -o-filter: grayscale(0%);
- -ms-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- -webkit-filter: grayscale(0%);
- transform: scale(1, 1);
- }
- #comments li img+a {
- margin-left: -5px;
- }
- #content:before, #content:after {
- display: none;
- }
- #sidebar img {
- transition: all .5s ease-in-out;
- }
- #comment-form>span:nth-child(3), input#comment-button {
- float: none;
- margin: 0 !important;
- box-sizing: border-box;
- padding: 10px;
- background-color: #676767;
- color: #272727 !important;
- vertical-align: top;
- width: 115px;
- height: 15px;
- }
- #comment-form>span:nth-child(3) a, #comment-form>span:nth-child(3), input#comment-button {
- position: relative;
- line-height: 0px;
- font-size: 10px;
- font-family: Roboto;
- text-transform: uppercase;
- font-weight: bold;
- }
- #comment-form>span:nth-child(3) {
- margin: 0 !important;
- float: right !important;
- color: transparent !important;
- }
- input#comment-button {
- float: left;
- }
- #comment-form>span:nth-child(3) a {
- color: #272727 !important;
- }
- input#comment-button+span {
- color: transparent !important;
- }
- span#charsLeft {
- color: #000;
- position: absolute;
- left: 0;
- width: 100%;
- text-align: center;
- }
- #sidebar h2 {
- position: fixed;
- left: 875px;
- right: 0;
- top: -255px;
- bottom: 0;
- margin: auto;
- height: 50px;
- line-height: 50px;
- text-align: left;
- width: 500px;
- font-style: italic;
- letter-spacing: 3px;
- font-size: 30px;
- font-family: Roboto;
- text-shadow: 2px 2px 5px #272727;
- }
Add Comment
Please, Sign In to add comment