summaryrefslogtreecommitdiff
path: root/blueview/style.scss
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 /blueview/style.scss
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 'blueview/style.scss')
-rw-r--r--blueview/style.scss500
1 files changed, 375 insertions, 125 deletions
diff --git a/blueview/style.scss b/blueview/style.scss
index 785683e..297d38b 100644
--- a/blueview/style.scss
+++ b/blueview/style.scss
@@ -1,12 +1,10 @@
/* 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 {
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
display: block;
}
@@ -31,10 +29,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 +48,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 +79,7 @@ div.header, header.header {
}
.inlinepage .tags {
- display: inline;
+ display: inline;
}
.mapparent {
@@ -95,11 +97,11 @@ img.img {
}
.align-left {
- float:left;
+ float: left;
}
.align-right {
- float:right;
+ float: right;
}
#backlinks {
@@ -137,9 +139,11 @@ div.recentchanges {
background: #eee;
color: black !important;
}
+
.recentchanges .metadata {
padding: 0px 0.5em;
}
+
.recentchanges .changelog {
font-style: italic;
clear: both;
@@ -148,29 +152,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 +214,7 @@ div.recentchanges {
.archivepagedate {
font-style: italic;
}
+
.archivepage {
margin-bottom: 1em;
}
@@ -230,6 +241,7 @@ hr.poll {
background: #eee;
border: 2px solid black;
}
+
div.poll {
margin-top: 1ex;
margin-bottom: 1ex;
@@ -246,16 +258,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 +286,7 @@ div.progress {
color: black !important;
padding: 1px;
}
+
div.progress-done {
background: #ea6 !important;
color: black !important;
@@ -279,14 +296,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 +352,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 +376,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 +401,7 @@ input#openid_identifier {
color: #000;
padding-left: 18px;
}
+
input#searchbox {
background: url(wikiicons/search-bg.gif) no-repeat;
background-color: #fff;
@@ -368,38 +409,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 +500,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 +511,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 +553,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 +589,7 @@ li.L8 { list-style: upper-alpha; }
text-decoration: none;
margin-top: 1em;
}
+
.feedbutton:hover {
color: white !important;
background: #ff9900;
@@ -470,35 +603,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 +648,7 @@ a.login_large_btn:focus {
width: 200px;
height: 20px;
}
+
.fileupload-content .ui-progressbar-value {
background: url(ikiwiki/images/pbar-ani.gif);
}
@@ -515,6 +657,7 @@ a.login_large_btn:focus {
margin-top: 1em;
margin-bottom: 1em;
}
+
.trail {
display: block;
clear: both;
@@ -558,7 +701,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,23 +731,20 @@ a.login_large_btn:focus {
-ms-flex-order: 1;
order: 1;
}
-
.blogform, #blogform {
padding: 4px 4px;
}
}
-/* bzed theme for ikiwiki
+
+/* bzed theme for ikiwiki
*
- * Copyright (C) 2010 Bernd Zeimetz
- * Licensed under same license as ikiwiki: GPL v2 or later
+ * Copyright (C) 2010 Bernd Zeimetz
+ * Licensed under same license as ikiwiki: GPL v2 or later
*
- * Parts of this file are based on the awesome YUI,
- * these parts will stay under the BSD license,
- * but you're free to apply the GPLv2 to them, of course.
+ * Parts of this file are based on the awesome YUI,
+ * these parts will stay under the BSD license,
+ * but you're free to apply the GPLv2 to them, of course.
*/
-
-
-
/* -------------------------------------------------------------------------------------------------
Based on reset-fonts-grids.css from yui.
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
@@ -613,43 +752,143 @@ Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
-body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,p,blockquote,th,td{margin:0;padding:0;}
-table{border-collapse:collapse;border-spacing:0;}
-img{border:0;}
-address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
-li{list-style:none;}
-caption,th{text-align:left;}
-h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
-q:before,q:after{content:'';}
-abbr,acronym {border:0;font-variant:normal;}
-sup {vertical-align:text-top;}
-sub {vertical-align:text-bottom;}
-input,textarea,select{font-family:inherit;font-size: 13px/1.23;font-weight:normal;}
-input,textarea,select{*font-size:100%;}
-legend{color:#000;}
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, legend, p, blockquote, th, td {
+ margin: 0;
+ padding: 0;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+img {
+ border: 0;
+}
+
+address, caption, cite, code, dfn, em, strong, th, var {
+ font-style: normal;
+ font-weight: normal;
+}
+
+li {
+ list-style: none;
+}
+
+caption, th {
+ text-align: left;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-size: 100%;
+ font-weight: normal;
+}
+
+q:before, q:after {
+ content: '';
+}
+
+abbr, acronym {
+ border: 0;
+ font-variant: normal;
+}
+
+sup {
+ vertical-align: text-top;
+}
+
+sub {
+ vertical-align: text-bottom;
+}
+
+input, textarea, select {
+ font-family: inherit;
+ font-size: 13px/1.23;
+ font-weight: normal;
+}
+
+input, textarea, select {
+ *font-size: 100%;
+}
+
+legend {
+ color: #000;
+}
+
/* body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} */
-body {font:13px/1.231 "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;*font-size:small;*font:x-small;}
-table {font-size:inherit;font:100%;}
-pre,code,kbd,samp,tt{font-family:monospace;}
+body {
+ font: 13px/1.231 "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
+ *font-size: small;
+ *font: x-small;
+}
+
+table {
+ font-size: inherit;
+ font: 100%;
+}
+pre, code, kbd, samp, tt {
+ font-family: monospace;
+}
-body{text-align:left;}
-.inlinefooter{clear:both;}
+body {
+ text-align: left;
+}
+
+.inlinefooter {
+ clear: both;
+}
/* #doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;} */
-.page {margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}
+.page {
+ margin: auto;
+ text-align: left;
+ width: 57.69em;
+ *width: 56.25em;
+ min-width: 750px;
+}
/* #doc3{margin:auto 10px;width:auto;} */
-.page {margin:auto 10px;width:auto;}
+.page {
+ margin: auto 10px;
+ width: auto;
+}
+
+#pagebody, .sidebar {
+ position: relative;
+}
+
+#pagebody, .sidebar {
+ _position: static;
+}
+
+#pagebody {
+ position: static;
+}
+
+.sidebar {
+ float: right;
+ width: 16.5em;
+ *width: 16em;
+}
+
+#pagebody {
+ margin-right: 19em;
+ *margin-right: 18.5em;
+}
-#pagebody, .sidebar{position:relative;}
-#pagebody, .sidebar{_position:static;}
-#pagebody {position:static;}
-.sidebar {float:right;width:16.5em;*width:16em;}
-#pagebody {margin-right:19em;*margin-right:18.5em;}
/* #content {float:none;width:auto;} */
-#pagebody:after, .sidebar:after, .page:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
-.page f{zoom:1;}
+#pagebody:after, .sidebar:after, .page:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+.page f {
+ zoom: 1;
+}
/* ------------------------------------------------------------------------------------------------
* Taken from base.css, part of YUI's CSS Foundation
@@ -660,91 +899,104 @@ body{text-align:left;}
*/
h1 {
/*18px via YUI Fonts CSS foundation*/
- font-size:138.5%;
+ font-size: 138.5%;
}
+
h2 {
/*16px via YUI Fonts CSS foundation*/
- font-size:123.1%;
+ font-size: 123.1%;
}
+
h3 {
/*14px via YUI Fonts CSS foundation*/
- font-size:108%;
+ font-size: 108%;
}
-h1,h2,h3 {
+
+h1, h2, h3 {
/* top & bottom margin based on font size */
- margin:1em 0;
+ margin: 1em 0;
}
-h1,h2,h3,h4,h5,h6,strong {
+
+h1, h2, h3, h4, h5, h6, strong {
/*bringing boldness back to headers and the strong element*/
- font-weight:bold;
+ font-weight: bold;
}
-abbr,acronym {
+
+abbr, acronym {
/*indicating to users that more info is available */
- border-bottom:1px dotted #000;
- cursor:help;
+ border-bottom: 1px dotted #000;
+ cursor: help;
}
+
em {
/*bringing italics back to the em element*/
- font-style:italic;
+ font-style: italic;
}
-blockquote,ul,ol,dl {
+
+blockquote, ul, ol, dl {
/*giving blockquotes and lists room to breath*/
- margin:1em;
+ margin: 1em;
}
-ol,ul,dl {
+
+ol, ul, dl {
/*bringing lists on to the page with breathing room */
- margin-left:2em;
+ margin-left: 2em;
}
+
ol li {
/*giving OL's LIs generated numbers*/
list-style: decimal outside;
}
+
ul li {
/*giving UL's LIs generated disc markers*/
list-style: disc outside;
}
+
dl dd {
/*giving UL's LIs generated numbers*/
- margin-left:1em;
+ margin-left: 1em;
}
-th,td {
+
+th, td {
/*borders and padding to make the table readable*/
- border:1px solid #000;
- padding:.5em;
+ border: 1px solid #000;
+ padding: .5em;
}
+
th {
/*distinguishing table headers from data cells*/
- font-weight:bold;
- text-align:center;
+ font-weight: bold;
+ text-align: center;
}
+
caption {
/*coordinated margin to match cell's padding*/
- margin-bottom:.5em;
+ margin-bottom: .5em;
/*centered so it doesn't blend in to other content*/
- text-align:center;
+ text-align: center;
}
-p,fieldset,table,pre {
+
+p, fieldset, table, pre {
/*so things don't run into each other*/
- margin-bottom:1em;
+ margin-bottom: 1em;
}
#searchbox {
- width:21.5em;*width:21em;
+ width: 21.5em;
+ *width: 21em;
}
-
-
/* ------------------------------------------------------------------------------------------------
* All CSS below is
* Copyright (C) 2010 Bernd Zeimetz
* Licensed under same license as ikiwiki: GPL v2 or later */
-
.page, .pageheader, .sidebar, #content, #enclosure, #comments, .inlinepage, .recentchanges, .pageheader .actions ul, #pagebody {
border: none;
}
html, body {
- color:#000;
+ color: #000;
/* background-image: url('body_background.png');
background-repeat: repeat; */
background-color: #8da1b8;
@@ -766,7 +1018,7 @@ body {
}
.pageheader {
- background-image: url('header_background.png');
+ background-image: url("header_background.png");
background-repeat: repeat-x;
height: 100px;
padding-left: 1em;
@@ -787,15 +1039,15 @@ body {
}
.pageheader .header .title, .pageheader .header .parentlinks,
- .inlinepage .inlineheader,
- h1, h2, h3, h4, h5, h6 {
+.inlinepage .inlineheader,
+h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
font-weight: bold;
}
.pageheader .header .title, .pageheader .header .parentlinks, .pageheader .actions ul li, .pageheader .header span, .pageheader #otherlanguages ul li, .pageheader .trailprev, .pageheader .trailnext, .pageheader .trailup {
padding: 0.25em 0.25em 0.25em 0.25em;
- background-image: url('background_darkness.png');
+ background-image: url("background_darkness.png");
background-repeat: repeat;
color: white;
}
@@ -834,7 +1086,6 @@ body {
margin-left: 1em;
}
-
.inlinepage, .recentchanges, div.recentchanges {
clear: none !important;
margin-bottom: 2em;
@@ -856,10 +1107,10 @@ body {
@media print {
.sidebar, .page .pageheader .header .parentlinks {
- content:".";
- display:block;
- height:0;
- visibility:hidden;
+ content: ".";
+ display: block;
+ height: 0;
+ visibility: hidden;
}
.page {
padding: 1em 1em 1em 1em;
@@ -872,7 +1123,6 @@ body {
*margin-right: 0;
border-right: none;
}
-
}
/* lose the border on mobile */