|
|
(349 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins on desktop */ |
|
| |
|
| /* Don't display some stuff on the main page */ | | /* Navbox style |
| body.page-Main_Page.action-view h1.firstHeading,
| | Edit here: https://www.khwiki.com/MediaWiki:Gadget-NavboxStyle.css |
| body.page-Main_Page.action-view #lastmod,
| | Staff highlights |
| body.page-Main_Page.action-view #siteSub {
| | Edit here: https://www.khwiki.com/MediaWiki:Gadget-StaffHighlights.css */ |
| display:none;
| |
| }
| |
|
| |
|
| /* Remove iOS styling */ | | /* Random logo */ |
| textarea,
| | #p-logo a { background: transparent no-repeat; } |
| input[type="text"],
| | .client-nojs #p-logo a, |
| input[type="button"],
| | .mw-special-Gadgets #p-logo a, |
| input[type="submit"] {
| | .mw-special-Userlogin #p-logo a, |
| -webkit-appearance: none; | | .mw-special-Preferences #p-logo a, |
| | .mw-special-ChangeEmail #p-logo a, |
| | .mw-special-ResetTokens #p-logo a, |
| | .mw-special-BotPasswords #p-logo a, |
| | .mw-special-CreateAccount #p-logo a, |
| | .mw-special-PasswordReset #p-logo a { |
| | background-image: url(https://kh.wiki.gallery/images/b/bc/Wiki.png); |
| } | | } |
|
| |
|
| /* Video widget */ | | /* Main page */ |
| .videoWidget + p { | | @media all and (min-width: 551px) { |
| margin: 0;
| | body.page-Main_Page.action-view #content { |
| | overflow: visible; |
| | z-index: 5; |
| | } |
| } | | } |
| | | body.page-Main_Page.action-view .mw-parser-output table img { |
| #bodyContent {
| | min-width: 15px !important; |
| position: relative;
| | max-width: 100% !important; |
| | height: auto !important; |
| } | | } |
|
| |
|
Line 28: |
Line 36: |
| div.userbox img { max-width:100%; width/**\*/:100%\9; height:auto !important; } | | div.userbox img { max-width:100%; width/**\*/:100%\9; height:auto !important; } |
| table.talkbubble { | | table.talkbubble { |
| table-layout/*\**/:fixed\9;
| | table-layout/*\**/:fixed\9; |
| width/*\**/:100%\9;
| | width/*\**/:100%\9; |
| } | | } |
| table.talkbubble > tr > td:first-child, table.talkbubble > tbody > tr > td:first-child { text-align:center; width:90px; } | | table.talkbubble > tr > td:first-child, table.talkbubble > tbody > tr > td:first-child { text-align:center; width:90px; } |
| table.talkbubble td:first-child img { height:auto !important; max-width:90px; } | | table.talkbubble td:first-child img { height:auto !important; max-width:90px; } |
|
| |
|
| /* Float right */ | | /* KHWiki Tabber */ |
| .goright { | | .infobox .tabbernav { |
| clear:right;
| | font-size: 90%; |
| float:right;
| | } |
| | .tabber.info { |
| | display: block; |
| | float: right; |
| | margin: 0 0 0.5em 1em; |
| | } |
| | .tabber.info .nav { |
| | display: block !important; |
| } | | } |
| | | .tabber.info .infobox > tbody > tr:nth-child(2) img { |
| /* Nav templates */
| | max-width: 100% !important; |
| .navtemplate { | | height: auto !important; |
| margin-top: 20px; | | } |
| | .tabber.info table { |
| | display: block !important; |
| | float: none !important; |
| | width: auto !important; |
| | max-width: none !important; |
| | margin: 0 !important; |
| | overflow-x: auto !important; |
| } | | } |
| .navtemplate + .navtemplate, | | .tabber.info tbody { |
| .navtemplate .navtemplate {
| | display: table !important; |
| margin-top: 0; | | width: 100% !important; |
| } | | } |
|
| |
|
| /* Reflist font size */ | | /* Video tables */ |
| .references-small { font-size:90%; } | | table.video { |
| | margin: 5px auto; |
| | } |
|
| |
|
| /* Mark redirects in Special:Allpages and Special:Watchlist */
| | /* Infobox templates */ |
| .allpagesredirect, .watchlistredir { font-style: italic; }
| |
| | |
| /* Infobox template style */ | |
| .infobox { | | .infobox { |
| border:1px solid #aaa;
| | float: right; |
| background-color:#f9f9f9;
| | clear: right; |
| color:#000;
| | margin: 0 0 0.5em 1em; |
| margin-bottom:0.5em;
| | padding: 2px; |
| margin-left:1em;
| |
| padding:0.2em;
| |
| float:right;
| |
| clear:right;
| |
| } | | } |
| .infobox td, .infobox th { | | .infobox.journal, |
| vertical-align: top;
| | .infobox.journal-green { |
| | padding: 2px 1em 1em; |
| } | | } |
| .infobox caption {
| | |
| font-size: larger;
| | /* Notice templates */ |
| margin-left: inherit;
| | table + #stub { |
| | margin-top: 10px; |
| } | | } |
| .infobox.bordered { | | .notice-template { |
| border-collapse: collapse;
| | width: 95%; |
| | margin: 0 auto 10px; |
| } | | } |
| .infobox.bordered td, .infobox.bordered th { | | #mw-imagepage-content .notice-template { |
| border: 1px solid #aaa;
| | margin: 5px auto !important; |
| } | | } |
| .infobox.bordered .borderless td, .infobox.bordered .borderless th { | | .notice-template + .notice-template { |
| border: 0;
| | margin-top: -5px; |
| } | | } |
|
| |
|
| /* Forum formatting (by -Algorithm & -Splaka) */ | | /* Forum formatting (by -Algorithm & -Splaka) */ |
| .forumheader { | | .forumheader { |
| border:1px solid #aaa;
| | border: 1px solid #aaa; |
| background-color:#f9f9f9;
| | background-color: #f9f9f9; |
| margin-top:1em;
| | margin: 1em 0 15px; |
| padding:12px;
| | padding: 12px; |
| } | | } |
| .forumlist td.forum_edited a { | | .forumlist td.forum_edited a { |
| color:#000;
| | color: #000; |
| text-decoration:none;
| | text-decoration: none; |
| } | | } |
| .forumlist td.forum_title a { | | .forumlist td.forum_title a { |
| padding-left:20px;
| | padding-left: 20px; |
| } | | } |
| .forumlist td.forum_title a.forum_new { | | .forumlist td.forum_title a.forum_new { |
| font-weight:bold;
| | font-weight: bold; |
| background:url(/images/forum_new.gif) center left no-repeat;
| | background: url(https://kh.wiki.gallery/images/forum_new.gif) center left no-repeat; |
| padding-left:20px;
| | padding-left: 20px; |
| } | | } |
| .forumlist td.forum_title a.forum_new:visited { | | .forumlist td.forum_title a.forum_new:visited { |
| font-weight:normal;
| | font-weight: normal; |
| background:none;
| | background: none; |
| padding-left:20px;
| | padding-left: 20px; |
| } | | } |
| .forumlist th.forum_title { | | .forumlist th.forum_title { |
| padding-left:20px;
| | padding-left: 20px; |
| } | | } |
|
| |
|
Line 114: |
Line 134: |
| .mw-plusminus-pos { color: #006500; } | | .mw-plusminus-pos { color: #006500; } |
| .mw-plusminus-neg { color: #8B0000; } | | .mw-plusminus-neg { color: #8B0000; } |
| /* </pre> */
| |
|
| |
|
| /* Forum formatting -Algorithm & -Splaka */
| | /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at Wikipedia:NavFrame */ |
| .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/Wiki.png)
| |
| 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; }
| |
| | |
| /* default skin for navigation boxes */
| |
| table.navbox {
| |
| background-color:#f9f9f9;
| |
| border:1px solid #aaa;
| |
| clear:both;
| |
| font-size:90%;
| |
| margin:1em 0 0;
| |
| padding:2px;
| |
| text-align:center;
| |
| width:100%;
| |
| }
| |
| | |
| table.navbox th {
| |
| background-color:#ccf;
| |
| padding-left:1em;
| |
| padding-right:1em;
| |
| }
| |
| | |
| table.navbox tr:not(:first-child) th {
| |
| background-color:#ddf;
| |
| }
| |
| | |
| @media print {
| |
| .navbox {
| |
| display:none;
| |
| }
| |
| }
| |
| | |
| /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */ | |
| div.Boxmerge, div.NavFrame { | | div.Boxmerge, div.NavFrame { |
| margin:0;
| | margin: 0; |
| padding:4px;
| | padding: 4px; |
| border:1px solid #aaa;
| | border: 1px solid #aaa; |
| text-align:center;
| | text-align: center; |
| border-collapse:collapse;
| | border-collapse: collapse; |
| font-size:95%;
| | font-size: 95%; |
| } | | } |
| div.Boxmerge div.NavFrame { | | div.Boxmerge div.NavFrame { |
| border-style:none;
| | border-style: none; |
| border-style:hidden;
| | border-style: hidden; |
| } | | } |
| div.NavFrame + div.NavFrame { | | div.NavFrame + div.NavFrame { |
| border-top-style:none;
| | border-top-style: none; |
| border-top-style:hidden;
| | border-top-style: hidden; |
| } | | } |
| div.NavPic { | | div.NavPic { |
| background-color:#fff;
| | background-color: #fff; |
| margin:0px;
| | margin: 0; |
| padding:2px;
| | padding: 2px; |
| float:left;
| | float: left; |
| } | | } |
| div.NavFrame div.NavHead { | | div.NavFrame div.NavHead { |
| height:1.6em;
| | height: 1.6em; |
| font-weight:bold;
| | font-weight: bold; |
| background-color:#ccf;
| | background-color: #ccf; |
| position:relative;
| | position: relative; |
| } | | } |
| div.NavFrame p { | | div.NavFrame p { |
| font-size:100%;
| | font-size: 100%; |
| } | | } |
| div.NavFrame div.NavContent { | | div.NavFrame div.NavContent { |
| font-size:100%;
| | font-size: 100%; |
| } | | } |
| div.NavFrame div.NavContent p { | | div.NavFrame div.NavContent p { |
| font-size:100%;
| | font-size: 100%; |
| } | | } |
| div.NavEnd { | | div.NavEnd { |
| margin:0;
| | margin: 0; |
| padding:0;
| | padding: 0; |
| line-height:1px;
| | line-height: 1px; |
| clear:both;
| | clear: both; |
| } | | } |
| a.NavToggle { | | a.NavToggle { |
| position:absolute;
| | position: absolute; |
| top:0;
| | top: 0; |
| right:3px;
| | right: 3px; |
| font-weight:normal;
| | font-weight: normal; |
| font-size:smaller;
| | font-size: smaller; |
| } | | } |
|
| |
|
| /* Suite Tabs */ | | /* Suite tabs */ |
| .suite_tab { | | .suite_tab { |
| background:#fff;
| | background: #fff; |
| background:linear-gradient(top,#eee,#fff);
| | background: linear-gradient(top,#eee,#fff); |
| background:-o-linear-gradient(top,#eee,#fff);
| | box-shadow: 2px 2px 4px #333; |
| background:-ms-linear-gradient(top,#eee,#fff);
| | display: inline; |
| background:-moz-linear-gradient(top,#eee,#fff);
| |
| background:-webkit-linear-gradient(top,#eee,#fff);
| |
| box-shadow:2px 2px 4px #333;
| |
| display:inline;
| |
| } | | } |
| .client-msie-8 .suite_tab, .client-msie-9 .suite_tab { | | .client-msie-8 .suite_tab, .client-msie-9 .suite_tab { |
| padding-bottom:3px !important;
| | padding-bottom: 3px !important; |
| }
| |
| | |
| /*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;
| |
| } | | } |
|
| |
|
| /*-------------------------------------------------- | | /* Suite styles */ |
| .tabber = before the tabber interface is set up
| | .tt1_suite { |
| .tabberlive = after the tabber interface is set up
| | background-color: #ebebeb; |
| --------------------------------------------------*/
| | border-color: #aaa; |
| .tabber {
| | border-style: solid; |
| | border-width: 1px; |
| | display: table; |
| | float: right; |
| | margin: 0 1em 0.5em 1em; |
| | padding: 2px 5px; |
| | border-radius: 5px; |
| } | | } |
| .tabberlive.goright { | | .tt1_suite:before { |
| margin-left:15px;
| | content: 'article suite:'; |
| | font-size: 70%; |
| | line-height: 0.7em; |
| } | | } |
| .tabbertab table {
| |
| margin-top: 0;
| |
| }
| |
|
| |
| /*--------------------------------------------------
| |
| ul.tabbernav = the tab navigation list
| |
| li.tabberactive = the active tab
| |
| --------------------------------------------------*/
| |
| ul.tabbernav {
| |
| margin:0;
| |
| padding: 3px 0;
| |
| border-bottom: 1px solid #CCC;
| |
| font: bold 12px Verdana, sans-serif;
| |
| }
| |
|
| |
| ul.tabbernav li {
| |
| list-style: none;
| |
| margin: 5px 0 0;
| |
| display: inline-block !important;
| |
| }
| |
|
| |
| 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:#000;
| |
| 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:#000;
| |
| background:#fff;
| |
| border-bottom:1px solid #fff;
| |
| }
| |
|
| |
| /*--------------------------------------------------
| |
| .tabbertab = the tab content
| |
| Add style only after the tabber interface is set up (.tabberlive)
| |
| --------------------------------------------------*/
| |
| .tabberlive .tabbertab {
| |
| padding:5px;
| |
| border:1px solid #ccc;
| |
| 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; */
| |
| }
| |
|
| |
| .tabberlive .tabbertab .infobox,
| |
| .tabberlive .tabbertab table {
| |
| float: none !important;
| |
| width: 100% !important;
| |
| margin: 0 !important;
| |
| }
| |
|
| |
| /* 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;
| |
| }
| |
| /* </nowiki></pre> */
| |
|
| |
| #title-gameicons { display: none!important; visibility: hidden !important; }
| |
| #title-linktabs {
| |
| position:absolute;
| |
| right:0;
| |
| top:-30px;
| |
| }
| |
| #title-linktabs img {
| |
| width: 30px;
| |
| height: 30px;
| |
| }
| |
|
| |
| /* remove talk link from forum namespace -Splarka */
| |
| body.ns-100 #ca-talk, body.ns-100 #this_talk, body.ns-100 #page_tabs li+li { display: none; }
| |
|
| |
| /* Allow limiting of which header levels are shown in a TOC through {{TOClimit}} */
| |
| .toclimit-2 .toclevel-2 {display:none;}
| |
| .toclimit-3 .toclevel-3 {display:none;}
| |
| .toclimit-4 .toclevel-4 {display:none;}
| |
| .toclimit-5 .toclevel-5 {display:none;}
| |
| .toclimit-6 .toclevel-6 {display:none;}
| |
| .toclimit-7 .toclevel-7 {display:none;}
| |
|
| |
| /* Remove breadcrumbs for specific articles */
| |
| .page-Zero_One .subpages, .page-Zero_One .PageHeader h2 {display: none;}
| |
| .page-Oathkeeper_Oblivion.subpages, .page-Oathkeeper_Oblivion .PageHeader h2 {display: none;}
| |
| .page-Terra_Xehanort .subpages, .page-Terra_Xehanort .PageHeader h2 {display: none;}
| |
|
| |
| /* =========================================================
| |
| BEGIN SUITE STYLES
| |
| ========================================================= */
| |
|
| |
| .tt1_suite{
| |
| background-color:#ebebeb;
| |
| border-color:#aaa;
| |
| border-style:solid;
| |
| border-width:1px;
| |
| display:table;
| |
| float:right;
| |
| margin:0 1em 0.5em 1em;
| |
| padding:2px 5px;
| |
| -moz-border-radius:5px;
| |
| -webkit-border-radius:5px;
| |
| }
| |
|
| |
| .tt1_suite:before{
| |
| content:'article suite:';
| |
| font-size:70%;
| |
| line-height:.7em;
| |
| }
| |
|
| |
| .tt1_suite ul { | | .tt1_suite ul { |
| padding:0;
| | padding: 0; |
| margin:0;
| | margin: 0; |
| } | | } |
|
| |
| .tt1_suite li { | | .tt1_suite li { |
| display:inline;
| | display: inline; |
| } | | } |
|
| |
| .tt1_suite li:before{ | | .tt1_suite li:before{ |
| content:'| ';
| | content: '| '; |
| } | | } |
|
| |
| .tt1_suite li:first-child:before{ | | .tt1_suite li:first-child:before{ |
| content:'';
| | content: ''; |
| } | | } |
| .tt1_disambig + .tt1_suite{ | | .tt1_disambig + .tt1_suite{ |
| border-top:none;
| | border-top: none; |
| -moz-border-radius-topleft:0;
| | border-top-left-radius: 0; |
| -moz-border-radius-topright:0;
| | border-top-right-radius: 0; |
| -webkit-border-top-left-radius:0;
| |
| -webkit-border-top-right-radius:0;
| |
| } | | } |
|
| |
| .tt1_disambig + .tt1_suite:before{ | | .tt1_disambig + .tt1_suite:before{ |
| content:'';
| | content: ''; |
| font-size:inherit;
| | font-size: inherit; |
| line-height:inherit;
| | line-height: inherit; |
| } | | } |
| | |
| | /* Allow limiting of which header levels are shown in a TOC through {{TOClimit}} */ |
| | .toclimit-2 .toclevel-2 { display: none; } |
| | .toclimit-3 .toclevel-3 { display: none; } |
| | .toclimit-4 .toclevel-4 { display: none; } |
| | .toclimit-5 .toclevel-5 { display: none; } |
| | .toclimit-6 .toclevel-6 { display: none; } |
| | .toclimit-7 .toclevel-7 { display: none; } |
|
| |
|
| /* PATCH BORDER ON DOUBLE-DISAMBIGS */ | | /* PATCH BORDER ON DOUBLE-DISAMBIGS */ |
|
| |
| table.tt1_disambig{ | | table.tt1_disambig{ |
| margin:0 1em;
| | margin: 0 1em; |
| padding:.5em;
| | padding: 0.5em; |
| background:#f7f8ff;
| | background: #f7f8ff; |
| border:thin solid #aaa;
| | border: thin solid #aaa; |
| display:block;
| | display: block; |
| } | | } |
|
| |
| .tt1_disambig + .tt1_disambig{ | | .tt1_disambig + .tt1_disambig{ |
| border-top:none;
| | border-top: none; |
| } | | } |
|
| |
|
| /* Thumbnails */ | | /* Thumbnails */ |
| div.thumb div.thumbinner div.magnify { | | div.thumb.tright { clear: none; } |
| display:none !important;
| | div.thumb.tright + div.thumb.tright, |
| } | | div.thumb.tright + p + div.thumb.tright, |
| div.thumb div.thumbinner div { | | div.thumb.tright + h2 + div.thumb.tright, |
| background:none !important;
| | div.thumb.tright + h3 + div.thumb.tright, |
| border:none !important;
| | div.thumb.tright + p + p + div.thumb.tright, |
| color:#fff;
| | div.thumb.tright + p + h2 + div.thumb.tright, |
| }
| | div.thumb.tright + p + h3 + div.thumb.tright, |
| div.thumb div.thumbinner a { | | div.thumb.tright + h2 + p + div.thumb.tright, |
| color:#ddd;
| | div.thumb.tright + h3 + p + div.thumb.tright, |
| }
| | div.thumb.tright + p + p + p + div.thumb.tright { |
| div.thumb div.thumbinner a:visited { | | clear: right; |
| color:#aaa;
| |
| }
| |
| div.thumb div.thumbinner a:hover { | |
| color:#fff;
| |
| }
| |
| div.thumb div.thumbinner { | |
| background:#454659;
| |
| background:linear-gradient(top,#c1c0c0,#454659);
| |
| background:-o-linear-gradient(top,#c1c0c0,#454659);
| |
| background:-ms-linear-gradient(top,#c1c0c0,#454659);
| |
| background:-moz-linear-gradient(top,#c1c0c0,#454659);
| |
| background:-webkit-linear-gradient(top,#c1c0c0,#454659);
| |
| border:none !important;
| |
| border-radius:5px;
| |
| box-shadow:2px 2px 6px #7f7f7f; /* This is needed for browser compatibility */
| |
| box-shadow:2px 2px 6px rgba(0,0,0,0.5);
| |
| padding:5px !important;
| |
| }
| |
| div.thumb .thumbimage { | |
| border:none !important;
| |
| border-radius:5px;
| |
| }
| |
| div.thumb .thumbimage:hover { | |
| -moz-transform:scale(1.02);
| |
| -webkit-transform:scale(1.02);
| |
| }
| |
| | |
| /* Input buttons */
| |
| input[type='submit'], input[type='reset'], input[type='button'], *.mw-ui-button, *.mw-ui-button:visited,
| |
| #wpLoginAttempt, #wpCreateaccount, #mw-createaccount-join {
| |
| padding:1px 6px 3px;
| |
| border:3px double #aaa;
| |
| border-radius:4px;
| |
| cursor:pointer;
| |
| color:#222;
| |
| background:#f7f7f7;
| |
| background:linear-gradient(top,#f7f7f7,#e7e7e7);
| |
| background:-o-linear-gradient(top,#f7f7f7,#e7e7e7);
| |
| background:-ms-linear-gradient(top,#f7f7f7,#e7e7e7);
| |
| background:-moz-linear-gradient(top,#f7f7f7,#e7e7e7);
| |
| background:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7);
| |
| text-shadow:1px 1px 2px #aaa;
| |
| }
| |
| input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover, *.mw-ui-button:hover,
| |
| #wpLoginAttempt:hover, #wpCreateaccount:hover, #mw-createaccount-join:hover {
| |
| border-color:#282828;
| |
| box-shadow:0 0 5px #640639 !important;
| |
| }
| |
| input[type='submit']:active, input[type='reset']:active, input[type='button']:active, *.mw-ui-button:active,
| |
| #wpLoginAttempt:focus, #wpCreateaccount:focus, #mw-createaccount-join:focus,
| |
| #wpLoginAttempt:active:focus, #wpCreateaccount:active:focus, #mw-createaccount-join:active:focus,
| |
| #wpLoginAttempt:active, #wpCreateaccount:active, #mw-createaccount-join:active {
| |
| color:#222;
| |
| padding:1px 5px 3px 7px;
| |
| }
| |
| | |
| /* Category Box */
| |
| div.catlinks { | |
| background:#f9f9f9;
| |
| background:linear-gradient(top,#f9f9f9,#ddd);
| |
| background:-o-linear-gradient(top,#f9f9f9,#ddd);
| |
| background:-ms-linear-gradient(top,#f9f9f9,#ddd);
| |
| background:-moz-linear-gradient(top,#f9f9f9,#ddd);
| |
| background:-webkit-linear-gradient(top,#f9f9f9,#ddd);
| |
| border-radius:8px;
| |
| padding:5px 11px !important;
| |
| }
| |
| div.catlinks span { | |
| padding:0 8px;
| |
| } | | } |
|
| |
|
| /* Aspetto uguale ai link per il morph */ | | /* Aspetto uguale ai link per il morph */ |
| .morphLink {
| | .morphLink { |
| color: #002BB8;
| | color: #002BB8; |
| display: inline-block;
| | display: inline-block; |
| cursor: pointer;
| | cursor: pointer; |
| }
| |
| .morphLink:hover {
| |
| text-decoration: underline;
| |
| }
| |
| | |
| .toggleLink {
| |
| color: #002BB8;
| |
| display: inline-block;
| |
| cursor: pointer;
| |
| }
| |
| | |
| /* Edit box */
| |
| .wikiEditor-ui textarea#wpTextbox1 {
| |
| height: 474px;
| |
| line-height: 1.4em;
| |
| } | | } |
| #wpSummary, #wpSummaryLabel {
| | .morphLink:hover { |
| margin: 0.2em 0 0.4em 0 !important; | | text-decoration: underline; |
| } | | } |
| input#wpSummary {
| | .toggleLink { |
| width: 99%;
| | color: #002BB8; |
| }
| | display: inline-block; |
| | | cursor: pointer; |
| /* Dismissable SiteNotice */
| |
| .sitedir-ltr .mw-dismissable-notice-body { | |
| margin: 0 60px 0.5em 0; | |
| }
| |
| .sitedir-rtl .mw-dismissable-notice-body {
| |
| margin: 0 0 0.5em 60px; | |
| }
| |
| | |
| /* Captcha spacing */
| |
| .editOptions .g-recaptcha {
| |
| margin-bottom: 10px;
| |
| }
| |
| .mw-ui-vform {
| |
| width: 302px; | |
| } | | } |
|
| |
|
Line 575: |
Line 306: |
|
| |
|
| /* Main Page Portals: Nav class */ | | /* Main Page Portals: Nav class */ |
|
| |
| .nav { | | .nav { |
| padding:0;
| | padding: 0; |
| display:inline-block;
| | display: inline-block; |
| | } |
| | .nav:hover .dropdown:not(#personal-inner) { |
| | display: block !important; |
| } | | } |
| | | .nav:hover .mwe-popups-container { |
| .nav:hover .dropdown{ | | display: none; |
| display:block;
| |
| } | | } |
|
| |
|
| /* Main Page Portals: Container */ | | /* Main Page Portals: Container */ |
| .container{ | | .container{ |
| position:absolute;
| | position: absolute; |
| height: 450px;
| | height: 450px; |
| } | | } |
| | | .dropdown:not(#personal-inner) { |
| .dropdown { | | border: 2px solid #BFBFBF; |
| border:2px solid #BFBFBF; | | border-radius: 10px; |
| border-radius:10px; | | display: none !important; |
| display:none; | | float: left; |
| float:left; | | left: -45%; |
| left:-45%; | | right: -45%; |
| right:-45%; | | position: relative; |
| position:relative; | | z-index: 100; |
| z-index: 100; | | color: #000; |
| color:#000000; | |
| } | | } |
| | | .dropdown:not(#personal-inner) a { |
| .dropdown a{ | | color: #FFFFFF; |
| color:#FFFFFF; | | text-decoration: none; |
| text-decoration:none; | |
| } | | } |
| | | .dropdown:not(#personal-inner) caption { |
| .dropdown caption { | | width:inherit; |
| width:inherit;
| |
| } | | } |
| | | .dropdown:not(#personal-inner) td { |
| .dropdown td { | | vertical-align: top; |
| vertical-align:top; | | padding: 1px; |
| padding:1px; | | white-space: nowrap; |
| white-space:nowrap; | |
| } | | } |
| | | .dropdown:not(#personal-inner) td p a { |
| .dropdown td p a { | | border: 1px solid #3e4874; |
| border:1px solid #3e4874; | | font-size: 90%; |
| font-size:90%; | | line-height: 1.2em; |
| line-height: 1.2em; | | margin: 3px 3px; |
| margin: 3px 3px; | | padding: 3px; |
| padding:3px; | |
| } | | } |
| | | .dropdown:not(#personal-inner) p { |
| .dropdown p{ | | margin: 0; |
| margin:0; | | padding: 0; |
| padding:0; | |
| } | | } |
| | | caption a, .dropdown:not(#personal-inner) th a { |
| caption a, .dropdown th a{ | | display: block; |
| display:block; | | padding: 2px; |
| padding: 2px; | |
| } | | } |
| | | .dropdown:not(#personal-inner) caption a { |
| .dropdown caption a { | | padding: 5px 20px 5px 20px; |
| padding:5px 20px 5px 20px; | | font-size: 150%; |
| font-size:150%; | |
| } | | } |
|
| |
|
| /* Main Page Portals: Character Table */ | | /* Main Page Portals: Character table */ |
| | |
| .dropdowntable td { | | .dropdowntable td { |
| border:white solid 1px; | | border: #fff solid 1px; |
| } | | } |
|
| |
| .dropdowntable td a { | | .dropdowntable td a { |
| background-color: #000000; | | background-color: #000000; |
| background-image: -moz-linear-gradient(center top, #06305B, #3e4874);
| | background-image: linear-gradient(top, #06305B, #3e4874); |
| background-image: -webkit-linear-gradient(top, #06305B, #3e4874);
| | color: #FFFFFF; |
| background-image: -o-linear-gradient(top, #06305B, #3e4874);
| | font-weight: normal; |
| background-image: -ms-linear-gradient(top, #06305B, #3e4874);
| | display: block; |
| background-image: linear-gradient(top, #06305B, #3e4874); | | padding: 2px; |
| color: #FFFFFF; | |
| font-weight: normal; | |
| display: block; | |
| padding: 2px; | |
| } | | } |
| | | .dropdowntable td a:hover { |
| .dropdowntable td a:hover{ | | background-image: linear-gradient(top, #bfbfff, #3e4874); |
| background-image: -moz-linear-gradient(center top, #bfbfff, #3e4874);
| |
| background-image: -webkit-linear-gradient(top, #bfbfff, #3e4874);
| |
| background-image: -o-linear-gradient(top, #bfbfff, #3e4874);
| |
| background-image: -ms-linear-gradient(top, #bfbfff, #3e4874);
| |
| background-image: linear-gradient(top, #bfbfff, #3e4874); | |
| } | | } |
|
| |
|
| /* Alt text colors */ | | /* Alt text colors */ |
| .altcolors { | | .altcolors { |
| position: relative;
| | position: relative; |
| /* Chrome, Safari, Opera */
| | animation-name: myfirst; |
| -webkit-animation-name: myfirst;
| | animation-duration: 5s; |
| -webkit-animation-duration: 5s;
| | animation-timing-function: linear; |
| -webkit-animation-timing-function: linear;
| | animation-delay: 1s; |
| -webkit-animation-delay: 1s;
| | animation-iteration-count: infinite; |
| -webkit-animation-iteration-count: infinite;
| | animation-direction: alternate; |
| -webkit-animation-direction: alternate;
| | animation-play-state: running; |
| -webkit-animation-play-state: running;
| |
| /* Standard syntax */
| |
| animation-name: myfirst;
| |
| animation-duration: 5s;
| |
| animation-timing-function: linear;
| |
| animation-delay: 1s;
| |
| animation-iteration-count: infinite;
| |
| animation-direction: alternate;
| |
| animation-play-state: running;
| |
| } | | } |
|
| |
|
| /* Chrome, Safari, Opera */ | | /* Chrome, Safari, Opera */ |
| @-webkit-keyframes myfirst { | | @-webkit-keyframes myfirst { |
| 0% {color:#FFFFFF; opacity: 1.0;}
| | 0% {color: #FFFFFF; opacity: 1.0;} |
| 10% {color:#FFFFFF; opacity: 1.0;}
| | 10% {color: #FFFFFF; opacity: 1.0;} |
| 20% {opacity: 0.0;}
| | 20% {opacity: 0.0;} |
| 30% {color:#9294b0; opacity: 1.0;}
| | 30% {color: #9294b0; opacity: 1.0;} |
| 60% {color:#9294b0; opacity: 1.0;}
| | 60% {color: #9294b0; opacity: 1.0;} |
| 70% {opacity: 0.0;}
| | 70% {opacity: 0.0;} |
| 80% {color:#FFFFFF; opacity:1.0;}
| | 80% {color: #FFFFFF; opacity:1.0;} |
| 100% {color:#FFFFFF; opacity:1.0;}
| | 100% {color: #FFFFFF; opacity:1.0;} |
| } | | } |
|
| |
|
| /* Standard syntax */ | | /* Standard syntax */ |
| @keyframes myfirst { | | @keyframes myfirst { |
| 0% {color:#FFFFFF; opacity: 1.0;}
| | 0% {color: #FFFFFF; opacity: 1.0;} |
| 10% {color:#FFFFFF; opacity: 1.0;}
| | 10% {color: #FFFFFF; opacity: 1.0;} |
| 20% {opacity: 0.0;}
| | 20% {opacity: 0.0;} |
| 30% {color:#9294b0; opacity: 1.0;}
| | 30% {color: #9294b0; opacity: 1.0;} |
| 60% {color:#9294b0; opacity: 1.0;}
| | 60% {color: #9294b0; opacity: 1.0;} |
| 70% {opacity: 0.0;}
| | 70% {opacity: 0.0;} |
| 80% {color:#FFFFFF; opacity:1.0;}
| | 80% {color: #FFFFFF; opacity:1.0;} |
| 100% {color:#FFFFFF; opacity:1.0;}
| | 100% {color: #FFFFFF; opacity:1.0;} |
| }
| |
| | |
| /* Mobile only */
| |
| .mobileonly {
| |
| display: none;
| |
| }
| |
| #mf-mobileonly {
| |
| display: none;
| |
| }
| |
| | |
| /* fulltabs class to allow for full tabber width */
| |
| .fulltabs .tabberlive {
| |
| margin-left: 0;
| |
| }
| |
| .fulltabs .goright {
| |
| clear: none;
| |
| float: none;
| |
| }
| |
| | |
| /* Fix table of contents spacing */
| |
| table tbody tr td .toc li {
| |
| line-height: 15px;
| |
| } | | } |
|
| |
|
Line 748: |
Line 430: |
| } | | } |
|
| |
|
| /* Reference tooltips */ | | /* Indicator icons */ |
| .referencetooltip li { | | .mw-indicators { |
| background: #F9F9F9; | | display: flex; |
| border-color: #CCCCFF;
| |
| } | | } |
| .referencetooltip li+li { | | |
| border-top-color: #CCCCFF;
| | /* Who's online */ |
| | #whosonline { |
| | margin-bottom: 1px; |
| | } |
| | |
| | /* Width fixes */ |
| | @media all and (max-width: 1250px) { |
| | .infobox.board div { |
| | width: auto !important; |
| | } |
| | .infobox.board div > div { |
| | left: 7.5px !important; |
| | right: 7.5px !important; |
| | } |
| | .infobox.board img { |
| | max-width: 100% !important; |
| | height: auto !important; |
| | } |
| } | | } |
| .referencetooltip.RTflipped li+li { | | |
| border-bottom-color: #CCCCFF;
| | /* fulltabs class to allow for full tabber width */ |
| | .fulltabs .tabberlive { |
| | margin-left: 0; |
| } | | } |
| .RTTarget { | | .fulltabs .goright { |
| border-color: #CCCCFF;
| | clear: none; |
| | float: none; |
| } | | } |