MediaWiki: Tweeki.css
From Magisphere
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: rgb(20 18 16 / 99%);
border-color: transparent;
border-radius: 5px;
padding: 25px 30px 25px 30px;
border: 5px solid #101010;
}
.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 2em;
}