User:StolenBattenberg/vector.css: Difference between revisions

From Sword of Moonlight Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(16 intermediate revisions by the same user not shown)
Line 20: Line 20:
     box-shadow: rgba(63,159,201,0.7) 0px 1px 8px, inset rgba(63,159,201,0.4) 0px 0px 0px 1px;
     box-shadow: rgba(63,159,201,0.7) 0px 1px 8px, inset rgba(63,159,201,0.4) 0px 0px 0px 1px;
     border: 0px;
     border: 0px;
    .firstHeading
    {
      color: #F0F0F0;
      border: none;
      text-shadow: #3f9fc9 0px 1px 1px;
      border-image: linear-gradient(to right, #3F9FC9C0 0%, #3FCFC9C0 100%) 1;
      border-width: 1px;
      border-style: solid;
      border-top: none;
      border-left: none;
      border-right: none;
    }
    a:visited
    {
      color: #3F9FC9;
    }
    /* Body Content */
    .mw-body-content h2, .mw-body-content h3
    {
      text-shadow: #3f9fc9 0px 1px 1px;
      color: #F0F0F0;
    }
    #bodyContent
    {
      /* Subtitle */
      #mw-content-subtitle
      {
        color: #F0F0F0;
      }
      #mw-content-text
      {
        color: #F0F0F0;
      }
    }
   }
   }



Latest revision as of 20:01, 17 September 2024

@media screen 
{
  /*************/
  /* Main Page */
  /*************/
  body 
  {
    background-image: url("https://wiki.swordofmoonlight.com/images/somwikibg.webp");
    background-color: #080808;
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  /* This is the main content area, excluding the tabs */
  .mw-body
  {
    background-image: none;
    background: rgba(15,15,15,0.95);
    box-shadow: rgba(63,159,201,0.7) 0px 1px 8px, inset rgba(63,159,201,0.4) 0px 0px 0px 1px;
    border: 0px;

    .firstHeading 
    {
      color: #F0F0F0;
      border: none;

      text-shadow: #3f9fc9 0px 1px 1px;

      border-image: linear-gradient(to right, #3F9FC9C0 0%, #3FCFC9C0 100%) 1;
      border-width: 1px;
      border-style: solid;
      border-top: none;
      border-left: none;
      border-right: none;
    }

    a:visited 
    {
      color: #3F9FC9;
    }

    /* Body Content */
    .mw-body-content h2, .mw-body-content h3
    {
      text-shadow: #3f9fc9 0px 1px 1px;
      color: #F0F0F0;
    }

    #bodyContent
    {
      /* Subtitle */
      #mw-content-subtitle 
      {
        color: #F0F0F0;
      }

      #mw-content-text
      {
        color: #F0F0F0;
      }
    }
  }

  /* Something something */
  #mw-head-base
  {

  }

  /* This controls the page colour directly behind the top navigation */
  #mw-page-base 
  {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-position: unset;
    height: 8em;
  }

  /**********/
  /* Footer */
  /**********/
  .mw-footer 
  {
    background: rgba(255,255,255,0.4);

    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;

    padding: 1em 1em 3em 1em;
    margin: 0em 0em 2em 11em;
  }

  /*******************/
  /* Navigation, Top */
  /*******************/
  #mw-head 
  {
    background: rgba(255,255,255,0.4);
    border: none;
    border-top: 1px solid #ccc;

    border-radius: 0px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;

    position: absolute;
    top: 5em;
    left: 11em;
    margin: 0em 11em 0em 0em; 
    width: calc(100% - 11em);
    height: 2.9em;
  }

  #p-personal
  {
    padding: 0px;
    margin: 0em 0em 0em 0em; 
    position: absolute;
    right: 1em;
    top: -4em;
  }

  .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading
  {
      background-image: none; !important;
      background-color: rgba(0, 0, 0, 0); !important;
  }

  #left-navigation
  {
    padding: 0px;
    margin: 1.2em 0px 0px 0px;

    .vector-menu-tabs-legacy
    {
      .mw-list-item
      {
        background-image: none;
        background: rgba(15,15,15,0.95);

        margin: 0px 0px 0px 0.25em;

        box-shadow: inset rgba(0,0,0,0.7) 0px -2px 4px 0px;

        border: none;
        border-top: 1px solid #ccc;

        border-radius: 0px;
        border-top-left-radius: 6px 6px;
        border-top-right-radius: 6px 6px;

        float: left;
        display: block;
        height: 50%;
        line-height: 1.125em;

        a
        {
          padding: 4px 8px 0px 8px;
          margin: 0px 0px 0em 0px;
          height: 2em;
        }

        span
        {
          margin: 0px 0px 8px 0px;
          color: #F0F0F0;
          text-align: center;
          text-decoration: none;
        }
      }

      .selected
      {
        background: rgba(31,31,31,0.95);
        box-shadow: rgba(63,159,201,0.7) 0px 1px 8px;

        span
        {
          color: #F0F0F0;
          text-align: center;
          text-decoration: none;
          text-shadow: #3f9fc9 0px 1px 1px;
        }
      }
    }
  }

  .vector-menu-tabs .mw-watchlink.icon a
  {
    width: 100%;
  }
  
  .vector-menu-tabs #ca-watch.icon a::before, .vector-menu-tabs #ca-unwatch.icon a::before
  {
    background-image: none;
  }

  #right-navigation
  {
    padding: 0px;
    margin: 1.2em 0em 0em 0em;

    .vector-search-box form 
    {
      margin: -0.25em 1em 0em 0.75em;

      .vector-search-box-input
      {
        background-color: rgba(0,0,0,0.1);
      }
    }

    #p-cactions
    {
      background: rgba(15,15,15,0.95);
      margin: 0px 0px 0px 0.25em;

      display: block;
      height: 50%;
      line-height: 1.125em;

      box-shadow: inset rgba(0,0,0,0.7) 0px -2px 4px 0px;

      border: none;
      border-top: 1px solid #ccc;

      border-radius: 0px;
      border-top-left-radius: 6px 6px;
      border-top-right-radius: 6px 6px;
      
      #p-cactions-label
      {
        padding: 4px 8px 4px 8px;
        margin: 0px 0px 0em 0px;
        color: #F0F0F0;
        text-align: center;
        text-decoration: none;
      }
    }

    #p-search
    {
      margin: 0px 0px 0px 0.25em;
      height: 50%;
      line-height: 1.125em;
    }

    .vector-menu-tabs-legacy
    {
      .mw-list-item
      {
        background-image: none;
        background: rgba(15,15,15,0.95);

        margin: 0px 0px 0px 0.25em;

        box-shadow: inset rgba(0,0,0,0.7) 0px -2px 4px 0px;

        border: none;
        border-top: 1px solid #ccc;

        border-radius: 0px;
        border-top-left-radius: 6px 6px;
        border-top-right-radius: 6px 6px;

        float: left;
        display: block;
        height: 50%;
        line-height: 1.125em;

        a
        {
          padding: 4px 8px 0px 8px;
          margin: 0px 0px 0em 0px;
          height: 2em;
        }
     
        span
        {
          margin: 0px 0px 8px 0px;
          color: #F0F0F0;
          text-align: center;
          text-decoration: none;
        }
      }

      .selected
      {
        background: rgba(31,31,31,0.95);
        box-shadow: rgba(63,159,201,0.7) 0px 1px 8px;

        span
        {
          color: #F0F0F0;
          text-align: center;
          text-decoration: none;
          text-shadow: #3f9fc9 0px 1px 1px;
        }
      }
    }
  }

  /********************/
  /* Navigation, User */
  /********************/
  #p-personal ul 
  {
    padding: 0px;
    margin: 0px;
  }

  .vector-user-menu-legacy .vector-menu-content-list
  {
    padding: 0px;
    margin: 0px;

    background: rgba(15,15,15,0.95);
    box-shadow: rgba(63,159,201,0.7) 0px 1px 8px, inset rgba(63,159,201,0.4) 0px 0px 0px 1px;
    border-radius: 2px;
    border: 1px;
  }

  /* This is a generic link on the user menu */
  .vector-user-menu-legacy
  {
    li 
    {
      float: left;
      padding: 0px;
      margin: 0px;
      line-height: 32px;

      a:hover
      {
        background: rgba(33,33,33,0.95);
        box-shadow: inset rgba(63,159,201,0.4) 0px 0px 0px 1px;
        text-decoration: none;
        text-shadow: #3f9fc9 0px 1px 1px;
      }
 
      a
      {
        padding: 0px 8px 0px 8px;
        margin: 0px;
        background-image: none;
        display: inline-block;

        span 
        {
          color: #F0F0F0;
          text-align: center;
        }
      }
    }

    /* Specific Override: User Page */
    #pt-userpage a
    {
        padding: 0px 8px 0px 16px;
        margin: 0px;
        background-image: none;
        display: inline-block;
    }
    
    /* Specific Override: Log out */
    #pt-logout a
    {
        padding: 0px 16px 0px 8px;
        margin: 0px;
        background-image: none;
        display: inline-block;
    } 
  }

  /********************/
  /* Navigation, Side */
  /********************/
  #mw-panel 
  {
    background: rgba(15,15,15,0.73);
    box-shadow: rgba(63,159,201,0.7) 0px 1px 8px, inset rgba(63,159,201,0.4) 0px 0px 0px 1px;
    border-radius: 2px;
    border: 1px;

    position: absolute;
    top: 5em;
    left: 0.25em;
    width: 9.75em;
  }

  .vector-legacy-sidebar .vector-menu-portal
  {
    .vector-menu-heading
    {
      text-decoration: none;
      text-shadow: #3f9fc9 0px 1px 1px;
      color: #F0F0F0;
    }

    .vector-menu-content li a:visited
    {
      color: #F0F0F0;
    }

    .vector-menu-content li a
    {
      color: #3f9fc9;
    }
  }
}