Files
cryptoanarchywiki.github.io/static/css/main.css
2018-05-26 16:20:54 +02:00

192 lines
3.1 KiB
CSS

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: #666;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
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: #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 */
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: 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;
}
.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;
}
}