From 5893ecab25229ed0cb47a11454bb414808691ca2 Mon Sep 17 00:00:00 2001 From: Jonas Smedegaard Date: Mon, 7 Nov 2011 00:39:45 +0530 Subject: Move styling to SCSS. --- .gitignore | 2 + local.css | 263 ------------------------------------------------------------- local.scss | 263 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 265 insertions(+), 263 deletions(-) create mode 100644 .gitignore delete mode 100644 local.css create mode 100644 local.scss diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..99749db --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +/local.css +/.sass-cache/ diff --git a/local.css b/local.css deleted file mode 100644 index 76ec1b1..0000000 --- a/local.css +++ /dev/null @@ -1,263 +0,0 @@ -H1 { - color: DarkRed; -} - -H1, -H2, -H3 { - margin-bottom: 0.1em; -} - -H4, -H5, -H6 { - text-decoration: blink; -} - -H2 { - font-size: 1.4em; -} - -H3 { - font-size: 1.1em; - font-weight: bold; - line-height: 1.6em; -} - -a { - color: darkblue; - font-weight: normal; -} - -p { - margin-top: 0.2em; - margin-bottom: 1.2em; -} - -BODY { - margin: 0; - background-color: white; - font-family: sans-serif; -} - -DIV.header { - padding: 0; - background-color: LightBlue; - color: LightBlue; -} - -DIV.header, -SPAN.author, -DIV.recentchanges, -SPAN.committype, -DIV#footer { - font-size: 80%; -} - -DIV.pageheader SPAN.title { - display: none; -} - -SPAN.parentlinks { - display: none; -} - -FORM#searchform { - margin: 20px; -} - -Div.pageheader DIV.actions { - background-color: LightBlue; -} - -div.actions ul { - border-bottom: 0; - padding:0 0 0 15px; -} - -DIV#topbar, -DIV.topbar { - height: 60px; - margin: 0; - padding: 20px 0; - background-color: LightBlue; - text-align: center; - text-transform: uppercase; - letter-spacing: 1px; -} - -DIV#topbar p, -DIV.topbar p { - float: left; -} - -DIV#topbar a, -DIV.topbar a { - font-weight: bold; -} - -DIV#topbar ul, -DIV.topbar ul { - list-style-type:none; - margin: 0; - padding: 0; -} - -DIV#topbar ul li, -DIV.topbar ul li { - display:inline; - margin: 0 20px; -} - -DIV#topbar li, -DIV#topbar ul, -DIV#topbar ul li, -DIV#topbar ol, -DIV#topbar ol li, -DIV.topbar li, -DIV.topbar ul, -DIV.topbar ul li, -DIV.topbar ol, -DIV.topbar ol li { - font-size: 1.1em; - line-height: 2em; -} - -DIV#topbar img, -DIV.topbar img { - margin: 0 20px; -} - -DIV#wrapper, -DIV#pagebody { - float: left; - width: 100%; -} - -DIV#content { - min-height: 480px; - max-width: 48em; - margin: 2% 40% 2% 20%; - padding: 0; - text-align: left; - background-color: none; -} - -DIV#content IMG { - display: block; - clear: both; - float: right; - width: 50%; - max-width: 200px; - margin-right: -50%; - padding: 0 5% 5%; - background-color: none; -} - -DIV.inlinepage { - border: 0; - padding: 1em; - margin: 0 -1em; - background-color: LightYellow; -} - -DIV.inlinepage SPAN.header a { - font-size: 0.9em; - font-weight: normal; - color: DarkRed; -} - -DIV.inlinefooter { - display: none; -} - -DIV#sidebar, -DIV.sidebar { - float: left; - min-height: 480px; - width: 14%; - padding: 1%; - margin-top: 2%; - margin-left: -98%; - margin-bottom: 2%; - border: none; - background-color: LightBlue; - text-align: left; -} - -DIV#sidebar ul, -DIV.sidebar ul { - padding-left: 0.5em; - margin-bottom:0; - margin-top:0; -} - -DIV#sidebar ul li, -DIV.sidebar ul li { - list-style-type: none; - padding: 0; -} - -DIV#sidebar ul li, -DIV.sidebar ul li, -DIV#sidebar ul li p, -DIV.sidebar ul li p { - margin-bottom: 0; - line-height: 1em; -} - -DIV#sidebar ul li a, -DIV.sidebar ul li a { - font-weight: normal; -} - -DIV#sidebar ul li SPAN.selflink, -DIV.sidebar ul li SPAN.selflink { - color: DarkBlue; - font-weight: bold; -} - -DIV#farbar, -DIV.farbar { - float: left; - min-height: 480px; - width: 14%; - margin-top: 2%; - margin-left: -18%; - margin-bottom: 2%; - padding: 1%; - background-color: LightBlue; - text-align: left; -} - -DIV.tags { - display: none; -} - -DIV#backlinks { - display: none; -} - -DIV#footer { - clear: left; - width: 100%; - margin: 2% 0 0; -} - -DIV#pageinfo { - margin: 0; - border-top: 0; - padding:1em 1em 1em 20px; - background-color: LightBlue; -} - -DIV.pagedate { - margin-top: 0; -} - -DIV.pagecopyright, -DIV.pagecopyright P { - margin-top: 0; - margin-bottom: 0; -} - diff --git a/local.scss b/local.scss new file mode 100644 index 0000000..76ec1b1 --- /dev/null +++ b/local.scss @@ -0,0 +1,263 @@ +H1 { + color: DarkRed; +} + +H1, +H2, +H3 { + margin-bottom: 0.1em; +} + +H4, +H5, +H6 { + text-decoration: blink; +} + +H2 { + font-size: 1.4em; +} + +H3 { + font-size: 1.1em; + font-weight: bold; + line-height: 1.6em; +} + +a { + color: darkblue; + font-weight: normal; +} + +p { + margin-top: 0.2em; + margin-bottom: 1.2em; +} + +BODY { + margin: 0; + background-color: white; + font-family: sans-serif; +} + +DIV.header { + padding: 0; + background-color: LightBlue; + color: LightBlue; +} + +DIV.header, +SPAN.author, +DIV.recentchanges, +SPAN.committype, +DIV#footer { + font-size: 80%; +} + +DIV.pageheader SPAN.title { + display: none; +} + +SPAN.parentlinks { + display: none; +} + +FORM#searchform { + margin: 20px; +} + +Div.pageheader DIV.actions { + background-color: LightBlue; +} + +div.actions ul { + border-bottom: 0; + padding:0 0 0 15px; +} + +DIV#topbar, +DIV.topbar { + height: 60px; + margin: 0; + padding: 20px 0; + background-color: LightBlue; + text-align: center; + text-transform: uppercase; + letter-spacing: 1px; +} + +DIV#topbar p, +DIV.topbar p { + float: left; +} + +DIV#topbar a, +DIV.topbar a { + font-weight: bold; +} + +DIV#topbar ul, +DIV.topbar ul { + list-style-type:none; + margin: 0; + padding: 0; +} + +DIV#topbar ul li, +DIV.topbar ul li { + display:inline; + margin: 0 20px; +} + +DIV#topbar li, +DIV#topbar ul, +DIV#topbar ul li, +DIV#topbar ol, +DIV#topbar ol li, +DIV.topbar li, +DIV.topbar ul, +DIV.topbar ul li, +DIV.topbar ol, +DIV.topbar ol li { + font-size: 1.1em; + line-height: 2em; +} + +DIV#topbar img, +DIV.topbar img { + margin: 0 20px; +} + +DIV#wrapper, +DIV#pagebody { + float: left; + width: 100%; +} + +DIV#content { + min-height: 480px; + max-width: 48em; + margin: 2% 40% 2% 20%; + padding: 0; + text-align: left; + background-color: none; +} + +DIV#content IMG { + display: block; + clear: both; + float: right; + width: 50%; + max-width: 200px; + margin-right: -50%; + padding: 0 5% 5%; + background-color: none; +} + +DIV.inlinepage { + border: 0; + padding: 1em; + margin: 0 -1em; + background-color: LightYellow; +} + +DIV.inlinepage SPAN.header a { + font-size: 0.9em; + font-weight: normal; + color: DarkRed; +} + +DIV.inlinefooter { + display: none; +} + +DIV#sidebar, +DIV.sidebar { + float: left; + min-height: 480px; + width: 14%; + padding: 1%; + margin-top: 2%; + margin-left: -98%; + margin-bottom: 2%; + border: none; + background-color: LightBlue; + text-align: left; +} + +DIV#sidebar ul, +DIV.sidebar ul { + padding-left: 0.5em; + margin-bottom:0; + margin-top:0; +} + +DIV#sidebar ul li, +DIV.sidebar ul li { + list-style-type: none; + padding: 0; +} + +DIV#sidebar ul li, +DIV.sidebar ul li, +DIV#sidebar ul li p, +DIV.sidebar ul li p { + margin-bottom: 0; + line-height: 1em; +} + +DIV#sidebar ul li a, +DIV.sidebar ul li a { + font-weight: normal; +} + +DIV#sidebar ul li SPAN.selflink, +DIV.sidebar ul li SPAN.selflink { + color: DarkBlue; + font-weight: bold; +} + +DIV#farbar, +DIV.farbar { + float: left; + min-height: 480px; + width: 14%; + margin-top: 2%; + margin-left: -18%; + margin-bottom: 2%; + padding: 1%; + background-color: LightBlue; + text-align: left; +} + +DIV.tags { + display: none; +} + +DIV#backlinks { + display: none; +} + +DIV#footer { + clear: left; + width: 100%; + margin: 2% 0 0; +} + +DIV#pageinfo { + margin: 0; + border-top: 0; + padding:1em 1em 1em 20px; + background-color: LightBlue; +} + +DIV.pagedate { + margin-top: 0; +} + +DIV.pagecopyright, +DIV.pagecopyright P { + margin-top: 0; + margin-bottom: 0; +} + -- cgit v1.2.3