'common/commonContent.css' => array( 'media' => 'screen' ),
'common/commonInterface.css' => array( 'media' => 'screen' ),
'vector/screen.css' => array( 'media' => 'screen' ),
+ 'vector/screen-hd.css' => array( 'media' => 'screen and (min-width: 900px)' ),
),
'scripts' => 'vector/vector.js',
'remoteBasePath' => $GLOBALS['wgStylePath'],
/* Personal */
#p-personal {
position: absolute;
- top: 0;
+ top: 0.33em;
right: 0.75em;
}
#p-personal h5 {
.tipsy {
font-size: 0.8em;
}
+
+/* Animate between standard and high definition layouts */
+
+div#content,
+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 {
+ transition: left 250ms;
+ -moz-transition: left 250ms;
+ -webkit-transition: left 250ms;
+ -o-transition: left 250ms;
+}
+div#mw-panel div.portal div.body,
+div#mw-panel div.portal h5 {
+ transition: padding-left 250ms;
+ -moz-transition: padding-left 250ms;
+ -webkit-transition: padding-left 250ms;
+ -o-transition: padding-left 250ms;
+}
+#p-search {
+ transition: margin-right 250ms;
+ -moz-transition: margin-right 250ms;
+ -webkit-transition: margin-right 250ms;
+ -o-transition: margin-right 250ms;
+}
+#p-personal {
+ transition: right 250ms;
+ -moz-transition: right 250ms;
+ -webkit-transition: right 250ms;
+ -o-transition: right 250ms;
+}
+#mw-head-base {
+ transition: margin-left 250ms;
+ -moz-transition: margin-left 250ms;
+ -webkit-transition: margin-left 250ms;
+ -o-transition: margin-left 250ms;
+}