Actions

User

Difference between revisions of "Mbabker/foreground.css"

From Joomla! Documentation

(Synced as of 6Oct13/0847)
(Nuke custom CSS, theme changed)
 
Line 1: Line 1:
/* 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 {display:none;}
 
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;
 
}
 
 
 
/* 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 to go with WikiApiary 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;
 
}
 
 
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;
 
}
 
 
table#toc h2 {
 
border-bottom:none !important;
 
}
 
 
.top-bar .name h1 {
 
font-size:1.0625em;
 
}
 
 
.editsection {
 
  font-size:60% !important;
 
}
 
 
img {
 
max-width:100%;
 
height:auto;
 
}
 
 
.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;
 
}
 
.wikiEditor-ui textarea#wpTextbox1 {
 
margin: 0;
 
padding: 3px !important;
 
width:100%;
 
font-family:courier !important;
 
}
 
.wikiEditor-ui-toolbar .group .label {
 
background-color: transparent;
 
}
 
.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*/
 
.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:courier new !important;
 
  font-size:1em;
 
  line-height:1.2em;
 
  border:1px solid #ddd;
 
  -webkit-border-radius: 4px;
 
  -moz-border-radius: 4px;
 
  border-radius: 4px;
 
}
 
pre {
 
  overflow-x: auto;
 
  overflow-y: visible;
 
  background:#eeeeee;
 
  margin: 1em 0;
 
  padding:2px;
 
}
 
code {
 
  padding:2px;
 
}
 
/*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: x-small;
 
padding: .2em 2em;
 
color: #666;
 
}
 
 
.preferences-login {
 
clear: both;
 
margin-bottom: 1.5em;
 
}
 
 
.prefcache {
 
font-size: 90%;
 
margin-top: 2em;
 
}
 
 
/* dl fixes */
 
dl, dd, dl dd {
 
        margin-bottom:0;
 
}
 
/* external link icons ltr (left-to-right) content */
 
.ltr .external.text {
 
        padding-right: 13px;
 
        background: url(/skins/foreground/assets/images/external-link-ltr-icon.png) center right no-repeat;
 
}
 
.ltr .no-external-icon .external.text {
 
padding: 0;
 
background: none;
 
}
 

Latest revision as of 20:32, 2 November 2013