MediaWiki:Common.css: Difference between revisions

Revision as of 22:32, 13 November 2022

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

@font-face {
    font-family: 'banana_daysregular';
    src: url('/ac/resources/custom/banana_days-webfont.eot');
    src: url('/ac/resources/custom/banana_days-webfont.eot?#iefix') format('embedded-opentype'),
         url('/ac/resources/custom/banana_days-webfont.woff2') format('woff2'),
         url('/ac/resources/custom/banana_days-webfont.woff') format('woff'),
         url('/ac/resources/custom/banana_days-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'shortstackregular';
    src: url('/ac/resources/custom/shortstack-regular-webfont.woff2') format('woff2'),
         url('/ac/resources/custom/shortstack-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: /*url('/ac/resources/custom/OpenSans-Regular-webfont.eot');
    src: url('/ac/resources/custom/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),*/
         url('/ac/resources/custom/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: /*url('/ac/resources/custom/OpenSans-Semibold-webfont.eot');
    src: url('/ac/resources/custom/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),*/
         url('/ac/resources/custom/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: /*url('/ac/resources/custom/OpenSans-Bold-webfont.eot');
    src: url('/ac/resources/custom/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),*/
         url('/ac/resources/custom/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: /*url('/ac/resources/custom/OpenSans-ExtraBold-webfont.eot');
    src: url('/ac/resources/custom/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),*/
         url('/ac/resources/custom/OpenSans-ExtraBold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: /*url('/ac/resources/custom/OpenSans-Italic-webfont.eot');
    src: url('/ac/resources/custom/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),*/
         url('/ac/resources/custom/OpenSans-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibolditalic';
    src: /*url('/ac/resources/custom/OpenSans-SemiboldItalic-webfont.eot');
    src: url('/ac/resources/custom/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),*/
         url('/ac/resources/custom/OpenSans-SemiboldItalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbolditalic';
    src: /*url('/ac/resources/custom/OpenSans-BoldItalic-webfont.eot');
    src: url('/ac/resources/custom/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),*/
         url('/ac/resources/custom/OpenSans-BoldItalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabolditalic';
    src: /*url('/ac/resources/custom/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('/ac/resources/custom/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),*/
         url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
height: 100%;
color: #4C312C;
background-color: #BC881B;
background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-ochre.png");
font-family: "open_sansregular", Helvetica, Verdana, sans-serif;
letter-spacing: 0.05em;
font-size: 12pt;
}

body {
  background-color: transparent;
  height: 100%;
  font-family: "open_sansregular", Helvetica, Verdana, sans-serif;
}

#content {
background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-cream.png");
box-shadow: inset 3px 3px 0 rgba(0,0,0,.25);
margin: 0;
border-radius: 6px;
padding: 0;
background-color: papayawhip;
}

p, li, div {
  text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
}

.vector-menu-tabs li {
  border-radius: 6px 6px 0 0;
}

#main-content.mw-content-container-outside {
  position: relative;
  float: left;
  border-radius: 6px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-diag-teal.png");
  margin: 0;
  box-shadow: inset 0 0 3px 3px rgba(0,0,0,0.25), 4px 4px 0 rgba(0,0,0,.15);
  padding: 10px;
  width: 970px;
  z-index: 50;
}

#main-content .mw-content-container-middle {
  border-radius: 6px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-speckles-brown.png");
  box-shadow: inset 3px 3px 0 rgba(0,0,0,.25);
  margin: 0;
  padding: 10px;
}

#main-content .mw-content-container {
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-cream.png");
  box-shadow: inset 3px 3px 0 rgba(0,0,0,.25);
  margin: 0;
  border-radius: 6px;
  padding: 0;
}

#main-content .mw-content-container-inside {

}

#main-content .mw-content-container-inside #content {
  padding: 25px;
}

.mw-page-container {
  background-color: transparent;
  border: none;
}

.mw-table-of-contents-container {
  clear: none;
}

a, a:link, a:active, a:visited, 
.vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited {
  color: #C37F3A;
  text-decoration: none;
  transition: all 0.5s ease;
  font-family: "open_sanssemibold", Helvetica, Verdana, sans-serif;
}

.mw-parser-output a.extiw, .mw-parser-output a.external {
  color: #50A991;
  text-decoration: none;
  transition: all 0.5s ease;
  font-family: "open_sanssemibold", Helvetica, Verdana, sans-serif;
}

a.mw-logo {
  color: #a24d32;
font-family: "banana_daysregular", cursive;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "banana_daysregular", cursive;
  letter-spacing: 0;
  font-weight: normal;
  margin: 0 0 10px;
  border: none;
}

.mw-body .firstHeading {

}

#mw-panel {
  background-color: #FDEDD6;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-cream-clouds-invaders.png");
  position: relative;
  float: left;
  border-radius: 6px;
  margin: 75px -30px 0 0;
  box-shadow: 4px 4px 0 rgba(0,0,0,.15);
}

#mw-panel nav:first-child .vector-menu-content {
  margin: 0;
}

.vector-menu-portal .vector-menu-heading {
  color: #a24d32;
  font-weight: bold;
}

#mw-panel ul {
  margin: 0;
  padding: 0;
  list-style: none outside;
  text-align: left;
}

#mw-panel ul li {
  padding: 0 0 0 25px;
  margin: 0;
  list-style-image: none;
  list-style-type: none;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bullet-s.png");
  background-repeat: no-repeat;
  line-height: 1.5em;
}

#footer-content {
  clear: both;
  background-color: blue;
}

.vector-menu-portal {
  margin: 10px 0 0;
  padding: 0;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
  font-family: "banana_daysregular",cursive;
  line-height: 1em;
  text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
  color: #a24d32;
}

.mw-body h1, .mw-body-content h1 {
  color: #a24d32;
}

.mw-body-content h2 {
  color: #368974;
}

pre, code, .mw-code {
  color: #4C312C;
}

.mw-message-box, .messagebox, .errorbox, .warningbox, .successbox,
.vector-user-links .vector-user-menu-more .vector-menu-content-list li a {
  color: #4C312C;
}

.mw-message-box, .messagebox {
  background-color: #d9b255;
  border-radius: 6px;
  border: none;
}

.mw-message-box a, .messagebox a,
.mw-message-box-error a, .errorbox a,
.mw-message-box-warning a, .warningbox a,
.mw-message-box-success a, .successbox a {
  color: #FFFDFB;
}

.mw-message-box-error, .errorbox {
  background-color: #b57465;
  border-radius: 6px;
  border: none;
}

.mw-message-box-warning, .warningbox {
  background-color: #d9b255;
  border-radius: 6px;
  border: none;
}

.mw-message-box-success, .successbox {
  background-color: #b8ca86;
  border-radius: 6px;
  border: none;
}