Difference between revisions of "Foreground.css"
From Joomla! Documentation
m (captcha improvements) |
m (update) |
||
(38 intermediate revisions by the same user not shown) | |||
Line 21: | Line 21: | ||
} | } | ||
− | h1, h2, h3, h4, h5, h6 { | + | /* Line up the icons in dropdown menus */ |
+ | #icon { | ||
+ | display: inline-block; | ||
+ | line-height: 1em; | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | margin: 0 5px 0 0; | ||
+ | } | ||
+ | |||
+ | #page-content h1, #page-content h2, #page-content h3, #page-content h4, | ||
+ | #page-content h5, #page-content h6 { | ||
margin-top:1em | margin-top:1em | ||
} | } | ||
Line 41: | Line 51: | ||
line-height:1.8em; | line-height:1.8em; | ||
} | } | ||
+ | |||
/* Custom changes to page */ | /* Custom changes to page */ | ||
h3#tagline { | h3#tagline { | ||
Line 47: | Line 58: | ||
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; | ||
+ | margin-right: .5em; | ||
} | } | ||
h2.title { | h2.title { | ||
Line 68: | Line 80: | ||
} | } | ||
− | /* Custom Foreground menubar colors | + | /* Custom Foreground menubar colors for theme */ |
.top-bar, | .top-bar, | ||
.top-bar .title-area, | .top-bar .title-area, | ||
Line 122: | Line 134: | ||
margin-bottom: .3em; | margin-bottom: .3em; | ||
border-bottom: none; | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | .subheader-ambox img { | ||
+ | float:left; | ||
+ | padding-top:.2em; | ||
+ | margin:0; | ||
} | } | ||
Line 143: | Line 161: | ||
.toc ul li { | .toc ul li { | ||
list-style-position: outside; | list-style-position: outside; | ||
+ | list-style-type:none; | ||
} | } | ||
Line 155: | Line 174: | ||
.editsection { | .editsection { | ||
− | font-size: | + | font-size:13px; |
} | } | ||
Line 161: | Line 180: | ||
max-width:100%; | max-width:100%; | ||
height:auto; | height:auto; | ||
+ | margin:.5em 0; | ||
+ | } | ||
+ | |||
+ | ul img, ol img { | ||
+ | margin:0; | ||
} | } | ||
Line 177: | Line 201: | ||
margin-right:1em; | margin-right:1em; | ||
} | } | ||
+ | |||
+ | /* Editor Fixes */ | ||
.wikiEditor-ui textarea#wpTextbox1 { | .wikiEditor-ui textarea#wpTextbox1 { | ||
margin: 0; | margin: 0; | ||
Line 186: | Line 212: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
+ | /*Get rid of [edit] links in preview*/ | ||
+ | .wikiEditor-preview-contents .editsection { | ||
+ | display: none; | ||
+ | } | ||
+ | /*editor interface*/ | ||
+ | .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 .5em 1em; | ||
+ | } | ||
+ | |||
+ | .mw-editTools { | ||
+ | background-color: #F0F0F0; | ||
+ | border: 1px solid silver; | ||
+ | padding: .5em; | ||
+ | margin-bottom: 2em; | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | |||
+ | #page-content .noarticletext ul { | ||
+ | margin: .5em .75em; | ||
+ | } | ||
+ | |||
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { | .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { | ||
margin: 0.3em 0 0.3em 2.75em; | margin: 0.3em 0 0.3em 2.75em; | ||
Line 208: | Line 266: | ||
padding: .25em; | padding: .25em; | ||
display:block; | display:block; | ||
+ | } | ||
+ | #catlinks .label { | ||
+ | padding: 5px; | ||
+ | -webkit-border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | #catlinks .label.new { | ||
+ | background-color: #900900; | ||
} | } | ||
table { | table { | ||
Line 224: | Line 291: | ||
} | } | ||
/*amboxNew classes*/ | /*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 { | .panel.radius.ambox-merge { | ||
background-color:#bcf0f7; | background-color:#bcf0f7; | ||
Line 291: | Line 369: | ||
font-size: 18px !important; | font-size: 18px !important; | ||
} | } | ||
− | /* | + | |
− | + | /*Width for Abuse filter */ | |
− | + | #wpFilterRules { | |
− | + | width: 80% !important; | |
− | + | } | |
− | + | ||
− | + | /* dl fixes */ | |
− | + | dl, dd, dl dd { | |
− | + | margin-bottom:1em; | |
− | + | } | |
− | + | ||
+ | /* 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"], |
− | width: | + | 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; | ||
+ | } | ||
+ | /*Style the languages nav box to our site*/ | ||
+ | .mw-pt-languages-label { | ||
+ | border-right: 1px solid #142849; | ||
+ | background: #142849 none repeat scroll 0 0; | ||
+ | color: white; | ||
+ | padding: 0.5em; | ||
+ | width: 200px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .mw-pt-languages table { | ||
+ | border: 1px solid #142849; | ||
+ | width: 100%; | ||
+ | } | ||
+ | /* make sure links to translation namespace(ns1198) page on File page is hidden */ | ||
+ | li.mw-imagepage-linkstoimage-ns1198 { display: none;} | ||
+ | |||
+ | /* Category Links at the Bottom with Style*/ | ||
+ | #catlinks .label { | ||
+ | padding: 5px; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | #catlinks .label.new { | ||
+ | background-color: #b70b00; | ||
+ | } | ||
+ | |||
+ | #catlinks .label:hover { | ||
+ | background-color: #2C58A1 | ||
+ | } | ||
+ | #catlinks .label.new:hover { | ||
+ | background-color: #900900; | ||
+ | } | ||
+ | |||
+ | /*Fixes for User Preferences Pages*/ | ||
+ | #preftoc li a { | ||
+ | color: white; | ||
+ | padding: .25em .5em; | ||
} | } | ||
− | + | #preftoc li a:hover { | |
− | + | background: aqua; | |
− | #preftoc { | + | color: white; |
− | |||
− | |||
− | |||
− | |||
} | } | ||
#preftoc li { | #preftoc li { | ||
− | + | margin: 2px; | |
− | + | display:inline-block; | |
+ | float: none; | ||
+ | padding: 1px; | ||
+ | position: relative; | ||
+ | list-style-type: none; | ||
+ | list-style-image: none; | ||
+ | z-index: 3; | ||
+ | border-radius: 3px; | ||
+ | font-size: .85em; | ||
+ | background: #142849; | ||
+ | border:0; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #preftoc li a { | ||
+ | color: white; | ||
} | } | ||
− | #preftoc li { | + | |
− | + | #preftoc li a:hover { | |
− | + | background: #2ba6cb; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | #preftoc | + | ul#preftoc { |
− | + | margin: auto; | |
− | + | text-align: center; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
#preftoc > li.selected { | #preftoc > li.selected { | ||
− | + | background: #2C58A1; | |
+ | box-shadow: 2px 2px 5px 2px rgba(50, 138, 64, 0.54); | ||
+ | } | ||
+ | #preftoc li.selected a { | ||
+ | cursor: default; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #preferences table { | ||
+ | min-width: 100%; | ||
+ | } | ||
+ | #preftoc { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | clear: both; | ||
} | } | ||
− | |||
#preftoc a:active { | #preftoc a:active { | ||
display: block; | display: block; | ||
Line 370: | Line 683: | ||
#preferences { | #preferences { | ||
margin: 0; | margin: 0; | ||
− | |||
clear: both; | clear: both; | ||
− | + | background-color: #FFF; | |
− | + | border: none; | |
} | } | ||
.prefsection { | .prefsection { | ||
Line 380: | Line 692: | ||
margin: 0; | margin: 0; | ||
} | } | ||
− | |||
.prefsection legend { | .prefsection legend { | ||
font-weight: bold; | font-weight: bold; | ||
Line 387: | Line 698: | ||
background-color: #F9F9F9; | background-color: #F9F9F9; | ||
} | } | ||
− | .mainLegend { | + | #preferences legend.mainLegend { |
− | + | display: none; | |
+ | } | ||
+ | #preferences fieldset legend { | ||
+ | font-weight: bold; | ||
+ | padding: 0 .25em; | ||
+ | margin: 0; | ||
+ | margin: 0 .25em 0 1em; | ||
+ | background:#FFF; | ||
} | } | ||
td.htmlform-tip { | td.htmlform-tip { | ||
Line 397: | Line 715: | ||
background: #eeeffe; | background: #eeeffe; | ||
} | } | ||
− | |||
.preferences-login { | .preferences-login { | ||
clear: both; | clear: both; | ||
margin-bottom: 1.5em; | margin-bottom: 1.5em; | ||
} | } | ||
− | |||
.prefcache { | .prefcache { | ||
font-size: 90%; | font-size: 90%; | ||
− | margin-top: | + | margin-top: 1em; |
} | } | ||
− | /* | + | /* Footer links */ |
− | + | li#footer-privacy, li#footer-about, li#footer-disclaimer { | |
− | + | display: block; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | /* | + | /*For Social*/ |
− | # | + | div#social { |
− | + | display: inline-block; | |
− | + | margin: .25em .5em 0 0; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | /* Hide social share on certain namespaces until I can figure out why $this->data['isarticle'] is ignoring $wgContentNamespaces as the article check */ | |
− | + | .ns-2 div#social, .ns-3 div#social, | |
− | + | .ns-5 div#social, .ns-6 div#social, | |
+ | .ns-7 div#social, .ns-8 div#social, | ||
+ | .ns-9 div#social, .ns-10 div#social, | ||
+ | .ns-11 div#social, .ns-13 div#social, | ||
+ | .ns-15 div#social, .ns-140 div#social, | ||
+ | .ns-136 div#social { | ||
+ | display: none; | ||
} | } | ||
− | + | textarea#wpTextbox1 { | |
− | + | width: 100%; | |
− | |||
} | } | ||
− | + | /* Google Calendar Responsive */ | |
− | /* | + | .calendar-container { |
− | . | + | position: relative; |
− | + | padding-bottom: 75%; | |
− | padding: | + | height: 0; |
− | + | overflow: hidden; | |
− | |||
} | } | ||
− | + | .calendar-container iframe { | |
− | . | + | position: absolute; |
− | + | top:0; | |
− | + | left: 0; | |
+ | width: 100%; | ||
+ | height: 100%; | ||
} | } |
Revision as of 11:06, 3 July 2014
/* 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;
}
/* Line up the icons in dropdown menus */
#icon {
display: inline-block;
line-height: 1em;
padding: 0;
text-align: center;
margin: 0 5px 0 0;
}
#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;
margin-right: .5em;
}
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;
}
ul img, ol img {
margin: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;
}
/*Get rid of [edit] links in preview*/
.wikiEditor-preview-contents .editsection {
display: none;
}
/*editor interface*/
.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 .5em 1em;
}
.mw-editTools {
background-color: #F0F0F0;
border: 1px solid silver;
padding: .5em;
margin-bottom: 2em;
font-size: 90%;
}
#page-content .noarticletext ul {
margin: .5em .75em;
}
.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;
}
#catlinks .label {
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#catlinks .label.new {
background-color: #900900;
}
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;
}
/*Width for Abuse filter */
#wpFilterRules {
width: 80% !important;
}
/* dl fixes */
dl, dd, dl dd {
margin-bottom:1em;
}
/* 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;
}
/*Style the languages nav box to our site*/
.mw-pt-languages-label {
border-right: 1px solid #142849;
background: #142849 none repeat scroll 0 0;
color: white;
padding: 0.5em;
width: 200px;
font-weight: bold;
}
.mw-pt-languages table {
border: 1px solid #142849;
width: 100%;
}
/* make sure links to translation namespace(ns1198) page on File page is hidden */
li.mw-imagepage-linkstoimage-ns1198 { display: none;}
/* Category Links at the Bottom with Style*/
#catlinks .label {
padding: 5px;
border-radius: 3px;
}
#catlinks .label.new {
background-color: #b70b00;
}
#catlinks .label:hover {
background-color: #2C58A1
}
#catlinks .label.new:hover {
background-color: #900900;
}
/*Fixes for User Preferences Pages*/
#preftoc li a {
color: white;
padding: .25em .5em;
}
#preftoc li a:hover {
background: aqua;
color: white;
}
#preftoc li {
margin: 2px;
display:inline-block;
float: none;
padding: 1px;
position: relative;
list-style-type: none;
list-style-image: none;
z-index: 3;
border-radius: 3px;
font-size: .85em;
background: #142849;
border:0;
color: white;
}
#preftoc li a {
color: white;
}
#preftoc li a:hover {
background: #2ba6cb;
}
ul#preftoc {
margin: auto;
text-align: center;
}
#preftoc > li.selected {
background: #2C58A1;
box-shadow: 2px 2px 5px 2px rgba(50, 138, 64, 0.54);
}
#preftoc li.selected a {
cursor: default;
text-decoration: none;
}
#preferences table {
min-width: 100%;
}
#preftoc {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
#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;
clear: both;
background-color: #FFF;
border: none;
}
.prefsection {
border: none;
padding: 0;
margin: 0;
}
.prefsection legend {
font-weight: bold;
}
.prefsection table, .prefsection legend {
background-color: #F9F9F9;
}
#preferences legend.mainLegend {
display: none;
}
#preferences fieldset legend {
font-weight: bold;
padding: 0 .25em;
margin: 0;
margin: 0 .25em 0 1em;
background:#FFF;
}
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: 1em;
}
/* Footer links */
li#footer-privacy, li#footer-about, li#footer-disclaimer {
display: block;
}
/*For Social*/
div#social {
display: inline-block;
margin: .25em .5em 0 0;
}
/* Hide social share on certain namespaces until I can figure out why $this->data['isarticle'] is ignoring $wgContentNamespaces as the article check */
.ns-2 div#social, .ns-3 div#social,
.ns-5 div#social, .ns-6 div#social,
.ns-7 div#social, .ns-8 div#social,
.ns-9 div#social, .ns-10 div#social,
.ns-11 div#social, .ns-13 div#social,
.ns-15 div#social, .ns-140 div#social,
.ns-136 div#social {
display: none;
}
textarea#wpTextbox1 {
width: 100%;
}
/* Google Calendar Responsive */
.calendar-container {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.calendar-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}