MediaWiki:Common.css: Difference between revisions
add my own styling back after import
m (1 revision imported) |
(add my own styling back after import) |
||
Line 1:
/******************************
* Hide items on main page
******************************/
.action-view.page-Main_Page #siteSub,
.action-view.page-Main_Page #contentSub,
.action-view.page-Main_Page .firstHeading {
display: none !important;
}
/******************************
* Changing the tagline
******************************/
#siteSub {
display:block;
font-weight:normal;
font-size:90%;
}
/******************************
* Changing the font family
******************************/
#bodyContent {
font-family: 'Raleway', sans-serif;
font-size: 0.875em;
font-weight:400;
}
.firstHeading {
font-family: 'Helvetica Neue', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Times', serif;
line-height: 1em;
color: #4c4c4c;
}
p {
font-size: 1em;
font-weight: 400;
letter-spacing: 0;
font-family: 'Raleway', sans-serif;
}
a {
font-family: 'Raleway', sans-serif;
}
li {
font-size: 1em;
font-weight: 400;
}
/******************************
* Font-size in text editor
******************************/
#wpTextbox1 {
font-size:1.15em;
}
/******************************
* Make references smaller
******************************/
ol.references,
div.reflist,
div.refbegin {
font-size: 90%; /* Default font-size */
margin-bottom: 0.5em;
}
div.refbegin-100 {
font-size: 100%; /* Option for normal fontsize in {{refbegin}} */
}
div.reflist ol.references {
font-size: 100%; /* Reset font-size when nested in div.reflist */
list-style-type: inherit; /* Enable custom list style types */
}
/******************************
* Footer image & positioning
******************************/
div#footer {
background-image: url(https://static.miraheze.org/thelonsdalebattalionwiki/d/da/Header-silhouette.png);
background-repeat: repeat-x;
background-position: 100% 100%; /*100% 120%*/
background-color: #ffffff;
height: 22em; /*18em*/
margin: 0;
padding: .5em 0 0 0;
}
#footer #footer-icons {
margin-top:14.6em;
margin-right: .5em;
}
/******************************
* Styles for mobile main page
******************************/
@media all and (min-width: 768px) {
.lonsdale-mainpage-column {
float: left;
width: 50%;
}
.lonsdale-mainpage-column-first {
padding-right: 5px;
}
.lonsdale-mainpage-column-second {
padding-left: 5px;
}
.lonsdale-mainpage-sister-projects {
text-align: center;
}
}
/* Default style for navigation boxes */
.navbox { /* Navbox container style */
box-sizing: border-box;
border: 1px solid #aaa;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox {
margin-top: 0; /* No top margin for nested navboxes */
}
.navbox + .navbox {
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em; /* Title, group and above/below styles */
line-height: 1.5em;
text-align: center;
}
th.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
line-height: 1.5em;
border-color: #fdfdfd; /* Must match background color */
}
.navbox th,
.navbox-title {
background: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #e6e6ff; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}
/* Default styling for Navbar template */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.mw-body-content .navbar ul {
line-height: inherit;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
font-variant: small-caps;
border-bottom: none;
text-decoration: none;
cursor: inherit;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
font-size: 100%;
}
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
/* @noflip */
float: right;
font-weight: normal;
/* @noflip */
margin-left: 0.5em;
/* @noflip */
text-align: right;
width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
width: 6em;
}
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
font-weight: normal;
/* @noflip */
text-align: right;
}
.navbox .mw-collapsible-toggle {
width: 6em;
}
/******************************
* Bullets
******************************/
ul {
list-style-type: disc;
list-style-image: none;
}
/*****************************
* Top Bar Colour
******************************/
#mw-page-base {
background-color: #444444 !important;
background-image: none;
}
@media (max-width:768px) {
#mw-page-base {
background-color: #444444;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#mw-page-base {
background-color: #444444;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#mw-page-base {
background-color: #444444;
}
}
div.vectorTabs a:hover {
background-color: #282828;
}
div.onhoverbg:hover {
background-color: #282828;
}
img.downarrow:hover{
background-color: #282828;
}
div.vectorMenu:hover h5 a {
background-color: #282828;
}
div.vectorMenu h5 a {
background-color: #444444;
}
div.vectorMenu:hover {
background-color: #282828;
}
div.vectorMenu ul {
border: solid 2px #444444;
border-top: none;
}
@media (max-width: 768px) {
#hamburgerIcon:hover {
background-color: #282828;
}
img.editbutton:hover {
background-color: #282828;
}
div.actionmenu ul {
border-top: solid 2px #444444;
}
#left-navigation {
background-color: #444444;
}
/*****************************
* Vertical center search box
******************************/
#simpleSearch {
margin-top: 0.5em;
}
/*****************************
* Category links
******************************/
#catlinks {
margin-top:0.5em;
background-color:#e6e4e1;
}
/*****************************
* Clickable table cell
******************************/
.clickablecell a {
display:block;
width:100%;
}
/*****************************
* Fix google maps in responsive skin
******************************/
.gm-style img {
max-width: none;
}
/*****************************
* Styling main title
******************************/
.title-name {
font-size: 18px;
font-weight: 200;
padding-right: 0.6em;
}
/*****************************
* Following from Wikipedia to make other stuff work correctly
******************************/
/* Reset italic styling set by user agent */
cite, dfn {
| |||