MediaWiki:Common.css: Difference between revisions
From Jcastle.info
No edit summary |
No edit summary |
||
Line 89: | Line 89: | ||
#myFooter { | #myFooter { | ||
background-color: #f5f5f5; | background-color: #f5f5f5; | ||
padding-top: | padding-top: 15px; | ||
} | } | ||
Line 100: | Line 100: | ||
#myFooter .row { | #myFooter .row { | ||
margin-bottom: | margin-bottom: 30px; | ||
} | } | ||
Line 113: | Line 113: | ||
#myFooter ul { | #myFooter ul { | ||
list-style-type: none; | list-style-type: none!important; | ||
padding-left: 0; | padding-left: 0; | ||
line-height: 1.7; | line-height: 1.7; | ||
Line 138: | Line 138: | ||
} | } | ||
#myFooter .social | #myFooter .footer-social{ | ||
text-align: center; | text-align: center; | ||
padding-top: | padding-top: 25px; | ||
padding-bottom: | padding-bottom: 25px; | ||
background-color: #eee; | |||
} | } | ||
#myFooter . | #myFooter .fa{ | ||
font-size: | font-size: 36px; | ||
color: # | margin-right: 15px; | ||
margin-left: 20px; | |||
background-color: white; | |||
color: #d0d0d0; | |||
border-radius: 51%; | |||
padding: 10px; | padding: 10px; | ||
transition: 0.2s; | height: 60px; | ||
width: 60px; | |||
text-align: center; | |||
line-height: 43px; | |||
text-decoration: none; | |||
transition:color 0.2s; | |||
} | |||
#myFooter .fa-facebook:hover{ | |||
color: #2b55ff; | |||
} | } | ||
#myFooter . | #myFooter .fa-facebook:focus{ | ||
color: #2b55ff; | |||
} | } | ||
#myFooter . | #myFooter .fa-instagram:hover{ | ||
color: | color:red; | ||
} | } | ||
#myFooter .instagram: | #myFooter .fa-instagram:focus{ | ||
color: | color:red; | ||
} | } | ||
#myFooter .twitter:hover { | #myFooter .fa-twitter:hover{ | ||
color: #00aced; | color: #00aced; | ||
} | |||
#myFooter .fa-twitter:focus{ | |||
color:#00aced; | |||
} | } |
Revision as of 14:33, 19 January 2018
/* CSS placed here will be applied to all skins */ /* background setting */ body { background-image: url("/smw/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 */ .infobox { background-color: #f2f3f2; /* @noflip */ font-size: 88%; } .infobox .caption { font-size: 100%; font-weight: bold; padding: 0.2em!important;; background-color: #808f7c; color: #fff; text-align: center; } .right { float: right; width: 60%; } .left { float: left; width: 40%; } /* footer */ #myFooter { background-color: #f5f5f5; padding-top: 15px; } #myFooter .footer-copyright { background-color: #f4f4f4; padding-top: 3px; padding-bottom: 3px; text-align: center; } #myFooter .row { margin-bottom: 30px; } #myFooter .navbar-brand { margin-top: 45px; height: 65px; } #myFooter .footer-copyright p { margin: 10px; } #myFooter ul { list-style-type: none!important; padding-left: 0; line-height: 1.7; } #myFooter h5 { font-size: 18px; font-weight: bold; margin-top: 30px; } #myFooter h2 a{ font-size: 50px; text-align: center; } #myFooter a { text-decoration: none; } #myFooter a:hover, #myFooter a:focus { text-decoration: none; } #myFooter .footer-social{ text-align: center; padding-top: 25px; padding-bottom: 25px; background-color: #eee; } #myFooter .fa{ font-size: 36px; margin-right: 15px; margin-left: 20px; background-color: white; color: #d0d0d0; border-radius: 51%; padding: 10px; height: 60px; width: 60px; text-align: center; line-height: 43px; text-decoration: none; transition:color 0.2s; } #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; }