Difference between revisions of "MediaWiki:Common.css"

From DigiNet Wiki
Jump to: navigation, search
Line 26: Line 26:
 
h1.firstHeading { line-height: 1em; }
 
h1.firstHeading { line-height: 1em; }
  
/*Some References Styling, taken from Wikipedia */
+
/************************/
/*Make the list of references smaller */
+
/*
ol.references,
+
div.reflist,
+
div.refbegin {
+
    font-size: 90%;            /* Default font-size */
+
    margin-bottom: 0.5em;
+
}
+
  
div.reflist ol.references {
+
==Dynamic hidden boxes==
    font-size: 100%;          /* Reset font-size when nested in div.reflist */
+
===Ugly nav===
    list-style-type: inherit;  /* Enable custom list style types */
+
/* Standard table formatting */
}
+
/* <pre><nowiki> */
 
   
 
   
/*Highlight clicked reference in blue to help navigation */
+
/* wikitable/prettytable class for skinning normal tables */
ol.references li:target,
+
sup.reference:target,
+
span.citation:target {
+
    background-color: #DEF;
+
}
+
 
   
 
   
/*Ensure refs in table headers and the like aren't bold or italic */
+
table.wikitable,
sup.reference {
+
table.prettytable {
    font-weight: normal;
+
  margin: 1em 1em 1em 0;
    font-style: normal;
+
  background: #363636;
 +
  color:white;
 +
  border: 1px #aaaaaa solid;
 +
  border-collapse: collapse;
 
}
 
}
 
   
 
   
/*Allow hidden ref errors to be shown by user CSS */
+
table.wikitable th, table.wikitable td,
span.brokenref {
+
table.prettytable th, table.prettytable td {
    display: none;
+
  border: 1px #aaaaaa solid;
 +
  padding: 0.2em;
 
}
 
}
 
   
 
   
/*Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
+
table.wikitable td,
.citation {
+
table.prettytable td {
    word-wrap: break-word;
+
  background: #363636;
 
}
 
}
 
   
 
   
/* For linked citation numbers and document IDs, where
+
table.wikitable th,
  the number need not be shown on a screen or a handheld,
+
table.wikitable > tr > th,
  but should be included in the printed version */
+
table.wikitable > * > tr > th,
@media screen, handheld {
+
table.prettytable th,
    .citation .printonly {
+
table.prettytable > tr > th,
        display: none;
+
table.prettytable > * > tr > th {
    }
+
  background: #262626;
 +
  text-align: center;
 
}
 
}
  
/* Prevent line breaks in silly places:
+
table.wikitable caption,
  1) Where desired
+
table.prettytable caption {
  2) Links when we don't want them to
+
  margin-left: inherit;
  3) Bold "links" to the page itself
+
  margin-right: inherit;
  4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
+
.nowrap,
+
.nowraplinks a,
+
.nowraplinks .selflink,
+
sup.reference a {
+
    white-space: nowrap;
+
 
}
 
}
/*But allow wrapping where desired: */
+
 
.wrap,
+
/* rounded corners class for block elements */
.wraplinks a {
+
.roundedCorners {
    white-space: normal;
+
  -moz-border-radius-topleft: 1em;
 +
  border-radius-topleft: 1em;
 +
  -moz-border-radius-bottomright: 1em;
 +
  border-radius-bottomright: 1em;
 +
  -moz-border-radius-topright: 1em;
 +
  border-radius-topright: 1em;
 +
  -moz-border-radius-bottomleft: 1em;
 +
  border-radius-bottomleft: 1em;
 
}
 
}
 +
 +
.semiblanking {
 +
display: none;
 +
}
 +
 +
/*See [[MediaWiki:NavigationTabs.js]]. copied from wikibooks*/
 +
.navtabs .tabs li { list-style:none; }
 +
.navtabs .tabs a {
 +
  text-decoration:none;
 +
  text-transform:uppercase;
 +
  outline-width:0px;
 +
  font-size:x-small;
 +
  font-weight:bold;
 +
  color:black;
 +
}
 +
 +
.navtabs .tabs .inactive { background:#bbb; padding:1ex; }
 +
.navtabs .tabs .selected { background:#999; padding:1.1ex; }
 +
.navtabs .tabs .inactive:hover { background:#f75; }
 +
.navtabs .contents { padding:1ex; border:3px solid #999; }
 +
 +
/* hide the Comments_talk namespace */
 +
.ns-102 #ca-talk {display:none;}
 +
.ns-103 #ca-edit {display:none;}
 +
.ns-103 #ca-addsection {display:none;}
 +
 +
/* rounded corners */
 +
.rtop, .rbottom { display: block; padding: 0px; margin: 0px }
 +
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; padding: 0px }
 +
.r1 {margin: 0 5px}
 +
.r2 {margin: 0 3px}
 +
.r3 {margin: 0 2px}
 +
.r4 {margin: 0 1px; height: 2px}
 +
/* end rounded corners */
 +
 +
/* Hidden categories (visible on mouse over) */
 +
#mw-hidden-catlinks {display: inline-block; margin-left: 3px; visibility: hidden;}
 +
#mw-normal-catlinks {display: inline-block;}
 +
#mw-hidden-catlinks:before {content: ">> "; visibility: visible; font-size: x-small; font-style: italic;}
 +
#mw-hidden-catlinks:hover {visibility: visible; font-size: 100%;}
 +
/* finché continua a vedersi anche dove non deve (WM)
 +
TRANS: "while also continuing to look at where you should not (WM)"
 +
.catlinks-allhidden {display: block;}
 +
*/
 +
.catlinks-allhidden #mw-hidden-catlinks:before {content: "Categorie: "; visibility: visible; font-size: x-small;}
 +
#mw-hidden-catlinks #mw-hidden-catlinks-switch {visibility: visible !important; font-size: x-small !important;}
 +
 +
 +
/* Hover */
 +
.oggettohover {
 +
display: none !important;
 +
}
 +
 +
.basehover:hover .oggettohover {
 +
z-index: 10000 !important;
 +
display:block !important;
 +
}
 +
 +
/* Aspetto uguale ai link per il morph
 +
TRANS: "Look for the link to the same morph" ^ */
 +
  .morphLink {
 +
    color: #002BB8;
 +
    display: inline-block;
 +
    cursor: pointer;
 +
}
 +
  .morphLink:hover {
 +
    text-decoration: underline;
 +
}
 +
 +
  .toggleLink {
 +
    color: #002BB8;
 +
    display: inline-block;
 +
    cursor: pointer;
 +
}
 +
  
 
/*More from Wikimon, translated the descriptions from Italian. o 3o;
 
/*More from Wikimon, translated the descriptions from Italian. o 3o;
Line 123: Line 193:
 
.cit {background-color: #F9F9F9; font-family: monospace; padding: 0; font-style: italic;}
 
.cit {background-color: #F9F9F9; font-family: monospace; padding: 0; font-style: italic;}
 
.cit p {margin: 0.2em 0 0.3em;}
 
.cit p {margin: 0.2em 0 0.3em;}
 +
 +
/* Class to force the color of links */
 +
.link-color a {color: inherit;}
 +
 +
/* Class to remove the effect of the underlined link */
 +
.nounderlinelink a {text-decoration:none;}
 +
 +
/* Class for tables, so you can avoid the use of deprecated attributes such as border, cellpadding and cellspacing. */
 +
.stdTable {
 +
    border: 1px solid #AAAAAA;
 +
    background-color: #F9F9F9;
 +
    font-size: 95%;
 +
    padding: 1px;
 +
    border-spacing: 4px;
 +
}
 +
 +
.stdTable td,.stdTable th {
 +
    border: 1px solid #AAAAAA;
 +
    background-color: transparent;
 +
    padding: 5px;
 +
}
 +
 +
.stdTable tr, .stdTable caption, .stdTable tbody, .stdTable thead, .stdTable tfoot, .stdTable col, .stdTable colgroup {
 +
    background-color: transparent;
 +
}
 +
 +
.tb_color th {
 +
    background-color: #c5e1ff!important;
 +
}
 +
 +
.tb_color td {
 +
    background-color: #f3f9fe!important;
 +
}
 +
 +
.tb_color table {
 +
  background-color:white!important;
 +
}
 +
 +
#transparent {
 +
    width: 100%;
 +
    background-color: #232323;
 +
    padding: 10px 10px 10px 10px;
 +
    opacity: .5;
 +
    (add in other opacity mods here - include -webkit, -moz, -o-, and filter:alpha)
 +
}
 +
 +
/* emulate center */
 +
.center {
 +
width: 100%;
 +
text-align: center;
 +
}
 +
*.center * {
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
  
 
/* Admin Styling, also lifted from Wikimon */
 
/* Admin Styling, also lifted from Wikimon */

Revision as of 13:08, 14 August 2014

/*Remember that all CSS placed here will be applied to '''all''' skins */
 
/*From Wikimon: Some things from Monobook that should be in here. */
div.no-bullet-list ul
{
    list-style-type: none;
    list-style-image: none;
}
 
div#siteNotice {text-align:center;
}
 
div.no-bullet-list ul
{
    list-style-type: none;
    list-style-image: none;
}
 
/*Fix the space between the edit check boxes on editintros. See http://bugzilla.wikimedia.org/show_bug.cgi?id=9252 */
 
.editOptions p {display:inline;}
 
/*Interlining in titles. To prevent title overlap.
Did not seem to break on Wikimon, should be alright for DNW. */
 
h1.firstHeading { line-height: 1em; }
 
/************************/
/*
 
==Dynamic hidden boxes==
===Ugly nav===
/* Standard table formatting */
/* <pre><nowiki> */
 
/* wikitable/prettytable class for skinning normal tables */
 
table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #363636;
  color:white;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}
 
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}
 
table.wikitable td,
table.prettytable td {
  background: #363636;
}
 
table.wikitable th,
table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.prettytable th,
table.prettytable > tr > th,
table.prettytable > * > tr > th {
  background: #262626;
  text-align: center;
}
 
table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}
 
/* rounded corners class for block elements */
.roundedCorners {
  -moz-border-radius-topleft: 1em;
  border-radius-topleft: 1em;
  -moz-border-radius-bottomright: 1em;
  border-radius-bottomright: 1em;
  -moz-border-radius-topright: 1em;
  border-radius-topright: 1em;
  -moz-border-radius-bottomleft: 1em;
  border-radius-bottomleft: 1em;
}
 
.semiblanking {
 display: none;
}
 
/*See [[MediaWiki:NavigationTabs.js]]. copied from wikibooks*/
.navtabs .tabs li { list-style:none; }
 .navtabs .tabs a {
   text-decoration:none;
   text-transform:uppercase;
   outline-width:0px;
   font-size:x-small;
   font-weight:bold;
   color:black;
 }
 
 .navtabs .tabs .inactive { background:#bbb; padding:1ex; }
 .navtabs .tabs .selected { background:#999; padding:1.1ex; }
 .navtabs .tabs .inactive:hover { background:#f75; }
 .navtabs .contents { padding:1ex; border:3px solid #999; }
 
/* hide the Comments_talk namespace */
.ns-102 #ca-talk {display:none;}
.ns-103 #ca-edit {display:none;}
.ns-103 #ca-addsection {display:none;}
 
/* rounded corners */
.rtop, .rbottom { display: block; padding: 0px; margin: 0px }
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; padding: 0px }
.r1 {margin: 0 5px}
.r2 {margin: 0 3px}
.r3 {margin: 0 2px}
.r4 {margin: 0 1px; height: 2px}
/* end rounded corners */
 
/* Hidden categories (visible on mouse over) */
#mw-hidden-catlinks {display: inline-block; margin-left: 3px; visibility: hidden;}
#mw-normal-catlinks {display: inline-block;}
#mw-hidden-catlinks:before {content: ">> "; visibility: visible; font-size: x-small; font-style: italic;}
#mw-hidden-catlinks:hover {visibility: visible; font-size: 100%;}
/* finché continua a vedersi anche dove non deve (WM)
TRANS: "while also continuing to look at where you should not (WM)"
.catlinks-allhidden {display: block;}
*/
.catlinks-allhidden #mw-hidden-catlinks:before {content: "Categorie: "; visibility: visible; font-size: x-small;}
#mw-hidden-catlinks #mw-hidden-catlinks-switch {visibility: visible !important; font-size: x-small !important;}
 
 
/* Hover */
.oggettohover {
display: none !important;
}
 
.basehover:hover .oggettohover { 
z-index: 10000 !important;
display:block !important;
}
 
/* Aspetto uguale ai link per il morph 
TRANS: "Look for the link to the same morph" ^ */
  .morphLink {
    color: #002BB8;
    display: inline-block;
    cursor: pointer;
 }
  .morphLink:hover {
    text-decoration: underline;
 }
 
  .toggleLink {
    color: #002BB8;
    display: inline-block;
    cursor: pointer;
 }
 
 
/*More from Wikimon, translated the descriptions from Italian. o 3o;
Styling of Tooltip Hovers for References.
Could not find it easily on Wikipedia, but it's used there as well.
*/
 
/* Tooltip notes */
.reference-tt {
display: none;
position: absolute;
bottom: 0px;
z-index: 10000;
background-color:#C4E9FD; 
border:1px solid #0789CF; 
padding-left: 3px;
padding-right: 1px;
opacity:0.9;
color: #000000;
font-family: monospace;
font-style: normal;
font-weight: normal;
font-size: 12px !important;
}
 
.reference:hover {
position: relative;
}
 
.reference:hover .reference-tt {
display:block;
}
 
/* Style Template:Cit */
.cit {background-color: #F9F9F9; font-family: monospace; padding: 0; font-style: italic;}
.cit p {margin: 0.2em 0 0.3em;}
 
/* Class to force the color of links */
.link-color a {color: inherit;}
 
/* Class to remove the effect of the underlined link */
.nounderlinelink a {text-decoration:none;}
 
/* Class for tables, so you can avoid the use of deprecated attributes such as border, cellpadding and cellspacing. */
.stdTable {
    border: 1px solid #AAAAAA;
    background-color: #F9F9F9;
    font-size: 95%;
    padding: 1px;
    border-spacing: 4px;
}
 
.stdTable td,.stdTable th {
    border: 1px solid #AAAAAA;
    background-color: transparent;
    padding: 5px;
}
 
.stdTable tr, .stdTable caption, .stdTable tbody, .stdTable thead, .stdTable tfoot, .stdTable col, .stdTable colgroup {
    background-color: transparent;
}
 
.tb_color th {
    background-color: #c5e1ff!important;
}
 
.tb_color td {
    background-color: #f3f9fe!important;
}
 
.tb_color table {
   background-color:white!important;
}
 
#transparent {
     width: 100%;
     background-color: #232323;
     padding: 10px 10px 10px 10px;
     opacity: .5;
     (add in other opacity mods here - include -webkit, -moz, -o-, and filter:alpha)
}
 
/* emulate center */
.center {
	width: 100%;
	text-align: center;
}
*.center * {
	margin-left: auto;
	margin-right: auto;
}
 
/* Admin Styling, also lifted from Wikimon */
/* ADMINS - purple, bold italic*/
 
a[href|="/User:Jess"],
a[href|="/User:Graham"],
a[href|="/User:Justin"],
a[href|="/User:Cam"]
 
{ color: #9548e4; font-weight:bold;font-style: italic;}