MediaWiki:Centralnotice-template-20101219 SLQ4: Difference between revisions

From Meta, a Wikimedia project coordination wiki
Content deleted Content added
No edit summary
 
No edit summary
Line 2: Line 2:


<style type="text/css">
<style type="text/css">
#centralNotice.collapsed #SLQ1{
#centralNotice.collapsed #SLQ4{
display: none;
display: none;
}
}


#SLQ1{
#SLQ4{
position: relative;
position: relative;
overflow: hidden;
overflow: hidden;
Line 18: Line 18:
}
}


#SLQ1-text {
#SLQ4-text {
padding: 1.25em 1.5em !important;
padding: 1.25em 1.5em !important;
overflow: hidden;
overflow: hidden;
Line 38: Line 38:
}
}


#SLQ1 a:hover {
#SLQ4 a:hover {
text-decoration: none;
text-decoration: none;
}
}


#SLQ1-text:hover {
#SLQ4-text:hover {
text-decoration: underline;
text-decoration: underline;
color: #333333;
color: #333333;
Line 58: Line 58:
}
}
url+= "?utm_medium=sitenotice&utm_campaign={{{campaign}}}&utm_source={{{banner}}}&country_code="+Geo.country;
url+= "?utm_medium=sitenotice&utm_campaign={{{campaign}}}&utm_source={{{banner}}}&country_code="+Geo.country;
$j("div#SLQ1 a.variable_lp").attr("href",url);
$j("div#SLQ4 a.variable_lp").attr("href",url);
}
}
if($j){
if($j){
Line 69: Line 69:
<a class="variable_lp cn-full-banner-click" href="">
<a class="variable_lp cn-full-banner-click" href="">


<div id="SLQ1-text">
<div id="SLQ4-text">
{{{SLQ1-text1}}}<br />{{{SLQ1-text2}}}
{{{SLQ4-text1}}}<br />{{{SLQ4-text2}}}
</div>
</div>

Revision as of 08:08, 20 December 2010

<style type="text/css">

/* Common style for 2010 banners */
/* Hide the collapsed banner */
#centralNotice.collapsed .cn-fundraiser-banner {
 display: none;
}
/* Suppress lock icon for secure links in the banner */ 
#centralNotice a[href^="https://"], .link-https {
 background-image: none !important;
 padding: 0 !important;
}
/* Set a grey border, grey background, etc. */
.cn-fundraiser-banner {
 position: relative;
 border: 1px solid silver;
 background-color: #fbfbfb;
 margin-bottom: 0.5em !important;
 padding-top: 1em;
 padding-bottom: 1em;
 text-align:center;
}
/* Put the little X in the top-right corner */
#cn-toggle-box {
 position: absolute;
 top: .2em;
 right: .2em;
}
/* Bold, blue text */
.cn-blue-text {
 font-weight: bold;
 font-family: Helvetica, Verdana, sans-serif;
 color: #6e98c2;
 text-align: center;
 font-size: 1.3em;
}
/* Bigger bold, blue text */
.cn-bold-blue-text {
 font-size: 2.25em;
 font-weight: bold;
 font-family: Helvetica, Arial, sans-serif;
 color: navy;
 text-align: center;
 padding: 0.5em !important;
 line-height: 1em;
}
/* For buttons in the lower right corner */
.cn-bottom-right-float {
 position: absolute;
 right: 1em;
 bottom: 1em;
}
/* To make the entire banner clickable */
a.cn-full-banner-click {
 display:block;
 position:relative;
 height:100%;
 width:100%;
}

</style>

<style type="text/css">

#centralNotice.collapsed #SLQ4{
 display: none;
}
#SLQ4{
 position: relative;
 overflow: hidden;
 border: solid 1px silver;
 background-color: #FFFFFF;
 height: 172px;
 background-image: url(http://upload.wikimedia.org/wikipedia/commons/f/f7/Warwick_Church_banner.jpg);
 background-position: right top;
 background-repeat: no-repeat;
 margin-bottom: 0.5em !important;
}
#SLQ4-text {
 padding: 1.25em 1.5em !important;
 overflow: hidden;
 color: #333333;
 font-family: helvetica, arial, sans-serif;
 font-weight: normal;
 text-align: left;
 font-size: 2.25em;
 line-height: 1.125em;
 cursor: pointer;
 background-color: transparent;
}
#cn-toggle-box {
 position: absolute;
 z-index: 1000;
 top: .2em;
 right: .2em;
}
#SLQ4 a:hover {
 text-decoration: none;
}
#SLQ4-text:hover {
 text-decoration: underline;
 color: #333333;
}

</style>


<script type="text/javascript"> var cn_rewrite_url = function() {

 var url = '{{{banner-url-2010}}}';
 var targets = String( '{{{targets}}}' ).split(',');
 if ( targets.length ) {
   url += "/" + targets[Math.floor( Math.random() * targets.length )].replace(/^\s+|\s+$/, );
 }
   url+= "?utm_medium=sitenotice&utm_campaign={{{campaign}}}&utm_source={{{banner}}}&country_code="+Geo.country;
 $j("div#SLQ4 a.variable_lp").attr("href",url);

} if($j){

 $j(document).ready(cn_rewrite_url);

} </script>

<a class="variable_lp cn-full-banner-click" href="">
  {{{SLQ4-text1}}}
{{{SLQ4-text2}}}
</a>
 <a href="#" onclick="toggleNotice();return false"><img border="0" src="//upload.wikimedia.org/wikipedia/foundation/2/20/CloseWindow19x19.png" width="19" height="19" alt="Close" /></a>