|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
|
| |
|
| /***********************/
| |
| /* 0. Temp/Scratch */
| |
| /***********************/
| |
|
| |
| ruby > rt {
| |
| font-size: 70%;
| |
| }
| |
|
| |
| iframe {
| |
| margin-top: 1em;
| |
| }
| |
|
| |
| hr {
| |
| margin: 0.2em 3em;
| |
| }
| |
|
| |
| div.right-container {
| |
| float: right;
| |
| clear: both;
| |
| width: 32.5%;
| |
| margin-left: 1.5em;
| |
| margin-bottom: 1.5em;
| |
| }
| |
|
| |
| .tracktable td, h1, .lyrics-container p {
| |
| word-break: break-word;
| |
| }
| |
|
| |
| a.feedlink {
| |
| padding-left: 16px !important;
| |
| }
| |
|
| |
| .vocal-tracklist {
| |
| width: calc(67.5% - 21px);
| |
| }
| |
|
| |
| @media only screen and (max-width: 944px) {
| |
| .vocal-tracklist {
| |
| width: 100%;
| |
| }
| |
| }
| |
|
| |
| .vocal-tracklist-row {
| |
| border: 1px solid #9e9e9e;
| |
| box-shadow: 0 1px 10px rgb(0 0 0 / 20%);
| |
| margin: 0 0 1em;
| |
| }
| |
|
| |
| .vocal-tracklist .vocal-tracklist-row h3,
| |
| .vocal-tracklist .vocal-tracklist-row h4,
| |
| .vocal-tracklist .vocal-tracklist-row h5 {
| |
| border: none;
| |
| font-size: 16px;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| .vocal-tracklist .vocal-tracklist-row .v-heading-group {
| |
| background: #f8f9fa;
| |
| border-bottom: 1px solid #9e9e9e;
| |
| margin: 0;
| |
| padding: .5em;
| |
| line-height: 1.1;
| |
| }
| |
|
| |
| .vocal-tracklist .vocal-tracklist-row .v-performers-group {
| |
| padding: .5em;
| |
| }
| |
|
| |
| .vocal-tracklist .vocal-tracklist-row .v-heading-group .mw-headline,
| |
| .vocal-tracklist .vocal-tracklist-row .v-performers-group {
| |
| display: grid;
| |
| grid-template-columns: 64px 1fr;
| |
| }
| |
|
| |
| /******************************/
| |
| /* 1. Interface Overrides */
| |
| /******************************/
| |
|
| |
| /* Font */
| |
| @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&display=swap&subset=latin-ext');
| |
|
| |
| html, body {
| |
| font-family: 'Open Sans', sans-serif;
| |
| }
| |
|
| |
| /* Remove External Link Image */
| |
| .mw-parser-output a.external {
| |
| background-image: unset;
| |
| padding-right: unset;
| |
| }
| |
|
| |
| /* Logo */
| |
| .mw-logo-wordmark {
| |
| color: black;
| |
| }
| |
|
| |
| /* Vector Tabs Customization */
| |
| .vector-menu-tabs li {
| |
| background-image: linear-gradient(to top, #a2a9b1 0,rgb(248 249 250 / 60%) 1px, #ffffff 100%);
| |
| }
| |
|
| |
| .vector-menu-tabs, .vector-menu-tabs a,
| |
| #mw-head .vector-menu-dropdown h3 {
| |
| background-image: linear-gradient(to bottom, rgba(167,215,249,0) 0, #a2a9b1 100%);
| |
| }
| |
|
| |
| .mw-body {
| |
| border-top: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| /* Panel Customization */
| |
| div.mw-sidebar-action {
| |
| display: none;
| |
| }
| |
|
| |
| .vector-menu-portal .vector-menu-content li a,
| |
| .vector-menu-portal h3 {
| |
| font-size: 14px;
| |
| }
| |
|
| |
| #mw-panel {
| |
| left: -2.875em;
| |
| width: 12em;
| |
| }
| |
|
| |
| #mw-panel .vector-menu-content li {
| |
| padding: 0;
| |
| }
| |
|
| |
| #mw-panel .vector-menu-content li a {
| |
| color: black !important;
| |
| display: inline-block;
| |
| width: 97%;
| |
| height: 100%;
| |
| padding: .5em;
| |
| padding-left: 0.25em;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| #mw-panel .vector-menu-content li a:hover {
| |
| background: #c7c7c7;
| |
| transition: linear .15s;
| |
| }
| |
|
| |
| /* Category Links */
| |
| div.catlinks {
| |
| font-size: 16px;
| |
| }
| |
|
| |
| /* Footer */
| |
| div.mw-footer-container {
| |
| padding-top: 0;
| |
| padding-bottom: 30px;
| |
| }
| |
|
| |
| /* Diff-page Styling */
| |
| .diff-addedline {
| |
| border-color: #a3d3ff;
| |
| }
| |
|
| |
| .diff-addedline, .diff-deletedline, .diff-context {
| |
| font-size: 88%;
| |
| line-height: 1.6;
| |
| vertical-align: top;
| |
| white-space: -moz-pre-wrap;
| |
| white-space: pre-wrap;
| |
| border-style: solid;
| |
| border-width: 1px 1px 1px 4px;
| |
| border-radius: 0.33em;
| |
| }
| |
|
| |
| /***********************/
| |
| /* 2. Body Content */
| |
| /***********************/
| |
|
| |
| /* Headers */
| |
| h1, h2, h3, h4, h5, h6 {
| |
| border-bottom: 1px solid #d5d5d5;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .mw-body-content h2,
| |
| .mw-body-content h3,
| |
| .mw-body-content h4,
| |
| .mw-body-content h5 {
| |
| font-weight: bold;
| |
| margin-bottom: 0.3em;
| |
| }
| |
|
| |
| .mw-content-container h1#firstHeading.firstHeading {
| |
| border: none;
| |
| font-size: 32px;
| |
| margin: 0;
| |
| }
| |
|
| |
| .mw-content-container h2 {
| |
| font-size: 24px;
| |
| }
| |
|
| |
| .mw-content-container .tight-header-container h2 {
| |
| font-size: 28px;
| |
| }
| |
|
| |
| .mw-content-container .spaced-header-container h2 {
| |
| font-size: 32px;
| |
| }
| |
|
| |
| .mw-content-container h3 {
| |
| font-size: 22px;
| |
| }
| |
|
| |
| .mw-content-container h4 {
| |
| font-size: 20px;
| |
| }
| |
|
| |
| .mw-content-container h5 {
| |
| font-size: 18px;
| |
| }
| |
|
| |
| .mw-content-container h6 {
| |
| font-size: 16px;
| |
| }
| |
|
| |
| /* Text */
| |
| .mw-body-content
| |
| {
| |
| font-size: unset;
| |
| }
| |
|
| |
| .mw-body-content p {
| |
| margin: 0.5em 0;
| |
| }
| |
|
| |
| /* Custom Header Containers */
| |
| .spaced-header-container {
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| }
| |
|
| |
| .spaced-header-container h2,
| |
| .spaced-header-container h3 {
| |
| text-align: center;
| |
| padding-top: 2em;
| |
| padding-bottom: 2em;
| |
| margin: 0 auto;
| |
| border-bottom: none;
| |
| }
| |
|
| |
| .tight-header-container {
| |
| text-align: center;
| |
| }
| |
|
| |
| .tight-header-container h2,
| |
| .tight-header-container h3 {
| |
| padding-top: .5em;
| |
| padding-bottom: .5em;
| |
| margin-top: .2em;
| |
| margin-bottom: .2em;
| |
| border-bottom: none;
| |
| }
| |
|
| |
| .collapsible-tight-header {
| |
| background-color: #fbfbfb;
| |
| border: 1px solid #e0e0e0;
| |
| border-radius: 9px;
| |
| margin-bottom: 1em;
| |
| padding-left: 2em;
| |
| padding-right: 2em;
| |
| }
| |
|
| |
| .collapsible-tight-header .mw-collapsible-toggle.mw-collapsible-toggle-default.mw-collapsible-toggle-expanded, .collapsible-tight-header .mw-collapsible-toggle.mw-collapsible-toggle-default.mw-collapsible-toggle-collapsed {
| |
| margin-top: 1em;
| |
| }
| |
|
| |
| /* Images General Styling */
| |
| img {
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
| .img-cover p {
| |
| text-align: center;
| |
| }
| |
|
| |
| .img-cover img {
| |
| border-radius: 5px;
| |
| width: 250px;
| |
| max-width: 100%;
| |
| }
| |
|
| |
| div.floatright img {
| |
| margin-left: 2em;
| |
| margin-bottom: 2em;
| |
| }
| |
|
| |
|
| |
| /*************************/
| |
| /* 3. Custom Objects */
| |
| /*************************/
| |
|
| |
| /* General */
| |
| .flow-right {
| |
| display: flex;
| |
| flex-direction: row;
| |
| align-items: baseline;
| |
| justify-content: center;
| |
| grid-gap: 24px;
| |
| }
| |
|
| |
| /* Buttons */
| |
|
| |
| /* FontAwesome Icons */
| |
| .social-icons a.external {
| |
| background: unset;
| |
| font-size: 30px;
| |
| text-align: center;
| |
| color: #231816;
| |
| user-select: none;
| |
| }
| |
|
| |
| .social-icons a.external:hover {
| |
| opacity: 90%;
| |
| transition: linear .15s;
| |
| }
| |
|
| |
| .social-icons a.external:visited {
| |
| color: #231816;
| |
| }
| |
|
| |
| /* Two Column Container */
| |
| div.block-two-col {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| justify-content: space-between;
| |
| }
| |
|
| |
| /* Main Page Buttons */
| |
| .mp-button a {
| |
| color: #fff !important;
| |
| background-color: #231816;
| |
| border-color: #231816;
| |
| padding: 0.5em 0;
| |
| display: inline-block;
| |
| width: 95%;
| |
| font-weight: bold;
| |
| border-radius: 4px;
| |
| margin-bottom: 4px;
| |
| text-align: center;
| |
| user-select: none;
| |
| }
| |
|
| |
| .mp-button a.external {
| |
| padding: 0.5em 0;
| |
| }
| |
|
| |
| .mp-button a:hover {
| |
| text-decoration: none;
| |
| opacity: 90%;
| |
| transition: linear .15s;
| |
| }
| |
|
| |
| .mp-button.button-wider a {
| |
| width: 95%;
| |
| }
| |
|
| |
| .featured-container .mp-button.button-wider a {
| |
| font-size: 1.15em;
| |
| width: 95%;
| |
| }
| |
|
| |
| /* Navigation Box */
| |
| .nav-container {
| |
| display: grid;
| |
| grid-template-columns: auto auto;
| |
| }
| |
|
| |
| .nav-button a {
| |
| display: inline-block;
| |
| width: 96%;
| |
| height: 100%;
| |
| color: #fff !important;
| |
| background-color: #231816;
| |
| border-color: #231816;
| |
| padding: 0.3em 0;
| |
| font-weight: bold;
| |
| border-radius: 4px;
| |
| text-align: center;
| |
| user-select: none;
| |
| }
| |
|
| |
| .mw-body-content .nav-button p,
| |
| .mw-body-content .album-button p {
| |
| margin: 0;
| |
| }
| |
|
| |
| .album-button a {
| |
| display: inline-block;
| |
| width: 70%;
| |
| height: 100%;
| |
| color: #fff !important;
| |
| background-color: #231816;
| |
| border-color: #231816;
| |
| padding: 0.15em 0.25em;
| |
| font-size: 110%;
| |
| border-radius: 4px;
| |
| text-align: center;
| |
| user-select: none;
| |
| }
| |
|
| |
| .album-button {
| |
| margin-bottom: 8px;
| |
| }
| |
|
| |
| .nav-button a:hover, .album-button a:hover {
| |
| text-decoration: none;
| |
| opacity: 90%;
| |
| transition: linear .15s;
| |
| }
| |
|
| |
|
| |
| /* Content Selection */
| |
| .tab-container {
| |
| background-color: #f8f9fa;
| |
| box-sizing: border-box;
| |
| color: black;
| |
| font-size: 95%;
| |
| }
| |
|
| |
| .tab-subcontainer {
| |
| display: grid;
| |
| margin: 0 auto;
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| }
| |
|
| |
| .tab-subcontainer#language-subcontainer {
| |
| grid-template-columns: 33% 34% 33%;
| |
| }
| |
|
| |
| .tab-subcontainer#edition-subcontainer {
| |
| grid-template-columns: 33% 34% 33%;
| |
| }
| |
|
| |
| .tab-subcontainer#media-subcontainer {
| |
| grid-template-columns: 50% 50%;
| |
| }
| |
|
| |
| #media-subcontainer {
| |
| display: none;
| |
| }
| |
|
| |
| .bhighlight {
| |
| background: #c7c7c7!important;
| |
| }
| |
|
| |
| .language-button, .media-button {
| |
| display: inline-block;
| |
| text-align: center;
| |
| background-color: #f1f1f1;
| |
| padding: 0.5em 1em 0.5em 1em !important;
| |
| cursor: pointer;
| |
| user-select: none;
| |
| }
| |
|
| |
| .language-button:hover, .media-button:hover {
| |
| background-color: #ddd;
| |
| transition: linear .15s;
| |
| }
| |
|
| |
| .language-button.highlight, .media-button.highlight {
| |
| background: #eee;
| |
| }
| |
|
| |
| .media-target.dvd-content {
| |
| display: none;
| |
| }
| |
|
| |
| .media-target.bd-content {
| |
| display: block;
| |
| }
| |
|
| |
| .language-target.jp-content {
| |
| display: none;
| |
| }
| |
|
| |
| .language-target.ro-content {
| |
| display: none;
| |
| }
| |
|
| |
| div.language-target.en-content {
| |
| display: block;
| |
| }
| |
|
| |
| span.language-target.en-content {
| |
| display: inline;
| |
| }
| |
|
| |
| .edition-button {
| |
| display: inline-block;
| |
| text-align: center;
| |
| background-color: #f1f1f1;
| |
| padding: 0.5em 1em 0.5em 1em !important;
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .edition-button.fc {
| |
| display: none;
| |
| }
| |
|
| |
| .edition-button:hover {
| |
| background-color: #ddd;
| |
| transition: linear .15s;
| |
| }
| |
|
| |
| .edition-button.highlight {
| |
| background: #eee;
| |
| }
| |
|
| |
| div.edition-content.re-content {
| |
| display: block;
| |
| }
| |
|
| |
| span.edition-content.re-content {
| |
| display: inline;
| |
| }
| |
|
| |
| .edition-target.le-content {
| |
| display: none;
| |
| }
| |
|
| |
| .edition-target.dx-content {
| |
| display: none;
| |
| }
| |
|
| |
| .edition-target.fc-content {
| |
| display: none;
| |
| }
| |
|
| |
| /* Infobox Styling */
| |
| .infobox {
| |
| border: 1px solid #a2a9b1;
| |
| border-spacing: 5px;
| |
| border-radius: 9px;
| |
| background-color: rgb(248 249 250 / 60%);
| |
| box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.2), 0px 0px 4px 0 rgba(0,0,0,0.19);
| |
| color: black;
| |
| padding: 0.2em;
| |
| float: right;
| |
| clear: right;
| |
| font-size: 14px;
| |
| line-height: 1.5em;
| |
| width: 32.5%;
| |
| margin-left: 1.5em;
| |
| text-align: left;
| |
| }
| |
|
| |
| .right-container .infobox {
| |
| width: 100%;
| |
| margin: 0;
| |
| }
| |
|
| |
| .infobox caption {
| |
| font-size: 125%;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| }
| |
|
| |
| .infobox td,
| |
| .infobox th {
| |
| vertical-align: top;
| |
| /* @noflip */
| |
| text-align: left;
| |
| }
| |
|
| |
| .infobox.bordered {
| |
| border-collapse: collapse;
| |
| }
| |
|
| |
| .infobox.bordered td,
| |
| .infobox.bordered th {
| |
| border: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| .infobox.bordered .borderless td,
| |
| .infobox.bordered .borderless th {
| |
| border: 0;
| |
| }
| |
|
| |
| /* styles for bordered infobox with merged rows */
| |
| .infobox.bordered .mergedtoprow td,
| |
| .infobox.bordered .mergedtoprow th {
| |
| border: 0;
| |
| border-top: 1px solid #a2a9b1;
| |
| /* @noflip */
| |
| border-right: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| .infobox.bordered .mergedrow td,
| |
| .infobox.bordered .mergedrow th {
| |
| border: 0;
| |
| /* @noflip */
| |
| border-right: 1px solid #a2a9b1;
| |
| }
| |
|
| |
| .infobox.no-album .album-button {
| |
| display: none;
| |
| }
| |
|
| |
| .infobox.no-nav .nav-container {
| |
| display: none;
| |
| }
| |
|
| |
| .infobox.no-re #re-button {
| |
| display: none;
| |
| }
| |
|
| |
| .infobox.no-re .edition-target.re-content {
| |
| display: none;
| |
| }
| |
|
| |
| .infobox.no-re .edition-target.le-content {
| |
| display: initial;
| |
| }
| |
|
| |
| .infobox.no-re .edition-button {
| |
| background: #c7c7c7!important;
| |
| }
| |
|
| |
| .infobox.no-le #le-button {
| |
| display: none;
| |
| }
| |
|
| |
| .infobox.no-le #edition-subcontainer {
| |
| grid-template-columns: 50% 50%;
| |
| }
| |
|
| |
| .infobox.no-dx #dx-button {
| |
| display: none;
| |
| }
| |
|
| |
| .infobox.no-ro #ro-button {
| |
| display: none;
| |
| }
| |
|
| |
| .infobox.fc #fc-button {
| |
| display: initial;
| |
| }
| |
|
| |
| .infobox.media #media-subcontainer {
| |
| display: grid;
| |
| }
| |
|
| |
|
| |
| .infobox.no-ro #language-subcontainer {
| |
| grid-template-columns: 50% 50%;
| |
| }
| |
|
| |
| .infobox.no-dx #edition-subcontainer {
| |
| grid-template-columns: 50% 50%;
| |
| }
| |
|
| |
| .infobox.no-dx.no-re #edition-subcontainer {
| |
| grid-template-columns: 100%;
| |
| }
| |
|
| |
| .infobox.no-dx.no-le #edition-subcontainer {
| |
| grid-template-columns: 100%;
| |
| }
| |
|
| |
| .infobox.no-dx.no-le.fc #edition-subcontainer {
| |
| grid-template-columns: 50% 50%;
| |
| }
| |
|
| |
| /* Credits (Deprecated) */
| |
| .credits-container {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, 200px);
| |
| overflow: auto;
| |
| }
| |
|
| |
| .credits-item {
| |
| padding: 1em;
| |
| }
| |
|
| |
| .credits-name {
| |
| text-align: center;
| |
| }
| |
|
| |
| .credits-work {
| |
| font-size: 80%;
| |
| }
| |
|
| |
| /***********************/
| |
| /* 4. Page Styling */
| |
| /***********************/
| |
|
| |
| /* Article Styling */
| |
| .lyrics-container {
| |
| text-align: center;
| |
| width: calc(67.5% - 21px);
| |
| font-size: 16px;
| |
| }
| |
|
| |
| .lyrics-container p {
| |
| margin: 0;
| |
| }
| |
|
| |
| .album-quote {
| |
| font-size: 1.25em;
| |
| text-align: center;
| |
| margin: 1em auto;
| |
| /* width: 88%; */
| |
| }
| |
|
| |
| /* Main Page Styling */
| |
| .page-Main_Page.rootpage-Main_Page h1#firstHeading.firstHeading {
| |
| display: none;
| |
| }
| |
|
| |
| .page-Main_Page.rootpage-Main_Page #contentSub,
| |
| .page-Main_Page.rootpage-Main_Page #contentSub2 {
| |
| margin: 0;
| |
| }
| |
|
| |
| .page-Main_Page.rootpage-Main_Page #content.mw-body {
| |
| padding-top: 0;
| |
| padding-left: 0;
| |
| padding-right: 0;
| |
| }
| |
|
| |
| .mp-intro.flow-right {
| |
| align-items: center;
| |
| margin: 1em 0;
| |
| padding: .5em;
| |
| }
| |
|
| |
| .mp-blurb-revo {
| |
| text-align: left;
| |
| float: right;
| |
| margin-bottom: 10px;
| |
| max-width: 290px;
| |
| }
| |
|
| |
| .mp-container {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| justify-content: center;
| |
| width: 119%;
| |
| position: relative;
| |
| left: 50%;
| |
| transform: translateX(-50%);
| |
| }
| |
|
| |
| .mp-container > .grid-item {
| |
| box-shadow: 0 0 0px 0 rgb(0 0 0 / 20%), -1px 3px 9px 2px rgb(0 0 0 / 19%);
| |
| margin: 0;
| |
| border-radius: 2px;
| |
| flex: 0 1 48%;
| |
| }
| |
|
| |
| .mp-container > .grid-item:first-child {
| |
| padding-right: .25em;
| |
| }
| |
|
| |
| .mp-container > .grid-item:nth-child(2) {
| |
| padding-left: 1em;
| |
| }
| |
|
| |
| .grid-item {
| |
| margin: .5em;
| |
| }
| |
|
| |
| .grid-item > p {
| |
| padding: 0 1em;
| |
| }
| |
|
| |
| .sh-container {
| |
| text-align: center;
| |
| display: grid;
| |
| grid-template-columns: 50% 50%;
| |
| }
| |
|
| |
|
| |
| .lh-container {
| |
| text-align: center;
| |
| display: grid;
| |
| grid-template-columns: 50% 50%;
| |
| }
| |
|
| |
| .revo-container {
| |
| text-align: center;
| |
| display: grid;
| |
| grid-template-columns: 50% 50%;
| |
| }
| |
|
| |
| /* Discography Page/Object Styling */
| |
| .disc-container {
| |
| display: grid;
| |
| justify-content: center;
| |
| grid-template-columns: auto auto auto;
| |
| grid-gap: 1em 1em;
| |
| }
| |
|
| |
| .disc-container:last-of-type {
| |
| margin-bottom: 1em;
| |
| }
| |
|
| |
| .disc {
| |
| height: 300px;
| |
| width: 300px;
| |
| border-radius: 9px;
| |
| background-image: url('https://blankchronicle.com/images/f/f8/NoCoverBlank.jpg');
| |
| background-position: center bottom;
| |
| background-size: cover;
| |
| background-repeat: no-repeat;
| |
| }
| |
|
| |
| .disc.inactive {
| |
| opacity: 65%;
| |
| }
| |
|
| |
| .disc.inactive a:hover {
| |
| cursor: not-allowed;
| |
| opacity: 65%;
| |
| }
| |
|
| |
| .disc.inactive a {
| |
| color: transparent;
| |
| }
| |
|
| |
| .disc p {
| |
| margin: 0;
| |
| }
| |
|
| |
| .disc:hover {
| |
| opacity: 85%;
| |
| transition: linear .15s;
| |
| }
| |
|
| |
| .disc a:link, .disc a:visited {
| |
| display: inline-block;
| |
| height: 300px;
| |
| width: 300px;
| |
| opacity: 0;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Profile Cards */
| |
| .wiki-contributors {
| |
| display: grid;
| |
| grid-template-columns: 620px auto;
| |
| }
| |
|
| |
| .contributor-container {
| |
| min-height: 225px;
| |
| border: 1px solid #c0c090;
| |
| border-radius: 9px;
| |
| box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
| |
| padding-left: 1em;
| |
| padding-right: 1em;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| .contributor-img {
| |
| float: left;
| |
| max-height: 150px;
| |
| width: 20%;
| |
| margin-top: .5em;
| |
| margin-right: 1em;
| |
| }
| |
|
| |
| .contributor-img img {
| |
| border-radius: 50%;
| |
| }
| |
|
| |
| .contributor-name h2 {
| |
| border-bottom: none;
| |
| margin-top: .5em
| |
| }
| |
|
| |
| .contributor-blurb {
| |
| max-width: 90%;
| |
| font-size: 95%;
| |
| }
| |
|
| |
| .contributor-links {
| |
| float: right;
| |
| display: grid;
| |
| grid-template-rows: auto auto auto;
| |
| width: 5%;
| |
| }
| |
|
| |
| .contributor-item {
| |
|
| |
| }
| |
|
| |
| .contributor-work {
| |
| font-size: 80%;
| |
| background-color: #eaecf0;
| |
| overflow: auto;
| |
| border: 1px solid #a2a9b1;
| |
| border-radius: 9px;
| |
| margin-bottom: 1em;
| |
| }
| |
|
| |
| .contributor-work span.mw-collapsible-toggle {
| |
| padding-right: .4em;
| |
| }
| |
|
| |
| .contributor-work .mw-collapsible-content {
| |
| column-width: 10em;
| |
| -webkit-column-width: 10em;
| |
| overflow-x: hidden;
| |
| margin-bottom: .2em;
| |
| }
| |
|
| |
| .contributor-work h3 {
| |
| margin-top: 0;
| |
| padding-bottom: 0;
| |
| padding-top: .1em;
| |
| border-bottom: none;
| |
| text-align: center;
| |
| }
| |
|
| |
| .person-container.tight {
| |
| display: flex;
| |
| flex-direction: row;
| |
| align-items: start;
| |
| padding: 8px;
| |
| min-height: 2.75rem;
| |
| margin-top: .5em;
| |
| margin-bottom: 0;
| |
| flex: 0 1 46.5%;
| |
| }
| |
|
| |
| .person-container.tight .person-img {
| |
| float: unset;
| |
| height: 60px;
| |
| width: 60px;
| |
| margin: 0;
| |
| margin-right: 8px;
| |
| user-select: none;
| |
| }
| |
|
| |
| .person-container.tight .person-img p {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| .person-container.tight .person-name h4,
| |
| .person-container.tight .person-name h5 {
| |
| margin: 0;
| |
| padding: 0;
| |
| border: none;
| |
| font-size: 20px;
| |
| line-height: 1;
| |
| text-align: left;
| |
| }
| |
|
| |
| .person-container.tight .person-content {
| |
| width: calc(100% - 64px - 8px);
| |
| }
| |
|
| |
| .person-container.tight .person-blurb {
| |
| min-height: unset;
| |
| min-width: unset;
| |
| line-height: 22px;
| |
| padding-left: unset;
| |
| }
| |
|
| |
| .person-container.tight .person-name {
| |
| padding-left: unset;
| |
| }
| |
|
| |
| .person-container.tight .person-blurb p {
| |
| margin: 0;
| |
| }
| |
|
| |
| .character-container, .person-container {
| |
| min-height: 175px;
| |
| background-color: white;
| |
| border: 1px solid #e0e0e0;
| |
| border-radius: 9px;
| |
| box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
| |
| padding: .75em;
| |
| margin-bottom: 1.5em;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .character-container~.spaced-header-container, .person-container~.spaced-header-container {
| |
| margin-top: -23px;
| |
| }
| |
|
| |
| .person-container .mp-button a {
| |
| width: 50%;
| |
| }
| |
|
| |
| .character-img, .person-img {
| |
| float: left;
| |
| max-height: 120px;
| |
| width: 120px;
| |
| margin: 0;
| |
| }
| |
|
| |
| .person-img p {
| |
| margin: 0;
| |
| }
| |
|
| |
| .character-img img, .person-img img {
| |
| border-radius: 50%;
| |
| }
| |
|
| |
| .character-name h3, .person-name h3 {
| |
| margin-top: -0.35em
| |
| }
| |
|
| |
| .character-blurb, .person-blurb {
| |
| min-width: 100%;
| |
| min-height: 57px;
| |
| font-size: 95%;
| |
| padding-left: 140px;
| |
| }
| |
|
| |
| .character-name, .person-name {
| |
| padding-left: 140px;
| |
| }
| |
|
| |
| .person-name h3, .person-name h4, .person-name h5, .person-name h6 {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| .character-links, .person-links {
| |
| display: grid;
| |
| grid-gap: 10px;
| |
| grid-template-columns: repeat(auto-fit, 75px);
| |
| padding-left: 20px;
| |
| }
| |
|
| |
| .character-item, .person-item {
| |
| width: 75px;
| |
| height: 75px;
| |
| border-radius: 4px;
| |
| background-image: url('https://blankchronicle.com/images/f/f8/NoCoverBlank.jpg');
| |
| background-position: center bottom;
| |
| background-size: cover;
| |
| background-repeat: no-repeat;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .character-item p, .person-item p {
| |
| margin: 0;
| |
| }
| |
|
| |
| .character-item a:link, .character-item a:visited, .person-item a:link, .person-item a:visited {
| |
| opacity: 0;
| |
| margin: 0;
| |
| display: inline-block;
| |
| border-radius: 4px;
| |
| width: 75px;
| |
| height: 75px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .character-item:hover, .person-item:hover {
| |
| opacity: 85%;
| |
| transition: linear .15s;
| |
| }
| |
|
| |
| /* Hub Page Styling */
| |
| .hub {
| |
| display: grid;
| |
| width: 280px;
| |
| float: right;
| |
| grid-template-rows: auto;
| |
| margin-left: 20px;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .hub-button a:hover {
| |
| text-decoration: none;
| |
| opacity: 90%;
| |
| transition: linear .15s;
| |
| }
| |
|
| |
| .hub-button a {
| |
| color: #fff !important;
| |
| background-color: #231816f5;
| |
| border-color: #231816f5;
| |
| border-bottom: solid 1px #231816d6;
| |
| padding: 1em 0 1em 0 !important;
| |
| display: inline-block;
| |
| width: 80%;
| |
| font-weight: bold;
| |
| border-radius: 4px;
| |
| margin-bottom: 0;
| |
| text-align: center;
| |
| }
| |
|
| |
| .hub-content {
| |
| position: absolute;
| |
| width: 100%;
| |
| top: 50%;
| |
| -ms-transform: translateY(-50%);
| |
| transform: translateY(-50%);
| |
| }
| |
|
| |
| .hub-content.top-content {
| |
| max-height: 70%;
| |
| overflow-y: auto;
| |
| }
| |
|
| |
| .lh-blurb, .sh-blurb {
| |
| color: white;
| |
| background-color: #231816d6;
| |
| border-radius: 4px;
| |
| margin-left: 10%;
| |
| margin-right: 10%;
| |
| padding: .5em 1em;
| |
| font-weight: 600;
| |
| text-align: left;
| |
| }
| |
|
| |
| .lh-blurb a, .lh-blurb a:visited, .sh-blurb a, .sh-blurb a:visited {
| |
| color: white;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| .hub-item {
| |
| position: relative;
| |
| text-align: center;
| |
| height: 75px;
| |
| width: 100%;
| |
| background-attachment: fixed;
| |
| background-position: left center;
| |
| background-repeat: no-repeat;
| |
| background-size: cover;
| |
| }
| |
|
| |
| .hub-item p {
| |
| margin: 0;
| |
| }
| |
|
| |
| .hub-item.sh-history {
| |
| background-image: url('https://blankchronicle.com/images/2/27/Chronicle2ndWide.jpg');
| |
| }
| |
|
| |
| .hub-item.sh-history .hub-button a, .hub-item.lh-history .hub-button a {
| |
| width: 50%;
| |
| }
| |
|
| |
| .hub-item.sh-discography {
| |
| background-image: url('https://blankchronicle.com/images/2/27/Chronicle2ndWide.jpg');
| |
| }
| |
|
| |
| .hub-item.sh-lives {
| |
| background-image: url('https://blankchronicle.com/images/2/27/Chronicle2ndWide.jpg');
| |
| }
| |
|
| |
| .hub-item.sh-members {
| |
| background-image: url('https://blankchronicle.com/images/2/27/Chronicle2ndWide.jpg');
| |
| }
| |
|
| |
| .hub-item.sh-characters {
| |
| background-image: url('https://blankchronicle.com/images/2/27/Chronicle2ndWide.jpg');
| |
| }
| |
|
| |
| .hub-item.sh-spinoffs {
| |
| background-image: url('https://blankchronicle.com/images/2/27/Chronicle2ndWide.jpg');
| |
| }
| |
|
| |
| .hub-item.sh-media {
| |
| background-image: url('https://blankchronicle.com/images/2/27/Chronicle2ndWide.jpg');
| |
| }
| |
|
| |
| .hub-item.sh-fanclub {
| |
| background-image: url('https://blankchronicle.com/images/2/27/Chronicle2ndWide.jpg');
| |
| }
| |
|
| |
| .hub-item.sh-concepts {
| |
| background-image: url('https://blankchronicle.com/images/2/27/Chronicle2ndWide.jpg');
| |
| }
| |
|
| |
| .hub-item.sh-numerology {
| |
| background-image: url('https://blankchronicle.com/images/2/27/Chronicle2ndWide.jpg');
| |
| }
| |
|
| |
| .hub-item.lh-history {
| |
| background-image: url('https://blankchronicle.com/images/9/9c/RakuenCover.jpg');
| |
| }
| |
|
| |
| .hub-item.lh-discography {
| |
| background-image: url('https://blankchronicle.com/images/9/9c/RakuenCover.jpg');
| |
| }
| |
|
| |
| .hub-item.lh-lives {
| |
| background-image: url('https://blankchronicle.com/images/9/9c/RakuenCover.jpg');
| |
| }
| |
|
| |
| .hub-item.lh-members {
| |
| background-image: url('https://blankchronicle.com/images/9/9c/RakuenCover.jpg');
| |
| }
| |
|
| |
| .hub-item.lh-characters {
| |
| background-image: url('https://blankchronicle.com/images/9/9c/RakuenCover.jpg');
| |
| }
| |
|
| |
| .hub-item.lh-media {
| |
| background-image: url('https://blankchronicle.com/images/9/9c/RakuenCover.jpg');
| |
| }
| |
|
| |
| .hub-item.gutter {
| |
| background-color: #231816f5;
| |
| height: 50px;
| |
| }
| |
|
| |
| .hub-item.gutter a, .hub-item.gutter a.external {
| |
| color: white;
| |
| }
| |
|
| |
| /************************/
| |
| /* 5. Table Styling */
| |
| /************************/
| |
|
| |
| .edition-target.fc-content > .tracktable,
| |
| .edition-target.re-content > .tracktable,
| |
| .edition-target.le-content > .tracktable,
| |
| .edition-target.dx-content > .tracktable,
| |
| .edition-target.re-content > .mvtable,
| |
| .edition-target.le-content > .mvtable,
| |
| .edition-target.dx-content > .mvtable,
| |
| .edition-target.re-content > .filetable,
| |
| .edition-target.le-content > .filetable,
| |
| .edition-target.dx-content > .filetable,
| |
| .edition-target.re-content > .infotable,
| |
| .edition-target.le-content > .infotable,
| |
| .edition-target.dx-content > .infotable,
| |
| .media-target.dvd-content > .tracktable,
| |
| .media-target.dvd-content > .mvtable,
| |
| .media-target.dvd-content > .filetable,
| |
| .media-target.dvd-content > .infotable,
| |
| .media-target.bd-content > .tracktable,
| |
| .media-target.bd-content > .mvtable,
| |
| .media-target.bd-content > .filetable,
| |
| .media-target.bd-content > .infotable {
| |
| /* width: 100%; */
| |
| }
| |
|
| |
| table.tracktable,
| |
| table.mvtable,
| |
| table.filetable,
| |
| table.infotable,
| |
| table.wikitable {
| |
| border-collapse: collapse;
| |
| color: black;
| |
| margin: 0.5em 0;
| |
| width: calc(67.5% - 21px);
| |
| font-size: 16px;
| |
| }
| |
|
| |
| table.tracktable tr:nth-child(even),
| |
| table.mvtable tr:nth-child(even),
| |
| table.filetable tr:nth-child(even),
| |
| table.infotable tr:nth-child(even) {
| |
| background: #f8f9fa;
| |
| }
| |
|
| |
| table.tracktable th,
| |
| table.tracktable td,
| |
| table.tracktable.vocal th,
| |
| table.tracktable.vocal td,
| |
| table.mvtable th,
| |
| table.mvtable td,
| |
| table.filetable th,
| |
| table.filetable td,
| |
| table.infotable th,
| |
| table.infotable td {
| |
| border-bottom: 1px solid #9e9e9e;
| |
| }
| |
|
| |
| table.tracktable th:first-child,
| |
| table.mvtable th:first-child,
| |
| table.filetable th:first-child,
| |
| table.infotable th,
| |
| table.infotable td {
| |
| text-align: left;
| |
| }
| |
|
| |
| table.tracktable th:last-child,
| |
| table.mvtable th:last-child,
| |
| table.filetable th:last-child {
| |
| text-align: right;
| |
| }
| |
|
| |
| table.tracktable td:first-child {
| |
| padding-left: 2px;
| |
| width: 34px;
| |
| }
| |
|
| |
| table.tracktable td:last-child {
| |
| width: 50px;
| |
| }
| |
|
| |
| table.tracktable td:nth-child(2) {
| |
| text-align: center;
| |
| padding-left: 5px;
| |
| padding-right: 5px;
| |
| }
| |
|
| |
| table.tracktable td:last-child,
| |
| table.filetable td:last-child {
| |
| text-align: right;
| |
| padding-right: 2px;
| |
| word-break: normal;
| |
| }
| |
|
| |
| table.tracktable.four-col th:nth-child(2),
| |
| table.tracktable.four-col td:nth-child(2),
| |
| table.tracktable.four-col th:nth-child(3),
| |
| table.tracktable.four-col td:nth-child(3),
| |
| table.mvtable th:nth-child(2),
| |
| table.mvtable td:nth-child(2),
| |
| table.mvtable th:nth-child(3),
| |
| table.mvtable td:nth-child(3),
| |
| table.filetable.three-col th:nth-child(2),
| |
| table.filetable.three-col td:nth-child(2) {
| |
| text-align: left;
| |
| }
| |
|
| |
| table.tracktable.four-col th:nth-child(2),
| |
| table.tracktable.four-col td:nth-child(2),
| |
| table.mvtable th:nth-child(2),
| |
| table.mvtable td:nth-child(2),
| |
| table.filetable.three-col th:nth-child(2),
| |
| table.filetable.three-col td:nth-child(2) {
| |
| padding-left: 36px;
| |
| padding-right: 4px;
| |
| }
| |
|
| |
| table.mvtable.responsive-table td:nth-child(4) {
| |
| text-align: right;
| |
| }
| |
|
| |
| table.filetable.four-col th:nth-child(2),
| |
| table.filetable.four-col td:nth-child(2) {
| |
| padding-left: 18px;
| |
| text-align: left;
| |
| width: 140px;
| |
| }
| |
|
| |
| table.filetable.four-col th:nth-child(3),
| |
| table.filetable.four-col td:nth-child(3) {
| |
| padding-left: 24px;
| |
| padding-right: 9px;
| |
| text-align: left;
| |
| }
| |
|
| |
| table.infotable th,
| |
| table.infotable td {
| |
| padding-left: .5em;
| |
| padding-right: .5em;
| |
| }
| |
|
| |
| table.infotable th:first-child,
| |
| table.infotable td:first-child {
| |
| padding-left: 2px;
| |
| }
| |
|
| |
| table.infotable th:last-child,
| |
| table.infotable td:last-child {
| |
| padding-right: 2px;
| |
| }
| |
|
| |
| table.infotable.two-col.numbered th:first-child,
| |
| table.infotable.two-col.numbered td:first-child {
| |
| padding-right: 2px;
| |
| }
| |
|
| |
| table.infotable.four-col.tour td:first-child {
| |
| padding-right: 0;
| |
| width: 16%;
| |
| }
| |
|
| |
| @media only screen and (max-width : 1000px) {
| |
|
| |
| table.responsive-table tr:nth-child(even) {
| |
| background: none;
| |
| }
| |
|
| |
| table.responsive-table td {
| |
| border: 1px solid #9e9e9e;
| |
| padding: .5em;
| |
| }
| |
|
| |
| table.responsive-table tr:nth-child(1) {
| |
| display: none!important;
| |
| }
| |
|
| |
| table.tracktable.responsive-table td:nth-child(1):before,
| |
| table.mvtable.responsive-table td:nth-child(1):before {
| |
| content: '#';
| |
| }
| |
|
| |
| table.filetable.responsive-table td:nth-child(1):before {
| |
| content: 'File';
| |
| font-weight: bold;
| |
| }
| |
|
| |
| table.infotable.four-col.tour.responsive-table td:nth-child(1):before {
| |
| content: 'Date';
| |
| font-weight: bold;
| |
| }
| |
|
| |
| table.tracktable.responsive-table td:nth-child(2):before,
| |
| table.mvtable.responsive-table td:nth-child(2):before,
| |
| table.filetable.four-col.responsive-table td:nth-child(2):before {
| |
| content: 'Title';
| |
| }
| |
|
| |
| table.infotable.four-col.tour.responsive-table td:nth-child(2):before {
| |
| content: 'Open';
| |
| font-weight: bold;
| |
| }
| |
|
| |
| table.infotable.four-col.tour.responsive-table td:nth-child(3):before {
| |
| content: 'Start';
| |
| font-weight: bold;
| |
| }
| |
|
| |
| table.infotable.four-col.tour.responsive-table td:nth-child(4):before {
| |
| content: 'Venue';
| |
| font-weight: bold;
| |
| }
| |
|
| |
| table.filetable.three-col.responsive-table td:nth-child(2):before,
| |
| table.filetable.four-col.responsive-table td:nth-child(3):before {
| |
| content: 'Content';
| |
| font-weight: bold;
| |
| }
| |
|
| |
| table.tracktable.responsive-table td:nth-child(3):before,
| |
| table.tracktable.four-col.responsive-table td:nth-child(4):before,
| |
| table.mvtable.responsive-table td:nth-child(4):before,
| |
| table.filetable.three-col.responsive-table td:nth-child(3):before,
| |
| table.filetable.four-col.responsive-table td:nth-child(4):before {
| |
| content: 'Length ';
| |
| font-weight: bold;
| |
| }
| |
|
| |
| table.tracktable.vocal.responsive-table td:nth-child(3):before {
| |
| content: 'Lead ';
| |
| font-weight: bold;
| |
| }
| |
|
| |
| table.tracktable.four-col.responsive-table td:nth-child(3):before {
| |
| content: 'Description ';
| |
| }
| |
|
| |
| table.mvtable.responsive-table td:nth-child(3):before {
| |
| content: 'Details ';
| |
| font-weight: bold;
| |
| }
| |
|
| |
| table.tracktable td:first-child {
| |
| width: unset;
| |
| }
| |
|
| |
| table.tracktable td:last-child {
| |
| width: unset;
| |
| }
| |
|
| |
| table.tracktable.responsive-table td:nth-child(1):before,
| |
| table.tracktable.responsive-table td:nth-child(2):before,
| |
| table.mvtable.responsive-table td:nth-child(1):before,
| |
| table.mvtable.responsive-table td:nth-child(2):before,
| |
| table.tracktable.four-col.responsive-table td:nth-child(3):before,
| |
| table.mvtable.responsive-table td:nth-child(3):before,
| |
| table.filetable.responsive-table td:nth-child(1):before,
| |
| table.filetable.three-col.responsive-table td:nth-child(2):before,
| |
| table.filetable.four-col.responsive-table td:nth-child(2):before,
| |
| table.filetable.four-col.responsive-table td:nth-child(3):before,
| |
| table.infotable.four-col.responsive-table td:nth-child(1):before,
| |
| table.infotable.four-col.responsive-table td:nth-child(2):before,
| |
| table.infotable.four-col.responsive-table td:nth-child(3):before,
| |
| table.infotable.four-col.responsive-table td:nth-child(4):before {
| |
| position: absolute;
| |
| left: .5em;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| table.tracktable.responsive-table tr,
| |
| table.tracktable.responsive-table td,
| |
| table.mvtable.responsive-table tr,
| |
| table.mvtable.responsive-table td,
| |
| table.filetable.responsive-table tr,
| |
| table.filetable.responsive-table td,
| |
| table.infotable.four-col.responsive-table tr,
| |
| table.infotable.four-col.responsive-table td {
| |
| display: block;
| |
| }
| |
|
| |
| table.tracktable.responsive-table tr,
| |
| table.mvtable.responsive-table tr,
| |
| table.filetable.responsive-table tr,
| |
| table.infotable.four-col.responsive-table tr {
| |
| position: relative;
| |
| margin-bottom: 1em;
| |
| box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
| |
| }
| |
|
| |
| table.tracktable.responsive-table td,
| |
| table.mvtable.responsive-table td,
| |
| table.filetable.responsive-table td,
| |
| table.infotable.four-col.responsive-table td {
| |
| border-top: none;
| |
| }
| |
|
| |
| table.tracktable.responsive-table td:first-child,
| |
| table.mvtable.responsive-table td:first-child,
| |
| table.filetable.responsive-table td:first-child {
| |
| background: #f8f9fa;
| |
| border-top: 1px solid #9e9e9e;
| |
| padding-left: 19px;
| |
| }
| |
|
| |
| table.infotable.four-col.responsive-table td:first-child {
| |
| background: #f8f9fa;
| |
| border-top: 1px solid #9e9e9e;
| |
| padding-left: 50px;
| |
| }
| |
|
| |
| table.infotable.four-col.tour td:first-child {
| |
| width: unset;
| |
| }
| |
|
| |
| table.infotable.four-col.tour.responsive-table td:nth-child(2) {
| |
| padding-left: 54px;
| |
| border-top: none;
| |
| }
| |
|
| |
| table.infotable.four-col.tour.responsive-table td:nth-child(3) {
| |
| position: absolute;
| |
| right: 0;
| |
| top: 43.33px;
| |
| padding-left: 50px;
| |
| border: none;
| |
| }
| |
|
| |
| table.infotable.four-col.tour.responsive-table td:last-child {
| |
| border-top: none;
| |
| }
| |
|
| |
| table.tracktable.responsive-table td:nth-child(2) {
| |
| background: #ffffff;
| |
| padding-left: 47px;
| |
| padding-right: .5em;
| |
| text-align: center;
| |
| }
| |
|
| |
| table.filetable.four-col th:nth-child(2),
| |
| table.filetable.four-col td:nth-child(2) {
| |
| width: unset;
| |
| }
| |
|
| |
| table.tracktable.four-col.responsive-table td:nth-child(2),
| |
| table.mvtable.responsive-table td:nth-child(2),
| |
| table.filetable.responsive-table td:first-child,
| |
| table.filetable.responsive-table td:nth-child(2),
| |
| table.filetable.four-col.responsive-table td:nth-child(3),
| |
| table.infotable.four-col.responsive-table td:nth-child(4) {
| |
| padding: .5em .5em .5em 75px;
| |
| text-align: left;
| |
| }
| |
|
| |
| table.filetable.responsive-table td:first-child {
| |
| padding-left: 40px;
| |
| }
| |
|
| |
| table.tracktable.responsive-table td:nth-child(3),
| |
| table.filetable.three-col.responsive-table td:nth-child(3) {
| |
| position: absolute;
| |
| top: 0;
| |
| right: 0;
| |
| background: none;
| |
| border: none;
| |
| padding: 10px 0.5em 0px 0;
| |
| }
| |
|
| |
| table.tracktable.four-col.responsive-table td:nth-child(3),
| |
| table.mvtable.responsive-table td:nth-child(3) {
| |
| position: static;
| |
| border: 1px solid #9e9e9e;
| |
| border-top: none;
| |
| padding: .5em .5em .5em 110px;
| |
| }
| |
|
| |
| table.tracktable.four-col.responsive-table td:nth-child(4),
| |
| table.mvtable.responsive-table td:nth-child(4),
| |
| table.filetable.four-col.responsive-table td:nth-child(4) {
| |
| position: absolute;
| |
| top: 0;
| |
| right: 0;
| |
| border: none;
| |
| background: none;
| |
| padding: 10px 0.5em 0px 0;
| |
| }
| |
|
| |
| table.tracktable, table.mvtable, table.filetable, table.wikitable, table.infotable {
| |
| table-layout: auto;
| |
| width: 100%;
| |
| }
| |
| }
| |
|
| |
| /*************************/
| |
| /* 6. Mobile Styling */
| |
| /*************************/
| |
|
| |
| /* Main Page Sidebar Overlap fix */
| |
| @media screen and (max-width: 1466px) {
| |
| .mp-container {
| |
| width: 100%;
| |
| }
| |
| }
| |
|
| |
| /* General Mobile */
| |
| @media screen and (max-width: 1000px) {
| |
| /* Mediawiki Overrides */
| |
| #content.mw-body {
| |
| padding: 1.25em 0 1.5em;
| |
| }
| |
|
| |
| div.mw-footer-container {
| |
| padding-bottom: 102px;
| |
| }
| |
|
| |
| /* Embeds */
| |
| iframe {
| |
| width: 100% !important;
| |
| }
| |
|
| |
| /* Blockquotes */
| |
| blockquote {
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| padding: 8px 24px;
| |
| }
| |
|
| |
| /* Tables */
| |
| table.tracktable,
| |
| table.mvtable,
| |
| table.filetable,
| |
| table.infotable,
| |
| table.wikitable {
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Custom Objects */
| |
| .flow-right {
| |
| flex-wrap: wrap;
| |
| grid-gap: unset;
| |
| }
| |
|
| |
| .flow-right .mp-button {
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Lyrics Container */
| |
| .lyrics-container {
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Discography Objects */
| |
| .disc-container {
| |
| grid-template-columns: auto;
| |
| }
| |
|
| |
| /* Hubs */
| |
| .hub {
| |
| float: unset;
| |
| width: 100%;
| |
| }
| |
|
| |
| /* Person Boxes */
| |
| .person-container.tight {
| |
| flex: 0 1 100%;
| |
| }
| |
|
| |
| .character-img,
| |
| .person-img {
| |
| margin-bottom: .5em;
| |
| }
| |
|
| |
| .character-img p,
| |
| .person-img p {
| |
| margin: 0;
| |
| }
| |
|
| |
| .character-container,
| |
| .person-container {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| justify-content: center;
| |
| }
| |
|
| |
| .person-name, .person-blurb, .person-links {
| |
| padding: 0;
| |
| }
| |
|
| |
| .character-name h3,
| |
| .person-name h3,
| |
| .character-name h4,
| |
| .person-name h4,
| |
| .character-name h5,
| |
| .person-name h5 {
| |
| border: none;
| |
| font-size: 24px;
| |
| padding: 0;
| |
| margin: 0;
| |
| }
| |
|
| |
| .character-links,
| |
| .person-links {
| |
| align-self: flex-start;
| |
| margin-left: 0;
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| }
| |
|
| |
| /* Infoboxes */
| |
| .infobox {
| |
| font-size: 16px;
| |
| float: unset;
| |
| width: 100%;
| |
| margin-left: 0;
| |
| }
| |
|
| |
| .album-button a {
| |
| width: 95%;
| |
| }
| |
|
| |
| /* Galleries */
| |
| .gallery.mw-gallery-nolines {
| |
| margin: 0;
| |
| }
| |
|
| |
| .gallery.mw-gallery-nolines .gallerybox,
| |
| .gallery.mw-gallery-nolines .gallerybox > div,
| |
| .gallery.mw-gallery-nolines .gallerybox > div > div {
| |
| width: 100% !important;
| |
| }
| |
|
| |
| /* Main Page */
| |
| .mp-intro.flow-right {
| |
| margin: 0;
| |
| padding: 0;
| |
| grid-gap: 8px;
| |
| }
| |
|
| |
| .mp-intro.flow-right div:first-child {
| |
| max-width: unset !important;
| |
| }
| |
|
| |
| .mp-container {
| |
| left: unset;
| |
| transform: unset;
| |
| width: 100%;
| |
| }
| |
|
| |
| .mp-container > .grid-item {
| |
| flex: 0 1 100%;
| |
| box-shadow: unset;
| |
| }
| |
|
| |
| .mp-container > .grid-item:first-child {
| |
| padding-right: 0;
| |
| }
| |
|
| |
| .mp-container > .grid-item:nth-child(2) {
| |
| padding-left: 0;
| |
| }
| |
|
| |
| .sh-container,
| |
| .lh-container,
| |
| .revo-container {
| |
| grid-template-columns: auto;
| |
| }
| |
|
| |
| .sh-container .grid-item,
| |
| .lh-container .grid-item,
| |
| .revo-container .grid-item {
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| .mp-blurb-revo {
| |
| float: unset;
| |
| max-width: unset;
| |
| }
| |
|
| |
| }
| |
|
| |
| /****************************/
| |
| /* 7. Discography Covers */
| |
| /****************************/
| |
|
| |
| .disc.disc-chronicle {
| |
| background-image: url('https://blankchronicle.com/images/9/97/ChronicleCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-thanatos {
| |
| background-image: url('https://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-lost {
| |
| background-image: url('https://blankchronicle.com/images/6/6c/LostCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-pico {
| |
| background-image: url('https://blankchronicle.com/images/9/98/PicoMagicCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-reloaded {
| |
| background-image: url('https://blankchronicle.com/images/3/37/ReloadedCover.JPG');
| |
| }
| |
|
| |
| .disc.disc-chrsecond {
| |
| background-image: url('https://blankchronicle.com/images/0/05/Chronicle2ndCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-prelude {
| |
| background-image: url('https://blankchronicle.com/images/8/8b/PreludetoElysionCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-elysion {
| |
| background-image: url('https://blankchronicle.com/images/8/8a/ElysionCover.png');
| |
| }
| |
|
| |
| .disc.disc-roman {
| |
| background-image: url('https://blankchronicle.com/images/8/8e/RomanCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-moira {
| |
| background-image: url('https://blankchronicle.com/images/2/29/MoiraCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-marchen {
| |
| background-image: url('https://blankchronicle.com/images/8/80/MarchenSquareCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-ema {
| |
| background-image: url('https://blankchronicle.com/images/c/c8/AroundCover.png');
| |
| background-position: top center;
| |
| }
| |
|
| |
| .disc.disc-rinne {
| |
| background-image: url('https://blankchronicle.com/images/9/96/RinneTentativeCover.png');
| |
| background-position: center center;
| |
| background-size: 400%;
| |
| }
| |
|
| |
| .disc.disc-nein {
| |
| background-image: url('https://blankchronicle.com/images/b/b1/NeinCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-swordboy {
| |
| background-image: url('https://blankchronicle.com/images/6/68/SwordboyCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-iberia {
| |
| background-image: url('https://blankchronicle.com/images/7/7f/IberiaCover2.jpg');
| |
| }
| |
|
| |
| .disc.disc-ido {
| |
| background-image: url('https://blankchronicle.com/images/0/06/IdoIdoCover2.jpg');
| |
| }
| |
|
| |
| .disc.disc-halloween {
| |
| background-image: url('https://blankchronicle.com/images/d/d1/HalloYoruCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-vanisuta {
| |
| background-image: url('https://blankchronicle.com/images/9/95/VaniSutaCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-marvelous {
| |
| background-image: url('https://blankchronicle.com/images/a/a1/MarvelousShouchuuCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-ema-prologue {
| |
| background-image: url('https://blankchronicle.com/images/c/c8/AroundCover.png');
| |
| background-position: top center;
| |
| }
| |
|
| |
| .disc.disc-riddle {
| |
| background-image: url('https://blankchronicle.com/images/0/04/RiddleCover.jpg');
| |
| background-position: center top;
| |
| }
| |
|
| |
| .disc.disc-genome {
| |
| background-image: url('https://blankchronicle.com/images/2/24/GenomeCover.jpg');
| |
| background-position: center top;
| |
| }
| |
|
| |
| .disc.disc-ouki {
| |
| background-image: url('https://blankchronicle.com/images/b/bb/OukiCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-sister {
| |
| background-image: url('https://blankchronicle.com/images/6/6c/MermaidCover.jpg');
| |
| background-position: center top;
| |
| }
| |
|
| |
| .disc.disc-link {
| |
| background-image: url('https://blankchronicle.com/images/c/c1/LiNKCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-pastel {
| |
| background-image: url('https://blankchronicle.com/images/6/6c/PastelKitchenCroppedCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-rasp {
| |
| background-image: url('https://blankchronicle.com/images/3/3e/RaspberryGameCover.jpg');
| |
| background-position: center top;
| |
| }
| |
|
| |
| .disc.disc-leviathan {
| |
| background-image: url('https://blankchronicle.com/images/1/18/LeviathanCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-poca {
| |
| background-image: url('https://blankchronicle.com/images/a/ab/PocafelicitaCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-rest {
| |
| background-image: url('https://blankchronicle.com/images/1/19/RestCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-schwarz {
| |
| background-image: url('https://blankchronicle.com/images/6/60/SchwarzweissCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-anotherroman {
| |
| background-image: url('https://blankchronicle.com/images/0/0a/AnotherRomanCover2.jpg');
| |
| }
| |
|
| |
| .disc.disc-dream {
| |
| background-image: url('https://blankchronicle.com/images/f/ff/DreamPortCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-chronology {
| |
| background-image: url('https://blankchronicle.com/images/9/9c/ChronologyCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-yodaka {
| |
| background-image: url('https://blankchronicle.com/images/9/9f/YodakaCover.jpeg');
| |
| }
| |
|
| |
| .disc.disc-yodaka-single {
| |
| background-image: url('https://blankchronicle.com/images/6/68/Yodakasingle.png');
| |
| }
| |
|
| |
| .disc.disc-daikikou {
| |
| background-image: url('https://blankchronicle.com/images/f/f8/LuxendarcDaikikouCover2.jpg');
| |
| }
| |
|
| |
| .disc.disc-bravely1 {
| |
| background-image: url('https://blankchronicle.com/images/0/0e/Bravely1TextCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-bravely2 {
| |
| background-image: url('https://blankchronicle.com/images/9/9d/BDIICoverRE.jpg');
| |
| background-position: center left;
| |
| }
| |
|
| |
| .disc.disc-moonpride {
| |
| background-image: url('https://blankchronicle.com/images/1/1a/MoonPrideCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-wintermix {
| |
| background-image: url('https://blankchronicle.com/images/8/84/WinterMixCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-kiseki {
| |
| background-image: url('https://blankchronicle.com/images/0/04/ShingekinoKisekiCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-shoukikou {
| |
| background-image: url('https://blankchronicle.com/images/b/bd/LuxendarcKokikouCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-jiyuu {
| |
| background-image: url('https://blankchronicle.com/images/6/6a/JiyuuhenoShingekiCover2.jpg');
| |
| }
| |
|
| |
| .disc.disc-rakuen {
| |
| background-image: url('https://blankchronicle.com/images/9/9c/RakuenCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-shinjitsu {
| |
| background-image: url('https://blankchronicle.com/images/4/4c/ShinjitsuCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-gny {
| |
| background-image: url('https://blankchronicle.com/images/5/5d/GNYTVCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-bdmini {
| |
| background-image: url('https://blankchronicle.com/images/2/2e/BDMiniCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-bddrama1 {
| |
| background-image: url('https://blankchronicle.com/images/5/5a/BDDramaCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-seishun {
| |
| background-image: url('https://blankchronicle.com/images/e/e0/SeishunCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-zahyou {
| |
| background-image: url('https://blankchronicle.com/images/1/1e/ZahyouCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-daishou {
| |
| background-image: url('https://blankchronicle.com/images/d/d2/DaishouCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-sasageyo {
| |
| background-image: url('https://blankchronicle.com/images/a/a4/SasageyoCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-requiem {
| |
| background-image: url('https://blankchronicle.com/images/d/d5/RequiemCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-shikabane {
| |
| background-image: url('https://blankchronicle.com/images/6/6b/ShikabaneCover.jpg');
| |
| }
| |
|
| |
| /* Live Covers */
| |
| .disc.disc-elyscon {
| |
| background-image: url('https://blankchronicle.com/images/3/38/ElysionRE.jpg');
| |
| background-position: center;
| |
| }
| |
|
| |
| .disc.disc-romancon {
| |
| background-image: url('https://blankchronicle.com/images/0/02/RomanConcert.jpg');
| |
| background-position: center;
| |
| }
| |
|
| |
| .disc.disc-tte2 {
| |
| /* background-image: url('https://blankchronicle.com/images/8/8a/ElysionCover.png'); */
| |
| }
| |
|
| |
| .disc.disc-moiracon {
| |
| background-image: url('https://blankchronicle.com/images/3/3b/MoiraConcertRE.jpg');
| |
| background-position: center;
| |
| }
| |
|
| |
| .disc.disc-tte3 {
| |
| background-image: url('https://blankchronicle.com/images/4/47/TTE3DoubleCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-asohora {
| |
| background-image: url('https://blankchronicle.com/images/e/eb/AsohoraLE.jpg');
| |
| }
| |
|
| |
| .disc.disc-merucon {
| |
| background-image: url('https://blankchronicle.com/images/6/61/MarchenDVD.jpg');
| |
| background-position: center;
| |
| }
| |
|
| |
| .disc.disc-tenfanevent {
| |
| background-image: url('https://blankchronicle.com/images/6/6f/NeinCover3.jpg');
| |
| }
| |
|
| |
| .disc.disc-neincon {
| |
| background-image: url('https://blankchronicle.com/images/7/73/NeinLive1.jpg');
| |
| background-position: center top;
| |
| }
| |
|
| |
| .disc.disc-luxendarc {
| |
| background-image: url('https://blankchronicle.com/images/a/a0/KikouBDnomarking.jpg');
| |
| background-position: center;
| |
| }
| |
|
| |
| .disc.disc-jiyuucon {
| |
| background-image: url('https://blankchronicle.com/images/a/a2/JiyuuhenoShingekiCover.jpg');
| |
| }
| |
|
| |
| .disc.disc-kisekicon {
| |
| background-image: url('https://blankchronicle.com/images/5/5b/LinkedHorizonLiveTour1.jpg');
| |
| background-position: center;
| |
| }
| |
|
| |
| .disc.disc-15annivfestival {
| |
| background-image: url('https://blankchronicle.com/images/6/60/15thConcert2.jpg');
| |
| background-position: center;
| |
| }
| |