/*
Artifact
CSS By Tomas Pollak, Fork Ltd. (forkhq.com) GPLv3
*/
html{
background-color: #fafafa;
}
body {
background-color: #fff;
}
/* container ————————————————————-*/
main {
background: #fff; margin-top: 50px; padding-bottom: 40px; position: relative;
}
.container {
padding: 0 20px;
}
/* fonts ————————————————————-*/
html, body, div, p, a, input, button, select, textarea{
font-family: "Open Sans", Arial, sans-serif;
}
h1, h2, h3, h4 {
font-family: 'Lato', Helvetica, sans-serif;
}
h1 {
margin-bottom: 18px;
}
h2 {
margin-bottom: 10px;
}
/* form elements, buttons ————————————————————–*/
.form input, .form input, .form input, .form input, .form textarea {
border-width: 2px;
}
.btn {
border: 2px solid #ccc; color: #ccc; border-radius: 5px; background: none; font-weight: 700;
}
.btn-primary {
border-color: #0078e7; color: #0078e7;
}
.btn-success {
border-color: #40bd4f; color: #40bd4f;
}
.btn-danger {
border-color: #d6564b; color: #d6564b;
}
.btn:hover, .btn:focus {
border-color: #000; color: #000; background: none;
} .dark .btn:hover, .dark .btn:focus {
border-color: #fff; color: #fff;
}
/* navbar ————————————————————–*/
.navbar {
min-height: 50px;
}
.navbar .artifact {
font-weight: bold; color: white; font-size: 21px;
}
.artifact span {
padding-left: 0;
}
.menu .btn {
position: relative; top: 3px;
}
.menu a.btn {
padding: 7px 20px; color: #ccc;
}
.menu li {
margin-top: 3px; margin-left: 5px;
}
/* search ————————————————————–*/
search-input {
width: 150px;
}
/* uploads ————————————————————–*/
uploads-bar {
width: 100%; background: #333; opacity: 0.85; padding: 10px 0;
}
uploads-bar:hover {
opacity: 1;
}
uploads-bar li {
display: inline-block; position: relative; margin-right: 10px;
}
uploads-bar img {
max-height: 100px; padding: 4px;
}
uploads-bar .insert-image {
position: absolute; right: 10px; bottom: 5px;
}
/* post list ————————————————————-*/
.post-list {
margin: 30px 0 20px 0; padding-top: 10px;
}
.post-list li {
border-bottom: 1px solid #ddd; padding: 15px 0; position: relative; list-style: none; font-size: 12px;
}
.post-list .links {
position: absolute; right: 0; top: 14px; background: #fff; padding: 0px 8px; visibility: hidden;
}
.post-list li:hover .links {
visibility: visible;
}
.post-list li .btn {
padding: 2px 7px;
}
/* post edit ————————————————————-*/
post-meta {
width: 500px; z-index: 10; border: 3px solid #ccc; border-radius: 5px; background: #f2f2f2; position: absolute; right: 0px; top: 5px;
}
post-title, post-content {
width: 100%; border: none; outline: none; box-shadow: none; margin-bottom: 20px; position: relative;
}
post-title {
font-size: 30px; border-bottom: 1px solid #ccc;
}
post-content {
resize: none; font-size: 20px; line-height: 30px;
}
/* footer ————————————————————-*/
footer {
background-color: #fafafa; text-align: center; padding:10px 5%; line-height: 150%; border-top: 1px solid #ddd; padding-top:10px;
}
footer p {
color: #999; font-size: 85%;
}
footer p a {
color: #999; text-decoration: underline;
}