From ecde639b883ee064e7f96df1da13c442c4056670 Mon Sep 17 00:00:00 2001 From: Van Date: Sat, 1 Sep 2018 12:14:17 +0800 Subject: [PATCH 1/6] test --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6a094db..5ff817c 100644 --- a/README.md +++ b/README.md @@ -14,4 +14,4 @@ ## 社区 * [讨论区](https://hacpai.com/tag/solo) - +* [ffff] From 3ed9e8e034c96e53b28df090b24be98969801978 Mon Sep 17 00:00:00 2001 From: Van Date: Sat, 1 Sep 2018 13:17:30 +0800 Subject: [PATCH 2/6] :memo: readme --- README.md | 106 +++++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 89 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index 5ff817c..9aa110a 100644 --- a/README.md +++ b/README.md @@ -1,17 +1,89 @@ -# Solo 官方皮肤 - -1. [开发步骤](https://hacpai.com/article/1493814851007) -2. [模板变量](https://hacpai.com/article/1493814851007#toc_h2_4) -3. [皮肤定制](https://github.com/b3log/solo/wiki/skins_custom) -4. [版本更新](https://github.com/b3log/solo/wiki/Skins_change_log) - ----- - -皮肤按照名称命名后存放于 skins 文件夹中。 - -其中 skin-preview 存放皮肤的预览图片，toolers 存放更新版本和压缩 js、css 的 NodeJS 脚本，部署时请**注意不要拷贝这两个目录**。 - -## 社区 - -* [讨论区](https://hacpai.com/tag/solo) -* [ffff] +# Solo 官方皮肤 + +🎸 A small and beautiful blogging system written in Java. 一款小而美的 Java 博客系统。 https://solo.b3log.org + +## 简介 + +[Solo](https://github.com/b3log/solo) 是**一个命令**就能搭建好的 Java 开源博客系统，并内置了 18+ 套精心制作的皮肤。除此之外，Solo 还有着非常活跃的[社区](https://hacpai.com)，文章分享到社区后可以让很多人看到，产生丰富的交流互动。 + +**如果你不想自己维护服务器，可以购买我们运维的 Solo 直接使用，细节请联系 QQ845765。** + +## 文档 + +* [用户指南](https://hacpai.com/article/1492881378588) +* [开发指南](https://hacpai.com/article/1493822943172) +* [皮肤开发](https://hacpai.com/article/1493814851007) +* [插件开发](https://docs.google.com/document/pub?id=15H7Q3EBo-44v61Xp_epiYY7vK_gPJLkQaT7T1gkE64w&pli=1) + +## 社区 + +* [讨论区](https://hacpai.com/tag/solo) +* [报告问题](https://github.com/b3log/solo/issues/new/choose) + + +## 皮肤 + +---------------------------- +* [Medium](https://github.com/b3log/solo-skins/tree/master/Medium) +![Medium](https://solo.b3log.org/images/themes/medium.png) + +* [9IPHP](https://github.com/b3log/solo-skins/tree/master/9IPHP) +![9IPHP](https://solo.b3log.org/images/themes/9IPHP.jpg) + + +* [next](https://github.com/b3log/solo-skins/tree/master/next) +![next](https://solo.b3log.org/images/themes/next.jpg) + +* [yilia](https://github.com/b3log/solo-skins/tree/master/yilia) +![yilia](https://solo.b3log.org/images/themes/yilia.jpg) + +* [Finding](https://github.com/b3log/solo-skins/tree/master/Finding) +![Finding](https://solo.b3log.org/images/themes/finding.jpg) + +* [metro-hot](https://github.com/b3log/solo-skins/tree/master/metro-hot) +![metro-hot](https://solo.b3log.org/images/themes/metro-hot.jpg) + +* [timeline](https://github.com/b3log/solo-skins/tree/master/timeline) +![timeline](https://solo.b3log.org/images/themes/timeline.jpg) + +* [ease](https://github.com/b3log/solo-skins/tree/master/ease) +![ease](https://solo.b3log.org/images/themes/ease.jpg) + +* [mobile](https://github.com/b3log/solo-skins/tree/master/mobile)
+![mobile](https://solo.b3log.org/images/themes/mobile.jpg) + +* [Andrea](https://github.com/b3log/solo-skins/tree/master/Andrea) +![Andrea](https://solo.b3log.org/images/themes/andrea.jpg) + +* [classic](https://github.com/b3log/solo-skins/tree/master/classic) +![classic](https://solo.b3log.org/images/themes/classic.jpg) + +* [Community](https://github.com/b3log/solo-skins/tree/master/Community) +![Community](https://solo.b3log.org/images/themes/community.jpg) + +* [favourite](https://github.com/b3log/solo-skins/tree/master/favourite) +![favourite](https://solo.b3log.org/images/themes/favourite.jpg) + +* [tree-house](https://github.com/b3log/solo-skins/tree/master/tree-house) +![tree-house](https://solo.b3log.org/images/themes/tree-house.jpg) + +* [i-nove](https://github.com/b3log/solo-skins/tree/master/i-nove) +![i-nove](https://solo.b3log.org/images/themes/i-nove.jpg) + +* [NeoEase](https://github.com/b3log/solo-skins/tree/master/NeoEase) +![NeoEase](https://solo.b3log.org/images/themes/neoease.jpg) + +* [owmx-3.0](https://github.com/b3log/solo-skins/tree/master/owmx-3.0) +![owmx-3.0](https://solo.b3log.org/images/themes/owmx-3.0.jpg) + +* [bruce](https://github.com/b3log/solo-skins/tree/master/bruce) +![bruce](https://solo.b3log.org/images/themes/bruce.jpg) + +---- + +

+小而美博客系统 +

+ +

+ \ No newline at end of file From 24028932e412d8436e338a9b4197aa1a546b3425 Mon Sep 17 00:00:00 2001 From: Vanesssa Date: Sat, 1 Sep 2018 13:28:19 +0800 Subject: [PATCH 3/6] Update README.md --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 9aa110a..b98f885 100644 --- a/README.md +++ b/README.md @@ -23,7 +23,6 @@ ## 皮肤 ----------------------------- * [Medium](https://github.com/b3log/solo-skins/tree/master/Medium) ![Medium](https://solo.b3log.org/images/themes/medium.png) @@ -86,4 +85,4 @@

- \ No newline at end of file + From 8865ba8c87f18aa87dbaa669ecaac5a4c3821ec6 Mon Sep 17 00:00:00 2001 From: Van Date: Sat, 1 Sep 2018 17:49:25 +0800 Subject: [PATCH 4/6] :princess: --- nijigen/css/base.css | 896 ++++++++++++++++++++++++++++++++++++++- nijigen/css/base.min.css | 18 + 2 files changed, 913 insertions(+), 1 deletion(-) create mode 100644 nijigen/css/base.min.css 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 From 8cc787a71818316e34d2d8859ea6d368ec5e42b3 Mon Sep 17 00:00:00 2001 From: Van Date: Sat, 1 Sep 2018 23:51:36 +0800 Subject: [PATCH 5/6] :lips: list --- nijigen/archive-articles.ftl | 60 ++++---- nijigen/archives.ftl | 81 ++++++----- nijigen/article-list.ftl | 13 +- nijigen/article.ftl | 265 +++++++++++++++++----------------- nijigen/category-articles.ftl | 50 ++++--- nijigen/common-comment.ftl | 6 +- nijigen/css/base.css | 30 +++- nijigen/css/base.scss | 40 ++++- nijigen/dynamic.ftl | 102 ++++++------- nijigen/js/common.js | 261 +++++++++++++++++++-------------- nijigen/side.ftl | 12 +- nijigen/skin.properties | 5 +- 12 files changed, 523 insertions(+), 402 deletions(-) diff --git a/nijigen/archive-articles.ftl b/nijigen/archive-articles.ftl index c48b2e1..d7c5c73 100644 --- a/nijigen/archive-articles.ftl +++ b/nijigen/archive-articles.ftl @@ -20,34 +20,38 @@ <#include "macro-head.ftl"> - - <@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}"> - - - - - - <#include "header.ftl"> -
-
-
-
-

- -   - <#if "en" == localeString?substring(0, 2)> - ${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} - <#else> - ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} - - - ${archiveDate.archiveDatePublishedArticleCount} ${articleLabel} -

-
- <#include "article-list.ftl"> -
- <#include "side.ftl"> + +<@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}"> + + + + + +<#include "header.ftl"> +
+
+
+
+ + ${blogTitle} +   >   + + ${archiveLabel} +   >   + <#if "en" == localeString?substring(0, 2)> + ${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} + <#else> + ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} + + - ${archiveDate.archiveDatePublishedArticleCount} ${articleLabel}
- <#include "footer.ftl"> - + <#include "article-list.ftl"> +
+ <#include "side.ftl"> +
+<#include "footer.ftl"> + diff --git a/nijigen/archives.ftl b/nijigen/archives.ftl index 24b18d7..baa3515 100644 --- a/nijigen/archives.ftl +++ b/nijigen/archives.ftl @@ -20,42 +20,51 @@ <#include "macro-head.ftl"> - - <@head title="${blogTitle}"> - - - - - - <#include "header.ftl"> -
-
-
- -

-  ${statistic.statisticPublishedBlogArticleCount} ${articleLabel}

- - <#if 0 != archiveDates?size> - - -
- <#include "side.ftl"> + +<@head title="${blogTitle}"> + + + + + +<#include "header.ftl"> +
+
+
+
+ + ${blogTitle} +   >   + + ${statistic.statisticPublishedBlogArticleCount} ${archiveLabel}${articleLabel}
- <#include "footer.ftl"> - +
+
+ <#if 0 != archiveDates?size> + + +
+
+
+ <#include "side.ftl"> +
+<#include "footer.ftl"> + diff --git a/nijigen/article-list.ftl b/nijigen/article-list.ftl index f162666..d0668dd 100644 --- a/nijigen/article-list.ftl +++ b/nijigen/article-list.ftl @@ -19,7 +19,7 @@ -->
<#list articles as article> -
+
+ <@comments commentList=pageComments article=page> + + <#include "side.ftl"> +
+<#include "footer.ftl"> +<@comment_script oId=page.oId> + diff --git a/nijigen/tag-articles.ftl b/nijigen/tag-articles.ftl index f4ae0d1..604849f 100644 --- a/nijigen/tag-articles.ftl +++ b/nijigen/tag-articles.ftl @@ -20,27 +20,32 @@ <#include "macro-head.ftl"> - - <@head title="${tag.tagTitle} - ${blogTitle}"> - - - - - - <#include "header.ftl"> -
-
-
-
-

-  ${tag.tagTitle} - ${tagLabel} -

- <#include "article-list.ftl"> -
- <#include "side.ftl"> + +<@head title="${tag.tagTitle} - ${blogTitle}"> + + + + + +<#include "header.ftl"> +
+
+
+
+ + ${blogTitle} +   >   + + ${allTagsLabel} +   >   + ${tag.tagTitle} ${tagLabel}
- <#include "footer.ftl"> - + <#include "article-list.ftl"> +
+ <#include "side.ftl"> +
+<#include "footer.ftl"> + diff --git a/nijigen/tags.ftl b/nijigen/tags.ftl index 2372cf6..121ac22 100644 --- a/nijigen/tags.ftl +++ b/nijigen/tags.ftl @@ -20,45 +20,51 @@ <#include "macro-head.ftl"> - - <@head title="${allTagsLabel} - ${blogTitle}"> - - - - - - <#include "header.ftl"> -
-
-
-
-

-   ${sumLabel} ${tags?size} ${tagLabel} -

-
- <#list tags as tag> - - -
-
- <#include "side.ftl"> + +<@head title="${allTagsLabel} - ${blogTitle}"> + + + + + +<#include "header.ftl"> +
+
+
+
+ + ${blogTitle} +   >   + ${sumLabel} ${tags?size} ${tagLabel}
- <#include "footer.ftl"> - - - + +
+
+ <#list tags as tag> + + +
+
+
+ <#include "side.ftl"> +
+<#include "footer.ftl"> + + +