Difference between revisions of "MediaWiki:Vector.css"

Revision as of 04:26, 18 November 2020

/* All CSS here will be loaded for users of the Vector skin */


  /***************************************************************/
 /* Shifts page contents down to achieve desired logo position. */
/***************************************************************/
  /********/
 /* Logo */
/********/
/*Left and right positions*/
#p-logo {
    top: -25em;
    left: 49vw;
    margin-left: -9.5em;
    position: absolute;
}
/*Image size*/
#p-logo a {
    width: 23em;
    height: 20em;
}
     /************/
    /* End Logo */
   /************/
  /****************/
 /* Page Content */
/****************/
/*Postion of main page content*/
#mw-head-base {
    /*margin-top: 16em;*/
    height: 26em;
}
/*Position of top page controls*/
#mw-head {
    top: 19em;
}
/*Moves edit buttons, etc, down*/
.mw-body {
    padding: 4.25em 1.5em 1.5em 1.5em;
}
.mw-body .firstHeading {
    border-top: 1px solid #a2a9b1;
}



    
     /********************/
    /* End Page Content */
   /********************/
  /***************/
 /* Top Nav Bar */
/***************/
/*Widens top bar*/
#p-personal {
    right: 0;
    top: 0;
    position: fixed;
    width: 100%;
    background-color: aliceblue;
}
/*Text in top bar*/
#p-personal ul {
    float: right;
    padding-right: 10px;
}
/*Removes white bar under top bar*/
#mw-page-base {
    display: none;
}
  /*******************/
 /* End Top Nav Bar */
/*******************/
  /****************/
 /* Side Nav Bar */
/****************/
#mw-panel {
    top: 25em;
}
  /********************/
 /* End Side Nav Bar */
/********************/




  /*********************************/
 /* Styling of buttons and links. */
/*********************************/
/*Shifts page and discussions right*/
.vector-menu-tabs ul {
    margin-left: 20px;
}

/*Active*/
.vector-menu-tabs .selected {
    background-image: none;
    background: #72b531;
    border: none;
    margin: 5px 2px 0px 2px;
    border-radius: 5px;
    border-bottom: 0.3rem solid #3b7e0e;
    height: 2em;
}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
    color: #fff;
    font-weight: bold;
}
.vector-menu-tabs li a {
    padding-top: 0.5em;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
    background-image: none;
}


/*Inactive*/
.vector-menu-tabs li {
    background-image: none;
    background: #5aa7e2;
    border-bottom: 0.3rem solid #254a8f;
    margin: 5px 2px 0px 2px;
    border-radius: 5px;
    height: 2em;
}
.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
    color: white;
    font-weight: bold;
}
.vector-menu-tabs li a {
    color: white;
    font-weight: bold;
}

/*Moves watch star to button cetner*/
.vector-menu-tabs .mw-watchlink.icon a::before {
    top: 0.6em;
    left: 0.45em;
}

/*More Dropdown*/
/*Text*/
.vector-menu-dropdown h3 {
    color: white;
    font-weight: bold;
}
.vector-menu-dropdown h3:hover, .vector-menu-dropdown h3:focus {
    color: white;
}
/*Actual button*/
.vector-menu-dropdown {
    line-height: 0.125em;
    background: #e49202;
    margin: 5px 2px 0px 2px;
    border-radius: 5px;
    border-bottom: 0.3rem solid #b24408;
    height: 2em;
}

/*Button Icons*/
/*ArrowSVG*/
.vector-menu-dropdown h3::after {
    background-image: url(/w/images/e/e5/Arrow-down-white.png);
    background-image: linear-gradient(transparent,transparent),url(/w/images/5/53/Arrow-down-white.svg);
    top: -0.231em;
}
/*StarUnwatchSVG*/
.vector-menu-tabs #ca-unwatch.icon a::before {
    background-image: linear-gradient(transparent,transparent),url(/w/skins/Vector/resources/skins.vector.styles/images/watch-icon.svg?257a2);
}
/*StarWatchSVG*/
.vector-menu-tabs #ca-watch.icon a::before {

    background-image: linear-gradient(transparent,transparent),url(/w/images/f/f7/Unwatch-icon-mono.svg);

}


  /**************/
 /* Searchbar  */
/**************/
#searchInput {
    border-radius: 5px;
    height: 2.6em;
}