2013-10-19 13:38:20 +02:00
|
|
|
#sidebar {
|
|
|
|
min-width: 100px;
|
|
|
|
padding: 5em 0;
|
|
|
|
width: 25%;
|
|
|
|
margin-right: 5%;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
#sidebar p {
|
|
|
|
font-size: small;
|
|
|
|
}
|
|
|
|
#sidebar p span:not(:last-child):after {
|
|
|
|
content: '\022C5';
|
|
|
|
margin: 0 0.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sidebar h1 {
|
|
|
|
font-size: 26pt;
|
|
|
|
}
|
|
|
|
#sidebar input {
|
|
|
|
width: 100%;
|
|
|
|
max-width: 300px;
|
|
|
|
border: 2px solid #ccc;
|
|
|
|
padding: 5px;
|
|
|
|
}
|
|
|
|
|
2013-10-19 22:56:56 +02:00
|
|
|
#inner-content {
|
2013-10-19 13:38:20 +02:00
|
|
|
float: right;
|
|
|
|
width: 70%;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
2013-10-19 22:56:56 +02:00
|
|
|
#inner-content .header .tags:before {
|
2013-10-19 13:38:20 +02:00
|
|
|
margin: 0 0.5em;
|
|
|
|
content: '\2013';
|
|
|
|
}
|
2013-10-19 22:56:56 +02:00
|
|
|
#inner-content .header ul {
|
2013-10-19 13:38:20 +02:00
|
|
|
list-style-type: none;
|
|
|
|
display: inline;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
2013-10-19 22:56:56 +02:00
|
|
|
#inner-content .header li {
|
2013-10-19 13:38:20 +02:00
|
|
|
display: inline;
|
|
|
|
}
|
2013-10-19 22:56:56 +02:00
|
|
|
#inner-content .header li:not(:last-child) a:after {
|
2013-10-19 13:38:20 +02:00
|
|
|
content: ', ';
|
|
|
|
}
|
|
|
|
|
2013-10-19 22:56:56 +02:00
|
|
|
#inner-content .body {
|
2013-10-19 13:38:20 +02:00
|
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAJElEQVQImWNgYGBgePfu3X8YZoABFA6SIqwS+HXgtANZF7IEAJnGPJE70lLLAAAAAElFTkSuQmCC');
|
|
|
|
margin: 1em 0;
|
|
|
|
text-align: center;
|
|
|
|
}
|
2013-10-19 22:56:56 +02:00
|
|
|
#inner-content .body img {
|
2013-10-19 13:38:20 +02:00
|
|
|
max-width: 100%;
|
|
|
|
margin: 0 auto;
|
|
|
|
display: block;
|
|
|
|
}
|
2013-10-19 22:56:56 +02:00
|
|
|
#inner-content .body a {
|
2013-10-19 13:38:20 +02:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2013-10-19 22:56:56 +02:00
|
|
|
#inner-content .header .favs-comments {
|
2013-10-19 13:38:20 +02:00
|
|
|
margin-left: 0.5em;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
2013-10-19 22:56:56 +02:00
|
|
|
#inner-content .footer {
|
2013-10-19 13:38:20 +02:00
|
|
|
text-align: right;
|
|
|
|
}
|