Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Container and background*/
- #profile-container {
- background: none;
- }
- body {
- background: #fcfcfc;
- }
- body,
- a:hover {
- cursor: url(http://i.imgur.com/cd7ZHDh.png), progress !important;
- }
- @font-face {
- font-family: title;
- src: url(https://dl.dropbox.com/s/vi8dw6gkxg2i6se/Moon%20Flower.ttf?dl=0);
- }
- @font-face {
- font-family: stat;
- src: url(https://dl.dropbox.com/s/43yw7yzxblg1tib/Neucha.ttf?dl=0);
- }
- /* main pic*/
- .pic {
- z-index: 2;
- position: absolute;
- border: 5px solid #384939;
- top: 115px;
- left: 460px;
- width: 200px;
- height: 310px;
- background: url(https://i.imgur.com/heaNRWb.jpg) center;
- background-size: cover;
- }
- /* Backs */
- .back {
- z-index: 1;
- position: absolute;
- border: 5px solid #384939;
- background: #81918A;
- left: 55px;
- top: 100px;
- width: 620px;
- height: 340px;
- }
- .triangle {
- z-index: 1;
- position: absolute;
- border-bottom: 8px solid #384939;
- border-right: 4px solid #384939;
- border-top: 8px solid rgba(0, 0, 0, 0);
- border-left: 4px solid rgba(0, 0, 0, 0);
- width: 0px;
- height: 0px;
- left: 622px;
- top: 84px;
- }
- .ribbon {
- z-index: 3;
- position: absolute;
- left: 630px;
- top: 84px;
- width: 0px;
- height: 400px;
- border-left: 15px solid #475A48;
- border-right: 15px solid #475A48;
- border-bottom: 20px solid rgba(0, 0, 0, 0);
- }
- /* Info box */
- .info {
- z-index: 2;
- position: absolute;
- border: 5px solid #384939;
- background: #C5D1CC;
- top: 115px;
- left: 70px;
- width: 360px;
- padding: 5px;
- height: 300px;
- overflow: auto;
- text-align: justify;
- color: #03100D;
- font-family: tahoma;
- font-size: 12px;
- }
- /* Slection*/
- ::selection {
- background: #03100D;
- color: #C5D1CC;
- }
- /* Titles*/
- h1 {
- position: relative;
- text-align: center;
- margin-bottom: 5px;
- }
- h1 span {
- padding: 0 10px;
- position: relative;
- z-index: 1;
- font-family: title;
- color: #C5D1CC;
- font-size: 25px;
- line-height: 1.2;
- }
- h1:before {
- border-top: 12px solid #384939;
- border-bottom: 12px solid #384939;
- border-left: 20px solid rgba(0, 0, 0, 0);
- border-right: 20px solid rgba(0, 0, 0, 0);
- content: "";
- display: block;
- height: 0px;
- position: absolute;
- top: 10%;
- width: 80%;
- left: 5%;
- }
- /*hr*/
- hr {
- height: 1px;
- border: none;
- background: #384939;
- width: 80%;
- }
- /* Table*/
- table,
- th,
- td {
- padding: 1px;
- }
- td:nth-child(odd) {
- color: #384939;
- text-align: left;
- font-family: stat;
- font-size: 14px;
- }
- td:nth-child(even) {
- color: #03100D;
- text-align: right;
- font-family: tahoma;
- font-size: 12px;
- }
- /* Scrollbar*/
- ::-webkit-scrollbar {
- width: 7px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: #03100D;
- border: 2px solid #C5D1CC;
- }
- ::-webkit-scrollbar-track {
- background: #C5D1CC;
- }
- /*Link*/
- a:link,
- a:visited,
- a:active {
- text-decoration: none;
- color: #384939;
- font-family: stat;
- font-size: 14px;
- -webkit-transition: all .5s linear;
- }
- a:hover {
- color: #03100D;
- -webkit-transition: all .5s linear;
- cursor: url(https://i.imgur.com/SAa1psh.gif), progress !important;
- }
- /*Credit*/
- .Credit {
- z-index: 0;
- position: fixed;
- right: 50px;
- bottom: 50px;
- width: 15px;
- height: 15px;
- border-radius: 20px;
- border: 2px solid #fff;
- padding: 5px;
- background: #000;
- line-height: 1.2;
- -webkit-transition: all 1s ease;
- }
- .Credit:hover {
- background: #fff;
- border-color: #000;
- -webkit-transition: all 1s ease;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement