MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */

/* GO TO: http://mamiyawiki.com/index.php?title=MediaWiki:Timeless.css
TO DO THINGS REGARDING BOOTSTRAP, MOBILE VIEW, MEDIA QUERIES, RESPONSIVE DESIGN, ETC. */

/* BEGIN CUSTOM CSS FOR MAMIYA WIKI */

/* Table of Contents
=================================
	1. COMMON
	2. COLOR STYLES
	3. STORY STYLES
	4. TABLE STYLES
	5. DIV STYLES
	6. TAB STYLES
	7. RESPONSIVE STYLES
=================================
*/

/*
=================================
	1. COMMON
=================================
*/

/* Custom Fonts */
@import url('https://fonts.googleapis.com/css?family=Arvo:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese');
@import url("https://use.fontawesome.com/releases/v5.0.4/css/all.css");

/* [begin] KozGoPro */
/* =================================================== */
@font-face {
  font-family: 'KozGoPro';
  font-style: normal;
  src: url(../fonts/KozGoProRegular.otf);
}
/* [end] KozGoPro */

/* [begin] YAKUHAN */
/* ===================================================
*
*  Webfonts Title: Yaku Han JP ver.Small Amount
*  Author: Qrac
*  URL: https://twitter.com/Qrac_jp
*  "Noto Sans CJK JP" licensed under the SIL Open Font License
*  https://www.google.com/get/noto/#/
*
=================================================== */

@font-face {
  font-family: 'YakuHanJPs';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/YakuHanJPs/YakuHanJPs-Thin.woff2) format('woff2'),
  url(../fonts/YakuHanJPs/YakuHanJPs-Thin.woff) format('woff'),
  url(../fonts/YakuHanJPs/YakuHanJPs-Thin.eot);
}
@font-face {
  font-family: 'YakuHanJPs';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/YakuHanJPs/YakuHanJPs-Regular.woff2) format('woff2'),
  url(../fonts/YakuHanJPs/YakuHanJPs-Regular.woff) format('woff'),
  url(../fonts/YakuHanJPs/YakuHanJPs-Regular.eot);
}
@font-face {
  font-family: 'YakuHanJPs';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/YakuHanJPs/YakuHanJPs-Black.woff2) format('woff2'),
  url(../fonts/YakuHanJPs/YakuHanJPs-Black.woff) format('woff'),
  url(../fonts/YakuHanJPs/YakuHanJPs-Black.eot);
}

/* [end] YAKUHAN */

/* Media Queries */

@media only screen and (max-width:92em) {
    .musicinfo {
        width: 18rem;
    }
}


@media only screen and (max-width: 62em) {
    .musicinfo {
        float:none;
        width:100%;
    }
}

/* [end] Media Queries */

/* [begin] Homepage Styles */
h2.welcomeheader {
    font-family: arvo, sans-serif;
    font-weight: normal;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 1.8rem;
    border-bottom: none;
}
/* [end] Homepage Styles */

/*
=================================
	2. COLOR STYLES
=================================
*/

/* [begin] Custom Variables */

:root {

--thin: 62em;
--mid: 92em;

--font-xlarge: 1.5em;
--font-large: 1.2em;
--font-small: 0.9em;

--ryou: #B05B0B;
--minato: #35764E; 
--haruki: #5F5B8E; 
--keito: #385773; 

--yumehisa: #26974D; 
--protag: #F22323; 
--librarian: #865C3A; 
--senior: #423676; 

--touma: #FFEB00; 
--arisugawa: #00FF96; 
--niigaki: #BE8C00; 
--samejima: #787878; 

--bunny: #FF4A8E; 
--nurse: #782800; 
--gasmask: #C8BE96; 
--invisible: #0032BE; 

--tmamiya: #00C80A; 
--amamiya: #001482; 
--nmamiya: #D20029; 
--smamiya: #A00096; 

--ryou-light: #E27A0A;
--minato-light: #48A064; 
--haruki-light: #64589A; 
--keito-light: #365693; 

--yumehisa-light: #26974D; 
--protag-light: #F22323; 
--librarian-light: #865C3A; 
--senior-light: #423676; 

--touma-light: #FFEB00; 
--arisugawa-light: #00FF96; 
--niigaki-light: #BE8C00; 
--samejima-light: #787878; 

--bunny-light: #FF4A8E; 
--nurse-light: #782800; 
--gasmask-light: #C8BE96; 
--invisible-light: #0032BE; 

--tmamiya-light: #00C80A; 
--amamiya-light: #001482; 
--nmamiya-light: #D20029; 
--smamiya-light: #A00096;
}

/* [end] Custom Variables */