Difference between revisions of "MediaWiki:Timeless.css"

Revision as of 07:39, 22 November 2020

/* All CSS here will be loaded for users of the Timeless skin */


  /********/
 /* Body */
/********/
#mw-content-container {
    background: #71bdf7;
    background-image: url("https://drawntolife.wiki/w/images/0/0b/WikiBackground.png");
    background-attachment: fixed;
    background-size: cover;
}
body {
    background: #353c49;
}

  /***********/
 /* Sidebar */
/***********/

#mw-related-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk {
    background: rgba(255, 255, 255, 0.97);
    border-radius: 5px;
    border: 3px solid #709fc3;
    box-shadow: #0000003b 0 0px 4px;
}
/*Thumbnail*/
div.thumbinner {
background: #f8f9fa;
border: solid #eaecf0;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
border-width: 1px 1px 0.2em;
padding: 1.25em 1.75em;
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
padding: 0.75em;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}


  /***********/
 /* Content */
/***********/
.mw-body h1.firstHeading {
    font-family: "Arco", "sans-serif";
}
#mw-content {
    background: rgba(255, 255, 255, 0.97);
    border-radius: 5px;
    border: 3px solid #709fc3;
    box-shadow: #0000003b 0 0px 4px;
}
/*Move content wrapper down for logo*/
#mw-content-wrapper {
    margin-top: 14.7em;
}
/*Moves right nav down for logo*/
#mw-related-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, #mw-site-navigation .sidebar-chunk {
    margin-top: 15.45em;
}
#site-tools, #catlinks-sidebar {
    margin-top: 0 !important;
}

  /********/
 /* Logo */
/********/
#p-logo {
    left: 49vw;
    margin-left: -9.5em;
    position: absolute;
}
.mw-wiki-logo.fallback {
    width: 24em;
    height: 13em;
}


  /**********/
 /* Header */
/**********/
#p-logo-text {
    visibility: hidden;
}
.color-middle, .color-left, .color-right {
    background: #071e49;
}


  /**********/
 /* Footer */
/**********/
.mw-footer-container {
    border-top: none;
}
#mw-content-container {
    border-bottom: solid 4px #071e49;
}