diff options
Diffstat (limited to 'monochrome/style.scss')
| -rw-r--r-- | monochrome/style.scss | 285 |
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; +} |