MediaWiki:Centralnotice-template-eswikiSOPA

/* Common style for 2011 banners */

/* 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 (ltr) or top-left (rtl) corner */
#cn-toggle-box {
 position: absolute;
 z-index: 51;
 top: 7px;
}
body.ltr #cn-toggle-box {
 right: 7px;
}
body.rtl #cn-toggle-box {
 left: 7px;
}
#cn-toggle-box img {
 display: block;
}

/* Put the big X in the top-right (ltr) or top-left (rtl) corner */
#cn-close-box {
 position: absolute;
 z-index: 51;
 top: 5px;
}
body.ltr #cn-close-box {
 right: 5px;
}
body.rtl #cn-close-box {
 left: 5px;
}
#cn-close-box img {
 display: block;
}

/* Bold, blue text */
.cn-blue-text {
 font-weight: bold;
 color: #6e98c2;
 text-align: center;
 font-size: 1.3em;
}

/* Bigger bold, blue text */
.cn-bold-blue-text {
 font-size: 2.25em;
 font-weight: bold;
 color: navy;
 text-align: center;
 padding: 0.5em !important;
 line-height: 1em;
 direction: ltr; // Temporary fix for FRDrill 6. Will be removed later (breaks RTL when we have translations)
}

/* For buttons in the lower right (ltr) or left (rtl) corner */
.cn-bottom-right-float {
 position: absolute;
 z-index: 50;
 bottom: 1em;
}
body.ltr .cn-bottom-right-float {
 right: 1em;
}
body.rtl .cn-bottom-right-float {
 left: 1em;
}

/* For buttons in the upper left (ltr) or right (rtl) corner */

.cn-top-left-float {
 position: absolute;
 z-index: 50;
 top: 1em;
}
body.ltr .cn-top-left-float {
 left: 1em;
}
body.rtl .cn-top-left-float {
 right: 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">

notice-button-2011 {

 height: 30px;
 text-align: center;
 background-color: transparent;
}

body.ltr #notice-button-2011 {

 float: right;
}

body.rtl #notice-button-2011 {

 float: left;
}

notice-button-2011-start {

 float: right;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/a/a7/CNtranslatebutton2.png);
 background-position: right bottom;
 width: 4px;
 height: 30px;
}

#notice-button-2011-end {
 float: right;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/a/a7/CNtranslatebutton2.png);
 background-position: left top;
 width: 4px;
 height: 30px;
}

notice-button-2011-label {

 float: right;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/a/a7/CNtranslatebutton2.png);
 background-position: center center;
 background-repeat: repeat-x;
 font-family: sans-serif;
 font-size: 1em;
 font-weight: bold;
 color: black;
 line-height: 30px;
 height: 30px;
 padding: 0 4px;
 white-space: nowrap;
 text-decoration: none;
 cursor: pointer;
}

notice-button-2011-label:hover{

 text-decoration: none;
 cursor: pointer;

}

notice-button-2011-Editor {

position:absolute;
height: 30px;
text-align: center;
background-color: transparent;
bottom: 15px;

} body.ltr #notice-button-2011-Editor {

left: 40px;

} body.rtl #notice-button-2011-Editor {

right: 40px;

}

notice-button-2011-start-Editor {

 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/a/a7/CNtranslatebutton2.png);
 background-position: left top;
 width: 4px;
 height: 30px;
}

#notice-button-2011-end-Editor {
 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/a/a7/CNtranslatebutton2.png);
 background-position: right bottom;
 width: 4px;
 height: 30px;
}

notice-button-2011-label-Editor {

 float: left;
 background-image: url(//upload.wikimedia.org/wikipedia/foundation/a/a7/CNtranslatebutton2.png);
 background-position: center center;
 background-repeat: repeat-x;
 font-family: sans-serif;
 font-size: .5em;
 font-weight: bold;
 color: black;
 line-height: 30px;
 height: 30px;
 padding: 0 4px;
 white-space: nowrap;
}

</style>

centralNotice.collapsed #enwp-SOPA-GLOBAL-warning {

 display: none;
}

enwp-SOPA-GLOBAL-warning {

 position: relative;
 overflow: hidden;
 margin-bottom: 0.5em !important;
 background-color: #000000;
 background-repeat: repeat-x;
 border: solid 1px #000000; 
 height: 130px;

}

enwp-SOPA-GLOBAL-warning-content {

 position:relative;
 padding: 25px 160px;
 text-align: center;
 line-height: 2em;
 color: white;

}

enwp-SOPA-GLOBAL-warning-logo {

 position: absolute;
 top: 0px;
 left: 0px;
 background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/d4/WP_SOPA_banner.png/170px-WP_SOPA_banner.png");
    background-repeat: no-repeat;
 height: 150px;
 width: 150px;
 background-repeat: no-repeat;

}

enwp-SOPA-GLOBAL-warning #cn-toggle-box {

 position: absolute;
 z-index: 98;
 top: 5px;
 right: 5px;
}

enwp-SOPA-GLOBAL-warning-text1 {

color: white; font-size: 1.3em; font-weight: bold; padding-bottom: 10px; }

enwp-SOPA-GLOBAL-warning-text2 {

color: white; font-size: 1.3em; font-weight: bold; }

.cn-bottom-right-float {

 position: absolute;
 z-index: 50;
 bottom: 1.0em;

}

enwp-SOPA-GLOBAL-warning a {

 text-decoration: none;

}

enwp-SOPA-GLOBAL-warning-content:hover {

 text-decoration: underline;

}

</style>

 <a class="cn-full-banner-click" href="{{{url}}}">

{{{text1}}}

{{{text2}}}

{{{button}}}

</a>

   <a href="#" onclick="toggleNotice();$('#enwp-SOPA-GLOBAL-warning').hide();return false;"><img border="0" src="//bits.wikimedia.org/skins-1.17/common/images/closewindow.png" alt="Close" /></a>