Difference between revisions of "MediaWiki:Common.css"

From Diary of a Wimpy Kid Wiki
Jump to navigation Jump to search
(test)
(ttrying mw)
Line 197: Line 197:


#Navbox
#Navbox
/* --- TABLE DESIGNS --- */
/* <h3> Navigation templates </h3> */
/* default skin for navigation boxes */
 
table.navbox { /* navbox container style */
.navbox {
border: 1px solid #aaa;
background: none repeat scroll 0 0 white;
width: 100%;  
border: 1px solid grey;
margin: auto;
color: black;
clear: both;
font-family: Arial;
font-size: 88%;
font-size: 11px;
text-align: center;
width: 100%;
padding: 1px;
margin-top: 20px;
}
}
table.navbox + table.navbox {
.navbox + .navbox,
margin-top: -1px; /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
.navbox .navbox {
margin-top: 0;
}
}
.navbox .mw-collapsible-toggle-expanded {
.navbox .mw-collapsible-toggle-expanded {
padding-left: 8px;
padding-left: 7px;
}
}
.navbox-title, .navbox-abovebelow, table.navbox th {
.navbox:not(.multi) .mw-collapsible > tbody > tr:first-child > th {
text-align: center; /* title and above/below styles */
padding-left: 42px;
padding-left: 1em;
padding-right: 1em;
}
}
.navbox-group { /* group style */
.navbox tr:first-child th {
white-space: nowrap;
background: none repeat scroll 0 0 #999999;
text-align: right;
color: white;
font-size: 12px;
font-weight: bold;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
}
.navbox, .navbox-subgroup {
.navbox tr:first-child th, .navbox tr:first-child th a {
background: #fdfdfd; /* Background color */
color: #FFFFFF !important;
}
.navbox tr th {
background: none repeat scroll 0 0 #CCCCCC;
text-align: center;
}
.navbox tr:not(:first-child) th:not([rowspan]):not([colspan]) {
background: none repeat scroll 0 0 #E6E6E6;
}
}
.navbox-list {
.navbox tr th a, .navbox tr th a:visited, .navbox tr th a.new, .navbox tr th a.new:visited {
border-left: 2px solid #fdfdfd; /* Must match background color */
color: #000000;
}
}
.navbox-title, table.navbox th {
.navbox tr:nth-child(2n) td {
background: #ccccff; /* Level 1 color */
background: none repeat scroll 0 0 #F6F6F6;
}
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
.navbox tr td {
background: #ddddff; /* Level 2 color */
background: none repeat scroll 0 0 #FCFCFC;
}
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
.navbox td a {
background: #e6e6ff; /* Level 3 color */
color: #0000FF;
}
}
.navbox-even {
.navbox td a:visited {
background: #f7f7f7; /* Even row striping */
color: #0000CC;
}
}
.navbox-odd {
.navbox td a.new {
background: transparent; /* Odd row striping */
color: #CC2200;
}
}
.navbox td a.new:visited {
@media print {
color: #A55858;
.navbox {
display: none;
}
}
}
 
.navbox td a.selflink {
.nowraplinks a { /* prevents line breaks in links in primarily navbox */
color: #000;
white-space: nowrap;
}
}

Revision as of 18:32, 11 November 2019

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */
h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Infobox template style */
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.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 #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
   border: 1px solid #aaa;
   margin-top: 1em;
   padding: 12px;
}
.forumlist td.forum_edited a {
   color: black;
   text-decoration: none;
}
.forumlist td.forum_title a {
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
   font-weight: bold;
   background: url(image:Book5.png) center left repeat;
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
   font-weight: normal;
   background: image:Book5.png;
   padding-left: 20px;
}
.forumlist th.forum_title {
   padding-left: 20px;
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
   color: #006500;
}
.mw-plusminus-neg {
   color: #8B0000;
}

/* Image frame fix */
div.tright, div.tleft {
   border: 1px solid silver;
}

div.thumbinner {
   background: inherit;
   border: image:Book5.png;
   color: inherit;
}
#article div.thumb {
   color:inherit;
}

/* === Babel === */

div.babelbox {
   float: right;
   margin-left: 1em;
   margin-bottom: 0.5em;
   width: 246px;
   border: 1px solid #99B3FF;
   padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
   margin: 2px 4px 2px 4px; /* t, l, b, r */
   width:238px;
   border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
   text-align:center;
   font-size:14pt;
   width:45px;
   height:45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
  font-size:8pt;
  padding:4pt;
  line-height:1.25em;
}

.lang-block0 {
   border:1px solid #FFB3B3;
}
td.lang-code0 {
  background-color: #FFB3B3;
  color: black;
}
td.lang-description0 {
  background-color: #FFE0E8;
  color: black;
}

.lang-block1,  .lang-block2, .lang-block3  {
   border:1px solid #99B3FF;
}
td.lang-code1, td.lang-code2, td.lang-code3 {
  background-color: #99B3FF;
  color: black;
}
td.lang-description1,  td.lang-description2, td.lang-description3 {
  background-color: #E0E8FF;
  color: black;
}

.lang-blockN {
   border:1px solid #6EF7A7;
}
td.lang-codeN {
  background-color: #6EF7A7;
  color: black;
}
td.lang-descriptionN {
  background-color: #C5FCDC;
  color: black;
}

@font-face {
  font-family: WimpyKid;
  src: url(WimpyKid.ttf);
} 

@font-face {
  font-family: WimpyKidDialogue;
  src: url(WimpyKidDialogue.ttf);
} 

body {
    font-family: "WimpyKid";
}

div.oo-ui-fieldLayout-field {
 font-family: "Georgia";
}

.DialogueBox
{
    font-family: WimpyKidDialogue;
    background-image:url(speechbubble.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center center;
    padding:1em .75em;
    max-width:15em;
    text-align:center;
    color:black;
    line-height:1em;
}

#Navbox
/* <h3> Navigation templates </h3> */

.navbox {
	background: none repeat scroll 0 0 white;
	border: 1px solid grey;
	color: black;
	font-family: Arial;
	font-size: 11px;
	width: 100%;
	margin-top: 20px;
}
.navbox + .navbox,
.navbox .navbox {
	margin-top: 0;
}
.navbox .mw-collapsible-toggle-expanded {
	padding-left: 7px;
}
.navbox:not(.multi) .mw-collapsible > tbody > tr:first-child > th {
	padding-left: 42px;
}
.navbox tr:first-child th {
	background: none repeat scroll 0 0 #999999;
	color: white;
	font-size: 12px;
	font-weight: bold;
}
.navbox tr:first-child th, .navbox tr:first-child th a {
	color: #FFFFFF !important;
}
.navbox tr th {
	background: none repeat scroll 0 0 #CCCCCC;
	text-align: center;
}
.navbox tr:not(:first-child) th:not([rowspan]):not([colspan]) {
	background: none repeat scroll 0 0 #E6E6E6;
}
.navbox tr th a, .navbox tr th a:visited, .navbox tr th a.new, .navbox tr th a.new:visited {
	color: #000000;
}
.navbox tr:nth-child(2n) td {
	background: none repeat scroll 0 0 #F6F6F6;
}
.navbox tr td {
	background: none repeat scroll 0 0 #FCFCFC;
}
.navbox td a {
	color: #0000FF;
}
.navbox td a:visited {
	color: #0000CC;
}
.navbox td a.new {
	color: #CC2200;
}
.navbox td a.new:visited {
	color: #A55858;
}
.navbox td a.selflink {
	color: #000;
}