Difference between revisions of "Common.css"
From Joomla! Documentation
m (nice border around just subcategories to make them stand out) |
m (update <code> tags) |
||
Line 217: | Line 217: | ||
overflow-y: visible; | overflow-y: visible; | ||
font-size:0.95em; | font-size:0.95em; | ||
+ | border: 1px dashed #2f6fab; | ||
+ | background-color: #f9f9f9; | ||
+ | } | ||
+ | |||
+ | code { | ||
+ | overflow-x: auto; | ||
+ | overflow-y: visible; | ||
+ | font-size:0.95em; | ||
border: 1px dashed #2f6fab; | border: 1px dashed #2f6fab; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; |
Revision as of 12:23, 28 August 2012
/** CSS placed here will be applied to all skins
SOON TO BE REPLACED WITH @import url("/skins/common/docs-common.css") screen;
*/
/* hides headings on some pages [[MediaWiki:jdoc-hidden-titles]] [[MediaWiki:common.js]] */
body.no-header div#content #siteSub,
body.no-header div#content #contentSub,
body.no-header div#content h1.firstHeading { display: none; }
body.page-Main_Page h1.firstHeading { display:none; }
body.page-Beginners h1.firstHeading { display:none; }
body.page-JEDL/FAQ h1.firstHeading { display:none; }
/* namespace "branding" */
body.ns-4 #content h1.firstHeading { background: url(/images/thumb/7/7f/Documentation_all_together.jpg/80px-Documentation_all_together.jpg) no-repeat right bottom; }
#disambig, .dablink {
border:2px solid silver;
border-width: 1px 0px;
background:white;
margin:0.5ex 1em 0.5ex 1.5em;
}
.dablink {
border-width:1px 0;
padding:0.5ex 1em 0.5ex 1ex;
font-style:italic;
}
/* template-documentation */
.template-documentation {
border:1px solid #001450; background:#f1f2f7; padding:1ex; margin-top:1em;
}
#template_doc_page_viewed_directly,
#template_doc_page_transcluded {
text-align:center;
width: 95%;
margin:0 auto;
border:1px solid #d0d0d0;
background:white;
color:#666;
}
/* Article message box template styles */
table.ambox {
margin: 0 10%; /* Will not overlap with other elements */
border-collapse: collapse;
background: #fbfbfb;
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
}
table.ambox th.ambox-text, table.ambox td.ambox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
width: 100%; /* Make all templates the same width regardless of text size */
}
table.ambox td.ambox-image { /* The left image cell */
padding: 2px 0px 2px 0.5em; /* 0.5em left, 0px right */
text-align: center;
}
table.ambox td.ambox-imageright { /* The right image cell */
padding: 2px 4px 2px 0px; /* 0px left, 4px right */
text-align: center;
}
/* J! Logo Colors - red: #ED2E38 blue: #578AD6 orange: #EBAD14 green: #61BF1A */
table.ambox-notice {
border-left: 10px solid #578AD6 ; /* Blue */
}
table.ambox-delete,
table.ambox-serious {
border-left: 10px solid #ED2E38 ; /* Red S+I WG */
}
table.ambox-content {
border-left: 10px solid #EBAD14 ; /* Orange (Dev WG) */
}
table.ambox-style {
border-left: 10px solid #C16B42; /* Umbra (Trans WG) */
}
table.ambox-merge {
border-left: 10px solid #C348C3; /* Purple (Doc WG) */
}
table.ambox-growth {
border-left: 10px solid #61BF1A ; /* Green (Found WG) */
}
table.ambox-protection {
border-left: 10px solid #bba; /* Gray */
}
table.ambox.ambox-mini { /* small floating box variant */
float: right;
clear: right;
margin: 0 0 0 1em;
width: 25%;
}
/** Table formatting **/
table.wikitable,
table.prettytable {
margin:1em 1em 1em 0;
background:#F9F9F9;
border:1px #AAA solid;
border-collapse:collapse;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
border:1px #AAA solid;
padding:0.2em;
}
table.wikitable th,
table.prettytable th {
background:#F2F2F2;
text-align:center;
}
table.wikitable caption,
table.prettytable caption {
margin-left:inherit;
margin-right:inherit;
}
/*
* (floating) box formatting
*/
.infobox {
float:right;
clear:right;
margin-bottom:0.5em;
margin-left:1em;
padding:0.2em;
border:1px solid #AAA;
background:#F9F9F9;
color:black;
}
.infobox td,
.infobox th {
vertical-align:top;
}
.infobox caption {
font-size:larger;
margin-left:inherit;
}
.infobox.bordered {
border-collapse:collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border:1px solid #AAA;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border:0;
}
/*
* Messagebox templates - see talkpage for examples
* Imported from [[en:MediaWiki:Common.css]] on 2007-07-13
*/
.messagebox{
border: 1px solid #aaa;
background-color: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
text-align: center;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background-color: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.messagebox.nested-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 4px 2px 4px;
}
.messagebox.small {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
}
/* Default style for pre source and geshi */
pre {
overflow-x: auto;
overflow-y: visible;
font-size:0.95em;
}
source {
overflow-x: auto;
overflow-y: visible;
font-size:0.95em;
}
div.mw-geshi {
padding: 1em;
margin: 1em 0;
overflow-x: auto;
overflow-y: visible;
font-size:0.95em;
border: 1px dashed #2f6fab;
background-color: #f9f9f9;
}
code {
overflow-x: auto;
overflow-y: visible;
font-size:0.95em;
border: 1px dashed #2f6fab;
background-color: #f9f9f9;
}
/* Make sub and superscripts look nice in articles */
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Default style for navigation boxes */
table.navbox {
/* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox {
/* Single pixel border between adjacent navboxes */
margin-top: -1px;
/* (doesn't work for IE6, but that's okay) */
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
text-align: center;
/* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
th.navbox-group {
/* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #fdfdfd;
}
.navbox-list {
/* Must match background color */
border-color: #fdfdfd;
}
.navbox th,
.navbox-title {
/* Level 1 color */
background: #ccccff;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
/* Level 2 color */
background: #ddddff;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
/* Level 3 color */
background: #e6e6ff;
}
.navbox-even {
/* Even row striping */
background: #f7f7f7;
}
.navbox-odd {
/* Odd row striping */
background: transparent;
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
/* Adjust hlist padding in navboxes */
padding: 0.125em 0;
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
/* Nowrap list items in navboxes */
white-space: nowrap;
/* IE < 8 no-wraps entire list, so disable it */
white-space: normal !ie;
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
/* But allow parent list items to be wrapped */
white-space: normal;
}
ol + table.navbox,
ul + table.navbox {
/* Prevent lists from clinging to navboxes */
margin-top: 0.5em;
}
/* Default styling for Navbar template */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbar li {
word-spacing: -0.125em;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
/** Collapsible tables *********************************************************
*
* Description: Allows tables to be collapsed, showing only the header. See
* http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
* Maintainers: [[en:User:R. Koot]]
*/
table.collapsed tr.collapsible {
display: none;
}
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
/* Category Namespace improvements in style */
.ns-14 h1.firstHeading {
border: 2px solid #F6F6F6 !important;
border-bottom:none !important;
background-color:#d0e5f5 !important;
padding-bottom:3px !important;
padding-left:5px !important;
padding-top:3px !important;
margin-bottom:-5px !important;
-moz-border-radius:10px 10px 0 0 !important;
border-radius:10px 10px 0 0 !important;
}
.ns-14 #bodyContent #siteSub {
display: none !important;
}
.ns-14 #bodyContent #contentSub {
display: none !important;
}
.ns-14 #bodyContent #mw-content-text #mw-subcategories {
border: 1px solid #abd5f5 !important;
padding: 5px !important;
margin-top: 10px;
}
/* Tweak for Google Adsense */
#google_ads_div_Joomla_Documentation {
margin-left: auto;
margin-right: auto;
width: 118px;
}