Main Page: Difference between revisions

From RosieSoCrossing
mNo edit summary
mNo edit summary
Tag: Manual revert
 
(57 intermediate revisions by the same user not shown)
Line 1: Line 1:
@font-face {
__NOTOC__
    font-family: 'banana_daysregular';
<div class="frontpage">
    src: url('/ac/resources/custom/banana_days-webfont.eot');
<div class="fronthi">
    src: url('/ac/resources/custom/banana_days-webfont.eot?#iefix') format('embedded-opentype'),
{{Welcome}}
        url('/ac/resources/custom/banana_days-webfont.woff2') format('woff2'),
</div>
        url('/ac/resources/custom/banana_days-webfont.woff') format('woff'),
<div class="frontsocials">
        url('/ac/resources/custom/banana_days-webfont.ttf') format('truetype');
{{Socials}}
    font-weight: normal;
</div>
    font-style: normal;
<div class="frontbdays">
{{Birthdays}}
</div>
<div class="frontevents">
{{Events}}
</div>
<div class="frontscreen">
{{Screen}}
</div>
<div class="frontnews">
{{News}}
</div>
<div class="frontart">
{{Illustrations}}
</div>
<div class="frontisles">
{{Isles}}
</div>


}
</div>
 
@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("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;
  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;
}
 
#wrapper {
 
}
 
#navtop {
  background-color: #5A4338;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/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;
}
 
#block-rosiesocosymainmenu {
  font-size: 16pt;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  width: calc(100% - 40px);
}
 
#block-rosiesocosymainmenu ul.menu {
  margin: 0;
  text-align: center;
}
 
#block-rosiesocosymainmenu .menu-item {
  padding: 5px 0 8px;
  margin: 0 5px;
  display: inline-block;
}
 
#block-rosiesocosymainmenu .menu-item a {
  padding: 5px 0 8px;
  color: #4C312C;
  font-family: "banana_daysregular",cursive;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-home {
  color: #BD575C;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-home:hover {
  color: #BD575C;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-shop {
  color: #B55538;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-shop:hover {
  color: #B55538;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-about {
  color: #B56F28;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-about:hover {
  color: #B56F28;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-blog {
  color: #B58C0F;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-blog:hover {
  color: #B58C0F;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-crafts {
  color: #939128;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-crafts:hover {
  color: #939128;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-art {
  color: #72b57c;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-art:hover {
  color: #72b57c;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-games {
  color: #50A991;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-games:hover {
  color: #50A991;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-downloads {
  color: #68A1BD;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-downloads:hover {
  color: #68A1BD;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-links {
  color: #9285BD;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-links:hover {
  color: #9285BD;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-contact {
  color: #B7779B;
}
 
#block-rosiesocosymainmenu .menu-item a.cosy-contact:hover {
  color: #B7779B;
}
 
#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;
}
 
#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);
}
 
#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: calc(85% + 20px);
  z-index: 2;
}
 
#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;
  max-width: 100%;
}
 
#main-content .mw-content-container-inside {
 
}
 
#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.new, a.new:link, a.new:active, a.new:visited {
  color: #d74d3e;
}
 
a.new:hover {
  color: #ee6152;
}
 
.toctogglelabel {
  color: #a24d32;
}
 
a.mw-logo {
  color: #4C312C;
  font-family: "banana_daysregular", cursive;
}
 
.mw-logo-wordmark {
  font-size: 18pt;
}
 
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;
  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;
}
 
#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%);
}
 
.vector-menu-dropdown-noicon .vector-menu-heading {
  font-size: 10pt;
}
 
#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;
  font-size: 12pt;
}
 
#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;
}
 
.toc, .toccolours {
  border: 2px solid #36897433;
  background-color: #B0E1C8;
  padding: 5px;
  font-size: 95%;
  border-radius: 6px;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.15);
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-hearts-b-mint.png");
}
 
.vector-body {
  font-size: 12pt;
}
 
.vector-body .toc h2 {
  font-family: "banana_daysregular",cursive;
  font-size: 12pt;
  font-weight: normal;
}
 
hr {
  background: linear-gradient(to right,rgba(39,107,93,0) 0,#c08522 33%,#bd9525 66%,rgba(200,204,209,0) 100%);
}
 
#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;
  background-color: #ffffffa1;
  border: 2px solid #935b3330;
  border-radius: 6px;
}
 
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
  background-image: none;
}
 
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
  color: #b56f28;
}
 
.vector-menu-tabs li a {
  color: #b56f28;
  height: 40px;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 10pt;
  margin-bottom: 2px;
}
 
#p-cactions {
  background: linear-gradient(0deg,#33211D 15%,#684842 90%,#4C312C 93%,#368974 95%,#368974 97%,#96DFC8 99%,#96DFC8 100%);
  border-left: 1px solid #7E5952;
  border-right: 1px solid #33211D;
  border-top: 1px solid #33211D;
  border-radius: 6px 6px 0 0;
}
 
#p-cactions:hover {
  background: linear-gradient(0deg,#422C27 15%,#6f4f49 90%,#66443D 93%,#368974 95%,#368974 97%,#96DFC8 99%,#96DFC8 100%);
}
 
#p-cactions.vector-menu-dropdown {
  line-height: 12px;
}
 
#p-cactions .vector-menu-content  {
  background-color: #4C312C;
  border: none;
  padding: 0 0 5px;
  box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
  z-index: 3;
  border-radius: 0 0 6px 6px;
}
 
#p-personal .vector-menu-content  {
  background-color: #4C312C;
  border: none;
  padding: 0 0 5px;
  box-shadow: 3px 3px 0 0 rgba(0,0,0,0.15);
  z-index: 3;
  border-radius: 0 0 6px 6px;
}
 
#p-cactions li a {
  padding: 5px 10px;
  color: #d9b255;
}
 
#p-personal li a {
  padding: 5px 10px;
  color: #b56f28;
}
 
#p-cactions.vector-menu-dropdown .vector-menu-heading {
  color: #b56f28;
  font-family: "open_sanssemibold",Helvetica,Verdana,sans-serif;
}
 
#p-personal.vector-menu-dropdown .vector-menu-heading {
  color: #af6b28;
  font-family: "open_sanssemibold",Helvetica,Verdana,sans-serif;
}
 
.vector-user-links .vector-user-menu .vector-menu-content-item, .vector-user-links .vector-user-menu .mw-list-item > a {
  color: #b56f28;
}
 
.vector-user-links .vector-user-menu .vector-menu-content-item:hover, .vector-user-links .vector-user-menu .mw-list-item > a:hover {
  background-color: #62423c;
}
 
.vector-user-links .vector-user-menu .vector-menu-content-item-logout {
  border: none;
}
 
.vector-menu-tabs li {
  background: linear-gradient(0deg,#33211D 15%,#684842 90%,#4C312C 93%,#368974 95%,#368974 97%,#96DFC8 99%,#96DFC8 100%);
  border-left: 1px solid #7E5952;
  border-right: 1px solid #33211D;
  border-top: 1px solid #33211D;
  border-radius: 6px 6px 0 0;
}
 
.vector.menu-tabs li:hover, #ca-view:hover, #ca-history:hover, #ca-watch:hover, #ca-talk:hover {
  background: linear-gradient(0deg,#422C27 15%,#6f4f49 90%,#66443D 93%,#368974 95%,#368974 97%,#96DFC8 99%,#96DFC8 100%);
}
 
.vector-menu-tabs .selected {
  background: linear-gradient(0deg,#33211D 15%,#684842 90%,#4C312C 93%,#368974 95%,#368974 97%,#96DFC8 99%,#96DFC8 100%);
}
 
.vector-menu-tabs .selected:hover {
  background: linear-gradient(0deg,#422C27 15%,#6f4f49 90%,#66443D 93%,#368974 95%,#368974 97%,#96DFC8 99%,#96DFC8 100%);
}
 
.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:  #fef3e2;
}
 
.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;
}
 
#main-content .mw-htmlform-submit, #main-content .editButtons input {
  box-shadow: inset -4px -4px 0 rgba(0,0,0,0.25), 4px 4px 0 rgba(0,0,0,0.15);
  border: none;
  outline: none;
  padding: 7px 12px 7px 12px;
  font-family: "banana_daysregular";
  border-radius: 10px;
  color: #4C312C;
  background-color: #eabba5;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-triangles-orange.png");
  text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
  margin: 0 10px 0 0;
  letter-spacing: 0.05em;
  font-size: 14pt;
  cursor: pointer;
  font-weight: normal;
}
 
#main-content .mw-htmlform-submit:hover {
  outline: none;
  border: none;
  padding: 7px 10px 5px 12px;
  box-shadow: inset -2px -2px 0 rgba(0,0,0,0.25), 4px 4px 0 rgba(0,0,0,0.15);
  margin: 2px 10px 0 12px;
}
 
#main-content button, #main-content input, #main-content optgroup, #main-content select, #main-content textarea {
  margin: 0;
  font-family: "open_sansregular", Helvetica, Verdana, sans-serif;
  box-shadow: inset 4px 4px 0 rgba(0,0,0,0.25), 4px 4px 0 rgba(0,0,0,0.15);
  border-radius: 10px;
  border: 3px solid #4C312C;
  background-color: #54a594;
  color: #4c312c;
  padding: 2px 5px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-teal.png");
  text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
  font-size: 12pt;
}
 
#main-content textarea {
  padding: 7px 10px;
}
 
#main-content .mw-label {
  vertical-align: top;
}
 
#main-content .mw-htmlform-field-UploadSourceField .mw-label  {
  padding: 5px 0 0;
}
 
#main-content .mw-htmlform-field-HTMLTextField .mw-label  {
  padding: 5px 0 0;
}
 
#main-content .mw-htmlform-field-HTMLTextAreaField .mw-label  {
  padding: 5px 0 0;
}
 
:focus {
  outline-color: transparent;
  outline: none;
}
 
div.thumbinner {
  border: 2px solid #1059474a;
  background-color: #fff;
  font-size: 94%;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.15);
  border-radius: 6px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-teal.png");
  color: #064233;
  font-family: "open_sanssemibold",Helvetica,Verdana,sans-serif;
  padding: 10px;
}
 
/*.image {
  padding: 10px;
  display: block;
}*/
 
.thumbimage {
  background-color: #eaab87;
  border: none;
  border-radius: 6px;
  padding: 10px;
  box-shadow: inset 3px 3px 0 0 rgba(0,0,0,0.15), 0 0 0 2px rgb(232, 211, 195);
  width: calc(100% - 20px);
  height: auto;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-cream.png");
}
 
.thumbcaption {
  font-size: 12pt;
}
 
.mw-editform .editOptions {
  border-radius: 0 0 6px 6px;
  color: #F2C7A0;
  border: 3px solid #4C312C;
  border-top: 0;
  padding: 10px;
  margin: 0 10px 2em;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-brown.png");
}
 
.mw-editform .editHelp a {
  color: #fef3e2;
  font-weight: normal;
}
 
.editCheckboxes {
  margin: 0 0 10px;
}
 
#editpage-copywarn {
  margin: 0 0 10px;
}
 
.oo-ui-inputWidget {
  margin-right: 0;
}
 
.mw-editform .editButtons .oo-ui-buttonElement, .mw-editform .editHelp {
  margin-top: 0;
}
 
.catlinks {
  border: 3px solid #cc9673;
  background-color: #fabf99;
  padding: 7px 10px;
  margin-top: 1em;
  clear: both;
  border-radius: 6px;
  background-image: url("https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-furniture-m-pink.png");
  box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
}
 
#main-layout-page {
/* flex stuff */
}
 
.main-layout-wrapper {
  position: relative;
  float: left;
  border-radius: 6px;
  margin: 0 10px 20px 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(50% - 30px);
}
 
.main-layout {
  border-radius: 6px;
  box-shadow: inset 3px 3px 0 rgba(0,0,0,.25);
  margin: 0;
  padding: 10px;
}
 
.main-layout-inside {
  box-shadow: inset 3px 3px 0 rgba(0,0,0,.25);
  margin: 0;
  border-radius: 6px;
  padding: 0;
}
 
.main-layout-details {
  padding: 25px;
}
 
.main-layout-left-wrapper {
  width: calc(50% - 30px);
  margin: 0 10px 20px 0;
}
 
.main-layout-right-wrapper {
  width: calc(50% - 30px);
  margin: 0 0 20px 10px;
}
 
#main-layout-left-1 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-plaid-d-pink.png);
}
 
#main-layout-left-1 .main-layout {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-brown.png);
}
 
#main-layout-left-1 .main-layout-inside {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-leaves-mint.png);
}
 
#main-layout-right-1 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-diag-yellow.png);
}
 
#main-layout-right-1 .main-layout {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-brown.png);
}
 
#main-layout-right-1 .main-layout-inside {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-leaves-pink.png);
}
 
#main-layout-left-2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-plaid-d-pink.png);
}
 
#main-layout-left-2 .main-layout {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-brown.png);
}
 
#main-layout-left-2 .main-layout-inside {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-leaves-mint.png);
}
 
#main-layout-right-2 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-diag-yellow.png);
}
 
#main-layout-right-2 .main-layout {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-brown.png);
}
 
#main-layout-right-2 .main-layout-inside {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-leaves-pink.png);
}
 
#main-layout-left-3 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-plaid-d-pink.png);
}
 
#main-layout-left-3 .main-layout {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-brown.png);
}
 
#main-layout-left-3 .main-layout-inside {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-leaves-mint.png);
}
 
#main-layout-right-3 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-diag-yellow.png);
}
 
#main-layout-right-3 .main-layout {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-brown.png);
}
 
#main-layout-right-3 .main-layout-inside {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-leaves-pink.png);
}
 
#main-layout-left-4 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-plaid-d-pink.png);
}
 
#main-layout-left-4 .main-layout {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-brown.png);
}
 
#main-layout-left-4 .main-layout-inside {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-leaves-mint.png);
}
 
#main-layout-right-4 {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-diag-yellow.png);
}
 
#main-layout-right-4 .main-layout {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-noise-brown.png);
}
 
#main-layout-right-4 .main-layout-inside {
  background-image: url(https://rosiesocosy.com/themes/custom/rosiesocosy/css/images/bg-ac-leaves-pink.png);
}

Latest revision as of 17:47, 19 January 2025

Welcome to RosieSoCrossing!

Rosie on SNW

This is the RosieSoCrossing wiki, an Animal Crossing wiki site of RosieSoCosy aka Rosana Kooymans with a personal touch. It contains basic information about all the Animal Crossing games, as well as specific information about Rosie's islands and villagers. This wiki is meant as a personal, informative journal for Rosie and friends.

Rosie sometimes also creates Animal Crossing inspired illustrations, those will also be shared here, as well as on her blog.

More fun pages include the merch page, and the lego page, where Rosie shares some cool Animal Crossing licensed items/sets.

Socials

RosieSoCosy Blog with Illustrations and Crafts Chat with the community over on the Cosy Corner Discord RosieSoCosy on Threads Watch RosieSoCosy on Twitch Watch Rosiewosie (Dutch) on Twitch RosieSoCosy on Instagram RosieSoCrossing on Instagram RosieSoCosy on Mastodon RosieSoCrossing on Mastodon RosieSoCosy on Twitter RosieSoCosy on Bluesky RosieSoCosy on Pinterest RosieSoCosy on Facebook Support RosieSoCosy on Ko-fi RosieSoCosy Shop on Etsy

Spotlight

Quinn, Rosie, and Levi on Rosie's island MapleGrove

Recent News

Nintendo Switch 2 First-look Trailer!

16 January 2025 by Rosie

Introducing Nintendo Switch 2, the successor to Nintendo Switch, releasing in 2025. Learn more: https://ninten.do/6003ohKAB


Source: Nintendo of America on YouTube


See older news »

Recent Illustrations