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>2013-10-12 21:00:34 +0200
commit5a48673ccb604e2583e54286fa521d6face5ea2e (patch)
tree788c5fd5afaed736667704206c3e9962029aac88 /monochrome
parent756275b2ef280bf79fead1d37797c3717f7a85fa (diff)
Normalize Sass files by Sass'ing onto itself.
Diffstat (limited to 'monochrome')
-rw-r--r--monochrome/style.scss282
1 files changed, 225 insertions, 57 deletions
diff --git a/monochrome/style.scss b/monochrome/style.scss
index 8d69c13..8f5e3d5 100644
--- a/monochrome/style.scss
+++ b/monochrome/style.scss
@@ -1,9 +1,9 @@
+@charset "UTF-8";
+@import url(http://fonts.googleapis.com/css?family=Lato&v2);
/* 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,
header,
@@ -33,10 +33,12 @@ nav {
height: 1em;
list-style-type: none;
}
+
.actions li {
display: inline;
padding: .2em;
}
+
.pageheader .actions ul {
border-bottom: 1px solid #000;
}
@@ -50,10 +52,12 @@ nav {
padding: 6px;
list-style-type: none;
}
+
#otherlanguages li {
display: inline;
padding: .2em .4em;
}
+
.pageheader #otherlanguages {
border-bottom: 1px solid #000;
}
@@ -79,7 +83,7 @@ nav {
}
.inlinepage .tags {
- display: inline;
+ display: inline;
}
.mapparent {
@@ -97,11 +101,11 @@ img.img {
}
.align-left {
- float:left;
+ float: left;
}
.align-right {
- float:right;
+ float: right;
}
#backlinks {
@@ -139,9 +143,11 @@ div.recentchanges {
background: #eee;
color: black !important;
}
+
.recentchanges .metadata {
padding: 0px 0.5em;
}
+
.recentchanges .changelog {
font-style: italic;
clear: both;
@@ -150,29 +156,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;
@@ -206,6 +218,7 @@ div.recentchanges {
.archivepagedate {
font-style: italic;
}
+
.archivepage {
margin-bottom: 1em;
}
@@ -232,6 +245,7 @@ hr.poll {
background: #eee;
border: 2px solid black;
}
+
div.poll {
margin-top: 1ex;
margin-bottom: 1ex;
@@ -248,16 +262,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;
@@ -272,6 +290,7 @@ div.progress {
color: black !important;
padding: 1px;
}
+
div.progress-done {
background: #ea6 !important;
color: black !important;
@@ -281,15 +300,34 @@ 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; }
-}
+ .actions {
+ display: none;
+ }
+
+ .tags {
+ display: none;
+ }
+ .trails {
+ display: none;
+ }
+
+ .feedbutton {
+ display: none;
+ }
+
+ #searchform {
+ display: none;
+ }
+
+ .blogform, #blogform {
+ display: none;
+ }
+
+ #backlinks {
+ display: none;
+ }
+}
/* infobox template */
.infobox {
float: right;
@@ -320,12 +358,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;
@@ -342,19 +382,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;
@@ -362,6 +407,7 @@ input#openid_identifier {
color: #000;
padding-left: 18px;
}
+
input#searchbox {
background: url(wikiicons/search-bg.gif) no-repeat;
background-color: #fff;
@@ -369,38 +415,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,
@@ -408,6 +506,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,
@@ -418,14 +517,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 {
@@ -437,11 +559,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 {
@@ -458,6 +595,7 @@ li.L8 { list-style: upper-alpha; }
text-decoration: none;
margin-top: 1em;
}
+
.feedbutton:hover {
color: white !important;
background: #ff9900;
@@ -471,35 +609,43 @@ li.L8 { list-style: upper-alpha; }
#openid_choice {
display: none;
}
+
#openid_input_area {
clear: both;
padding: 10px;
}
+
#openid_btns, #openid_btns br {
clear: both;
}
+
#openid_highlight {
background-color: black;
float: left;
}
+
.openid_large_btn {
padding: 1em 1.5em;
border: 1px solid #DDD;
margin: 3px;
float: left;
}
+
.openid_small_btn {
padding: 4px 4px;
border: 1px solid #DDD;
margin: 3px;
float: left;
}
+
a.openid_large_btn:focus {
outline: none;
}
+
a.openid_large_btn:focus {
outline-style: none;
}
+
.openid_selected {
border: 4px solid #DDD;
}
@@ -508,6 +654,7 @@ a.openid_large_btn:focus {
width: 200px;
height: 20px;
}
+
.fileupload-content .ui-progressbar-value {
background: url(ikiwiki/images/pbar-ani.gif);
}
@@ -516,6 +663,7 @@ a.openid_large_btn:focus {
margin-top: 1em;
margin-bottom: 1em;
}
+
.trail {
display: block;
clear: both;
@@ -550,22 +698,19 @@ a.openid_large_btn:focus {
.trailsep {
display: none;
}
+
/*
* 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;
-
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;
}
@@ -573,6 +718,7 @@ body {
.header {
margin-bottom: 0.5em;
}
+
.pageheader .actions ul {
border-bottom: 2px solid #c00040;
}
@@ -591,19 +737,41 @@ body {
#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;
+}