@jx3box/jx3box-editor 1.0.8 → 1.1.2

package/assets/css/module/npc.less

@@ -0,0 +1,224 @@
+.w-npc {
+    padding: 1px;
+    border: 1px solid #0f2222;
+    .w-npc-wrapper {
+        @min-width: 200px;
+        min-width: @min-width;
+        padding: 9px 10px 10px;
+        background-color: rgba(15, 34, 34, 0.88);
+        box-sizing: border-box;
+        display: flex;
+
+        div {
+            margin: 2px 0;
+        }
+
+        .w-npc-content {
+            box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+            margin-bottom: 10px;
+            padding: 10px;
+            .r(4px);
+            .clearfix;
+            .fz(13px);
+            color: #e7e7e7;
+        }
+
+        .u-icon {
+            .fl;
+            .mr(10px);
+            .r(4px);
+            box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
+        }
+
+        .u-isBoss {
+            .pa;
+            .rt(10px, 40px);
+            .z(2);
+            svg {
+                .size(20px);
+                .y(top);
+            }
+            font-style: normal;
+            .lh(20px);
+            .bold;
+        }
+
+        .u-id {
+            .pa;
+            .rt(22px,28px);
+            .pointer;
+            color: #5df9eb;
+        }
+
+        .u-title {
+            min-height: 48px;
+            .u-name {
+                .fz(18px);
+                color: #ebeef5;
+                margin-right: 5px;
+                .bold;
+                font-weight: 300;
+            }
+            .u-name-add {
+                .fz(12px);
+                color: #aaa;
+            }
+            .u-level {
+                .fz(12px);
+            }
+            border-bottom: 1px solid #4a5056;
+            padding-bottom: 10px;
+        }
+
+        .u-base {
+            .fz(12px, 2);
+
+            span {
+                &:after {
+                    content: "|";
+                    color: #aaa;
+                    padding: 0 5px;
+                }
+                &:last-child {
+                    &:after {
+                        .none;
+                    }
+                }
+            }
+        }
+
+        .u-primary {
+            margin-top: 10px;
+            min-height: 23px;
+            em {
+                .none;
+            }
+            b {
+                padding: 2px 5px;
+                .mr(15px);
+                .y(top);
+                .h(20px);
+                .fz(13px);
+                font-weight: normal;
+                color: #aaa;
+            }
+            div {
+                .fz(12px, 23px);
+                white-space: nowrap;
+                overflow-x: auto;
+            }
+
+            strong {
+                // color:#0cf;
+                .fz(13px);
+                color: #eee;
+            }
+
+            .u-range {
+                transform: skewX(-15deg);
+                background-color: #ddd;
+                .r(2px);
+                .w(220px);
+                .dbi;
+                .y(top);
+                .h(19px);
+                margin: 2px 0;
+                .pr;
+
+                strong {
+                    .h(100%);
+                    .db;
+                    .pa;
+                    .lt(0);
+                    font-weight: 400;
+                    text-indent: 10px;
+                    .r(2px);
+                    .fz(12px, 18px);
+                    color: #fff;
+                    max-width: 300%;
+                }
+            }
+        }
+
+        .u-sitem {
+            color: #aaa;
+        }
+        .u-shield,
+        .u-critical,
+        .u-attack {
+            .u-sitem {
+                .mr(20px);
+            }
+            .u-value {
+                padding: 0 5px;
+                .bold;
+                .fz(13px);
+                color: #eee;
+            }
+        }
+
+        .u-misc {
+            .u-remark {
+                margin-right: 20px;
+                strong {
+                    color: #f28f02;
+                    color: #f00;
+                }
+            }
+        }
+        .u-misc-tip {
+            .x;
+            background-color: #444;
+            .r(2px);
+            color: #999;
+            padding: 5px 10px;
+            a {
+                color: #fff;
+                margin: 0 3px;
+                box-shadow: 0 1px 0 #fff;
+            }
+            a:hover {
+                color: #eee;
+            }
+        }
+
+        .u-descicon {
+            .size(14px);
+            .y(-2px);
+            .mr(5px);
+        }
+        .u-descicon-life {
+            fill: #ffacd5;
+        }
+        .u-descicon-mana {
+            fill: #77e3ff;
+        }
+        .u-descicon-speed {
+            fill: #c2f703;
+        }
+        .u-descicon-shield {
+            fill: #49c10f;
+        }
+        .u-descicon-touch {
+            fill: #f1c309;
+        }
+        .u-descicon-sense {
+            fill: #c0a3ff;
+        }
+        .u-descicon-dodge {
+            fill: #49c10f;
+        }
+        .u-descicon-attack {
+            fill: #fc3c3c;
+        }
+    }
+    .u-primary{
+        .pr;
+    }
+}
+.c-article .e-jx3-npc {
+    text-decoration: underline;
+    &:hover {
+        box-shadow: none !important;
+    }
+}

package/assets/css/module/skill.less

@@ -38,7 +38,7 @@
 
     .w-skill-meta{
         .db;.fz(12px,20px);
-        color:#f00;
+        color:#5df9eb;
     }
 }
 

package/assets/css/module/talent.less

@@ -0,0 +1,424 @@
+// 输出样式
+.w-qixue-box {
+    @url: "https://img.jx3box.com/img/";
+
+    zoom: 1;
+
+    @color: #2e4946;
+    @gray: #6f888a;
+    @xf-l: 10px;
+    @xf-r: 5px;
+    @xf: 23px;
+    @out-bo: 2px;
+    @lp:@xf-l + @xf-r + @xf + @out-bo;
+    @space: 10px;
+    @bo: 2px;
+
+    //局部z级别
+    @icon-decorate: 5; //装饰框
+    @item-description: 999; //描述
+
+    .white() {
+        color: #fff;
+        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
+    }
+    // .dbi;
+    display:inline-flex;
+
+    background-color: @color;
+    .r(5px);
+    border: @out-bo solid @gray;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
+    //padding-right:5px;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    padding-right: 20px;
+    // padding-left: 10px;
+    white-space: nowrap;
+    font-size: 0;
+    // width:860px;
+    // overflow-x: auto;
+    // display: block;
+
+    &.isQQBrowser{
+        padding-right: 30px !important; //fix
+    }
+
+    //单项
+    li {
+        list-style: none;
+    }
+
+    //图片
+    img {
+        .db;
+        .size(48px);
+        .r(5px);
+        .auto(x);
+        box-sizing: border-box;
+        filter: saturate(110%) brightness(110%);
+        box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
+        user-select: none;
+    }
+
+    //心法label
+    .w-qixue-xf {
+        // .dbi;
+        .y(top);
+        .fz(14px);
+        .white;
+        .x;
+        
+        box-sizing: border-box;
+        .retext(y);
+        background: url("@{url}qixue/label.png") no-repeat 0 0;
+        .size(@xf,86px);
+        .mr(@xf-r);
+        .ml(@xf-l);
+        user-select: none;
+        //针对正文覆写
+        border: none;
+        font-weight: normal;
+        margin-top: 0;
+        margin-bottom: 0;
+        line-height: 1.1;
+        padding-right:5px;
+        letter-spacing:1px;
+
+        // word-wrap: break-word;
+        // padding-left:26px;
+        // white-space: wrap;
+    }
+
+    .w-qixue-clist {
+        margin: 0;
+    }
+
+    //公共单项
+    .w-qixue-clist-item,
+    .w-qixue-olist-item {
+        .u-pic {
+            .db;
+            .pr;
+            &:before,
+            &:after {
+                content: "";
+                .db;
+            }
+            &:after {
+                .size(52px);
+                .pa;
+                .lt(-2px,-2px);
+                background: url("@{url}qixue/bg.png") no-repeat 0 0;
+                .z(@icon-decorate + 1);
+            }
+        }
+        img {
+            .r(48px);
+            //针对正文覆写
+            padding: 0;
+            margin: 0;
+            border: none;
+        }
+        .u-title {
+            .white;
+            .fz(13px,14px);
+            .x;
+            .db;
+            .auto(x);
+            .mt(6px);
+            .w(48px);
+        }
+    }
+
+    //当前盒子
+    .w-qixue-clist {
+        .dbi;
+        .y(top);
+        font-size: 0;
+        white-space: nowrap;
+        margin-top: 8px;
+        .pr;
+        .z(2);
+
+        //针对正文覆写
+        padding-left: 0;
+    }
+    //当前单项
+    .w-qixue-clist-item {
+        .dbi;
+        .y;
+        padding-left: @space;
+        padding-right: @space;
+        .pr;
+
+        &:last-child {
+            margin-right: 0;
+        }
+
+        /* &.w-qixue-isskill .u-pic{
+            &:before{
+                .pa;.lt(0);
+                .full;
+                border:2px solid @color-cyan;
+            }
+        } */
+
+        &:before {
+            content: "";
+            .size(44px,11px);
+            background: url("@{url}qixue/fold.png") no-repeat 0 0;
+            margin: 0 2px;
+
+            .none;
+        }
+
+        &.on {
+            &:before {
+                background-image: url("@{url}qixue/unfold.png");
+            }
+        }
+    }
+
+    .pr;
+    .w-qixue-obox,
+    .w-qixue-olist,
+    .w-qixue-item-pop {
+        .none;
+    }
+    //全部扩展列表容器
+    .w-qixue-obox {
+        .pa;
+        .lb(@lp,100%);
+        white-space: nowrap;
+        font-size: 0;
+        &.on {
+            .db;
+        }
+    }
+    //单个扩展列表
+    .w-qixue-olist {
+        .pr;
+        .z(1000);
+        .dbi;
+        .y(bottom);
+        background-color: @color;
+        padding: @space - @bo;
+        border-top-left-radius: 5px;
+        border-top-right-radius: 5px;
+        border: @bo solid @gray;
+        border-bottom: none;
+        box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.4);
+
+        &:last-child {
+            margin-right: 0;
+        }
+
+        transform: scale(0);
+        &.on {
+            transform: scale(1);
+        }
+    }
+    .w-qixue-olist-item {
+        margin-bottom: 8px;
+        .pr;
+
+        .u-pic {
+            &:before {
+                .full;
+                .pa;
+                .lt(0);
+                background-color: rgba(0, 0, 0, 0.6);
+                .r(48px);
+                .z(@icon-decorate);
+            }
+        }
+
+        &:hover {
+            .u-pic {
+                &:before {
+                    .tm(0);
+                }
+            }
+        }
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+
+    //特殊技能
+    .w-qixue-is_skill {
+        .u-pic {
+            &:before,
+            img {
+                .r(0);
+            }
+            &:after {
+                .none;
+            }
+        }
+    }
+
+    //单个浮层描述
+    .w-qixue-item-pop {
+        .pa;
+        .lt(100%,0);
+        .z(@item-description);
+        background-color: rgba(0, 0, 0, 0.8);
+        margin-left: 4px;
+        .r(3px);
+        padding: 10px;
+        width: 320px;
+        max-width:none;
+
+        * {
+            .db;
+            white-space: normal;
+            word-wrap: break-word;
+            word-break: break-all;
+        }
+        .u-name,
+        .u-desc {
+            color: #ffff00;
+        }
+        .u-name {
+            .fz(14px,2);
+        }
+        .u-desc {
+            .fz(12px,20px);
+        }
+        .u-skill {
+            color: #fff;
+            .fz(13px,20px);
+        }
+        .u-meta,
+        .u-extend {
+            color: #ff9600;
+            .fz(13px,2);
+            font-style: normal;
+        }
+        &.on {
+            .db;
+        }
+    }
+    //展示版奇穴的pop显示位置
+    .w-qixue-clist-item .w-qixue-item-pop {
+        left: 0;
+        top: auto;
+        bottom: 100%;
+        .mb(10px);
+    }
+}
+@media screen and (max-width: @ipad) {
+    .w-qixue-box {
+        // zoom: 0.8;
+        .clearfix;
+
+        .db;
+        .w(auto);
+        li,
+        .w-qixue-xf {
+            .fl;
+            margin-bottom: 10px;
+        }
+        .w-qixue-xf {
+            .none;
+        }
+        .w-qixue-clist{
+            // .w(100%);
+            // overflow-x: auto;
+            .db;
+            .clearfix;
+            margin-top:0;
+        }
+    }
+}
+
+.w-qixue-editable {
+    .w-qixue-xf{
+        margin-top: 5px;
+    }
+    li {
+        .pointer;
+    }
+    .w-qixue-clist-item {
+        user-select: none;
+    }
+    .w-qixue-clist-item:before {
+        .db;
+    }
+
+    &.disabled:after {
+        content: "";
+        .db;
+        .full;
+        .pa;
+        .lt(0);
+        .z(10);
+        background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    &.active {
+        &:after {
+            .none;
+        }
+    }
+    //编辑模式下当前版不加载pop
+    .w-qixue-clist-item .w-qixue-item-pop {
+        .none !important;
+    }
+}
+
+@media screen and (max-width: @ipad) {
+    .w-qixue-editable {
+        // zoom: 0.8;
+
+        .db;
+        .w(auto);
+        //overflow-x:auto;
+        //overflow-y:visible;
+        li,
+        .w-qixue-xf {
+            .fl;
+            margin-bottom: 10px;
+        }
+        .w-qixue-obox {
+            left: 0;
+        }
+        .w-qixue-olist {
+            .clearfix;
+            .none;
+            &.on {
+                .db;
+            }
+
+            li {
+                .mr(10px);
+                &:last-child {
+                    .mr(0);
+                }
+                transform: scale(1);
+            }
+        }
+
+        .w-qixue-item-pop {
+            left: 0;
+            top: auto;
+            bottom: 100%;
+        }
+    }
+}
+
+// 打印样式
+@media print{
+	.w-qixue-box{
+        page-break-inside: avoid !important;
+        padding-right:40px;
+        .w-qixue-clist-item{
+            padding-left:5px;
+            padding-right:0;
+            transform: scale(0.85);
+        }
+    }
+}

package/assets/css/resource.less

@@ -94,6 +94,10 @@
             .fz(13px, 1.8);
             .mb(5px);
             .db;
+
+            .u-map, .u-life, {
+                .mr(20px)
+            }
         }
         .u-remark {
             .fz(12px, 1.8);

package/assets/css/{module → tinymce}/_.less

@@ -1,4 +1,4 @@
-.c-article{
+.c-article-tinymce{
     font-size: 1em;
     line-height: 1.8;
     color: #3d454d;

package/assets/css/{module → tinymce}/a.less

@@ -1,5 +1,5 @@
 /* 链接 */
-.c-article {
+.c-article-tinymce .c-article{
     a {
         color: #0366d6;
         text-decoration: none;

package/assets/css/{module → tinymce}/code.less

@@ -1,4 +1,4 @@
-.c-article {
+.c-article-tinymce .c-article {
     //兼容旧代码
     code {
         font-family: Consolas, monospace, serif;

package/assets/css/{module → tinymce}/fold.less

@@ -1,5 +1,5 @@
 // 折叠文本
-.c-article {
+.c-article-tinymce .c-article {
     .e-details,
     .e-summary {
         font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,

package/assets/css/{module → tinymce}/h.less

@@ -1,5 +1,5 @@
 //标题
-.c-article {
+.c-article-tinymce .c-article {
     h1,
     h2,
     h3,

package/assets/css/{module → tinymce}/hr.less

@@ -1,5 +1,5 @@
 /* 水平线 */
-.c-article {
+.c-article-tinymce .c-article{
     hr {
         margin-top: 22px;
         margin-bottom: 22px;

package/assets/css/{module → tinymce}/img.less

@@ -1,5 +1,5 @@
 //图片
-.c-article {
+.c-article-tinymce .c-article {
     img {
         height: auto;
         padding: 5px;