MediaWiki:Common.css

From Empire of Dragons
Revision as of 08:45, 3 February 2024 by Oberoten (talk | contribs)
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 */

.ns-3000 #content, .ns-3001 #content { background-color: #e3e3ff; }
.ns-3000 div.thumb, .ns-3001 div.thumb { border-color: #f3f3ff; }

.ns-3002 #content, .ns-3003 #content { background-color: #e3e3ff; }
.ns-3002 div.thumb, .ns-3003 div.thumb { border-color: #f3f3ff; }

.ns-3004 #content, .ns-3005 #content { background-color: #e3e3ff; }
.ns-3004 div.thumb, .ns-3005 div.thumb { border-color: #f3f3ff; }

.ns-3006 #content, .ns-3007 #content { background-color: #ccccff; }
.ns-3006 div.thumb, .ns-307 div.thumb { border-color: #f3f3ff; }

.ns-3008 #content, .ns-3009 #content { background-color: #e3e3ff; }
.ns-3008 div.thumb, .ns-3009 div.thumb { border-color: #f3f3ff; }


/* Variables here */


@keyframes example {
  0% {background-color: red; color:blue;}
  25% {background-color: yellow; color:black;}
  50% {background-color: green; color:red;}
  75% {background-color: yellow; color:green;}
  100% {background-color: red; color:white;}
}

/* The element to apply the animation to */
.specdiv {
  width: 100px;
  height: 100px;
  background-color: red;
  animation-name: example;
  animation-duration: 15s;
}

/*
 * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
 * SEE [[MediaWiki talk:Common.css/to do]]
 */

/* Infobox template style */
.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
	width: 22em;
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
	/* @noflip */
	text-align: right;
}

.ObeTable {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
	width: 35%;
}

.TemplateDoc {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #00ff99;
}


/* All things for Ars Magica   */
/* ask boss for new computer */
.charsheet {
	font-family:courier new;
	font-size:120%;
	border: 2px solid #333333;
	background-color: #fffff6 ;
}

.charsheet2 {
	font-family: "Old English Text MT", serif;
	width : 90%;
	font-size:120%;
	color : #4d1a00;
	border: 1px solid #a2a9b1;
	background-color: #ffccb3 ;
	
}

.charsheet3 {
	width : 90%;
	font-size:120%;
	border: 4px ridge #333333;
	background-color: #ffffff ;
}


.statblock {
	border: 1px solid #44444430;
}

.nd {width:90px; border-bottom: 1px solid #666666; text-align: center;}
.rd {width:50px; border-bottom: 1px solid #666666; text-align: center;}
.th {width:50px; text-align: center;}
.th-shaded { width:50px; text-align: center;  background-color: #00000006; }

.skill {width:350px;}
.skills {width:350px;}
.spacer {width: 11px;}

.formstable {text-align: center;}

.ObeTable tr td {height:40px;}

.striped tr:nth-child(even) {background: #CCC}
.striped tr:nth-child(odd) {background: #FFF}

/* Fate */

  .demTable {
			border:None;
			border-collapse:collapse;
			padding:5px;
		}
		.demTable th {
			    border:None;
				width: 200px;
               min-height: 200px;
               -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 95%, 95% 0);
              clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 95%, 95% 0);
               background: lightblue;
		}
		.demTable td {
			border:1px solid #b3adad;
			text-align:left;
			padding:5px;
			background: #ffffff;
			color: #313030;
		}