*/
class SkinVector extends SkinTemplate {
+ protected static $bodyClasses = array( 'vector-animateLayout' );
+
var $skinname = 'vector', $stylename = 'vector',
$template = 'VectorTemplate', $useHeadElement = true;
parent::setupSkinUserCss( $out );
$out->addModuleStyles( 'skins.vector' );
}
+
+ /**
+ * Adds classes to the body element.
+ *
+ * @param $out OutputPage object
+ * @param &$bodyAttrs Array of attributes that will be set on the body element
+ */
+ function addToBodyAttributes( OutputPage $out, &$bodyAttrs ) {
+ if ( isset( $bodyAttrs['class'] ) && strlen( $bodyAttrs['class'] ) > 0 ) {
+ $bodyAttrs['class'] .= ' ' . implode( ' ', static::$bodyClasses );
+ } else {
+ $bodyAttrs['class'] = implode( ' ', static::$bodyClasses );
+ }
+ }
}
/**
/* Animate between standard and high definition layouts */
-div#content,
-div#footer {
+body.vector-animateLayout div#content,
+body.vector-animateLayout div#footer {
transition: margin-left 250ms, padding 250ms;
-moz-transition: margin-left 250ms, padding 250ms;
-webkit-transition: margin-left 250ms, padding 250ms;
-o-transition: margin-left 250ms, padding 250ms;
}
-#p-logo,
-#left-navigation {
+body.vector-animateLayout #p-logo,
+body.vector-animateLayout #left-navigation {
transition: left 250ms;
-moz-transition: left 250ms;
-webkit-transition: left 250ms;
-o-transition: left 250ms;
}
-#mw-panel {
+body.vector-animateLayout #mw-panel {
transition: padding-left 250ms;
-moz-transition: padding-left 250ms;
-webkit-transition: padding-left 250ms;
-o-transition: padding-left 250ms;
}
-#p-search {
+body.vector-animateLayout #p-search {
transition: margin-right 250ms;
-moz-transition: margin-right 250ms;
-webkit-transition: margin-right 250ms;
-o-transition: margin-right 250ms;
}
-#p-personal {
+body.vector-animateLayout #p-personal {
transition: right 250ms;
-moz-transition: right 250ms;
-webkit-transition: right 250ms;
-o-transition: right 250ms;
}
-#mw-head-base {
+body.vector-animateLayout #mw-head-base {
transition: margin-left 250ms;
-moz-transition: margin-left 250ms;
-webkit-transition: margin-left 250ms;