User:Alondaar/common.css

From Sword World Translation Project
Jump to navigationJump to search

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Alon CSS */
.al-table-caption {
	border: 1px solid #a2a9b1;
	border-bottom: none;
	border-radius: 8px 8px 0px 0px;
	font-size: 1.5em;
	padding: 0.25em;
	font-family: Arial;
	-webkit-text-stroke: 0.4px black;
	letter-spacing: 3px;
	word-spacing: 8px;
}

.al-table {
	max-width: 900px;
	/*margin: auto;*/ /*center the table horizontally*/
}

.al-table .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	padding: 0.1em 0.3em;
}

.al-table-row {
	text-align: center;
	vertical-align: middle;
}

.al-table th:nth-child(n+5):nth-child(-n+14) { /*Header Cells that have the power-array number*/
	font-size: 2em;
	font-family: 'Courier', monospace;
	padding: 0.05em 0.15em;
}

.al-table-row td:nth-of-type(2), /*Name and Notes Cells*/
.al-table-row td:nth-of-type(21) {
	text-align: left;
}

.al-table-row td:nth-of-type(2) /*Name Cell*/{
	padding-right: 3em;
}

.al-table-row td:nth-of-type(21) /*Notes Cell*/{
	width: 100%;
}

.al-expand-btn {
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	font-weight: bold;
	width: 16px;
}

.al-desc-row {
	background-color: lightgrey;
	background-color: rgba(211,211,211, 0.6);
}

.al-magical-row {
	background-color: #ccffff; /*light blue*/
	background-color: rgba(204, 255, 255, 0.4);
}

/* Mobile Response Test */
@media only screen and (max-width: 1100px) {
  .al-table {
	max-width: 100%;
	}
	
	.al-table .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
		padding: 0;
	}
	
	.al-table th:nth-child(n+5):nth-child(-n+14) { /*Header Cells that have the power-array number*/
		padding: 0;
	}
	
	.al-table-row td:nth-of-type(2) /*Name Cell*/{
		padding: 0;
	}
	
	.al-table-row td:nth-of-type(21) /*Notes Cell*/{
		width: 100%;
	}
}