MediaWiki:Common.css

@import url(http://vignette3.wikia.nocookie.net/artonelico/images/7/70/Hymmnos.ttf); @import url(http://vignette1.wikia.nocookie.net/artonelico/images/4/4e/Ar-ciela_compartment.ttf); @import url(http://vignette3.wikia.nocookie.net/artonelico/images/c/c7/Keihansoukaishi_unofficial.otf);

@font-face { font-family: 'Hymmnos'; src:	url('http://vignette3.wikia.nocookie.net/artonelico/images/7/70/Hymmnos.ttf'), src: local(‚ò∫), }

@font-face { font-family: '"Ar-Ciela(Compartment)"'; src:	url('http://vignette1.wikia.nocookie.net/artonelico/images/4/4e/Ar-ciela_compartment.ttf'), src: local(‚ò∫), }

@font-face { font-family: 'Keihansoukaishi Unofficial'; src:	url('http://vignette3.wikia.nocookie.net/artonelico/images/c/c7/Keihansoukaishi_unofficial.otf'), src: local(‚ò∫), }

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* See also: MediaWiki:Monobook.css */ /* */ .WikiaArticle {color:#000000 !important} .WikiaArticle a:visited {color:#596FB1 !important}

.hymmnos { font-size: 120%; font-family: Hymmnos }

.ar_ciela { font-size: 120%; font-family: "Ar-Ciela(Compartment)" }

.keihan { font-size: 120%; font-family: Keihansoukaishi Unofficial; font-variant-ligatures: discretionary-ligatures; }

/* Ar tonelico series */ .At1A    table {background: white; border:2px solid #5168fb; border-radius:7px; -webkit-border-radius:7px; clear:both; font-family:verdana; align:center} .At1A    th {background: white; border:2px solid #5168fb; border-radius:7px; -webkit-border-radius:7px; clear:both; font-family:verdana; align:center; width:100%} .At1A    td {background: white; border:2px solid #5168fb; border-radius:7px; -webkit-border-radius:7px; clear:both; font-family:verdana; align:center; width:100%} .At1B{    color: white; background:#5168fb } .At1B    table {color: white; border-radius:3.5px; border: 1px solid gray; background:white; text-align:center } .At1B    th {color: white; background:#5168fb; border: 1px solid gray; border-radius:1.5px; align: right; text-weight: bold } .At1B    td {color: white; background:#5168fb; border: 1px solid gray; border-radius:1.5px } .At1B      a:link {color:white !important} .At1B      a:visited {color:lightgray !important} .At1B      a.new:link {color:white important} .At1B      a.new:visited {color:lightgray !important} .At2A{   color: white; background:#33FF33 } .At2A        a:link {color:white !important} .At2A        a:visited {color:lightgray !important} .At2A        a.new:link {color:white !important} .At2A        a.new:visited {color:lightgray !important} .At2B{   color: black; background:#CCFFCC } .At3A{  color: black; background:#9900CC } .At3A        a:link {color:white !important} .At3A        a:visited {color:lightgray !important} .At3A        a.new:link {color:white !important} .At3A        a.new:visited {color:lightgray !important} .At3B{  color: black; background:#9933CC }

/*Surge Concerto series */ .CielnoA{    color: black; background:#E6B800 } .CielnoA     a:link {color:white !important} .CielnoA      a:visited {color:lightgray !important} .CielnoA      a.new:link {color:white important} .CielnoA     a.new:visited {color:lightgray !important} .CielnoB{    color: black; background:#CCA300 } .ArnoA{   color: white; background:#008A00 } .ArnoA        a:link {color:white !important} .ArnoA        a:visited {color:lightgray !important} .Arnoa        a.new:link {color:white !important} .ArnoA        a.new:visited {color:lightgray !important} .ArnoB{   color: black; background:#007A00 }

body.mainpage .firstHeading { display:none; } /* Reflist font size */ .references-small { font-size: 95%;} /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; } /* 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; } .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; } /* Custom Gallery */ table.gallery { margin: 2px auto 2px auto; padding: 2px; } table.gallery tr { vertical-align: top; } table.gallery td { vertical-align: top; border: none; margin: 2px; } div.gallerybox { margin: 2px; width: 150px; border: none; } div.gallerybox div.thumb { text-align: center; margin: 2px; } div.gallerytext { font-size: smaller; text-align: center; padding: 2px 4px; border: none; } /* remove talk link from forum namespace (monobooks/newskins/quartzskins/monaco) -Splarka */ body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li+li { display: none; } /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; 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: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; 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; } /* Giving headers and TOC a little extra space */ h2 { margin-top: 20px; } .toc { margin-top: 20px; } /* 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; } .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; } /* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* */ /* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; 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; } /* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; } div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; } /* === Babel === */ div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; } .lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; } .lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; } .lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; } /*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license see http://www.barelyfitz.com/projects/tabber/ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display:none; } /*-- .tabber = before the tabber interface is set up  .tabberlive = after the tabber interface is set up  --*/ .tabber { } .tabberlive { margin-top:1em; } /*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #AAA; font: bold 12px Verdana, sans-serif; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #ccc; border-bottom: none; background: #f2f7ff; text-decoration: none; } ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover { color: #FFF; background: #fff9f2; border-color: #CCC; } ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; } ul.tabbernav li.tabberactive a:hover { color: #111; background: white; border-bottom: 1px solid white; } /*-- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --*/ .tabberlive .tabbertab { padding:5px; border:1px solid #AAA; border-top:0; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a   scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } .picture-attribution { display:none !important; } .rareitem ul.tabbernav{font-size:7.25pt !important; padding:0 !important} /*Unifies the table borders and implements a universal look*/ table.table, table.innerborder {border-collapse:collapse;} table.table > thead > tr > td, table.table > thead > tr > th, table.table > tbody > tr > td, table.table > tbody > tr > th, table.table > tfoot > tr > td, table.table > tfoot > tr > th {border:2px outset #999999;} table.table tr.no-table > td, table.table tr.no-table > th, table.table td.no-table, table.table th.no-table, tr.table > td.no-table, tr.table > th.no-table {padding:0;border:0;} table.innerborder > tbody > tr > td, table.innerborder > tbody > tr > th{border:1px solid black} table.innerborder > tbody > tr:first-child > td, table.innerborder > tbody > tr:first-child > th{border-top:none} table.innerborder > tbody > tr:last-child > td, table.innerborder > tbody > tr:last-child > th{border-bottom:none} table.innerborder > tbody > tr > td:first-child, table.innerborder > tbody > tr > th:first-child{border-left:none} table.innerborder > tbody > tr > td:last-child, table.innerborder > tbody > tr > th:last-child{border-right:none} table.table ul, table.table ol { margin: 0 0 0 1.5em; } /*Handle table and div widths*/ .full-width{width:100%; min-width: 660px; max-width: 990px} .half-width{width:50%; min-width: 330px; max-width: 445px} /*.full-width, .half-width{display:block}*/ div.col2 > div{width:50%} div.col3 > div{width:33%} div.col4 > div{width:25%} div.col5 > div{width:20%} div.col6 > div{width:17%} div.col7 > div{width:13%} div.col8 > div{width:12.5%} div.col9 > div{width:11%} div.col10 > div{width:10%} div.col2 > div, div.col3 > div, div.col4 > div, div.col5 > div, div.col6 > div, div.col7 > div, div.col8 > div, div.col9 > div, div.col10 > div{float:left} div.col2 > div table, div.col3 > div table, div.col4 > div table, div.col5 > div table, div.col6 > div table, div.col7 > div table, div.col8 > div table, div.col9 > div table, div.col10 > div table{margin:0 2px} div.col2 > div:first-child table, div.col3 > div:first-child table, div.col4 > div:first-child table, div.col5 > div:first-child table, div.col6 > div:first-child table, div.col7 > div:first-child table, div.col8 > div:first-child table, div.col9 > div:first-child table, div.col10 > div:first-child table{margin-left:0} div.col2 > div:last-child table, div.col3 > div:last-child table, div.col4 > div:last-child table, div.col5 > div:last-child table, div.col6 > div:last-child table, div.col7 > div:last-child table, div.col8 > div:last-child table, div.col9 > div:last-child table, div.col10 > div:last-child table{margin-right:0} div.col2 > div p, div.col3 > div p, div.col4 > div p, div.col5 > div p, div.col6 > div p, div.col7 > div p, div.col8 > div p, div.col9 > div p, div.col10 > div p{margin-right:0.6em} /*Forces show of readable "pre"s (black text, no stretch)*/ /*used for talkboxes and on archives*/ table.talk td.text pre, .archive pre {white-space:pre-wrap;color:black} /* Prevents italcis in tag */ code { font-style: normal; } /*AI formatting*/ pre.ai{border:none;background:transparent;white-space:pre-wrap} div.ai span.ability{color:red} .ai p { padding-left: 20px; margin: 2px 0 !important; text-indent: -20px; }
 * 1) article div.thumb {
 * 1) bodyContent pre, #WikiaArticle pre{overflow-x:auto}
 * 1) mw-content-text > div.ai{background:white}