aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
Diffstat
-rw-r--r--Just-Read/less/main.less15
-rw-r--r--Just-Read/static/css/main.css119
-rw-r--r--Just-Read/templates/base.html6
3 files changed, 87 insertions, 53 deletions
diff --git a/Just-Read/less/main.less b/Just-Read/less/main.less
index 39e705c..9724bf6 100644
--- a/Just-Read/less/main.less
+++ b/Just-Read/less/main.less
@@ -68,11 +68,10 @@ blockquote{
padding-left: (@line / 4px);
}
-code, .codehilite{
+pre {
background: lighten(@black, 15%); // If you don't a dark scheme for code, we can't be friends
.box-shadow(inset 0 0 10px @black);
color: @white;
- display: block;
margin-left: -(@line * 1px);
.mono();
padding: (@line * 1px);
@@ -386,7 +385,7 @@ p[role="contentinfo"]{
width: 50%;
}
-blockquote, code, .codehilite, .post ul, .post ol, p, .archive{
+blockquote, pre, .post ul, .post ol, p, .archive{
margin: 0 0 (@line * 1px) 0;
}
@@ -463,7 +462,7 @@ blockquote, code, .codehilite, .post ul, .post ol, p, .archive{
// @media screen and (min-width: 888px)
@media screen and (min-width: 55.5em) {
- .post > p, .post blockquote, .post ul, .post ol{
+ pre, .post > p, .post blockquote, .post ul, .post ol{
width: 400/6%; // target 4 columns, context 6 columns
}
@@ -562,12 +561,12 @@ blockquote, code, .codehilite, .post ul, .post ol, p, .archive{
margin-bottom: (@line * 1px);
}
- code, .codehilite{
+ .codehilite{
line-height: 1.5;
- .massive;
+ .normal;
}
- .post > p, .post blockquote, .post ul, .post ol{
+ pre, .post > p, .post blockquote, .post ul, .post ol{
width: 600/10%; // target 4 columns, context 6 columns
}
@@ -586,4 +585,4 @@ blockquote, code, .codehilite, .post ul, .post ol, p, .archive{
@import "print.less";
}
-@import "codehilite.less"; \ No newline at end of file
+@import "codehilite.less";
diff --git a/Just-Read/static/css/main.css b/Just-Read/static/css/main.css
index 049f108..9c428c6 100644
--- a/Just-Read/static/css/main.css
+++ b/Just-Read/static/css/main.css
@@ -26,7 +26,8 @@ body {
color: #000;
text-shadow: none;
}
-a:hover, a:active {
+a:hover,
+a:active {
outline: 0;
}
pre {
@@ -34,7 +35,8 @@ pre {
white-space: pre-wrap;
word-wrap: break-word;
}
-ol, ul {
+ol,
+ul {
margin: 0;
padding: 0;
}
@@ -43,7 +45,8 @@ img {
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
-.clearfix:before, .clearfix:after {
+.clearfix:before,
+.clearfix:after {
content: "";
display: table;
}
@@ -77,7 +80,9 @@ figcaption {
position: relative;
overflow: hidden;
}
-.video-container iframe, .video-container object, .video-container embed {
+.video-container iframe,
+.video-container object,
+.video-container embed {
height: 100%;
left: 0;
position: absolute;
@@ -90,7 +95,8 @@ figcaption {
-o-box-sizing: border-box;
box-sizing: border-box;
}
-.sans, .fancy-font {
+.sans,
+.fancy-font {
font-family: 'Droid Sans', sans-serif;
}
.mono {
@@ -120,7 +126,7 @@ figcaption {
font-weight: 700;
}
body {
- background: #ffffff;
+ background: #fff;
color: #404040;
line-height: 24px;
font-size: 14px;
@@ -157,7 +163,9 @@ h3 {
font-family: 'Droid Sans', sans-serif;
font-weight: 700;
}
-h4, h5, h6 {
+h4,
+h5,
+h6 {
font-weight: 400;
margin: 24px 0;
font-size: 14px;
@@ -165,7 +173,8 @@ h4, h5, h6 {
font-family: 'Droid Sans', sans-serif;
font-weight: 700;
}
-b, strong {
+b,
+strong {
font-weight: 700;
}
blockquote {
@@ -175,10 +184,10 @@ blockquote {
}
pre {
background: #262626;
- -webkit-box-shadow: inset 0 0 10px #000000;
- -moz-box-shadow: inset 0 0 10px #000000;
- box-shadow: inset 0 0 10px #000000;
- color: #ffffff;
+ -webkit-box-shadow: inset 0 0 10px #000;
+ -moz-box-shadow: inset 0 0 10px #000;
+ box-shadow: inset 0 0 10px #000;
+ color: #fff;
margin-left: -24px;
font-family: 'Droid Sans Mono', monospace;
padding: 24px;
@@ -241,11 +250,13 @@ time {
.ui-tabs-hide {
display: none;
}
-.tabmenu li a:hover, .ui-tabs-selected a, .ui-tabs-selected a {
+.tabmenu li a:hover,
+.ui-tabs-selected a,
+.ui-tabs-selected a {
background-color: #f2f2f2;
}
.btn {
- color: #ffffff;
+ color: #fff;
background-color: #556270;
border: none;
-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
@@ -263,7 +274,7 @@ time {
-webkit-user-select: none;
}
.btn:hover {
- color: #ffffff;
+ color: #fff;
text-decoration: none;
}
.btn:active {
@@ -275,7 +286,7 @@ time {
}
.btn:active:after {
content: "";
- background: #ffffff;
+ background: #fff;
bottom: -1px;
height: 3px;
left: 0;
@@ -297,7 +308,7 @@ time {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
- color: #000000;
+ color: #000;
background-color: #ddedfa;
display: block;
margin-left: 20px;
@@ -323,7 +334,7 @@ time {
}
.tag a:after {
content: "";
- background: #ffffff;
+ background: #fff;
-webkit-box-shadow: -1px -1px 2px #000000;
-moz-box-shadow: -1px -1px 2px #000000;
box-shadow: -1px -1px 2px #000000;
@@ -384,7 +395,7 @@ header {
background-image: linear-gradient(top, #556270, #48535f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#556270', endColorstr='#48535f', GradientType=0);
margin-bottom: 48px;
- padding: 24px 5.555555555555555%;
+ padding: 24px 5.55555556%;
}
header h1 {
margin: 0;
@@ -395,7 +406,7 @@ header a {
text-shadow: 0 1px 0 #b3b3b3, 0 2px 0 #999999, 0 3px 0 #808080, 0 4px 0 #666666, 0 5px 0 #4d4d4d, 0 6px 0 #333333, 0px 7px 0 #1a1a1a, 0 8px 7px #0d0d0d;
}
header a:hover {
- color: #ffffff;
+ color: #fff;
text-decoration: none;
}
footer {
@@ -406,7 +417,7 @@ footer {
border-image: url('../images/pages.png') 20 0 0 repeat;
color: rgba(0, 0, 0, 0.6);
margin-top: 96px;
- padding: 48px 5.555555555555555% 24px;
+ padding: 48px 5.55555556% 24px;
}
.nav {
margin-bottom: 24px;
@@ -515,7 +526,7 @@ p[role="contentinfo"] {
padding: 0 0.75em;
}
.content {
- margin: 0 5.555555555555555%;
+ margin: 0 5.55555556%;
}
.meta {
background: #fafafa;
@@ -540,7 +551,7 @@ p[role="contentinfo"] {
width: 50%;
}
blockquote,
-pre
+pre,
.post ul,
.post ol,
p,
@@ -555,13 +566,14 @@ p,
float: right;
width: 75%;
}
- .meta, .pages {
+ .meta,
+ .pages {
float: left;
text-align: right;
width: 25%;
}
.meta {
- background: #ffffff;
+ background: #fff;
margin-top: 0;
padding-top: 60px;
}
@@ -570,7 +582,9 @@ p,
margin-left: 0;
font-weight: 400;
}
- .post, .copy, .main {
+ .post,
+ .copy,
+ .main {
float: right;
width: 75%;
}
@@ -604,7 +618,7 @@ p,
.post blockquote,
.post ul,
.post ol {
- width: 66.66666666666667%;
+ width: 66.66666667%;
}
.main {
float: none;
@@ -613,7 +627,8 @@ p,
}
}
@media screen and (min-width: 61.5em) {
- .meta, .pages {
+ .meta,
+ .pages {
width: 12.5%;
}
.pages {
@@ -637,7 +652,8 @@ p,
font-size: 48px;
margin-bottom: 48px;
}
- h2, header .huge {
+ h2,
+ header .huge {
font-size: 36px;
}
h2 {
@@ -647,18 +663,22 @@ p,
font-size: 24px;
margin-top: 72px;
}
- h4, h5, h6 {
+ h4,
+ h5,
+ h6 {
font-size: 18px;
margin-top: 48px;
}
- .meta, .pages {
+ .meta,
+ .pages {
padding-left: 6.25%;
width: 18.75%;
}
.meta {
padding-top: 96px;
}
- .post, .copy {
+ .post,
+ .copy {
width: 75%;
}
.post {
@@ -670,8 +690,9 @@ p,
.post li {
margin-bottom: 24px;
}
- code, .codehilite {
- font-size: 36px;
+ .codehilite {
+ line-height: 1.5;
+ font-size: 14px;
}
pre,
.post > p,
@@ -695,17 +716,20 @@ p,
-ms-filter: none !important;
text-shadow: none !important;
}
- @page {
+ @page {
margin: 0.5cm;
}
- a, a:visited {
- color: #000000 !important;
+ a,
+ a:visited {
+ color: #000 !important;
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
- a[href^="javascript:"]:after, a[href^="#"]:after, .ir a:after {
+ a[href^="javascript:"]:after,
+ a[href^="#"]:after,
+ .ir a:after {
content: "";
}
abbr[title]:after {
@@ -714,32 +738,39 @@ p,
body {
font-size: 12pt;
}
- blockquote, pre {
+ blockquote,
+ pre {
page-break-inside: avoid;
}
- blockquote, pre {
+ blockquote,
+ pre {
margin-left: 0.5cm;
border-left: 0.2cm solid #999;
padding-left: 0.2cm;
}
- code, pre {
+ code,
+ pre {
font: 10pt Courier, monospace;
}
h1 {
font-size: 18pt;
}
- h2, h3 {
+ h2,
+ h3 {
page-break-after: avoid;
font-size: 16pt;
}
- h2, h3, p {
+ h2,
+ h3,
+ p {
orphans: 3;
widows: 3;
}
img {
max-width: 100% !important;
}
- img, tr {
+ img,
+ tr {
page-break-inside: avoid;
}
thead {
diff --git a/Just-Read/templates/base.html b/Just-Read/templates/base.html
index bb86107..cf31d29 100644
--- a/Just-Read/templates/base.html
+++ b/Just-Read/templates/base.html
@@ -54,7 +54,11 @@
{% endfor %}
</ul>
- <p role="contentinfo">© 2012 {{ AUTHOR }}<br>
+ <p role="contentinfo">{% if FOOTERTEXT %}
+ {{ FOOTERTEXT }}
+ {% else %}
+ © 2017 {{ AUTHOR }}
+ {% endif %}<br>
Proudly powered by <a href="http://alexis.notmyidea.org/pelican/">Pelican</a>.</p>
</div>
</footer>
generated by cgit (git 2.34.1) at 2024-11-17 15:50:54 +0000