Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Optional BB code to help pad images */
- .bbcode_img {
- max-width: 95%;
- padding: 10px 0px 0px;
- }
- /* Fonts */
- a:link { color: #e7a495; }
- a:visited { color: #e7a495; }
- a:hover { color: #e7a495; }
- a:active { color: #e7a495; }
- i {
- font-style: italic;
- color: #F8E3E0;
- }
- b {
- font-style: bold;
- color: #A9726E;
- }
- u {
- color: #F9B8A5;
- }
- /* latin */
- @font-face {
- font-family: 'Miss Fajardose';
- font-style: normal;
- font-weight: 400;
- src: local('Miss Fajardose Regular'), local('MissFajardose-Regular'), url(http://fonts.gstatic.com/s/missfajardose/v6/WcXjlQPKn6nBfr8LY3ktNko71MWitNZWyBcTbCVq0RA.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
- }
- /* latin */
- @font-face {
- font-family: 'Playfair Display SC';
- font-style: normal;
- font-weight: 400;
- src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(http://fonts.gstatic.com/s/playfairdisplaysc/v4/G0-tvBxd4eQRdwFKB8dRkbAORyHZOJ_UtRbrRMg8gxM.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
- }
- /* latin */
- @font-face {
- font-family: 'Playfair Display SC';
- font-style: italic;
- font-weight: 400;
- src: local('Playfair Display SC Italic'), local('PlayfairDisplaySC-Italic'), url(http://fonts.gstatic.com/s/playfairdisplaysc/v4/myuYiFR-4NTrUT4w6TKls0EyZsFDDDmjwltbN20v-VI.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
- }
- /* latin */
- @font-face {
- font-family: 'Source Sans Pro';
- font-style: normal;
- font-weight: 400;
- src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlDKRFmJUU_JfdI4amS9F_UY.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
- }
- /* latin */
- @font-face {
- font-family: 'Source Sans Pro';
- font-style: italic;
- font-weight: 400;
- src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM410dY3WGVYHeu0rU52MF7U.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
- }
- /* Body */
- body {
- background: url('http://i.imgur.com/ch6Bfjb.jpg') fixed no-repeat right top -30px;
- background-color: #000;
- margin: 0px;
- padding: 0px;
- color: #a89498;
- font-family: 'Source Sans Pro';
- font-size: 12.5px;
- }
- h4 {
- font-family: 'Playfair Display SC';
- font-size: 13px;
- color: #e7a495;
- }
- input.submitButton {
- margin: auto;
- }
- .submitButton, .guestbooksubmit {
- border-width: 15px 0px 15px 0px;
- border-color: transparent;
- border-style: solid;
- -webkit-border-image: url('http://i.imgur.com/4B2aVE2.png') 18 0 18 0 repeat;
- -o-border-image: url('http://i.imgur.com/hLxJDYk.pngg') 18 0 18 0 repeat;
- border-image: url('http://i.imgur.com/hLxJDYk.pngg') 18 0 18 0 repeat;
- background: transparent;
- color: rgb(250, 226, 222);
- text-align: center;
- font-family: 'Playfair Display SC';
- font-size: 15px;
- }
- textarea {
- height: 79px;
- width: 100%;
- margin: 14px 0px;
- resize: none;
- background: rgba(18,4,5,.5);
- border-radius: 10px;
- border: 2px solid rgba(255,255,255,.2);
- padding: 10px;
- color: #F8DAD2;
- font-family: sans-serif;
- outline: none;
- }
- select {
- -webkit-appearance: menulist;
- box-sizing: border-box;
- align-items: center;
- border: none;
- white-space: pre;
- -webkit-rtl-ordering: logical;
- color: white;
- background: url(http://i.imgur.com/yriV5iJ.png) right no-repeat #120405;
- background-position: 97px 8px;
- cursor: default;
- padding: 3px 0px;
- outline: none;
- }
- /* Kudos */
- .kudosForm {
- text-align: center;
- }
- div.kudosForm h4 {
- font-size: 13px;
- margin-top: 10px;
- padding-top: 0px;
- }
- div.kudosForm .submitButton {
- padding: 0px 9px;
- }
- .kudosmessage {
- font-size: 14px;
- color: #EECABE;
- }
- /* Widget Styles */
- li.widget {
- margin: 0px;
- padding: 0px;
- background: url('http://i.imgur.com/bslAEJx.png') repeat top left transparent;
- border-width: 40px;
- border-color: transparent;
- border-style: solid;
- -webkit-border-image: url('http://i.imgur.com/uhdQkeH.png') 45 45 stretch;
- -o-border-image: url('http://i.imgur.com/uhdQkeH.png') 45 45 stretch;
- border-image: url('http://i.imgur.com/uhdQkeH.png') 45 45 stretch;
- margin-bottom: 30px;
- list-style-type: none;
- }
- .widgetTitle {
- font-weight: 100;
- margin-top: -29px;
- margin-left: -17px;
- margin-bottom: 5px;
- font-family: 'Miss Fajardose';
- color: #d9c196;
- font-size: 60px;
- letter-spacing: 2px;
- background: linear-gradient(0deg, #120405 0%, #62383f 15%, #996565 25%, #d9c196 44%, #62383f 100%);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- -webkit-text-stroke-width: .2px;
- -webkit-text-stroke-color: #62383f;
- }
- ul.inUseWidgets {
- list-style-type: none;
- margin: 0px 30px;
- padding: 30px 30px 0px;
- }
- /* Sidebar */
- #leftheaderside {
- background: url(http://i.imgur.com/EaNlfh3.png) no-repeat center top 27px;
- width: 240px;
- height: 226px;
- position: fixed;
- margin-top: -25px;
- z-index: 1;
- }
- #rightheaderside {
- background: url(http://i.imgur.com/u1V10Ui.png) no-repeat center top;
- width: 240px;
- height: 40px;
- position: fixed;
- left: 0;
- bottom: 0;
- z-index: 2;
- }
- #headerholder {
- float: left;
- margin: 0px;
- padding: 0px;
- width: 300px;
- }
- #charheader {
- height: 100%;
- width: 190px;
- float: left;
- position: fixed;
- margin-top: -25px;
- background-color: rgb( 18, 4, 5 );
- border-width: 25px 25px 40px 25px;
- border-color: transparent;
- border-style: solid;
- -webkit-border-image: url('http://i.imgur.com/PFe4s1v.png') 19 27 30 27 repeat;
- -o-border-image: url('http://i.imgur.com/PFe4s1v.png') 19 27 30 27 repeat;
- border-image: url('http://i.imgur.com/PFe4s1v.png') 25 25 40 25 repeat;
- margin-bottom: 30px;
- }
- div#charheader a {
- color: #E1B9B1;
- }
- .portraitcontainer img {
- max-width: 95px;
- max-height: 95px;
- border-radius: 50px;
- }
- .portraitcontainer {
- padding: 0px;
- border: none;
- text-align: center;
- width: 100%;
- margin: auto auto;
- padding-top: 66px;
- }
- h1#characterName {
- font-size: 0px;
- font-family: sans-serif;
- font-weight: 100;
- color: transparent;
- text-align: center;
- height: 120px;
- margin: 0px 0px 106px 0px;
- }
- h2#playedBy {
- font-size: 14px;
- margin: auto auto;
- border: none;
- padding: 10px;
- text-align: center;
- position: relative;
- text-transform: uppercase;
- display: inherit;
- font-family: 'Playfair Display SC';
- color: rgba(138,98,101,1);
- line-height: 23px;
- letter-spacing: 2px;
- }
- h2#playedBy a {
- font-family: sans-serif;
- font-size: 8px;
- margin: auto auto;
- }
- /* Sidebar Page Tabs */
- ul#pagetabs {
- height: auto;
- padding: 6px;
- text-align: center;
- font-size: 25px;
- margin: auto auto;
- margin-top: 15px;
- }
- ul#pagetabs li {
- padding: 0px 0px 20px 0px;
- text-align: center;
- font-size: 14px;
- font-family: 'Playfair Display SC';
- float: none;
- margin: 0px 28px;
- }
- /* Playstyles */
- table.alwaysnever {
- border-collapse: collapse;
- border-spacing: 0px;
- margin: auto auto;
- font-family: 'Playfair Display SC';
- font-size: 11px;
- color: #FAD5C9;
- text-align: center;
- border-color: transparent;
- }
- .alwaysnever td {
- border: 1px solid transparent;
- margin: 0px;
- padding: 0px;
- vertical-align:
- top;
- }
- .alwaysnever ul {
- list-style-type: none;
- padding: 0px;
- margin:0px;
- }
- .alwaysnever ul li {
- padding: 5px;
- color: #DBBB96;
- font-family: 'Source Sans Pro';
- font-size: 12px;
- }
- .alwaystitle strong, .sometimestitle strong, .maybetitle strong, .nevertitle strong {
- padding: 10px;
- font-size: 1.2em;
- text-align: center;
- }
- /* Toolbar */
- #toolbar {
- position: relative;
- width: 47%;
- margin-left: 206px;
- padding: 0px;
- -moz-border-radius: 0px 0px 5px 5px;
- -webkit-border-radius: 0px 0px 5px 5px;
- height: 25px;
- display: block;
- z-index: 3;
- }
- #toolbar {background: none}
- #toolbar ul {
- padding-top: 15px;
- text-align: center;
- list-style-type: none;
- }
- ul#toolbar-dropdown-nav, ul.nestedPages {
- background: #17080B;
- border: 1px solid transparent;
- margin-top: -2px;
- }
- ul#toolbar-dropdown-nav, ul.nestedPages {
- position: absolute;
- padding: 0px;
- }
- #toolbar-dropdown-nav {
- left: 40%!important;
- top: 32px;
- }
- #toolbar-nav a {
- height:40px;
- display:inline-block;
- }
- #toolbar ul {
- padding-top: 15px;
- text-align: center;
- list-style-type: none;
- }
- #toolbar a {
- color: #DAC3AC;
- font-size: 9px;
- font-family: 'Playfair Display SC';
- text-decoration: none;
- font-weight: 900;
- letter-spacing: .5px;
- text-shadow: -3px 0px 1px rgba(0, 0, 0, 1), 3px 0px 1px rgba(0, 0, 0, 1), -2px -1px 1px rgba(0, 0, 0, 1), 0px 2px 1px rgba(0, 0, 0, 1);
- }
- /* Main body of the page */
- #charcontent {
- width: 47%;
- height: 100%;
- position: relative;
- margin-left: 210px;
- padding: 0;
- float: left;
- background: transparent;
- }
- h2.pagetitle {
- display: none;}
- /* Guestbook */
- h4.guestbooktitle {
- text-align: left;
- font-family: 'Playfair Display SC';
- font-size: 17px;
- color: #E7A495;
- }
- .guestbookwidget {
- text-align: center;
- }
- #charcontent ul.guestbook li div.portraitcontainer {
- margin: 0px;
- padding: 0px;
- margin-right: 10px;
- background: none;
- height: 55px;
- width: 55px;
- border: 2px solid #120405;
- border-radius: 50px;
- position: static;
- display: inline;
- }
- ul.guestbook img.portrait {
- width: 55px;
- height: 55px;
- }
- /* Journal */
- ul.journal h4 .posttitle {
- font-size: 16px;
- color: #BA888C;
- }
- ul.journal h4 .postdate {
- font-size: 10px;
- color: #FAE5E0;
- margin-left: 20px;
- font-family: 'Source Sand Pro';
- }
- ul.journal li {
- padding: 5px 10px;
- margin-top: -20px;
- }
- /* Pop Boxes */
- .hiddenCharacterWindow {
- position: fixed;
- z-index: 15;
- background: url('http://i.imgur.com/bslAEJx.png') repeat top left #120405;
- border-width: 40px;
- border-color: transparent;
- border-style: solid;
- -webkit-border-image: url('http://i.imgur.com/uhdQkeH.png') 45 45 stretch;
- -o-border-image: url('http://i.imgur.com/uhdQkeH.png') 45 45 stretch;
- border-image: url('http://i.imgur.com/uhdQkeH.png') 45 45 stretch;
- margin: 100px auto 0px auto;
- width: 400px;
- left: 50%;
- margin-left: -175px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-box-shadow: 5px 5px 10px #111;
- display: none;
- padding: 10px;
- color: #997577;
- text-align: center;
- }
- .hiddenCharacterWindow h5 {
- font-family: 'Playfair Display SC';
- padding-top: 0px;
- font-size: 16px;
- text-align: center;
- color: #e7a495;
- margin: 0px;
- }
- .friendclose, .kudosClose, .gameclose, .friendclose:hover, .kudosClose:hover, .gameclose:hover {
- background: url(http://i.imgur.com/q5qUDPD.png) no-repeat;
- height: 16px;
- width: 16px;
- text-decoration: none;
- text-align: right;
- margin: -24px;
- display: block;
- float: right;
- }
- .addfriendbox.hiddenCharacterWindow input {
- background: #0D0304;
- border: 2px inset #F3D1AC;
- color: #EAB6A6;
- padding: 3px;
- margin-top: 10px;
- }
- /* Youtube Player */
- embed {
- height: 180px;
- width: 270px;
- border: 13px solid #ead8b2;
- -webkit-border-image: url(http://fc00.deviantart.net/fs70/f/2014/150/3/0/z33bum4_by_contingencyiam-d7ke71y.png) 31 31 round;
- -o-border-image: url(http://fc00.deviantart.net/fs70/f/2014/150/3/0/z33bum4_by_contingencyiam-d7ke71y.png) 31 31 round;
- padding: 0px;
- margin: 20px 0px 10px 0px;
- }
- /* Gallery */
- ul.gallery li img {
- border: 2px solid #B99872;
- -webkit-filter: sepia(50%);
- -moz-filter: sepia(50%);
- -ms-filter: sepia(50%);
- -o-filter: sepia(50%);
- filter: url(sepia.svg#old-timey);
- filter: sepia(50%);
- }
- /* Footer */
- div#footer{
- width: 47%;
- float: left;
- margin: auto auto;
- clear: both;
- position: relative;
- margin-left: 206px;
- padding: 0px;
- margin-top: -30px;
- }
- div#footer a {
- color: #DAC3AC;
- font-size: 9px;
- font-family: 'Playfair Display SC';
- text-decoration: none;
- font-weight: 900;
- letter-spacing: .5px;
- text-shadow: -3px 0px 2px rgba(0, 0, 0, .5), 3px 0px 2px rgba(0, 0, 0, .5), -2px -1px 2px rgba(0, 0, 0, .5), 0px 2px 2px rgba(0, 0, 0, .5);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement