MediaWiki:Common.css

From GoBots Wiki
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.
/* CSS placed here will be applied to all skins */

.tt1_storylink {
  font-size: 10px;
  background-color: #ececec;
  border-width: 0 1px 0 1px;
  border-style: solid;
  padding: 0 5px 0 5px;
  border-color: #cccccc;
  white-space: nowrap;
}

/* 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;
}

/* ==================== STYLES FOR << >> BUTTONS ==========================*/

.tti_buttonlink a{
	font-size:185%;
	border:solid 3px #aaa;
	display:block;
	background-color:#eee;
	border-radius:5pt;
	-moz-border-radius:5pt;
	-webkit-border-radius:5pt;
	padding: .1em .1em .25em .1em;
	line-height:.5em;
	color:#666;
	border-color:#ccc #999 #999 #ccc;
}

.tti_buttonlink a:hover
{
	background-color:#f9f9f9;
	text-decoration:none;
	border:solid 2px #999;
	margin:1px;
}

.tti_buttonlink a:active
{
	color:#600;
}

.tt1_secondarynav .tti_buttonlink  a
{
	font-size:150%;
	border-width:2px;

}
.tt1_secondarynav .tti_buttonlink  a:hover
{
	border:solid 1px #999;
	margin:1px;
}

/* ========================================================================
			FeaturedCharacters table 	:: 	{{featuredcharacters}}
   ======================================================================== */

.tt1_featuredCharacters {
	border:2px solid #A0A0A0;
	border-collapse: collapse;
	margin-top: 0.25em;
        margin-left:auto; 
        margin-right:auto;
}

.tt1_featuredCharacters th{
	border-width: 1px 2px;
	border-style: solid;
	border-color: #a0a0a0;
	padding: 5px 5px 3px;
}

.tt1_featuredCharacters td{
	border-width: 1px 2px;
	border-style: solid;
	border-color: #a0a0a0;
	padding-right: 1em;
	padding-bottom:.5em;
}

.tt1_featuredCharacters td>table>tbody>tr>td {
	border-width: 0px;
}

/* mid-article links */
.tt1_graynote {
	margin: .25em 1.5em .25em;
	background-color:#efefef;
	border: 2px solid #eeeeee;
	padding: 2px; text-align: left;
	font-style:italic;
	clear:left;
}

.tt1_graynote i{
	font-style:normal;
}

.tt1_graynote:before{
	content:'Note: ';
	font-weight:900;
	font-style:normal;
}

/* "Chapter" list */

.tt1_chapters {
background-color:#F9F9F9;
border:1px solid #AAAAAA;
font-size:95%;
padding:5px 5px 2px 5px;
margin-bottom:.5em;
	border-radius:.5em;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-spacing: 0;
}
.tt1_chapters tr.tt1_chapters-header {
	background-color:#6699CC;
	margin-bottom:2em;
}



.tt1_chapters tr.tt1_chapters-header th.tt1_chapters-header-title{
	padding:0 .5em;
}

.tt1_chapters tr.tt1_chapters-header th.tt1_chapters-header-title,
.tt1_chapters tr.tt1_chapters-header th.tt1_chapters-header-title a{
	color:#ffffff;
}
.tt1_chapters .tti_buttonlink a{
	display:table;
	padding-left:.2em;
	padding-right:.2em;
}

.tt1_chapters .tt1-navigation_franchise-next a {
        float: right
}


.tt1_chapters td.tt1_chapters-contents{
	text-align:center;
	padding:4px;
}
.tt1_chapters td.tt1_chapters-contents ul{
	margin:0;
}
.tt1_chapters td.tt1_chapters-contents ul > li{
	display:inline;
}

.tt1_chapters td.tt1_chapters-contents div.list-header{
	clear:left;
	font-weight:400;
	display:inline;
	padding-left:.5em;
	padding-right:.5em;
	margin-right:.5em;
	background-color:#ddd;
}
.tt1_chapters td.tt1_chapters-contents div.list-header + ul{
	display:inline;
}

.tt1_chapters tr td ul > li:before{
	content:'|';
	display:inline-block;
	padding-left:.1em;
	padding-right:.35em;
}
.tt1_chapters tr td ul > li:first-child:before {
	content:'';
	display:none;
}

/* Chapter sub-styles */

.tt1_chapters tr.tt1_chapters-header.style2 {
	background-color:#aaa;
}

.tt1_chapters tr.tt1_chapters-header.style3 {
	background-color:#e7d492;
}
.tt1_chapters tr.tt1_chapters-header.style3 th.tt1_chapters-header-title,
.tt1_chapters tr.tt1_chapters-header.style3 th.tt1_chapters-header-title a
{
	color:#000000;
}

/* =========================================================
						BEGIN SUITE STYLES
   ========================================================= */

.tt1_suite{
	background-color:#ebebeb;
	border-color:#aaa;
	border-style:solid;
	border-width:1px;
	display:table;
	float:right;
	margin-right:1em;
	padding:2px 5px;
	line-height:.7em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.tt1_suite:before{
	content:'article suite:';
	font-size:70%;
	line-height:.7em;
}


.tt1_suite ul {
	padding:0;
	margin:0;
}

.tt1_suite li {
	display:inline;
}

.tt1_suite li:before{
	content:'| ';
}

.tt1_suite li:first-child:before{
	content:'';
}
.tt1_disambig + .tt1_suite{
	border-top:none;
	border-top-left-radius:0;
	border-top-right-radius:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:0;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
}

.tt1_disambig + .tt1_suite:before{
	content:'';
	font-size:inherit;
	line-height:inherit;
}


/* PATCH BORDER ON DOUBLE-DISAMBIGS */

table.tt1_disambig{
	margin:0 1em;
	padding:.5em;
	background:#f7f8ff;
	border:thin solid #aaa;
	display:block;
}

.tt1_disambig + .tt1_disambig{
	border-top:none;
}

.tt1_clearall{
	display:none;
}

/* styles for {{--}}  */
.tt1_clearall + h1,
.tt1_clearall + h2,
.tt1_clearall + h3,
.tt1_clearall + h4,
.tt1_clearall + h5,
.tt1_clearall + h6 {
	clear:both;
	margin-top:00px;
}

/* ============================== Franchise Navigation 2.0 ============================== */
.tt1-navigation_franchise_wrapper { margin-top:.5em; }

.tt1-navigation_franchise_box {
	float: right;
}

table.tt1-navigation_franchise
{
	border-style: solid;
	border-width: 2px 1px 2px 1px;
	border-color: #cccccc #999999 #999999 #cccccc;
/*	margin-top:0.5em;
	margin-bottom:1em;*/
	position:relative;
	background-color:#eeeeee;
        border-radius:6px 6px 3px 3px;
	-moz-border-radius:6px 6px 3px 3px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
}



table.tt1-navigation_franchise > tbody > tr > th
{
	border-spacing:0;
}

table.tt1-navigation_franchise > tbody > tr > th.tt1-navigation_franchise-prev,
table.tt1-navigation_franchise > tbody > tr > th.tt1-navigation_franchise-next
{
	padding:2px;
	width:20px;
}

table.tt1-navigation_franchise > tbody > tr > th {
        text-align: center
}


.allspark_background
{
	background-image:url(http://tfwiki.net/mediawiki/images2/2/26/Allsparkstrip_transparent.png);
}


.featurebox
{
	border-width:.2em;
	border-style:solid;
	margin:0 .5em 1em .5em;
	padding:.5em;
        border-radius:.5em;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
}

.featurebox-heading
{
	background-image:url(http://tfwiki.net/mediawiki/images2/2/26/Allsparkstrip_transparent.png);
	color:#fff;
	font-size:110%;
	font-weight:900;
	margin:-.5em -.5em .5em -.5em;
	padding:.2em .7em .2em .7em;
	text-align:center;
        border-radius:.3em .3em 0 0;
	-moz-border-radius:.3em .3em 0 0;
	-webkit-border-radius:.3em .3em 0 0;
}

.featurebox-heading a
{
	color:#fff;
}



table.tt1-navigation_franchise > tbody > tr.tt1-navigation_franchise_header
{
	background: #f0f0f7 url(http://tfwiki.net/mediawiki/images2/d/d6/Meta_titlegloss.png) left top;
}


table.tt1-navigation_franchise
{
	color:#333;
}

table.tt1-navigation_franchise a:link
{
	color:#333366;
}

table.tt1-navigation_franchise a:visited
{
	color:#663366;
}

table.tt1-navigation_franchise a.new
{
	color:#663333;
}

table.tt1-navigation_franchise > tbody > tr.tt1-navigation_franchise_header a
{
	color:#777;
}


table.tt1-navigation_franchise > tbody > tr > td  ul
{
		margin-right:2em;
		margin-top:0;
}

table.tt1-navigation_franchise > tbody > tr > td ul > li
{
	list-style-position: inside;
	list-style-image: url(http://tfwiki.net/mediawiki/images2/1/13/Meta-list_bullet.png);
	list-style-type: circle;
	font-size:smaller;
	line-height:1;
}

table.tt1-navigation_franchise > tbody > tr > td > ul > li a
{
	white-space: nowrap;
}