Toshiro's Ownership

/*************************************************************************/ /* character css by cy @ toyhou.se /* updated with permission by starlipop @ toyhou.se /*************************************************************************/ /* sidebar */ .side-nav li.header, .display-user img, .display-character img { display: none; } .side-nav .display-character { text-align: right; font-size: 3em; float: right; clear: both; } .side-nav .display-character a, .side-nav .display-user a { padding-left: 0; padding-right: 10px; } #sidebar { font-family: "Lucida Grande", arial, Georgia, verdana, sans-serif !important; text-align: right; min-width: 30%; padding-top: 100px; padding-bottom: 100px; padding-right: 20px; background-color: #335c68 } #sidebar a { color: #64a6a8; background-color: transparent; } #sidebar a:hover { color: #f92269; background-color: transparent; } #sidebar li.active a { color: #c4efd6; background-color: #64a6a8; padding-right: 30px; margin-right: -20px; width: 100%; border-radius: 15px 0 0 15px; } .side-nav li.subheader { height: 150px; width: 150px; background-image: url('http://i.imgur.com/OcWG3Dh.jpg'); border-bottom-left-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 3px; border-top-right-radius: 3px; font-size: 0px; float: right; clear: both; margin-right: 10px; } .side-nav .display-user { text-align: right; font-size: 3em; line-height: 2.5em; float: right; clear: both; color: #c4efd6 !important; } .side-nav .display-user img, .side-nav li.divider { display: none; } .side-nav li.blurb { float: right; clear: both; color: #c2c2d2; text-align: right; margin-bottom: 3em; } .side-nav li.blurb a { padding: 0; } .side-nav li a { float: right; clear: both; padding-right: 10px; } /*************************************************************************/ /* mobile menu */ .nav-mobile-menu { background-color: #335c68; border-color: #64a6a8; } /*************************************************************************/ /* theme fixing */ /* This fixes the colours for some elements which change colours with the used Toyhouse theme. If you want to change the styling of something specific, you can change it here or add it after this section. */ .modal-content, .form-control, .form-control:active, .form-control:focus { background-color: #c2c2d2; border-color: #c2c2d2; color: #335c68; } .card { background-color: white; border-color: transparent; } .card .bg-faded, .card .card-block { background-color: transparent; color: inherit; border: none; } .btn-danger, .btn-warning, .btn-outline-danger:hover, .btn-outline-warning:hover, .card-danger, .card-warning, .alert-danger, .alert-warning { background-color: #f92269; border-color: #f92269; color: #c2c2d2; } .btn-danger:hover, .btn-warning:hover, .btn-outline-danger, .btn-outline-warning, .card-outline-danger, .card-outline-warning { background-color: transparent; border-color: #f92269; color: #f92269; } .badge-default, .btn-secondary, .btn-secondary.form-control, .btn-info, .btn-outline-secondary:hover, .btn-outline-info:hover, .card-info, .alert-info, .btn.btn-default { background-color: #64a6a8; border-color: #64a6a8; color: #f7f7e7; } .btn-secondary:hover, .btn-secondary:hover.form-control, .btn-info:hover, .btn-outline-secondary, .btn-outline-info, .card-outline-secondary, .card-outline-info { background-color: transparent; border-color: #64a6a8; color: #64a6a8; } .btn-success, .btn-success.form-control, .btn-outline-success:hover, .card-success, .alert-success, .btn.btn-default:hover { background-color: #c4efd6; border-color: #c4efd6; color: #64a6a8; } .btn-success:hover, .btn-success.form-control:hover, .btn-outline-success, .card-outline-success { background-color: transparent; border-color: #c4efd6; color: #64a6a8; } .card-primary, .btn-outline-primary:hover { background-color: #335c68; border-color: #335c68; color: #64a6a8; } .card-outline-primary, .btn-outline-primary { background-color: transparent; border-color: #335c68; color: #335c68; } .btn-link, a { color: #64a6a8; } a:hover, .btn-link:hover, .field-value a:hover { color: #f92269; text-decoration: none; } hr { border-style: dashed; border-color: #f92269; } h1, h1 a, h2, h2 a, h3, h3 a h4, h4 a, h5, h5 a, h6, h6 a { font-family: "Lucida Grande", arial, Georgia, verdana, sans-serif !important; background-color: transparent; border: 0px; color: #64a6a8; } code { color: #f92269; background-color: #daeadb; } /*************************************************************************/ /* timestamp (unless otherwise specified) */ abbr { color: #64a6a8; } /*************************************************************************/ /* tooltips (the little bubble which appears when hovering over dates) */ .tooltip.bs-tether-element-attached-bottom .tooltip-inner:before { border-top-color: #64a6a8; } .tooltip-inner { color: #c4efd6; background-color: #64a6a8; } /*************************************************************************/ /* content */ #main { background-color: #f7f7e7; border-color: #f7f7e7; color: #335c68; } #content { font-family: "Lucida Grande", arial, Georgia, verdana, sans-serif !important; float: left; margin: 0 auto; max-width: 70%; padding: 50px 1em; color: #335c68; } blockquote { background-color: transparent; color: #335c68; border-left: 5px solid #64a6a8; padding-top: 10px; padding-bottom: 10px; } .stuff { font-family: "Lucida Grande", arial, Georgia, verdana, sans-serif !important; /*width: 60%;*/ text-align: justify; padding-bottom: 30px; color: #335c68; } .stuff hr { margin-bottom: 10px !important; border-style: dashed; border-color: #f92269; } .stuff a { color: #64a6a8; } .stuff a:hover { color: #c4efd6; } .stuff h1, .stuff h2, .stuff h3, .stuff h4, .stuff h5 { color: #64a6a8; } /*************************************************************************/ /* character divs */ /* You can get rid of the character stats section by adding this code & removing the code between "scroll down...here" .character-profile .profile-name-section, .character-profile .profile-info-section { display: none; } (profile-name-section removes the character name & owner; profile-info-section removes the stats box) Or you can replace the entire character stats section with a picture of your choice Remove everything between here and... (scroll down) */ .character-profile .profile-name-section a, .character-profile .profile-info-section a { color: #64a6a8; } .character-profile .profile-name-section a:hover, .character-profile .profile-info-section a:hover { color: #f92269; } .character-profile .profile-info-section .card { border: none; background-color: #335c68; color: #64a6a8; } .field-title { color: #f7f7e7; } .character-profile .profile-info-section abbr { color: #c4efd6; } /* ...here and replace with the following: (changing the image url and height to suit your image & removing min-height if needed, and adding background-repeat to modify if the image will tile or not) .profile-info-section .card { border: 0px; background-color: transparent; border-radius: 3px; font-size: 0px; color: transparent; min-height: 100%; height: auto; background-image: url('image url here'); } */ /* If you want only the stats box with the background image, add in this code too: .character-profile .profile-info-section { min-width: 100%; } .character-profile .profile-name-section { display: none; } */ dt.field-title.fr-view { color