diff --git a/nijigen/css/base.css b/nijigen/css/base.css
index 262e4b8..b891091 100644
--- a/nijigen/css/base.css
+++ b/nijigen/css/base.css
@@ -1 +1,895 @@
-html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{margin:0;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,0.4)}::selection{text-shadow:none;background:rgba(66,133,244,0.4)}ul,ol{margin:0;padding:0}h1,h2,h3,h4,h5,h6,dl,dd,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a{outline:0;text-decoration:none}a:hover{text-decoration:underline}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;outline:none}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="search"]{box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}blockquote{margin:0}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ul,.content-reset ol{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:0.25em}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{padding-bottom:0.3em;font-size:1.7em;border-bottom:1px solid #eee}.content-reset h2{padding-bottom:0.3em;font-size:1.5em;border-bottom:1px solid #eee}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:0.875em}.content-reset h6{font-size:0.85em}.content-reset hr{height:0.25em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:0.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset iframe{border:1px solid rgba(0,0,0,0.38)}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset thead{text-align:center}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:bold;text-align:center !important;background:rgba(158,188,226,0.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,0.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:0.2em 0.4em;margin:0;font-size:85%;background-color:rgba(252,41,41,0.12);border-radius:3px;word-break:break-word}.content-reset pre{position:relative}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:0.5em;background-color:rgba(0,0,0,0.04);background-size:20px 20px;border-radius:5px}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas, "Liberation Mono", Menlo, Courier, monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px rgba(0,0,0,0.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset li.task-list-item{list-style:none}.content-reset li.task-list-item>input{margin-left:-2em;vertical-align:middle}.img-preview{width:100%;height:100%;top:0;z-index:211;overflow:auto;cursor:zoom-out;transition:background-color .2s ease-in-out}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}.fn__flex{display:flex}.fn__flex-center{align-self:center}.fn__flex-inline{display:inline-flex;align-items:center}.fn__flex-1{flex:1;min-width:1px}.fn__flex-column{min-height:100%;display:flex;flex-direction:column}.fn__pointer{cursor:pointer}.fn__clear:before,.fn__clear:after{display:table;content:""}.fn__clear:after{clear:both}.fn__left{float:left}.fn__right{float:right}.fn__none{display:none}.fn__hidden{visibility:hidden}.fn__ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ft__13{font-size:13px}.ft__smaller{font-size:12px}.ft__center{text-align:center}.ft__nowrap{white-space:nowrap}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped{position:relative;cursor:pointer}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font-size:11px;font-weight:normal;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(0,0,0,0.8);border-radius:3px;line-height:16px;opacity:0}.tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(0,0,0,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::before,.tooltipped--hover::after,.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:0.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:0.4s}.tooltipped__s::after,.tooltipped__se::after,.tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.tooltipped__s::before,.tooltipped__se::before,.tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,0.8)}.tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.tooltipped__sw::after{margin-right:-15px}.tooltipped__n::after,.tooltipped__ne::after,.tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped__n::before,.tooltipped__ne::before,.tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,0.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__s::after,.tooltipped__n::after{transform:translateX(50%)}.tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,0.8)}.tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,0.8)}@font-face{font-family:'icomoon';src:url("fonts/icomoon.eot?oyqnlj");src:url("fonts/icomoon.eot?oyqnlj#iefix") format("embedded-opentype"),url("fonts/icomoon.ttf?oyqnlj") format("truetype"),url("fonts/icomoon.woff?oyqnlj") format("woff"),url("fonts/icomoon.svg?oyqnlj#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon__"],[class*=" icon__"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon__list:before{content:"\f0ca"}.icon__home:before{content:"\f015"}.icon__comments:before{content:"\f0e6"}.icon__date:before{content:"\f073"}.icon__search:before{content:"\f002"}.icon__up:before{content:"\f077"}.icon__inbox:before{content:"\f01c"}.icon__tags:before{content:"\f02c"}.icon__link:before{content:"\f0c1"}.icon__refresh:before{content:"\f021"}.icon__category:before{content:"\e9bc"}.icon__logout:before{content:"\ea14"}.icon__views:before{content:"\e900"}.icon__register:before{content:"\e973"}.icon__setting:before{content:"\e994"}.icon__login:before{content:"\ea13"}.icon__rss:before{content:"\e901"}body{cursor:url(../images/cursor.cur),url(../images/cursor.cur),auto}a{transition:all .3s;cursor:url(../images/pointer.cur),url(../images/pointer.cur),auto}.module{border-radius:5px;overflow:hidden;margin-bottom:30px;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);transition:all .3s}.module:hover{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.8)}.module__content{background-color:rgba(255,255,255,0.8);padding:15px;color:#3d4450}.module__content:hover{background-color:#fff}.module__content--three{padding-bottom:0}.module__header{background-color:rgba(10,10,0,0.7);padding:15px;color:#fff}.module__header a{color:#fff}.module__header:hover{background-color:rgba(10,10,0,0.9)}.module__list li{border-bottom:1px solid #ddd;background-color:rgba(255,255,255,0.8);line-height:20px}.module__list li a{padding:15px 15px;display:block;color:#3d4450}.module__list li a:hover{text-decoration:none;color:#b94a48;background-color:#fff}.form{position:relative}.form__input{border:1px solid #7266BA;height:30px;line-height:30px;padding:0 15px;border-radius:15px;width:100%;box-sizing:border-box}.bg{height:100%;width:100%;position:fixed;top:0;left:0;background-image:url(../images/background1.jpg);background-size:cover;background-position:center center;z-index:-1;animation:imageAnimation 36s linear infinite 0s;opacity:0}.bg--1{background-image:url(../images/background2.jpg);animation-delay:6s}.bg--2{background-image:url(../images/background3.jpg);animation-delay:12s}.bg--3{background-image:url(../images/background4.jpg);animation-delay:18s}.bg--4{background-image:url(../images/background5.jpg);animation-delay:24s}.bg--5{background-image:url(../images/background6.jpg);animation-delay:30s}@keyframes imageAnimation{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;transform:scale(1.05);animation-timing-function:ease-out}17%{opacity:1;transform:scale(1.1) rotate(0deg)}25%{opacity:0;transform:scale(1.1) rotate(0deg)}100%{opacity:0}}.header{background-color:rgba(10,10,0,0.7);height:50px;line-height:50px;color:#fff;transition:all .3s;box-shadow:0 0 8px black}.header:hover{background-color:rgba(10,10,0,0.9)}.header a{color:#fff;padding:0 15px;display:inline-block}.header a:hover{text-decoration:none;background-color:rgba(102,88,184,0.8)}.header__logo{position:absolute;left:30px}.header__nav{text-align:center}.header__login{position:absolute;right:30px;top:0}.main{max-width:1170px;padding:30px;margin:auto;display:flex}.side{width:280px;min-width:280px;margin-left:30px}.side__btn{background-color:transparent;border:0;top:5px;position:absolute;right:10px}.side__avatar{border-radius:50%;height:100px;width:100px;display:block;margin:0 auto;margin-bottom:15px;transition:transform .3s;margin-top:10px}.side__avatar:hover{transform:rotate(360deg) scale(1.2);border:5px solid rgba(114,102,186,0.36);margin-top:0}.tag{float:left;color:#fff;padding:2px 5px;border:1px solid transparent;height:20px;white-space:nowrap;word-wrap:normal;background-color:rgba(10,10,0,0.7);border-radius:3px 3px 3px 3px;line-height:21px;margin:0 15px 15px 0}.tag a{color:#fff}.tag:hover{background-color:#b94a48;box-shadow:0 1px 1px rgba(0,0,0,0.2);text-decoration:none}.footer{text-align:center;color:#fff;padding:15px;margin-bottom:30px}.footer a{color:#3d4450}.article-list .item{border-radius:5px;margin-bottom:30px;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);padding:15px;background-color:rgba(255,255,255,0.8);position:relative;transition:all .3s}.article-list .item:hover{background-color:#fff;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.8)}.article-list .item .tag{float:none;display:inline-block}.article-list .item__title{text-align:center;font-size:24px;font-weight:500}.article-list .item__title a{color:rgba(10,10,0,0.7);padding:0 15px;border-radius:5px;display:inline-block;margin-bottom:15px;line-height:36px}.article-list .item__title a:hover{color:#fff;text-decoration:none;background-color:#6658b8}.article-list .item__title>sup{color:#b94a48}.article-list .item__date{position:absolute;background-color:#7266BA;color:#fff;height:70px;width:70px;font-size:12px;top:-20px;border-radius:35px;left:-20px;text-align:center;padding-top:9px;box-sizing:border-box}.article-list .item__day{font-size:30px;display:block}.pagination__item{color:#fff;border-radius:3px;padding:0 10px;line-height:24px;display:inline-block;margin-left:10px;background-color:rgba(114,102,186,0.58)}.pagination__item--text{background-color:rgba(255,255,255,0.8);color:#7266BA}.pagination__item--current{background-color:#6658b8}.pagination a.pagination__item:hover{text-decoration:none;background-color:#6658b8}@media (max-width: 768px){.header__nav{display:none}.main{display:block;margin:15px;padding:0}.side{margin:0;width:auto}.article-list .item__date{display:none}.article-list .item,.module{margin-bottom:15px}.footer{margin:0 15px 15px;background-color:rgba(255,255,255,0.8);border-radius:5px;color:#3d4450;line-height:20px}.footer a{text-decoration:underline}.footer .fn__none--m{display:none}.footer .fn__none{display:block}.article-list .item__date--m{text-align:center;margin-bottom:10px;color:#3d4450}.tag{margin:0 5px 10px 0;font-size:12px}.header__logo{left:0}.header__login{display:none}.header__m{display:block;position:absolute;width:100%;z-index:1}.header__m .icon__list{position:absolute;top:-35px;right:15px;font-size:20px;color:#fff}.header__m .module__list{display:none}.header__m .module__list li{background-color:#fff}}
+@charset "UTF-8";
+/**
+ * Solo - A small and beautiful blogging system written in Java.
+ * Copyright (c) 2010-2018, b3log.org & hacpai.com
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see .
+ */
+/*
+ * skin style
+ *
+ * @author Liyuan Li
+ * @version 0.1.0.0, Aug 31, 2018
+*/
+/*
+ * Symphony - A modern community (forum/BBS/SNS/blog) platform written in Java.
+ * Copyright (C) 2012-2018, b3log.org & hacpai.com
+ *
+ * 本文件属于 Sym 商业版的一部分,请仔细阅读项目根文件夹的 LICENSE 并严格遵守相关约定
+ */
+/**
+ * Common style for reset
+ *
+ * @author Liyuan Li
+ * @version 0.2.0.1, Arp 17, 2018
+ */
+html {
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ height: 100%; }
+
+body {
+ margin: 0;
+ font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
+ font-size: 14px;
+ background-color: #fff;
+ -webkit-font-smoothing: antialiased;
+ -webkit-overflow-scrolling: touch; }
+
+::-moz-selection {
+ text-shadow: none;
+ background: rgba(65, 131, 196, 0.4); }
+
+::selection {
+ text-shadow: none;
+ background: rgba(66, 133, 244, 0.4); }
+
+ul,
+ol {
+ margin: 0;
+ padding: 0; }
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+dl,
+dd,
+p {
+ margin: 0; }
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+ display: block; }
+
+audio,
+canvas,
+video {
+ display: inline-block; }
+
+audio:not([controls]) {
+ display: none; }
+
+a {
+ outline: 0;
+ text-decoration: none; }
+
+a:hover {
+ text-decoration: underline; }
+
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline; }
+
+sup {
+ top: -0.5em; }
+
+sub {
+ bottom: -0.25em; }
+
+img {
+ max-width: 100%;
+ vertical-align: middle;
+ border: 0;
+ height: auto;
+ -ms-interpolation-mode: bicubic;
+ overflow: hidden;
+ font-size: 12px; }
+
+button,
+input,
+select,
+textarea {
+ margin: 0;
+ font-size: 100%;
+ vertical-align: middle;
+ font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
+ outline: none; }
+
+button,
+input {
+ line-height: normal; }
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ padding: 0;
+ border: 0; }
+
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ cursor: pointer;
+ -webkit-appearance: button; }
+
+input[type="search"] {
+ box-sizing: content-box;
+ -webkit-appearance: textfield; }
+
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+ -webkit-appearance: none; }
+
+textarea {
+ overflow: auto;
+ resize: vertical; }
+
+svg {
+ fill: currentColor;
+ display: inline-block;
+ stroke-width: 0;
+ stroke: currentColor;
+ width: 14px;
+ height: 14px; }
+
+blockquote {
+ margin: 0; }
+
+/*
+ * Symphony - A modern community (forum/BBS/SNS/blog) platform written in Java.
+ * Copyright (C) 2012-2018, b3log.org & hacpai.com
+ *
+ * 本文件属于 Sym 商业版的一部分,请仔细阅读项目根文件夹的 LICENSE 并严格遵守相关约定
+ */
+/**
+ * Article reset style
+ *
+ * @author Liyuan Li
+ * @version 0.2.0.2, Jul 6, 2018
+ */
+.content-reset {
+ word-wrap: break-word;
+ overflow: auto;
+ line-height: 1.65;
+ font-size: 16px;
+ word-break: break-word; }
+ .content-reset ul,
+ .content-reset ol {
+ padding-left: 2em;
+ margin-top: 0;
+ margin-bottom: 16px; }
+ .content-reset li {
+ margin-top: 0.25em; }
+ .content-reset img {
+ cursor: zoom-in; }
+ .content-reset img.emoji {
+ cursor: auto;
+ max-width: 18px; }
+ .content-reset h1,
+ .content-reset h2,
+ .content-reset h3,
+ .content-reset h4,
+ .content-reset h5,
+ .content-reset h6 {
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: 600;
+ line-height: 1.25; }
+ .content-reset h1 {
+ padding-bottom: 0.3em;
+ font-size: 1.7em;
+ border-bottom: 1px solid #eee; }
+ .content-reset h2 {
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid #eee; }
+ .content-reset h3 {
+ font-size: 1.25em; }
+ .content-reset h4 {
+ font-size: 1em; }
+ .content-reset h5 {
+ font-size: 0.875em; }
+ .content-reset h6 {
+ font-size: 0.85em; }
+ .content-reset hr {
+ height: 0.25em;
+ padding: 0;
+ margin: 24px 0;
+ background-color: #e7e7e7;
+ border: 0; }
+ .content-reset p {
+ margin-top: 0;
+ margin-bottom: 16px; }
+ .content-reset blockquote {
+ padding: 0 1em;
+ color: #777;
+ border-left: 0.25em solid #ddd;
+ margin-bottom: 16px; }
+ .content-reset blockquote p {
+ margin: 0; }
+ .content-reset iframe {
+ border: 1px solid rgba(0, 0, 0, 0.38); }
+ .content-reset table {
+ width: 100%;
+ border: 1px solid #dedede;
+ margin: 15px auto;
+ border-collapse: collapse;
+ empty-cells: show; }
+ .content-reset thead {
+ text-align: center; }
+ .content-reset td,
+ .content-reset th {
+ height: 35px;
+ border: 1px solid #dedede;
+ padding: 0 10px; }
+ .content-reset th {
+ font-weight: bold;
+ text-align: center !important;
+ background: rgba(158, 188, 226, 0.2); }
+ .content-reset tbody tr:nth-child(2n) {
+ background: rgba(158, 188, 226, 0.12); }
+ .content-reset tr:hover {
+ background: #efefef; }
+ .content-reset code {
+ padding: 0.2em 0.4em;
+ margin: 0;
+ font-size: 85%;
+ background-color: rgba(252, 41, 41, 0.12);
+ border-radius: 3px;
+ word-break: break-word; }
+ .content-reset pre {
+ position: relative; }
+ .content-reset pre textarea {
+ position: absolute;
+ top: -100000px; }
+ .content-reset pre > code {
+ padding: 0.5em;
+ background-color: rgba(0, 0, 0, 0.04);
+ background-size: 20px 20px;
+ border-radius: 5px; }
+ .content-reset kbd {
+ display: inline-block;
+ padding: 3px 5px;
+ font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
+ line-height: 10px;
+ color: #555;
+ vertical-align: middle;
+ background-color: #fcfcfc;
+ border: solid 1px rgba(0, 0, 0, 0.38);
+ border-bottom-color: #bbb;
+ border-radius: 3px;
+ box-shadow: inset 0 -1px 0 #bbb; }
+ .content-reset li.task-list-item {
+ list-style: none; }
+ .content-reset li.task-list-item > input {
+ margin-left: -2em;
+ vertical-align: middle; }
+
+.img-preview {
+ width: 100%;
+ height: 100%;
+ top: 0;
+ z-index: 211;
+ overflow: auto;
+ cursor: zoom-out;
+ transition: background-color .2s ease-in-out; }
+ .img-preview img {
+ max-width: inherit;
+ transition: transform .3s ease-in-out; }
+
+/*
+ * Symphony - A modern community (forum/BBS/SNS/blog) platform written in Java.
+ * Copyright (C) 2012-2018, b3log.org & hacpai.com
+ *
+ * 本文件属于 Sym 商业版的一部分,请仔细阅读项目根文件夹的 LICENSE 并严格遵守相关约定
+ */
+/**
+ * Function and font text style
+ *
+ * @author Liyuan Li
+ * @version 0.2.0.0, Arp 29, 2018
+ */
+.fn__flex {
+ display: flex; }
+ .fn__flex-center {
+ align-self: center; }
+ .fn__flex-inline {
+ display: inline-flex;
+ align-items: center; }
+ .fn__flex-1 {
+ flex: 1;
+ min-width: 1px; }
+ .fn__flex-column {
+ min-height: 100%;
+ display: flex;
+ flex-direction: column; }
+
+.fn__pointer {
+ cursor: pointer; }
+
+.fn__clear:before, .fn__clear:after {
+ display: table;
+ content: ""; }
+
+.fn__clear:after {
+ clear: both; }
+
+.fn__left {
+ float: left; }
+
+.fn__right {
+ float: right; }
+
+.fn__none {
+ display: none; }
+
+.fn__hidden {
+ visibility: hidden; }
+
+.fn__ellipsis {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ word-wrap: normal; }
+
+.ft__13 {
+ font-size: 13px; }
+
+.ft__smaller {
+ font-size: 12px; }
+
+.ft__center {
+ text-align: center; }
+
+.ft__nowrap {
+ white-space: nowrap; }
+
+/*
+ * Symphony - A modern community (forum/BBS/SNS/blog) platform written in Java.
+ * Copyright (C) 2012-2018, b3log.org & hacpai.com
+ *
+ * 本文件属于 Sym 商业版的一部分,请仔细阅读项目根文件夹的 LICENSE 并严格遵守相关约定
+ */
+/**
+ * tool tip.
+ *
+ * @author Liyuan Li
+ * @version 0.1.0.0, Apr 18, 2018
+ */
+@-webkit-keyframes tooltip-appear {
+ from {
+ opacity: 0; }
+ to {
+ opacity: 1; } }
+
+@keyframes tooltip-appear {
+ from {
+ opacity: 0; }
+ to {
+ opacity: 1; } }
+
+.tooltipped {
+ position: relative;
+ cursor: pointer; }
+ .tooltipped::after {
+ position: absolute;
+ z-index: 1000000;
+ display: none;
+ padding: 5px 8px;
+ font-size: 11px;
+ font-weight: normal;
+ -webkit-font-smoothing: subpixel-antialiased;
+ color: #fff;
+ text-align: center;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-wrap: break-word;
+ white-space: pre;
+ pointer-events: none;
+ content: attr(aria-label);
+ background: rgba(0, 0, 0, 0.8);
+ border-radius: 3px;
+ line-height: 16px;
+ opacity: 0; }
+ .tooltipped::before {
+ position: absolute;
+ z-index: 1000001;
+ display: none;
+ width: 0;
+ height: 0;
+ color: rgba(0, 0, 0, 0.8);
+ pointer-events: none;
+ content: "";
+ border: 5px solid transparent;
+ opacity: 0; }
+ .tooltipped--hover::before, .tooltipped--hover::after, .tooltipped:hover::before, .tooltipped:hover::after, .tooltipped:active::before, .tooltipped:active::after, .tooltipped:focus::before, .tooltipped:focus::after {
+ display: inline-block;
+ text-decoration: none;
+ animation-name: tooltip-appear;
+ animation-duration: 0.1s;
+ animation-fill-mode: forwards;
+ animation-timing-function: ease-in;
+ animation-delay: 0.4s; }
+ .tooltipped__s::after, .tooltipped__se::after, .tooltipped__sw::after {
+ top: 100%;
+ right: 50%;
+ margin-top: 5px; }
+ .tooltipped__s::before, .tooltipped__se::before, .tooltipped__sw::before {
+ top: auto;
+ right: 50%;
+ bottom: -5px;
+ margin-right: -5px;
+ border-bottom-color: rgba(0, 0, 0, 0.8); }
+ .tooltipped__se::after {
+ right: auto;
+ left: 50%;
+ margin-left: -15px; }
+ .tooltipped__sw::after {
+ margin-right: -15px; }
+ .tooltipped__n::after, .tooltipped__ne::after, .tooltipped__nw::after {
+ right: 50%;
+ bottom: 100%;
+ margin-bottom: 5px; }
+ .tooltipped__n::before, .tooltipped__ne::before, .tooltipped__nw::before {
+ top: -5px;
+ right: 50%;
+ bottom: auto;
+ margin-right: -5px;
+ border-top-color: rgba(0, 0, 0, 0.8); }
+ .tooltipped__ne::after {
+ right: auto;
+ left: 50%;
+ margin-left: -15px; }
+ .tooltipped__nw::after {
+ margin-right: -15px; }
+ .tooltipped__s::after, .tooltipped__n::after {
+ transform: translateX(50%); }
+ .tooltipped__w::after {
+ right: 100%;
+ bottom: 50%;
+ margin-right: 5px;
+ transform: translateY(50%); }
+ .tooltipped__w::before {
+ top: 50%;
+ bottom: 50%;
+ left: -5px;
+ margin-top: -5px;
+ border-left-color: rgba(0, 0, 0, 0.8); }
+ .tooltipped__e::after {
+ bottom: 50%;
+ left: 100%;
+ margin-left: 5px;
+ transform: translateY(50%); }
+ .tooltipped__e::before {
+ top: 50%;
+ right: -5px;
+ bottom: 50%;
+ margin-top: -5px;
+ border-right-color: rgba(0, 0, 0, 0.8); }
+
+/**
+ * Solo - A small and beautiful blogging system written in Java.
+ * Copyright (c) 2010-2018, b3log.org & hacpai.com
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see .
+ */
+@font-face {
+ font-family: 'icomoon';
+ src: url("fonts/icomoon.eot?oyqnlj");
+ src: url("fonts/icomoon.eot?oyqnlj#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?oyqnlj") format("truetype"), url("fonts/icomoon.woff?oyqnlj") format("woff"), url("fonts/icomoon.svg?oyqnlj#icomoon") format("svg");
+ font-weight: normal;
+ font-style: normal; }
+
+[class^="icon__"], [class*=" icon__"] {
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'icomoon' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+.icon__list:before {
+ content: "\f0ca"; }
+
+.icon__home:before {
+ content: "\f015"; }
+
+.icon__comments:before {
+ content: "\f0e6"; }
+
+.icon__date:before {
+ content: "\f073"; }
+
+.icon__search:before {
+ content: "\f002"; }
+
+.icon__up:before {
+ content: "\f077"; }
+
+.icon__inbox:before {
+ content: "\f01c"; }
+
+.icon__tags:before {
+ content: "\f02c"; }
+
+.icon__link:before {
+ content: "\f0c1"; }
+
+.icon__refresh:before {
+ content: "\f021"; }
+
+.icon__category:before {
+ content: "\e9bc"; }
+
+.icon__logout:before {
+ content: "\ea14"; }
+
+.icon__views:before {
+ content: "\e900"; }
+
+.icon__register:before {
+ content: "\e973"; }
+
+.icon__setting:before {
+ content: "\e994"; }
+
+.icon__login:before {
+ content: "\ea13"; }
+
+.icon__rss:before {
+ content: "\e901"; }
+
+body {
+ cursor: url(../images/cursor.cur), url(../images/cursor.cur), auto; }
+
+a {
+ transition: all .3s;
+ cursor: url(../images/pointer.cur), url(../images/pointer.cur), auto; }
+
+.module {
+ border-radius: 5px;
+ overflow: hidden;
+ margin-bottom: 30px;
+ box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
+ transition: all .3s; }
+ .module:hover {
+ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8); }
+ .module__content {
+ background-color: rgba(255, 255, 255, 0.8);
+ padding: 15px;
+ color: #3d4450; }
+ .module__content:hover {
+ background-color: #fff; }
+ .module__content--three {
+ padding-bottom: 0; }
+ .module__header {
+ background-color: rgba(10, 10, 0, 0.7);
+ padding: 15px;
+ color: #fff; }
+ .module__header a {
+ color: #fff; }
+ .module__header:hover {
+ background-color: rgba(10, 10, 0, 0.9); }
+ .module__list li {
+ border-bottom: 1px solid #ddd;
+ background-color: rgba(255, 255, 255, 0.8);
+ line-height: 20px; }
+ .module__list li a {
+ padding: 15px 15px;
+ display: block;
+ color: #3d4450; }
+ .module__list li a:hover {
+ text-decoration: none;
+ color: #b94a48;
+ background-color: #fff; }
+
+.form {
+ position: relative; }
+ .form__input {
+ border: 1px solid #7266BA;
+ height: 30px;
+ line-height: 30px;
+ padding: 0 15px;
+ border-radius: 15px;
+ width: 100%;
+ box-sizing: border-box; }
+
+.bg {
+ height: 100%;
+ width: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ background-image: url(../images/background1.jpg);
+ background-size: cover;
+ background-position: center center;
+ z-index: -1;
+ animation: imageAnimation 36s linear infinite 0s;
+ opacity: 0; }
+ .bg--1 {
+ background-image: url(../images/background2.jpg);
+ animation-delay: 6s; }
+ .bg--2 {
+ background-image: url(../images/background3.jpg);
+ animation-delay: 12s; }
+ .bg--3 {
+ background-image: url(../images/background4.jpg);
+ animation-delay: 18s; }
+ .bg--4 {
+ background-image: url(../images/background5.jpg);
+ animation-delay: 24s; }
+ .bg--5 {
+ background-image: url(../images/background6.jpg);
+ animation-delay: 30s; }
+
+@keyframes imageAnimation {
+ 0% {
+ opacity: 0;
+ animation-timing-function: ease-in; }
+ 8% {
+ opacity: 1;
+ transform: scale(1.05);
+ animation-timing-function: ease-out; }
+ 17% {
+ opacity: 1;
+ transform: scale(1.1) rotate(0deg); }
+ 25% {
+ opacity: 0;
+ transform: scale(1.1) rotate(0deg); }
+ 100% {
+ opacity: 0; } }
+
+.header {
+ background-color: rgba(10, 10, 0, 0.7);
+ height: 50px;
+ line-height: 50px;
+ color: #fff;
+ transition: all .3s;
+ box-shadow: 0 0 8px black; }
+ .header:hover {
+ background-color: rgba(10, 10, 0, 0.9); }
+ .header a {
+ color: #fff;
+ padding: 0 15px;
+ display: inline-block; }
+ .header a:hover {
+ text-decoration: none;
+ background-color: rgba(102, 88, 184, 0.8); }
+ .header__logo {
+ position: absolute;
+ left: 30px; }
+ .header__nav {
+ text-align: center; }
+ .header__login {
+ position: absolute;
+ right: 30px;
+ top: 0; }
+
+.main {
+ max-width: 1170px;
+ padding: 30px;
+ margin: auto;
+ display: flex; }
+
+.side {
+ width: 280px;
+ min-width: 280px;
+ margin-left: 30px; }
+ .side__btn {
+ background-color: transparent;
+ border: 0;
+ top: 5px;
+ position: absolute;
+ right: 10px; }
+ .side__avatar {
+ border-radius: 50%;
+ height: 100px;
+ width: 100px;
+ display: block;
+ margin: 0 auto;
+ margin-bottom: 15px;
+ transition: transform .3s;
+ margin-top: 10px; }
+ .side__avatar:hover {
+ transform: rotate(360deg) scale(1.2);
+ border: 5px solid rgba(114, 102, 186, 0.36);
+ margin-top: 0; }
+
+.tag {
+ float: left;
+ color: #fff;
+ padding: 2px 5px;
+ border: 1px solid transparent;
+ height: 20px;
+ white-space: nowrap;
+ word-wrap: normal;
+ background-color: rgba(10, 10, 0, 0.7);
+ border-radius: 3px 3px 3px 3px;
+ line-height: 21px;
+ margin: 0 15px 15px 0; }
+ .tag a {
+ color: #fff; }
+ .tag:hover {
+ background-color: #b94a48;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+ text-decoration: none; }
+
+.footer {
+ text-align: center;
+ color: #fff;
+ padding: 15px;
+ margin-bottom: 30px; }
+ .footer a {
+ color: #3d4450; }
+
+.article-list .item {
+ border-radius: 5px;
+ margin-bottom: 30px;
+ box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
+ padding: 15px;
+ background-color: rgba(255, 255, 255, 0.8);
+ position: relative;
+ transition: all .3s; }
+ .article-list .item:hover {
+ background-color: #fff;
+ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.8); }
+ .article-list .item .tag {
+ float: none;
+ display: inline-block; }
+ .article-list .item__title {
+ text-align: center;
+ font-size: 24px;
+ font-weight: 500; }
+ .article-list .item__title a {
+ color: rgba(10, 10, 0, 0.7);
+ padding: 0 15px;
+ border-radius: 5px;
+ display: inline-block;
+ margin-bottom: 15px;
+ line-height: 36px; }
+ .article-list .item__title a:hover {
+ color: #fff;
+ text-decoration: none;
+ background-color: #6658b8; }
+ .article-list .item__title > sup {
+ color: #b94a48; }
+ .article-list .item__date {
+ position: absolute;
+ background-color: #7266BA;
+ color: #fff;
+ height: 70px;
+ width: 70px;
+ font-size: 12px;
+ top: -20px;
+ border-radius: 35px;
+ left: -20px;
+ text-align: center;
+ padding-top: 9px;
+ box-sizing: border-box; }
+ .article-list .item__day {
+ font-size: 30px;
+ display: block; }
+
+.pagination__item {
+ color: #fff;
+ border-radius: 3px;
+ padding: 0 10px;
+ line-height: 24px;
+ display: inline-block;
+ margin-left: 10px;
+ background-color: rgba(114, 102, 186, 0.58); }
+ .pagination__item--text {
+ background-color: rgba(255, 255, 255, 0.8);
+ color: #7266BA; }
+ .pagination__item--current {
+ background-color: #6658b8; }
+
+.pagination a.pagination__item:hover {
+ text-decoration: none;
+ background-color: #6658b8; }
+
+@media (max-width: 768px) {
+ .header__nav {
+ display: none; }
+ .main {
+ display: block;
+ margin: 15px;
+ padding: 0; }
+ .side {
+ margin: 0;
+ width: auto; }
+ .article-list .item__date {
+ display: none; }
+ .article-list .item,
+ .module {
+ margin-bottom: 15px; }
+ .footer {
+ margin: 0 15px 15px;
+ background-color: rgba(255, 255, 255, 0.8);
+ border-radius: 5px;
+ color: #3d4450;
+ line-height: 20px; }
+ .footer a {
+ text-decoration: underline; }
+ .footer .fn__none--m {
+ display: none; }
+ .footer .fn__none {
+ display: block; }
+ .article-list .item__date--m {
+ text-align: center;
+ margin-bottom: 10px;
+ color: #3d4450; }
+ .tag {
+ margin: 0 5px 10px 0;
+ font-size: 12px; }
+ .header__logo {
+ left: 0; }
+ .header__login {
+ display: none; }
+ .header__m {
+ display: block;
+ position: absolute;
+ width: 100%;
+ z-index: 1; }
+ .header__m .icon__list {
+ position: absolute;
+ top: -35px;
+ right: 15px;
+ font-size: 20px;
+ color: #fff; }
+ .header__m .module__list {
+ display: none; }
+ .header__m .module__list li {
+ background-color: #fff; } }
diff --git a/nijigen/css/base.min.css b/nijigen/css/base.min.css
new file mode 100644
index 0000000..e80fc03
--- /dev/null
+++ b/nijigen/css/base.min.css
@@ -0,0 +1,18 @@
+/**
+ * Solo - A small and beautiful blogging system written in Java.
+ * Copyright (c) 2010-2018, b3log.org & hacpai.com
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see .
+ */
+@charset "UTF-8";body,button,input,select,textarea{margin:0;font-family:"Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB","Microsoft Yahei",sans-serif}.article-list .item__date,.content-reset thead,.footer,.ft__center,.header__nav,.tooltipped::after{text-align:center}.content-reset pre,.tooltipped,sub,sup{position:relative}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{font-size:14px;background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}::-moz-selection{text-shadow:none;background:rgba(65,131,196,.4)}::selection{text-shadow:none;background:rgba(66,133,244,.4)}ol,ul{margin:0;padding:0}blockquote,dd,dl,h1,h2,h3,h4,h5,h6,p{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}a:hover{text-decoration:underline}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{max-width:100%;vertical-align:middle;border:0;height:auto;-ms-interpolation-mode:bicubic;overflow:hidden;font-size:12px}button,input,select,textarea{font-size:100%;vertical-align:middle;outline:0}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}.content-reset h1,.content-reset h2{padding-bottom:.3em;border-bottom:1px solid #eee}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}svg{fill:currentColor;display:inline-block;stroke-width:0;stroke:currentColor;width:14px;height:14px}.content-reset{word-wrap:break-word;overflow:auto;line-height:1.65;font-size:16px;word-break:break-word}.content-reset ol,.content-reset ul{padding-left:2em;margin-top:0;margin-bottom:16px}.content-reset li{margin-top:.25em}.content-reset img{cursor:zoom-in}.content-reset img.emoji{cursor:auto;max-width:18px}.content-reset h1,.content-reset h2,.content-reset h3,.content-reset h4,.content-reset h5,.content-reset h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.content-reset h1{font-size:1.7em}.content-reset h2{font-size:1.5em}.content-reset h3{font-size:1.25em}.content-reset h4{font-size:1em}.content-reset h5{font-size:.875em}.content-reset h6{font-size:.85em}.content-reset hr{height:.25em;padding:0;margin:24px 0;background-color:#e7e7e7;border:0}.content-reset p{margin-top:0;margin-bottom:16px}.content-reset blockquote{padding:0 1em;color:#777;border-left:.25em solid #ddd;margin-bottom:16px}.content-reset blockquote p{margin:0}.content-reset iframe{border:1px solid rgba(0,0,0,.38)}.content-reset table{width:100%;border:1px solid #dedede;margin:15px auto;border-collapse:collapse;empty-cells:show}.content-reset td,.content-reset th{height:35px;border:1px solid #dedede;padding:0 10px}.content-reset th{font-weight:700;text-align:center!important;background:rgba(158,188,226,.2)}.content-reset tbody tr:nth-child(2n){background:rgba(158,188,226,.12)}.content-reset tr:hover{background:#efefef}.content-reset code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(252,41,41,.12);border-radius:3px;word-break:break-word}.content-reset pre textarea{position:absolute;top:-100000px}.content-reset pre>code{padding:.5em;background-color:rgba(0,0,0,.04);background-size:20px 20px;border-radius:5px}.content-reset kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:1px solid rgba(0,0,0,.38);border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.content-reset li.task-list-item{list-style:none}.content-reset li.task-list-item>input{margin-left:-2em;vertical-align:middle}.img-preview{width:100%;height:100%;top:0;z-index:211;overflow:auto;cursor:zoom-out;transition:background-color .2s ease-in-out}.fn__pointer,.tooltipped{cursor:pointer}.img-preview img{max-width:inherit;transition:transform .3s ease-in-out}.fn__flex{display:flex}.fn__flex-center{align-self:center}.fn__flex-inline{display:inline-flex;align-items:center}.fn__flex-1{flex:1;min-width:1px}.fn__flex-column{min-height:100%;display:flex;flex-direction:column}.fn__clear:after,.fn__clear:before{display:table;content:""}.fn__clear:after{clear:both}.fn__left{float:left}.fn__right{float:right}.fn__none{display:none}.fn__hidden{visibility:hidden}.fn__ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ft__13{font-size:13px}.ft__smaller{font-size:12px}.ft__nowrap{white-space:nowrap}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped::after,.tooltipped::before{position:absolute;display:none;pointer-events:none}.tooltipped::after{z-index:1000000;padding:5px 8px;font-size:11px;font-weight:400;-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;content:attr(aria-label);background:rgba(0,0,0,.8);border-radius:3px;line-height:16px;opacity:0}.tooltipped::before{z-index:1000001;width:0;height:0;color:rgba(0,0,0,.8);content:"";border:5px solid transparent;opacity:0}.tooltipped--hover::after,.tooltipped--hover::before,.tooltipped:active::after,.tooltipped:active::before,.tooltipped:focus::after,.tooltipped:focus::before,.tooltipped:hover::after,.tooltipped:hover::before{display:inline-block;text-decoration:none;animation-name:tooltip-appear;animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:ease-in;animation-delay:.4s}.tooltipped__s::after,.tooltipped__se::after,.tooltipped__sw::after{top:100%;right:50%;margin-top:5px}.tooltipped__s::before,.tooltipped__se::before,.tooltipped__sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(0,0,0,.8)}.tooltipped__se::after{right:auto;left:50%;margin-left:-15px}.tooltipped__sw::after{margin-right:-15px}.tooltipped__n::after,.tooltipped__ne::after,.tooltipped__nw::after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped__n::before,.tooltipped__ne::before,.tooltipped__nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(0,0,0,.8)}.tooltipped__ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped__nw::after{margin-right:-15px}.tooltipped__n::after,.tooltipped__s::after{transform:translateX(50%)}.tooltipped__w::after{right:100%;bottom:50%;margin-right:5px;transform:translateY(50%)}.tooltipped__w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(0,0,0,.8)}.tooltipped__e::after{bottom:50%;left:100%;margin-left:5px;transform:translateY(50%)}.tooltipped__e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(0,0,0,.8)}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?oyqnlj);src:url(fonts/icomoon.eot?oyqnlj#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?oyqnlj) format("truetype"),url(fonts/icomoon.woff?oyqnlj) format("woff"),url(fonts/icomoon.svg?oyqnlj#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon__"],[class^=icon__]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon__list:before{content:"\f0ca"}.icon__home:before{content:"\f015"}.icon__comments:before{content:"\f0e6"}.icon__date:before{content:"\f073"}.icon__search:before{content:"\f002"}.icon__up:before{content:"\f077"}.icon__inbox:before{content:"\f01c"}.icon__tags:before{content:"\f02c"}.icon__link:before{content:"\f0c1"}.icon__refresh:before{content:"\f021"}.icon__category:before{content:"\e9bc"}.icon__logout:before{content:"\ea14"}.icon__views:before{content:"\e900"}.icon__register:before{content:"\e973"}.icon__setting:before{content:"\e994"}.icon__login:before{content:"\ea13"}.icon__rss:before{content:"\e901"}body{cursor:url(../images/cursor.cur),url(../images/cursor.cur),auto}a{outline:0;text-decoration:none;transition:all .3s;cursor:url(../images/pointer.cur),url(../images/pointer.cur),auto}.module{border-radius:5px;overflow:hidden;margin-bottom:30px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);transition:all .3s}.module:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.8)}.module__content{background-color:rgba(255,255,255,.8);padding:15px;color:#3d4450}.module__content:hover{background-color:#fff}.module__content--three{padding-bottom:0}.module__header{background-color:rgba(10,10,0,.7);padding:15px;color:#fff}.module__header a{color:#fff}.module__header:hover{background-color:rgba(10,10,0,.9)}.module__list li{border-bottom:1px solid #ddd;background-color:rgba(255,255,255,.8);line-height:20px}.module__list li a{padding:15px;display:block;color:#3d4450}.module__list li a:hover{text-decoration:none;color:#b94a48;background-color:#fff}.footer,.header,.header a,.tag,.tag a{color:#fff}.form{position:relative}.form__input{border:1px solid #7266BA;height:30px;line-height:30px;padding:0 15px;border-radius:15px;width:100%;box-sizing:border-box}.bg{height:100%;width:100%;position:fixed;top:0;left:0;background-image:url(../images/background1.jpg);background-size:cover;background-position:center center;z-index:-1;animation:imageAnimation 36s linear infinite 0s;opacity:0}.bg--1{background-image:url(../images/background2.jpg);animation-delay:6s}.bg--2{background-image:url(../images/background3.jpg);animation-delay:12s}.bg--3{background-image:url(../images/background4.jpg);animation-delay:18s}.bg--4{background-image:url(../images/background5.jpg);animation-delay:24s}.bg--5{background-image:url(../images/background6.jpg);animation-delay:30s}@keyframes imageAnimation{0%{opacity:0;animation-timing-function:ease-in}8%{opacity:1;transform:scale(1.05);animation-timing-function:ease-out}17%{opacity:1;transform:scale(1.1) rotate(0)}25%{opacity:0;transform:scale(1.1) rotate(0)}100%{opacity:0}}.header{background-color:rgba(10,10,0,.7);height:50px;line-height:50px;transition:all .3s;box-shadow:0 0 8px #000}.header:hover{background-color:rgba(10,10,0,.9)}.header a{padding:0 15px;display:inline-block}.header a:hover{text-decoration:none;background-color:rgba(102,88,184,.8)}.header__logo{position:absolute;left:30px}.header__login{position:absolute;right:30px;top:0}.main{max-width:1170px;padding:30px;margin:auto;display:flex}.side{width:280px;min-width:280px;margin-left:30px}.side__btn{background-color:transparent;border:0;top:5px;position:absolute;right:10px}.side__avatar{border-radius:50%;height:100px;width:100px;display:block;margin:10px auto 15px;transition:transform .3s}.side__avatar:hover{transform:rotate(360deg) scale(1.2);border:5px solid rgba(114,102,186,.36);margin-top:0}.tag{float:left;padding:2px 5px;border:1px solid transparent;height:20px;white-space:nowrap;word-wrap:normal;background-color:rgba(10,10,0,.7);border-radius:3px;line-height:21px;margin:0 15px 15px 0}.article-list .item,.footer{margin-bottom:30px;padding:15px}.tag:hover{background-color:#b94a48;box-shadow:0 1px 1px rgba(0,0,0,.2);text-decoration:none}.footer a{color:#3d4450}.article-list .item{border-radius:5px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.2);background-color:rgba(255,255,255,.8);position:relative;transition:all .3s}.article-list .item:hover{background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.8)}.article-list .item .tag{float:none;display:inline-block}.article-list .item__title{text-align:center;font-size:24px;font-weight:500}.article-list .item__title a{color:rgba(10,10,0,.7);padding:0 15px;border-radius:5px;display:inline-block;margin-bottom:15px;line-height:36px}.article-list .item__title a:hover{color:#fff;text-decoration:none;background-color:#6658b8}.article-list .item__title>sup{color:#b94a48}.article-list .item__date{position:absolute;background-color:#7266BA;color:#fff;height:70px;width:70px;font-size:12px;top:-20px;border-radius:35px;left:-20px;padding-top:9px;box-sizing:border-box}.article-list .item__day{font-size:30px;display:block}.pagination__item{color:#fff;border-radius:3px;padding:0 10px;line-height:24px;display:inline-block;margin-left:10px;background-color:rgba(114,102,186,.58)}.pagination__item--text{background-color:rgba(255,255,255,.8);color:#7266BA}.pagination__item--current{background-color:#6658b8}.pagination a.pagination__item:hover{text-decoration:none;background-color:#6658b8}@media (max-width:768px){.header__nav{display:none}.main{display:block;margin:15px;padding:0}.article-list .item__date,.footer .fn__none--m{display:none}.side{margin:0;width:auto}.article-list .item,.module{margin-bottom:15px}.footer{margin:0 15px 15px;background-color:rgba(255,255,255,.8);border-radius:5px;color:#3d4450;line-height:20px}.footer a{text-decoration:underline}.footer .fn__none{display:block}.article-list .item__date--m{text-align:center;margin-bottom:10px;color:#3d4450}.tag{margin:0 5px 10px 0;font-size:12px}.header__logo{left:0}.header__login{display:none}.header__m{display:block;position:absolute;width:100%;z-index:1}.header__m .icon__list{position:absolute;top:-35px;right:15px;font-size:20px;color:#fff}.header__m .module__list{display:none}.header__m .module__list li{background-color:#fff}}
\ No newline at end of file