It may be a good idea to rename further the confusing head (eg. to mw-skin-head).
Lots of mentions of headers, <head>, document.getElementsByTagName('head')... but no real usage of that.
* to ensure that client-side caches do not keep obsolete copies of global
* styles.
*/
-$wgStyleVersion = '286';
+$wgStyleVersion = '287';
# Server-side caching:
// Output HTML Page
$this->html( 'headelement' );
?>
- <div id="page-base" class="noprint"></div>
- <div id="head-base" class="noprint"></div>
+ <div id="mw-page-base" class="noprint"></div>
+ <div id="mw-head-base" class="noprint"></div>
<!-- content -->
<div id="content"<?php $this->html('specialpageattributes') ?>>
<a id="top"></a>
</div>
<!-- /content -->
<!-- header -->
- <div id="head" class="noprint">
+ <div id="mw-head" class="noprint">
<?php $this->renderNavigation( 'PERSONAL' ); ?>
<div id="left-navigation">
<?php $this->renderNavigation( array( 'NAMESPACES', 'VARIANTS' ) ); ?>
</div>
<!-- /header -->
<!-- panel -->
- <div id="panel" class="noprint">
+ <div id="mw-panel" class="noprint">
<!-- logo -->
<div id="p-logo"><a style="background-image: url(<?php $this->text( 'logopath' ) ?>);" href="<?php echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] ) ?>" <?php echo $this->skin->tooltipAndAccesskey( 'p-logo' ) ?>></a></div>
<!-- /logo -->
// optimization technique.
var linkContainers = [
'column-one', // Monobook and Modern
- 'head', 'panel', 'p-logo' // Vector
+ 'mw-head', 'mw-panel', 'p-logo' // Vector
];
for ( var i in linkContainers ) {
var linkContainer = document.getElementById( linkContainers[i] );
}
/* Framework */
-#page-base {
+#mw-page-base {
background-color: inherit !important;
background-image: none !important;
}
font-family:sans-serif;
font-weight:normal;
}
-body #panel div.portal div.body {
+body #mw-panel div.portal div.body {
background-image:url(images/new-portal-break-ltr.png);
}
-body.rtl #panel div.portal div.body {
+body.rtl #mw-panel div.portal div.body {
background-image:url(images/new-portal-break-rtl.png);
}
body div.vectorTabs li a, div.vectorTabs li a span{
border: 1px solid #cccccc;
background-color: #f7f7f7;
}
-#panel div.portal h5 {
+#mw-panel div.portal h5 {
font-weight:bold;
margin-bottom:0;
padding-bottom:0.05em;
}
/* Framework */
-#page-base {
+#mw-page-base {
background-color: inherit !important;
background-image: none !important;
}
/* Babaco Color Scheme C */
/* ridding ourselves of the gradient */
-#page-base {
+#mw-page-base {
background-color: inherit !important;
background-image: none !important;
}
#toc h2, .toc h2 {
font-weight:normal;
}
-body #panel div.portal div.body {
+body #mw-panel div.portal div.body {
background-image:url(images/new-portal-break-ltr.png);
}
border: 1px solid #cccccc;
background-color: #f7f7f7;
}
-#panel div.portal h5 {
+#mw-panel div.portal h5 {
font-weight:bold;
margin-bottom:0;
padding-bottom:0.05em;
direction: rtl;
}
/* @noflip */
- body #head div.vectorMenu h5 {
+ body #mw-head div.vectorMenu h5 {
background-image: url(../images/arrow-down-icon.png);
background-position: center center;
background-repeat: no-repeat;
}
.wikiEditor-ui-tabs div.current a {
background: #FFFFFF;
-}
\ No newline at end of file
+}
color: black;
}
/* Head */
-#page-base {
+#mw-page-base {
height: 5em;
background-color: white;
background-image: url(images/page-fade.png?1);
background-position: bottom left;
background-repeat: repeat-x;
}
-#head-base {
+#mw-head-base {
margin-top: -5em;
margin-left: 10em;
height: 5em;
background-position: bottom left;
background-repeat: repeat-x;
}
-div#head {
+div#mw-head {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
-div#head h5 {
+div#mw-head h5 {
margin: 0;
padding: 0;
}
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* @noflip */
- div#head div.vectorMenu h5 {
+ div#mw-head div.vectorMenu h5 {
float: left;
background-image: url(images/tab-break.png?1);
background-repeat: no-repeat;
}
/* IGNORED BY IE6 */
- div#head div.vectorMenu > h5 {
+ div#mw-head div.vectorMenu > h5 {
background-image: none;
}
- div#head div.vectorMenu h5 {
+ div#mw-head div.vectorMenu h5 {
background-position: bottom left;
margin-left: -1px;
}
- div#head div.vectorMenu h4 {
+ div#mw-head div.vectorMenu h4 {
display: inline-block;
float: left;
font-size: 0.8em;
height: 100%;
}
/* Panel */
-div#panel {
+div#mw-panel {
position: absolute;
top: 160px;
padding-top: 1em;
width: 10em;
left: 0;
}
- div#panel div.portal {
+ div#mw-panel div.portal {
padding-bottom: 1.5em;
}
- div#panel div.portal h5 {
+ div#mw-panel div.portal h5 {
font-weight: normal;
color: #444444;
padding: 0.25em;
border: none;
font-size: 0.75em;
}
- div#panel div.portal div.body {
+ div#mw-panel div.portal div.body {
margin: 0;
padding-top: 0.5em;
margin-left: 1.25em;
background-repeat: no-repeat;
background-position: top left;
}
- div#panel div.portal div.body ul {
+ div#mw-panel div.portal div.body ul {
list-style: none;
list-style-image: none;
list-style-type: none;
padding: 0;
margin: 0;
}
- div#panel div.portal div.body ul li {
+ div#mw-panel div.portal div.body ul li {
line-height: 1.125em;
padding: 0;
padding-bottom: 0.5em;
overflow: hidden;
font-size: 0.75em;
}
- div#panel div.portal div.body ul li a {
+ div#mw-panel div.portal div.body ul li a {
color: #0645ad;
}
- div#panel div.portal div.body ul li a:visited {
+ div#mw-panel div.portal div.body ul li a:visited {
color: #0b0080;
}
/* Footer */
color: black;
}
/* Head */
-#page-base {
+#mw-page-base {
height: 5em;
background-color: white;
background-image: url(images/page-fade.png?1);
background-position: bottom right;
background-repeat: repeat-x;
}
-#head-base {
+#mw-head-base {
margin-top: -5em;
margin-right: 10em;
height: 5em;
background-position: bottom right;
background-repeat: repeat-x;
}
-div#head {
+div#mw-head {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
-div#head h5 {
+div#mw-head h5 {
margin: 0;
padding: 0;
}
}
/* OVERRIDDEN BY COMPLIANT BROWSERS */
/* @noflip */
- div#head div.vectorMenu h5 {
+ div#mw-head div.vectorMenu h5 {
float: left;
background-image: url(images/tab-break.png?1);
background-repeat: no-repeat;
}
/* IGNORED BY IE6 */
- div#head div.vectorMenu > h5 {
+ div#mw-head div.vectorMenu > h5 {
background-image: none;
}
- div#head div.vectorMenu h5 {
+ div#mw-head div.vectorMenu h5 {
background-position: bottom right;
margin-right: -1px;
}
- div#head div.vectorMenu h4 {
+ div#mw-head div.vectorMenu h4 {
display: inline-block;
float: right;
font-size: 0.8em;
height: 100%;
}
/* Panel */
-div#panel {
+div#mw-panel {
position: absolute;
top: 160px;
padding-top: 1em;
width: 10em;
right: 0;
}
- div#panel div.portal {
+ div#mw-panel div.portal {
padding-bottom: 1.5em;
}
- div#panel div.portal h5 {
+ div#mw-panel div.portal h5 {
font-weight: normal;
color: #444444;
padding: 0.25em;
border: none;
font-size: 0.75em;
}
- div#panel div.portal div.body {
+ div#mw-panel div.portal div.body {
margin: 0;
padding-top: 0.5em;
margin-right: 1.25em;
background-repeat: no-repeat;
background-position: top right;
}
- div#panel div.portal div.body ul {
+ div#mw-panel div.portal div.body ul {
list-style: none;
list-style-image: none;
list-style-type: none;
padding: 0;
margin: 0;
}
- div#panel div.portal div.body ul li {
+ div#mw-panel div.portal div.body ul li {
line-height: 1.125em;
padding: 0;
padding-bottom: 0.5em;
overflow: hidden;
font-size: 0.75em;
}
- div#panel div.portal div.body ul li a {
+ div#mw-panel div.portal div.body ul li a {
color: #0645ad;
}
- div#panel div.portal div.body ul li a:visited {
+ div#mw-panel div.portal div.body ul li a:visited {
color: #0b0080;
}
/* Footer */