diff options
author | Jonas Smedegaard <dr@jones.dk> | 2011-02-01 14:26:20 +0100 |
---|---|---|
committer | Jonas Smedegaard <dr@jones.dk> | 2013-10-12 21:00:34 +0200 |
commit | 5a48673ccb604e2583e54286fa521d6face5ea2e (patch) | |
tree | 788c5fd5afaed736667704206c3e9962029aac88 /monochrome | |
parent | 756275b2ef280bf79fead1d37797c3717f7a85fa (diff) |
Normalize Sass files by Sass'ing onto itself.
Diffstat (limited to 'monochrome')
-rw-r--r-- | monochrome/style.scss | 282 |
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; +} |