「MediaWiki:Common.css」の版間の差分

提供: 一血卍傑(バンケツ)Wiki
移動先: 案内検索
 
(同じ利用者による、間の28版が非表示)
1行目: 1行目:
 
/* ここに記述したCSSはすべての外装に反映されます */
 
/* ここに記述したCSSはすべての外装に反映されます */
 +
.char-list:after {
 +
  clear: both;
 +
  content: "";
 +
  display: block;
 +
}
 +
 
.god {
 
.god {
 
   background-color: #FFE97F;
 
   background-color: #FFE97F;
41行目: 47行目:
  
 
#mw-content-text h2{
 
#mw-content-text h2{
font-weight:bold;
+
    font-weight:bold;
font-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', Osaka;
+
 
     font-size: 18px;
 
     font-size: 18px;
 
     padding: 6px;
 
     padding: 6px;
126行目: 131行目:
 
     border: solid 2px #C9AD6F;
 
     border: solid 2px #C9AD6F;
 
}
 
}
 +
 +
 +
@media screen and ( min-width: 769px){
 +
.char-list-item {
 +
  float: left;
 +
  width: 25%;
 +
  padding: 0;
 +
  margin: 0;
 +
}
 +
 +
.main-colmun .char-list-item img {
 +
  margin: 0;
 +
}
 +
 +
.char-list-item div a {
 +
  display: block;
 +
  padding: 0 4px;
 +
}
 +
 +
#mw-content-text .char-list-item h3 {
 +
  margin: 8px 4px;
 +
}
 +
 +
}
 +
  
 
@media screen and ( max-width: 768px){
 
@media screen and ( max-width: 768px){
181行目: 211行目:
 
.dmm-area {
 
.dmm-area {
 
text-align: center;
 
text-align: center;
 +
margin: 16px;
 +
box-shadow: 0 0 8px 0 #ccc;
 +
background: #fafafa;
 +
padding: 1em 2em;
 +
}
 +
 +
.dmm-area > p {
 +
margin: 0;
 +
}
 +
 +
.dmm-area img {
 +
display: inline-block;
 +
margin: 0 auto;
 
}
 
}
  
 
/* テーブル  */
 
/* テーブル  */
 +
#bodyContent caption {
 +
background: #ccc;
 +
}
 +
 +
.table-char .char-status table {
 +
margin-top: 0;
 +
}
 +
 
.table-char .char-status table caption {
 
.table-char .char-status table caption {
 
   font-weight: normal;
 
   font-weight: normal;
202行目: 253行目:
 
.dl-open-label {
 
.dl-open-label {
 
cursor: pointer;
 
cursor: pointer;
 +
}
 +
 +
.mw-body-content table {
 +
width: 100%;
 +
text-align: center;
 +
}
 +
 +
.width-auto .wikitable {
 +
width: auto;
 +
text-align: left;
 
}
 
}

2016年8月28日 (日) 00:23時点における最新版

/* ここに記述したCSSはすべての外装に反映されます */
.char-list:after {
  clear: both;
  content: "";
  display: block;
}

.god {
  background-color: #FFE97F;
}

.person {
  background-color: #D8F5FF;
}

.apparition {
  background-color: #FFF0F5;
}

.toc, #toc { display: none; }

.character *{
max-width:100%;
}

.character:after{
content:"";
display:block;
font-size:0;
clear:both;
}


#content h1{
font-weight:bold;
font-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', Osaka;
    font-size: 22px;
    padding: 6px;
    color: #fff;
    background-color: #404348;
    border-bottom: #C9AD6F 3px solid;
}

#content h1 a{
    color: #fff;
}

#mw-content-text h2{
    font-weight:bold;
    font-size: 18px;
    padding: 6px;
    color: #fff;
    background-color: #404348;
}

#mw-content-text h2 a{
    color: #fff;
}

#mw-content-text h3{
font-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'MS Pゴシック', 'ヒラギノ角ゴ Pro W3', Osaka;
    font-size: 14px;
    color: #fff;
    padding: 6px;
    background-color: #a8a8a8;
}


#mw-content-text h3 a{
    color: #fff;
}

#bodyContent img {
  max-width: 100%;
  height: auto;
}

#mw-page-base{
border-bottom:4px solid #C9AD6F;
background:#404348;
}

div.vectorMenu h5 a{
background:#404348;
}

.onhoverbg:hover{
background:#C9AD6F;
}

div.vectorTabs li.new a, 
div.vectorTabs li.new a:visited{
color:#fff;
}

div.vectorMenu:hover h5 a {
    background-color: #C9AD6F;
}

div.vectorMenu:hover {
    background-color: #C9AD6F;
}

#p-cactions-label a:before{
    display: inline-block;
    content: "…";
    color: #fff;
    margin-top: 7px;
}

#left-navigation{
    background-color: #404348;
}

img.downarrow:hover{
    position: inherit;
background:#C9AD6F;

}

.mw-body p {
    line-height: 1.8;
}


div.vectorTabs a:hover {
    background: #C9AD6F;
}

div.vectorMenu ul{
    border: solid 2px #C9AD6F;
}


@media screen and ( min-width: 769px){
.char-list-item {
  float: left;
  width: 25%;
  padding: 0;
  margin: 0;
}

.main-colmun .char-list-item img {
  margin: 0;
}

.char-list-item div a {
  display: block;
  padding: 0 4px;
}

#mw-content-text .char-list-item h3 {
  margin: 8px 4px;
}

}


@media screen and ( max-width: 768px){
.char-image-link {
  display: block;
  text-align: center;
  margin-bottom: 8px;
}

.char-image {
  display: inline-block;
}
.table_float table{
float:none;
width:100%;
}

.table_topbox{
width:95%;
width:calc(100% - 20px);
float:none;
padding:10px;
margin:0;
}

.table_topbox table{
width:95%;
width:calc(100% - 20px);
margin:0 auto;
}

.table_slide{
margin-top:10px;
overflow-x:auto;
padding:8px;
border:3px solid #404348;
}

.table_slide table{
width:700px;
white-space:nowrap;
}

.table_card{
width:100%;
border-collapse:collapse;
}

#mw-head #main-title {
font-size: 12px !important;
}

}

.dmm-area {
text-align: center;
margin: 16px;
box-shadow: 0 0 8px 0 #ccc;
background: #fafafa;
padding: 1em 2em;
}

.dmm-area > p {
margin: 0;
}

.dmm-area img {
display: inline-block;
margin: 0 auto;
}

/* テーブル  */
#bodyContent caption {
background: #ccc;
}

.table-char .char-status table {
margin-top: 0;
}

.table-char .char-status table caption {
  font-weight: normal;
}

.char-body > p {
margin: 0 8px 0 0;
}

.char-body > p img {
margin: 0;
}

.dl-open dl {
display: none;
}

.dl-open-label {
cursor: pointer;
}

.mw-body-content table {
width: 100%;
text-align: center;
}

.width-auto .wikitable {
width: auto;
text-align: left;
}