MediaWiki:Vector.css: Difference between revisions

From Descent-Community Wiki 1.2
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will affect users of the Vector skin: →‎set max width and fix the background: html, body { position: relative; margin-left: auto !important; mar...")
 
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */
/* Always show the vertical scrollbar. Look/Feel changes between pages which are long/short. */
html {
  overflow-y: scroll;
}


/* set max width and fix the background */
/* set max width and fix the background */
Line 8: Line 13:
   margin-right: auto !important;
   margin-right: auto !important;
   max-width: 1280px;
   max-width: 1280px;
   background-image: url( resources/assets/Heroes_cropped.png ), url( resources/assets/Heroes2_cropped.png ), linear-gradient(#6370b4, #000000);
   background-image: url( resources/assets/Heroes_cropped.png ), url( resources/assets/Heroes2_cropped.png ), linear-gradient(#006fab, #000000);
   background-attachment: fixed, fixed;
   background-attachment: fixed, fixed;
   background-position: calc(50% + 870px) 20px, calc(50% - 870px) 20px, 0 0;
   background-position: calc(50% + 870px) 20px, calc(50% - 870px) 20px, 0 0;
   background-repeat: no-repeat, no-repeat, no-repeat;
   background-repeat: no-repeat, no-repeat, no-repeat;
   background-color: #6370b4;
   background-color: #006fab;
}
}


Line 37: Line 42:
#mw-panel {
#mw-panel {
   background-color: white;
   background-color: white;
}
/* Make footer readable in front of background */
div#footer ul li{
    color:slategrey!important;
}
div#footer ul li a,div#footer ul li a:visited {
    color:silver!important;
}
}

Latest revision as of 14:39, 18 February 2017

/* CSS placed here will affect users of the Vector skin */

/* Always show the vertical scrollbar. Look/Feel changes between pages which are long/short. */
html {
  overflow-y: scroll;
}

/* set max width and fix the background */
html,
body {
  position: relative;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px;
  background-image: url( resources/assets/Heroes_cropped.png ), url( resources/assets/Heroes2_cropped.png ), linear-gradient(#006fab, #000000);
  background-attachment: fixed, fixed;
  background-position: calc(50% + 870px) 20px, calc(50% - 870px) 20px, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-color: #006fab;
}

/* set blue right border*/
.mw-body {
  border-right: 1px solid #A7D7F9;
}

/** fix the position of:
  personal user menu
  search bar
  the pop-up indicator of language selector
  search suggestions 
**/
#p-personal { right: 3pt; }
#p-search { margin-right: 3pt; }
  .imeselector { position: fixed; }
  .suggestions { right: 3pt !important; }

/* Fix the background color of the navigation */
#p-logo {
  background-color: white;
}
#mw-panel {
  background-color: white;
}

/* Make footer readable in front of background */
div#footer ul li{
    color:slategrey!important;
}
div#footer ul li a,div#footer ul li a:visited {
    color:silver!important;
}