UNPKG

2.41 kBCSSView Raw
1/*
2 * Globals
3 */
4
5body {
6 font-family: Georgia, "Times New Roman", Times, serif;
7 color: #555;
8}
9
10h1, .h1,
11h2, .h2,
12h3, .h3,
13h4, .h4,
14h5, .h5,
15h6, .h6 {
16 margin-top: 0;
17 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
18 font-weight: normal;
19 color: #333;
20}
21
22
23/*
24 * Override Bootstrap's default container.
25 */
26
27@media (min-width: 1200px) {
28 .container {
29 width: 970px;
30 }
31}
32
33
34/*
35 * Masthead for nav
36 */
37
38.blog-masthead {
39 background-color: #428bca;
40 -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
41 box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
42}
43
44/* Nav links */
45.blog-nav-item {
46 position: relative;
47 display: inline-block;
48 padding: 10px;
49 font-weight: 500;
50 color: #cdddeb;
51}
52.blog-nav-item:hover,
53.blog-nav-item:focus {
54 color: #fff;
55 text-decoration: none;
56}
57
58/* Active state gets a caret at the bottom */
59.blog-nav .active {
60 color: #fff;
61}
62.blog-nav .active:after {
63 position: absolute;
64 bottom: 0;
65 left: 50%;
66 width: 0;
67 height: 0;
68 margin-left: -5px;
69 vertical-align: middle;
70 content: " ";
71 border-right: 5px solid transparent;
72 border-bottom: 5px solid;
73 border-left: 5px solid transparent;
74}
75
76
77/*
78 * Blog name and description
79 */
80
81.blog-header {
82 padding-top: 20px;
83 padding-bottom: 20px;
84}
85.blog-title {
86 margin-top: 30px;
87 margin-bottom: 0;
88 font-size: 60px;
89 font-weight: normal;
90}
91.blog-description {
92 font-size: 20px;
93 color: #999;
94}
95
96
97/*
98 * Main column and sidebar layout
99 */
100
101.blog-main {
102 font-size: 18px;
103 line-height: 1.5;
104}
105
106/* Sidebar modules for boxing content */
107.sidebar-module {
108 padding: 15px;
109 margin: 0 -15px 15px;
110}
111.sidebar-module-inset {
112 padding: 15px;
113 background-color: #f5f5f5;
114 border-radius: 4px;
115}
116.sidebar-module-inset p:last-child,
117.sidebar-module-inset ul:last-child,
118.sidebar-module-inset ol:last-child {
119 margin-bottom: 0;
120}
121
122
123/* Pagination */
124.pager {
125 margin-bottom: 60px;
126 text-align: left;
127}
128.pager > li > a {
129 width: 140px;
130 padding: 10px 20px;
131 text-align: center;
132 border-radius: 30px;
133}
134
135
136/*
137 * Blog posts
138 */
139
140.blog-post {
141 margin-bottom: 60px;
142}
143.blog-post-title {
144 margin-bottom: 5px;
145 font-size: 40px;
146}
147.blog-post-meta {
148 margin-bottom: 20px;
149 color: #999;
150}
151
152
153/*
154 * Footer
155 */
156
157.blog-footer {
158 padding: 40px 0;
159 color: #999;
160 text-align: center;
161 background-color: #f9f9f9;
162 border-top: 1px solid #e5e5e5;
163}
164.blog-footer p:last-child {
165 margin-bottom: 0;
166}