Difference between revisions of "MediaWiki:Common.css"
From Jcastle.info
Line 109: | Line 109: | ||
.castleinfobox .caption { | .castleinfobox .caption { | ||
− | background-image: url("/smw2021/resources/assets/design/texture2.png"); | + | background-image: url("https://jcastle.info/smw2021/resources/assets/design/texture2.png"); |
font-size: 100%; | font-size: 100%; | ||
font-weight: bold; | font-weight: bold; | ||
Line 122: | Line 122: | ||
.card-header { | .card-header { | ||
− | background-image: url("/smw2021/resources/assets/design/texture2.png"); | + | background-image: url("https://jcastle.info/smw2021/resources/assets/design/texture2.png"); |
} | } | ||
Revision as of 11:55, 29 September 2021
/* CSS placed here will be applied to all skins */ .galleryThumb img { padding: 0px; margin: 0px } div.kokuin div { border:1px solid black; } .row.display-flex { display: flex; flex-wrap: wrap; } .row.display-flex > [class*='col-'] { display: flex; flex-direction: column; } /* * Allow limiting of which header levels are shown in a TOC; * <div class="toclimit-3">, for instance, will limit to * showing ==headings== and ===headings=== but no further. * Used in [[Template:TOC]] */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } .tocnumber { display: none!important; } /* background setting */ body { background-image: url("https://jcastle.info/smw2021/resources/assets/design/bgmap8.jpg"); background-attachment: fixed; } .img-responsive { margin: 0 auto; } h1 { color:#36563C; } h2 { color:#36563C; /*color:#4C6473;*/ } /* even and odd in Broad tables */ .smwtable .row-even { background-color: #fff; } .smwtable .row-odd { background-color: #cde6ea; } .smwtable td { width: 150px; } /* for highlight photo template */ .largephoto { width:550px } /* for voting to fix display of your vote */ .rating-voted { display: inline; padding-left: .7em; padding-right: .5em; position: static; right: initial; } img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } #ca-talk { display:none!important; } body.page-Home h1.firstHeading { display: none; } ul.titlelist { columns: 2; -webkit-columns: 2; -moz-columns: 2; } /* @noflip */ a { -ms-word-break: break-all; word-break: break-all; /* Non standard for WebKit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* Infobox template style */ .castleinfobox { background-color: #f2f3f2; /* @noflip */ font-size: 88%; border: 1px solid #ddd; } .castleinfobox th { width: 40% ; } .castleinfobox .caption { background-image: url("https://jcastle.info/smw2021/resources/assets/design/texture2.png"); font-size: 100%; font-weight: bold; padding: 0.2em!important;; background-color: #808f7c; color: #fff; text-align: center; border: 1px solid #808f7c; } .card-header { background-image: url("https://jcastle.info/smw2021/resources/assets/design/texture2.png"); } .right { float: right; width: 60%; } .left { float: left; width: 40%; } /* footer */ #myFooter { background-color: #f5f5f5; padding-top: 15px; border: 1px solid #e3e3e3; } #myFooter .footer-copyright { background-color: #eee; padding-top: 3px; padding-bottom: 3px; text-align: center; border-top: 1px solid #e3e3e3; } #myFooter .row { margin-bottom: 30px; } #myFooter .footer-copyright p { margin: 10px; } #myFooter ul { list-style-type: none; list-style: none; list-style-image: none; line-height: 1.7; padding-left: 0px; } #myFooter h5 { font-size: 18px; font-weight: bold; margin-top: 30px; color: #9D9D9D; } #myFooter a { text-decoration: none; } #myFooter .footercol { padding-left: 30px; } #myFooter .fa { font-size: 32px; color: #9D9D9D; padding: 10px 20px 10px 0px; transition: 0.2s; } #myFooter .fab { font-size: 32px; color: #9D9D9D; padding: 10px 20px 10px 0px; transition: 0.2s; } #myFooter .social-networks a:hover { text-decoration: none; } #myFooter .fa-facebook:hover{ color: #2b55ff; } #myFooter .fa-facebook:focus{ color: #2b55ff; } #myFooter .fa-instagram:hover{ color:red; } #myFooter .fa-instagram:focus{ color:red; } #myFooter .fa-twitter:hover{ color: #00aced; } #myFooter .fa-twitter:focus{ color:#00aced; } #myFooter .fa-rss:hover{ color: #ff7518; } #myFooter .fa-rss:focus{ color:#ff7518; } .index-content a:hover{ color:black; text-decoration:underline; } .index-content{ margin-bottom: 10px; padding: 10px 0px; } .index-content .row{ margin-top: 10px; } .index-content a{ color: black; } .index-content .card{ background-color: #FFFFFF; padding:0; margin:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); } .index-content .card:hover{ box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3); color:black; } .index-content .card img{ width:100%; border-top-left-radius: 4px; border-top-right-radius: 4px; margin: 0px; padding: 0px; } .index-content .card h4{ margin:10px; } .index-content .card p{ margin: 10px; padding-bottom: 10px; opacity: 0.65; } .index-content .blue-button{ width: 100px; -webkit-transition: background-color 1s , color 1s; /* For Safari 3.1 to 6.0 */ transition: background-color 1s , color 1s; min-height: 20px; background-color: #002E5B; color: #ffffff; border-radius: 4px; text-align: center; font-weight: lighter; margin: 0px 20px 15px 20px; padding: 5px 0px; display: inline-block; } .index-content .blue-button:hover{ background-color: #dadada; color: #002E5B; } .row.display-flex { display: flex; flex-wrap: wrap; } .row.display-flex > [class*='col-'] { display: flex; flex-direction: column; } .card { position: relative; } .card .text-title { position: absolute; bottom: 0px; right: 0px; background-color: #666; color: #f2f2f2; padding: 3px; margin: 0px; line-height: .9em; } .text-title a { color: #f2f2f2; } .text-title a:hover{ color:#fff; text-decoration:underline; } .text-title .pref{ color:#f2f2f2; text-align: right; font-size: 0.8em; } .text-content { }