Difference between revisions of "Mbabker/foreground.css"
From Joomla! Documentation
(Copying Hutchy68/foreground.css as of 25Aug13/1600) |
(Synced as of 27Aug13/2201) |
||
Line 1: | Line 1: | ||
+ | /* Font-size scale down */ | ||
+ | body { | ||
+ | font-size:95%; | ||
+ | } | ||
/* Hide "Main Page" titles */ | /* Hide "Main Page" titles */ | ||
body.page-Main_Page h2.title, | body.page-Main_Page h2.title, | ||
− | body.page-Main_Page h3#tagline { | + | body.page-Main_Page h3#tagline, |
+ | body.page-Beginners h2.title, | ||
+ | body.page-Beginners h3#tagline { | ||
display:none; | display:none; | ||
} | } | ||
Line 10: | Line 16: | ||
h3#tagline { | h3#tagline { | ||
display: inline; | display: inline; | ||
− | font-size: 0.85em; | + | font-size: 0.85em !important; |
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; | ||
Line 60: | Line 66: | ||
} | } | ||
− | + | table#toc { | |
float: right; | float: right; | ||
width: auto; | width: auto; | ||
Line 67: | Line 73: | ||
} | } | ||
− | + | table#toc h2 { | |
border-bottom:none; | border-bottom:none; | ||
+ | } | ||
+ | |||
+ | .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:100%; | ||
} | } | ||
Line 77: | Line 90: | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
− | + | h1 { | |
− | font-size:145%; | + | font-size:145% !important; |
} | } | ||
− | + | h2 { | |
font-size:135%; | font-size:135%; | ||
padding-bottom: .17em; | padding-bottom: .17em; | ||
border-bottom: 1px solid #142849; | border-bottom: 1px solid #142849; | ||
+ | margin:.7em 0 .5em 0; | ||
} | } | ||
− | + | h3 { | |
− | font-size:120%; | + | font-size:120% !important; |
} | } | ||
− | + | h4 { | |
− | font-size:112%; | + | font-size:112% !important; |
} | } | ||
− | + | h5 { | |
− | font-size:105%; | + | font-size:105% !important; |
} | } | ||
− | + | h6 { | |
− | font-size:100%; | + | font-size:100% !important; |
} | } | ||
− | + | .editsection { | |
font-size:60% !important; | font-size:60% !important; | ||
} | } | ||
Line 105: | Line 119: | ||
font-size:1.1em; | font-size:1.1em; | ||
font-weight:normal; | font-weight:normal; | ||
+ | } | ||
+ | h5.subtitle { | ||
+ | font-size:.80em; | ||
} | } | ||
Line 133: | Line 150: | ||
padding: 3px !important; | padding: 3px !important; | ||
width:100%; | width:100%; | ||
+ | font-family:courier; | ||
} | } | ||
.wikiEditor-ui-toolbar .group .label { | .wikiEditor-ui-toolbar .group .label { | ||
Line 153: | Line 171: | ||
table { | table { | ||
border:none; | border:none; | ||
+ | width:auto; | ||
+ | } | ||
+ | .wikitable { | ||
+ | white-space: pre-wrap; | ||
+ | word-wrap: normal; | ||
} | } | ||
table.ambox { | table.ambox { | ||
Line 173: | Line 196: | ||
line-height: 1.6em; | line-height: 1.6em; | ||
font-size: 18px !important; | font-size: 18px !important; | ||
+ | } | ||
+ | .row { | ||
+ | max-width:66em; | ||
} | } |
Revision as of 22:03, 27 August 2013
/* Font-size scale down */
body {
font-size:95%;
}
/* 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;
}
h3#tagline {
display: inline;
font-size: 0.85em !important;
font-weight: normal;
font-style: normal;
}
/* 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;
}
.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;
}
table#toc {
float: right;
width: auto;
margin: .5em 0 1.25em .75em;
background-color:#f6f6f6;
}
table#toc h2 {
border-bottom:none;
}
.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:100%;
}
h2.title {
font-size:170%;
color: #142849;
padding-bottom: 0em;
border-bottom: none;
}
h1 {
font-size:145% !important;
}
h2 {
font-size:135%;
padding-bottom: .17em;
border-bottom: 1px solid #142849;
margin:.7em 0 .5em 0;
}
h3 {
font-size:120% !important;
}
h4 {
font-size:112% !important;
}
h5 {
font-size:105% !important;
}
h6 {
font-size:100% !important;
}
.editsection {
font-size:60% !important;
}
h4.namespace.label {
padding:0.25em;
font-size:1.1em;
font-weight:normal;
}
h5.subtitle {
font-size:.80em;
}
.hf-nsheader {
line-height: 1.0em;
}
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;
}
.wikiEditor-ui-toolbar .group .label {
background-color: transparent;
}
ul, ol, dl {
list-style-position: inside;
}
.poweredby {
display:none;
}
.printfooter {
display:none;
}
.catlinks {
border: 1px solid #ccc;
margin-top: .5em;
padding: .25em;
}
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;
}
/* fixing headertabs */
.ui-tabs .ui-tabs-nav {
font-size:90%;
}
/* Fixes for Google Custom Search */
input.gsc-search-button {
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;
}
.row {
max-width:66em;
}