Main Page: Difference between revisions

From RosieSoCrossing
← Older editNewer edit →
m Blanked the page
Tag: Blanking
mNo edit summary
Line 1: Line 1:
@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("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);
}

Revision as of 17:20, 14 November 2022

@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("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);

}

  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: 2;

}

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

}

  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%);

}

.vector-menu-dropdown-noicon .vector-menu-heading { 

 font-size: 10pt;

}

  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;

}

.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("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%);

}

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

}

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

}

  1. p-cactions:hover {
 background: linear-gradient(0deg,#422C27 15%,#6f4f49 90%,#66443D 93%,#368974 95%,#368974 97%,#96DFC8 99%,#96DFC8 100%);

}

  1. p-cactions.vector-menu-dropdown {
 line-height: 12px;

}

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

}

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

}

  1. p-cactions li a {
 padding: 5px 10px;
 color: #d9b255;

}

  1. p-personal li a {
 padding: 5px 10px;
 color: #b56f28;

}

  1. p-cactions.vector-menu-dropdown .vector-menu-heading {
 color: #b56f28;
 font-family: "open_sanssemibold",Helvetica,Verdana,sans-serif;

}

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

}

  1. 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("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;

}

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

}

  1. 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("bg-noise-teal.png");
 text-shadow: 2px 2px 0 rgba(0,0,0,0.15);
 font-size: 12pt;

}

  1. main-content textarea {
 padding: 7px 10px;

}

  1. main-content .mw-label {
 vertical-align: top;

}

  1. main-content .mw-htmlform-field-UploadSourceField .mw-label {
 padding: 5px 0 0;

}

  1. main-content .mw-htmlform-field-HTMLTextField .mw-label {
 padding: 5px 0 0;

}

  1. 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("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("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("bg-noise-brown.png");

}

.mw-editform .editHelp a { 

 color: #fef3e2;
 font-weight: normal;

}

.editCheckboxes { 

 margin: 0 0 10px;

}

  1. 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("bg-ac-furniture-m-pink.png");
 box-shadow: 4px 4px 0 rgba(0,0,0,0.15);

}

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

}

  1. main-layout-left-1 {
 background-image: url(bg-plaid-d-pink.png);

}

  1. main-layout-left-1 .main-layout {
 background-image: url(bg-noise-brown.png);

}

  1. main-layout-left-1 .main-layout-inside {
 background-image: url(bg-ac-leaves-mint.png);

}

  1. main-layout-right-1 {
 background-image: url(bg-diag-yellow.png);

}

  1. main-layout-right-1 .main-layout {
 background-image: url(bg-noise-brown.png);

}

  1. main-layout-right-1 .main-layout-inside {
 background-image: url(bg-ac-leaves-pink.png);

}

  1. main-layout-left-2 {
 background-image: url(bg-plaid-d-pink.png);

}

  1. main-layout-left-2 .main-layout {
 background-image: url(bg-noise-brown.png);

}

  1. main-layout-left-2 .main-layout-inside {
 background-image: url(bg-ac-leaves-mint.png);

}

  1. main-layout-right-2 {
 background-image: url(bg-diag-yellow.png);

}

  1. main-layout-right-2 .main-layout {
 background-image: url(bg-noise-brown.png);

}

  1. main-layout-right-2 .main-layout-inside {
 background-image: url(bg-ac-leaves-pink.png);

}

  1. main-layout-left-3 {
 background-image: url(bg-plaid-d-pink.png);

}

  1. main-layout-left-3 .main-layout {
 background-image: url(bg-noise-brown.png);

}

  1. main-layout-left-3 .main-layout-inside {
 background-image: url(bg-ac-leaves-mint.png);

}

  1. main-layout-right-3 {
 background-image: url(bg-diag-yellow.png);

}

  1. main-layout-right-3 .main-layout {
 background-image: url(bg-noise-brown.png);

}

  1. main-layout-right-3 .main-layout-inside {
 background-image: url(bg-ac-leaves-pink.png);

}

  1. main-layout-left-4 {
 background-image: url(bg-plaid-d-pink.png);

}

  1. main-layout-left-4 .main-layout {
 background-image: url(bg-noise-brown.png);

}

  1. main-layout-left-4 .main-layout-inside {
 background-image: url(bg-ac-leaves-mint.png);

}

  1. main-layout-right-4 {
 background-image: url(bg-diag-yellow.png);

}

  1. main-layout-right-4 .main-layout {
 background-image: url(bg-noise-brown.png);

}

  1. main-layout-right-4 .main-layout-inside {
 background-image: url(bg-ac-leaves-pink.png);

}

Retrieved from "https://rosiesocrossing.com/index.php?title=Main_Page&oldid=36"