diff --git a/scss/partials/_base.scss b/scss/partials/_base.scss index ea04037..597a601 100644 --- a/scss/partials/_base.scss +++ b/scss/partials/_base.scss @@ -1,7 +1,7 @@ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700); @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css); -html{ +html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-size:100%; @@ -9,7 +9,7 @@ html{ overflow-x:hidden; } -body{ +body { background:#edf0f2; color:#404040; font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; @@ -19,27 +19,26 @@ body{ overflow-x:hidden; } -#content{ +#content { background:#fcfcfc; height:100%; margin-left:300px; - /* margin:auto; */ max-width:1200px; min-height:100%; padding:1.618em 3.236em; } -p{ +p { font-size:16px; line-height:24px; - margin:0px 0px 24px 0px; + margin:0 0 1.5em 0; } -b,strong{ +b,strong { font-weight:bold; } -i{ +i { font-style: italic; } @@ -67,29 +66,20 @@ blockquote{ line-height:24px; margin:0px 0px 24px 0px; padding: 6px 20px; + p { + margin-bottom: 1em; + } } -// .rotate-90{ -// -webkit-transform:rotate(90deg); -// -moz-transform:rotate(90deg); -// -ms-transform:rotate(90deg); -// -o-transform:rotate(90deg); -// transform:rotate(90deg); -// } +// Superscript +sup{ + font-size:0.5em; + line-height:0; + position:relative; + vertical-align:baseline; + top:-0.5em; -// .rotate-270{ -// -webkit-transform:rotate(270deg); -// -moz-transform:rotate(270deg); -// -ms-transform:rotate(270deg); -// -o-transform:rotate(270deg); -// transform:rotate(270deg); -// } - -// *{ -// -webkit-box-sizing:border-box; -// -moz-box-sizing:border-box; -// box-sizing:border-box; -// } +} ins{ background:#ff9; @@ -288,34 +278,6 @@ span[id*='MathJax-Span']{ text-align:center; } - -.footnum, .footref{ - color: #2980b9; - font-size: 170%; - font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; -} - -.footnum:before, .footref:before{ - content:"["; -} - -.footnum:after, .footref:after{ - content:"]"; -} - -.footpara { - color: #999; - font-size: 90%; - font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; - padding-bottom: 8px; - padding-left: 16px; - padding-right: 16px; - padding-top: 8px; - line-height: 1.25em; - /* display: inline; */ -} - - .todo{ background-color: #f29f97; padding: 0px 4px; diff --git a/scss/partials/_footnotes.scss b/scss/partials/_footnotes.scss index e709f15..65b7f1f 100644 --- a/scss/partials/_footnotes.scss +++ b/scss/partials/_footnotes.scss @@ -1,32 +1,21 @@ // Links to Footnotes sup{ - font-size:0.5em; - line-height:0; - position:relative; - vertical-align:baseline; - top:-0.5em; -} + a.footref, a.footnum{ + color: #2980b9; + font-size: 12px; + font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; -.footnum, .footref{ - color: #2980b9; - font-size: 170%; - font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; -} + &:before{ content:"["; } + &:after{ content:"]"; } -.footnum:before, .footref:before{ - content:"["; + &:visited { + color: #2980b9; + } + } } -.footnum:after, .footref:after{ - content:"]"; -} - - // Footer #footnotes{ - border-top:1px solid #e1e4e5; - padding-top: 36px; - // Individual Foot Div div.footdef { display: flex; @@ -55,8 +44,3 @@ sup{ } } } - -// Do not display the footnote Heading -h2.footnotes{ - display:none; -} diff --git a/scss/style.scss b/scss/style.scss index 882569e..4623cf4 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -1,6 +1,7 @@ @import 'partials/_reset.scss'; @import 'partials/_base.scss'; +@import 'partials/_headlines.scss'; @import 'partials/_nagivation.scss'; @import 'partials/_toc.scss'; @import 'partials/_copyright.scss'; @@ -8,6 +9,8 @@ @import 'partials/_print.scss'; @import 'partials/_footnotes.scss'; +@import 'partials/_aside.scss'; +@import 'partials/_bibliography.scss'; @import 'partials/_htmlize.scss'; @import 'partials/_lists.scss'; @import 'partials/_boxes.scss';