Difference between revisions of "MediaWiki:Common.css"

From EvaWiki
Jump to: navigation, search
 
(additional FGC rules - feel free to revert if they break something else)
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/** CSS placed here will be applied to all skins */
 
/** CSS placed here will be applied to all skins */
 +
/*For Infoboxes*/
 +
/* 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.centered{
 +
  float: none;
 +
  align: center;
 +
}
 +
.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;
 +
}
 +
 +
.infobox.sisterproject {
 +
  width: 20em;
 +
  font-size: 90%;
 +
}
 +
 +
/* styles for bordered infobox with merged rows */
 +
.infobox.bordered .mergedtoprow td,
 +
.infobox.bordered .mergedtoprow th {
 +
  border: 0;
 +
  border-top: 1px solid #aaaaaa;
 +
  border-right: 1px solid #aaaaaa;
 +
}
 +
 +
.infobox.bordered .mergedrow td,
 +
.infobox.bordered .mergedrow th {
 +
  border: 0;
 +
  border-right: 1px solid #aaaaaa;
 +
}
 +
 +
 +
/* styles for geography infoboxes, e.g. countries, national
 +
subdivisions, cities, etc. */
 +
 +
.infobox.geography {
 +
  border: 1px solid #ccd2d9;
 +
  text-align: left;
 +
  border-collapse: collapse;
 +
  line-height: 1.2em;
 +
  font-size: 90%;
 +
}
 +
 +
.infobox.geography  td,
 +
.infobox.geography  th {
 +
  border-top: solid 1px #ccd2d9;
 +
  padding: 0.4em 0.2em 0.4em 0.8em;
 +
}
 +
.infobox.geography .mergedtoprow td,
 +
.infobox.geography .mergedtoprow th {
 +
  border-top: solid 1px #ccd2d9;
 +
  padding: 0.4em 0.2em 0.2em 0.8em;
 +
}
 +
 +
.infobox.geography .mergedrow td,
 +
.infobox.geography .mergedrow th {
 +
      border: 0;
 +
      padding: 0 0.2em 0.2em 0.8em;
 +
}
 +
 +
.infobox.geography .mergedbottomrow td,
 +
.infobox.geography .mergedbottomrow th {
 +
  border-top: 0;
 +
  border-bottom: solid 1px #ccd2d9;
 +
  padding: 0 0.2em 0.4em 0.8em;
 +
}
 +
 +
.infobox.geography .maptable td,
 +
.infobox.geography .maptable th {
 +
      border: 0;
 +
      padding: 0 0 0 0;
 +
}
 +
 +
 +
 +
/***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/
 +
 +
/* Wikitable (Prettytable) class for skinning normal tables */
 +
table.wikitable,
 +
table.prettytable {
 +
margin: 1em 1em 1em 0;
 +
background: #f9f9f9;
 +
border: 1px #aaaaaa solid;
 +
border-collapse: collapse;
 +
empty-cells: show;
 +
}
 +
table.wikitable th, table.wikitable td,
 +
table.prettytable th, table.prettytable td {
 +
border: 1px #aaaaaa solid;
 +
padding: 0.2em 0.4em;
 +
}
 +
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
 +
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
 +
background: #8da7d6;
 +
text-align: center;
 +
}
 +
table.wikitable td.hl1, table.wikitable th.hl1,
 +
table.prettytable td.hl1, table.wikitable th.hl1 {
 +
background: #c5d8fc;
 +
text-align: center;
 +
}
 +
table.wikitable td.hl2, table.wikitable th.hl2,
 +
table.prettytable td.hl2, table.wikitable th.hl2 {
 +
background: #a7c1f2;
 +
text-align: center;
 +
}
 +
table.wikitable caption,
 +
table.prettytable caption {
 +
margin-left: inherit;
 +
margin-right: inherit;
 +
font-weight: bold;
 +
}
 +
 +
/*Additional Classes from Wikipedia*/
 +
.rellink, .dablink
 +
{
 +
font-style: italic;
 +
padding-left: 2em;
 +
margin-bottom: 0.5em;
 +
}
 +
 +
 +
 +
/* Custom FGC styles, recovered from the Wayback Machine (2014-07-10), used to be in commentary.css */
 +
 +
body.ns-100 #content{
 +
background-color: #99ccff;
 +
/*background-image: url("/skins/ngefgp/fgc_gradient12.png");*/
 +
background-repeat: repeat-x;
 +
}
 +
 +
body.ns-100 #catlinks{
 +
border: 1px solid black;
 +
background-color: #99ccff;
 +
}
 +
 +
body.ns-100 #toc {
 +
border: 1px solid gray;
 +
background-color: powderblue;
 +
}
 +
 +
body.ns-100 div.thumb{
 +
border-color: transparent;
 +
}
 +
 +
/*Hide regular page title on FGC:Main page */
 +
body.page-FGC_Main h1.firstHeading { display:none; }
 +
 +
table.fgc_scene {
 +
text-align: center;
 +
margin: auto;
 +
/*font-family: "Trebuchet MS","times new roman", Verdana, Helvetica, sans-serif;*/
 +
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
 +
width: 100%;
 +
max-width: 100em;
 +
/*background-color: #99ccff;*/
 +
}
 +
 +
tr.fgc_scene_header th{
 +
background-color: cornflowerblue;
 +
}
 +
 +
.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;
 +
font-size: x-small;
 +
width: auto;
 +
/*colours defined in wikibits.js*/
 +
}
 +
 +
.extendedImages {
 +
float:right;
 +
font-size: 90%;
 +
}
 +
 +
.additionalTranslation {
 +
width: 100%;
 +
margin-top: 0;
 +
margin-bottom: 0;
 +
border: 0 #000000 none;
 +
}
 +
 +
table.additionalTranslation th {
 +
background: none;
 +
text-align: right;
 +
font-size: x-small;
 +
}
 +
 +
table.scriptsHolder {
 +
width: 100%;
 +
height: 100%;
 +
}
 +
 +
table.commentsHolder {
 +
width: 100%;
 +
height: 100%;
 +
}
 +
 +
table.additionalComments {
 +
width: 100%;
 +
margin-top: 0;
 +
margin-bottom: 0;
 +
}
 +
 +
table.additionalComments th {
 +
text-align: right;
 +
font-size: x-small;
 +
}
 +
 +
 +
table.scenenav {
 +
width: 80%;
 +
text-align: center;
 +
font-size: normal;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-top: 0.5em;
 +
margin-bottom: 0.5em;
 +
background-color: PowderBlue;
 +
empty-cells: show;
 +
}
 +
 +
table.scenenav td{
 +
font-size: normal;
 +
font-weight: bold;
 +
}
 +
table.scenenav th{
 +
background-color: cornflowerblue;
 +
}
 +
 +
table.fgc_imagelink {
 +
margin:auto;
 +
}
 +
 +
table.fgc_imagelink td{
 +
padding: 0px;
 +
}
 +
 +
.fgc_header{
 +
font-weight: bold;
 +
}
 +
 +
h1.fgc_header {
 +
text-align: center;
 +
margin:auto;
 +
border: none;
 +
/*font-size: large;
 +
font-weight: bold;*/
 +
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
 +
}
 +
 +
h2.fgc_header, h3.fgc_header, h4.fgc_header, h5.fgc_header, h6.fgc_header {
 +
margin:auto;
 +
border: none;
 +
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
 +
}
 +
 +
table.fgc_scenelist_holder {
 +
margin: auto;
 +
width: 80%;
 +
border: 0;
 +
}
 +
 +
table.fgc_scenelist_holder td{
 +
vertical-align: top;
 +
}
 +
 +
table.fgc_scenelist {
 +
margin: auto;
 +
width:100%;
 +
text-align: center;
 +
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
 +
font-size: medium;
 +
}
 +
 +
table.fgc_scenelist th{
 +
background-color: cornflowerblue;
 +
}
 +
 +
table.fgc_scenelist td{
 +
vertical-align: baseline;
 +
}
 +
 +
table.fgc_navbox {
 +
width: 90%;
 +
text-align: left;
 +
font-size: 90%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-top: 0.5em;
 +
margin-bottom: 0.5em;
 +
border: 0;
 +
background-color: PowderBlue;
 +
empty-cells: show;
 +
}
 +
table.fgc_navbox th{
 +
text-align: center;
 +
font-size: 110%;
 +
background-color: cornflowerblue;
 +
}
 +
.fgc_navbox_group {
 +
text-align: right;
 +
font-weight: bold;
 +
width: 15%;
 +
padding-right: 2em;
 +
}
 +
 +
.fgc_supplemental {
 +
font-size: 130%;
 +
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
 +
max-width: 65em;
 +
/* background-color: powderblue;*/
 +
margin: auto;
 +
padding: 1em;
 +
border: 0.3em outset powderblue;
 +
}
 +
 +
.fgc_description {
 +
font-style: italic;
 +
}
 +
 +
.fgc_dialogue {
 +
}
 +
 +
.fgc_SE {
 +
}
 +
 +
.fgc_regsupplemental {
 +
color: #333399;
 +
}
 +
 +
.fgc_supplemental51 {
 +
color: #006666;
 +
}
 +
 +
.fgc_music {
 +
color: #990000;
 +
}
 +
 +
.fgc_external{
 +
color: darkred;
 +
font-style: italic;
 +
}
 +
 +
.fgc_tbconfirmed{
 +
font-family: 'Courier New',Courier,monospace;
 +
}
 +
 +
.fgc_left {
 +
text-align: left;
 +
}
 +
 +
.fgc_right {
 +
text-align: right;
 +
}
 +
 +
.fgc_center {
 +
text-align: center;
 +
}
 +
 +
 +
.fgc_comment {
 +
font-style: normal;
 +
line-height: normal;
 +
}
 +
 +
.fgc_comment_cell {
 +
height: 100%;
 +
}
 +
 +
.fgc_comment_cell p{
 +
line-height: normal;
 +
}
 +
 +
.fgc_revision_compare {
 +
font-size: 80%;
 +
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
 +
text-align:center;
 +
}
 +
 +
.fgc_revision_compare_cutno {
 +
width: 20%;
 +
}
 +
 +
.fgc_revision_compare th{
 +
background-color: cornflowerblue;
 +
}
 +
.fgc_revision_compare td{
 +
padding: 1.0em;
 +
}
 +
 +
/*.fgc_revision_compare img {
 +
margin-left: 0.75em;
 +
margin-right: 0.75em;
 +
padding: 1em;
 +
}*/
 +
 +
.fgc_revision_compare p {
 +
margin-top: 20px;
 +
margin-right: auto;
 +
margin-bottom: 20px;
 +
margin-left: auto;
 +
}
 +
 +
.fgc_notice_board {
 +
margin: auto;
 +
background-color: #9999ff;
 +
border: 5px ridge #9999ff;
 +
width: 75%;
 +
font-size: 80%;
 +
text-align: center;
 +
}
 +
 +
.fgc_hr_heavy {
 +
border-bottom: 2px groove #05014d;
 +
}
 +
 +
.fgc_fmttm_guide {
 +
text-align:center;
 +
margin: 2em auto 2em auto;
 +
font-size: 80%;
 +
}
 +
 +
.fgc_fmttm_guide th {
 +
background-color: cornflowerblue;
 +
font-weight: bold;
 +
}
 +
 +
.fgc_flash_guide {
 +
margin-right: auto;
 +
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
 +
text-align:center;
 +
}
 +
 +
/*Assuming three images per row*/
 +
.fgc_flash_guide th{
 +
width: 5%;
 +
background-color: cornflowerblue;
 +
}
 +
 +
.fgc_flash_guide td{
 +
max-width: 180px;
 +
vertical-align: top;
 +
padding: 1em;
 +
font-size: 80%;
 +
}
 +
 +
.fgc_credits {
 +
margin: auto;
 +
font-size: 130%;
 +
padding-left: 5em;
 +
max-width: 65em;
 +
}

Revision as of 07:55, 28 December 2020

/** CSS placed here will be applied to all skins */
/*For Infoboxes*/
/* 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.centered{
   float: none;
   align: center;
}
.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;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
   border: 0;
   border-top: 1px solid #aaaaaa;
   border-right: 1px solid #aaaaaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
   border: 0;
   border-right: 1px solid #aaaaaa;
}


/* styles for geography infoboxes, e.g. countries, national 
subdivisions, cities, etc. */

.infobox.geography {
   border: 1px solid #ccd2d9;
   text-align: left;
   border-collapse: collapse;
   line-height: 1.2em; 
   font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
   border-top: solid 1px #ccd2d9;
   padding: 0.4em 0.2em 0.4em 0.8em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
   border-top: solid 1px #ccd2d9;
   padding: 0.4em 0.2em 0.2em 0.8em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
      border: 0;
      padding: 0 0.2em 0.2em 0.8em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
   border-top: 0;
   border-bottom: solid 1px #ccd2d9;
   padding: 0 0.2em 0.4em 0.8em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
      border: 0;
      padding: 0 0 0 0;
}

 
 
/***** 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS *****/
 
/* Wikitable (Prettytable) class for skinning normal tables */
table.wikitable,
table.prettytable {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
	empty-cells: show;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
	border: 1px #aaaaaa solid;
	padding: 0.2em 0.4em;
}
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3,
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 {
	background: #8da7d6;
	text-align: center;
}
table.wikitable td.hl1, table.wikitable th.hl1,
table.prettytable td.hl1, table.wikitable th.hl1 {
	background: #c5d8fc;
	text-align: center;
}
table.wikitable td.hl2, table.wikitable th.hl2,
table.prettytable td.hl2, table.wikitable th.hl2 {
	background: #a7c1f2;
	text-align: center;
}
table.wikitable caption,
table.prettytable caption {
	margin-left: inherit;
	margin-right: inherit;
	font-weight: bold;
}

/*Additional Classes from Wikipedia*/
.rellink, .dablink
{
	font-style: italic;
	padding-left: 2em;
	margin-bottom: 0.5em;
}



/* Custom FGC styles, recovered from the Wayback Machine (2014-07-10), used to be in commentary.css */

body.ns-100 #content{
	background-color: #99ccff;
	/*background-image: url("/skins/ngefgp/fgc_gradient12.png");*/
	background-repeat: repeat-x;
}

body.ns-100 #catlinks{
	border: 1px solid black;
	background-color: #99ccff;
}

body.ns-100 #toc {
	border: 1px solid gray;
	background-color: powderblue;
}

body.ns-100 div.thumb{
	border-color: transparent;
}

/*Hide regular page title on FGC:Main page */
body.page-FGC_Main h1.firstHeading { display:none; }

table.fgc_scene {
	text-align: center;
	margin: auto;
	/*font-family: "Trebuchet MS","times new roman", Verdana, Helvetica, sans-serif;*/
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	width: 100%;
	max-width: 100em;
	/*background-color: #99ccff;*/
}

tr.fgc_scene_header th{
	background-color: cornflowerblue;
}

.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;
	font-size: x-small;
	width: auto;
	/*colours defined in wikibits.js*/
}

.extendedImages {
	float:right;
	font-size: 90%;
}

.additionalTranslation {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	border: 0 #000000 none;
}

table.additionalTranslation th {
	background: none;
	text-align: right;
	font-size: x-small;
}

table.scriptsHolder {
	width: 100%;
	height: 100%;
}

table.commentsHolder {
	width: 100%;
	height: 100%;
}

table.additionalComments {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

table.additionalComments th {
	text-align: right;
	font-size: x-small;
}


table.scenenav {
	width: 80%;
	text-align: center;
	font-size: normal;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background-color: PowderBlue;
	empty-cells: show;
}

table.scenenav td{
	font-size: normal;
	font-weight: bold;
}
table.scenenav th{
	background-color: cornflowerblue;
}

table.fgc_imagelink {
	margin:auto;
}

table.fgc_imagelink td{
	padding: 0px;
}

.fgc_header{
	font-weight: bold;
}

h1.fgc_header {
	text-align: center;
	margin:auto;
	border: none;
	/*font-size: large;
	font-weight: bold;*/
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

h2.fgc_header, h3.fgc_header, h4.fgc_header, h5.fgc_header, h6.fgc_header {
	margin:auto;
	border: none;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

table.fgc_scenelist_holder {
	margin: auto;
	width: 80%;
	border: 0;
}

table.fgc_scenelist_holder td{
	vertical-align: top;
}

table.fgc_scenelist {
	margin: auto;
	width:100%;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: medium;
}

table.fgc_scenelist th{
	background-color: cornflowerblue;
}

table.fgc_scenelist td{
	vertical-align: baseline;
}

table.fgc_navbox {
	width: 90%;
	text-align: left;
	font-size: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: 0;
	background-color: PowderBlue;
	empty-cells: show;
}
table.fgc_navbox th{
	text-align: center;
	font-size: 110%;
	background-color: cornflowerblue;
}
.fgc_navbox_group {
	text-align: right;
	font-weight: bold;
	width: 15%;
	padding-right: 2em;
}

.fgc_supplemental {
	font-size: 130%;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	max-width: 65em;
/*	background-color: powderblue;*/
	margin: auto;
	padding: 1em;
	border: 0.3em outset powderblue;
}

.fgc_description {
	font-style: italic;
}

.fgc_dialogue {
}

.fgc_SE {
}

.fgc_regsupplemental {
	color: #333399;
}

.fgc_supplemental51 {
	color: #006666;
}

.fgc_music {
	color: #990000;
}

.fgc_external{
	color: darkred;
	font-style: italic;
}

.fgc_tbconfirmed{
	font-family: 'Courier New',Courier,monospace;
}

.fgc_left {
	text-align: left;
}

.fgc_right {
	text-align: right;
}

.fgc_center {
	text-align: center;
}


.fgc_comment {
	font-style: normal;
	line-height: normal;
}

.fgc_comment_cell {
	height: 100%;
}

.fgc_comment_cell p{
	line-height: normal;
}

.fgc_revision_compare {
	font-size: 80%;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;	
	text-align:center;
}

.fgc_revision_compare_cutno {
	width: 20%;
}

.fgc_revision_compare th{
	background-color: cornflowerblue;
}
.fgc_revision_compare td{
	padding: 1.0em;
}

/*.fgc_revision_compare img {
	margin-left: 0.75em;
	margin-right: 0.75em;
	padding: 1em;
}*/

.fgc_revision_compare p {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.fgc_notice_board {
	margin: auto;
	background-color: #9999ff;
	border: 5px ridge #9999ff;
	width: 75%;
	font-size: 80%;
	text-align: center;
}

.fgc_hr_heavy {
	border-bottom: 2px groove #05014d;
}

.fgc_fmttm_guide {
	text-align:center;
	margin: 2em auto 2em auto;
	font-size: 80%;
}

.fgc_fmttm_guide th {
	background-color: cornflowerblue;
	font-weight: bold;
}

.fgc_flash_guide {
	margin-right: auto;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;	
	text-align:center;
}

/*Assuming three images per row*/
.fgc_flash_guide th{
	width: 5%;
	background-color: cornflowerblue;
}

.fgc_flash_guide td{
	max-width: 180px;
	vertical-align: top;
	padding: 1em;
	font-size: 80%;
}

.fgc_credits {
	margin: auto;
	font-size: 130%;
	padding-left: 5em;
	max-width: 65em;
}
Retrieved from "https://wiki.evageeks.org/index.php?title=MediaWiki:Common.css&oldid=104712"