MediaWiki:Common.css/Infobox.css
From QWiki
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 */ /******************************************************************************* Template(s): All Infoboxes Author(s): FO-nTTaX *******************************************************************************/ .fo-nttax-infobox-wrapper { clear:right; float:right; margin:10px 0 10px 10px; font-size:90%; } .fo-nttax-infobox-adbox { width:336px; padding-top:10px; padding-bottom:10px; border-bottom-width:2px; border-bottom-style:solid; overflow:hidden; } .fo-nttax-infobox-adbox > * { margin:0 auto; } .fo-nttax-infobox { width:336px; padding-top:10px; padding-bottom:10px; border-top-width:2px; border-bottom-width:2px; border-top-style:solid; border-bottom-style:solid; } .fo-nttax-infobox > div { display:table; width:100%; } .fo-nttax-infobox > div:nth-child(2n+1) { background-color:#eeeeee; } .fo-nttax-infobox > div:nth-child(2n) { background-color:#f5f5f5; } .fo-nttax-infobox > div:after { clear:both; } .fo-nttax-infobox > div > div { width:100%; float:left; height:inherit; padding:5px; } .fo-nttax-infobox > div > div.infobox-cell-2 { width:50%; } .fo-nttax-infobox > div > div.infobox-cell-3 { width:33.3333%; } .fo-nttax-infobox > div > div.infobox-cell-4 { width:25%; } .fo-nttax-infobox > div > div.infobox-cell-5 { width:20%; } .fo-nttax-infobox > div > div.infobox-cell-6 { width:16.6666%; } .fo-nttax-infobox > div > div.infobox-cell-7 { width:14.2857%; } .fo-nttax-infobox > div > div.infobox-cell-8 { width:12.5%; } .fo-nttax-infobox > div > div.infobox-cell-9 { width:11.1111%; } .fo-nttax-infobox > div > div.infobox-cell-10 { width:10%; } .fo-nttax-infobox > div > div.infobox-cell-11 { width:9.0909%; } .fo-nttax-infobox > div > div.infobox-cell-12 { width:8.3333%; } .fo-nttax-infobox-wrapper .infobox-header { font-weight:700; text-align:center; font-size:20px; } .fo-nttax-infobox-wrapper .infobox-header-2 { font-size:17px; } .fo-nttax-infobox-wrapper .infobox-header-3 { font-size:15px; } .fo-nttax-infobox > div > div.infobox-description { font-weight:bold; text-align:right; } .fo-nttax-infobox > div > div.infobox-image { padding:0; width:100%; } .fo-nttax-infobox > div > div.infobox-image:not(.infobox-fixed-size-image) img { width:100%; height:auto; } .fo-nttax-infobox > div > div.infobox-center{ text-align:center; } .fo-nttax-infobox-wrapper .infobox-header .infobox-buttons { float:right; font-size:12px; font-weight:500; } .fo-nttax-infobox-wrapper .infobox-header .infobox-buttons a { background:none repeat scroll 0% 0% transparent !important; padding:0px !important; } .fo-nttax-infobox-wrapper .infobox-icons a { background:none repeat scroll 0% 0% transparent !important; padding:0px !important; } .fo-nttax-infobox-wrapper .infobox-text-left { text-align:left; } .fo-nttax-infobox-wrapper .infobox-text-right { text-align:right; } .fo-nttax-infobox-wrapper .infobox-float-left { float:left; } .fo-nttax-infobox-wrapper .infobox-float-right { float:right; } @media (max-width:600px) { .fo-nttax-infobox-wrapper { width:100%; margin-left:0; float:none; } .fo-nttax-infobox { width:100%; } .fo-nttax-infobox-adbox { width:100%; } .fo-nttax-infobox-wrapper .infobox-image > div > div { text-align:center; } } .fo-nttax-infobox-wrapper .infobox-gold { font-size:11pt; color:#f5c433; text-shadow:-1px 0 #555,0 1px #555,1px 0 #555,0 -1px #555; } .fo-nttax-infobox-wrapper .infobox-gradient { background:linear-gradient(to right, #ffcccc, #ffddaa, #ffff99, #eeffaa, #ccffcc) repeat scroll 0% 0% transparent; line-height:0.1px; } .fo-nttax-infobox-wrapper .infobox-color-always { background-color:#ccffcc; } .fo-nttax-infobox-wrapper .infobox-color-very.often { background-color:#eeffaa; } .fo-nttax-infobox-wrapper .infobox-color-often { background-color:#ffff99; } .fo-nttax-infobox-wrapper .infobox-color-seldom { background-color:#ffddaa; } .fo-nttax-infobox-wrapper .infobox-color-never { background-color:#ffcccc; } .fo-nttax-infobox-wrapper.popout { position:absolute; top:0; left:990px; } /** Game colors **/ /* StarCraft II */ .fo-nttax-infobox-wrapper.infobox-wol .infobox-header { background-color:#b6cfe5; } .fo-nttax-infobox-wrapper.infobox-hots .infobox-header { background-color:#deb0b0; } .fo-nttax-infobox-wrapper.infobox-lotv .infobox-header { background-color:#b0deb0; } .fo-nttax-infobox-wrapper.infobox-mod .infobox-header { background-color:#f2e8b8; } /* Smash */ .fo-nttax-infobox-wrapper.infobox-64 .infobox-header { background-color:#d5e5b6; } .fo-nttax-infobox-wrapper.infobox-melee .infobox-header { background-color:#b6e5c6; } .fo-nttax-infobox-wrapper.infobox-brawl .infobox-header { background-color:#b6d5e5; } .fo-nttax-infobox-wrapper.infobox-pm .infobox-header { background-color:#c6b6e5; } .fo-nttax-infobox-wrapper.infobox-3ds .infobox-header { background-color:#e5b6d5; } .fo-nttax-infobox-wrapper.infobox-wiiu .infobox-header { background-color:#e5c6b6; } /* Counter-Strike */ .fo-nttax-infobox-wrapper.infobox-csgo .infobox-header { background-color:#cde5b6; } .fo-nttax-infobox-wrapper.infobox-css .infobox-header { background-color:#deb0b0; } .fo-nttax-infobox-wrapper.infobox-cs16 .infobox-header { background-color:#f2e8b8; } .fo-nttax-infobox-wrapper.infobox-cscz .infobox-header { background-color:#b6cfe5; }