Gebruiker:Dedalus/monobook.css

<style type="text/css">
.harvard-title {
	height: 120px;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	position: relative;
	background-color: white;
	font-family: sans-serif;
	border: 1px solid #000000;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(//upload.wikimedia.org/wikipedia/foundation/0/0a/Harvard_background.png);
}
.harvard-support {
    left: 5px;
    bottom: 2px;
    font-size: 0.8em;
    position: absolute;
    text-shadow: 1px 1px #FFFFFF;
}
.havard-logos {
	width: 90%;
	float: right;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}
.havard-logos-sciencespo {
	margin-left: 16px;
}
.havard-logos-harvard,
.havard-logos-sciencespo {
	vertical-align: middle;
	background-color: #FFFFFF;
}
.harvard-container {
	width: 90%;
	float: right;
	height: 80px;
	position: relative;
}
.harvard-text {
	z-index: 100;
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	text-shadow: 1px 1px rgba(223, 223, 223, .9);
}
.harvard-button {
	right: 5px;
	z-index: 50;
	bottom: 7px;
	position: absolute;
}
.harvard-button-start {
	width: 4px;
	height: 20px;
	float: right;
	background-position: right bottom;
	background-image: url(//upload.wikimedia.org/wikipedia/foundation/a/a6/Harvard_button.png);
}
.harvard-button-label {
	z-index: 99;
	color: black;
	float: right;
	height: 20px;
	padding: 0 4px;
	font-size: 0.8em;
	cursor: pointer;
	line-height: 1.9em;
	white-space: nowrap;
	text-decoration: none;
	font-family: sans-serif;
	background-repeat: repeat-x;
	background-position: center center;
	background-image: url(//upload.wikimedia.org/wikipedia/foundation/a/a6/Harvard_button.png);
}
.harvard-button-end {
	width: 4px;
	float: right;
	height: 20px;
	background-position: left top;
	background-image: url(//upload.wikimedia.org/wikipedia/foundation/a/a6/Harvard_button.png);
}
.harvard-toggle-box {
	top: .2em;
	right: .2em;
	z-index: 1000;
	position: absolute;
}
</style>
<div class="harvard-title">
	<div class="harvard-support">With support from the Wikimedia Research Committee</div>
	<form id="harvard-survey-form" action="http://grebdioz.sciences-po.fr/limesurvey/services/login.php" target="_blank" method="post">
		<div class="havard-logos">
			<img class="havard-logos-harvard" src="//upload.wikimedia.org/wikipedia/en/8/89/Berkman_Center_logo.png" width="270" height="32"/>
			<img class="havard-logos-sciencespo" src="//upload.wikimedia.org/wikipedia/fr/thumb/d/d5/Institut_d%27%C3%A9tudes_politiques_de_Paris_%28logo%29.svg/300px-Institut_d%27%C3%A9tudes_politiques_de_Paris_%28logo%29.svg.png" width="110" height="20"/>
		</div>
		<div class="harvard-container">
			<div class="harvard-button">
				<div class="harvard-button-start"></div>
				<div class="harvard-button-label">Learn more now!</div>
				<div class="harvard-button-end"></div>
			</div>
			<div class="harvard-text">
				Please help advance research<br/>with a <b>quick interactive online experiment</b>
			</div>
		</div>
	</form>
	<div class="harvard-toggle-box">
		<a href="#" onclick="toggleNotice(); return false;">{{MediaWiki:centralnotice-shared-close}}</a>
	</div>
</div>
<script type="text/javascript">
(function(){
// Add input fields
var	formhtml = '',
	postData = mw.config.get( 'wgNoticeBanner_Harvard2011' );
// postData is false if use is ineligible
if(postData){
	$.each( postData, function( key, val ) {
		formhtml += mw.html.element( 'input', { type: 'hidden', name: key, value: val } );
	});

	$('#harvard-survey-form')
	.prepend(formhtml)
	.click(function(){
		$(this).submit();
	});
} else {
  // $('#harvard-banner-container').hide(); // will not work as jQuery.ajax executes script-tag code before inserting the above into the actual DOM
  $( '#centralNotice' ).hide();
}

})();
</script>