Difference between revisions of "MediaWiki:Hydra.css"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>SandovalCurse
>Teg
(Blanking page)
 
(396 intermediate revisions by one other user not shown)
Line 1: Line 1:
−
/* CSS placed here will affect users of the Hydra skin */
 
  
−
/* Custom Elements */
 
−
 
−
body.page-Dragalia_Lost_Wiki h1.firstHeading {
 
−
    display:none;
 
−
}
 
−
 
−
body {
 
−
    background-attachment:fixed !important;
 
−
    background: url(https://d1u5p3l4wpay3k.cloudfront.net/dragalialost_gamepedia_en/c/cc/Dragalia_lost_background.png?version=e95c3c5bf1415c2ab5055fedc1b13709) no-repeat;
 
−
    background-repeat:no-repeat;
 
−
    background-size:cover;
 
−
    background-color:#4268f4;
 
−
}
 
−
 
−
div#content,
 
−
div#mw-panel,
 
−
div#footer {
 
−
    background:
 
−
    url("https://operaomnia.gamepedia.com/media/operaomnia.gamepedia.com/c/c9/Corner_top_left.png") no-repeat scroll left top border-box,
 
−
    url("https://operaomnia.gamepedia.com/media/operaomnia.gamepedia.com/f/ff/Corner_top_right.png") no-repeat scroll right top border-box,
 
−
    url("https://operaomnia.gamepedia.com/media/operaomnia.gamepedia.com/9/9b/Corner_bottom_left.png") no-repeat scroll left bottom border-box,
 
−
    url("https://operaomnia.gamepedia.com/media/operaomnia.gamepedia.com/b/bc/Corner_bottom_right.png") no-repeat scroll right bottom border-box,
 
−
    url("https://operaomnia.gamepedia.com/media/operaomnia.gamepedia.com/3/33/Border_top.png") repeat-x scroll right top border-box,
 
−
    url("https://operaomnia.gamepedia.com/media/operaomnia.gamepedia.com/f/f0/Border_left.png") repeat-y scroll left top border-box,
 
−
    url("https://operaomnia.gamepedia.com/media/operaomnia.gamepedia.com/f/f1/Border_right.png") repeat-y scroll right top border-box,
 
−
    url("https://operaomnia.gamepedia.com/media/operaomnia.gamepedia.com/b/bb/Border_bottom.png") repeat-x scroll left bottom border-box, rgba(255,255,255,.9)
 
−
    url("https://operaomnia.gamepedia.com/media/operaomnia.gamepedia.com/9/94/Background_element.png") left top repeat padding-box;
 
−
}
 
−
 
−
div.vectorTabs li span,
 
−
div#mw-head div.vectorMenu h3 {
 
−
    background: #fff;
 
−
    display: inline-block;
 
−
    border: 1px solid #876131;
 
−
    border-radius: 4px;
 
−
    padding: 2px 10px;
 
−
    height: 19px;
 
−
    text-align: center;
 
−
}
 
−
 
−
div#content {
 
−
    padding: 30px;
 
−
}
 
−
 
−
div#mw-panel {
 
−
    color: #000;
 
−
    margin-left: 3px;
 
−
}
 
−
 
−
div#footer  {
 
−
    padding: 30px;
 
−
    margin-top: 6px;
 
−
   
 
−
}
 
−
 
−
/* Wikitables */
 
−
 
−
table.wikitable,
 
−
table.wikitable > tr > th,
 
−
table.wikitable > * > tr > th,
 
−
table.wikitable > tr > td,
 
−
table.wikitable > * > tr > td {
 
−
}
 
−
 
−
table.wikitable {
 
−
    background: rgba(255,255,255,.7);
 
−
    border: 1px solid #aaa;
 
−
    border-radius: 4px;
 
−
}
 
−
 
−
 
−
table.wikitable > tr > th,
 
−
table.wikitable > * > tr > th {
 
−
    background-color: rgba(255,255,255,.125);
 
−
    border: 1px solid #aaa;
 
−
    border-radius: 4px;
 
−
    color: #000;
 
−
}
 
−
 
−
table.wikitable > tr > td,
 
−
table.wikitable > * > tr > td {
 
−
    background-color: rgba(0,0,0,.025);
 
−
    border: 1px solid #aaa;
 
−
    border-radius: 4px;
 
−
}
 
−
 
−
/* Category Link Colours */
 
−
 
−
.catlinks {
 
−
    border: 1px solid #aaa;
 
−
    border-radius: 4px;
 
−
}
 
−
 
−
/* Wiki Editor Transparency */
 
−
 
−
div.wikiEditor-ui,
 
−
.editOptions,
 
−
div.wikiEditor-preview-contents,
 
−
div.wikiEditor-preview-loading,
 
−
div.wikiEditor-ui-toolbar,
 
−
div.wikiEditor-ui-buttons,
 
−
div.wikiEditor-ui-controls  {
 
−
background: transparent;
 
−
}
 
−
 
−
#mw-panel.collapsible-nav .portal#p-claimWiki {
 
−
    padding-top: 30px;
 
−
}
 
−
 
−
/* For elements which only display in the mobile view */
 
−
.mobileonly {
 
−
    display: none;
 
−
}
 
−
 
−
/* Framework */
 
−
 
−
.mw-body {
 
−
    background: rgba(255,255,255,.85);
 
−
    border: none;
 
−
}
 
−
 
−
body #pageWrapper {
 
−
    margin-right: 1em;
 
−
}
 
−
 
−
/* Head */
 
−
div#mw-page-base {
 
−
    background: rgba(0, 0, 0, 0);
 
−
    background-image: none;
 
−
}
 
−
 
−
#mw-head-base {
 
−
    background: rgba(0, 0, 0, 0);
 
−
    background-image: none;
 
−
    border-bottom: 0px;
 
−
}
 
−
 
−
/* Tabs */
 
−
#right-navigation {
 
−
    margin-right: 0em;
 
−
}
 
−
 
−
div.vectorTabs {
 
−
    background-color: rgba(0, 0, 0, 0);
 
−
    background-image: none;
 
−
    height: 33px;
 
−
    margin-top: 8px;
 
−
}
 
−
 
−
div.vectorTabs li a {
 
−
    background-color: rgba(0, 0, 0, 0);
 
−
    background-image: none;
 
−
    margin-top: -16px;
 
−
}
 
−
 
−
div.vectorTabs li.selected,
 
−
div.vectorTabs ul,
 
−
div.vectorTabs ul li {
 
−
    background-color: rgba(0, 0, 0, 0);
 
−
    background-image: none;
 
−
}
 
−
 
−
div.vectorTabs li span {
 
−
    margin: 0 3px;
 
−
}
 
−
 
−
div#p-sharing .menu {
 
−
    margin-left: 45px;
 
−
    min-width: 0px;
 
−
    width: 48px;
 
−
}
 
−
 
−
#p-sharing #socialIconImages img {
 
−
    width: 100%;
 
−
}
 
−
 
−
#p-sharing #socialIconImages a {
 
−
    width: 40px;
 
−
}
 
−
 
−
div#mw-head div.vectorMenu h3 {
 
−
    margin: 0.5em 3px 0;
 
−
}
 
−
 
−
div.vectorMenu h3 a {
 
−
    display: none;
 
−
}
 
−
 
−
div.vectorTabs li a,
 
−
div.vectorTabs li a span,
 
−
div.vectorMenu h3 span {
 
−
    color: #000;
 
−
    font-weight: bold;
 
−
}
 
−
 
−
div.vectorTabs li.selected a,
 
−
div.vectorTabs li.selected a:visited {
 
−
    color: #000;
 
−
    font-weight: bold;
 
−
}
 
−
 
−
div#mw-head div.vectorMenu h4,
 
−
div#p-variants.vectorMenu #mw-vector-current-variant {
 
−
    color: #000;
 
−
    font-weight: bold;
 
−
    padding-top: 0.2em;
 
−
    text-shadow: none;
 
−
}
 
−
 
−
#ca-unwatch.icon a,
 
−
#ca-watch.icon a {
 
−
    padding: 18px 0 0;
 
−
}
 
−
 
−
div.vectorMenu h3 span {
 
−
    font-family: arial;
 
−
    padding-top: 0.1em;
 
−
}
 
−
 
−
div.vectorMenu div.menu {
 
−
    background-color: #ffffff;
 
−
    background-image: none;
 
−
    border: 1px solid #bfe9ff;
 
−
    position: relative;
 
−
    top: 0.75em;
 
−
}
 
−
 
−
div.vectorMenu ul {
 
−
    background-color: rgba(0, 0, 0, 0);
 
−
    border: none;
 
−
}
 
−
 
−
div.vectorMenu li a {
 
−
    color: #000000;
 
−
}
 
−
 
−
/******************
 
−
/* Sidebar styles *
 
−
/******************/
 
−
 
−
div#mw-panel div.portal h3,
 
−
#mw-panel.collapsible-nav .portal h3 a,
 
−
#mw-panel.collapsible-nav .portal h3 a:visited,
 
−
#mw-panel.collapsible-nav .portal.collapsed h3 a,
 
−
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
 
−
    color: #000;
 
−
    font-weight: bold;
 
−
    text-transform: uppercase;
 
−
    margin-left: 3px;
 
−
}
 
−
 
−
div#mw-panel div.portal div.body,
 
−
#mw-panel.collapsible-nav .portal {
 
−
    background-image: none;
 
−
}
 
−
 
−
div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited {
 
−
}
 
−
 
−
div#mw-panel div.portal div.body ul li a,
 
−
div#mw-panel div.portal div.body ul li a:visited {
 
−
    color: #000;
 
−
}
 
−
 
−
div#mw-panel div.portal div.body ul li a:hover {
 
−
    color: #696969;
 
−
}
 
−
 
−
/* social media add-on fix */
 
−
div#mw-panel div.portal#p-socialProfiles {
 
−
    background: none;
 
−
    border: none;
 
−
    padding: 0;
 
−
    margin: 10px 0;
 
−
}
 
−
 
−
div#mw-panel div.portal#p-sitePromos {
 
−
    background: none;
 
−
    border: none;
 
−
    margin-left: 10px !important;
 
−
    padding: 0;
 
−
}
 
−
 
−
div#mw-panel div.portal#p-socialProfiles h5,
 
−
div#mw-panel div.portal#p-sitePromos h5 {
 
−
    display: none;
 
−
}
 
−
 
−
div#mw-panel div.portal#p-socialProfiles div.body,
 
−
div#mw-panel div.portal#p-sitePromos div.body {
 
−
    background: none;
 
−
    padding: 0;
 
−
    margin-left: 0 !important;
 
−
    text-align: center;
 
−
}
 
−
 
−
.socialSidebar {
 
−
    width: auto;
 
−
    max-width: 100%;
 
−
}
 
−
 
−
/* Head */
 
−
div#mw-page-base {
 
−
    background: transparent;
 
−
    background-image: none;
 
−
}
 
−
 
−
#mw-head-base {
 
−
    background: transparent;
 
−
    background-image: none;
 
−
    border-bottom: 0px;
 
−
}
 
−
 
−
div#footer ul li {
 
−
    color: #000;
 
−
}
 
−
 
−
div#footer a {
 
−
    color: #0645ad;
 
−
}
 
−
 
−
div#footer a:hover {
 
−
    color: #0645ad;
 
−
}
 
−
 
−
/* multi-upload screen font colour fix */
 
−
#upload-list .file .file-title {
 
−
    color: #000000;
 
−
}
 
−
 
−
.check-span {
 
−
    color: #1D1D1D;
 
−
    float: right;
 
−
}
 
−
 
−
#upload-list .file a {
 
−
    color: #0000FF;
 
−
}
 
−
 
−
.copyright-icon {
 
−
    background-image: url("https://help.gamepedia.com/media/help.gamepedia.com/b/b6/Copyright.png?version=6d3fec14dfaef041b27724d628c5bbaf");
 
−
    background-size: 100%;
 
−
    height: 32px;
 
−
    width: 32px;
 
−
}
 
−
 
−
.ambox {
 
−
    background-color: #fff;
 
−
    border-bottom-color: #383838;
 
−
    border-right-color: #383838;
 
−
    border-top-color: #383838;
 
−
    border-collapse: collapse;
 
−
    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;
 
−
}
 

Latest revision as of 22:54, 21 September 2018
Retrieved from "https://dlwiki.cherrymint.live/index.php?title=MediaWiki:Hydra.css&oldid=4274"