User:Markyuni-/common.css

From The Nitrome Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* ijzm's css that i stole and changed because i'm a stubborn bitch */

/* Top Panel */

#mw-page-base {
	height:10em;
}

#mw-head {
    position: absolute;
    top: 40px;
    right: 0;
    width: 100%;
}

/*
#left-navigation li,
#right-navigation li {
	width: 72px;
	position: relative;
}

#left-navigation {
	margin-left: 255px;
}

#p-logo {
  margin-bottom: 1em;
  background-image: url("/images/2/24/Css_nitromewiki_default_spritesheet.png");
  display: flex;
  height: 51px;
  width: 237px;
  position: absolute;
  margin-left: 19px;
  top: 5em;
  left: 0;
}
	
#p-logo a {
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  width: 217px;
  height: 100%;
  text-decoration: none;
  position: absolute;
  top: -2px;
  left: 6px;
}
*/

/*Top Navbar*/

#mw-head .vector-menu a span {
	background-repeat: no-repeat;
	display: block;
}

/*
#mw-head .vector-menu-tabs-legacy li a {
	height: 51px;
}

#left-navigation a span,
#right-navigation a span {
	background-image:url(/images/2/24/Css_nitromewiki_default_spritesheet.png);
	width:72px;
	position: absolute;
	left: 0;
}

#ca-nstab-special a span {
	background-position:-432px -77px;
	height:51px;
	top:0;
}

#ca-nstab-special a span:hover,
#ca-nstab-special a span .selected {
	background-position:-504px -77px;
	height:55px;
	top:0;
}

#ca-nstab-main a span {
	background-position:-288px -77px;
	height:51px;
	top:0;
}

#ca-nstab-main a span:hover,
#ca-nstab-main a span .selected {
	background-position:-360px -77px;
	height:55px;
	top:0;
}

#ca-nstab-mediawiki a span {
  background-position: -1296px -77px;
  height: 51px;
  top: 0;
}

#ca-nstab-mediawiki a span:hover,
#ca-nstab-mediawiki a span .selected {
  background-position: -1368px -77px;
  height:55px;
  top:0
}

#ca-nstab-user a span {
	background-position: -144px -77px;
	height: 51px;
	top: 0;
}

#ca-nstab-user a span:hover,
#ca-nstab-user a span .selected {
	background-position: -216px -77px;
	height: 55px;
	top: 0;
}

#ca-nstab-image a span {
	background-position: 0 -77px;
	height: 51px;
	top: 0;
}

#ca-nstab-image a span:hover,
#ca-nstab-image a span .selected {
	background-position: -72px -77px;
	height: 55px;
	top: 0;
}

#ca-talk a span {
	background-position: -576px -67px;
	height: 61px;
	top: -10px;
}

#ca-talk a span:hover,
#ca-talk a span .selected {
	background-position: -648px -71px;
	height: 61px;
	top: -6px;
}

#ca-view a span {
	background-position: -720px -77px;
	height: 51px;
	top: 0;
}

#ca-view a span:hover,
#ca-view a span .selected {
	background-position: -792px -77px;
	height: 55px;
	top: 0;
}

#ca-ve-edit a span {
	background-position: -864px -77px;
	height: 51px;
	top: 0;
}

#ca-ve-edit a span:hover,
#ca-ve-edit a span .selected {
	background-position: -936px -77px;
	height: 55px;
	top: 0;
}

#ca-edit a span {
	background-position: -1008px -77px;
	height: 51px;
	top: 0;
}

#ca-edit a span:hover,
#ca-edit a span .selected {
	background-position: -1080px -77px;
	height: 55px;
	top: 0;
}

#ca-history a span {
	background-position: -1152px -77px;
	height: 51px;
	top: 0;
}

#ca-history a span:hover,
#ca-history a span .selected {
	background-position: -1224px -77px;
	height: 55px;
	top: 0;
}
*/

/* Search Box*/
/*
#searchInput {
	border-image-source: url("https://i.imgur.com/G4YndLV.png") !important;
	border-image-width: 5px !important;
	border-image-slice: 5 fill !important;
}

#p-search {
	border-image-source: url("https://i.imgur.com/Ql53reR.png") !important;
	border-image-width: 16px !important;
	border-image-slice: 16 fill !important;
	
	padding: 0 16px 3px 16px !important;
}
*/

div#content:before, footer#footer:before {
  content:"";
  background:url(/images/4/40/Css_shadow.png) repeat scroll 0 0;
  position:absolute;
  width:100%;
  height:100%;
  top:5px;
  left:-5px;
  z-index:-10 
}

div#content, footer#footer {
  position:relative
}