布景主题

修改meta标签

<meta name="robots" content="index,follow"/>
<meta name="language" content="zh,zh-cn"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maxium-scale=1.0, minimum-scale=1.0, user-scalable=no"/>

默主css

/* ============================= 
Theme: Matalex Dark 1.2
Author: Alexandra Bond
License: CC BY-SA 3.0
 
For more customized Wikidot themes: 
contact [e-mail]
============================= */
 
/* Global
============================= */
 
body {
     background-color: #161617
}
 
body a {
    color: #66B9B9;
    text-decoration: none;
}
 
body a:hover {
    color: #F8F8FF;
    text-decoration: none;
    background-color: #1f1d1d;
}
 
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: "Courier New", Courier, monospace;
}
 
/* Container 
============================= */
 
#container {
    margin: 10px auto;
    width: 950px;
    background-color: #29292d;
    font-family: "Courier New", Courier, monospace; 
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    color: white;
    font-size: 110%;
    line-height: 170%;
}
 
@media only screen and (max-device-width: 480px) {
  #container {
    width: 100%;
  }
}
 
/* Header
============================= */
 
#header {
    height: 120px; 
}
#header h1 {
    display: block;
    height: 100px;
    padding-top: 30px;
    padding-left: 30px;
    font-family: "Courier New", Courier, monospace;
    font-size: 200%;
    text-shadow: 2px 0px 2px #858585;
    letter-spacing: 2px;
}
#header h1 a:hover {
    background: none;
    text-decoration: none;
}
#header h2 {
    position: absolute;
    top: 80px;
    left: 80px;
    letter-spacing: 2px;
    font-family: "Courier New", Courier, monospace;
    font-size: 120%;
}
 
/* Top Bar 
============================= */
 
#top-bar {
     margin-top: 10px;
     width: 70%;
     height: 30px;
     position: relative;
     left: 0; 
     bottom: 0;
     margin-left: 15px;
}
 
#top-bar a {
    text-decoration: none;
    letter-spacing: 1px;
}
 
#top-bar a:hover {
    color: #F8F8FF;
    text-decoration: none;    
    font-weight: bold;
    background-color: #1f1d1d; 
    letter-spacing: 1px;
}
 
#top-bar li ul li a {
    background-color: #1f1d1d; 
}
 
sfhover {
    background-color: #1f1d1d; 
}
 
/* Side Bar
============================= */
 
#side-bar {
     float: right;
     border: 1px solid #DFDFE6;
     width: 200px;
     padding-left: 20px;
     padding-right: 20px;
     border-radius: 5px;
     margin-right: 10px;
}
 
#side-bar a:hover {
    font-weight: bold;
}
 
/* Edit by Deciia
============================= */
 
#side-bar .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
    margin: 0 0.0em 0 0;
    zoom: 0.8;
}
 
#side-bar ul {
    padding: 0 0 0 0em;
}
 
/* Content
============================= */
 
#main-content {
    margin: 30px 260px 20px 5px;
    padding: 30px;
}
 
#main-content a:hover {
    font-weight: bold;
}
 
/* Page Title 
============================= */
 
#page-title{
    font-size: 120%;
    padding-bottom: 5px;
}
 
/* Table of Content
============================= */
 
#toc {
     background-color: #1f1d1d;
     border: 1px solid #DFDFE6;
     padding: 20px;
     border-radius: 5px;
}
 
#toc a:hover {
    font-weight: bold;
}
 
/* Code Block
============================= */
 
.code {
     font-family: "Courier New", Courier, monospace;
     background-color:#DFDFE6;
     color: #1f1d1d; 
     padding: 5px 20px 5 px 20px;
     border-radius: 5px;
}
 
/* Basic Table
============================= */
 
table.wiki-content-table th {
    background-color: #1f1d1d;
    color: #DFDFE6;
}
 
/* Quote
============================= */
 
blockquote {
     font-family: "Courier New", Courier, monospace;
     background-color: #1f1d1d; 
     color: #DFDFE6;
     padding: 5px 20px 5 px 20px;
     border-radius: 5px;
     margin-left: 0px;
     margin-right: 0px;
}
 
/* 自定义代码 by deciia */
 
/* tabview */
/* 根据源css修改的部分 */
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background:#826565 url(../../../common--javascript/yahooui/assets/sprite.png) repeat-x; /* tab background */
    border:solid #5f3f3f;
    border-width:0 1px;
    color:#211f1f;    
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border:solid #655e5e;
    border-width:1px 0 0;    
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color:#898c96; /* selected tab border color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border:1px solid #718483; /* content border */
    border-top-color:#546063; /* different border color */
    padding:0.25em 0.5em; /* content padding */
}
 
/* left and right orientations 左右 */
.yui-navset-left .yui-content {
    border:1px solid #6b6262; /* content border */
    border-left-color:#243356; /* different border color */
}
 
/* bottom orientation 底部 */
.yui-navset-bottom .yui-content,
.yui-navset .yui-navset-bottom .yui-content {
    border:1px solid #808080; /* content border */
    border-bottom-color:#243356; /* different border color */
}
 
/* 来自于scp的部分 */
 
.yui-navset .yui-content{
    background-color: #1f2121;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#a0a2a2;
    background-image: url(../images/yuitabs.png);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#667b7d url(../images/yuitabs.png) repeat-x left -1400px; /* selected tab background */
    color:#fff;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#6b97a0 url(../images/yuitabs.png) repeat-x left -1300px;
    text-decoration: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #444;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #444;
}
.yui-navset li {
    line-height: normal;
}
 
/* top-bar elements */
 
#search-top-box input.empty{
    color: #aaa;
}
 
/* from elements */
 
div.buttons input, input.button, button, file, a.button{
    margin: 0 2px;
    padding: 0px 0.5em;
    text-decoration: none;
    background-color: #1f1d1d;
    border: 1px solid #888;
    color: #dfdfe6;
    box-shadow: inset 1px 1px 1px rgba(239, 231, 231, 0.8);
    border-radius: 5px;
 
}
div.buttons input:hover, input.button:hover, button:hover,  a.button:hover{
    background-color: #DDD;
    color: #1f1d1d;
}
 
input.button.disabled, div.buttons input.disabled{
    background-color: #F7F7F7;
    color: #BBB;
}
input.button.disabled:hover, div.buttons input.disabled:hover{
    background-color: #F7F7F7;
    color: #BBB;
}
 
input.checkbox{
    background-color: #FFF;
    color: #1f1d1d;
}
 
input.text{
    border: 1px solid #aaa;
    margin: 0 1px;
    padding: 1px 2px;
    background-color: #1f1d1d;
    color: #f9f5f5; 
    border-radius: 5px;
}
 
input.text.invalid{
    border-color: #f3c4c4;
}
 
textarea{
    font-family: verdana,arial,helvetica,sans-serif;
    padding: 2px;
    font-size: 100%;
    border: 1px solid #777;
    background-color: #1f1d1d;
    color: #f5f5f5;
}
 
/* HEADER */
 
#header {
    padding: 10px 0px;
    background: url(/local--files/eln/eln-logo.png) 30px 40px no-repeat;
    background-size: 80px 80px;
}
 
#header h1 {
    padding-left: 120px;
    padding-top: 45px;    
}
 
#header h2 {
    top: 90px;
    left: 120px;
}
 
.pc-side-bar {
    display: block;
}
 
/* 修复加入分享工具受侧栏影响导致文章错位的问题 */
#page-content{
    float: left;    
    width: 100%;
}
 
/* Forum */
.forum-group table tr.head td {
    text-align: center;
    font-size: 85%;
    background-color: #808d90;
}
 
/* 讨论串 */
 
div.new-post a{
    background-color: #1f1d1d;
    border: 1px solid #888;
    color: #dfdfe6;    
    border-radius: 5px;        
}
 
div.new-post a:hover{
    background-color: #DDD;
    color: #1f1d1d;
}
 
.forum-category-box  .description-block{
    border: 1px solid #969494;
    background-color: #666;
    color: #f7f2f2;
}
 
.forum-category-box  .description-block .statistics{
    color: #ece4e4;
}
 
.forum-category-box table td{
    border: 1px solid #757070;    
}
 
.forum-category-box table td.name{
     width: 30%;
}
 
.forum-category-box table tr.head td{    
    background-color: #656a6b;
}
 
/* 主题内容区 */
 
.forum-thread-box  .description-block{
    border: 1px solid #9c9797;    
    background-color: #6b6464;    
    color: #e6dfdf;
}
 
.forum-thread-box  .description-block .head{
    color: #dad6d6;
}
 
.forum-thread-box  .description-block .statistics{
    color: #ece7e7;    
}
 
/* 新建贴子的主题内容区 */
 
.forum-new-thread-box  .description{
    border: 1px solid #9c9696;    
    background-color: #565454;
}
 
.forum-new-thread-box  .description .statistics{    
    color: #e6e1e1;    
}
 
/* 文章评论区 */
.thread-container {    
    background-color: #3e3a3a;
    padding: 5px 5px;
    border-radius: 5px;
}
 
.thread-container .post .options a{    
    color: #c8c8ca;
}
 
.thread-container .post .head{    
    border: 1px solid #939396;
    border-radius: 5px;
    background-color: #6d6969;
}
 
.thread-container .post  .short  .options{
    color: #eaeaf1;    
}
 
.thread-container .post.folded   .short{     
    background-color: #191818;
    border: 1px solid #939396;
    border-radius: 3px;
}
 
/* Mobile Media Query 479px */
@media (max-width: 768px) {
    #container-wrap-wrap {
        width: 100%;
    }
 
    #container {
        width: 97%;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
    }
 
    #main-content {
        width: 100%;
        float: left;
        padding: 0px;
        margin-left: 0px;
        margin: 0px;
    }
 
    #page-content {
        width: 100%;
    }
 
    .list-pages-box {
        width: 97%;
        margin-left: auto;
        margin-right: auto;
    }
 
    #header {
        max-width: 90%;
        padding: 30px 30px;
        background: url(/local--files/eln/eln-logo.png) 15px 80px no-repeat;
        background-size: 90px 90px;
    }
 
    #header h1 {
        padding-left: 80px;
        padding-top: 65px;
        letter-spacing: 2px;
        line-height: 1em;
    }
 
    #header h2 {
        padding-top: 45px;
        left: 110px;
        letter-spacing: 1px;
    }
 
    #top-bar {
        width: 80%;
        left: 5px;
    }
 
    .top-bar {
        display: none;
    }
 
    #side-bar {
        width: 97%;        
        margin-left: auto;
        margin-right: auto;
        padding: 5px;
    }
 
    .pc-side-bar {
        display: none;
    }
 
    iframe {
        max-width: 90% !important;
        min-width: 90% !important;
    }
 
    textarea {
        width: 90%;
    }
 
    /* 提示框
    ============================= */
    .owindow {
        width: 98%;
    }
 
    /* Forum */
    .signature {
        display: none !important;
    }
 
    .forum-group td.name {
        width: 40%;
    }
 
    .forum-group td.title {
        width: 30%;
    }
 
    #edit-page-title {
        width: 95%;
    }
}
 
/* Tablet Media Query (min-width: 769px) and (max-width: 979px) */
@media (min-width: 769px) and (max-width: 1110px) {
    #container-wrap-wrap {
        width: 100%;
    }
 
    #container {
        width: 96%;
        margin: 10px 10px auto;
        padding: 10px;
    }
 
    #header {
        width: 95%;
        padding_top: 15px;
    }
}
 
/* Desktop Media Query (min-width: 980px) and (max-width: 1199px)  */
@media (min-width: 1111px) and (max-width: 1199px) {
}
 
/* Wide Monitor Media Query */
@media (min-width: 1200px) {
}

东土记事特殊css

@import url(/css:theme/code/1);
#side-bar {display: none;}
 
/* deciia edit
#container-wrap {
    background-image: url(/local--files/bottom:css/vineyard.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    min-height:650px;
}
*/
 
#action-area{
    width: 95%;
    padding: 0 0 1em 0;
}
 
#container {    
    border-radius: 5px 5px 5px 5px;
    margin: 10px auto;    
    opacity: 1;
    position: relative;
    /*width: 900px;*/
}
 
#main-content {
    width: 95%;
    float: left;
    padding: 0px 5px;
    margin-left: 0px;
}
 
#page-title {
 
    margin: 2em 2em 0.5em 0;
    padding-top: 0.5em;
    font-size: 200%;
    border-bottom: 1px solid #666;
 
    font: 300 30px/36px 'Lato',sans-serif;
 
    text-align: center;
 
}
 
#top-bar {
    margin-top: 0px;    
}
 
#header {
    display: noone;
    visibility: hidden; 
    height: 1em;
}
 
#header h1 {
    height: 0px;
    padding-top: 0px;
}
 
#header h2 {
    height: 0px;
}
 
#login-status  {
  display: block;
  visibility: visible; 
}
 
#search-top-box {
  display: block;
  visibility: visible; 
}
 
#page-options-bottom {
  display: none;
}
 
.page-watch-options {
    text-align: left;
    padding: 10px;
}
 
#footer {
  opacity:0.0;
}
 
#license-area {
  display: none;
}
 
.nheader h1 {
    font-size: 4em;
    letter-spacing: 0px;
    line-height: 0.0em;
}
 
.nheader h2 {
    font-size: 1.5em;
    line-height: 0.0em;
}
 
@media (max-width: 320px) {
    #container-wrap-wrap {
        width: 100%;
    }
 
    #container {
        width: 93%;
        margin: 10px 10px auto;
        padding: 10px;
    }
 
    #header {
        width: 95%;
        padding: 20px;
    }
 
    .nheader h1 {
        font-size: 2.3em;
    }
 
    .nheader h2 {
        font-size: 1em;
        line-height: 1.3em;
        letter-spacing: 0.1em;
    }
}
 
@media (min-width: 321px) and (max-width: 360px) {
    #container-wrap-wrap {
        width: 100%;
    }
 
    #container {
        width: 93%;
        margin: 10px 10px auto;
        padding: 10px;
    }
 
    #header {
        width: 95%;
        padding: 20px;
    }
 
    .nheader h1 {
        font-size: 3em;
    }
 
    .nheader h2 {
        font-size: 1.3em;
        line-height: 1.3em;
        letter-spacing: 0.1em;
    }
}
 
@media (min-width: 361px) and (max-width: 479px) {
    #container-wrap-wrap {
        width: 100%;
    }
 
    #container {
        width: 93%;
        margin: 10px 10px auto;
        padding: 10px;
    }
 
    #header {
        width: 95%;
        padding: 20px;
    }
 
    .nheader h1 {
        font-size: 3.4em;
    }
 
    .nheader h2 {
        font-size: 1.3em;
        line-height: 1.3em;
        letter-spacing: 0.1em;
    }
}
 
@media (min-width: 480px) and (max-width: 768px) {
    #container-wrap-wrap {
        width: 100%;
    }
 
    #container {
        width: 93%;
        border-radius: 5px 5px 5px 5px;
        margin: 10px 10px auto;
        opacity: 1;
        position: relative;
        padding: 10px;
    }
 
    #header {
        width: 95%;
        padding: 20px;
    }
}
 
/* Tablet Media Query (min-width: 769px) and (max-width: 979px) */
@media (min-width: 769px) and (max-width: 1110px) {
    #container-wrap-wrap {
        width: 100%;
    }
 
    #container {
        width: 96%;
        margin: 10px 10px auto;        
        padding: 10px;
    }
 
    #header {
        width: 95%;
        padding: 20px;
    }
}
 
/* Desktop Media Query (min-width: 980px) and (max-width: 1199px)  */
@media (min-width: 1111px) and (max-width: 1199px) {
 
}
 
/* Wide Monitor Media Query */
@media (min-width: 1200px) {
}