MediaWiki:Common.css

From Diary of a Wimpy Kid Wiki
Revision as of 18:21, 11 November 2019 by Results May Vary (talk | contribs) (test)
Jump to navigation Jump to search

Note: After publishing, 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: Press Ctrl-F5.
/***** 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
 /* --- TABLE DESIGNS --- */
/* default skin 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 {
	margin-top: -1px;	/* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox .mw-collapsible-toggle-expanded {
	padding-left: 8px;
}
.navbox-title, .navbox-abovebelow, table.navbox th {
	text-align: center;	/* title and above/below styles */
	padding-left: 1em;
	padding-right: 1em;
}
.navbox-group {			/* group style */
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
}
.navbox, .navbox-subgroup {
	background: #fdfdfd;	/* Background color */
}
.navbox-list {
	border-left: 2px solid #fdfdfd;	/* Must match background color */
}
.navbox-title, table.navbox th {
	background: #ccccff;	/* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
	background: #ddddff;	/* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
	background: #e6e6ff;	/* Level 3 color */
}
.navbox-even {
	background: #f7f7f7;	/* Even row striping */
}
.navbox-odd {
	background: transparent;	/* Odd row striping */
}
 
@media print {
	.navbox {
		display: none;
	}
}

.nowraplinks a {	/* prevents line breaks in links in primarily navbox */
	white-space: nowrap;
}