summaryrefslogtreecommitdiff
path: root/monochrome
diff options
context:
space:
mode:
authorJonas Smedegaard <dr@jones.dk>2011-02-01 14:26:20 +0100
committerJonas Smedegaard <dr@jones.dk>2021-03-24 21:41:34 +0100
commitc5c9057f8229b28ceedd34df45cc0c5c91ea0393 (patch)
tree4ec2d26bc0f0325c45a7a0f1a1ac82131ee3aab6 /monochrome
parent4817ee672b7d0f8267a0d1e269b4810f785b111c (diff)
convert css to sass 2/2: normalize sass files by generating css onto itself
i.e. for each theme...: mv -f style.scss style.css sassc --style expanded style.css > style.scss perl -i -pe 's/ /\t/g' style.scss rm -f style.css ...or with git, when rebasing fails: git checkout HEAD^ . [...] git rm -f style.css
Diffstat (limited to 'monochrome')
-rw-r--r--monochrome/style.scss285
1 files changed, 224 insertions, 61 deletions
diff --git a/monochrome/style.scss b/monochrome/style.scss
index 2dcfda0..3d52b1f 100644
--- a/monochrome/style.scss
+++ b/monochrome/style.scss
@@ -1,12 +1,12 @@
+@charset "UTF-8";
/* ikiwiki style sheet */
-
/* Note that instead of modifying this style sheet, you can instead edit
* local.css and use it to override or change settings in this one.
*/
-
/* html5 compat */
-article,aside,details,figcaption,figure,
-footer,header,hgroup,menu,nav,section {
+@import url(http://fonts.googleapis.com/css?family=Lato&v2);
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
display: block;
}
@@ -31,10 +31,12 @@ div.header, header.header {
height: 1em;
list-style-type: none;
}
+
.actions li {
display: inline;
padding: .2em;
}
+
.pageheader .actions ul {
border-bottom: 1px solid #000;
}
@@ -48,10 +50,12 @@ div.header, header.header {
padding: 6px;
list-style-type: none;
}
+
#otherlanguages li {
display: inline;
padding: .2em .4em;
}
+
.pageheader #otherlanguages {
border-bottom: 1px solid #000;
}
@@ -77,7 +81,7 @@ div.header, header.header {
}
.inlinepage .tags {
- display: inline;
+ display: inline;
}
.mapparent {
@@ -95,11 +99,11 @@ img.img {
}
.align-left {
- float:left;
+ float: left;
}
.align-right {
- float:right;
+ float: right;
}
#backlinks {
@@ -137,9 +141,11 @@ div.recentchanges {
background: #eee;
color: black !important;
}
+
.recentchanges .metadata {
padding: 0px 0.5em;
}
+
.recentchanges .changelog {
font-style: italic;
clear: both;
@@ -148,29 +154,35 @@ div.recentchanges {
background: white !important;
color: black !important;
}
+
.recentchanges .desc {
display: none;
}
+
.recentchanges .diff {
display: none;
}
+
.recentchanges .committer {
float: left;
margin: 0;
width: 40%;
}
+
.recentchanges .committype {
float: left;
margin: 0;
width: 5%;
font-size: small;
}
+
.recentchanges .changedate {
float: left;
margin: 0;
width: 35%;
font-size: small;
}
+
.recentchanges .pagelinks,
.recentchanges .revert {
float: right;
@@ -204,6 +216,7 @@ div.recentchanges {
.archivepagedate {
font-style: italic;
}
+
.archivepage {
margin-bottom: 1em;
}
@@ -230,6 +243,7 @@ hr.poll {
background: #eee;
border: 2px solid black;
}
+
div.poll {
margin-top: 1ex;
margin-bottom: 1ex;
@@ -246,16 +260,20 @@ span.color {
font-style: italic;
margin-top: .3em;
}
+
.comment .author,
.microblog .author {
font-weight: bold;
}
+
.comment-subject {
font-weight: bold;
}
+
.comment-avatar {
float: right;
}
+
.comment {
border: 1px solid #aaa;
padding: 3px;
@@ -270,6 +288,7 @@ div.progress {
color: black !important;
padding: 1px;
}
+
div.progress-done {
background: #ea6 !important;
color: black !important;
@@ -279,14 +298,30 @@ div.progress-done {
/* things to hide in printouts */
@media print {
- .actions { display: none; }
- .tags { display: none; }
- .trails { display: none; }
- .feedbutton { display: none; }
- #searchform { display: none; }
- .blogform, #blogform { display: none; }
- #backlinks { display: none; }
- .addcomment { display: none; }
+ .actions {
+ display: none;
+ }
+ .tags {
+ display: none;
+ }
+ .trails {
+ display: none;
+ }
+ .feedbutton {
+ display: none;
+ }
+ #searchform {
+ display: none;
+ }
+ .blogform, #blogform {
+ display: none;
+ }
+ #backlinks {
+ display: none;
+ }
+ .addcomment {
+ display: none;
+ }
}
/* infobox template */
@@ -319,12 +354,14 @@ div.progress-done {
border-bottom: 1px dotted #366;
color: #366;
}
+
.popup .balloon,
.popup .paren,
.popup .expand {
display: none;
text-align: left;
}
+
.popup:hover .balloon,
.popup:focus .balloon {
position: absolute;
@@ -341,19 +378,24 @@ fieldset {
margin: 1ex 0;
border: 1px solid black;
}
+
legend {
padding: 0 1ex;
}
+
.fb_submit {
float: left;
margin: 2px 0;
}
-label.block {
- display: block;
+
+label.block {
+ display: block;
}
-label.inline {
+
+label.inline {
display: inline;
}
+
input#openid_identifier {
background: url(wikiicons/openidlogin-bg.gif) no-repeat;
background-color: #fff;
@@ -361,6 +403,7 @@ input#openid_identifier {
color: #000;
padding-left: 18px;
}
+
input#searchbox {
background: url(wikiicons/search-bg.gif) no-repeat;
background-color: #fff;
@@ -368,38 +411,90 @@ input#searchbox {
color: #000;
padding-right: 16px;
}
+
/* invalid form fields */
.fb_invalid {
color: red;
background: white !important;
}
+
/* required form fields */
.fb_required {
font-weight: bold;
}
/* highlight plugin */
-pre.hl { color:#000000; background-color:#ffffff; }
-.hl.num { color:#2928ff; }
-.hl.esc { color:#ff00ff; }
-.hl.str { color:#ff0000; }
-.hl.dstr { color:#818100; }
-.hl.slc { color:#838183; font-style:italic; }
-.hl.com { color:#838183; font-style:italic; }
-.hl.dir { color:#008200; }
-.hl.sym { color:#000000; }
-.hl.line { color:#555555; }
-.hl.mark { background-color:#ffffbb; }
-.hl.kwa { color:#000000; font-weight:bold; }
-.hl.kwb { color:#830000; }
-.hl.kwc { color:#000000; font-weight:bold; }
-.hl.kwd { color:#010181; }
+pre.hl {
+ color: #000000;
+ background-color: #ffffff;
+}
+
+.hl.num {
+ color: #2928ff;
+}
+
+.hl.esc {
+ color: #ff00ff;
+}
+
+.hl.str {
+ color: #ff0000;
+}
+
+.hl.dstr {
+ color: #818100;
+}
+
+.hl.slc {
+ color: #838183;
+ font-style: italic;
+}
+
+.hl.com {
+ color: #838183;
+ font-style: italic;
+}
+
+.hl.dir {
+ color: #008200;
+}
+
+.hl.sym {
+ color: #000000;
+}
+
+.hl.line {
+ color: #555555;
+}
+
+.hl.mark {
+ background-color: #ffffbb;
+}
+
+.hl.kwa {
+ color: #000000;
+ font-weight: bold;
+}
+
+.hl.kwb {
+ color: #830000;
+}
+
+.hl.kwc {
+ color: #000000;
+ font-weight: bold;
+}
+
+.hl.kwd {
+ color: #010181;
+}
/* calendar plugin */
.month-calendar-day-this-day,
.year-calendar-this-month {
background-color: #eee;
}
+
.month-calendar-day-head,
.month-calendar-day-nolink,
.month-calendar-day-link,
@@ -407,6 +502,7 @@ pre.hl { color:#000000; background-color:#ffffff; }
.month-calendar-day-future {
text-align: right;
}
+
.month-calendar-arrow A:link,
.year-calendar-arrow A:link,
.month-calendar-arrow A:visited,
@@ -417,14 +513,37 @@ pre.hl { color:#000000; background-color:#ffffff; }
}
/* outlines */
-li.L1 { list-style: upper-roman; }
-li.L2 { list-style: decimal; }
-li.L3 { list-style: lower-alpha; }
-li.L4 { list-style: disc; }
-li.L5 { list-style: square; }
-li.L6 { list-style: circle; }
-li.L7 { list-style: lower-roman; }
-li.L8 { list-style: upper-alpha; }
+li.L1 {
+ list-style: upper-roman;
+}
+
+li.L2 {
+ list-style: decimal;
+}
+
+li.L3 {
+ list-style: lower-alpha;
+}
+
+li.L4 {
+ list-style: disc;
+}
+
+li.L5 {
+ list-style: square;
+}
+
+li.L6 {
+ list-style: circle;
+}
+
+li.L7 {
+ list-style: lower-roman;
+}
+
+li.L8 {
+ list-style: upper-alpha;
+}
/* tag cloud */
.pagecloud {
@@ -436,11 +555,26 @@ li.L8 { list-style: upper-alpha; }
background: #eee;
color: black !important;
}
-.smallestPC { font-size: 70%; }
-.smallPC { font-size: 85%; }
-.normalPC { font-size: 100%; }
-.bigPC { font-size: 115%; }
-.biggestPC { font-size: 130%; }
+
+.smallestPC {
+ font-size: 70%;
+}
+
+.smallPC {
+ font-size: 85%;
+}
+
+.normalPC {
+ font-size: 100%;
+}
+
+.bigPC {
+ font-size: 115%;
+}
+
+.biggestPC {
+ font-size: 130%;
+}
/* orange feed button */
.feedbutton {
@@ -457,6 +591,7 @@ li.L8 { list-style: upper-alpha; }
text-decoration: none;
margin-top: 1em;
}
+
.feedbutton:hover {
color: white !important;
background: #ff9900;
@@ -470,35 +605,43 @@ li.L8 { list-style: upper-alpha; }
#login_choice {
display: none;
}
+
#login_input_area {
clear: both;
padding: 10px;
}
+
#login_btns, #login_btns br {
clear: both;
}
+
#login_highlight {
background-color: black;
float: left;
}
+
.login_large_btn {
padding: 1em 1.5em;
border: 1px solid #DDD;
margin: 3px;
float: left;
}
+
.login_small_btn {
padding: 4px 4px;
border: 1px solid #DDD;
margin: 3px;
float: left;
}
+
a.login_large_btn:focus {
outline: none;
}
+
a.login_large_btn:focus {
outline-style: none;
}
+
.login_selected {
border: 4px solid #DDD;
}
@@ -507,6 +650,7 @@ a.login_large_btn:focus {
width: 200px;
height: 20px;
}
+
.fileupload-content .ui-progressbar-value {
background: url(ikiwiki/images/pbar-ani.gif);
}
@@ -515,6 +659,7 @@ a.login_large_btn:focus {
margin-top: 1em;
margin-bottom: 1em;
}
+
.trail {
display: block;
clear: both;
@@ -558,7 +703,6 @@ a.login_large_btn:focus {
margin-top: 0;
border: none;
}
-
/* if the mobile browser is new enough, use flex layout to shuffle
* the sidebar to the end */
.page {
@@ -589,28 +733,24 @@ a.login_large_btn:focus {
-ms-flex-order: 1;
order: 1;
}
-
.blogform, #blogform {
padding: 4px 4px;
}
}
+
/*
* monochrome - ikiwiki theme © Jon Dowland 2012
* based on ikiwiki style.css and bits from jmtd.net at the time
* License: GPL-2+
*/
-
-@import url(http://fonts.googleapis.com/css?family=Lato&v2);
-
body {
margin-left: auto;
margin-right: auto;
width: 48em;
max-width: 95%;
-
background: url(gradient.png) repeat-x white 0px -16px;
- margin-top: 48px; /* height of gradient.png that we want to see */
-
+ margin-top: 48px;
+ /* height of gradient.png that we want to see */
color: #555;
font-family: 'Lato', sans-serif;
}
@@ -618,6 +758,7 @@ body {
div.header, header.header {
margin-bottom: 0.5em;
}
+
.pageheader .actions ul {
border-bottom: 2px solid #c00040;
}
@@ -636,19 +777,41 @@ div.header, header.header {
#content a[href^="https:"]:after,
#enclosure a[href^="http:"]:after,
#enclosure a[href^="https:"]:after {
- content: "↗";
+ content: "↗";
}
+
/* you will want to replicate this for your own domain in local.css */
#content a[href^="http://localhost"]:after,
#content a[href^="http://ikiwiki.info"]:after,
#enclosure a[href^="http://localhost"]:after,
#enclosure a[href^="http://ikiwiki.info"]:after {
- content: none;
+ content: none;
}
/* colouring */
-a:link { color: #c00040; font-weight: bold; text-decoration: none; }
-a:hover { color: #f01070; text-decoration: underline;}
-a:active { color: #c00040; }
-a:visited { color: #c08080; font-weight: normal; font-style: italic; }
-hr { border: none; border-top: 2px solid #c00040; clear: both; }
+a:link {
+ color: #c00040;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #f01070;
+ text-decoration: underline;
+}
+
+a:active {
+ color: #c00040;
+}
+
+a:visited {
+ color: #c08080;
+ font-weight: normal;
+ font-style: italic;
+}
+
+hr {
+ border: none;
+ border-top: 2px solid #c00040;
+ clear: both;
+}