/* Layout */ .content, .footer { padding: 20px; } .header a, #navbar { padding-left: 20px; } .navbar-item { margin-right: 5px; } .post { padding-bottom: 20px; } .post-title, .post-title h1 { margin-bottom: 10px; } .post-description { padding-top: 10px; } .readmore { padding-top: 5px; } .tags { padding-left: 5px; } body { margin: auto; max-width: 720px; } * { box-sizing: border-box; } /* Styling */ #navbar h2 { color: inherit; text-decoration: inherit; } .header a { color: inherit; } .post-title a { color: inherit; text-decoration: inherit; } body { background-color: #111; color: lightgray; font-family: sans-serif; } a { color: #4da6ff; text-decoration: inherit; } a:hover { text-decoration: underline; } blockquote { border-left: 5px solid #222; padding-left: 10px; } /* Breadcrumb Navigation */ ul.breadcrumb { padding 10px 16px; list-style: none; } ul.breadcrumb li { display: inline; } ul.breadcrumb li a { text-decoration: none; } ul.breadcrumb li+li:before { padding: 8px; content: "/\00a0"; } ul.breadcrumb li.active a { color: inherit; text-decoration: none; }