body { font-family: "Roboto Condensed", Arial, sans-serif; background: url("/static/img/subtle_dots.png"); line-height: 1.5em; font-weight: 300; font-size: 16px; color: #333; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #F7F1F1; border-bottom: 1px solid #fff; } span.time, span.categories { color: #777; margin-bottom: 5px; font-size: 14px; } h1, h2, h3 { color: #696969; font-weight: normal; } h1 { margin-bottom: 10px; font-size: 25px; } h2 { font-size: 20px; } h3 { font-size: 16px; } a, a:link, a:active { text-decoration: none; color: #680ea4; } a:hover { color: #a0a0a0; text-decoration: underline; } /* Layout */ .main-layout { background: #fff; } .sidebar-nav { margin: 0; padding: 0; } .sidebar-nav li { margin: 0; list-style: none; } .sidebar-nav li::before { content: "ยป"; margin-right: .5em; } /* Content */ .index-header h1, .index-header p { font-family: monospace; } div#home { margin-top: 10px; } div.content { padding-top: 10px; } div.content pre { background: #333333; padding: 10px; color: #FFF; overflow-x: auto; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; border: none; } div.content .highlight { background: #333333; } footer { border-top: 1px solid #F7F1F1; width: 100%; height: 10px; margin-top: 10px; margin-bottom: 3em; padding-top: 10px; color: #C2C2C2; font-size: 11px; bottom: 0; padding-bottom: 10px; } .dark-wallet-logo { background-color: black; height: 100px; width: 100px; } /* Left column */ div.col-sm-3 { margin-top: 100px; font-size: 14px; color: #666; } div.col-sm-3 strong { font-size: 18px; color: #4A4A4A; font-weight: normal; } div.col-sm-3 div.profile-about { margin-top: 10px; color: #8C8C8C; } div.col-sm-3 img.profile-avatar { border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; margin-left: auto; margin-right: auto; } .author-name a, .author-name a:active, .author-name a:hover { color: #696969; text-decoration: none; } /* Pagination */ .PageNavigation { font-size: 14px; display: block; width: auto; overflow: hidden; } .PageNavigation a { display: block; width: 50%; float: left; margin: 1em 0; } .PageNavigation .next { text-align: right; } .PageNavigation .prev { text-align: left; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #9943d2; border-color: #9943d2; } .pagination > li > a, .pagination > li > span { color: #680ea4; } /* Social Icons */ .social{ display: block; margin: 10px 0; } .social ul { list-style-type: none; margin: 0; padding: 0; } .social ul li { display: inline-block; margin: 0 5px; } .social li a { font-size: 16px; color: #969394; } .social li a:hover { color: #6D6D6D; } .post-content img, .content img { max-width: 100% } /* Responsive Conditional */ @media (min-width: 1024px) { .fixed-condition { position: fixed; max-width: 255px; } } @media (max-width: 768px) { div.col-sm-3 { margin-top: 30px; } }