MediaWiki:Vector.css
ナビゲーションに移動
検索に移動
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Internet Explorer: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
- Opera: メニュー → 設定 (Mac では Opera → 環境設定) に移動し、プライバシーとセキュリティ → 閲覧データを消去 → キャッシュされた画像およびファイル からキャッシュをクリアしてください。
/* ここに記述したCSSはベクター外装の利用者に影響します */ /* Body Styling */ body { background: black url("skins/eastward/site-bg.jpg") no-repeat fixed center center; image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: pixelated; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; font-family: sans-serif; } .mw-body { border: 1px solid #bfbe73; margin-right: 15px; background-color: #fbd62d; min-height:500px; margin-bottom: 60px; } div#footer { background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; width: 100%; padding: 0px !important; margin-top: 20px !important; bottom: 0px !important; margin-left: auto !important; margin-right: auto !important; color: #C2C8CF; } footer#footer { margin-left: 0px; background: rgba(0,0,0,0.8) none repeat scroll 0% 0%; padding-left: 11.5em; color: #7d8084; } .mw-footer li { color: #7d8084; } footer#footer a { color: white; } div#footer #footer-icons { margin-top: -18px; } img.john_sam_mini { float: right; margin-top: -15px; } div#mw-panel { border: 6px solid transparent; left: -12px; background-color: #fbd62d; padding-bottom: 15px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; top: 160px; padding-top: 1em; margin-top: 30px; } #p-logo { position: absolute; top: -160px; left: 0; width: 10em; height: 160px; } #p-logo a { display:block; height: 160px; padding-left: 25px; } div#footer a { color:white; } div#footer ul { padding-left: 190px; padding-right: 15px; } div#footer ul li { color:#C2C8CF; } .catlinks { border: 1px solid #454393; background-color: #ffffff94; } #toc, .toc { background-color: rgba(255,255,255,0.58); } .mw-body h1, .mw-body h2 { font-family: 'Open Sans', sans-serif; } div.thumbinner { border: 1px solid #8DCAF0; background-color: rgba(255,255,255,0.58); } /* Mediawiki page tabs */ #mw-page-base { background:none; } div#mw-head div.vectorMenu h3, div.vectorTabs ul, div.vectorTabs li.selected, div.vectorTabs ul li, div.vectorTabs, div.vectorTabs span, .vector-menu-tabs li, .vector-menu-tabs .selected { background:none; background-image:none; } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, .vector-menu-tabs li a, .vector-menu-tabs .new a, .vector-menu-tabs .new a:visited, .vector-menu-dropdown h3 { color: #d1cea4; text-decoration: none; } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background-image: none; } div.vectorTabs li a { color: #B7D2FF; } div.vectorTabs li.new a, div.vectorTabs li.new a:visited, div.vectorMenu h3 span { color: #99BFFF; } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #C6DBFF; } div.vectorMenu div.menu { background-color: rgba(30, 17, 102, 0.67); } div.vectorMenu div.menu a { color: #C6DBFF; } #p-personal a, #p-personal a.new, p-personal a:visited, #p-personal a.new:visited { color: #dcd96c; } #p-personal a.hover, p-personal a:focus { color: #C6DBFF; text-decoration:none; } /* Account Creation Page */ .mw-createacct-benefits-list { padding: 10px 10px 10px 60px; border-radius: 12px; background-color: rgba(255,255,255,0.58); border: 1px solid #8DCAF0; } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { filter: brightness(0.7); } /* Social Media Links */ div.sociallinks { float: right; padding-top: 9px; } .sociallinks img { -webkit-filter: opacity(25%) brightness(0); /* Chrome, Safari, Opera */ filter: opacity(25%) brightness(0); } .sociallinks img:hover { -webkit-filter: opacity(100%) brightness(100%); /* Chrome, Safari, Opera */ filter: opacity(100%) brightness(100%); } body.page-Eastward_Wiki div.sociallinks { display:none; } /* Preferences Pages*/ #preferences { background-color: rgba(209,248,255,0.67); } #preftoc li.selected a { background: rgba(209,248,255,0.67); } /* Main Page */ .main_header img { max-width: 100%; height: auto; } #main_menu { width:100%; } #main_menu th { width:25%; } #main_menu td { vertical-align: top; } #twitterframe { background-color: rgb(255 255 255 / 38%); } #twitterframe iframe { max-height: 854px; } body.page-Eastward_Wiki .mw-body .firstHeading { display: none; } .mainpagetable, .mainpagetable img { max-width: 100%; height: auto; } body.page-Wiki h1.firstHeading, body.page-Wiki #contentSub, body.page-Wiki #contentSub2 { display: none; } .main_header img { max-width: 100%; height: auto; } #mainbannerleft { text-align:center; } #mainbannerright { text-align:center; } #mainbannerright img { min-width: 360px; height: auto; } #mainbannerleft img { min-width: 325px; height: auto; } #mainlinks { width: 100%; } div.embedvideowrap, div#player { margin: auto; } /* Main Menu */ #menucontent { padding-right:5px; padding-left: 5px; vertical-align:top; } .mainmenuwrapper { background-color: #ffffff94; float:left; width: 100%; } .mainmenusection { vertical-align: top; } .mainmenusection table.wikitable { margin:0px } #singlemainmenu { width: 25%; float:left; } #mainmenuselections { width:100%; } table#mainmenuselections td { background-color: transparent; border: none; } table#mainmenutrailer { width: 100%; } @media screen and (max-width: 880px) { #singlemainmenu { width: 100%; clear:both; min-height: auto; } table#mainmenutrailer { display: inline-table } div.embedvideowrap { width: initial !important; } div.embedvideowrap iframe { width: -webkit-fill-available; } } /* Navboxstyling */ #navbox { margin:auto; width:80%; border: 1px solid #454393; padding: 5px; border-radius:11px; clear: both; margin-top: 15px; } /* Table Styling */ table.wikitable { background-color: transparent; border-collapse: separate; border: none; } table#overflow { display: block; overflow: auto; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #454393; padding: 0.2em; background-color: #ffffff94; } table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #010a1d; text-align: center; border-color: #201520; box-shadow: 0px 1px rgba(0,0,0,0.3); color: white; text-shadow: 0px 2px #454393; } table.wikitable > tr > th a, table.wikitable > * > tr > th a { color:white; } /* Infobox Styling */ #infoboxtable { max-width:400px; width:100%; background-color: #010a1d; float:right; margin-left: 30px; border: 4px white solid; box-shadow: 5px 5px 3px #010a1da6; border-radius: 10px; font-size: 18px; } #infoboxtable td { border: none; background-color: transparent; } #infoboxheader { text-align:center; font-size: 34px; font-weight: 700; line-height: 1.1em; padding-top:5px; color: #ffffbd; text-shadow: 0px 2px 0px rgba(0,0,0,0.5); } #infoboxdescription { text-align:center; color: #ffffbd; padding-left: 10px; padding-right: 10px; } #infoboxheader img { vertical-align: text-bottom; } #infoboxsection { vertical-align:top; padding-left:35px; padding-right:5px; width:180px; color: #ffffbd; font-weight: 700; text-shadow: 0px 2px #000000; background: url("skins/eastward/Infobox-dots.png") repeat; } #infoboxsection a { color: white; font-weight: 600; } #infoboxsection a:hover, #infoboxsection a:focus { text-decoration:none; } #infoboxdetail { vertical-align:top; padding-left:3px; padding-right:6px; color: #ffffbd; text-align: center; font-weight: 700; border-radius: 8px; text-transform: capitalize; background: url("skins/eastward/Infobox-dots-blue.png") repeat; } #infoboxdetail a { color: #ffffbd; } #infoboxdetail p { margin:0px; } #infoboxfooter { width:100%; padding-top:5px; } #infoboxdetail ul { margin: 0em 0px 0px 0.9em; } #infoboxsep { text-align:center; background-color:#a47750; vertical-align:top; border-color:#007448; box-shadow: 0px 1px rgba(0,0,0,0.3); color: white; text-shadow: 0px 2px #00321f; } #infoboxtable img { max-width:100%; height:auto; } td#non-pixel-infobox img { image-rendering: initial; } /* Gallery Styling */ .npcgallery a, .npcgallery b { font-size:120%; text-align: center; } .npcgallery li.gallerybox div.thumb img { object-fit: none; } .npcgallery li.gallerybox div.thumb, li.gallerybox div.thumb { border: 1px solid #454393; background-color: #ffffff94; } /* Stat Template */ div#stat_template { white-space: nowrap; image-rendering: auto; } /* Quality Star Template */ #qualitycontainer { position:relative; height:64px; width:64px; text-align:left; } #qualitycontainer div.qualityindicator { text-align:left; } #qualityimage img { position:absolute; } #qualityimage p { margin:0px; } /* Copyright Templates */ #c-fairuse { padding:10px; max-width:700px; margin: 0px auto; border: 1px solid #8DCAF0; background-color: rgba(255, 255, 255, 0.58); } #c-fairuse td { vertical-align:middle; } /* Alert Templates */ .alert { border: 3px solid rgb(192 82 117 / 33%); background: #c0527561; border-radius: 0.5em; margin-left: auto; margin-right: auto; font-size: 14px; padding: 5px; margin-bottom: 15px; height: 80px; width: 50%; max-width:700px; } .alert span.header { font-size:22px; } .alert strong { font-size: 18px; } .alert th { width: 100px; } .alert th img { text-align: center; } #stub { border-color: #ab9c00; background-color: rgb(255 252 219 / 36%); box-shadow: 0px 4px 4px grey; } #construction { border-color: #ffaa40; background-color: rgb(165 97 12 / 18%); box-shadow: 0px 4px 4px grey; } /* Talk Page Headers */ #talkheadertitle { background-color: #008df0; text-align: center; color: white; text-shadow: 0px 2px #1d52a6; font-size: 120%; } #talkheaderbody { width: 80%; margin: 0px auto 1em; border: 1px solid #8DCAF0; background-color: rgba(255, 255, 255, 0.58); color: rgb(0, 0, 0); } div.noautonum .tocnumber { display: none; } /* Ads Styling */ div#siteNotice { font-size:0; } div.responsiveadtop { width: 100%; text-align: center; height: 100%; margin: auto; background-color: rgb(255 255 255 / 32%); } div.responsiveadbottom { width: 100%; text-align:center; height: 100%; margin: auto; background-color: rgb(255 255 255 / 12%); } div#eastward_top_responsive { max-height: 90px; } /* Responsive Styling */ @media screen and (max-width: 1600px) { #mainbannerleft, th#devblog, td#devblog { display: none; } #mainbannermiddle { width: 60%; } } @media screen and (max-width: 1400px) { #menucontent { font-size:12px; } } @media screen and (max-width: 1150px) { th#sidebar, td#sidebar, td#mainbannerright { display: none; } } @media screen and (max-width: 700px) { .mw-body, #left-navigation { margin-left: 8px; margin-right: 8px; } div#mw-panel { display: none; } div#footer ul { padding-left: 15px; } }