blob: 20af49937c319bb005d70f74d67d95024213b78c [file] [log] [blame]
Tang Cheng60ba8032016-06-20 15:31:17 +08001/**
2 * Base Hexo and Theme styles
3 *
4 * This stylesheet is meant to give a baseline style
5 * for the built-in Hexo tags and theme markdown. They shouldn't need
6 * to change as often as the styles in `custom.css` (in theory).
7 */
8
9/* Globals */
10
11.left, .alignleft {
12 float: left;
13}
14.right, .alignright {
15 float: right;
16}
17
18/* Sidebar */
19
20.sidebar-module-list-count {
21 padding-left: 5px;
22}
23.sidebar-module-list-count:before { content: "("; }
24.sidebar-module-list-count:after { content: ")"; }
25
26/* Articles */
27
28.article-entry {
29 overflow: hidden; /* fixes problems on small width devices */
30}
31
32.article-meta {
33 margin-bottom: 20px;
34}
35.article-meta > * {
36 display: inline-block;
37 margin-right: 15px;
38}
39
40.article-date:before,
41.article-author:before,
42.article-category-link:before {
43 display: inline-block;
44 font-family: FontAwesome;
45 margin-right: 0.25em;
46 text-rendering: auto;
47 -webkit-font-smoothing: antialiased;
48}
49.article-date:before { content: "\f073"; }
50.article-author:before { content: "\f007"; }
51.article-category-link:before { content: "\f07b"; }
52
53/* blockquote */
54.article-entry blockquote footer cite {
55 display: inline-block;
56}
57.article-entry blockquote footer cite::before {
58 content: "~";
59 padding: 0px 0.5em;
60}
61
62.article-entry .pullquote.right {
63 margin-right: 0.5em;
64 margin-left: 1em;
65}
66.article-entry .pullquote {
67 text-align: left;
68 width: 45%;
69 margin: 0;
70}
71
72/* article tags */
73.article-tag-list {
74 margin: 0;
75 padding: 0;
76 list-style-type: none;
77}
78.article-tag-list-item {
79 display: inline-block;
80 margin-right: 15px;
81}
82.article-tag-list-link:before {
83 display: inline-block;
84 font-family: FontAwesome;
85 content: "\f02b";
86 margin-right: 0.25em;
87 text-rendering: auto;
88 -webkit-font-smoothing: antialiased;
89}
90
91.article-footer {
92 border-top: 1px solid #eee;
93 padding-top: 15px;
94}
95
96.article-comment-link { display: inline-block; }
97.article-share-link {
98 cursor: pointer;
99 float: right;
100 margin-left: 20px;
101}
102
103/* prev/next navigation between articles */
104#article-nav {
105 margin-top: 30px;
106}
107#article-nav>li {
108 padding: 2px;
109 font-size: 0.8em;
110}
111#article-nav>li>a {
112 border: 1px solid #337ab7;
113}
114#article-nav>li>a:hover {
115 border: 1px solid #23527c;
116}
117.article-nav-link-wrap .fa {
118 margin: 4px 0;
119}
120
121/* article media */
122
123.article-entry img,
124.article-entry video {
125 max-width: 100%;
126 height: auto;
127 display: block;
128 margin: auto;
129}
130.article-entry .caption {
131 color: #999;
132 display: block;
133 font-size: 0.9em;
134 margin-top: 0.5em;
135 position: relative;
136 text-align: center;
137}
138.article-entry .video-container {
139 position: relative;
140 padding-top: 56.25%;
141 height: 0;
142 overflow: hidden;
143}
144.article-entry .video-container iframe,
145.article-entry .video-container object,
146.article-entry .video-container embed {
147 position: absolute;
148 top: 0;
149 left: 0;
150 width: 100%;
151 height: 100%;
152 margin-top: 0;
153}
154
155.article-gallery {
156 padding-top: 15px;
157 border-top: 1px solid #eee;
158}
159
160/* Archives */
161
162.archive-year-wrap {
163 border-bottom: 1px solid #eee;
164 font-size: 2em;
165}
166.archive-article {
167 margin: 30px 0;
168}
169.archive-article h1 {
170 margin: 0;
171 font-size: 1.3em;
172}