|
|
| 1行目: |
1行目: |
| − | /* ここに記述したCSSはすべての外装に反映されます */
| |
| − | #mw-head {
| |
| − | top: 0;
| |
| − | height: 2.5em;
| |
| − | background-color: #404348;
| |
| − | background-position: bottom left;
| |
| − | background-repeat: repeat-x;
| |
| − | background-image: url(http://xn--rckvb8axj.wikimatome.net/skins/Metrolook/images/page-fade.png?1ddc2);
| |
| − | background-color: #5c6067;
| |
| − | background-image: -moz-linear-gradient(top,#404348 50%,#5c6067 100%);
| |
| − | background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#404348),color-stop(100%,#5c6067));
| |
| − | background-image: -webkit-linear-gradient(top,#404348 50%,#5c6067 100%);
| |
| − | background-image: linear-gradient(#404348 50%,#5c6067 100%);
| |
| − | min-width: 100%;
| |
| − | position: fixed;
| |
| − | top: 0px;
| |
| − | z-index: 3;
| |
| − | }
| |
| | | | |
| − |
| |
| − | .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, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ 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-family: メイリオ, 'Comic Sans MS', Verdana, Impact, Haettenschweiler, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka;
| |
| − | 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, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ 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 ( 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;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* テーブル */
| |
| − | .table-char {
| |
| − | font-size: 14px;
| |
| − | border: 1px solid #000;
| |
| − | margin: 16px auto;
| |
| − | padding: 8px;
| |
| − | }
| |
| − |
| |
| − | .char-image-link {
| |
| − | display: inline-block;
| |
| − | margin-right: 8px;
| |
| − | }
| |
| − |
| |
| − | .char-image {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .char-body {
| |
| − | display: flex;
| |
| − | flex-direction: row;
| |
| − | justify-content: flex-start;
| |
| − | }
| |
| − |
| |
| − | .char-status {
| |
| − | display: inline-block;
| |
| − | width: 100%;
| |
| − | background: #fafafa;
| |
| − | }
| |
| − |
| |
| − | table {
| |
| − | text-align: center;
| |
| − | width: 100%;
| |
| − | border-collapse: collapse;
| |
| − | }
| |
| − |
| |
| − | caption {
| |
| − | background: #ccc;
| |
| − | padding: .4em;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | th,
| |
| − | td {
| |
| − | padding: 4px;
| |
| − | }
| |
| − |
| |
| − | th {
| |
| − | }
| |
| − |
| |
| − | td {
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .dl-voice dl {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .dl-open dl {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .dl-open-label {
| |
| − | display: none;
| |
| − | }
| |
