User:Carryye/vector.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* 
 * 放置於這裡的CSS將應用於所有皮膚
 * 萌娘百科僅開放Vector皮膚
 * 請尊重萌娘百科版權，以下代碼除非註明均是管理員手敲出來的！！！複製需要註明源自萌娘百科，並且附上URL地址http://zh.moegirl.org/MediaWiki:Common.css
 * 版權協定：知識共享 署名-非商業性使用-相同方式共享 3.0
 * 複製之後請把圖片換成自己網站上URL地址！
 */
/* 2012年12月24日空想之夢做出的首頁樣式 */
#mainpage {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    /* 居中 */
    max-width: 1030px;
}
.mainpage-title {
    font-family: EasonPro, "黑體", serif;
    font-size: 1.618em;
    color: #228b22;
    margin: 0;
    background: #deede0;
    font-weight: 400;
    /* 400 = normal */
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.mainpage-content,
.mainpage-1stcontent {
    vertical-align: top;
    padding: .5em .42890625rem;
    min-height: 230px;
}
.mainpage-content.nomobile {
    min-height: auto;
}
.clear-div {
    clear: both;
} /* 以下是使用flex模型的首頁樣式，用以應對float模式下容器高度不能統一的問題 */
.mainpage-container {
    display: flex;
}
.mainpage-container .mainpage-newsbox,
.mainpage-container .mainpage-box {
    display: flex;
    flex-direction: column;
}
.mainpage-container .mainpage-newsbox {
    flex: 2 1 calc(200% / 3);
}
.mainpage-container .mainpage-box {
    flex: 1 1 calc(100% / 3);
}
.mainpage-container .mainpage-content,
.mainpage-container .mainpage-1stcontent {
    flex: auto;
}
.mainpage-container .mainpage-title {
    flex: none;
    margin-right: -1px;
}
/* 萌娘網姊妹項目 */
.Mgsister {
    display: none;
} /* 以下是使用flex模型的首頁樣式，用以簡化樣式編寫 */
.moegirlSister {
    display: flex !important;
    justify-content: center;
}
.moegirlSister_container {
    margin-right: 7rem;
    display: flex;
}
.moegirlSister_icon {
    padding: 17px;
}
.moegirlSister_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #777;
}
.moegirlSister_title {
    font-size: 1.00625rem;
}
.moegirlSister_description {
    font-size: 0.8553125rem;
}
/* 解決pre不換行的問題 */
pre {
    white-space: pre-wrap; /* CSS-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* 導航條（完全沒有apple風格的apple風麵包屑orz） 來源:http://www.jankoatwarpspeed.com/examples/breadcrumb/ */
#breadcrumb {
    background-image: url(//img.moegirl.org/breadcrumb/bc_bg.png);
    color: red;
    border: solid 1px #cacaca;
    border-radius: 10px;
    overflow: hidden;
}
#breadcrumb span {
    float: left;
    padding-left: 10px;
}
#breadcrumb a {
    display: block;
    background: url(//img.moegirl.org/breadcrumb/bc_separator.png) no-repeat right;
    padding-right: 15px;
    color: #454545;
}
#breadcrumb a:hover {
    color: #35acc5;
}
/* 回到頂部 */
.backToTop {
    display: none;
    width: 20px;
    padding: 5px 0;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: fixed;
    _position: absolute;
    right: 0;
    bottom: 100px;
    _bottom: "auto";
    cursor: pointer;
    opacity: .6;
    filter: Alpha(opacity=60);
    z-index: 73;
}
.mw-mmv-lightbox-open .backToTop {
    display: none !important;
}
/* 信息模板的css */
.infotemplatebox {
    float: right;
    width: 250px;
    font-size: 90%;
    margin: 1em 0 1em 1em;
    background: #f9f9f9;
    border: 1px #999 solid;
    border-collapse: collapse;
    word-break: break-all;
    clear: right;
}
/* 編輯區樣式 */
.my-buttons {
    padding: .5em;
}
.my-buttons a {
    text-decoration: none;
    border: 1px #069 outset;
    padding: .1em;
}
.my-buttons a:hover,
.my-buttons a:active {
    border-style: inset;
}