MediaWiki: Common.css
提供: 羅小黒戦記 FAN WIKI
10行目: | 10行目: | ||
} | } | ||
+ | /*************************** basis */ | ||
a,a:hover,a:visited { | a,a:hover,a:visited { | ||
color: #fff; | color: #fff; | ||
15行目: | 16行目: | ||
::selection { | ::selection { | ||
− | background: #1E403C; | + | background: #1E403C; |
− | color: #fff; | + | color: #fff; |
} | } | ||
::-moz-selection { | ::-moz-selection { | ||
− | background: #1E403C; | + | background: #1E403C; |
− | color: #fff; | + | color: #fff; |
} | } | ||
− | |||
h1, h2, h3, h4, h5, h6{ | h1, h2, h3, h4, h5, h6{ | ||
color: #1E403C; | color: #1E403C; | ||
40行目: | 40行目: | ||
margin: 25px 0 20px; | margin: 25px 0 20px; | ||
border-bottom:#1E403C 1px solid; | border-bottom:#1E403C 1px solid; | ||
− | |||
} | } | ||
p{ | p{ | ||
50行目: | 49行目: | ||
background: none; | background: none; | ||
} | } | ||
− | |||
iframe{ | iframe{ | ||
border:#abbaab 1px solid; | border:#abbaab 1px solid; | ||
− | + | } | |
+ | ul{ | ||
+ | list-style: disc; | ||
+ | } | ||
+ | li{ | ||
+ | color: #1E403C; | ||
} | } | ||
− | /* head */ | + | /*************************** head */ |
#mw-head { | #mw-head { | ||
position: absolute; | position: absolute; | ||
63行目: | 66行目: | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | |||
#p-search form { | #p-search form { | ||
margin: 0; | margin: 0; | ||
76行目: | 78行目: | ||
border: #fff 1px solid; | border: #fff 1px solid; | ||
} | } | ||
− | |||
#left-navigation { | #left-navigation { | ||
display: none; | display: none; | ||
84行目: | 85行目: | ||
margin: 0px 5px; | margin: 0px 5px; | ||
background: none; | background: none; | ||
− | |||
} | } | ||
.vectorTabs li a{ | .vectorTabs li a{ | ||
94行目: | 94行目: | ||
} | } | ||
+ | /*************************** nav */ | ||
+ | #mw-panel { | ||
+ | position: fixed; | ||
+ | padding: 0; | ||
+ | left: 40px; | ||
+ | } | ||
+ | @media screen and (min-width: 982px){ | ||
+ | #mw-panel { | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | } | ||
+ | #p-logo{ | ||
+ | width: 100%; | ||
+ | height: 233px; | ||
+ | } | ||
+ | |||
+ | #p-logo a{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | #mw-panel #p-logo + .portal{ | ||
+ | margin: 0; | ||
+ | } | ||
+ | #mw-panel .portal{ | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | background: #fff; | ||
+ | } | ||
+ | #mw-panel .portal .body{ | ||
+ | background: none; | ||
+ | } | ||
+ | #mw-panel #p-logo + .portal .body{ | ||
+ | margin: 0; | ||
+ | } | ||
+ | #mw-panel .portal h3 { | ||
+ | color: #1E403C; | ||
+ | text-align: center; | ||
+ | margin: 0; | ||
+ | padding: 8px 0; | ||
+ | border-bottom: #fff 1px solid; | ||
+ | } | ||
+ | #mw-panel .portal .body ul { | ||
+ | text-align: center; | ||
+ | } | ||
+ | #mw-panel .portal .body li { | ||
+ | padding: 12px 0; | ||
+ | } | ||
+ | #mw-panel .portal .body li a, | ||
+ | #mw-panel .portal .body li a:hover, | ||
+ | #mw-panel .portal .body li a:visited | ||
+ | { | ||
+ | color: #1E403C; | ||
+ | } | ||
+ | #p-tb{ | ||
+ | display: none; | ||
+ | |||
+ | } | ||
+ | #right-navigation{ | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | #p-personal{ | ||
+ | top:-25px; | ||
+ | } | ||
+ | |||
+ | /*************************** footer */ | ||
+ | #footer{ | ||
+ | margin: 0 0 50px 250px; | ||
+ | padding: 0 50px 0; | ||
+ | } | ||
+ | #footer ul{ | ||
+ | text-align: right; | ||
+ | clear: both; | ||
+ | } | ||
+ | #footer-places li{ | ||
+ | float: right; | ||
+ | } | ||
− | /* contents */ | + | |
+ | |||
+ | |||
+ | |||
+ | /*************************** contents */ | ||
#content a,#content a:hover,#content a:visited { | #content a,#content a:hover,#content a:visited { | ||
159行目: | 240行目: | ||
− | /* | + | /*データボックス*/ |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | */ | ||
− | |||
dl.boxData{ | dl.boxData{ | ||
color: #1E403C; | color: #1E403C; | ||
− | + | width: 100%; | |
− | + | overflow: hidden; | |
− | + | border-top: none; | |
− | + | background: #e8eae9; | |
− | + | border-bottom: 1px dotted #abbaab; | |
− | + | margin: 0 0 20px; | |
} | } | ||
dl.boxData dt{ | dl.boxData dt{ | ||
205行目: | 273行目: | ||
} | } | ||
+ | /*文字装飾*/ | ||
p.s{ | p.s{ | ||
font-size: 84%; | font-size: 84%; | ||
text-align: right; | text-align: right; | ||
} | } | ||
+ | strong.daiji{ | ||
+ | color: #E78F7C; | ||
+ | font-style: bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*ゆる募*/ | ||
p.yurubo{ | p.yurubo{ | ||
border: solid 2px #f9d93a; | border: solid 2px #f9d93a; | ||
226行目: | 302行目: | ||
} | } | ||
+ | /*シェア*/ | ||
p.share{ | p.share{ | ||
background: #E8EAE9; | background: #E8EAE9; | ||
244行目: | 321行目: | ||
} | } | ||
− | + | /*カテゴリ*/ | |
div#catlinks{ | div#catlinks{ | ||
background: #E8EAE9; | background: #E8EAE9; | ||
253行目: | 330行目: | ||
} | } | ||
+ | /*ページャー*/ | ||
+ | ul.pagination{ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | li.pre{ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
margin: 0; | margin: 0; | ||
+ | width: 50%; | ||
+ | float: left; | ||
} | } | ||
− | + | li.next{ | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ul.pagination li.next:after{ | |
− | + | display: block; | |
− | + | content: ""; | |
− | + | clear: both; | |
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
2020年6月5日 (金) 10:18時点における版
body { background: #abbaab; border: #fff 7px solid; box-sizing: border-box; height: auto; color: #1E403C; font-family: Shin Go Regular; letter-spacing: 1px; } /*************************** basis */ a,a:hover,a:visited { color: #fff; } ::selection { background: #1E403C; color: #fff; } ::-moz-selection { background: #1E403C; color: #fff; } h1, h2, h3, h4, h5, h6{ color: #1E403C; } .mw-body .firstHeading { background: #fff; margin: 0; padding: 22px 22px 18px; border: none; margin: 0 0 1px; } .mw-body, .parsoid-body { color: #333; } .mw-body-content h2{ margin: 25px 0 20px; border-bottom:#1E403C 1px solid; } p{ padding: 0 20px 0; } hr{ margin: 15px 0; border-bottom: 1px #abbaab dotted; background: none; } iframe{ border:#abbaab 1px solid; } ul{ list-style: disc; } li{ color: #1E403C; } /*************************** head */ #mw-head { position: absolute; top: 40px; right: 40px; width: 100%; } #p-search form { margin: 0; } #simpleSearch input { background-color: none; color: #807171; margin: 0px; padding: 12px; } #searchInput{ border: #fff 1px solid; } #left-navigation { display: none; } .vectorTabs li{ border: #fff 1px solid; margin: 0px 5px; background: none; } .vectorTabs li a{ color: #1E403C; padding: 12px 10px 0; } .vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3{ background: none; } /*************************** nav */ #mw-panel { position: fixed; padding: 0; left: 40px; } @media screen and (min-width: 982px){ #mw-panel { padding-left: 0; } } #p-logo{ width: 100%; height: 233px; } #p-logo a{ width: 100%; height: 100%; background-size: cover; } #mw-panel #p-logo + .portal{ margin: 0; } #mw-panel .portal{ padding: 0; margin: 0; background: #fff; } #mw-panel .portal .body{ background: none; } #mw-panel #p-logo + .portal .body{ margin: 0; } #mw-panel .portal h3 { color: #1E403C; text-align: center; margin: 0; padding: 8px 0; border-bottom: #fff 1px solid; } #mw-panel .portal .body ul { text-align: center; } #mw-panel .portal .body li { padding: 12px 0; } #mw-panel .portal .body li a, #mw-panel .portal .body li a:hover, #mw-panel .portal .body li a:visited { color: #1E403C; } #p-tb{ display: none; } #right-navigation{ margin-top: 10px; } #p-personal{ top:-25px; } /*************************** footer */ #footer{ margin: 0 0 50px 250px; padding: 0 50px 0; } #footer ul{ text-align: right; clear: both; } #footer-places li{ 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%); } #mw-page-base { background: none; } .mw-body { border: #fff 2px solid; background: none; padding: 8px; margin: 50px 50px 50px 250px; border-radius: 8px; } .mw-body-content { background: #fff; padding: 10px 22px 20px; line-height: 2; } .mw-body-content p{ color: #1E403C; } .mw-parser-output img{ width: 100%; } #contentSub, #contentSub2{ margin: 20px 0; } /*もくじ*/ div#toc{ display: block; background: #E8EAE9; border: none; 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{ color: #1E403C; width: 100%; overflow: hidden; border-top: none; background: #e8eae9; border-bottom: 1px dotted #abbaab; margin: 0 0 20px; } dl.boxData dt{ margin: 0; width: 25%; float: left; padding: 10px 0 0; border-top: 1px dotted #abbaab; box-sizing: border-box; text-align: center; } dl.boxData dd{ margin: 0; margin-left: 25%; padding: 10px; border-top: 1px dotted #abbaab; background: #fff; line-height: 2; } dl.boxData dd:after{ display: block; content: ""; clear: both; } /*文字装飾*/ p.s{ font-size: 84%; text-align: right; } strong.daiji{ color: #E78F7C; font-style: bold; } /*ゆる募*/ p.yurubo{ border: solid 2px #f9d93a; margin: 40px 20px; padding: 20px; } p.yurubo span.title{ display: block; color: #f9d93a; font-style: bold; text-align: center; } p.yurubo span.link{ 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{ } li.pre{ margin: 0; width: 50%; float: left; } li.next{ } ul.pagination li.next:after{ display: block; content: ""; clear: both; } /*非表示コンテンツ*/ #ca-history, .mw-search-profile-tabs, #footer-places-privacy,#footer-places-disclaimer, #pt-login { display: none; }