body { font-family: "Roboto Condensed", Arial, sans-serif; background: url("../img/subtle_dots.png"); line-height: 1.5em; font-weight: 300; font-size: 16px; color: #666; } hr { margin-top: 20px; margin-bottom: 20px; border: 1 border-top: 1px solid #F7F1F1; border-bottom: 1px solid #fff; } span.time, span.categories { color: #ADADAD; margin-bottom: 5px; font-size: 11px; } h1, h2, h3 { color: #696969; font-weight: normal; } h1 { margin-bottom: 10px; font-size: 25px; } h2, h3 { margin-bottom: 5px; } a, a:link, a:active { text-decoration: none; color: #1d77f4; } a:hover { color: #B3B3B3; text-decoration: underline; } .text-primary { color: #3855BD!important; } /* Layout */ .main-layout { background: #fff; border: 1px solid rgba(189, 93, 56, 0.2); } .sidebar-nav { margin: 0; padding: 0; font-size: 1em; } .sidebar-nav li { margin: 0; list-style: none; } .sidebar-nav li::before { content: "»"; margin-right: .5em; } /* Content */ 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; } /* Left column */ div.col-sm-3 { margin-top: 50px; color: #666; } div.col-sm-3 strong { font-size: 16px; 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: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-left: auto; margin-right: auto; width: 150px; height: 150px; box-shadow: 0px 5px 15px 0px rgba(0,0,0, 0.4); -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0, 0.4); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0, 0.4); -o-box-shadow: 0px 5px 15px 0px rgba(0,0,0, 0.4); } /* 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; } /* 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: #3855BD; } .social li a:hover { color: #6D6D6D; } .share-page { padding: 10px 10px 5px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; } .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; } } /* Home */ .home-quick-links { margin-top: 15px; } .home-quick-links .home-quick-links__link { text-align: center; } .header-content { background-image: url('../img/header_bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position-y: center; height: 300px; margin-bottom: 15px; } .header-content .header-content__message { color: #fff; position: relative; top: 250px; font-size: 1.8em; text-align: center; display: block; text-decoration: underline; text-transform: uppercase; }