MediaWiki:Vector.css：修订间差异

  body.skin-vector.skin-vector-legacy #mw-panel {

    /* 左侧栏 */

    position: fixed;

    width: 8rem;

    left: 0.5rem;

    top: 3rem;

    padding: 0 1rem 0.5rem 1rem;

    background-color: #fff9;

    border: 1px solid #ccc;

    border-radius: 4px; }

    body.skin-vector.skin-vector-legacy #mw-panel #p-logo {

      width: 10rem;

      height: 10rem;

      margin-top: -14px;

      margin-left: -1rem; }

      body.skin-vector.skin-vector-legacy #mw-panel #p-logo a {

        background-size: contain; }

      body.skin-vector.skin-vector-legacy #mw-panel #p-logo + .portal {

        margin-top: 0; }

        body.skin-vector.skin-vector-legacy #mw-panel #p-logo + .portal .vector-menu-content {

          margin-left: 0; }

  body.skin-vector.skin-vector-legacy .mw-prefs-buttons {

    background-color: #fbf2db; }

  body.skin-vector.skin-vector-legacy .oo-ui-tabSelectWidget-framed {

    background-color: #e3c99e; }

  body.skin-vector.skin-vector-legacy #p-personal {

    /* 最顶部的信息栏 */

    width: 100%;

    position: fixed;

    top: 0;

    right: 0;

    height: 2.5rem;

    padding: 0.5rem 1rem;

    background-image: var(--theme-topbar-img);

    background-size: contain;

    box-sizing: border-box;

    opacity: 0.5;

    font-size: 1rem;

    transition: opacity 0.3s ease 0.5s; }

    body.skin-vector.skin-vector-legacy #p-personal:hover {

      opacity: 1;

      transition-delay: 0s; }

    body.skin-vector.skin-vector-legacy #p-personal ul {

      float: right; }

      body.skin-vector.skin-vector-legacy #p-personal ul li {

        height: 1rem;

        margin-top: 0;

        margin-bottom: 0;

        font-size: 0.9rem;

        line-height: 1rem; }

    body.skin-vector.skin-vector-legacy #p-personal #pt-notifications-alert,

    body.skin-vector.skin-vector-legacy #p-personal #pt-notifications-notice {

      margin-right: 0; }

  body.skin-vector.skin-vector-legacy .ve-ui-toolbar-floating > .oo-ui-toolbar-bar {

    /* 顶部的信息栏遮挡可视化编辑器 */

    top: 2.5rem; }

  body.skin-vector.skin-vector-legacy #mw-head {

    /* 顶部栏 */

    top: calc( 46px + 3rem);

    padding: 0 57px 0 69px;

    width: calc(100% - 126px); }

    body.skin-vector.skin-vector-legacy #mw-head #left-navigation,

    body.skin-vector.skin-vector-legacy #mw-head #right-navigation {

      margin-top: 0rem; }

      body.skin-vector.skin-vector-legacy #mw-head #left-navigation nav,

      body.skin-vector.skin-vector-legacy #mw-head #left-navigation div,

      body.skin-vector.skin-vector-legacy #mw-head #left-navigation ul,

      body.skin-vector.skin-vector-legacy #mw-head #left-navigation span,

      body.skin-vector.skin-vector-legacy #mw-head #left-navigation a,

      body.skin-vector.skin-vector-legacy #mw-head #right-navigation nav,

      body.skin-vector.skin-vector-legacy #mw-head #right-navigation div,

      body.skin-vector.skin-vector-legacy #mw-head #right-navigation ul,

      body.skin-vector.skin-vector-legacy #mw-head #right-navigation span,

      body.skin-vector.skin-vector-legacy #mw-head #right-navigation a {

        background-image: none;

        background-color: transparent; }

      body.skin-vector.skin-vector-legacy #mw-head #left-navigation li,

      body.skin-vector.skin-vector-legacy #mw-head #right-navigation li {

        border-left: none;

        border-right: none; }

        body.skin-vector.skin-vector-legacy #mw-head #left-navigation li:first-child,

        body.skin-vector.skin-vector-legacy #mw-head #right-navigation li:first-child {

          border-left: 1px solid var(--linecolor); }

        body.skin-vector.skin-vector-legacy #mw-head #left-navigation li:last-child,

        body.skin-vector.skin-vector-legacy #mw-head #right-navigation li:last-child {

          border-right: 1px solid var(--linecolor); }

      body.skin-vector.skin-vector-legacy #mw-head #left-navigation ul li,

      body.skin-vector.skin-vector-legacy #mw-head #right-navigation ul li {

        height: 2.7rem;

        background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 20%); }

        body.skin-vector.skin-vector-legacy #mw-head #left-navigation ul li:hover,

        body.skin-vector.skin-vector-legacy #mw-head #right-navigation ul li:hover {

      body.skin-vector.skin-vector-legacy #mw-head #right-navigation ul.menu li {

         body.skin-vector.skin-vector-legacy #mw-head #left-navigation ul.menu li:hover,

        body.skin-vector.skin-vector-legacy #mw-head #right-navigation ul.menu li:hover {

          background-image: linear-gradient(0deg, var(--linecolor) 0%, var(--bgcolor) 6%); }

    body.skin-vector.skin-vector-legacy #mw-head #p-cactions .menu li {

      border: 1px solid var(--linecolor);

      background-color: var(--lightcolor); }

  body.skin-vector.skin-vector-legacy #content {

    /* 主体 */

    top: calc( 46px + 3rem);

    min-height: 400px;

    padding: 1px 69px;

    margin-left: 11rem;

    margin-right: 0.5rem;

    margin-bottom: calc(92px + 5rem);

    overflow: visible;

    position: relative;

    background: var(--book-border-left) left top repeat-y, var(--book-border-right) right top repeat-y;

    background-color: var(--bgcolor);

    border: none;

    border-width: 0; }

    body.skin-vector.skin-vector-legacy #content::after, body.skin-vector.skin-vector-legacy #content::before {

      content: '';

      left: 0;

      height: 46px;

      width: calc(100% - 92px);

      padding: 0 46px;

      display: block;

      position: absolute; }

    body.skin-vector.skin-vector-legacy #content::before {

      top: -46px;

      background: var(--book-border-left-top) left top no-repeat, var(--book-border-right-top) right top no-repeat, var(--book-border-top) top repeat-x content-box; }

    body.skin-vector.skin-vector-legacy #content::after {

      bottom: -46px;

      background: var(--book-border-left-bottom) left bottom no-repeat, var(--book-border-right-bottom) right bottom no-repeat, var(--book-border-bottom) bottom repeat-x content-box; }

  body.skin-vector.skin-vector-legacy #footer {

    /* 页脚 */

    padding-bottom: 0;

    margin-top: 46px;

    clear: both;

    transition: all 0.3s; }

    body.skin-vector.skin-vector-legacy #footer:hover {

      /*鼠标滑过，背景变白*/

      background: rgba(255, 255, 255, 0.7); }

  @media screen and (max-width: 982px) {

    body.skin-vector.skin-vector-legacy {

      /* 适配 */ }

      body.skin-vector.skin-vector-legacy #mw-panel {

        left: 0; }

      body.skin-vector.skin-vector-legacy #content {

        margin-left: 10rem;

        margin-right: 0; } }

  body.skin-vector.skin-vector-legacy #mw-page-base,

  body.skin-vector.skin-vector-legacy #mw-head-base {

    background-color: transparent;

    opacity: 0;

    display: none;

    height: 0; }

  body.skin-vector.skin-vector-legacy fieldset,

  body.skin-vector.skin-vector-legacy ul,

  body.skin-vector.skin-vector-legacy li,

  body.skin-vector.skin-vector-legacy a,

  body.skin-vector.skin-vector-legacy span,

  body.skin-vector.skin-vector-legacy em,

  body.skin-vector.skin-vector-legacy pre,

  body.skin-vector.skin-vector-legacy h1,

  body.skin-vector.skin-vector-legacy h2,

  body.skin-vector.skin-vector-legacy h3,

  body.skin-vector.skin-vector-legacy h4,

  body.skin-vector.skin-vector-legacy h5,

  body.skin-vector.skin-vector-legacy h6 {

    border-color: var(--linecolor) !important; }

     body.skin-vector:not(.skin-vector-legacy) .vector-menu-tabs li a {