MediaWiki talk:Common.css

Hoover
Still not working. --Phantom Hoover 19:48, 24 August 2009 (UTC)


 * Hoover, I think this was yours but not currently used so I deleted it, Roger 22:58, 5 February 2012 (CST):

body.page-Teflpedia_Logo_test #p-logo a, body.page-Teflpedia_talk_Logo_test #p-logo a { background-image: url(http://teflpedia.com/images/2/2d/Logo3.png) !important; }

$wgSpamRegex in LocalSettings.php sometimes prevents edits to MediaWiki:Common.css
Out spam filter's regex, $wgSpamRegex in LocalSettings.php, sometimes prevents edits to MediaWiki:Common.css. If you need help with this, contact me at rogerchrisman at gmail dot com. Email me the css you want added, explain what's up, and I will help. --Roger 23:06, 5 February 2012 (CST)
 * Lost patience with this problem and commented out entire $wgSpamRegex in LocalSettings.php. We don't need it right now anyway. --Roger 01:34, 12 February 2012 (CST)

DONATE button CSS
Added DONATE button CSS from RationalWiki. Not working. DONATE button shows for a split second on page load and then disappears exactly when the left navbar labels hide themselves. Weird but may be that navbar label CSS somewhere is doing this.

Maybe after next MediaWiki upgrade this will change. I have this working at TEFLChina.org (MediaWiki v1.19.2). We are currently on MediaWiki v1.18.1 here at Teflpedia. --Roger 00:13, 2 October 2012 (CDT)

✅ since a while ago. Sorry, I don't even remember how I fixed it, had the wizard hat pulled on tiight. --Roger (talk) 23:15, 21 March 2013 (CDT)

Gradients
Gradients go something like this:

/***** Box color (right) ********************/ background-color:           #FFE581;         /* fallback color if gradients are not supported */ background-image: -webkit-linear-gradient(top, #FFE581 27%, #fff); background-image:   -moz-linear-gradient(top, #FFE581 27%, #fff); /* Fx 3.6 to 15        */ background-image:    -ms-linear-gradient(top, #FFE581 27%, #fff); /* IE 10               */ background-image:     -o-linear-gradient(top, #FFE581 27%, #fff); /* Opera 11.1 to 12.0  */ background-image:  linear-gradient(to bottom, #FFE581 27%, #fff); /* Standard; last      */ }
 * 1) mp-right {

Remember to keep the standard line(s) at bottom; they are one that don't start with -

Border radius
http://border-radius.com has a good tool for cut and paste border radius CSS

Basically looks like this: -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;

Or this, to do just the top left and right corners: -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;

Remember to keep the standard line(s) at bottom; they are one that don't start with -

2013 Fund Raiser
This CSS was used for the 2013 Fund Raiser:

/* 2013 fund raising banner * (to run inside site notice) */

/* Hide site notice on Teflpedia:Donate page */ body.page-Teflpedia_Donate #siteNotice { display:none; } /* Teflpedia:Donate page background color to show progress bar against */ body.page-Teflpedia_Donate #mw-content-text { background-color:                             #E6F9FF;         /*fallback color if gradients are not supported*/ background-image: -webkit-linear-gradient(top, #D0F4FF, #fff 14%); background-image:   -moz-linear-gradient(top, #D0F4FF, #fff 14%); /*Fx 3.6 to 15*/ background-image:    -ms-linear-gradient(top, #D0F4FF, #fff 14%); /*IE 10      */ background-image:     -o-linear-gradient(top, #D0F4FF, #fff 14%); /*Opera 11 to 12*/ background-image:  linear-gradient(to bottom, #D0F4FF, #fff 14%); /*Standard (last)*/ }

/* Remove dismissable site notice's fat left and right margins */ margin-right:-27%; margin-left:-5em; }
 * 1) mw-dismissable-notice {

/* Move "[x]" "[dismiss]" link to right of banner */ /* #mw-dismissable-notice a[href="javascript:dismissNotice;"] */ position:absolute; right:0; top:1.8em; z-index:100; color:#5C6344; overflow:hidden; padding:0; font-size:100%; width: 1.5em; } /* White "x" "dismiss" link */
 * 1) mw-dismissable-notice div[style~="float:"] {
 * 1) mw-dismissable-notice a[href="javascript:dismissNotice;"]         {color:#ddd;font-size:150%;}    /* links */
 * 2) mw-dismissable-notice a[href="javascript:dismissNotice;"]:link    { color: #ddd }    /* unvisited links */
 * 3) mw-dismissable-notice a[href="javascript:dismissNotice;"]:visited { color: #ddd }   /* visited links   */
 * 4) mw-dismissable-notice a[href="javascript:dismissNotice;"]:hover   { color: #ddd } /* user hovers     */
 * 5) mw-dismissable-notice a[href="javascript:dismissNotice;"]:active  { color: #ddd }   /* active links    */

/* Banner */ border:solid thin #71C8FF; background:#D0F4FF; color:black; width:100%; height:150px; overflow:hidden; text-align:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
 * 1) tp-banner {

/* Banner text */ font-weight:bold; font-size:large; margin:0.5em 1em; }
 * 1) tp-banner-text {

/* Links on dark background NOTE SPAN OVERRIDE */
 * 1) tp-banner-text a        { color: blue }  /* links           */
 * 2) tp-banner-text a:link   { color: blue }  /* unvisited links */
 * 3) tp-banner-text a:visited { color: blue } /* visited links   */
 * 4) tp-banner-text a:hover  { color: blue }  /* user hovers     */
 * 5) tp-banner-text a:active { color: blue }  /* active links    */

/* Progress bar */ background-color:white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
 * 1) tp-progress-bar {

/* Pregress bar progress */ background-color:                             #007F02; /*fallback color*/ background-image: -webkit-linear-gradient(top, white, #00AE02 20%, white, #00AE02 55%, white); background-image:   -moz-linear-gradient(top, white, #00AE02 20%, white, #00AE02 55%, white); /*Fx 3.6-15      */ background-image:    -ms-linear-gradient(top, white, #00AE022 20%, white, #00AE02 55%, white); /*IE 10          */ background-image:     -o-linear-gradient(top, white, #00AE02 20%, white, #00AE02 55%, white); /*Opera 11-12       */ background-image:  linear-gradient(to bottom, white, #80FF81 5%, #00AE02 55%, #00AE02 80%,  #80FF81 90%); /*Standard (last)*/ }
 * 1) tp-progress-bar-progress {

/*******end of 2013 fund raising banner *******/