MediaWiki:Foreground.css

/* Hide "Main Page" titles */ 
body.page-Main_Page h2.title,
body.page-Main_Page h3#tagline,
body.page-Beginners h2.title,
body.page-Beginners h3#tagline  {
    display:none;
}
/* Hide main page image on small screens */
@media only screen and (max-width: 768px) {
.main-page-image {text-align:center;}
table#toc {float:none !important;max-width:100% !important;}
}

table#toc { box-shadow:1px 1px 8px #ccc;}

body.page-User_Hutchy68_New_main_page h2.title,
body.page-User_Hutchy68_New_main_page h3#tagline,
body.page-User_Hutchy68_New_main_page h5.subtitle,
body.page-User_Hutchy68_New_main_page h4.namespace.label {
display:none;
}

#page-content h1, #page-content h2, #page-content h3, #page-content h4,
#page-content  h5, #page-content h6 {
margin-top:1em
}


/* Underline h2 Section headings */
h2 .mw-headline {
padding-bottom:0.17em;
border-bottom:1px solid #142849;
overflow: hidden;
}
/* Don't underline Portal Box Headings */
.portal-header .mw-headline {
border: none;
}

/*Top and bottom spacing on h1 headings */
h1 span.mw-headline {
line-height:1.8em;
}

/* Custom changes to page */ 
h3#tagline {
    display: inline;
    font-size: 0.85em !important;
    font-weight: normal;
    font-style: normal;
} 
h2.title {
 font-size:1.7em;
 color: #142849;
 padding-bottom: 0em;
 border-bottom: none;
} 
h4.namespace.label {
   padding:0.25em;
   font-size:1.1em !important;
   font-weight:normal;
   margin-bottom:.75em;
}
h5.subtitle {
 font-size:.80em !important;
}
 
.hf-nsheader {
  line-height: 1.0em;
}

/* Custom Foreground menubar colors for theme */
.top-bar,
.top-bar .title-area,
.top-bar.expanded .title-area,
.top-bar .name h1 a,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form,
.top-bar-section .dropdown li.title h5 a {
   background: #142849;
   color: #FFF;
}
 
.top-bar .toggle-topbar.menu-icon,
.top-bar .toggle-topbar.menu-icon a {
    color: #FFF;
}
 
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
  border-color: #142849;
}
 
/* Darker color for the hover over items */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a{
    background: #2C58A1;
}
 
/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: #1E3A6C;
}
 
.panel {
padding:.5em;
overflow: hidden;
margin-bottom:.5em;
}
 
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
line-height: 1.8em; 
margin-bottom: 0.25em;
border-bottom:1px solid #d9d9d9;
}

.subheader-ambox {
font-size: 1.3em;
font-weight:bold;
line-height: 1.8;
overflow: hidden;
margin-bottom: .3em;
border-bottom: none;
}

.subheader-ambox img {
float:left;
padding-top:.2em;
margin:0;
}

div#mw-pages table{
width:100%;
}
 
table#toc {
float: right;
margin: .5em 0 1.25em .75em;
background-color:#f6f6f6;
width: auto;
max-width: 450px;
word-wrap: normal;
}
.mw-content-ltr .toc ul, .mw-content-ltr #toc ul, .mw-content-rtl .mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr #toc ul {
width: auto;
list-style-position: outside;
margin-left: 1.75em;
}
.toc ul li {
list-style-position: outside;
list-style-type:none;
}
 
table#toc h2 {
border-bottom:none !important;
margin-top:0;
}
 
.top-bar .name h1 {
font-size:1.0625em;
}

.editsection {
  font-size:13px;
}

img {
 max-width:100%;
 height:auto;
 margin:.5em 0;
}
 
.tright {
line-height: 1.4em;
padding: 3px !important;
font-size: 94%;
border: 1px solid #ccc;
margin-left:1em;
}
.tleft {
line-height: 1.4em;
padding: 3px !important;
font-size: 94%;
border: 1px solid #ccc;
margin-right:1em;
}

/* Editor Fixes */
.wikiEditor-ui textarea#wpTextbox1 {
margin: 0;
padding: 3px !important;
width:100%;
font-family:courier !important;
}
.wikiEditor-ui-toolbar .group .label {
background-color: transparent;
}

.editOptions {
background-color: #F0F0F0;
border: 1px solid silver;
border-top: none;
padding: 1em 1em 1.5em 1em;
margin-bottom: 2em;
}

#editpage-copywarn2 {
background-color: #F0F0F0;
border-top: none;
border-bottom: none;
padding: .25em 1em 0 1em;
}

.mw-editTools {
background-color: #F0F0F0;
border: 1px solid silver;
padding: .5em;
margin-bottom: 2em;
font-size: 90%;
}

.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
margin: 0.3em 0 0.3em 2.75em;
padding: 0;
list-style-position: outside;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul, #mw-content-text ul  {
margin: 0.3em 0 0.3em 2.75em;
padding: 0;
list-style-position: outside;
}
.poweredby {
display:none;
}
.printfooter {
display:none;
}
.catlinks {
clear:both;
border: 1px solid #ccc;
margin-top: .5em;
padding: .25em;
display:block;
}
table {
 border:none;
 width:auto;
}
.wikitable {
 white-space: pre-wrap;
 word-wrap: normal;
}
table.ambox {
width:92%;
}
table.ambox th.ambox-text, table.ambox td.ambox-text {
width:auto;
}
/*amboxNew classes*/
p.ambox {
margin: .5em 0;
}

.ambox-title {
display: inline-block;
vertical-align: middle;
line-height: 1.2;
margin-left: .25em;
}

.panel.radius.ambox-merge {
background-color:#bcf0f7;
border-color: #bcf0f7;
}

.panel.radius.ambox-notice {
background-color: aqua;
border-color: aqua;
}

.panel.radius.ambox-copyedit {
background-color: cornsilk;
border:1px solid cornsilk;
}

.panel.radius.ambox-split {
background-color:#bcf0f7;
border-color: #bcf0f7;
}

.panel.radius.ambox-delete {
background-color:#ffc;
border-color: #ffc;
}

.panel.radius.ambox-serious {
background-color: #FFBABA;
border-color: #FFBABA;
}

.ambox-delete .subheader-ambox {
color:red;
}

.panel.radius.ambox-tip {
background-color: lightyellow;
border-color: lightyellow;
}

.panel.radius {
box-shadow:1px 1px 8px #ababab;
}

/* fixing headertabs */
.ui-tabs .ui-tabs-nav {
font-size:90%;
margin:0 !important;
background:none;
border:none;
border-bottom: 1px solid #cccccc;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#headertabs .ui-widget-content {
background:none;
}

/* Fixes for Google Custom Search */
.gsc-search-button.gsc-search-button-v2 {
height:auto !important;
width:auto !important;
}
.cse input.gsc-input, input.gsc-input, .gsc-input-box { 
height: auto !important;
line-height: 1.6em;
font-size: 18px !important;
}
/* Style for pre, code and source */
pre,
code,
source {
  font-family:monospace,Courier;
  font-size:1em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  word-break: break-word;
}
pre {
  overflow-x: visible;
  overflow-y: visible;
  background: #f4f4f4;
  margin: 0;
  padding: 4px 6px 4px 6px;
  width: auto;
  display: block;
  border: dashed 1px #2ba6cb;
  line-height:1.4em;
}
code {
  padding:1px 4px 2px 4px;
  line-height:1.1em;
  display: inline-block;
  border:1px solid #ddd;
}

/*Width for Abuse filter */
#wpFilterRules {
width: 80% !important;
}
/*Possible Fixes for Preferences*/
/* JS pref toc for Special:Preferences -- from Monobook's main.css */
#preftoc {
    margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
#preftoc li {
	background-color: #f0f0f0;
	color: #000;
}
#preftoc li {
	margin: 1px -2px 1px 2px;
	float: left;
	padding: 2px 0 3px 0;
	border: 1px solid #fff;
	border-right-color: #716f64;
	border-bottom: 0;
	position: relative;
	white-space: nowrap;
	list-style-type: none;
	list-style-image: none;
	z-index: 3;
}
#preftoc li.selected {
	font-weight: bold;
	background-color: #f9f9f9;
	border: 1px solid #aaa;
	border-bottom: none;
        border-right-width: 2px;
	cursor: default;
	top: 1px;
	padding-top: 2px;
	margin-right: -3px;
}
#preftoc > li.selected {
	top: 2px;
}
#preftoc a,
#preftoc a:active {
	display: block;
	color: #000;
	padding: 0 .7em;
	position: relative;
	text-decoration: none;
}
#preftoc li.selected a {
	cursor: default;
	text-decoration: none;
}
#preferences {
	margin: 0;
	border: 1px solid #aaa;
	clear: both;
	padding: 1.5em;
	background-color: #F9F9F9;
}
.prefsection {
	border: none;
	padding: 0;
	margin: 0;
}
 
.prefsection legend {
	font-weight: bold;
}
.prefsection table, .prefsection legend {
	background-color: #F9F9F9;
}
.mainLegend {
	display: none;
}
td.htmlform-tip {
	font-size: .8em;
	padding: .2em 2em;
	color: #666;
	border: 1px solid #eeeffe;
	background: #eeeffe;
}
 
.preferences-login {
	clear: both;
	margin-bottom: 1.5em;
}

.prefcache {
	font-size: 90%;
	margin-top: 2em;
}

/* dl fixes */
dl, dd, dl dd {
        margin-bottom:0;
}

/* p element tweaks */
p {
   margin: 1.25em 0 1.25em 0;
   line-height: 1.4em;
}
 
/* external link icons ltr (left-to-right) content */
.ltr .external.free {
   padding-right: none;
   background: none;
   text-decoration: none !important;
}
.ltr .external.text {
   padding-right: none;
   background: none;
   text-decoration: none !important;
}
.ltr .no-external-icon .external.text {
padding: 0;
background: none !important;
}
 
div#mw-content-text a.external[href ^="mailto:"],
.link-mailto {
padding-right: 13px;
background: url(skins/foreground/assets/images/mail-icon.png) center right no-repeat;
text-decoration: none !important;
}
 
div#mw-content-text a.external[href ^="http://"],
.link-http {
   padding-right: 13px;
   background: url(skins/foreground/assets/images/external-link-ltr-icon.png) center right no-repeat;
   text-decoration: none !important;
}
 
div#mw-content-text a.external[href ^="https://"],
.link-https{
   padding-right: 13px;
   background: url(skins/foreground/assets/images/lock-icon.png) center right no-repeat;
   text-decoration: none !important;
}
div#mw-content-text a.external[href ^="gopher://"]{
   padding-right: 13px;
   background: url(skins/foreground/assets/images/external-link-ltr-icon.png) center right no-repeat;
   text-decoration: none !important;
}
div#mw-content-text a.external[href ^="ftp://"],
.link-ftp{
   padding-right: 13px;
   background: url(skins/foreground/assets/images/file-icon.png) center right no-repeat;
   text-decoration: none !important;
}
div#mw-content-text a.external[href ^="irc://"],
div#mw-content-text a.external[href ^="ircs://"],
.link-irc{
   padding-right: 13px;
   background: url(skins/foreground/assets/images/talk-icon.png) center right no-repeat;
   text-decoration: none !important;
}
div#mw-content-text a.external[href $=".ogg"], div#mw-content-text a.external[href $=".OGG"],
div#mw-content-text a.external[href $=".mid"], div#mw-content-text a.external[href $=".MID"],
div#mw-content-text a.external[href $=".midi"], div#mw-content-text a.external[href $=".MIDI"],
div#mw-content-text a.external[href $=".mp3"], div#mw-content-text a.external[href $=".MP3"],
div#mw-content-text a.external[href $=".wav"], div#mw-content-text a.external[href $=".WAV"],
div#mw-content-text a.external[href $=".wma"], div#mw-content-text a.external[href $=".WMA"],
.link-audio {
   padding-right: 13px;
   background: url(skins/foreground/assets/images/audio-icon.png) center right no-repeat;
   text-decoration: none !important;
}
div#mw-content-text a.external[href $=".ogm"], div#mw-content-text a.external[href $=".OGM"],
div#mw-content-text a.external[href $=".avi"], div#mw-content-text a.external[href $=".AVI"],
div#mw-content-text a.external[href $=".mpeg"], div#mw-content-text a.external[href $=".MPEG"],
div#mw-content-text a.external[href $=".mpg"], div#mw-content-text a.external[href $=".MPG"],
.link-video {
   padding-right: 13px;
   background: url(skins/foreground/assets/images/video-icon.png) center right no-repeat;
   text-decoration: none !important;
}
 
div#mw-content-text a.external[href $=".pdf"], div#mw-content-text a.external[href $=".PDF"],
div#mw-content-text a.external[href *=".pdf#"], div#mw-content-text a.external[href *=".PDF#"],
div#mw-content-text a.external[href *=".pdf?"], div#mw-content-text a.external[href *=".PDF?"],
.link-document {
   padding-right: 13px;
   background: url(skins/foreground/assets/images/document-icon.png) center right no-repeat;
   text-decoration: none !important;
}

/* Link improvements as suggested by Peter */
#mw-content-text a {
   color:#336699;
}
#toc a {
   text-decoration: none;
}
#mw-content-text a:hover, #mw-content-text a:focus {
   color:#4d82dc;
   text-decoration: underline;
}
body.page-Main_Page #mw-content-text a {
   text-decoration: none;
}
body.page-Main_Page #mw-content-text a:hover,
body.page-Main_Page #mw-content-text a:focus {
   text-decoration: underline;
}
/* Make sure red links are red */
#mw-content-text a.new, #mw-content-text #quickbar a.new {
color: #ba0000 !important;
}

/* captcha improvements */
.captcha {
border: 1px solid #2ba6cb;
padding: 1em;
background: lightyellow;
margin: 1.5em 0;
}
.captcha label {
font-size: .9em;
font-weight: bold;
}

/* InputBox Styling */
.createbox {
text-align: center;
padding: 1.5em .5em 0 .5em;
background: transparent;
}
.createboxInput {
max-width: 100%;
}

/* floatright and left styles - make responsive for mobile */
div.floatright, table.floatright {
margin: 0 0 .5em .5em;
border: 0;
}
 
div.floatleft, table.floatleft {
margin: 0 .5em .5em 0;
border: 0;
}
 
@media only screen and (max-width: 480px) {
div.floatright, table.floatright, div.floatleft, table.floatleft  {text-align:center;float:none;margin:.5em auto;}
}

/* Dissmissable SiteNotice better formatting */
#siteNotice.panel {
background: none;
border: none;
box-shadow: none;
}
#siteNotice {
margin: 0;
padding: 0;
}
.mw-dismissable-click {
font-size: 80%;
margin: .25em .5em 0 0;
}

/* Take advantage of ajax patrolling/better notice placement */
#mw-notification-area {
position: absolute;
top: -1em;
right: 50%;
margin-right: -10em;
}
 
/* CSS Modifications for Translate Extension */
.mw-special-Translate a.button.dropdown,
.mw-special-LanguageStats a.button.dropdown,
.mw-special-MessageGroupStats a.button.dropdown {
display:block;
}
.grid .column, .grid .columns {
width:auto;
}
#mw-content-text ul.tux-message-selector {
margin: 0 auto;
}
#mw-content-text ul.tux-message-selector li.column.more {
float: left;
}
.tux-message-selector li {
line-height:inherit;
}
.six.columns.tux-view-switcher.text-center {
padding: 5px;
}
.tux-message-editor textarea {
width:100%
}
.mw-tpt-sp-section {
margin-bottom: 1em;
}
.tux-messagelist .tux-message-pagemode .tux-pagemode-translation,
.tux-messagelist .tux-message-pagemode .tux-pagemode-source {
padding-left: 15px;
font-size: .85em;
}