diff options
Diffstat (limited to 'default/style.scss')
-rw-r--r-- | default/style.scss | 234 |
1 files changed, 190 insertions, 44 deletions
diff --git a/default/style.scss b/default/style.scss index 067a3bf..e706894 100644 --- a/default/style.scss +++ b/default/style.scss @@ -1,9 +1,7 @@ /* 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 +31,12 @@ nav { height: 1em; list-style-type: none; } + .actions li { display: inline; padding: .2em; } + .pageheader .actions ul { border-bottom: 1px solid #000; } @@ -50,10 +50,12 @@ nav { padding: 6px; list-style-type: none; } + #otherlanguages li { display: inline; padding: .2em .4em; } + .pageheader #otherlanguages { border-bottom: 1px solid #000; } @@ -79,7 +81,7 @@ nav { } .inlinepage .tags { - display: inline; + display: inline; } .mapparent { @@ -97,11 +99,11 @@ img.img { } .align-left { - float:left; + float: left; } .align-right { - float:right; + float: right; } #backlinks { @@ -139,9 +141,11 @@ div.recentchanges { background: #eee; color: black !important; } + .recentchanges .metadata { padding: 0px 0.5em; } + .recentchanges .changelog { font-style: italic; clear: both; @@ -150,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; @@ -206,6 +216,7 @@ div.recentchanges { .archivepagedate { font-style: italic; } + .archivepage { margin-bottom: 1em; } @@ -232,6 +243,7 @@ hr.poll { background: #eee; border: 2px solid black; } + div.poll { margin-top: 1ex; margin-bottom: 1ex; @@ -248,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; @@ -272,6 +288,7 @@ div.progress { color: black !important; padding: 1px; } + div.progress-done { background: #ea6 !important; color: black !important; @@ -281,15 +298,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 +356,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 +380,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 +405,7 @@ input#openid_identifier { color: #000; padding-left: 18px; } + input#searchbox { background: url(wikiicons/search-bg.gif) no-repeat; background-color: #fff; @@ -369,38 +413,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 +504,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 +515,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 +557,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 +593,7 @@ li.L8 { list-style: upper-alpha; } text-decoration: none; margin-top: 1em; } + .feedbutton:hover { color: white !important; background: #ff9900; @@ -471,35 +607,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 +652,7 @@ a.openid_large_btn:focus { width: 200px; height: 20px; } + .fileupload-content .ui-progressbar-value { background: url(ikiwiki/images/pbar-ani.gif); } @@ -516,6 +661,7 @@ a.openid_large_btn:focus { margin-top: 1em; margin-bottom: 1em; } + .trail { display: block; clear: both; |