MediaWiki: Common.css

提供: 羅小黒戦記 FAN WIKI
移動先: 案内検索
 
(同じ利用者による、間の139版が非表示)
1行目: 1行目:
 +
/*編集の表示*/
 +
body a#ca-edit{
 +
display: none;
 +
}
 +
body.mw-editable a#ca-edit{
 +
display: inline;
 +
}
  
body {
+
/*カテゴリの表示*/
    background: #abbaab;
+
#catlinks { display: block; }
    border: #fff 7px solid;
+
/*カテゴリページ*/
    box-sizing: border-box;
+
.mw-category-generated h2.typesquare_tags{
    height: auto;
+
display: none;
    color: #1E403C;
+
}
    font-family: Shin Go Regular;
+
.mw-category-generated h2{
    letter-spacing: 1px;
+
font-size: 24px;
 
}
 
}
  
a,a:hover,a:visited {
 
    color: #fff;
 
}
 
  
/* font */
+
 
h1, h2, h3, h4, h5, h6{
+
/*上ナビ*/
color: #1E403C;
+
#navbar{
 +
height: 100%;
 +
    max-height: fit-content;
 
}
 
}
.mw-body .firstHeading {
+
@media (min-width: 990px) {
    background: #fff;
+
  input#searchInput { width: 200px }
    margin: 0;
 
    padding: 22px 22px 18px;
 
border: none;
 
    margin: 0 0 1px;
 
 
}
 
}
.mw-body, .parsoid-body {
+
/*右ナビ*/
    color: #333;
+
#sidebar-right figure{
}
+
width: 100px;
.mw-body-content h2{
+
margin-left: auto;
    margin: 20px 0;
 
    border-bottom:#1E403C 1px solid;  
 
  
}
 
hr{
 
    margin: 15px 0;
 
    border-bottom: 1px #abbaab dotted;
 
    background: none;
 
 
}
 
}
  
iframe{
 
    border:#abbaab 1px solid;
 
  
}
 
  
/* head */
+
/********************/
#mw-head {
 
    position: absolute;
 
    top: 40px;
 
    right: 40px;
 
    width: 100%;
 
}
 
  
#p-search form {
+
/*共通デザイン*/
    margin: 0;
+
body{
 +
font-family: "Noto Sans JP";
 +
letter-spacing: 1.5px;
 +
word-break: break-all;
 
}
 
}
#simpleSearch input {
+
#footer{
    background-color: none;
+
background: #333;
    color: #807171;
 
    margin: 0px;
 
    padding: 12px;
 
 
}
 
}
#searchInput{
+
#footer a{
border: #fff 1px solid;
+
color: #fff;
 
}
 
}
  
#left-navigation {
+
a,a:visited {
    display: none;
+
color: #4f97a3;
 +
}
 +
a:hover{
 +
color: #4f97a3;
 
}
 
}
.vectorTabs li{
 
border: #fff 1px solid;
 
margin: 0px 5px;
 
background: none;
 
  
 +
 +
 +
hr{
 +
margin: 40px 0;
 +
background: #eee;
 
}
 
}
.vectorTabs li a{
+
 
    color: #8a8a8a;
+
figure img{
    padding: 12px 10px 0;
+
width: 100%;
 
}
 
}
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3{
+
 
    background: none;
+
.mw-parser-output img,
 +
.photoBox img{
 +
width: 100%;
 
}
 
}
  
  
/* contents */
+
.typecate{
 
+
font-size: 18px;
#content a,#content a:hover,#content a:visited {
+
font-weight: bold;
    color: #1E403C;
 
    border-bottom:#E8EAE9 1px solid;
 
    background:linear-gradient(transparent 70%, #E8EAE9 0%);
 
 
}
 
}
  
  
 +
#contentSub{
 +
margin: 20px 0;
  
#mw-page-base {
 
background: none;
 
 
}
 
}
  
.mw-body {
+
/*シェア用リンク*/
    border: #fff 1px solid;
+
p#sUrl{
    background: none;
+
border-top: solid 2px #333;
    padding: 7px;
+
padding: 40px 0 0 25px;
margin: 50px 50px 50px 250px;
+
margin: 60px 0 0 0;
    border-radius: 3px;
 
 
}
 
}
 
+
p#sUrl a{
.mw-body-content {
+
color: #333;
    background: #fff;
+
font-size: 11px;
    padding: 10px 22px 20px;
 
    line-height: 2;
 
 
}
 
}
.mw-body-content p{
+
p#sUrl a:before{
    color: #1E403C;  
+
content: "短縮URL:";
 
}
 
}
.mw-parser-output img{
 
    width: 100%;
 
  
 +
/*最終更新日*/
 +
p#sKousin{
 +
color: #333;
 +
font-size: 11px;
 +
padding: 20px 0 40px 23px;
 +
margin: 0 0 40px 2px;
 +
border-bottom: 2px solid;
 +
}
 +
/*参考出典*/
 +
h2#tSankou{
 +
margin: 0 0 0 0;
 +
font-size: 25px;
 
}
 
}
  
#contentSub, #contentSub2{
+
/*カテゴリ*/
    margin: 20px 0;
+
#catlinks{
 +
border: none;
 +
background: #f6f6f6;
 +
padding: 10px;
 +
margin: 40px 0 0;
 
}
 
}
  
/*もくじ*/
+
/*twitterBtn*/
#toc{
+
ul.navTwi{
 +
list-style: none;
 +
margin: 40px 0 20px;
 +
padding: 0;
 +
border-top: 1px solid #eee;
  
 
}
 
}
#toc h2{
+
ul.navTwi li{
color: #1E403C;
+
border-bottom: 1px solid #eee;
border: none;
+
}
 +
ul.navTwi li a{
 +
display: block;
 +
padding: 20px 0 20px 50px;
 +
color: #333;
 
}
 
}
#toc a,#toc a:hover,#toc a:visited {
+
ul.navTwi li a:hover{
    background:none;
+
text-decoration: none;
 +
color: #4f97a3;
 +
 
}
 
}
.toctogglelabel {
+
ul.navTwi li.btnShare{
    cursor: pointer;
+
background: no-repeat url("img/icon_share.png") left/46px;
    color: #f9d93a;
 
 
}
 
}
 
+
ul.navTwi li.btnTwi{
 
+
background: no-repeat url("img/icon_twitter.png") left/46px;
/*
 
dl.boxData{
 
 
}
 
}
dl.boxData dt{
+
ul.navTwi li.btnWarp{
    float: left;
+
background: no-repeat url("img/icon_warp.png") left/35px;
    color: #1E403C;
 
    font-weight: bold;
 
 
}
 
}
dl.boxData dd{
+
ul.navTwi li.text{
    margin-left:70px;  
+
padding: 20px 0 20px 50px;
    color: #1E403C;  
+
color: #333;
 +
text-align: center;
 
}
 
}
*/
 
  
dl.boxData{
+
/*動画*/
    color: #1E403C;
+
.movieBox{
 +
  position: relative;
 
   width: 100%;
 
   width: 100%;
   overflow: hidden;
+
   padding-top: 56.25%;
  border: 1px solid #abbaab;
 
  border-top: none;
 
  background: #abbaab;
 
 
}
 
}
dl.boxData dt{
+
.movieBox iframe {
    margin: 0;
+
   position: absolute;
   width: 30%;
+
   top: 0;
   float: left;
+
   right: 0;
   padding: 10px;
+
   width: 100% !important;
   border-top: 1px solid #abbaab;
+
   height: 100% !important;
   box-sizing: border-box;
 
 
}
 
}
dl.boxData dd{
+
 
     margin: 0;
+
/*ページャー*/
  margin-left: 30%;
+
ul.pagination{
  padding: 10px;
+
     list-style: none;
  border-left: 1px solid #abbaab;
+
    padding: 15px 0;
  border-top: 1px solid #abbaab;
+
    margin: 40px 0;
  background: #fff;
+
    border-top: 1px #999 solid;
 +
    border-bottom: 1px #999 solid;
 +
border-radius: 0;
 +
width: 100%;
 +
display: flex;
 
}
 
}
dl.boxData dd:after{
+
.pagination > li > a:hover,
  display: block;
+
.pagination > li > a:visited{
  content: "";
+
color: #4f97a3 !important;
  clear: both;
 
 
}
 
}
 
+
#content ul.pagination li a{
 
+
color: #4f97a3 !important;
 
+
padding: 0 5px 0;
 
+
    background: none;
 
+
    border: none;
 
+
display: contents;
ul{
 
    list-style: disc;
 
 
}
 
}
li{
+
li.pre a:before{
     color: #1E403C;  
+
     content: " < ";
 
}
 
}
 
+
li.pre{
strong.daiji{
+
     margin: 0;
     color: #E78F7C;
+
    width: 50%;
     font-style: bold;
+
     padding: 0 0 0 10px;
 
}
 
}
 
+
li.next{
 
+
     width: 50%;
 
+
     text-align: right;
 
+
     padding: 0 10px 0 0;
/* nav */
 
#mw-panel {
 
     position: fixed;
 
     padding: 0;
 
     left: 40px;
 
 
}
 
}
 
+
li.next a:after{
@media screen and (min-width: 982px){
+
    content: " > ";
#mw-panel {
 
    padding-left: 0;
 
}
 
 
}
 
}
  
#p-logo{
+
ul.pagination li.next:after{
width: 100%;
+
    display: block;
height: 350px;
+
    content: "";
/* background: #fff;
+
     clear: both;
     padding: 0px 1px 1px 1px;
 
*/   
 
 
}
 
}
  
#p-logo a{
+
/*データボックス*/
width: 100%;
+
dl.boxData{
height: 100%;
+
    color: #333;
background-size: cover;
+
    width: 100%;
 +
    overflow: hidden;
 +
    border-top: none;
 +
    background: #f8f8f8;
 +
    border-bottom: 1px dotted #888;
 +
    margin: 0 0 40px;
 
}
 
}
 
+
dl.boxData dt{
#mw-panel #p-logo + .portal{
 
 
     margin: 0;
 
     margin: 0;
 +
    width: 25%;
 +
    float: left;
 +
    padding: 15px 0 0;
 +
    border-top: 1px dotted #888;
 +
    box-sizing: border-box;
 +
    text-align: center;
 
}
 
}
 
+
dl.boxData dd{
#mw-panel .portal{
+
    margin: 0;
padding: 0;
+
    margin-left: 25%;
margin: 0;
+
    padding: 10px;
 +
    border-top: 1px dotted #888;
 
     background: #fff;
 
     background: #fff;
 
+
    line-height: 2;
 
}
 
}
 
+
dl.boxData dd:after{
#mw-panel .portal .body{
+
    display: block;
background: none;
+
    content: "";
 +
    clear: both;
 
}
 
}
#mw-panel #p-logo + .portal .body{
+
dl.boxData dd hr{
    margin: 0;
+
margin: 4px 0;
 
}
 
}
  
#mw-panel .portal h3 {
+
/*更新履歴*/
    color: #8a8a8a;
+
ul.boxNews{
    text-align: center;
+
border-top: 1px dotted #d3d3d3;
 +
list-style: none;
 
     margin: 0;
 
     margin: 0;
     padding: 8px 0;
+
     padding: 0;
    border-bottom: #fff 1px solid;
 
 
}
 
}
 
+
ul.boxNews li{
#mw-panel .portal .body ul {
+
border-bottom: 1px dotted #d3d3d3;
text-align: center;
+
padding: 10px 0;
 
}
 
}
#mw-panel .portal .body li {
+
ul.boxNews li span{
padding: 12px 0;
+
display: block;
}
 
#mw-panel .portal .body li a,
 
#mw-panel .portal .body li a:hover,
 
#mw-panel .portal .body li a:visited
 
{
 
    color: #8a8a8a;
 
 
}
 
}
  
  
#p-tb{
 
display: none;
 
  
}
 
#right-navigation{
 
    margin-top: 10px;
 
}
 
#p-personal{
 
top:-25px;
 
}
 
  
 +
/*テキスト装飾*/
  
/* footer */
+
h1{
#footer{
+
text-align: center;
    margin: 0 0 50px 250px;
+
font-size: 32px;
    padding: 0 50px 0;
 
 
}
 
}
#footer ul{
+
.page-header{
    text-align: right;
+
margin-bottom: 40px;
    clear: both;
+
border-bottom: 2px solid #333;
 
}
 
}
#footer-places li{
+
 
    float: right;
+
h2, .h2 {
 +
border-left: solid 10px #333;
 +
padding: 0px 0 4px 10px;
 +
margin-bottom: 40px;
 
}
 
}
  
 +
.daiji{
 +
background: #d8e8bc;
 +
font-weight: normal;
 +
display: inline;
 +
padding: 1px 0 2px 5px;
 +
}
  
 
+
.s{
 
+
text-align: right;
/*非表示コンテンツ*/
+
font-size: 0.5em;
#ca-history,
+
}
.mw-search-profile-tabs,
+
.c{
#footer-places-privacy,#footer-places-disclaimer,
+
text-align: center;
#pt-login
 
{
 
    display: none;
 
 
 
 
}
 
}

2023年12月14日 (木) 14:26時点における最新版

/*編集の表示*/
body a#ca-edit{
	display: none;
}
body.mw-editable a#ca-edit{
	display: inline;
}

/*カテゴリの表示*/
#catlinks { display: block; }
/*カテゴリページ*/
.mw-category-generated h2.typesquare_tags{
display: none;
}
.mw-category-generated h2{
font-size: 24px;
}



/*上ナビ*/
#navbar{
	height: 100%;
    max-height: fit-content;
}
@media (min-width: 990px) {
   input#searchInput { width: 200px }
}
/*右ナビ*/
#sidebar-right figure{
	width: 100px;
	margin-left: auto;

}



/********************/

/*共通デザイン*/
body{
	font-family: "Noto Sans JP";
	letter-spacing: 1.5px;
	word-break: break-all;
}
#footer{
	background: #333;
}
#footer a{
	color: #fff;
}

a,a:visited {
	color: #4f97a3;
}
a:hover{
	color: #4f97a3;
}



hr{
	margin: 40px 0;
	background: #eee;
}

figure img{
	width: 100%;
}

.mw-parser-output img,
.photoBox img{
	width: 100%;
}


.typecate{
	font-size: 18px;
	font-weight: bold;
}


#contentSub{
	margin: 20px 0;

}

/*シェア用リンク*/
p#sUrl{
	border-top: solid 2px #333;
	padding: 40px 0 0 25px;
	margin: 60px 0 0 0;
}
p#sUrl a{
	color: #333;
	font-size: 11px;
}
p#sUrl a:before{
	content: "短縮URL:";
}

/*最終更新日*/
p#sKousin{
	color: #333;
	font-size: 11px;
	padding: 20px 0 40px 23px;
	margin: 0 0 40px 2px;
	border-bottom: 2px solid;
}
/*参考出典*/
h2#tSankou{
	margin: 0 0 0 0;
	font-size: 25px;
}

/*カテゴリ*/
#catlinks{
	border: none;
	background: #f6f6f6;
	padding: 10px;
	margin: 40px 0 0;
}

/*twitterBtn*/
ul.navTwi{
	list-style: none;
	margin: 40px 0 20px;
	padding: 0;
	border-top: 1px solid #eee;

}
ul.navTwi li{
	border-bottom: 1px solid #eee;
}
ul.navTwi li a{
	display: block;
	padding: 20px 0 20px 50px;
	color: #333;
}
ul.navTwi li a:hover{
	text-decoration: none;
	color: #4f97a3;
	
}
ul.navTwi li.btnShare{
	background: no-repeat url("img/icon_share.png") left/46px;
}
ul.navTwi li.btnTwi{
	background: no-repeat url("img/icon_twitter.png") left/46px;
}
ul.navTwi li.btnWarp{
	background: no-repeat url("img/icon_warp.png") left/35px;
}
ul.navTwi li.text{
	padding: 20px 0 20px 50px;
	color: #333;
	text-align: center;
}

/*動画*/
.movieBox{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movieBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*ページャー*/
ul.pagination{
    list-style: none;
    padding: 15px 0;
    margin: 40px 0;
    border-top: 1px #999 solid;
    border-bottom: 1px #999 solid;
	border-radius: 0;
	width: 100%;
	display: flex;
}
.pagination > li > a:hover,
.pagination > li > a:visited{
	color: #4f97a3 !important;
}
#content ul.pagination li a{
	color: #4f97a3 !important;
	padding: 0 5px 0;
    background: none;
    border: none;
	display: contents;
}
li.pre a:before{
    content: " < ";
}
li.pre{
    margin: 0;
    width: 50%;
    padding: 0 0 0 10px;
}
li.next{
    width: 50%;
    text-align: right;
    padding: 0 10px 0 0;
}
li.next a:after{
    content: " > ";
}

ul.pagination li.next:after{
    display: block;
    content: "";
    clear: both;
}

/*データボックス*/
dl.boxData{
    color: #333;
    width: 100%;
    overflow: hidden;
    border-top: none;
    background: #f8f8f8;
    border-bottom: 1px dotted #888;
    margin: 0 0 40px;
}
dl.boxData dt{
    margin: 0;
    width: 25%;
    float: left;
    padding: 15px 0 0;
    border-top: 1px dotted #888;
    box-sizing: border-box;
    text-align: center;
}
dl.boxData dd{
    margin: 0;
    margin-left: 25%;
    padding: 10px;
    border-top: 1px dotted #888;
    background: #fff;
    line-height: 2;
}
dl.boxData dd:after{
    display: block;
    content: "";
    clear: both;
}
dl.boxData dd hr{
	margin: 4px 0;
}

/*更新履歴*/
ul.boxNews{
	border-top: 1px dotted #d3d3d3;
	list-style: none;
    margin: 0;
    padding: 0;
}
ul.boxNews li{
	border-bottom: 1px dotted #d3d3d3;
	padding: 10px 0;
}
ul.boxNews li span{
	display: block;
}




/*テキスト装飾*/

h1{
	text-align: center;
	font-size: 32px;
}
.page-header{
	margin-bottom: 40px;
	border-bottom: 2px solid #333;
}

h2, .h2 {
	border-left: solid 10px #333;
	padding: 0px 0 4px 10px;
	margin-bottom: 40px;
}

.daiji{
	background: #d8e8bc;
	font-weight: normal;
	display: inline;
	padding: 1px 0 2px 5px;
}

.s{
	text-align: right;
	font-size: 0.5em;
}
.c{
	text-align: center;
}