MediaWiki:Common.css: Difference between revisions

From Ara: History Untold Wiki
No edit summary
No edit summary
 
(47 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
body {
    background:
      linear-gradient(to right, rgba(246,246,246,0.8) 0%, rgba(246,246,246,0.8) 100%),
      url('resources/assets/GrazingField-small.png');
    background-size: cover;
    background-attachment: fixed;
}
/*
#siteNotice {
    margin-top: 0px;
}
.vector-sitenotice-container {
display: contents;
}
*/
.vector-header {
    background:
      linear-gradient(to right, rgba(246,246,246,0.8) 0%, rgba(246,246,246,0.8) 100%),
      url('resources/assets/GrazingField-small.png');
    background-size: cover;
    background-attachment: fixed;
}
#vector-sticky-header {
    background: url('resources/assets/emptybanner.png');
    background-position: top;
    background-repeat: repeat;
    background-attachment: fixed;
}
.mw-page-container {
    background: url('resources/assets/content-bg.png');
    background-position: top;
    background-repeat: repeat-y;
    background-attachment: fixed;
}
.vector-pinned-container {
    background-color: transparent;
}
.vector-sticky-pinned-container::after {
    height: 0px;
    background: transparent;
}


/*  
/*  
Line 5: Line 53:
#content { background-color: #f2f2f2; }
#content { background-color: #f2f2f2; }
#footer { background-color: #f2f2f2; }
#footer { background-color: #f2f2f2; }
*/


/*
#bodyContent { background-color: #f2f2f2; }
#bodyContent { background-color: #f2f2f2; }
#firstHeading { background-color: #f2f2f2; }
#firstHeading { background-color: #f2f2f2; }
Line 13: Line 59:
#mw-head-base { background-color: #f2f2f2; }
#mw-head-base { background-color: #f2f2f2; }
#mw-panel { background-color: #f2f2f2; }
#mw-panel { background-color: #f2f2f2; }
*/


/*
.mw-collapsible .mw-collapsible-toggle {
.mw-collapsible .mw-collapsible-toggle {
     float: left;
     float: left;
}
}
*/


/*
.mw-collapsible-toggle-default::before,
.mw-collapsible-toggle-default::before,
.mw-collapsible-toggle-default::after {
.mw-collapsible-toggle-default::after {
Line 27: Line 69:
}
}
*/
*/
body {
    background-image:
      linear-gradient(rgba(246,246,246,0.7), rgba(246,246,246,0.7)),
      url("resources/assets/GrazingField.png");
    background-size: cover;
    background-attachment: fixed;
}
.vector-header-container
{
    background-image:
      linear-gradient(rgba(246,246,246,0), rgba(246,246,246,0)),
    background-size: cover;
    background-attachment: fixed;
}
@media screen and (max-width: 1920px) {
  .mw-page-container {
      background:
        linear-gradient(to right,
          rgba(246,246,246,0) 0%,
          rgba(246,246,246,0.7) 20%,
          rgba(246,246,246,1) 25%,
          rgba(246,246,246,1) 50%,
          rgba(246,246,246,1) 75%,
          rgba(246,246,246,0.7) 80%,
          rgba(246,246,246,0) 100%);
      background-size: cover;
      background-attachment: fixed;
  }
}
@media screen and (max-width: 2560px) {
  .mw-page-container {
      background:
        linear-gradient(to right,
          rgba(246,246,246,0) 0%,
          rgba(246,246,246,0) 482px,
          rgba(246,246,246,0.7) 30%,
          rgba(246,246,246,1) 42%,
          rgba(246,246,246,1) 50%,
          rgba(246,246,246,1) 58%,
          rgba(246,246,246,0.7) 70%,
          rgba(246,246,246,0) 2078px,
          rgba(246,246,246,0) 100%);
      background-size: cover;
      background-attachment: fixed;
  }
}

Latest revision as of 04:41, 1 November 2024

/* CSS placed here will be applied to all skins */

body {
    background: 
      linear-gradient(to right, rgba(246,246,246,0.8) 0%, rgba(246,246,246,0.8) 100%),
      url('resources/assets/GrazingField-small.png');
    background-size: cover;
    background-attachment: fixed;
}

/*
#siteNotice {
    margin-top: 0px;
}
.vector-sitenotice-container {
	display: contents;
}
*/

.vector-header {
    background: 
      linear-gradient(to right, rgba(246,246,246,0.8) 0%, rgba(246,246,246,0.8) 100%),
      url('resources/assets/GrazingField-small.png');
    background-size: cover;
    background-attachment: fixed;
}

#vector-sticky-header {
    background: url('resources/assets/emptybanner.png');
    background-position: top;
    background-repeat: repeat;
    background-attachment: fixed;
}

.mw-page-container { 
    background: url('resources/assets/content-bg.png');
    background-position: top;
    background-repeat: repeat-y;
    background-attachment: fixed;
}

.vector-pinned-container {
    background-color: transparent;
}

.vector-sticky-pinned-container::after {
    height: 0px;
    background: transparent;
}

/* 
body { background-color: #e6e6e6; }
#content { background-color: #f2f2f2; }
#footer { background-color: #f2f2f2; }

#bodyContent { background-color: #f2f2f2; }
#firstHeading { background-color: #f2f2f2; }
#catlinks { background-color: #f2f2f2; }
#mw-head-base { background-color: #f2f2f2; }
#mw-panel { background-color: #f2f2f2; }

.mw-collapsible .mw-collapsible-toggle {
    float: left;
}

.mw-collapsible-toggle-default::before,
.mw-collapsible-toggle-default::after {
    display: none;
}
*/