MediaWiki:WPtouch.css

From MediaWiki
Revision as of 02:36, 2 January 2014 by Abates (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump 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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
.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;
}

.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;
}

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

/* Hide Main Page header */
.page-Main_Page .firstHeading{
	display:none;
}

#featured-article div { max-width: 50%; }
#featured-article img { max-width: 100% !important; height: auto !important }

@media all and (max-width: 400px) {
   /* disassemble featured series box if the screen is too small */
   #featured-series table {
      border-collapse: collapse;
      width: 100% !important;
   }
   #featured-series td {
      display: block;
      width: 100% !important;
      border-left: 0px !important;
      border-right: 0px !important;
      border-top: 1px solid #aaa;
      border-bottom: 1px solid #aaa;
   }
}

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

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

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

/* ============================== Franchise Navigation 2.0 ============================== */
.tt1-navigation_franchise_wrapper td { display: block; }
.tt1-navigation_franchise_box td { display: table-cell; }

.tt1-navigation_franchise_box {
	margin-left: auto;
	margin-right: auto;
}

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
}

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

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

/* Infobox template style */
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   border-radius:.5em;
   -moz-border-radius:.5em;
   -webkit-border-radius:.5em;
   float: right;
   clear: right;
}
.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;
}

@media all and (max-width: 400px) {
   /* center infobox on narrow screens instead of floating right */
   .infobox {
      float: none;
      margin-left: auto;
      margin-right: auto;
   }
}

/* ========================================================================
			FeaturedCharacters table 	:: 	{{featuredcharacters}}
   ======================================================================== */
.tt1_featuredCharacters_wrapper { overflow: auto; }

.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;
}

/* =========================================================
						BEGIN QUOTE STYLES
   ========================================================= */


/* QUOTE styles for complaince (or semi-compliance) with W3 standards. */
.tt1_basicquote{
	display:table;
	margin: .25em 2em .25em;
/*	background-color:#eeefff;	*/
	padding:.5em 1em 0em;
	border-radius:.5em;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
}

.tt1_basicquote span.quote{
	display:block;
	/*font-family:monospace;*/
 }



/*.tt1_basicquote span.quote:before{ content:'\2039'; font-size:140%; }
.tt1_basicquote span.quote:after{ content:'\203A'; font-size:140%; } */

/*
#siteNotice p {	font-size:smaller; display:none;}
#siteNotice div:after {
	content:"The site is experiecing some outages due to the 300% increase in traffic over BotCon weekend.  Normally we\'d fix this... but we\'re all at BotCon.";

	display:block;
}
*/

.tt1_basicquote span.style01.quote{
	text-indent: -.25em;
}
.tt1_basicquote span.quote:before,
.tt1_basicquote span.quote:after{
	content:'\201C';
	padding: 9px 5px 0pt;
	color:#b2b7f2;
	font-size: 20px;
	font-family: 'Times New Roman',serif;
	line-height:0;
	font-weight: bold;
	text-align: left;
}

.tt1_basicquote span.quote:after{
	content:'\201D';
}


.tt1_basicquote.noquote span.quote:before,
.tt1_basicquote.noquote span.quote:after{
	display:none;
}


.tt1_basicquote.centered{
	margin-left:auto;
	margin-right:auto;
}

.tt1_basicquote cite{ text-align:right; display:block; margin-left:3em;}
.tt1_basicquote cite:before{ content:'\2014';}

@media all and (min-width: 400px) {
  .yearofthe {
    width:250px;
    float:right;
  }
}
@media all and (max-width: 400px) {
  .yearofthe {
    width:100%;
  }
}

.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;
}

/* Noname templates */
.noname { width: 100%; }
.noname-imagecell { padding-left: 2em; width: 50px; }
.noname-textcell { vertical-align: bottom; }
.noname-textcell div { background-color: #efefff; }
.noname-textcell p { margin: 0px !important; }
Retrieved from "https://tfwiki.duckdns.org/index.php?title=MediaWiki:WPtouch.css&oldid=844351"