(added code for the new front page) |
No edit summary |
||
Line 792: | Line 792: | ||
/* MW 1.29 Hydra Dark Visual Editor Fix */ |
/* MW 1.29 Hydra Dark Visual Editor Fix */ |
||
⚫ | |||
⚫ | |||
+ | .oo-ui-popupWidget-popup, |
||
+ | .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool, |
||
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { |
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { |
||
⚫ | |||
⚫ | |||
− | border-top: 0px solid #222; |
||
⚫ | |||
− | box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); |
||
} |
} |
||
− | .oo-ui- |
+ | .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled, .oo-ui-popupToolGroup.oo-ui-widget-enabled, .oo-ui-popupWidget-popup { |
− | color: # |
+ | border-color: #c8ccd1; |
} |
} |
||
+ | .oo-ui-toolbar-actions .oo-ui-toolGroup { |
||
⚫ | |||
− | + | border-right: 0; |
|
⚫ | |||
− | } |
||
− | |||
− | .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { |
||
− | filter: invert(0%); |
||
} |
} |
||
.ve-ui-mwSaveDialog-license { |
.ve-ui-mwSaveDialog-license { |
||
− | color: |
+ | color: #eee; |
− | } |
||
− | |||
− | .skin-hydradark .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { |
||
− | background-color: #212121; |
||
− | } |
||
− | |||
− | .ve-ui-mwSaveDialog-options, |
||
⚫ | |||
− | .oo-ui-textInputWidget.oo-ui-widget-enabled textarea { |
||
− | background-color: #fff; |
||
− | } |
||
− | |||
− | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, |
||
− | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button { |
||
− | color: #fff; |
||
− | background-color: #212121; |
||
− | border-color: #545454; |
||
} |
} |
||
Revision as of 21:08, 15 October 2017
@font-face {
font-family: 'Magistral';
font-style: normal;
src: url(https://icethatfilehost.000webhostapp.com/files/magistal_cond_medium.ttf) format('ttf');
}
#p-Useful_Articles-label > a, #p-Robocraft-label > a, #p-Gamepedia-label > a, #p-tb-label > a {
color:#fff!important;
}
/* highlight admin(s) */
a[href|="/User:ICEThat"],
a:visited[href|="/User:ICEThat"]{
font-weight:bold!important;
color:#e8c61b!important;
}
/* this CSS governs the responsive 2 column main page layout */
/* rss */
.rss_item {
border: 1px solid #FD8311;
box-shadow: 0 0 0.4em #FD8311;
width: 100%;
}
#fprss div.rss_item:nth-child(n+5) {
display: none;
}
#fprss-expand .mw-collapsible-content > div.rss_item:nth-child(1) {
display: none;
}
#fprss-expand .mw-collapsible-content > div.rss_item:nth-child(2) {
display: none;
}
#fprss-expand .mw-collapsible-content > div.rss_item:nth-child(3) {
display: none;
}
#fprss-expand .mw-collapsible-content > div.rss_item:nth-child(n+4) {
display: inline-block;
}
#fprss {
overflow: auto;
}
.fprss-expand-notice {
float: left;
color: #FD8311;
margin-bottom: 6px;
}
/* fpbox */
.fpbox {
border: 1px solid rgba(0, 0, 0, 0.9);
background-color: rgba(42, 42, 42, 0.75);
border-radius: 20px;
margin: 5px;
padding: 5px;
}
.fpbox .heading {
border-bottom: 1px solid rgba(178, 178, 178, 0.9);
font-size: 132%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
.fpcontent {
width: 100%;
overflow: hidden;
z-index: 1;
display: inline;
}
.fpwiki-centered {
text-align: center !important;
}
.fpwiki-centered * {
text-align: center !important;
}
.fp-image * {
max-width: 500px !important;
max-height: 350px !important;
height: auto;
margin: auto;
display: flex;
}
#fprss-int {
padding: 0 5px;
}
#fptopsection {
display: flex;
flex-direction: column;
}
#fpflexsection {
display: flex;
flex-direction: column;
}
#fpbottomsection {
display: flex;
flex-direction: column;
}
@media (min-width: 1350px) {
#fptopsection {
float: left;
width: 50%;
}
#fpflexsection {
width: 50%;
float: right;
}
#fpbottomsection {
width: 50%;
float: left;
}
}
/* image boxes */
.fpimagelink {
display: inline-block;
text-align: center;
margin: 5px;
}
.fpimagelink * {
text-align: center;
}
.fpimagelink .image {
margin-bottom: -30px;
}
.fpimagelink .oimg-text {
position: relative;
font-family: 'Magistral', sans-serif;
font-weight: bold;
font-size: 120%;
color: #ffffff;
text-align: center;
z-index: 1;
}
.fpimagelink .oimg-text > a {
color: #ffffff !important;
}
.fpbox .heading {
font-family: 'Magistral', sans-serif;
}
/*====================================================================================*/
/* UI TWEAKS */
/*====================================================================================*/
ul {
list-style-type: disc;
list-style-image: none;
}
/* Hide main page header */
body.page-Official_Robocraft_Wiki h1.firstHeading {
display:none;
}
/*====================================================================================*/
/* DISPLAY */
/*====================================================================================*/
#mw-navigation
{
display: flex !important;
}
#mw-page-base,
#mw-head-base,
#footer-push
{
display: none !important;
}
/*====================================================================================*/
/* MARGIN */
/*====================================================================================*/
/*====================================================================================*/
/* PADDING */
/*====================================================================================*/
/*====================================================================================*/
/* WIDTH */
/*====================================================================================*/
/*====================================================================================*/
/* HEIGHT */
/*====================================================================================*/
/*====================================================================================*/
/* FLOAT */
/*====================================================================================*/
/*====================================================================================*/
/* BACKGROUND */
/*====================================================================================*/
body
{
background: #000000 url(https://robocraft.gamepedia.com/media/robocraft.gamepedia.com/2/2e/Hexagon_back.png) no-repeat center top fixed !important;
}
#mw-head :not(.menu)
{
margin-right: 0.1em !important;
}
div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs li,
div.vectorTabs li.selected,
div.vectorTabs span,
div#mw-head div.vectorMenu h3
{
background: transparent !important;
}
#netbar,
#mw-head,
#mw-navigation,
#content,
.menu,
#lotBeWrapper,
#footer,
#pagehistory li.selected
{
background: rgba(0, 0, 0, 0.70) !important;
}
/*====================================================================================*/
/* EXTRA */
/*====================================================================================*/
#global-wrapper
{
padding: 230px 50px 50px 50px !important;
margin: 0px !important;
}
#content
{
margin: 0px 0px 0px 10px !important;
float: right !important;
width: calc(100% - 205px) !important;
border-top-right-radius: 20px !important;
}
#pageWrapper
{
max-width: 1500px !important;
margin: 0px auto !important;
display: table !important;
}
.cc_banner
{
padding: 2.5px !important;
}
.curse
{
margin-left: 0px !important;
}
#footer
{
display: flex !important;
width: initial !important;
box-sizing: border-box !important;
margin: 0px !important;
flex-direction: column !important;
}
.footer-links
{
width: initial !important;
}
.ad-main-med-rect-footer
{
left: auto !important;
}
.copyright
{
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
position: static !important;
margin: 0px !important;
}
#mw-panel
{
position: static !important;
padding: 0px !important;
width: 100% !important;
}
#pageWrapper
{
width: 100% !important;
}
#p-logo
{
top: 115px !important;
left: 0px !important;
width: 100% !important;
display: flex !important;
justify-content: center !important;
height: 0px !important;
}
.mw-wiki-logo
{
width: 680px !important;
background: rgba(0, 0, 0, 0.70) url(https://robocraft.gamepedia.com/media/robocraft.gamepedia.com/b/bc/Wiki.png) no-repeat center !important;
height: 100px !important;
border-radius: 20px !important;
border: 1px solid #FD8311 !important;
}
#mw-head
{
top: 30px !important;
display: flex !important;
justify-content: center !important;
border-top: 1px solid #353535 !important;
border-bottom: 1px solid #FD8311 !important;
}
.portal
{
margin: 0px 0.7em 0.7em 0.7em !important;
padding-top: 0.7em !important;
}
.mw-body
{
border-right-width: 1px !important;
border: 1px solid #FD8311 !important;
}
a:not(.new):not(.cc_btn):not([href|="/User:ICEThat"])
{
color: #FD8311 !important;
}
.cc_btn
{
background-color: #FD8311 !important;
color: white !important;
}
/* Portal collapsible headings */
.portal > h3 > a:not(.nothing),
div#mw-panel div.portal h3
{
color: white !important;
font-weight: bold !important;
}
.menu
{
top: 31px !important;
left: auto !important;
}
#mw-head *
{
margin: 0px !important;
}
.beFlexContainer
{
border-bottom: 1px solid #FD8311 !important;
}
body:not(.nothing)
{
margin: 0px !important;
height: 100% !important;
}
#netbar
{
position: static !important;
top: auto !important;
}
#lotBeWrapper
{
top: 30px !important;
}
.suggestions
{
top: 90px !important;
}
#p-search
{
height: 40px !important;
}
#mw-head li,
.vectorMenu h3,
#p-search
{
display: flex !important;
align-items: center !important;
}
div#simpleSearch {
background: transparent;
border: 1px solid #ff8511;
}
#mw-navigation
{
margin-bottom: 10px !important;
border-top-left-radius: 20px !important;
border: 1px solid #FD8311 !important;
}
#pageWrapper > #footer
{
border: 1px solid #FD8311 !important;
}
body > #footer
{
border-top: 1px solid #FD8311 !important;
}
/* Fixes for sharing and more menu positioning */
div.vectorMenu h3 span
{
color: #FD8311;
margin-top: -5px;
padding-top: 0.595em !important;
}
div.vectorMenu h3 a {
position: relative;
}
/*====================================================================================*/
/* DEFAULT CODING */
/*====================================================================================*/
/* HydraDark default code */
pre {
overflow: auto;
}
/* Notice templates */
.topNotice {
border: 2px solid #ff9900;
background: rgba(0, 0, 0, 0);
margin: 0 0 10px 0;
padding: 3px 6px;
overflow: auto;
}
.topNotice .heading {
font-size: 132%;
font-weight: bold;
margin: 0 0 8px 0;
padding: 0;
}
.topNotice.delete {
border: 2px solid #ff0000;
}
.topNotice.move,
.topnotice.merge,
.topnotice.split {
border: 2px solid #bb8800;
}
.topNotice.pagestub,
.topNotice.imagerequest,
.topNotice.nowalkthrough {
border: 2px solid #008000;
}
/* for "edit this page" tab and "discussion" tab etc */
.tab {
border-style: solid solid none;
border-width: thin;
border-color: #808080;
padding:0.25ex 1ex 0ex;
font-size: 95%;
}
.ambox {
background-color: #282828;
border-bottom-color: #383838;
border-right-color: #383838;
border-top-color: #383838;
border-collapse: collapse;
border: 1px solid #282828;
font-size: 95%;
margin: 0 auto 2px auto;
width: 80%;
}
.ambox-gray {
border-left-color: #383838;
}
.ambox.ambox-tiny {
font-size: 90%;
margin: 2px 0;
width: auto;
}
.ambox + .ambox {
margin-top: -2px;
}
.ambox-text {
padding: 0.25em 0.5em;
}
.ambox-image {
padding: 2px 0px 2px 0.5em;
text-align: center;
width: 60px;
}
.ambox-tiny .ambox-image {
padding: 2px 0.5em;
text-align: left;
width: auto;
}
/* Ambox colors */
.ambox-blue {
border-left: 10px solid #1e90ff;
}
.ambox-red {
border-left: 10px solid #b22222;
}
.ambox-orange {
border-left: 10px solid #f28500;
}
.ambox-yellow {
border-left: 10px solid #f4c430;
}
.ambox-purple {
border-left: 10px solid #9932cc;
}
.ambox-gray {
border-left: 10px solid #bba;
}
.ambox-green {
border-left: 10px solid #228b22;
}
/* Ambox small text */
.amsmalltext {
font-size: smaller;
margin-left:0.8em;
margin-top:0.5em;
}
/* copyright images tweak */
.skin-hydradark .copyright-icon {
background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
background-size: 100%;
height: 32px;
width: 32px;
}
/* page content */
.t-highlight {
color: #FD8311;
display: inline-block;
}
.t-highlight-alt {
color: #FD8311;
}
.box-highlight {
background: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(0, 0, 0, 0.6);
border-radius: 5px;
padding: 10px;
}
/* cubetype banner */
.cubetype {
margin-left: auto;
margin-right: auto;
}
.cube-base {
display: inline-block;
margin: 0.2em;
margin-bottom: 0.5em;
border-radius: 5px 5px 5px 5px;
padding: 0.3em;
background-color: #333333;
}
.sel {
background-color: #F58011;
}
/* rc-table */
.rc-table {
margin-right: auto;
margin-left: auto;
}
.rc-table th,.rc-table td {
padding: 5px;
border: 1px solid rgba(0, 0, 0, 0.9);
}
.rc-table * {
vertical-align: middle;
text-align: center;
background-color: rgba(34, 34, 34, 0.7);
}
/* infobox fix */
.infobox {
width: 100%;
}
/* wikitable */
.wikitable td {
background-color: rgba(34, 34, 34, 0.7) !important;
border: 1px solid rgba(0, 0, 0, 0.9) !important;
}
.wikitable * {
padding: 5px !important;
vertical-align: middle !important;
text-align: center !important;
}
/* slideshows */
.infoboxname {
font-family: 'Magistral', sans-serif;
color: #FD8311;
font-size: 16px;
}
.slideboxlightshow {
margin: auto;
border: 1px solid rgba(0, 0, 0, 0.9);
background-color: rgba(34, 34, 34, 0.9);
}
.sbls-description {
padding-top: 2%;
text-align: center;
font-family: 'Magistral', sans-serif;
font-size: 18px;
}
/* rarities */
.r-common {
background: radial-gradient(circle, rgba(153,152,150,0.5), rgba(153,152,150,0.7));
box-shadow: 0px 0px 53px 9px rgba(153,152,150,0.9);
}
.r-uncommon {
background: radial-gradient(circle, rgba(74,156,30,0.5), rgba(74,156,30,0.7));
box-shadow: 0px 0px 53px 9px rgba(74,156,30,0.9);
}
.r-rare {
background: radial-gradient(circle, rgba(60,163,252,0.5), rgba(60,163,252,0.7));
box-shadow: 0px 0px 53px 9px rgba(60,163,252,0.9);
}
.r-epic {
background: radial-gradient(circle, rgba(156,48,181,0.5), rgba(156,48,181,0.7));
box-shadow: 0px 0px 53px 9px rgba(156,48,181,0.9);
}
.r-legendary {
background: radial-gradient(circle, rgba(236,188,0,0.5), rgba(236,188,0,0.7));
box-shadow: 0px 0px 53px 9px rgba(236,188,0,0.9);
}
.r-common, .r-uncommon, .r-rare, .r-epic, .r-legendary {
border-radius: 50px;
padding: 10px;
}
.r-common *, .r-uncommon *, .r-rare *, .r-epic *, .r-legendary * {
background-color: rgba(0, 0, 0, 0);
}
/* navbox */
.navbox * {
text-align: left !important;
}
.navboxname {
text-align: left !important;
}
/* page tables "rc-content" */
.rc-content {
width: 100%;
}
/* headers */
h3 > .mw-headline {
font-size: 18px;
}
h2 > .mw-headline {
font-size: 22px;
}
h1 > .mw-headline {
font-size: 28px;
}
/* header fonts */
#mw-panel h3 {
font-family: 'Magistral', sans-serif;
font-size: 80% !important;
}
#firstHeading {
font-family: 'Magistral', sans-serif;
}
.mw-headline {
font-family: 'Magistral', sans-serif;
}
.title {
font-family: 'Magistral', sans-serif;
font-size: 18px;
text-decoration: underline;
}
/* search alignment fix */
#searchInput[title~=Search] {
margin-top: 0.1em !important;
}
/* other */
.t-robits {
display: inline;
}
/* MW 1.29 Hydra Dark Visual Editor Fix */
.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled,
.oo-ui-popupToolGroup.oo-ui-widget-enabled,
.oo-ui-popupWidget-popup,
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool,
.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
background: rgba(55, 55, 55, 1) !important;
}
.oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-widget-enabled, .oo-ui-popupToolGroup.oo-ui-widget-enabled, .oo-ui-popupWidget-popup {
border-color: #c8ccd1;
}
.oo-ui-toolbar-actions .oo-ui-toolGroup {
border-right: 0;
border-left: 1px solid #2c2c2c !important;
}
.ve-ui-mwSaveDialog-license {
color: #eee;
}
/* Source Editor */