Difference between revisions of "MediaWiki:Vector.css"

From Drawn to Life Wiki
Line 1: Line 1:
 
/* All CSS here will be loaded for users of the Vector skin */
 
/* All CSS here will be loaded for users of the Vector skin */
  
/*******
+
 
* Logo *
+
  /***************************************************************/
********/
+
/* Shifts page contents down to achieve desired logo position. */
 +
/***************************************************************/
 +
  /********/
 +
/* Logo */
 +
/********/
 
#p-logo {
 
#p-logo {
 
     top: 35px;
 
     top: 35px;
 
     left: 50vw;
 
     left: 50vw;
 
     margin-left: -9.5em;
 
     margin-left: -9.5em;
    width: 10em;
 
    height: 160px;
 
    margin-bottom: 1em;
 
 
     position: absolute;
 
     position: absolute;
 
}
 
}
 
#p-logo a {
 
#p-logo a {
    background-position: center center;
 
    background-repeat: no-repeat;
 
    display: block;
 
 
     width: 23em;
 
     width: 23em;
 
     height: 12.2em;
 
     height: 12.2em;
    text-decoration: none;
 
 
}
 
}
 
+
    /************/
/*******
+
    /* End Logo */
* End Logo *
+
  /************/
********/
+
  /****************/
 
+
/* Page Content */
/*******
+
/****************/
* PageContent *
 
********/
 
 
 
 
#mw-head-base {
 
#mw-head-base {
 
     margin-top: 11em;
 
     margin-top: 11em;
Line 35: Line 29:
 
     height: 5em;
 
     height: 5em;
 
}
 
}
 
 
#mw-head {
 
#mw-head {
    position: absolute;
 
 
     top: 16em;
 
     top: 16em;
    right: 0;
 
    width: 100%;
 
 
}
 
}
 
+
    /********************/
/*******
+
    /* End Page Content */
* Head Bar *
+
  /********************/
********/
+
  /***************/
 +
/* Top Nav Bar */
 +
/***************/
 
#p-personal {
 
#p-personal {
 
     right: 0;
 
     right: 0;
Line 55: Line 47:
 
#p-personal ul {
 
#p-personal ul {
 
     float: right;
 
     float: right;
     padding-left: 0;
+
     padding-right: 10;
 
}
 
}
 +
  /*******************/
 +
/* End Top Nav Bar */
 +
/*******************/

Revision as of 22:49, 17 November 2020

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


  /***************************************************************/
 /* Shifts page contents down to achieve desired logo position. */
/***************************************************************/
  /********/
 /* Logo */
/********/
#p-logo {
    top: 35px;
    left: 50vw;
    margin-left: -9.5em;
    position: absolute;
}
#p-logo a {
    width: 23em;
    height: 12.2em;
}
     /************/
    /* End Logo */
   /************/
  /****************/
 /* Page Content */
/****************/
#mw-head-base {
    margin-top: 11em;
    margin-left: 10em;
    height: 5em;
}
#mw-head {
    top: 16em;
}
     /********************/
    /* End Page Content */
   /********************/
  /***************/
 /* Top Nav Bar */
/***************/
#p-personal {
    right: 0;
    top: 0;
    position: fixed;
    width: 100%;
    background-color: aliceblue;
}
#p-personal ul {
    float: right;
    padding-right: 10;
}
  /*******************/
 /* End Top Nav Bar */
/*******************/