MediaWiki:Common.css: Difference between revisions

From Ara: History Untold Wiki
No edit summary
No edit summary
 
(43 intermediate revisions by the same user not shown)
Line 2: Line 2:


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


.vector-toc-pinned-container {
/*
     background-color: red;
#siteNotice {
     margin-top: 0px;
}
}
.vector-sitenotice-container {
display: contents;
}
*/


@media screen and (max-width: 1920px) {
.vector-header {
  .mw-page-container {  
    background:  
      background:  
      linear-gradient(to right, rgba(246,246,246,0.8) 0%, rgba(246,246,246,0.8) 100%),
        linear-gradient(to right,  
      url('resources/assets/GrazingField-small.png');
          rgba(246,246,246,0) 0%,
    background-size: cover;
          rgba(246,246,246,0.7) 20%,
    background-attachment: fixed;
          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) {
#vector-sticky-header {
  .mw-page-container {  
    background: url('resources/assets/emptybanner.png');
      background:  
    background-position: top;
        linear-gradient(to right,
    background-repeat: repeat;
          rgba(246,246,246,0) 0%,
    background-attachment: fixed;
          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;
  }
}
}


.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;
}


/*  
/*  
    background-image:
      linear-gradient(rgba(246,246,246,0), rgba(246,246,246,0)),
body { background-color: #e6e6e6; }
body { background-color: #e6e6e6; }
#content { background-color: #f2f2f2; }
#content { background-color: #f2f2f2; }

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;
}
*/