Make the sidebar more UI friendly (#1) #16
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
added 3 commits
October 20, 2016 10:06
* Make the sidebar more UI friendly This is a gift from me out of gratitude! Ur pelicanconf.py really sped up my modification! No, it's not just the CSS to change, when I complete I'll say it in this note. * Update _sidebar.html (#2) * For that sidebar (#3) * Makes one of the categories on the sidebar look different when u r there * Update _sidebar.html
charmander
reviewed
Oct 21, 2016
| @@ -1 +1 @@ | |||
| h1,h2,h3,h4,h5,h6{margin:0 0 .5em;font-family:Lusitana,serif;text-align:left}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}h1 a,h1 a:visited,h2 a,h2 a:visited,h3 a,h3 a:visited,h4 a,h4 a:visited,h5 a,h5 a:visited,h6 a,h6 a:visited{color:inherit}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:underline;color:#cf4078}h1{font-size:2rem}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}p,li{margin-bottom:1em;line-height:1.5}a{transition:color .1s linear;color:#4078cf}a:visited{color:#9740cf}a:hover{color:#cf4078}html{font-size:14px;background:url(/theme/images/concrete_seamless.png) #131f31}body{width:100%;max-width:1120px;margin:0 auto;font-family:Ubuntu,sans-serif;color:#202020}body > header{position:relative;margin:1em 0;min-height:138px;background:url(/theme/images/home-eevee.png) top left no-repeat}@media (max-width: 400px){body > header{margin-top:1em;min-height:auto;background:none}}body > header h1{position:absolute;font-size:4em;margin:0 2rem;bottom:0;right:0;padding:0;font-family:'Love Ya Like A Sister',cursive;font-weight:normal;color:#cfddf3}body > header h1 > a,body > header h1 > a:visited,body > header h1 > a:hover,body > header h1 > a:active{color:inherit;text-decoration:none}@media (max-width: 400px){body > header h1{position:static;margin:.25em;font-size:2em;padding:1rem}}body > header nav{position:absolute;right:1em;bottom:0;padding:0;text-align:right}body > header nav .site-search{-webkit-box-ordinal-group:3;-webkit-order:2;-moz-order:2;-ms-flex-order:2;order:2}body > header nav .subscription{-webkit-box-ordinal-group:4;-webkit-order:3;-moz-order:3;-ms-flex-order:3;order:3}body > header nav form{margin:.5em 0}body > header nav ul,body > header nav ol{margin:0;padding:0;list-style-type:none}body > header nav li{display:inline-block;margin:0}body > header nav a,body > header nav a:visited,body > header nav a:hover{color:#cfddf3}body > header nav a:hover{background:#2d3d53}body > header nav img,body > header nav input{vertical-align:middle}body > #main{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;border:1px solid #6b5337}body > #main #content{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;background:url(/theme/images/textured_paper.png) #fcfbf7}body > #main #sidebar{width:20em;background:url(/theme/images/textured_paper.png) #f8efdc}@media (max-width: 900px){body > #main{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}body > #main #sidebar{width:auto}}body > footer{margin:.5em 0 4em;color:#cfddf3;text-transform:lowercase;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}@media (max-width: 900px){body > footer{display:block}}body > footer p{margin:0}body > footer a{color:#79a1dd}body > footer a:visited{color:#b679dd}body > footer a:hover{color:#dd79a0}body > footer img{vertical-align:middle}#content > h1,#content > section > h1{font-size:2.5rem;border-bottom:1px solid #ac885e}#content > h1{margin:3rem 4rem 0}#content > h1 .category-atom{display:block;float:right}@media (max-width: 900px){#content > h1{margin:2rem 2rem 0}}@media (max-width: 400px){#content > h1{margin:1rem 1rem 0}}#content > footer{margin:2em 4em 4em;padding-top:2em;border-top:1px dotted #ac885e}#content > footer.pagination{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}#content > footer.pagination > a,#content > footer.pagination > span{display:block;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;text-align:center}#content > footer.pagination > a.next,#content > footer.pagination > span.next{text-align:right}#content > footer.pagination > a.prev,#content > footer.pagination > span.prev{text-align:left}@media (max-width: 400px){#content > footer{margin:1em;padding-top:1em}}.oh-wow-patreon{overflow:hidden;font-style:italic}.oh-wow-patreon figure{float:left;margin:0;margin-right:1em}.oh-wow-patreon figure img{height:93px}.oh-wow-patreon figcaption{font-size:.83em}#sidebar{font-size:.9rem;font-family:Ubuntu,sans-serif;border-left:1px solid #d2bc9d}#sidebar header > a{font-size:2em;display:block;float:right;padding:.5em .75em;line-height:1;border:1px solid transparent;text-decoration:none;background:#f2ede1;color:#85663f;padding:.25em}#sidebar header > a:hover{border-color:#cab08e}#sidebar section{margin:1.5em}#sidebar h1{font-size:1.5em}#sidebar h1,#sidebar a{text-shadow:1px 1px 0 #fcfbf7}#sidebar ul,#sidebar ol{margin:0;padding:0;list-style-type:none}#sidebar li{margin-bottom:.67em}#sidebar a{text-decoration:none}#sidebar .eevee-navigation{position:relative;margin:1em 0}#sidebar .eevee-navigation > li.-empty{margin-top:1em;padding-top:1em;border-top:1px dotted #d2bc9d}#sidebar .eevee-navigation > li{margin:0 0 -1px;vertical-align:bottom}#sidebar .eevee-navigation > li:not(:hover){background-color:transparent !important}#sidebar .eevee-navigation > li > a{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding:.5rem;border:1px solid transparent}#sidebar .eevee-navigation > li > a .-glyph{-webkit-box-flex:0;-webkit-flex:0 0 2rem;-moz-box-flex:0;-moz-flex:0 0 2rem;-ms-flex:0 0 2rem;flex:0 0 2rem;margin-right:.5em;text-align:center}#sidebar .eevee-navigation > li > a .-glyph > img{max-height:2rem;max-width:2rem;opacity:.9;filter:grayscale(100%) contrast(60%) brightness(1.25);-webkit-filter:grayscale(100%) contrast(60%) brightness(1.25)}#sidebar .eevee-navigation > li > a .-label h2{font-size:1.2em}#sidebar .eevee-navigation > li > a .-label p{font-size:.9em;color:gray}#sidebar .eevee-navigation > li > a .-label h2,#sidebar .eevee-navigation > li > a .-label p{margin:0;line-height:1.1}#sidebar .eevee-navigation > li:hover > a{background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.6));border-top-color:rgba(0,0,0,0.1);border-bottom-color:rgba(0,0,0,0.15);z-index:2}#sidebar .eevee-navigation > li:hover > a .-glyph img{filter:none;-webkit-filter:none}#sidebar .eevee-navigation > li:hover > a .-label h2{color:#202020}#sidebar .eevee-navigation > li:hover > a .-label p{color:#404040}#sidebar #recent_posts li{margin-left:2.5em}#sidebar #recent_posts .category-glyph{clear:left;float:left;margin-top:2px;margin-left:-2.5em}#sidebar .sidebar-tags{line-height:1.5}#sidebar .sidebar-tags a{padding-right:.33em;white-space:nowrap}article,#content section{padding:3em 4em;font-family:Merriweather,serif}@media (max-width: 900px){article,#content section{padding:2em}}@media (max-width: 400px){article,#content section{padding:1em}}article{text-align:justify}article + article{border-top:1px dotted #ac885e}article > header{position:relative}article > header .meta{float:right;margin:0;color:#ac885e}@media (max-width: 400px){article > header h1{clear:right}}article > footer{margin-top:2em;font-family:Ubuntu,sans-serif}article > footer ul.meta{margin:0;padding:0}article > footer ul.meta li{display:inline}article > footer ul.meta li::before{content:' • ';margin:0 .33em}article > footer ul.meta li:first-child::before{content:none;margin:0}article > footer a[rel="full-article"]{padding:.5em .75em;line-height:1;border:1px solid transparent;text-decoration:none;background:#f2ede1;color:#85663f}article > footer a[rel="full-article"]:hover{border-color:#cab08e}.entry-content img,.entry-content object,.gallery img{padding:.5rem;max-width:100%;box-sizing:border-box;background:#fff;border-radius:.25rem;box-shadow:0 1px 2px 1px #eee;transition:box-shadow linear .1s}.entry-content img:hover,.entry-content object:hover,.gallery img:hover{box-shadow:0 1px 2px 1px #ddd}.entry-content h2{margin-top:1em;padding-top:1em;border-top:1px dotted #ac885e}.entry-content ul{margin:1em 0;margin-left:2em;padding-left:0;list-style-type:none}.entry-content ul > li::before{content:'▸';display:block;float:left;margin-left:-1em}.entry-content blockquote{margin:1em 0;padding:1px 1em 1px 1.17em;border-left:.33em solid #cab08e;background:#f2ede1}.entry-content hr{border:none}.entry-content hr::after{content:'✩ ✩ ✩';display:block;text-align:center;font-size:1.2em;margin:1em 0}.entry-content kbd{font-size:.83em;padding:0 .2em;border-radius:.33em;border:1px double #cab08e;border-width:1px 3px 3px 1px;background:#f2ede1}.entry-content kbd + kbd{margin-left:.25em}.gallery{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;margin:1em 0;padding:.5em 0 .5em 1em;border-left:.33em solid #e1dbaf}.gallery a{-webkit-box-flex:1;-webkit-flex:1 0 240px;-moz-box-flex:1;-moz-flex:1 0 240px;-ms-flex:1 0 240px;flex:1 0 240px;text-align:center}.category-glyph{max-height:1.2em;margin-right:.25em;vertical-align:-10%}@media (max-width: 400px){h1 .category-glyph{max-height:.6em;max-width:.6em;margin-right:0;vertical-align:middle}}.prose-illustration{float:right;margin:0 0 .5em 1em}@media (max-width: 400px){.prose-illustration{float:none;margin:1em 0;text-align:center}}.prose-full-illustration{margin:0 0 1em;text-align:center}.prose-full-illustration img,.prose-full-illustration object{max-width:100%}.home-eevee{display:block;float:left;margin-right:1em;margin-bottom:1em}@media (max-width: 400px){.home-eevee{float:none;margin:0 auto 1em}}section.home-words{margin:2em 1em;color:#cfddf3}section.home-words p{font-size:1.33em}section.home-words a{color:#93b9f3}section.home-words a:visited{color:#ce93f3}section.home-words a:hover{color:#f393b9}section.home-links{clear:both;margin:1em}section.home-links hr{height:1em;border:none}section.home-links > a{display:block;position:relative;padding:.5em 1em;padding-right:6em;margin:1em 0;line-height:1.25;background-color:gray;background-size:auto 4em;background-position:right .5em top .5em;background-repeat:no-repeat;border-radius:.5em;border:1px solid rgba(0,0,0,0.8);box-shadow:inset 0 0 0 40em rgba(0,0,0,0.2),inset 0 -4em 8em -3.6em rgba(0,0,0,0.5),inset 0 0 3px rgba(255,255,255,0.5);color:#fff;text-decoration:none;transition:box-shadow linear .2s}section.home-links > a h1{font-size:2em;margin:0;font-family:inherit;font-weight:bold;text-align:left;text-shadow:.5px .5px .5px #000,-0.5px .5px .5px #000,.5px -0.5px .5px #000,-0.5px -0.5px .5px #000}section.home-links > a p{margin:0;color:#e0e0e0;text-shadow:.5px .5px .5px #202020}section.home-links > a:hover{box-shadow:inset 0 0 0 40em transparent,inset 0 -4em 8em -3.6em rgba(0,0,0,0.5),inset 0 0 3px rgba(255,255,255,0.5)}section.archives > h2{font-size:1.5rem;float:left;width:5rem;margin:0;line-height:1.8rem;vertical-align:baseline;font-weight:normal;color:#ac885e}@media (max-width: 400px){section.archives > h2{float:none;margin-bottom:1.5rem}}section.archives > hr{border:none;border-top:1px dotted #ac885e;margin-bottom:1.5rem}section.archives article{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding:0 0 1.5rem;margin-left:5rem}@media (max-width: 400px){section.archives article{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:0}}section.archives article + article{border:none}section.archives article > time[pubdate]{-webkit-box-flex:0;-webkit-flex:0 0 5rem;-moz-box-flex:0;-moz-flex:0 0 5rem;-ms-flex:0 0 5rem;flex:0 0 5rem;line-height:1.8rem;vertical-align:baseline;color:#ac885e}@media (max-width: 400px){section.archives article > time[pubdate]{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}}section.archives article h1{-webkit-box-flex:4;-webkit-flex:4 4 auto;-moz-box-flex:4;-moz-flex:4 4 auto;-ms-flex:4 4 auto;flex:4 4 auto;font-size:1.33rem;margin:0;padding-left:1.5em;text-indent:-1.5em;line-height:1.8rem;vertical-align:baseline;font-weight:normal}@media (max-width: 400px){section.archives article h1{-webkit-box-flex:0;-webkit-flex:0 0 100%;-moz-box-flex:0;-moz-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-ordinal-group:0;-webkit-order:-1;-moz-order:-1;-ms-flex-order:-1;order:-1}}section.archives article > footer{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin:0;line-height:1.8rem;text-align:right;color:#ac885e}@media (max-width: 400px){section.archives article > footer{-webkit-box-flex:1;-webkit-flex:1 1 0;-moz-box-flex:1;-moz-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}}section.archives article > footer .meta a{margin-left:.33em}section.archives article > footer .meta a,section.archives article > footer .meta a:visited,section.archives article > footer .meta a:active{color:#ac885e}section.archives article > footer .meta a:hover{color:#8d6d48}.projects-game{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.projects-game-pic img{max-width:100px}.projects-game-desc{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;margin-left:1em}table.highlighttable{width:100%;margin:1em 0;border-collapse:collapse;line-height:1.2;background:url(/theme/images/textured_paper.png) #fdf6e3;box-shadow:0 0 1em #eee8d5}table.highlighttable pre{margin:0;white-space:pre-wrap}table.highlighttable td{padding:.5em;border:1px solid #eee8d5}table.highlighttable td.linenos{width:0;padding-left:1em;text-align:right;color:#93a1a1;background:url(/theme/images/textured_paper.png) #eee8d5;vertical-align:top}h6{position:relative;z-index:1;font-size:1rem;line-height:1.8;margin:1rem 0 0;font-family:sans-serif;font-weight:normal;text-align:center;background:#eee8d5;text-shadow:1px 1px #fdf6e3;color:#93a1a1}h6 + table.hilighttable{margin-top:0}.highlight .hll{background-color:#ffc}.highlight .c{color:#93a1a1;font-style:italic}.highlight .err{color:#dc322f}.highlight .g{color:#657b83}.highlight .k{color:#dc322f}.highlight .l{color:#657b83}.highlight .n{color:#586e75}.highlight .o{color:#657b83}.highlight .x{color:#657b83}.highlight .p{color:#657b83}.highlight .cm{color:#93a1a1;font-style:italic}.highlight .cp{color:#93a1a1;font-style:italic}.highlight .c1{color:#93a1a1;font-style:italic}.highlight .cs{color:#93a1a1;font-style:italic}.highlight .gd{color:#657b83}.highlight .ge{color:#657b83}.highlight .gr{color:#657b83}.highlight .gh{color:#657b83}.highlight .gi{color:#657b83}.highlight .go{color:#657b83}.highlight .gp{color:#657b83}.highlight .gs{color:#657b83}.highlight .gu{color:#657b83}.highlight .gt{color:#657b83}.highlight .kc{color:#dc322f}.highlight .kd{color:#dc322f}.highlight .kn{color:#cb4b16}.highlight .kp{color:#cb4b16}.highlight .kr{color:#dc322f}.highlight .kt{color:#dc322f}.highlight .ld{color:#657b83}.highlight .m{color:#2aa198}.highlight .s{color:#2aa198}.highlight .na{color:#657b83}.highlight .nb{color:#268bd2}.highlight .nc{color:#268bd2}.highlight .no{color:#b58900}.highlight .nd{color:#cb4b16}.highlight .ni{color:#cb4b16}.highlight .ne{color:#cb4b16}.highlight .nf{color:#268bd2}.highlight .nl{color:#657b83}.highlight .nn{color:#b58900}.highlight .nx{color:#657b83}.highlight .py{color:#268bd2}.highlight .nt{color:#dc322f}.highlight .nv{color:#cb4b16}.highlight .ow{color:#dc322f}.highlight .w{color:#fdf6e3}.highlight .mf{color:#2aa198}.highlight .mh{color:#2aa198}.highlight .mi{color:#2aa198}.highlight .mo{color:#2aa198}.highlight .sb{color:#2aa198}.highlight .sc{color:#2aa198}.highlight .sd{color:#2aa198}.highlight .s2{color:#2aa198}.highlight .se{color:#cb4b16}.highlight .sh{color:#2aa198}.highlight .si{color:#cb4b16}.highlight .sx{color:#2aa198}.highlight .sr{color:#2aa198}.highlight .s1{color:#2aa198}.highlight .ss{color:#2aa198}.highlight .bp{color:#268bd2;font-weight:bold}.highlight .vc{color:#268bd2}.highlight .vg{color:#268bd2}.highlight .vi{color:#268bd2}.highlight .il{color:#2aa198}code{padding:.1em .25em;border-radius:.25em;background:#f2ede1}#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxBottomCenter{height:36px}#cboxContent{border-radius:.5em;overflow:visible;background:#fff}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border-radius:.5em;padding:1em;border:1px solid #000}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#ddd}#cboxCurrent{font-size:.8em;position:absolute;bottom:0;left:1.5rem;line-height:1rem;color:#aaa}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{position:absolute;bottom:-32px;margin:0;padding:0;border:0;overflow:visible;line-height:0;color:transparent;font-size:0;background:transparent}#cboxPrevious::before,#cboxNext::before,#cboxSlideshow::before,#cboxClose::before{content:'~';display:block;height:24px;width:24px;font-size:24px;font-weight:bold;line-height:21px;text-align:center;color:#000;background:#fff;border-radius:100%;border:2px solid #000;box-shadow:0 0 2px #444}#cboxPrevious:hover::before,#cboxNext:hover::before,#cboxSlideshow:hover::before,#cboxClose:hover::before{border-color:#fff;color:#fff;background:#000}#cboxPrevious{left:0}#cboxPrevious::before{content:'‹'}#cboxNext{right:0}#cboxNext::before{content:'›'}#cboxSlideshow::before{content:'S'}#cboxClose{top:4px;right:4px;bottom:auto}#cboxClose::before{content:'×'}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px}.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0} | |||
| h1,h2,h3,h4,h5,h6{margin:0 0 .5em;font-family:Lusitana,serif;text-align:left}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}h1 a,h1 a:visited,h2 a,h2 a:visited,h3 a,h3 a:visited,h4 a,h4 a:visited,h5 a,h5 a:visited,h6 a,h6 a:visited{color:inherit}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:underline;color:#cf4078}h1{font-size:2rem}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}p,li{margin-bottom:1em;line-height:1.5}a{transition:color .1s linear;color:#4078cf}a:visited{color:#9740cf}a:hover{color:#cf4078}html{font-size:14px;background:url(/theme/images/concrete_seamless.png) #131f31}body{width:100%;max-width:1120px;margin:0 auto;font-family:Ubuntu,sans-serif;color:#202020}body > header{position:relative;margin:1em 0;min-height:138px;background:url(/theme/images/home-eevee.png) top left no-repeat}@media (max-width: 400px){body > header{margin-top:1em;min-height:auto;background:none}}body > header h1{position:absolute;font-size:4em;margin:0 2rem;bottom:0;right:0;padding:0;font-family:'Love Ya Like A Sister',cursive;font-weight:normal;color:#cfddf3}body > header h1 > a,body > header h1 > a:visited,body > header h1 > a:hover,body > header h1 > a:active{color:inherit;text-decoration:none}@media (max-width: 400px){body > header h1{position:static;margin:.25em;font-size:2em;padding:1rem}}body > header nav{position:absolute;right:1em;bottom:0;padding:0;text-align:right}body > header nav .site-search{-webkit-box-ordinal-group:3;-webkit-order:2;-moz-order:2;-ms-flex-order:2;order:2}body > header nav .subscription{-webkit-box-ordinal-group:4;-webkit-order:3;-moz-order:3;-ms-flex-order:3;order:3}body > header nav form{margin:.5em 0}body > header nav ul,body > header nav ol{margin:0;padding:0;list-style-type:none}body > header nav li{display:inline-block;margin:0}body > header nav a,body > header nav a:visited,body > header nav a:hover{color:#cfddf3}body > header nav a:hover{background:#2d3d53}body > header nav img,body > header nav input{vertical-align:middle}body > #main{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;border:1px solid #6b5337}body > #main #content{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;background:url(/theme/images/textured_paper.png) #fcfbf7}body > #main #sidebar{width:20em;background:url(/theme/images/textured_paper.png) #f8efdc}@media (max-width: 900px){body > #main{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}body > #main #sidebar{width:auto}}body > footer{margin:.5em 0 4em;color:#cfddf3;text-transform:lowercase;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between}@media (max-width: 900px){body > footer{display:block}}body > footer p{margin:0}body > footer a{color:#79a1dd}body > footer a:visited{color:#b679dd}body > footer a:hover{color:#dd79a0}body > footer img{vertical-align:middle}#content > h1,#content > section > h1{font-size:2.5rem;border-bottom:1px solid #ac885e}#content > h1{margin:3rem 4rem 0}#content > h1 .category-atom{display:block;float:right}@media (max-width: 900px){#content > h1{margin:2rem 2rem 0}}@media (max-width: 400px){#content > h1{margin:1rem 1rem 0}}#content > footer{margin:2em 4em 4em;padding-top:2em;border-top:1px dotted #ac885e}#content > footer.pagination{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}#content > footer.pagination > a,#content > footer.pagination > span{display:block;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;text-align:center}#content > footer.pagination > a.next,#content > footer.pagination > span.next{text-align:right}#content > footer.pagination > a.prev,#content > footer.pagination > span.prev{text-align:left}@media (max-width: 400px){#content > footer{margin:1em;padding-top:1em}}.oh-wow-patreon{overflow:hidden;font-style:italic}.oh-wow-patreon figure{float:left;margin:0;margin-right:1em}.oh-wow-patreon figure img{height:93px}.oh-wow-patreon figcaption{font-size:.83em}#sidebar{font-size:.9rem;font-family:Ubuntu,sans-serif;border-left:1px solid #d2bc9d}#sidebar header > a{font-size:2em;display:block;float:right;padding:.5em .75em;line-height:1;border:1px solid transparent;text-decoration:none;background:#f2ede1;color:#85663f;padding:.25em}#sidebar header > a:hover{border-color:#cab08e}#sidebar section{margin:1.5em}#sidebar h1{font-size:1.5em}#sidebar h1,#sidebar a{text-shadow:1px 1px 0 #fcfbf7}#sidebar ul,#sidebar ol{margin:0;padding:0;list-style-type:none}#sidebar li{margin-bottom:.67em}#sidebar a{text-decoration:none}#sidebar .eevee-navigation{position:relative;margin:1em 0}#sidebar .eevee-navigation > li.-empty{margin-top:1em;padding-top:1em;border-top:1px dotted #d2bc9d}#sidebar .eevee-navigation > li{margin:0 0 -1px;vertical-align:bottom}#sidebar .eevee-navigation > li:not(:hover){background-color:transparent !important}#sidebar .eevee-navigation > li > a{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding:.5rem;border:1px solid transparent}#sidebar .eevee-navigation > li > a .-glyph{-webkit-box-flex:0;-webkit-flex:0 0 2rem;-moz-box-flex:0;-moz-flex:0 0 2rem;-ms-flex:0 0 2rem;flex:0 0 2rem;margin-right:.5em;text-align:center}#sidebar .eevee-navigation > li > a .-glyph > img{max-height:2rem;max-width:2rem;opacity:.9;filter:grayscale(100%) contrast(60%) brightness(1.25);-webkit-filter:grayscale(100%) contrast(60%) brightness(1.25)}#sidebar .eevee-navigation > li > a .-label h2{font-size:1.2em}#sidebar .eevee-navigation > li > a .-label p{font-size:.9em;color:gray}#sidebar .eevee-navigation > li > a .-label h2,#sidebar .eevee-navigation > li > a .-label p{margin:0;line-height:1.1}#sidebar .eevee-navigation > li.selected > a,#sidebar .eevee-navigation > li:hover > a{background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.6));border-top-color:rgba(0,0,0,0.1);border-bottom-color:rgba(0,0,0,0.15);z-index:2}#sidebar .eevee-navigation .selected a .-glyph img,#sidebar .eevee-navigation > li:hover > a .-glyph img{filter:none;-webkit-filter:none}#sidebar .eevee-navigation > li.selected > a .-label h2,#sidebar .eevee-navigation > li:hover > a .-label h2{color:#202020}#sidebar .eevee-navigation > li:hover > a .-label p,#sidebar .eevee-navigation > li.selected > a .-label p{color:#404040}#sidebar #recent_posts li{margin-left:2.5em}#sidebar #recent_posts .category-glyph{clear:left;float:left;margin-top:2px;margin-left:-2.5em}#sidebar .sidebar-tags{line-height:1.5}#sidebar .sidebar-tags a{padding-right:.33em;white-space:nowrap}article,#content section{padding:3em 4em;font-family:Merriweather,serif}@media (max-width: 900px){article,#content section{padding:2em}}@media (max-width: 400px){article,#content section{padding:1em}}article{text-align:justify}article + article{border-top:1px dotted #ac885e}article > header{position:relative}article > header .meta{float:right;margin:0;color:#ac885e}@media (max-width: 400px){article > header h1{clear:right}}article > footer{margin-top:2em;font-family:Ubuntu,sans-serif}article > footer ul.meta{margin:0;padding:0}article > footer ul.meta li{display:inline}article > footer ul.meta li::before{content:' • ';margin:0 .33em}article > footer ul.meta li:first-child::before{content:none;margin:0}article > footer a[rel="full-article"]{padding:.5em .75em;line-height:1;border:1px solid transparent;text-decoration:none;background:#f2ede1;color:#85663f}article > footer a[rel="full-article"]:hover{border-color:#cab08e}.entry-content img,.entry-content object,.gallery img{padding:.5rem;max-width:100%;box-sizing:border-box;background:#fff;border-radius:.25rem;box-shadow:0 1px 2px 1px #eee;transition:box-shadow linear .1s}.entry-content img:hover,.entry-content object:hover,.gallery img:hover{box-shadow:0 1px 2px 1px #ddd}.entry-content h2{margin-top:1em;padding-top:1em;border-top:1px dotted #ac885e}.entry-content ul{margin:1em 0;margin-left:2em;padding-left:0;list-style-type:none}.entry-content ul > li::before{content:'▸';display:block;float:left;margin-left:-1em}.entry-content blockquote{margin:1em 0;padding:1px 1em 1px 1.17em;border-left:.33em solid #cab08e;background:#f2ede1}.entry-content hr{border:none}.entry-content hr::after{content:'✩ ✩ ✩';display:block;text-align:center;font-size:1.2em;margin:1em 0}.entry-content kbd{font-size:.83em;padding:0 .2em;border-radius:.33em;border:1px double #cab08e;border-width:1px 3px 3px 1px;background:#f2ede1}.entry-content kbd + kbd{margin-left:.25em}.gallery{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;margin:1em 0;padding:.5em 0 .5em 1em;border-left:.33em solid #e1dbaf}.gallery a{-webkit-box-flex:1;-webkit-flex:1 0 240px;-moz-box-flex:1;-moz-flex:1 0 240px;-ms-flex:1 0 240px;flex:1 0 240px;text-align:center}.category-glyph{max-height:1.2em;margin-right:.25em;vertical-align:-10%}@media (max-width: 400px){h1 .category-glyph{max-height:.6em;max-width:.6em;margin-right:0;vertical-align:middle}}.prose-illustration{float:right;margin:0 0 .5em 1em}@media (max-width: 400px){.prose-illustration{float:none;margin:1em 0;text-align:center}}.prose-full-illustration{margin:0 0 1em;text-align:center}.prose-full-illustration img,.prose-full-illustration object{max-width:100%}.home-eevee{display:block;float:left;margin-right:1em;margin-bottom:1em}@media (max-width: 400px){.home-eevee{float:none;margin:0 auto 1em}}section.home-words{margin:2em 1em;color:#cfddf3}section.home-words p{font-size:1.33em}section.home-words a{color:#93b9f3}section.home-words a:visited{color:#ce93f3}section.home-words a:hover{color:#f393b9}section.home-links{clear:both;margin:1em}section.home-links hr{height:1em;border:none}section.home-links > a{display:block;position:relative;padding:.5em 1em;padding-right:6em;margin:1em 0;line-height:1.25;background-color:gray;background-size:auto 4em;background-position:right .5em top .5em;background-repeat:no-repeat;border-radius:.5em;border:1px solid rgba(0,0,0,0.8);box-shadow:inset 0 0 0 40em rgba(0,0,0,0.2),inset 0 -4em 8em -3.6em rgba(0,0,0,0.5),inset 0 0 3px rgba(255,255,255,0.5);color:#fff;text-decoration:none;transition:box-shadow linear .2s}section.home-links > a h1{font-size:2em;margin:0;font-family:inherit;font-weight:bold;text-align:left;text-shadow:.5px .5px .5px #000,-0.5px .5px .5px #000,.5px -0.5px .5px #000,-0.5px -0.5px .5px #000}section.home-links > a p{margin:0;color:#e0e0e0;text-shadow:.5px .5px .5px #202020}section.home-links > a:hover{box-shadow:inset 0 0 0 40em transparent,inset 0 -4em 8em -3.6em rgba(0,0,0,0.5),inset 0 0 3px rgba(255,255,255,0.5)}section.archives > h2{font-size:1.5rem;float:left;width:5rem;margin:0;line-height:1.8rem;vertical-align:baseline;font-weight:normal;color:#ac885e}@media (max-width: 400px){section.archives > h2{float:none;margin-bottom:1.5rem}}section.archives > hr{border:none;border-top:1px dotted #ac885e;margin-bottom:1.5rem}section.archives article{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding:0 0 1.5rem;margin-left:5rem}@media (max-width: 400px){section.archives article{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:0}}section.archives article + article{border:none}section.archives article > time[pubdate]{-webkit-box-flex:0;-webkit-flex:0 0 5rem;-moz-box-flex:0;-moz-flex:0 0 5rem;-ms-flex:0 0 5rem;flex:0 0 5rem;line-height:1.8rem;vertical-align:baseline;color:#ac885e}@media (max-width: 400px){section.archives article > time[pubdate]{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-moz-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}}section.archives article h1{-webkit-box-flex:4;-webkit-flex:4 4 auto;-moz-box-flex:4;-moz-flex:4 4 auto;-ms-flex:4 4 auto;flex:4 4 auto;font-size:1.33rem;margin:0;padding-left:1.5em;text-indent:-1.5em;line-height:1.8rem;vertical-align:baseline;font-weight:normal}@media (max-width: 400px){section.archives article h1{-webkit-box-flex:0;-webkit-flex:0 0 100%;-moz-box-flex:0;-moz-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-ordinal-group:0;-webkit-order:-1;-moz-order:-1;-ms-flex-order:-1;order:-1}}section.archives article > footer{-webkit-box-flex:1;-webkit-flex:1 1 auto;-moz-box-flex:1;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;margin:0;line-height:1.8rem;text-align:right;color:#ac885e}@media (max-width: 400px){section.archives article > footer{-webkit-box-flex:1;-webkit-flex:1 1 0;-moz-box-flex:1;-moz-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}}section.archives article > footer .meta a{margin-left:.33em}section.archives article > footer .meta a,section.archives article > footer .meta a:visited,section.archives article > footer .meta a:active{color:#ac885e}section.archives article > footer .meta a:hover{color:#8d6d48}.projects-game{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.projects-game-pic img{max-width:100px}.projects-game-desc{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;margin-left:1em}table.highlighttable{width:100%;margin:1em 0;border-collapse:collapse;line-height:1.2;background:url(/theme/images/textured_paper.png) #fdf6e3;box-shadow:0 0 1em #eee8d5}table.highlighttable pre{margin:0;white-space:pre-wrap}table.highlighttable td{padding:.5em;border:1px solid #eee8d5}table.highlighttable td.linenos{width:0;padding-left:1em;text-align:right;color:#93a1a1;background:url(/theme/images/textured_paper.png) #eee8d5;vertical-align:top}h6{position:relative;z-index:1;font-size:1rem;line-height:1.8;margin:1rem 0 0;font-family:sans-serif;font-weight:normal;text-align:center;background:#eee8d5;text-shadow:1px 1px #fdf6e3;color:#93a1a1}h6 + table.hilighttable{margin-top:0}.highlight .hll{background-color:#ffc}.highlight .c{color:#93a1a1;font-style:italic}.highlight .err{color:#dc322f}.highlight .g{color:#657b83}.highlight .k{color:#dc322f}.highlight .l{color:#657b83}.highlight .n{color:#586e75}.highlight .o{color:#657b83}.highlight .x{color:#657b83}.highlight .p{color:#657b83}.highlight .cm{color:#93a1a1;font-style:italic}.highlight .cp{color:#93a1a1;font-style:italic}.highlight .c1{color:#93a1a1;font-style:italic}.highlight .cs{color:#93a1a1;font-style:italic}.highlight .gd{color:#657b83}.highlight .ge{color:#657b83}.highlight .gr{color:#657b83}.highlight .gh{color:#657b83}.highlight .gi{color:#657b83}.highlight .go{color:#657b83}.highlight .gp{color:#657b83}.highlight .gs{color:#657b83}.highlight .gu{color:#657b83}.highlight .gt{color:#657b83}.highlight .kc{color:#dc322f}.highlight .kd{color:#dc322f}.highlight .kn{color:#cb4b16}.highlight .kp{color:#cb4b16}.highlight .kr{color:#dc322f}.highlight .kt{color:#dc322f}.highlight .ld{color:#657b83}.highlight .m{color:#2aa198}.highlight .s{color:#2aa198}.highlight .na{color:#657b83}.highlight .nb{color:#268bd2}.highlight .nc{color:#268bd2}.highlight .no{color:#b58900}.highlight .nd{color:#cb4b16}.highlight .ni{color:#cb4b16}.highlight .ne{color:#cb4b16}.highlight .nf{color:#268bd2}.highlight .nl{color:#657b83}.highlight .nn{color:#b58900}.highlight .nx{color:#657b83}.highlight .py{color:#268bd2}.highlight .nt{color:#dc322f}.highlight .nv{color:#cb4b16}.highlight .ow{color:#dc322f}.highlight .w{color:#fdf6e3}.highlight .mf{color:#2aa198}.highlight .mh{color:#2aa198}.highlight .mi{color:#2aa198}.highlight .mo{color:#2aa198}.highlight .sb{color:#2aa198}.highlight .sc{color:#2aa198}.highlight .sd{color:#2aa198}.highlight .s2{color:#2aa198}.highlight .se{color:#cb4b16}.highlight .sh{color:#2aa198}.highlight .si{color:#cb4b16}.highlight .sx{color:#2aa198}.highlight .sr{color:#2aa198}.highlight .s1{color:#2aa198}.highlight .ss{color:#2aa198}.highlight .bp{color:#268bd2;font-weight:bold}.highlight .vc{color:#268bd2}.highlight .vg{color:#268bd2}.highlight .vi{color:#268bd2}.highlight .il{color:#2aa198}code{padding:.1em .25em;border-radius:.25em;background:#f2ede1}#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxBottomCenter{height:36px}#cboxContent{border-radius:.5em;overflow:visible;background:#fff}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border-radius:.5em;padding:1em;border:1px solid #000}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#ddd}#cboxCurrent{font-size:.8em;position:absolute;bottom:0;left:1.5rem;line-height:1rem;color:#aaa}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{position:absolute;bottom:-32px;margin:0;padding:0;border:0;overflow:visible;line-height:0;color:transparent;font-size:0;background:transparent}#cboxPrevious::before,#cboxNext::before,#cboxSlideshow::before,#cboxClose::before{content:'~';display:block;height:24px;width:24px;font-size:24px;font-weight:bold;line-height:21px;text-align:center;color:#000;background:#fff;border-radius:100%;border:2px solid #000;box-shadow:0 0 2px #444}#cboxPrevious:hover::before,#cboxNext:hover::before,#cboxSlideshow:hover::before,#cboxClose:hover::before{border-color:#fff;color:#fff;background:#000}#cboxPrevious{left:0}#cboxPrevious::before{content:'‹'}#cboxNext{right:0}#cboxNext::before{content:'›'}#cboxSlideshow::before{content:'S'}#cboxClose{top:4px;right:4px;bottom:auto}#cboxClose::before{content:'×'}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0;right:27px}.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0} | |||
There was a problem hiding this comment.
In short, four elements about new ".selected" changing the style of the category link where u r currently located. To test, just generate using the changed template locally and fab serve
There was a problem hiding this comment.
No, the point is that you shouldn't be editing this file directly; you should edit all.scss, then use a Sass compiler to generate this file.
There was a problem hiding this comment.
Try it now! The .scss file should compile the same all.css so I'll make no change to the all.css
|
Found out it may not work. Will reopen when I make sure it works |
|
Reopened it seems there's no need in changing any of .css and .scss. |
|
Preview (The URL contains |
|
Sorry for my carelessness, now since I looked into that code carefully and edited that setting, it now applies to ur pages now! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This is a gift from me out of gratitude! Ur pelicanconf.py really sped up my modification!
Now it makes categories and pages on ur sidebar look different when u r there.
Try it!