77if (!defined ('__TYPECHO_ROOT_DIR__ ' )) exit ;
88$ this ->need ('includes/header.php ' );
99?>
10- <div class="container-lg animate__animated animate__fadeIn" id="pjax-container">
11- <div class="row">
12- <?php $ this ->need ('includes/nav.php ' ); ?>
13-
14- <div class="col-xl-7 col-md-7 col-12 page" id="pjax-container">
10+ <?php $ this ->need ('includes/body-layout.php ' );?>
11+ <div class="hbox hbox-auto-xs hbox-auto-sm archive-page index">
12+ <div class="col center-part">
13+ <div class="page">
1514 <article class="post" id="post-<?php $ this ->cid (); ?> ">
1615 <nav aria-label="breadcrumb">
1716 <ol class="breadcrumb">
2423 <?php endif ; ?>
2524 </ol>
2625 </nav>
27- <!-- <h1 class="article-title"><a href="--><?php //$this->permalink(); ?> <!--">--><?php //$this->title(); ?> <!--</a></h1>-->
28- <style>
29- html {
30- overflow-x: hidden;
31- overflow-y: auto
32- }
33-
34- #archives-tags, #archives-categories {
35- margin: 30px 0;
36- position: relative
37- }
38-
39- .theme-dark #archives-tags > div, .theme-dark #archives-categories > div {
40- color: rgba(255, 255, 255, 0.6)
41- }
42-
43- #archives-tags > div, #archives-categories > div {
44- font-size: 1.5rem;
45- position: relative;
46- color: rgba(0, 0, 0, 0.6);
47- padding: 0 0 0 20px;
48- margin: 0 0 20px 0;
49- }
50-
51- #archives-tags-list, #archives-cate-list {
52- margin: 0;
53- padding: 0 0 0 40px
54- }
55-
56- .archives-tags-item:before, .archives-cate-item:before {
57- border-top: 12.5px solid transparent;
58- border-right: 10px solid rgba(0, 0, 0, 0.6);
59- border-bottom: 12.5px solid transparent;
60- content: "";
61- height: 0;
62- position: absolute;
63- top: 0;
64- left: -10px;
65- width: 0
66- }
67-
68- .archives-tags-item:after, .archives-cate-item:after {
69- background-color: #f2f2f2;
70- border-radius: 50%;
71- content: "";
72- height: 4px;
73- position: absolute;
74- top: 50%;
75- transform: translateY(-50%);
76- left: -4px;
77- width: 4px
78- }
79-
80- .archives-tags-item, .archives-cate-item {
81- font-size: 15px;
82- line-height: 15px;
83- list-style: none;
84- padding: 5px 8px;
85- margin: 4px 6px;
86- display: inline-block;
87- position: relative;
88- word-break: break-all;
89- background-color: rgba(0, 0, 0, 0.6);
90- border-radius: 0 5px 5px 0
91- }
92-
93- .archives-tags-item > a, .archives-cate-item > a {
94- color: #fff
95- }
96-
97- #timeline-container {
98- position: relative
99- }
100-
101- #timeline-container:before {
102- z-index: -1;
103- content: '';
104- position: absolute;
105- width: 4px;
106- left: 73px;
107- top: 10px;
108- height: 100%;
109- background-color: #dcdcdc
110- }
111-
112- .timeline-ym {
113- position: relative;
114- display: inline-block;
115- margin: 10px 0;
116- padding: 0 12px;
117- font-size: 1rem;
118- left: 10px;
119- background-color: #6f6f6f;
120- height: 32px;
121- line-height: 32px;
122- border-radius: 20px
123- }
124-
125- .timeline-ym a {
126- color: #fff
127- }
128-
129- .timeline-box {
130- padding-left: 90px;
131- position: relative
132- }
133-
134- .timeline-box:before {
135- content: '';
136- width: 20px;
137- height: 20px;
138- line-height: 20px;
139- color: #fff;
140- text-align: center;
141- background-color: #8a8a8a;
142- border-radius: 50%;
143- position: absolute;
144- left: 65px;
145- top: 5.5px
146- }
147-
148- .timeline-post:before {
149- content: "";
150- width: 12px;
151- height: 12px;
152- position: absolute;
153- border-radius: 50%;
154- background-color: #f2f2f2;
155- top: 9.5px;
156- left: -36px;
157- transition: all .5s ease;
158- -webkit-transition: all .5s ease
159- }
160-
161- .timeline-post {
162- padding: 0;
163- font-size: .95rem;
164- display: block;
165- min-height: 2rem;
166- line-height: 2rem;
167- border-radius: 4px;
168- position: relative;
169- margin: 5px 0 5px 15px
170- }
171-
172- .timeline-post a {
173- position: relative
174- }
175-
176- .timeline-post a::after {
177- content: '';
178- display: block;
179- width: 0;
180- height: 2px;
181- position: absolute;
182- left: 0;
183- bottom: -5px;
184- background: #6f6f6f;
185- transition: all .5s ease-in-out
186- }
187-
188- .timeline-post a:hover::after {
189- width: 100%
190- }
191-
192- .timeline-post:hover::before {
193- background-color: #474747
194- }
195-
196- .timeline-post-time {
197- position: absolute;
198- color: #6f6f6f;
199- font-family: Consolas;
200- font-size: .9rem;
201- left: -80px;
202- top: 0
203- }</style>
204- <!-- --><?php //$this->widget('Widget_Metas_Tag_Cloud', 'ignoreZeroCount=0')->to($tags); ?>
205- <!-- --><?php //if ($tags->have()): ?>
206- <!-- <div id="archives-tags" class="animated bounceInLeft">-->
207- <!-- <div>标签分类</div>-->
208- <!-- <ul id="archives-tags-list">-->
209- <!-- --><?php //while ($tags->next()): ?>
210- <!-- <li class="archives-tags-item"><a href="--><?php //$tags->permalink(); ?> <!--"-->
211- <!-- target="_blank">--><?php //$tags->name(); ?> <!--</a></li>-->
212- <!-- --><?php //endwhile; ?>
213- <!-- </ul>-->
214- <!-- </div>-->
215- <!-- --><?php //endif; ?>
26+ <style>html{overflow-x:hidden;overflow-y:auto}#archives-tags,#archives-categories{margin:30px 0;position:relative}.theme-dark #archives-tags>div,.theme-dark #archives-categories>div{color: rgba(255,255,255,0.6)}#archives-tags>div,#archives-categories>div{font-size:1.5rem;position:relative;color:rgba(0,0,0,0.6);padding:0 0 0 20px;margin:0 0 20px 0;}#archives-tags-list,#archives-cate-list{margin:0;padding:0 0 0 40px}.archives-tags-item:before,.archives-cate-item:before{border-top:12.5px solid transparent;border-right:10px solid rgba(0,0,0,0.6);border-bottom:12.5px solid transparent;content:"";height:0;position:absolute;top:0;left:-10px;width:0}.archives-tags-item:after,.archives-cate-item:after{background-color:#f2f2f2;border-radius:50%;content:"";height:4px;position:absolute;top:50%;transform:translateY(-50%);left:-4px;width:4px}.archives-tags-item,.archives-cate-item{font-size:15px;line-height:15px;list-style:none;padding:5px 8px;margin:4px 6px;display:inline-block;position:relative;word-break:break-all;background-color:rgba(0,0,0,0.6);border-radius:0 5px 5px 0}.archives-tags-item>a,.archives-cate-item>a{color:#fff}#timeline-container{position:relative}#timeline-container:before{z-index:0;content:'';position:absolute;width:4px;left:73px;top:10px;height:100%;background-color:#dcdcdc}.timeline-ym{position:relative;display:inline-block;margin:10px 0;padding:0 12px;font-size:1rem;left:10px;background-color:#6f6f6f;height:32px;line-height:32px;border-radius:20px}.timeline-ym a{color:#fff}.timeline-box{padding-left:90px;position:relative}.timeline-box:before{content:'';width:20px;height:20px;line-height:20px;color:#fff;text-align:center;background-color:#8a8a8a;border-radius:50%;position:absolute;left:65px;top:5.5px}.timeline-post:before{content:"";width:12px;height:12px;position:absolute;border-radius:50%;background-color:#f2f2f2;top:9.5px;left:-36px;transition:all .5s ease;-webkit-transition:all .5s ease}.timeline-post{padding:0;font-size:.95rem;display:block;min-height:2rem;line-height:2rem;border-radius:4px;position:relative;margin:5px 0 5px 15px}.timeline-post a{position:relative}.timeline-post a::after{content:'';display:block;width:0;height:2px;position:absolute;left:0;bottom:-5px;background:#6f6f6f;transition:all .5s ease-in-out}.timeline-post a:hover::after{width:100%}.timeline-post:hover::before{background-color:#474747}.timeline-post-time{position:absolute;color:#6f6f6f;font-family:Consolas;font-size:.9rem;left:-80px;top:0}</style>
21627 <div id="archives-categories" class="animated bounceInRight">
21728 <div>圈子</div>
218- <?php $ this ->widget ('Widget_Metas_Category_List ' )->to ($ category ); ?>
29+ <?php $ category = null ;
30+ $ this ->widget ('Widget_Metas_Category_List ' )->to ($ category ); ?>
21931 <ul id="archives-cate-list">
22032 <?php while ($ category ->next ()): ?>
22133 <li class="archives-cate-item"><a href="<?php $ category ->permalink (); ?> "
22436 </ul>
22537 </div>
22638 <div id="timeline-container" class="animated bounceInLeft">
227- <?php $ this ->widget ('Widget_Contents_Post_Recent ' , 'pageSize=200 ' )->to ($ post ); ?>
39+ <?php $ post =null ;
40+ $ this ->widget ('Widget_Contents_Post_Recent ' , 'pageSize=200 ' )->to ($ post ); ?>
22841 <?php while ($ post ->next ()): ?>
22942 <?php utils::pageArchives ($ post ); ?>
23043 <?php endwhile ; ?>
23144 </div>
23245 </article>
23346 </div>
234- <?php $ this ->need ('includes/right.php ' ); ?>
23547 </div>
48+ <?php $ this ->need ('includes/right.php ' ); ?>
23649 </div>
50+ <?php $ this ->need ('includes/body-layout-end.php ' );?>
51+
23752<?php $ this ->need ('includes/footer.php ' ); ?>
0 commit comments