MediaWiki:Common.css

From Traveller Wiki - Science-Fiction Adventure in the Far future
Revision as of 14:27, 16 January 2022 by Tjoneslo (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump 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.
/** CSS placed here will be applied to all skins */

/* Collapsible elements. Toggle-link moved to left.
/* Margin around it adjusted. */

.mw-collapsible-leftside-toggle span.mw-collapsible-toggle {
    float:left;
    margin-left:0;
    margin-right:1em;
}

/* Forum formatting -Algorithm & -Splaka */
.toc { border-radius: 6px; }

.forumheader { border: 1px solid #aaa; background-color: #f9f9f9; 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(/images/4/4e/Forum_new.gif) 
center left no-repeat; padding-left: 20px; }
.forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; }
.forumlist th.forum_title { padding-left: 20px; }

/** Monaco background strip behind the logo for best logo color */
#background_strip {
   background-color: black;
}

/* Standard Navigationsleisten, aka box hiding thingy from .de.*/
div.Boxmerge,
div.NavFrame {
	margin: 0px;
	padding: 2px;
	border: 1px solid #aaaaaa;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
}
div.Boxmerge div.NavFrame {
	border-style: none;
	border-style: hidden;
}
div.NavFrame + div.NavFrame {
	border-top-style: none;
	border-top-style: hidden;
}
div.NavPic {
	background-color: #ffffff;
	margin: 0px;
	padding: 2px;
	float: left;
}
div.NavFrame div.NavHead {
	height: 1.6em;
	font-weight: bold;
	font-size: 100%;
	background-color: #efefef;
	position:relative;
}
div.NavFrame p {
	font-size: 100%;
}
div.NavFrame div.NavContent {
	font-size: 100%;
}
div.NavFrame div.NavContent p {
	font-size: 100%;
}
div.NavEnd {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	clear: both;
}
a.NavToggle {
	position:absolute;
	top:0px;
	right:3px;
	font-weight:normal;
	font-size:smaller;
}

/* Create the UWPInfo popup boxes for the UWP template */
div.UWPInfo {
    position:relative;
    z-index:24;
    text-decoration:none}
div.UWPInfo:hover{z-index:25;}
div.UWPInfo span{display: none}
div.UWPInfo:hover span{
    display:block;
    position:absolute;
    top:2em; left:-15em; width:20em;
    border:1px solid #AAAAAA;
    border-radius: 6px;
    background-color:#F9F9F9; color:#000;
    text-align: center}

div.UWPInfo td {
    border-style: none;
}

.rotateleft {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
} 

.rotateright {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
} 

.color1 {
    background-color: #006CB0;
    color: white;
    border-radius: 6px;
}

.color2 {
  background-color: #b0c4de;
  color: black;
  border-radius: 6px;
  text-align: center;
}


.va-templatebox {
    border: 1px solid #A8ACA8; 
    color: #000; 
    background-color: #F3F3F3; 
    clear: both; 
    border-radius: 4px;
    margin-left:auto;
    margin-right:auto;
    width: 94%;
}
.va-copybox {
    background-color: #F3F3F3;
    border: 1px solid #A8ACA8;
    border-collapse: collapse;
    clear: both;
    color: #000000;
    font-size: 11px;
    line-height: 16px;
    margin: 10px 0;
    padding: 3px 5px;
    width: 100%;
}
.va-copybox th {
    padding: 1px 0 1px 5px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}
.va-copybox td {
    padding-left: 5px;
}

.va-infobox {
    width: 20em; 
    margin-left: 2.0em;
    text-align: left; 
    font-size: 95%; 
    float: right; 
    clear: right;
    background: #FFF;
}

.va-infobox th {
    font-size: larger;
}

.animals {
   border-width: thin;
   border-style: solid;
   border-collapse:collapse;

}
.animals th {
   border-width: thin;
   border-style: solid;
   border-collapse:collapse;
   white-space: nowrap;
   padding: 4px;
   background: #ddd;
}

.animals td {
   border-width: thin;
   border-style: solid;
   border-collapse:collapse;
   padding: 4px;
}

.sophonts {
   border-width: 4px;
   border-style: solid;
   border-collapse:collapse;
   padding: 0;
}

.sophonts td {
   border-width: thin;
   border-style: solid;
   border-collapse:collapse;
}

.sophonts p {
   text-indent:1em;
   line-height:0.5em;
}

@font-face {
   font-family: 'bilanidi';
   src: url('fonts/bilanidi.eot');
   src: url('fonts/bilanidi.woff') format('woff'), 
     url('fonts/bilanidi.ttf') format('truetype'), 
     url('fonts/bilanidi.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
    font-family: 'vilanibold';
    src: url('fonts/VilaniBold.eot');
    src: url('fonts/VilaniBold.woff') format('woff'),
      url('fonts/VilaniBold.ttf') format('truetype'),
      url('fonts/VilaniBold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'aslan';
    src: url('fonts/aslantrokh.woff') format('woff'),
         url('fonts/aslantrokh.woff2') format('woff2'),
         url('fonts/aslantrokh.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.bilanidi{ 
    font-family: "bilanidi", sans-serif;
}

.vilanibold {
     font-family: "vilanibold", sans-serif;
}

.aslan {
    font-family: "aslan", sans-serif;
}

.imperial_map_wallpaper {
  background: url('http://wiki.travellerrpg.com/images/4/40/ImperialSpace560x500.png') no-repeat left top !important;
}