MediaWiki: Common.css

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