MediaWiki:Common.css: Difference between revisions
From Jcastle.info
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
#myFooter { | |||
background-color: #3c3d41; | |||
color: white; | |||
padding-top: 30px; | |||
} | |||
#myFooter .footer-copyright { | |||
background-color: #333333; | |||
padding-top: 3px; | |||
padding-bottom: 3px; | |||
text-align: center; | |||
} | |||
#myFooter .row { | |||
margin-bottom: 60px; | |||
} | |||
#myFooter .navbar-brand { | |||
margin-top: 45px; | |||
height: 65px; | |||
} | |||
#myFooter .footer-copyright p { | |||
margin: 10px; | |||
color: #ccc; | |||
} | |||
#myFooter ul { | |||
list-style-type: none; | |||
padding-left: 0; | |||
line-height: 1.7; | |||
} | |||
#myFooter h5 { | |||
font-size: 18px; | |||
color: white; | |||
font-weight: bold; | |||
margin-top: 30px; | |||
} | |||
#myFooter h2 a{ | |||
font-size: 50px; | |||
text-align: center; | |||
color: #fff; | |||
} | |||
#myFooter a { | |||
color: #d2d1d1; | |||
text-decoration: none; | |||
} | |||
#myFooter a:hover, | |||
#myFooter a:focus { | |||
text-decoration: none; | |||
color: white; | |||
} | |||
#myFooter .social-networks { | |||
text-align: center; | |||
padding-top: 30px; | |||
padding-bottom: 16px; | |||
} | |||
#myFooter .social-networks a { | |||
font-size: 32px; | |||
color: #f9f9f9; | |||
padding: 10px; | |||
transition: 0.2s; | |||
} | |||
#myFooter .social-networks a:hover { | |||
text-decoration: none; | |||
} | |||
#myFooter .facebook:hover { | |||
color: #0077e2; | |||
} | |||
#myFooter .google:hover { | |||
color: #ef1a1a; | |||
} | |||
#myFooter .twitter:hover { | |||
color: #00aced; | |||
} | |||
#myFooter .btn { | |||
color: white; | |||
background-color: #d84b6b; | |||
border-radius: 20px; | |||
border: none; | |||
width: 150px; | |||
display: block; | |||
margin: 0 auto; | |||
margin-top: 10px; | |||
line-height: 25px; | |||
} | |||
@media screen and (max-width: 767px) { | |||
#myFooter { | |||
text-align: center; | |||
} | |||
} | |||
/* CSS used for positioning the footers at the bottom of the page. */ | |||
/* You can remove this. */ | |||
html{ | |||
height: 100%; | |||
} | |||
body{ | |||
display: flex; | |||
display: -webkit-flex; | |||
flex-direction: column; | |||
-webkit-flex-direction: column; | |||
height: 100%; | |||
} | |||
.content{ | |||
flex: 1 0 auto; | |||
-webkit-flex: 1 0 auto; | |||
min-height: 200px; | |||
} | |||
#myFooter{ | |||
flex: 0 0 auto; | |||
-webkit-flex: 0 0 auto; | |||
} | |||
/* background setting */ | /* background setting */ |
Revision as of 21:24, 10 January 2018
/* CSS placed here will be applied to all skins */ #myFooter { background-color: #3c3d41; color: white; padding-top: 30px; } #myFooter .footer-copyright { background-color: #333333; padding-top: 3px; padding-bottom: 3px; text-align: center; } #myFooter .row { margin-bottom: 60px; } #myFooter .navbar-brand { margin-top: 45px; height: 65px; } #myFooter .footer-copyright p { margin: 10px; color: #ccc; } #myFooter ul { list-style-type: none; padding-left: 0; line-height: 1.7; } #myFooter h5 { font-size: 18px; color: white; font-weight: bold; margin-top: 30px; } #myFooter h2 a{ font-size: 50px; text-align: center; color: #fff; } #myFooter a { color: #d2d1d1; text-decoration: none; } #myFooter a:hover, #myFooter a:focus { text-decoration: none; color: white; } #myFooter .social-networks { text-align: center; padding-top: 30px; padding-bottom: 16px; } #myFooter .social-networks a { font-size: 32px; color: #f9f9f9; padding: 10px; transition: 0.2s; } #myFooter .social-networks a:hover { text-decoration: none; } #myFooter .facebook:hover { color: #0077e2; } #myFooter .google:hover { color: #ef1a1a; } #myFooter .twitter:hover { color: #00aced; } #myFooter .btn { color: white; background-color: #d84b6b; border-radius: 20px; border: none; width: 150px; display: block; margin: 0 auto; margin-top: 10px; line-height: 25px; } @media screen and (max-width: 767px) { #myFooter { text-align: center; } } /* CSS used for positioning the footers at the bottom of the page. */ /* You can remove this. */ html{ height: 100%; } body{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; height: 100%; } .content{ flex: 1 0 auto; -webkit-flex: 1 0 auto; min-height: 200px; } #myFooter{ flex: 0 0 auto; -webkit-flex: 0 0 auto; } /* background setting */ body { background-image: url("/smw/resources/assets/design/bgmap8.jpg"); background-attachment: fixed; } 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; } #myCarousel { height: 210px; width: 900px; } 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 */ .infobox { border: 1px solid #a2a9b1; border-spacing: 2px; background-color: #f8f9fa; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em!important; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; width: 300px; } .infobox .caption { font-size: 100%; font-weight: bold; padding: 0.2em!important;; background-color: #808f7c; color: #fff; text-align: center; } .infobox th { vertical-align: top; /* @noflip */ text-align: left; width: 100px; } .infobox td { vertical-align: top; /* @noflip */ text-align: left; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: 90%; } .infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; } /* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #a2a9b1; /* @noflip */ border-right: 1px solid #a2a9b1; } .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; /* @noflip */ border-right: 1px solid #a2a9b1; } /* Styles for geography infoboxes, eg countries, country subdivisions, cities, etc. */ .infobox.geography { border-collapse: collapse; line-height: 1.2em; font-size: 90%; } .infobox.geography td, .infobox.geography th { border-top: 1px solid #a2a9b1; padding: 0.4em 0.6em 0.4em 0.6em; } .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: 1px solid #a2a9b1; padding: 0.4em 0.6em 0.2em 0.6em; } .infobox.geography .mergedrow td, .infobox.geography .mergedrow th { border: 0; padding: 0 0.6em 0.2em 0.6em; } .infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { border-top: 0; border-bottom: 1px solid #a2a9b1; padding: 0 0.6em 0.4em 0.6em; } .infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0; } .right { float: right; width: 60%; } .left { float: left; width: 40%; }