Merge "Add CSS class .mw-code (matching <pre>)"

diff --combined skins/common/commonElements.css
index 3d12860,091fef1..02fd29f
--- 1/skins/common/commonElements.css
--- 2/skins/common/commonElements.css
+++ b/skins/common/commonElements.css
@@@ -79,6 -79,7 +79,6 @@@ h6 
        padding-top: .5em;
        padding-bottom: .17em;
        border-bottom: 1px solid #aaa;
 -      width: auto;
  }
  h1 {
        font-size: 188%;
@@@ -183,7 -184,7 +183,7 @@@ blockquote 
        font-family: Times, "Times New Roman", serif;
        font-style: italic;
  }*/
- pre, code, tt, kbd, samp {
+ pre, code, tt, kbd, samp, .mw-code {
        /*
         * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
         * Specifying any valid, second value will trigger correct behaviour without forcing a different font.
@@@ -193,7 -194,7 +193,7 @@@
  code {
        background-color: #f9f9f9;
  }
- pre {
+ pre, .mw-code {
        padding: 1em;
        border: 1px dashed #2f6fab;
        color: black;

diff --combined skins/vector/screen.css
index 4a7a9a0,ef77e61..ef266e9
--- 1/skins/vector/screen.css
--- 2/skins/vector/screen.css
+++ b/skins/vector/screen.css
@@@ -72,7 -72,7 +72,7 @@@ div.emptyPortlet 
  /* Personal */
  #p-personal {
        position: absolute;
 -      top: 0;
 +      top: 0.33em;
        right: 0.75em;
  }
  #p-personal h5 {
@@@ -683,7 -683,7 +683,7 @@@ ul 
        list-style-image: url(images/bullet-icon.png);
  }
  
- pre {
+ pre, .mw-code {
        line-height: 1.3em;
  }
  
@@@ -844,44 -844,3 +844,44 @@@ div.vectorTabs ul 
  .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;
 +}
 +#mw-panel {
 +      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;
 +}