MediaWiki:Gumaxdd152.css

/* PATCH UNTUK GUMAXDD152.css */

html, body { 
	background: url(http://dbr.gbi-bogor.org/w/skins/gumaxdd152/images/bg.jpg) repeat-x scroll center 0 #E2E1DF;
        background-size: cover;
}

#gumax-page {
	background: transparent fixed;
	font-size: 125%; /* web page font size */
	width: 990px; /* page width */
	margin: 0 auto 0 auto; /* WAS: margin: 0 auto; */
}

#gumax-header {
	/* border: 1px solid #000; /*debuging*/
	z-index: 100;  /* make logo visible over content*/
	margin: 0 auto 0 auto; /* WAS: margin: 0 auto; */
	padding: 0;
}

#p-logo a, #p-logo a:hover {
	background-image: url("http://dbr.gbi-bogor.org/w/images/d/d5/Logo-201112-700px.png") !important; /* WAS: NONE */
	width: 700px; /* WAS: NONE */
	height: 80px; /* WAS: height: 105px; */
	background-repeat: repeat-x; /* WAS: NONE */
	background-attachment: scroll; /* WAS: NONE */
}

#p-logo {
	z-index: 200;
	position: relative; /*needed to use z-index */
	float: left;
	text-align: left;
	margin: 10px 0 0px 0; /* WAS: margin: 10px 0 20px 0; */
	overflow: visible;
	display: block;
	padding: 0;
}

#gumax-p-login {
	/* border: 1px solid #000; /*debuging*/
	font-size: 90%;
	margin: 0; padding: 0px 0 0px 0; /* WAS: margin: 0; padding: 7px 0 5px 0; */
	text-align: right;
}

#gumax-p-login ul li a:hover { color: #333; font-weight: bold; }

#searchInput {
	width: 12em; /* WAS: width: 15em; */
	height:1.5em;
	margin: 0;
	font-size: 100%;
	border: 1px solid #777;
}

#searchInput:hover,
#searchInput:focus {
	background: #fff;
	width: 15em;  /* text field width when focused */
	border: 1px solid #FFCC99;
}

#gumax-p-navigation {
	position: relative;
	z-index: 900;
	margin-top: 0px; /* WAS: margin-top: 10px; */
}

#siteNotice {
	border: none; /* WAS: border: 1px solid #FF9933; */
	background: none; /* WAS: background: #FFFFCC; */
	margin: 0 0 0 0; /* WAS: margin: 0; */
	padding: 0em; 
	font-size: 100%;
}

#siteNotice p {
	margin: 0 0 .5em 0; /* WAS: margin: 0; */
	padding: 0;
}

.gumax-firstHeading {
	font-size: 170%;
	color: #000;
	padding-bottom: 2px; /* WAS: padding-bottom: 2px; */
	margin-top: 0;
}

#gumax-content-body { 
	background: white; /* content background */ /* WAS: background: #fff; */
	border: 1px 1px 0px 1px solid #e3e4e5; /* WAS: border: 1px solid #e3e4e5; */
	padding: 20px; /* content padding */
	margin: 0;
	opacity: 0.99; /* WAS NONE */
	filter:alpha(opacity=99); /* For IE8 and earlier */ /* WAS: NONE */
}

#gumax-content-actions {
	text-align: center; /* menu location */
	height: 27px;  /* need for IE win */
	white-space: nowrap;
	background: none;
	opacity: 1; /* WAS: NONE */
	filter:alpha(opacity=100); /* For IE8 and earlier */ /* WAS: NONE */
	border-radius: 5px;  /* WAS: NONE */
	color: #999;
	margin-bottom: 5px;  /* WAS: NONE */
}

body {
	background-attachment:fixed;
}

#gumax-content-actions ul { list-style: none; margin: 0 0 5px 0; padding: 7px; } /* WAS: margin: 0; */
#gumax-content-actions ul li { display: inline; margin: 0; padding: 0; vertical-align: top; } /* WAS: vertical-align: NONE */

#gumax-content-actions ul li a {
	padding: 5px 10px;
	text-decoration: none;
	font-size: 100%; font-family: Verdana, 'Trebuchet MS', Sans-serif,  Arial;
	color: #777;
	background: #f0f0f0; /* WAS: NONE  */
	white-space: nowrap;
	opacity: 75; /* WAS: NONE */
	filter:alpha(opacity=75); /* For IE8 and earlier */ /* WAS: NONE */
}

#gumax-content-actions li#ca-edit a {
	font-size: 100%;
	font-style: italic;
	color: #555;
}

#gumax-content-actions ul li a:hover, #gumax-content-actions ul li.selected a {
	color: #000; background: #fff;
	opacity: 1; /* ADDED BY LEO CAHYADI */
	filter:alpha(opacity=100); /* For IE8 and earlier */ /* ADDED BY LEO CAHYADI */
	font-size: 150%;
}

#gumax-content-actions ul li#ca-edit a:hover, #gumax-content-actions ul li.selected#ca-edit a {
	color: #000; background: #fff;
	opacity: 1; /* ADDED BY LEO CAHYADI */
	filter:alpha(opacity=100); /* For IE8 and earlier */ /* ADDED BY LEO CAHYADI */
	font-size: 150%;
}

ul, ol { margin-left: 1em; }

ul li, ol li { margin-left: 0; padding-left: 0; }

ol p, ul p { /* margin-bottom: 0.35em; */ margin-left: 0em; }

ul li:last-child, ol li:last-child {margin-bottom: .25em; }

h3, h4, h5, h6 { margin-top: .5em; margin-bottom: 0; padding-bottom: 0; }

h1, h2 { margin-top: .75em; margin-bottom: 0; padding-bottom: .2em; }

#toc, .toc { padding-right: 1em; white-space: nowrap; }

#toc ul ul,
.toc ul ul {
	margin: 0 0 0 2em;
	padding: 0 0 0 0;
	white-space: nowrap;
}

.toc ul li:last-child { margin-bottom: .3em; }

/* RETRO TABS */
#headertabs.retro.ui-widget {
  font-family:inherit;
  font-size: 1em;
  background: #fff;
  border: 0px;
}

#headertabs.retro .ui-tabs-panel {
  border-color: rgb(36,51,86) rgb(128,128,128) rgb (128,128,128);
  border-style: solid;
  border-width: 1px;
}

#headertabs.retro .ui-widget-header {
  border-bottom: 5px solid #2647A0;
}

#headertabs.retro .ui-state-default,
#headertabs.retro .ui-state-default a {
  background: #CCC;
  border-color: #666;
  color: #000;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

#headertabs.retro .ui-state-hover, 
#headertabs.retro .ui-state-hover a {
  background: rgb(191,218,255);
  color: #000;
}

#headertabs.retro .ui-state-active, 
#headertabs.retro .ui-state-active a {
  background: #2647A0;
  border-color: #000;
  border-width: 1px 1px 0px 1px;
  color: #fff;
}

#headertabs.retro .ui-widget input,
.ui-widget select, 
.ui-widget textarea,
.ui-widget button {
  font-family: inherit;
  font-size: 1em;
}

#headertabs.retro .ui-widget-content a {
  color: #0645ad;
}

#headertabs.retro .ui-widget a:visited {
  color: #0b0080;
}

#headertabs.retro .ui-widget-content a.new {
  color: #CC2200;
}

#headertabs.retro .ui-widget-content a.new:visited {
  color: #A55858;
}

#headertabs.retro .ui-widget-content a.exitw {
  color: #3366BB;
}

#headertabs.retro .ui-widget-content a.redirect {
  color: #308050
}

#headertabs.retro .ui-widget-content a.redirect:visited {
  color: #3070A0;
}