User

Mbabker/foreground.css

From Joomla! Documentation

Revision as of 16:34, 7 September 2013 by Mbabker (talk | contribs) (Synced as of 7Sep13/1249)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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;}
}


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;
}
 
.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;
line-height: 1.8;
border-bottom: 1px solid #d9d9d9;
overflow: hidden;
margin-bottom: .3em;
}

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:1px solid #bcf0f7;
}

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

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

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

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

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

.panel.radius.ambox-tip {
background-color: lightyellow;
border: 1px solid lightyellow;

/* fixing headertabs */
.ui-tabs .ui-tabs-nav {
font-size:90%;
margin:0 !important;
}
/* 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;
}
/* Style for pre, code and source */
pre,
code,
source {
  font-family:courier new !important;
  font-size:1em;
  line-height:1.2em;
}
pre {
  overflow-x: auto;
  overflow-y: visible;
  background:#eeeeee;
  margin: 1em 0;
  padding:2px;
}
code {
  padding:2px;
}