dev-random update
This commit is contained in:
m-r-r
@@ -5,25 +5,7 @@
|
||||
/******************************************************************************/
|
||||
|
||||
|
||||
article, section,
|
||||
header, footer,
|
||||
aside, nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-width: 750px;
|
||||
|
||||
background-color: white;
|
||||
color: #101010;
|
||||
@@ -47,7 +29,6 @@ h1 a, h2 a,
|
||||
h3 a, h4 a,
|
||||
h5 a, h6 a {
|
||||
color: inherit;
|
||||
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
@@ -83,6 +64,30 @@ pre {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
table th {
|
||||
font-weight: bolder;
|
||||
margin: .6em .5em;
|
||||
}
|
||||
|
||||
table td {
|
||||
margin: .4em .5em;
|
||||
}
|
||||
|
||||
table th,
|
||||
table td {
|
||||
border: thin dashed silver;
|
||||
}
|
||||
|
||||
table tr {
|
||||
border: thin solid silver;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/******************************************************************************/
|
||||
@@ -90,7 +95,7 @@ pre {
|
||||
/******************************************************************************/
|
||||
|
||||
|
||||
.page .head h1 {
|
||||
.page-head h1 {
|
||||
margin: .7em auto;
|
||||
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
@@ -107,12 +112,12 @@ pre {
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
.content #page-title {
|
||||
.page-content #page-title {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
|
||||
.content .post {
|
||||
.page-content .post {
|
||||
clear: both;
|
||||
margin: 1em 0 3em 0;
|
||||
}
|
||||
@@ -194,6 +199,12 @@ pre {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#pagination {
|
||||
display: block;
|
||||
clear: both;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/******************************************************************************/
|
||||
|
||||
103
dev-random/static/css/skeleton.css
vendored
103
dev-random/static/css/skeleton.css
vendored
@@ -1,68 +1,71 @@
|
||||
|
||||
.page {
|
||||
display: block;
|
||||
margin-top: 5%;
|
||||
article, section,
|
||||
header, footer,
|
||||
aside, nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.page .head,
|
||||
.page .main,
|
||||
.page .foot {
|
||||
body, .page {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.page {
|
||||
display: block;
|
||||
margin: 2% 4%;
|
||||
}
|
||||
|
||||
.page-head,
|
||||
.page-footer {
|
||||
display: block;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.page .main {
|
||||
display: table;
|
||||
border-collapse: separate;
|
||||
border-spacing: .5%;
|
||||
width: 75%;
|
||||
margin: .5em auto;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.page .main .sidebar {
|
||||
display: table-cell;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.page .main .content {
|
||||
display: table-cell;
|
||||
width: 74%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.page .main {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.page .main {
|
||||
.page-content {
|
||||
display: block;
|
||||
}
|
||||
float: right;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
width: 68%;
|
||||
}
|
||||
|
||||
.page .main .sidebar,
|
||||
.page .main .content {
|
||||
.page-sidebar {
|
||||
display: block;
|
||||
margin: 0 .5em;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
width: 28%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.widget {
|
||||
display: block;
|
||||
}
|
||||
img, table, pre {
|
||||
max-width: 98%;
|
||||
margin: 1em 1%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.widget ul,
|
||||
.widget li {
|
||||
display: inline;
|
||||
}
|
||||
@media screen and (min-width: 800px) {
|
||||
.page { margin: 5% 10%; }
|
||||
}
|
||||
|
||||
.widget h3 { display: none; }
|
||||
@media screen and (max-width: 600px) {
|
||||
.page { margin: 0; }
|
||||
.page-content,
|
||||
.page-sidebar {
|
||||
width: 98%;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
.sidebar { display: none; }
|
||||
.page { margin: 0; }
|
||||
.page-content {
|
||||
width: 98%;
|
||||
clear: both;
|
||||
}
|
||||
.page-head,
|
||||
.page-footer,
|
||||
.page-sidebar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -42,21 +42,21 @@
|
||||
{% endif %}
|
||||
{% endblock headers %}
|
||||
</head>
|
||||
<body>
|
||||
<body>
|
||||
<div class="page">
|
||||
<header class="head">
|
||||
<header class="page-head">
|
||||
<h1>
|
||||
<a href="{{ SITEURL }}/index.html">{{ SITENAME }}</a>
|
||||
</h1>
|
||||
</header>
|
||||
|
||||
<div class="main">
|
||||
{% include "includes/sidebar.html" %}
|
||||
<div class="page-content">
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
</div>
|
||||
{% include "includes/sidebar.html" %}
|
||||
|
||||
<footer class="foot">
|
||||
<footer class="page-footer">
|
||||
<p> {{ FOOTER_TEXT or 'Powered by <a href="http://pelican.readthedocs.org">Pelican</a>' }}</p>
|
||||
{% if GITHUB_URL %}<p><a id="github-link" href="{{ GITHUB_URL}}">Fork me on Github</a></p>{% endif %}
|
||||
</footer>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<aside class="sidebar">
|
||||
<aside class="page-sidebar">
|
||||
<nav class="widget">
|
||||
<h3>Site</h3>
|
||||
<ul>
|
||||
|
||||
Reference in New Issue
Block a user