{"id":14,"date":"2024-02-08T18:31:56","date_gmt":"2024-02-08T10:31:56","guid":{"rendered":"https:\/\/www.yanwenkai.com\/?page_id=14"},"modified":"2024-09-10T15:44:19","modified_gmt":"2024-09-10T07:44:19","slug":"14-2","status":"publish","type":"page","link":"https:\/\/www.yanwenkai.com\/?page_id=14","title":{"rendered":"\u8bf4\u8bf4"},"content":{"rendered":"<style>\/** \u5782\u76f4\u65f6\u95f4\u7ebfCSS\u6837\u5f0f *\/\r\n \r\n.cbp_tmtimeline {\r\n    margin: 30px 0 0 0;\r\n    padding: 0;\r\n    list-style: none;\r\n    position: relative;\r\n} \r\n\/* The line *\/\r\n.cbp_tmtimeline:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 10px;\r\n    background: #afdcf8;\r\n    left: 20%;\r\n    margin-left: -6px;\r\n}\r\n\/* The date\/time *\/\r\n.cbp_tmtimeline > li .cbp_tmtime {\r\n    display: block;\r\n    width: 30%;\r\n    padding-right: 100px;\r\n    position: absolute;\r\n    color: #AAA;\r\n}\r\n.cbp_tmtimeline > li .cbp_tmtime span {\r\n    display: block;\r\n    text-align: right;\r\n}\r\n.cbp_tmtimeline > li .cbp_tmtime span:first-child {\r\n    font-size: 0.9em;\r\n    color: #bdd0db;\r\n}\r\n.cbp_tmtimeline > li .cbp_tmtime span:last-child {\r\n    font-size: 2.9em;\r\n    color: #24a0f0;\r\n}\r\n.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {\r\n    color: #7878f0;\r\n}\r\n\/* Right content *\/\r\n.cbp_tmtimeline > li .cbp_tmlabel {\r\n    margin: 0 0 15px 25%;\r\n    background: #24a0f0;\r\n    color: #fff;\r\n    padding: 0.8em;\r\n    font-size: 1.2em;\r\n    font-weight: 300;\r\n    line-height: 1.4;\r\n    position: relative;\r\n    border-radius: 5px;\r\n}\r\n.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {\r\n    background: #7878f0;\r\n}\r\n.cbp_tmtimeline > li .cbp_tmlabel h2 { \r\n    border-bottom: 0px;\r\n    border-top:1px dashed #FFF; \r\n    font-size:16px; \r\n    height: 24px; \r\n    padding: 5px 3px 12px; \r\n    margin:0px;\r\n}\r\n.cbp_tmtimeline > li .cbp_tmlabel h2 > span { \r\n    font-size: 12px; \r\n    float: right; \r\n    text-align: center; \r\n    line-height: 24px; \r\n    overflow: hidden; \r\n    text-overflow: ellipsis; \r\n    white-space: nowrap;\r\n}\r\n\/* The triangle *\/\r\n.cbp_tmtimeline > li .cbp_tmlabel:after {\r\n    right: 100%;\r\n    border: solid transparent;\r\n    content: \" \";\r\n    height: 0;\r\n    width: 0;\r\n    position: absolute;\r\n    pointer-events: none;\r\n    border-right-color: #24a0f0;\r\n    border-width: 10px;\r\n    top: 10px;\r\n}\r\n.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {\r\n    border-right-color: #7878f0;\r\n}\r\n\/* The icons *\/\r\n.cbp_tmtimeline > li .cbp_tmicon {\r\n    width: 48px;\r\n    height: 48px;\r\n    font-family: 'ecoico';\r\n    speak: none;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-variant: normal;\r\n    text-transform: none;\r\n    font-size: 48px;\r\n    line-height: 48px;\r\n    -webkit-font-smoothing: antialiased;\r\n    position: relative;\r\n    color: #fff;\r\n    background: #46a4da;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 0 8px #afdcf8;\r\n    text-align: center;\r\n    left: 20%;\r\n    top: 0;\r\n    margin: 0 0 0 -25px;\r\n}\r\n.cbp_tmtimeline > li .cbp_tmicon >img {\r\n    border-radius: 50%; \r\n    position: absolute; \r\n    top: 0px; \r\n    left: 0px;\r\n}\r\n\/* Example Media Queries *\/\r\n@media screen and (max-width: 65.375em) {\r\n    .cbp_tmtimeline > li .cbp_tmtime span:last-child {\r\n        font-size: 1.5em;\r\n    }\r\n}\r\n@media screen and (max-width: 47.2em) {\r\n    .cbp_tmtimeline:before {\r\n        display: none;\r\n    }\r\n    .cbp_tmtimeline > li .cbp_tmtime {\r\n        width: 100%;\r\n        position: relative;\r\n        padding: 0 0 20px 0;\r\n    }\r\n    .cbp_tmtimeline > li .cbp_tmtime span {\r\n        text-align: left;\r\n    }\r\n    .cbp_tmtimeline > li .cbp_tmlabel {\r\n        margin: 0 0 30px 0;\r\n        padding: 1em;\r\n        font-weight: 400;\r\n        font-size: 95%;\r\n    }\r\n    .cbp_tmtimeline > li .cbp_tmlabel:after {\r\n        right: auto;\r\n        left: 20px;\r\n        border-right-color: transparent;\r\n        border-bottom-color: #24a0f0;\r\n        top: -20px;\r\n    }\r\n    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {\r\n        border-right-color: transparent;\r\n        border-bottom-color: #7878f0;\r\n    }\r\n    .cbp_tmtimeline > li .cbp_tmicon {\r\n        position: relative;\r\n        float: right;\r\n        left: auto;\r\n        margin: -55px 5px 0 0px;\r\n    }\r\n}<\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":462,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"shuoshuo.php","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.yanwenkai.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yanwenkai.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yanwenkai.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yanwenkai.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yanwenkai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":2,"href":"https:\/\/www.yanwenkai.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/www.yanwenkai.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/29"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yanwenkai.com\/index.php?rest_route=\/wp\/v2\/media\/462"}],"wp:attachment":[{"href":"https:\/\/www.yanwenkai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}