Difference between revisions of "MediaWiki:Vector.css"
From Drawn to Life Wiki
| Line 8: | Line 8: | ||
/* Logo */ | /* Logo */ | ||
/********/ | /********/ | ||
| + | /*Left and right positions*/ | ||
#p-logo { | #p-logo { | ||
top: 35px; | top: 35px; | ||
| Line 14: | Line 15: | ||
position: absolute; | position: absolute; | ||
} | } | ||
| + | /*Image size*/ | ||
#p-logo a { | #p-logo a { | ||
width: 23em; | width: 23em; | ||
| Line 24: | Line 26: | ||
/* Page Content */ | /* Page Content */ | ||
/****************/ | /****************/ | ||
| + | /*Postion of main page content*/ | ||
#mw-head-base { | #mw-head-base { | ||
margin-top: 11em; | margin-top: 11em; | ||
} | } | ||
| + | /*Position of top page controls*/ | ||
#mw-head { | #mw-head { | ||
top: 16em; | top: 16em; | ||
| Line 36: | Line 40: | ||
/* Top Nav Bar */ | /* Top Nav Bar */ | ||
/***************/ | /***************/ | ||
| + | /*Widens top bar*/ | ||
#p-personal { | #p-personal { | ||
right: 0; | right: 0; | ||
| Line 43: | Line 48: | ||
background-color: aliceblue; | background-color: aliceblue; | ||
} | } | ||
| + | /*Text in top bar*/ | ||
#p-personal ul { | #p-personal ul { | ||
float: right; | float: right; | ||
Revision as of 23:06, 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 */
/********/
/*Left and right positions*/
#p-logo {
top: 35px;
left: 50vw;
margin-left: -9.5em;
position: absolute;
}
/*Image size*/
#p-logo a {
width: 23em;
height: 12.2em;
}
/************/
/* End Logo */
/************/
/****************/
/* Page Content */
/****************/
/*Postion of main page content*/
#mw-head-base {
margin-top: 11em;
}
/*Position of top page controls*/
#mw-head {
top: 16em;
}
/********************/
/* 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;
}
/*******************/
/* End Top Nav Bar */
/*******************/
