自定义主题
[[module CSS]]
/*
Powered on 2020/03/16 18:14:42
[2020 Wikidot Theme]
Created by Frozen starry sky
CC BY-SA 3.0
*/
 
body {
background: rgb(215, 253, 199);
color: rgba(39, 78, 19, 0.94);
}
a,a:visited {
color: rgb(36, 63, 22);
}
h1,h2,h3,h4,h5,h6 {
color: rgb(64, 79, 26);
}
div#container-wrap {
background: url(http://scpsandboxcn.wdfiles.com/local--files/fis-1/%E7%B4%A0%E6%9D%901.png) top left repeat-x;
}
#header {
background: url(http://scpsandboxcn.wdfiles.com/local--files/fis-1/%E5%9C%86%E5%9C%86.png)no-repeat left 30px !important;
background-size: 104px 104px !important;
}
div#header h1 a span {
font-size: 0px;
}
div#header h1 a:before {
content: "EOM花园";
color: rgb(112, 209, 37);
 
}
div#header h2 span {
font-size:0px;
padding: 4px;
}
div#header h2:after {
content: "食用·观赏·医用";
font-weight: bold;
color: rgba(190, 236, 44, 0.86);
padding: 19px 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
white-space: pre;
}
div#side-bar div.side-block {
background: rgb(104, 189, 67);
}
div.yui-navset div.yui-content {
background: rgb(182, 215, 168);
}
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
background: rgb(182, 215, 168);
color: rgba(39, 78, 19, 0.94);
}
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
background: rgb(182, 215, 168);
color: rgba(39, 78, 19, 0.94);
}
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
background: rgb(182, 215, 168);
color: rgba(39, 78, 19, 0.94);
}
div.page-rate-widget-box,
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel {
background-color: rgb(39, 78, 19)!important;
border: solid rgb(39, 78, 19) 1px!important;
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
border: solid rgb(39, 78, 19)!important;
border-width: 1px 0!important;
}
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel a,
div.page-rate-widget-box span.cancel a:hover {
color: rgb(206, 241, 50);
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
background-color: rgb(39, 78, 19)!important;
}
div.page-rate-widget-box span.rateup a,
div.page-rate-widget-box span.ratedown a {
color: rgb(206, 241, 50)!important;
}
div.page-rate-widget-box span.cancel a:hover,
div.page-rate-widget-box span.rateup a:hover,
div.page-rate-widget-box span.ratedown a:hover {
background: transparent!important;
color: transparent!important;
}
div.open-menu a {
color: rgb(171, 207, 10)!important;
border-color: rgb(171, 207, 10)!important;
}
 
[[/module]]
/* viewport */
 
@viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* IE viewport */
@-ms-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* opera viewport */
@-o-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* chrome viewport - maybe it isn't work... */
@-webkit-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* firefox viewport - maybe it isn't work too... */
@-moz-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* webkit scrollbar */
::-webkit-scrollbar
{
    width: 9px; /* for vertical scrollbars */
    height: 9px; /* for horizontal scrollbars */
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-round: 0.5px;
}
 
::-webkit-scrollbar-track
{
    background: rgba(0, 0, 0, 0.1);
}
 
::-webkit-scrollbar-thumb
{
    background: rgba(50, 50, 50, 0.3);
}
 
.page-source {
    word-break: break-all;
}
 
/* Responsive Web Design */
img, embed, video, object, iframe, table {
    max-width: 100%;
}
 
#page-content div, #page-content div table {
    max-width: 100%;
}
 
#edit-page-comments {
    width: 100%;
}
 
/* basic Query for mobile devices */
 
@media (max-width: 767px) {
    .owindow {
        min-width: 80%;
        max-width: 99%;
    }
 
    .modal-body .table, .modal-body .table ~ div {
        float: left;
    }
 
    .owindow .button-bar {
        float: right;
    }
 
    .owindow div a.btn-primary {
        width: 100%;
        float: left;
    }
 
    .mobile-top-bar ul li:last-of-type ul {
        right: 0;
    }
 
    span, a, #action-area td {
        word-break: break-all;
    }
}
 
/* Mobile Media Query */
@media (max-width: 479px) {
    #search-top-box-input {
        width: 5em;
    }
 
    #page-content {
        font-size: 0.9em;
    }
 
    #main-content {
        margin: 0;
    }
 
    #recent-posts-category {
        width: 100%;
    }
 
    #header {
        max-width: 90%;
    }
 
    #side-bar {
        width: 80%;
        position: relative;
    }
 
    .top-bar {
        display: none;
    }
 
    .mobile-top-bar {
        display: block;
        padding: 0;
    }
 
    .page-options-bottom a {
        padding: 0 4px;
    }
 
    #header h1 a {
        font-size: 100%;
    }
 
    blockquote {
        margin: 1em 0;
    }
 
    .license-area {
        font-size: 0.8em;
    }
 
    #header {
        background-position: 0 5.5em;
        background-size: 55px 55px;
    }
 
    #header h1, #header h2 {
        margin-left: 66px;
    }
 
    table.form td, table.form th {
        float: left;
    }
 
    /*
    td.title {
        width: 30%;
    }
    */
 
    td.name {
        width: 15em;
    }
 
    table.form td, table.form th {
        padding: 0;
    }
 
    #edit-page-title {
        max-width: 90%;
    }
 
    .content-panel.left-column, .content-panel.right-column {
        width: 99%;
        float: left;
    }
 
    #page-content div, #page-content div table {
        clear: both;
    }
 
    #page-content div.title {
        word-break: keep-all;
    }
 
}
 
/* Note Media Query */
@media (min-width: 480px) and (max-width: 580px) {
    #search-top-box-input {
        width: 7em;
    }
 
    #main-content {
        margin: 0 2em 0 2em;
    }
 
    #header {
        max-width: 90%;
    }
 
    #side-bar {
        width: 80%;
        position: relative;
    }
 
    .top-bar {
        display: none;
    }
 
    .mobile-top-bar {
        display: block;
    }
 
    .page-options-bottom a {
        padding: 0 5px;
    }
 
    #header h1 a {
        font-size: 120%;
    }
 
    blockquote {
        margin: 0.5em;
    }
 
    .license-area {
        font-size: 0.85em;
    }
 
    #header {
        background-position: 0.5em 4.5em;
        background-size: 66px 66px;
    }
 
    #header h1, #header h2 {
        margin-left: 80px;
    }
 
    /*
    td.title {
        width: 30%;
    }
    */
 
    #page-content div.title {
        word-break: keep-all;
    }
 
    td.name {
        width: 15em;
    }
 
    .content-panel.left-column, .content-panel.right-column {
        width: 99%;
        float: left;
    }
 
    #page-content div, #page-content div table {
        clear: both;
    }
}
 
/* Mini Tablet Media Query */
@media (min-width: 581px) and (max-width: 767px) {
    #search-top-box-input {
        width: 8em;
    }
 
    #side-bar {
        width: 80%;
        position: relative;
    }
 
    #main-content {
        margin: 0 3em 0 2em;
    }
 
    #header {
        max-width: 90%;
    }
 
    .top-bar {
        display: none;
    }
 
    .mobile-top-bar {
        display: block;
    }
 
    .page-options-bottom a {
        padding: 0 6px;
    }
 
    #header h1 a {
        font-size: 140%;
    }
 
    .license-area {
        font-size: 0.9em;
    }
 
    #header {
        background-position: 1em 4em;
        background-size: 77px 77px;
    }
 
    #header h1, #header h2 {
        margin-left: 93px;
    }
}
 
/* Tablet Media Query */
@media (min-width: 768px) and (max-width: 979px) {
    #main-content {
        margin: 0 4em 0 20em;
    }
 
    #header, #top-bar, #side-bar {
        max-width: 100%;
    }
 
    .top-bar li {
        margin: 0;
    }
 
    #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
        width: 110px;
    }
 
    .page-options-bottom a {
        padding: 0 7px;
    }
 
    #header h1 a {
        font-size: 160%;
    }
 
    .license-area {
        font-size: 0.95em;
    }
 
    #header {
        background-position: 1em 4em;
        background-size: 88px 88px;
    }
 
    #header h1, #header h2 {
        margin-left: 106px;
    }
 
    .content-panel.left-column, .content-panel.right-column {
        width: 99%;
        float: left;
    }
 
    #page-content div, #page-content div table {
        clear: both;
    }
}
 
/* Desktop Media Query -----------
@media (min-width: 980px) and (max-width: 1399px) {
 
}
------------------------------------------ */
 
/* Wide Monitor Media Query -----
@media (min-width: 1400px) {
 
}
------------------------------------------ */