Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 13:06, 1 December 2017

/** CSS placed here will be applied to all skins */

/* APPLE */


.hide-for-desktop
{
  display:none;
}

/* mobile browser fixes */
@media only screen and (max-device-width: 480px) {

  .hide-apple
  {
    display:none;
  }

  .hide-for-desktop
  {
    display:inline;
  }

}


/* /APPLE */

.toplinkswrap .toplink { font-size: 15px; }

#bodyContent ul,#bodyContent ol
{
margin:1em 0 !important;
}

#bodyContent
{
font-size:85%;
line-height:1.6em;
}

.helpblock
{
margin:1em 0;
background-color:pink;
padding:1em;
padding-left:3em;
background-repeat:no-repeat;
background-position:1em center;
display:block;
font-style:italic;
}

.helpblock p
{
  margin:0;
}

.infoblock
{
 background-color:lightblue;
 background-image:url('https://cds.static.fnltd.co.uk/images/icons-ns/information.png');
}

.warnblock
{
 background-color:LemonChiffon;
 background-image:url('https://cds.static.fnltd.co.uk/images/icons-ns/exclamation.png');
}

.stopblock
{
  background-color:pink;
  background-image:url('https://cds.static.fnltd.co.uk/images/icons-ns/stop.png');
}

#toc h2
{
  margin-top:0.5em !important;
}

.button-yellow {
	-moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) );
	background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e');
	background-color:#f0c911;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #e65f44;
	display:inline-block;
	color:#c92200;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ded17c;
}.button-yellow:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911) );
	background:-moz-linear-gradient( center top, #f2ab1e 5%, #f0c911 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911');
	background-color:#f2ab1e;
}.button-yellow:active {
	position:relative;
	top:1px;
}