Difference between revisions of "MediaWiki:Vector.css"
From NEStalgia
(133 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 */ | ||
+ | |||
+ | |||
+ | #mw-head { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | width: 100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #main_link_header { | ||
+ | font-size: 120%; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | min-width: 1050px; | ||
+ | } | ||
+ | |||
+ | div#footer, #mw-head-base, div#content { | ||
+ | margin-left: 215px; | ||
+ | margin-right: 3em; | ||
+ | min-width: 800px; | ||
+ | } | ||
+ | |||
+ | |||
+ | div#mw-panel { | ||
+ | top: 210px; | ||
+ | width:215px;} | ||
+ | |||
+ | div#content { | ||
+ | min-height: 80%; | ||
+ | border-right: 1px solid black; | ||
+ | border-bottom: 1px solid black; | ||
+ | border-left: none; | ||
+ | border-top: 1px solid black; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | #p-personal { | ||
+ | right: 4em; | ||
+ | /*min-width:450px;*/ | ||
+ | } | ||
+ | |||
+ | #mw-panel div.portal h5 { | ||
+ | font-weight: bold; | ||
+ | color: #FFFFFF; | ||
+ | font-size: 1em; | ||
+ | padding-left: 1em; | ||
+ | padding-bottom: 0.1em; | ||
+ | margin-bottom: 0.1em; | ||
+ | } | ||
+ | div#mw-panel div.portal div.body ul li a { | ||
+ | color: #BFEEFF; | ||
+ | } | ||
+ | div#mw-panel div.portal div.body ul li a:visited { | ||
+ | color: #BFEEFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Logo */ | ||
+ | #p-logo { | ||
+ | top: -200px; | ||
+ | left: 10px; | ||
+ | width: 200px; | ||
+ | height: 200px; | ||
+ | background: url(http://nestalgiawiki.com/images/nestalgia_corner2.png); | ||
+ | } | ||
+ | #p-logo a { | ||
+ | width: 200px; | ||
+ | height: 200px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #footer-icon-poweredby { display: none; } | ||
+ | #footer-icon-poweredbyico { display: none; } | ||
+ | #footer-poweredbyico { display: none; } | ||
+ | div#footer {display:none} | ||
+ | |||
+ | |||
+ | /* Framework */ | ||
+ | html, | ||
+ | body { | ||
+ | height: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font-family: sans-serif; | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #f3f3f3; | ||
+ | background-image: url(skins/Vector/images/page-base.png); | ||
+ | } | ||
+ | /* Content */ | ||
+ | #content { | ||
+ | margin-left: 10em; | ||
+ | padding: 1em; | ||
+ | background-image: url(skins/Vector/images/border.png); | ||
+ | background-position: top left; | ||
+ | background-repeat: repeat-y; | ||
+ | background-color: white; | ||
+ | } | ||
+ | /* Head */ | ||
+ | #mw-page-base { | ||
+ | height: 5em; | ||
+ | background-color: white; | ||
+ | background-image: url(skins/Vector/images/page-fade.png); | ||
+ | background-position: bottom left; | ||
+ | background-repeat: repeat-x; | ||
+ | } | ||
+ | #mw-head-base { | ||
+ | margin-top: -5em; | ||
+ | margin-left: 10em; | ||
+ | height: 5em; | ||
+ | background-image: url(skins/Vector/images/border.png); | ||
+ | background-position: bottom left; | ||
+ | background-repeat: repeat-x; | ||
+ | } | ||
+ | |||
+ | div#mw-panel div.portal h3 { | ||
+ | font-size: 1em; | ||
+ | color: #FFFFFF; | ||
+ | font-weight: bold; | ||
+ | margin: 0; | ||
+ | padding: 0.25em 0 0.25em 0.25em; | ||
+ | cursor: default; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .mw-body h1, .mw-body h2, .mw-body #firstHeading { | ||
+ | font-family: sans-serif; | ||
+ | line-height: 1.3; | ||
+ | margin-bottom: 0.1em; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | #right-navigation { | ||
+ | |||
+ | min-width: 500px; | ||
+ | float:none; | ||
+ | margin-left: 550px; | ||
+ | /* | ||
+ | margin-left: 550px; | ||
+ | float:left; | ||
+ | margin-right: 0px; | ||
+ | position:absolute;*/ | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #left-navigation { | ||
+ | margin-left: 215px; | ||
+ | float:left; | ||
+ | min-width: 100px; | ||
+ | } | ||
+ | |||
+ | #mw-head-base { | ||
+ | margin-left: 215px; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.vectorMenu { | ||
+ | direction: ltr; | ||
+ | float: left; | ||
+ | cursor: pointer; | ||
+ | position: relative; | ||
+ | height: 39px; | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | div#p-cactions.vectorMenu { | ||
+ | height: 39px; | ||
+ | border-bottom: 1px solid black; | ||
+ | } | ||
+ | |||
+ | |||
+ | #p-personal { | ||
+ | min-width:500px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #toc ul, .toc ul { | ||
+ | list-style-type: square; | ||
+ | list-style-image: url(skins/Vector/images/bullet-icon.png); | ||
+ | margin-left: 0; | ||
+ | padding: 0; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | li.toclevel-1 { | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.vectorTabs ul li { | ||
+ | background-image: url(skins/Vector/images/tab-normal-fade.png); | ||
+ | background-image: url(skins/Vector/images/tab-normal-fade.png)!ie; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | table.wikitable { | ||
+ | background: none; | ||
+ | } |
Latest revision as of 07:18, 21 January 2015
/* CSS placed here will affect users of the Vector skin */ #mw-head { position: absolute; top: 0; right: 0; width: 100%; } #main_link_header { font-size: 120%; font-weight: bold; } body { min-width: 1050px; } div#footer, #mw-head-base, div#content { margin-left: 215px; margin-right: 3em; min-width: 800px; } div#mw-panel { top: 210px; width:215px;} div#content { min-height: 80%; border-right: 1px solid black; border-bottom: 1px solid black; border-left: none; border-top: 1px solid black; margin-bottom: 30px; } #p-personal { right: 4em; /*min-width:450px;*/ } #mw-panel div.portal h5 { font-weight: bold; color: #FFFFFF; font-size: 1em; padding-left: 1em; padding-bottom: 0.1em; margin-bottom: 0.1em; } div#mw-panel div.portal div.body ul li a { color: #BFEEFF; } div#mw-panel div.portal div.body ul li a:visited { color: #BFEEFF; } /* Logo */ #p-logo { top: -200px; left: 10px; width: 200px; height: 200px; background: url(http://nestalgiawiki.com/images/nestalgia_corner2.png); } #p-logo a { width: 200px; height: 200px; } #footer-icon-poweredby { display: none; } #footer-icon-poweredbyico { display: none; } #footer-poweredbyico { display: none; } div#footer {display:none} /* Framework */ html, body { height: 100%; margin: 0; padding: 0; font-family: sans-serif; font-size: 1em; } body { background-color: #f3f3f3; background-image: url(skins/Vector/images/page-base.png); } /* Content */ #content { margin-left: 10em; padding: 1em; background-image: url(skins/Vector/images/border.png); background-position: top left; background-repeat: repeat-y; background-color: white; } /* Head */ #mw-page-base { height: 5em; background-color: white; background-image: url(skins/Vector/images/page-fade.png); background-position: bottom left; background-repeat: repeat-x; } #mw-head-base { margin-top: -5em; margin-left: 10em; height: 5em; background-image: url(skins/Vector/images/border.png); background-position: bottom left; background-repeat: repeat-x; } div#mw-panel div.portal h3 { font-size: 1em; color: #FFFFFF; font-weight: bold; margin: 0; padding: 0.25em 0 0.25em 0.25em; cursor: default; border: none; } .mw-body h1, .mw-body h2, .mw-body #firstHeading { font-family: sans-serif; line-height: 1.3; margin-bottom: 0.1em; } #right-navigation { min-width: 500px; float:none; margin-left: 550px; /* margin-left: 550px; float:left; margin-right: 0px; position:absolute;*/ } #left-navigation { margin-left: 215px; float:left; min-width: 100px; } #mw-head-base { margin-left: 215px; } div.vectorMenu { direction: ltr; float: left; cursor: pointer; position: relative; height: 39px; background-color: #FFFFFF; } div#p-cactions.vectorMenu { height: 39px; border-bottom: 1px solid black; } #p-personal { min-width:500px; } #toc ul, .toc ul { list-style-type: square; list-style-image: url(skins/Vector/images/bullet-icon.png); margin-left: 0; padding: 0; text-align: left; } li.toclevel-1 { list-style-type: none; list-style-image: none; } div.vectorTabs ul li { background-image: url(skins/Vector/images/tab-normal-fade.png); background-image: url(skins/Vector/images/tab-normal-fade.png)!ie; } table.wikitable { background: none; }