Main Page

From RosieSoCrossing
Revision as of 00:01, 14 November 2022 by Rosie (talk | contribs)

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

}

  • {

padding: 0; margin: 0; border: 0; }

html { height: 100%; color: #4C312C; background-color: #BC881B; background-image: url("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;
 color: #4C312C;

}

.mw-page-container {

 max-width: none;
 min-height: auto;
 margin-left: 0;
 margin-right: 0;
 padding: 0;
 background-color: transparent;
 min-width: auto;

}

  1. wrapper {

}

  1. navtop {
 background-color: #5A4338;
 background-image: url("images/bg-noise-brown.png");
 box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
 margin: 0;
 padding: 2px 0 0;
 font-size: 16pt;
 font-family: "banana_daysregular", cursive;

}

  1. block-rosiesocosymainmenu {
 font-size: 16pt;
 text-align: center;
 padding: 0;
 margin: 0 auto;
 width: calc(100% - 40px);

}

  1. block-rosiesocosymainmenu ul.menu {
 margin: 0;
 text-align: center;

}

  1. block-rosiesocosymainmenu .menu-item {
 padding: 5px 0 8px;
 margin: 0 5px;
 display: inline-block;

}

  1. block-rosiesocosymainmenu .menu-item a {
 padding: 5px 0 8px;
 color: #4C312C;
 font-family: "banana_daysregular",cursive;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-home {
 color: #BD575C;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-home:hover {
 color: #BD575C;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-shop {
 color: #B55538;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-shop:hover {
 color: #B55538;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-about {
 color: #B56F28;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-about:hover {
 color: #B56F28;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-blog {
 color: #B58C0F;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-blog:hover {
 color: #B58C0F;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-crafts {
 color: #939128;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-crafts:hover {
 color: #939128;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-art {
 color: #72b57c;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-art:hover {
 color: #72b57c;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-games {
 color: #50A991;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-games:hover {
 color: #50A991;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-downloads {
 color: #68A1BD;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-downloads:hover {
 color: #68A1BD;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-links {
 color: #9285BD;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-links:hover {
 color: #9285BD;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-contact {
 color: #B7779B;

}

  1. block-rosiesocosymainmenu .menu-item a.cosy-contact:hover {
 color: #B7779B;

}

  1. inside-wrapper {
 max-width: 1900px;
 min-height: 100%;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 min-width: auto;
 position: relative;

}

.mw-body {

 border: none;

}

.mw-workspace-container {

 max-width: none;

}

  1. content {

background-image: url("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;

}

  1. main-content.mw-content-container-outside {
 position: relative;
 float: left;
 border-radius: 6px;
 background-image: url("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: calc(85% + 20px);
 z-index: 50;

}

  1. main-content .mw-content-container-middle {
 border-radius: 6px;
 background-image: url("bg-speckles-brown.png");
 box-shadow: inset 3px 3px 0 rgba(0,0,0,.25);
 margin: 0;
 padding: 10px;

}

  1. main-content .mw-content-container {
 background-image: url("bg-ac-triangles-cream.png");
 box-shadow: inset 3px 3px 0 rgba(0,0,0,.25);
 margin: 0;
 border-radius: 6px;
 padding: 0;
 max-width: 100%;

}

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

}

  1. main-content .mw-content-container-inside #content {
 padding: 25px;
 min-height: 300px;

}

.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: #a24d32;
 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: #C37F3A;
 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 {

}

  1. mw-panel {
 background-color: #FDEDD6;
 background-image: url("bg-cream-clouds-invaders.png");
 position: relative;
 float: left;
 border-radius: 6px;
 width: calc(15% - 30px);
 padding: 10px 20px 20px 10px;
 margin: 50px -10px 0 0;
 box-shadow: 4px 4px 0 rgba(0,0,0,.15);
 border: none;
 left: 0;

}

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

}

.vector-menu-portal .vector-menu-content {

 margin: 0;

}

.vector-menu-portal .vector-menu-heading {

 color: #368974;
 font-size: 15pt;
 font-family: "banana_daysregular",cursive;
 background-image: none;
 background-image: linear-gradient(to right,rgba(39, 107, 93, 0) 0,#c08522 33%,#bd9525 66%,rgba(200,204,209,0) 100%);

}

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

}

  1. mw-panel ul li {
 padding: 0 0 0 25px;
 margin: 0;
 list-style-image: none;
 list-style-type: none;
 background-image: url("bullet-s.png");
 background-repeat: no-repeat;
 line-height: 1.5em;
 font-size: 12pt;

}

  1. footer-content {
 clear: both;
 padding: 10px 0 0;
 width: calc(85% - 10px);
 margin: 0 0 0 15%;

}

.mw-content-container {

 max-width: none;
 margin: auto;

}

  1. footer-content a {
 color: #4C312C;
 font-weight: bold;
 font-size: 12pt;

}

.mw-footer {

 border: none;
 padding: 0;

}

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

}