MediaWiki:Vector.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→CSS placed here will affect users of the Vector skin: →set max width and fix the background: html, body { position: relative; margin-left: auto !important; mar...") |
No edit summary |
||
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
/* Always show the vertical scrollbar. Look/Feel changes between pages which are long/short. */ | |||
html { | |||
overflow-y: scroll; | |||
} | |||
/* set max width and fix the background */ | /* set max width and fix the background */ | ||
Line 8: | Line 13: | ||
margin-right: auto !important; | margin-right: auto !important; | ||
max-width: 1280px; | max-width: 1280px; | ||
background-image: url( resources/assets/Heroes_cropped.png ), url( resources/assets/Heroes2_cropped.png ), linear-gradient(# | background-image: url( resources/assets/Heroes_cropped.png ), url( resources/assets/Heroes2_cropped.png ), linear-gradient(#006fab, #000000); | ||
background-attachment: fixed, fixed; | background-attachment: fixed, fixed; | ||
background-position: calc(50% + 870px) 20px, calc(50% - 870px) 20px, 0 0; | background-position: calc(50% + 870px) 20px, calc(50% - 870px) 20px, 0 0; | ||
background-repeat: no-repeat, no-repeat, no-repeat; | background-repeat: no-repeat, no-repeat, no-repeat; | ||
background-color: # | background-color: #006fab; | ||
} | } | ||
Line 37: | Line 42: | ||
#mw-panel { | #mw-panel { | ||
background-color: white; | background-color: white; | ||
} | |||
/* Make footer readable in front of background */ | |||
div#footer ul li{ | |||
color:slategrey!important; | |||
} | |||
div#footer ul li a,div#footer ul li a:visited { | |||
color:silver!important; | |||
} | } |
Latest revision as of 14:39, 18 February 2017
/* CSS placed here will affect users of the Vector skin */ /* Always show the vertical scrollbar. Look/Feel changes between pages which are long/short. */ html { overflow-y: scroll; } /* set max width and fix the background */ html, body { position: relative; margin-left: auto !important; margin-right: auto !important; max-width: 1280px; background-image: url( resources/assets/Heroes_cropped.png ), url( resources/assets/Heroes2_cropped.png ), linear-gradient(#006fab, #000000); background-attachment: fixed, fixed; background-position: calc(50% + 870px) 20px, calc(50% - 870px) 20px, 0 0; background-repeat: no-repeat, no-repeat, no-repeat; background-color: #006fab; } /* set blue right border*/ .mw-body { border-right: 1px solid #A7D7F9; } /** fix the position of: personal user menu search bar the pop-up indicator of language selector search suggestions **/ #p-personal { right: 3pt; } #p-search { margin-right: 3pt; } .imeselector { position: fixed; } .suggestions { right: 3pt !important; } /* Fix the background color of the navigation */ #p-logo { background-color: white; } #mw-panel { background-color: white; } /* Make footer readable in front of background */ div#footer ul li{ color:slategrey!important; } div#footer ul li a,div#footer ul li a:visited { color:silver!important; }