|
|
| (59 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | __NOTOC__ |
| | <div class="frontpage"> |
| | <div class="fronthi"> |
| | {{Welcome}} |
| | </div> |
| | <div class="frontsocials"> |
| | {{Socials}} |
| | </div> |
| | <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> |
|
| |
|
| @font-face {
| | </div> |
| 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("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);
| |
| }
| |
| | |
| .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: calc(85% + 20px);
| |
| 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;
| |
| 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.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;
| |
| 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%);
| |
| }
| |
| | |
| #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;
| |
| }
| |
| | |
| #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;
| |
| }
| |