MediaWiki: Tweeki.css

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* CSS placed here will affect users of the Tweeki skin v5.15.4*/
@import url("https://nagoshiashumari.github.io/Rpg-Awesome/stylesheets/rpg-awesome.min.css"); 
@import url("https://site-assets.fontawesome.com/releases/v6.1.1/css/all.css"); /*v6.0.0*/
/*https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
*/

.fa, .far, .fas {
    font-family: "Font Awesome 6 Pro"!important;
}
.hicon {
	color: #444!important;
    margin-right: 5px;
}
/*.hp{
	color: #bb4448;
}
.prof{
	color: #5c4999;
}
.eq{
	color: #c37b47;
}*/
table.classtable > * > tr > th{
	vertical-align: middle;
}
.spacer{
	margin-bottom: 15px;
}
.bh{
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    position: relative;
    float: right;
    min-width: 28px;
    text-align: center;
    margin-right: 5px;
}
.bh-homebrew{
	background: #5b4cd8;
}
.bhead1{
	background: #d84c4c;
}
.bh-revision{
	background: #d86a4c;/*94d84c*/
}
.note-box{
    background: #e9e9e9;
    padding: 10px;
    padding-left: 15px;
    margin-bottom:10px;
}
.h1, .h2, .h3, h1, h2, h3{
	margin-top: 30px;
}
p {
    margin: 0 0 15px;
}
.lore-box{
	border-width:7px;
	padding: 15px 20px;
}
.spellblade{
	background-color: #5242a5;
}
.bspellblade{
	border-color: #5242a5;
}
.magismith{
	background-color: #7293bc;
}
.bmagismith{
	border-color: #7293bc;
}
.soulbinder{
	background-color: #8f2b38!important;
}
.bsoulbinder{
	border-color: #8f2b38!important;
}
.inventor{
	background-color: #626b94;
}
.bmargin10{
	margin-bottom: 10px;
}
.bmargin15{
	margin-bottom: 15px;
}
.ifade{
	opacity: 0.7;
	color: #3593c0;
	float: right;
    font-size: 2em;
}
.box2{
    border: 1px solid #ececec;
    background: #f7f7f7;
    padding: 25px 30px 15px 30px;
    margin-bottom: 15px;
}
.box2 h4{
	margin: 10px 0 15px 0!important
}
.box h6, .box h5, h3{
	border-color: #e9e9e9;
}
#tweekiTOC{
	border-color: #e9e9e9;
}
.classtable-border td{
	border: 1px solid #e9e9e9!important;
}
.classtable tr:hover .classtable-border td{
	border: 1px solid #e1e1e1;
}
/*body {
	  background: #f1f1f1 url('https://magisphere.xyz/w/images/main/ms_bga.png') no-repeat fixed;
	  background-size: auto;
	  background-size: cover;
	  /*font-family: 'EB Garamond','Roboto',Helvetica,Arial,sans-serif !important;
	  font-size: 1.8em;
	  ms_bga_red.png ms_bg3
}*/
#tweekiTOC {
	  background: rgba(244,244,244,0.88);
}
.spfix{
	margin-top: -10px;
	margin-bottom: 15px;
}
.action-container {
	  display: flex;
	  align-items: stretch;
	  align-content: flex-start;
	  flex-flow: row wrap;
	  flex-wrap: wrap;
	  flex-wrap: wrap;
	  justify-content: flex-start;
}
.action {
	align-content: flex-start;
	flex: 1 1 240px;
	margin: 5px;
	font-size: 0.8em;
	padding: 5px;
	align-content: flex-start;
}
.spell-list .action h4{
	margin:5px!important;
}
.spell-list .action{
	background: rgba(244,244,244,0.95);
	border-color: #e9e9e9;
}
.no-border{
	border:none!important;
}
/*h3{
	margin-top: 35px!important;
	margin-bottom: 5px!important;
}*/
/*DARK*/
h3{
	margin-top: 50px!important;
	margin-bottom: 5px!important;
}
h2{
	margin-top: 50px!important;	
}
html{
	background: url(https://song.granbluefantasy.jp/assets/img/bg_pc.jpg) no-repeat top center fixed;
	background-size:cover;
}
body {
	  background: #191614f7;/*#191614eb*/
	  color: #AEA08D!important;
	  line-height: 24px;
}
p {
  margin: 0 0 15px;
}
h2, h6, h7{
	color: #c67e21;
	font-variant: normal;
}
h2::after, h6::after {
  height: 2px;
  background-color: #221e1c;
}
.box h6, .box h5, h3 {
  color: #9d765a;
  font-variant: normal;
}
#tweekiTOC{
	background: rgba(15,15,15,0.92);
	border-color: transparent;
	border-radius: 5px;
	padding: 25px 30px 25px 30px;
}
#tweekiTOC #toc ul > li a {
	color: #804c39;
}
#tweekiTOC #toctitle h2, #tweekiTOC .toctitle h2{
	margin-top:0!important;
	color: #c67e21;
}
#tweekiTOC #toctitle h2, #tweekiTOC .toctitle h2::after {
	background-color: #221e1c;
	margin-top: 10px;
}
.box, .classoutside {
	background: rgba(20,18,16,0.9)!important;
	border: 1px solid #5A4738;
}
.features tr:nth-child(2n+1), .featuretable tr:nth-child(2n+1), .classtable tr:nth-child(2n+1){
	background-color: #181614;	
}
.classtable tr{
	background-color:transparent;
}
.cfhead {
  color: #804c39;
}
.navbar-default{
	background: #131110;
	border-color: #131110;
	box-shadow: none;
}
.navbar-default .navbar-brand{
	color: #e8901e;
}
.navbar-brand, .navbar-nav > li > a {
  text-shadow: none;
}
.navbar-default .navbar-nav > li > a {
  color: #917c74;
}
.navbar-default {
    background: #131110;
    border-color: #131110;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(12,9,6,0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(12,9,6,0.75);
    box-shadow: 0px 0px 15px 0px rgba(12,9,6,0.75);
}
.quote {
    padding: 10px 30px 15px 30px;
    /* padding-right: 0; */
    border-left: 2px solid #e1e1e1;
    margin: 20px 20px 30px 20px;
    color: #846053;
}
.box, .classoutside{
    background-color: #191614;
    padding: 10px;
    border: 1px solid #5A4738;
    border-radius: 10px;
}
/*lore box
background: radial-gradient(rgb(20 18 16), rgb(0 0 0 / 0%));
*/
#tweekiTOC {
    background: rgba(16,16,16,0.9);
    border-color: transparent;
    border-radius: 5px;
    padding: 25px 30px 25px 30px;
    border: 5px solid rgba(16,16,16,1);
}
.classtable-border td {
  border-bottom: 1px solid #221c18 !important;
  border-top: 0!important;
  border-right: 0!important;
  border-left: 0!important;
}
.main-header .mw-headline-content{
	font-variant: small-caps;
	font-size: 1.5em;
}
.main-header::after{
	height:0;
	margin: 5px auto 20px;
}
.h-wizard{
	color: #1f7bbb;
}
#content {
  padding: 1em 0em 1em 1.2em;
}
#logo {
  background: url(/w/images/main/logo2.png) no-repeat;
  width: 152px;
  height: 107px;
}
h2::after,h6::after{
  content: url(/w/images/main/divider2.png);
  height: 0px;
  background: transparent;
  position: relative;
  top: -13px;
}
#tweekiTOC h2::after{
	content:'';
	height: 2px;
	background: #000;
	position: inherit;
}
tweekiTOC #toctitle h2, #tweekiTOC .toctitle h2 {
  margin-top: 0 !important;
}