diff --git a/documentation/content/Components/links.md b/documentation/content/Components/links.md new file mode 100644 index 00000000..b0650697 --- /dev/null +++ b/documentation/content/Components/links.md @@ -0,0 +1,43 @@ +Title: Hyperlinks Styles +Tags: style +Category: Components +Date: 2019-12-02 15:09 +Slug: hyperlinks-styles +Authors: Talha Mansoor +Subtitle: +Summary: +Keywords: + +Elegant has three styles for hyperlinks that you can use. + +## Muted Style + +This is the default style of link. + +[Example Link - Use Firefox Browser](https://www.mozilla.org/en-US/firefox/new/) to support open web standards. + +This style is very suitable for long-form articles. To read the rationale behind this choice, read our help article [Why Does Elegant Look The Way It Does?]({filename}../Contributing/why-look-and-feel.md). + +## Amplified Style + +We understand not all links should be muted. Some links require attention. + +[Example Link - Use Firefox Browser](https://www.mozilla.org/en-US/firefox/new/){: class="ampl"} to support open web standards. + +To use this style, you need to enable [Markdown attribute list extension](https://python-markdown.github.io/extensions/attr_list/){:class="ampl"}. + +``` +# Plugins and extensions +MARKDOWN = { + "extension_configs": { + "markdown.extensions.extra": {}, + "markdown.extensions.meta": {}, + } +} +``` + +Then use this style using `ampl` class. + +```text +[Example Link](https://www.mozilla.org/){: class="ampl"} blah blah +``` diff --git a/static/css/elegant.css b/static/css/elegant.css index fca28f89..cec38318 100644 --- a/static/css/elegant.css +++ b/static/css/elegant.css @@ -160,23 +160,6 @@ table.highlighttable tbody > tr:nth-child(odd) > td { "Lucida Grande", "Lucida Sans", Arial, Sans-Serif; } /* Article */ -article p:not(#list-of-translations):not(#post-share-links) a, -article ol a, -blockquote a, -article - div.article-content - ul:not(.articles-timeline):not(.related-posts-list) - a { - border-bottom: thin dashed #a9a9a9; - color: #000; -} -article p a:hover, -article ol a:hover, -article div.article-content ul:not(.articles-timeline) a:hover { - border-bottom: none; - text-decoration: none; - text-shadow: none; -} .article-content, div.recent-posts p { font: 1.2em/1.6em "PT Serif", Georgia, "Times New Roman", Times, Serif; @@ -359,14 +342,6 @@ div.recent-posts-posted { color: #8f8f8f; font: 0.9em "PT Sans", "Helvetica Neue", Arial, Sans-Serif; } -div.recent-posts-posted a { - color: inherit; - padding-left: 0.3em; -} -div.recent-posts-posted a:hover { - border-bottom: 1px dashed; - text-decoration: none; -} div.recent-posts time { font-size: inherit; } diff --git a/static/css/elegant.prod.css b/static/css/elegant.prod.css index 53585aa3..68fb9312 100644 --- a/static/css/elegant.prod.css +++ b/static/css/elegant.prod.css @@ -1,8 +1,9 @@ -@import url("https://fonts.googleapis.com/css?family=Merriweather:300,400|Open+Sans|Source+Code+Pro");#tipue_search_input:-webkit-autofill,#tipue_search_input:-webkit-autofill:focus,#tipue_search_input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #f3f3f3 inset}.tipue_search_button{position:relative;width:49px;height:56px;margin-left:-3px;background-color:#f3f3f3;border:none;border-top-right-radius:3px;border-bottom-right-radius:3px;cursor:pointer}.tipue_search_button,.tipue_search_icon{float:left;box-sizing:border-box;outline:0}.tipue_search_icon{font:24px/1 Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-appearance:none;-webkit-appearance:none;box-shadow:none;margin:-1px 0 0 16px}.tipue_search_group:after{content:"";display:table;clear:both}#tipue_search_content{max-width:100%;margin:0}.tipue_search_content_title{font:300 31.5px/40px Baskerville,Garamond,Georgia,"DejaVu Serif",Times New Roman,Times,Serif;color:#111}.tipue_search_content_title a{color:#111;text-decoration:none}.tipue_search_content_title a:hover{border-bottom:1px solid #333}.tipue_search_result{padding-top:27px}#tipue_search_results_count,.tipue_search_content_debug{font:13px/1.5 Source Code Pro,monospace;text-transform:uppercase;color:#999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#tipue_search_results_count{padding-top:9px}#tipue_search_error,#tipue_search_replace,.tipue_search_content_url,.tipue_search_note,.tipue_search_related{font:300 16px/1.4 Merriweather,serif;color:#666;padding-top:7px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}#tipue_search_replace a,#tipue_search_replace a:hover,.tipue_search_content_url a,.tipue_search_note a,.tipue_search_related a{text-decoration:none}.tipue_search_content_url a:hover,.tipue_search_note a:hover,.tipue_search_related a:hover{color:#666}#tipue_search_replace,.tipue_search_related{margin-top:7px}#tipue_search_error{color:#333;margin-top:17px}.tipue_search_content_text{font:1.2em/1.6em "PT Serif",Georgia,Times New Roman,Times,Serif;color:#333;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-top:9px}.tipue_search_content_bold{font-weight:400;font-family:Open Sans,sans-serif;color:#333}.tipue_search_content_debug{margin:7px 0 2px}.tipue_search_image{padding:17px 0 6px}.tipue_search_img{width:100%;max-width:330px;height:auto;-webkit-transition:.5s;transition:.5s;border-radius:2px}.tipue_search_img:hover{opacity:.9}#tipue_search_zoom_text{font:12px/1.7 Source Code Pro,monospace;color:#ccc;text-transform:uppercase;letter-spacing:1px;padding-top:9px}#tipue_search_zoom_text a{color:#ccc;text-decoration:none;border-bottom:2px solid #f7f7f7}#tipue_search_zoom_text a:hover{border:0}.tipue_search_image_zoom{cursor:pointer}#tipue_search_image_modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}.tipue_search_image_close{position:absolute;top:0;right:0;font:22px/1 Source Code Pro,monospace;color:#ccc;padding:25px 30px;cursor:pointer}.tipue_search_image_block{margin:0 auto;max-width:900px;padding:73px 30px 30px;box-sizing:border-box;color:#fff}#tipue_search_zoom_img{max-width:100%;height:auto}#tipue_search_zoom_text,.tipue_search_zoom_options{padding-top:9px}#tipue_search_foot{margin:51px 0 21px}#tipue_search_foot_boxes{font:14px Source Code Pro,sans-serif;text-transform:uppercase;color:#333;padding:0;margin:0;cursor:pointer}#tipue_search_foot_boxes li{display:inline;list-style:none;margin:0;padding:0}#tipue_search_foot_boxes li a{background-color:#f7f7f7;color:#666;text-decoration:none;-webkit-transition:.3s;transition:.3s}#tipue_search_foot_boxes li.current,#tipue_search_foot_boxes li a{padding:10px 17px 11px;border-radius:3px;margin-right:7px;text-align:center}#tipue_search_foot_boxes li.current{background:#252525;color:#ccc}#tipue_search_foot_boxes li a:hover{background:#252525;color:#ccc} +@import url("https://fonts.googleapis.com/css?family=Merriweather:300,400|Open+Sans|Source+Code+Pro");#tipue_search_input:-webkit-autofill,#tipue_search_input:-webkit-autofill:focus,#tipue_search_input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #f3f3f3 inset}.tipue_search_button{position:relative;width:49px;height:56px;margin-left:-3px;background-color:#f3f3f3;border:none;border-top-right-radius:3px;border-bottom-right-radius:3px;cursor:pointer}.tipue_search_button,.tipue_search_icon{float:left;box-sizing:border-box;outline:0}.tipue_search_icon{font:24px/1 Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-appearance:none;-webkit-appearance:none;box-shadow:none;margin:-1px 0 0 16px}.tipue_search_group:after{content:"";display:table;clear:both}#tipue_search_content{max-width:100%;margin:0}.tipue_search_content_title{font:300 31.5px/40px Baskerville,Garamond,Georgia,"DejaVu Serif",Times New Roman,Times,Serif;color:#111}.tipue_search_content_title a{color:#111;text-decoration:none}.tipue_search_content_title a:hover{border-bottom:1px solid #333}.tipue_search_result{padding-top:27px}#tipue_search_results_count,.tipue_search_content_debug{font:13px/1.5 Source Code Pro,monospace;text-transform:uppercase;color:#999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#tipue_search_results_count{padding-top:9px}#tipue_search_error,#tipue_search_replace,.tipue_search_content_url,.tipue_search_note,.tipue_search_related{font:300 16px/1.4 Merriweather,serif;color:#666;padding-top:7px;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}#tipue_search_replace a,#tipue_search_replace a:hover,.tipue_search_content_url a,.tipue_search_note a,.tipue_search_related a{text-decoration:none}.tipue_search_content_url a:hover,.tipue_search_note a:hover,.tipue_search_related a:hover{color:#666}#tipue_search_replace,.tipue_search_related{margin-top:7px}#tipue_search_error{color:#333;margin-top:17px}.tipue_search_content_text{font:1.2em/1.6em "PT Serif",Georgia,Times New Roman,Times,Serif;color:#333;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;margin-top:9px}.tipue_search_content_bold{font-weight:400;font-family:Open Sans,sans-serif;color:#333}.tipue_search_content_debug{margin:7px 0 2px}.tipue_search_image{padding:17px 0 6px}.tipue_search_img{width:100%;max-width:330px;height:auto;-webkit-transition:.5s;transition:.5s;border-radius:2px}.tipue_search_img:hover{opacity:.9}#tipue_search_zoom_text{font:12px/1.7 Source Code Pro,monospace;color:#ccc;text-transform:uppercase;letter-spacing:1px;padding-top:9px}#tipue_search_zoom_text a{color:#ccc;text-decoration:none;border-bottom:2px solid #f7f7f7}#tipue_search_zoom_text a:hover{border:0}.tipue_search_image_zoom{cursor:pointer}#tipue_search_image_modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}.tipue_search_image_close{position:absolute;top:0;right:0;font:22px/1 Source Code Pro,monospace;color:#ccc;padding:25px 30px;cursor:pointer}.tipue_search_image_block{margin:0 auto;max-width:900px;padding:73px 30px 30px;box-sizing:border-box;color:#fff}#tipue_search_zoom_img{max-width:100%;height:auto}#tipue_search_zoom_text,.tipue_search_zoom_options{padding-top:9px}#tipue_search_foot{margin:51px 0 21px}#tipue_search_foot_boxes{font:14px Source Code Pro,sans-serif;text-transform:uppercase;color:#333;padding:0;margin:0;cursor:pointer}#tipue_search_foot_boxes li{display:inline;list-style:none;margin:0;padding:0}#tipue_search_foot_boxes li a{background-color:#f7f7f7;color:#666;text-decoration:none;-webkit-transition:.3s;transition:.3s}#tipue_search_foot_boxes li.current,#tipue_search_foot_boxes li a{padding:10px 17px 11px;border-radius:3px;margin-right:7px;text-align:center}#tipue_search_foot_boxes li.current,#tipue_search_foot_boxes li a:hover{background:#252525;color:#ccc} div.admonition{padding:0;margin-bottom:20px;background-color:#fcf8e3;border:1px solid;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}div.admonition p{margin:.5em 1em;padding:0}div.admonition p a{color:inherit!important}div.admonition div.highlight{margin-left:1em;margin-right:1em}div.admonition table.highlighttable{padding-left:1em;padding-right:1em}div.admonition table.highlighttable div.highlight{margin-left:0;margin-right:0}div.admonition p.admonition-title{color:#fff;margin:0;padding:.1em 0 .1em .5em;font-weight:700}div.admonition ol,div.admonition ul{margin:.1em .5em .5em 3em;padding:0}div.danger,div.error{color:#b94a48;background-color:#f2dede}div.danger p.admonition-title,div.error p.admonition-title{background-color:#b94a48}div.attention,div.caution,div.warning{color:#c09853}div.attention p.admonition-title,div.caution p.admonition-title,div.warning p.admonition-title{background-color:#c09853}div.important,div.note{color:#468847;background-color:#dff0d8}div.important p.admonition-title,div.note p.admonition-title{background-color:#468847}div.hint,div.tip{color:#3a87ad;background-color:#d9edf7}div.hint p.admonition-title,div.tip p.admonition-title{background-color:#3a87ad}div.attention p.admonition-title:before,div.caution p.admonition-title:before,div.danger p.admonition-title:before,div.error p.admonition-title:before,div.hint p.admonition-title:before,div.important p.admonition-title:before,div.note p.admonition-title:before,div.tip p.admonition-title:before,div.warning p.admonition-title:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}div.danger p.admonition-title:before,div.error p.admonition-title:before{height:20px;width:23px;background-size:20px 20px;content:"";background-repeat:no-repeat;background-image:url('data:image/svg+xml; utf8, ');vertical-align:-20%}div.attention p.admonition-title:before,div.caution p.admonition-title:before,div.warning p.admonition-title:before{height:20px;width:23px;background-size:20px 20px;content:"";background-repeat:no-repeat;background-image:url('data:image/svg+xml; utf8, ');vertical-align:-20%}div.important p.admonition-title:before,div.note p.admonition-title:before{height:20px;width:23px;background-size:20px 20px;content:"";background-repeat:no-repeat;background-image:url('data:image/svg+xml; utf8, ');vertical-align:-20%}div.hint p.admonition-title:before,div.tip p.admonition-title:before{height:20px;width:23px;background-size:20px 20px;content:"";background-repeat:no-repeat;background-image:url('data:image/svg+xml; utf8, ');vertical-align:-20%} blockquote{margin:3em 0 3em 2em;padding:0 7px;background:#fff8dc;border-radius:var(--border-radius);border-left:5px solid #daa520}blockquote:after,blockquote:before{font-size:4em;color:#696969;vertical-align:top}blockquote:before{content:open-quote;margin-left:-.8em;position:absolute}blockquote:after{content:close-quote;position:relative;right:-97%;top:45px}blockquote p{font-family:Helvetica Neue,Helvetica,Arial,Sans-Serif;font-size:inherit;font-feature-settings:normal;font-variant:normal;line-height:1.7em;text-transform:none;font-weight:300} -:root{--border-radius:4px}body,html{height:100%}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}div#content{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}footer{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:wrap;flex-wrap:wrap;font:.8em Calibri,Tahoma,Arial,Sans-Serif;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:15px 0 0;min-height:40px;padding:0 3px}footer div{margin:3px 0}footer div:first-child{margin-right:auto}footer div#fpowered{margin-left:auto;margin-right:unset}:lang(zh){font-family:Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif}a{color:#3875d7}hr{border-width:3px}.site-name{font-family:Monaco,Inconsolata,Andale Mono,Lucida Console,Bitstream Vera Sans Mono,Courier New,Courier,Monospace}.top-menu li a{font-weight:700}#comment-message,#post-share-links:not(a){color:#6f6f6f;text-shadow:1px 1px 3px rgba(50,50,50,.15)}#post-share-links a{text-shadow:0 0}.comment-count{font-family:Trebuchet MS,Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,Sans-Serif;font-size:.9em}#comment_thread{padding-left:10px;padding-right:10px}table{table-layout:fixed;width:100%}td{vertical-align:top}@media (max-width:979px){.linenos{display:none!important}}.linenos{width:30px}.linenos div pre{text-align:right;overflow:hidden}pre{overflow:auto;white-space:pre;word-break:normal;word-wrap:normal}td.code .highlight pre{border-radius:0 4px 4px 0;border-radius:0 var(--border-radius) var(--border-radius) 0}td.code{width:100%}.linenodiv pre{background-color:#eee8d5;border-radius:4px 0 0 4px;border-radius:var(--border-radius) 0 0 var(--border-radius);color:#657b83}div.highlight{margin-bottom:20px}table.highlighttable,table.highlighttable td{border:none}table.highlighttable tbody>tr:nth-child(odd)>td{background-color:transparent}.list-of-tags{font-family:Helvetica Neue,Helvetica,Arial,Sans-Serif;list-style:none;margin:0;overflow:hidden}.list-of-tags li{float:left;line-height:28px;margin:0}.list-of-tags a{background:#eee;border-radius:4px;border-radius:var(--border-radius);color:#222;margin:2px;padding:3px 6px;text-decoration:none}.list-of-tags a span{font-size:.8em;vertical-align:super}.tags-in-article li{float:none;line-height:28px}.tag-title{font-family:Trebuchet MS,Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,Sans-Serif}.articles-in-tag li{font:1.1em/1.6em Trebuchet MS,Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,Sans-Serif}article div.article-content ul:not(.articles-timeline):not(.related-posts-list) a,article ol a,article p:not(#list-of-translations):not(#post-share-links) a,blockquote a{border-bottom:thin dashed #a9a9a9;color:#000}article div.article-content ul:not(.articles-timeline) a:hover,article ol a:hover,article p a:hover{border-bottom:none;text-decoration:none;text-shadow:none}.article-content,div.recent-posts p{font:1.2em/1.6em "PT Serif",Georgia,Times New Roman,Times,Serif;text-align:justify}.article-content{max-width:50em}.article-content p,div.recent-posts p{font-size:inherit;font-feature-settings:normal;font-variant:normal;line-height:1.6em;text-transform:none}.article-content p{margin:20px 0}.article-content ul:not(.related-posts-list):not(.articles-timeline){font-size:inherit;list-style-type:disc}.article-content ul.related-posts-list{list-style-type:square}.article-content ol{font-size:inherit;list-style-type:decimal}.article-content li{line-height:1.7em;list-style-position:outside;margin:1px 0 1px 20px}.article-content dl{font-size:inherit;list-style-position:outside;list-style-type:decimal;margin:20px 0 20px 20px}.article-content dd{line-height:1.7em;margin:1px 0 1px 20px;padding:3px 0}.article-content dt{font-size:inherit}.page-header{border-bottom:2px solid maroon;color:maroon;margin:10px 10px 20px;padding:5px}.page-header h1{border:none;line-height:1em}ul.articles-timeline{list-style:none;margin:0;padding-bottom:30px}ul.articles-timeline .next-article{float:right;margin:0}ul.articles-timeline .previous-article{float:left;margin:0}ul.multi-parts-list a{color:#000}ul.multi-parts-list a:hover{text-decoration:none}ul.multi-parts-list li.active-part{font-style:italic}.table-of-content .toc{font-size:.7em}.last-updated a{color:#333}.last-updated a:hover{text-decoration:none}.article-content img{border:2px solid #eee;padding:5px}p#post-share-links{text-align:right}.list-of-categories span{font-size:.7em;vertical-align:super}a.list-of-categories{text-decoration:none}ul.list-articles-category{list-style:none outside none;margin:0 0 0 5px}ul.list-articles-category li time{color:#8f8f8f;display:inline-block;font:.9em PT Sans,Helvetica Neue,Arial,Sans-Serif;width:7em}a.category-link{color:#333}a.category-link:hover{text-decoration:none}a.list-of-categories{font-family:Trebuchet MS,Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,Sans-Serif;font-size:1.1em}a.list-of-categories:hover{background-color:#08c;border-radius:4px;border-radius:var(--border-radius);color:#fff}ul.list-all-articles{list-style:none;margin:0}ul.list-all-articles li{border-bottom:1px dotted #000;font-family:Trebuchet MS,Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,Sans-Serif;font-size:1.1em;padding:.3em 0;overflow:auto}ul.list-all-articles li time{color:#aaa;float:right;font-family:PT Sans,Helvetica Neue,Arial,Sans-Serif;font-size:.9em}div.blog-archives h2{float:left;position:relative;margin:0}div.blog-archives div,div.recent-posts-article{border-bottom:1px dotted #aaa;font-size:1.1em;padding:.3em .2em;position:relative;overflow:auto}div.blog-archives div{margin-left:6em}div.blog-archives div.last-entry-of-year{margin-bottom:1em}div.blog-archives time,div.recent-posts time{float:right;text-align:right}div.blog-archives time,div.recent-posts-posted,div.recent-posts time{color:#8f8f8f;font:.9em PT Sans,Helvetica Neue,Arial,Sans-Serif}div.recent-posts-posted a{color:inherit;padding-left:.3em}div.recent-posts-posted a:hover{border-bottom:1px dashed;text-decoration:none}div.recent-posts time{font-size:inherit}div.recent-posts-time{display:inline}@media (max-width:767px){div.blog-archives h2{float:none}div.blog-archives article{margin-left:0;padding-left:0}div.recent-posts time{float:none}div.recent-posts-time{display:block}ul.list-articles-category li time{width:100%}}#mc-embed-signup{font-family:inherit;font-size:inherit;margin:10px 0}#mc-embed-signup form{display:block;padding:0;position:relative;text-align:left}#mc-embed-signup input{-moz-appearance:none;-webkit-appearance:none;border:1px solid #999}#mc-embed-signup input:focus{border-color:#333}#mc-embed-signup input.email{display:block;font-size:.9em;margin:0 4% 10px 0;min-width:130px;padding:8px 0;text-indent:5px;width:100%}#mc-embed-signup input.button{display:block;margin:0 0 10px;min-width:130px;width:100%}#mc-embed-signup input[type=email]{height:100%}#mc-embed-signup .button{background-color:#eee;border-radius:4px;border-radius:var(--border-radius);border:1px solid #d3d3d3;clear:both;color:#000;cursor:pointer;display:inline-block;font-size:1em;font-weight:400;height:32px;line-height:32px;margin:0 5px 10px 0;padding:0;text-align:center;text-decoration:none;vertical-align:top;white-space:nowrap;width:auto}#mc-embed-signup.button:hover{background-color:#dfdfdf}#mc-embed-signup .clear{clear:none;display:inline}#allposts{color:#999;float:right;font-size:75%;font-weight:400}a#allposts:hover{color:#333}.proj-desc{color:#999;font:.9em PT Sans,Helvetica Neue,Arial,Sans-Serif}.literal{background-color:#f7f7f9;border-radius:4px;border-radius:var(--border-radius);border:1px solid #e1e1e8;color:#d14;font-family:Monaco,Menlo,Consolas,Courier New,monospace;font-size:12px;padding:2px 4px;white-space:nowrap}div.line-block div.line-block{margin-left:1.5em}.amp{font-family:Warnock Pro,Goudy Old Style,Palatino,Book Antiqua,Serif;font-style:italic}.article-content img,div.figure{text-align:center}div.figure img{width:100%}div.figure p.caption{color:grey;font-size:.6em;margin:0}div.figure p.caption a{border:none;color:grey}.article-content img.align-right,div.figure.align-right{float:right;margin-left:1.5em}.article-content img.align-left,div.figure.align-left{float:left;margin-right:1.5em}.author_blurb{font-style:italic;padding:5px 0}.author_blurb img{padding:0;width:32px;height:32px}.author_name{font-weight:700;font-feature-settings:"c2sc";font-variant:small-caps}.gist table{table-layout:auto}table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;border:1px solid #bfbfbf;border-collapse:separate;*border-collapse:collapse;border-left:0;border-radius:4px;border-radius:var(--border-radius)}table td,table th{border-left:1px solid #bfbfbf;padding-left:2px;padding-right:2px}table thead:first-child tr:first-child th{border-top:0}table thead:first-child tr:first-child>th:first-child{border-top-left-radius:4px;border-top-left-radius:var(--border-radius)}table thead:first-child tr:first-child>th:last-child{border-top-right-radius:4px;border-top-right-radius:var(--border-radius)}table tbody:last-child tr:last-child>td:first-child{border-bottom-left-radius:4px;border-bottom-left-radius:var(--border-radius)}table tbody:last-child tr:last-child>td:last-child{border-bottom-right-radius:4px;border-bottom-right-radius:var(--border-radius)}table tbody>tr:nth-child(odd)>td{background-color:#ebebeb} +:root{--border-radius:4px}body,html{height:100%}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}div#content{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}footer{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:wrap;flex-wrap:wrap;font:.8em Calibri,Tahoma,Arial,Sans-Serif;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:15px 0 0;min-height:40px;padding:0 3px}footer div{margin:3px 0}footer div:first-child{margin-right:auto}footer div#fpowered{margin-left:auto;margin-right:unset}:lang(zh){font-family:Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif}a{color:#3875d7}hr{border-width:3px}.site-name{font-family:Monaco,Inconsolata,Andale Mono,Lucida Console,Bitstream Vera Sans Mono,Courier New,Courier,Monospace}.top-menu li a{font-weight:700}#comment-message,#post-share-links:not(a){color:#6f6f6f;text-shadow:1px 1px 3px rgba(50,50,50,.15)}#post-share-links a{text-shadow:0 0}.comment-count{font-family:Trebuchet MS,Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,Sans-Serif;font-size:.9em}#comment_thread{padding-left:10px;padding-right:10px}table{table-layout:fixed;width:100%}td{vertical-align:top}@media (max-width:979px){.linenos{display:none!important}}.linenos{width:30px}.linenos div pre{text-align:right;overflow:hidden}pre{overflow:auto;white-space:pre;word-break:normal;word-wrap:normal}td.code .highlight pre{border-radius:0 4px 4px 0;border-radius:0 var(--border-radius) var(--border-radius) 0}td.code{width:100%}.linenodiv pre{background-color:#eee8d5;border-radius:4px 0 0 4px;border-radius:var(--border-radius) 0 0 var(--border-radius);color:#657b83}div.highlight{margin-bottom:20px}table.highlighttable,table.highlighttable td{border:none}table.highlighttable tbody>tr:nth-child(odd)>td{background-color:transparent}.list-of-tags{font-family:Helvetica Neue,Helvetica,Arial,Sans-Serif;list-style:none;margin:0;overflow:hidden}.list-of-tags li{float:left;line-height:28px;margin:0}.list-of-tags a{background:#eee;border-radius:4px;border-radius:var(--border-radius);color:#222;margin:2px;padding:3px 6px;text-decoration:none}.list-of-tags a span{font-size:.8em;vertical-align:super}.tags-in-article li{float:none;line-height:28px}.tag-title{font-family:Trebuchet MS,Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,Sans-Serif}.articles-in-tag li{font:1.1em/1.6em Trebuchet MS,Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,Sans-Serif}.article-content,div.recent-posts p{font:1.2em/1.6em "PT Serif",Georgia,Times New Roman,Times,Serif;text-align:justify}.article-content{max-width:50em}.article-content p,div.recent-posts p{font-size:inherit;font-feature-settings:normal;font-variant:normal;line-height:1.6em;text-transform:none}.article-content p{margin:20px 0}.article-content ul:not(.related-posts-list):not(.articles-timeline){font-size:inherit;list-style-type:disc}.article-content ul.related-posts-list{list-style-type:square}.article-content ol{font-size:inherit;list-style-type:decimal}.article-content li{line-height:1.7em;list-style-position:outside;margin:1px 0 1px 20px}.article-content dl{font-size:inherit;list-style-position:outside;list-style-type:decimal;margin:20px 0 20px 20px}.article-content dd{line-height:1.7em;margin:1px 0 1px 20px;padding:3px 0}.article-content dt{font-size:inherit}.page-header{border-bottom:2px solid maroon;color:maroon;margin:10px 10px 20px;padding:5px}.page-header h1{border:none;line-height:1em}ul.articles-timeline{list-style:none;margin:0;padding-bottom:30px}ul.articles-timeline .next-article{float:right;margin:0}ul.articles-timeline .previous-article{float:left;margin:0}ul.multi-parts-list a{color:#000}ul.multi-parts-list a:hover{text-decoration:none}ul.multi-parts-list li.active-part{font-style:italic}.table-of-content .toc{font-size:.7em}.last-updated a{color:#333}.last-updated a:hover{text-decoration:none}.article-content img{border:2px solid #eee;padding:5px}p#post-share-links{text-align:right}.list-of-categories span{font-size:.7em;vertical-align:super}a.list-of-categories{text-decoration:none}ul.list-articles-category{list-style:none outside none;margin:0 0 0 5px}ul.list-articles-category li time{color:#8f8f8f;display:inline-block;font:.9em PT Sans,Helvetica Neue,Arial,Sans-Serif;width:7em}a.category-link{color:#333}a.category-link:hover{text-decoration:none}a.list-of-categories{font-family:Trebuchet MS,Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,Sans-Serif;font-size:1.1em}a.list-of-categories:hover{background-color:#08c;border-radius:4px;border-radius:var(--border-radius);color:#fff}ul.list-all-articles{list-style:none;margin:0}ul.list-all-articles li{border-bottom:1px dotted #000;font-family:Trebuchet MS,Trebuchet,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,Sans-Serif;font-size:1.1em;padding:.3em 0;overflow:auto}ul.list-all-articles li time{color:#aaa;float:right;font-family:PT Sans,Helvetica Neue,Arial,Sans-Serif;font-size:.9em}div.blog-archives h2{float:left;position:relative;margin:0}div.blog-archives div,div.recent-posts-article{border-bottom:1px dotted #aaa;font-size:1.1em;padding:.3em .2em;position:relative;overflow:auto}div.blog-archives div{margin-left:6em}div.blog-archives div.last-entry-of-year{margin-bottom:1em}div.blog-archives time,div.recent-posts time{float:right;text-align:right}div.blog-archives time,div.recent-posts-posted,div.recent-posts time{color:#8f8f8f;font:.9em PT Sans,Helvetica Neue,Arial,Sans-Serif}div.recent-posts time{font-size:inherit}div.recent-posts-time{display:inline}@media (max-width:767px){div.blog-archives h2{float:none}div.blog-archives article{margin-left:0;padding-left:0}div.recent-posts time{float:none}div.recent-posts-time{display:block}ul.list-articles-category li time{width:100%}}#mc-embed-signup{font-family:inherit;font-size:inherit;margin:10px 0}#mc-embed-signup form{display:block;padding:0;position:relative;text-align:left}#mc-embed-signup input{-moz-appearance:none;-webkit-appearance:none;border:1px solid #999}#mc-embed-signup input:focus{border-color:#333}#mc-embed-signup input.email{display:block;font-size:.9em;margin:0 4% 10px 0;min-width:130px;padding:8px 0;text-indent:5px;width:100%}#mc-embed-signup input.button{display:block;margin:0 0 10px;min-width:130px;width:100%}#mc-embed-signup input[type=email]{height:100%}#mc-embed-signup .button{background-color:#eee;border-radius:4px;border-radius:var(--border-radius);border:1px solid #d3d3d3;clear:both;color:#000;cursor:pointer;display:inline-block;font-size:1em;font-weight:400;height:32px;line-height:32px;margin:0 5px 10px 0;padding:0;text-align:center;text-decoration:none;vertical-align:top;white-space:nowrap;width:auto}#mc-embed-signup.button:hover{background-color:#dfdfdf}#mc-embed-signup .clear{clear:none;display:inline}#allposts{color:#999;float:right;font-size:75%;font-weight:400}a#allposts:hover{color:#333}.proj-desc{color:#999;font:.9em PT Sans,Helvetica Neue,Arial,Sans-Serif}.literal{background-color:#f7f7f9;border-radius:4px;border-radius:var(--border-radius);border:1px solid #e1e1e8;color:#d14;font-family:Monaco,Menlo,Consolas,Courier New,monospace;font-size:12px;padding:2px 4px;white-space:nowrap}div.line-block div.line-block{margin-left:1.5em}.amp{font-family:Warnock Pro,Goudy Old Style,Palatino,Book Antiqua,Serif;font-style:italic}.article-content img,div.figure{text-align:center}div.figure img{width:100%}div.figure p.caption{color:grey;font-size:.6em;margin:0}div.figure p.caption a{border:none;color:grey}.article-content img.align-right,div.figure.align-right{float:right;margin-left:1.5em}.article-content img.align-left,div.figure.align-left{float:left;margin-right:1.5em}.author_blurb{font-style:italic;padding:5px 0}.author_blurb img{padding:0;width:32px;height:32px}.author_name{font-weight:700;font-feature-settings:"c2sc";font-variant:small-caps}.gist table{table-layout:auto}table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;border:1px solid #bfbfbf;border-collapse:separate;*border-collapse:collapse;border-left:0;border-radius:4px;border-radius:var(--border-radius)}table td,table th{border-left:1px solid #bfbfbf;padding-left:2px;padding-right:2px}table thead:first-child tr:first-child th{border-top:0}table thead:first-child tr:first-child>th:first-child{border-top-left-radius:4px;border-top-left-radius:var(--border-radius)}table thead:first-child tr:first-child>th:last-child{border-top-right-radius:4px;border-top-right-radius:var(--border-radius)}table tbody:last-child tr:last-child>td:first-child{border-bottom-left-radius:4px;border-bottom-left-radius:var(--border-radius)}table tbody:last-child tr:last-child>td:last-child{border-bottom-right-radius:4px;border-bottom-right-radius:var(--border-radius)}table tbody>tr:nth-child(odd)>td{background-color:#ebebeb} +article div.article-content ul:not(.articles-timeline):not(.related-posts-list) a,article ol a:not(.ampl),article p:not(#list-of-translations):not(#post-share-links) a:not(.ampl),blockquote a:not(.ampl){color:#000;display:inline-block;position:relative}article div.article-content ul:not(.articles-timeline):not(.related-posts-list) a:after,article ol a:not(.ampl):after,article p:not(#list-of-translations):not(#post-share-links) a:not(.ampl):after,blockquote a:not(.ampl):after{position:absolute;top:100%;left:0;width:100%;height:1px;background:silver;content:"";opacity:1;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;-webkit-transform:translateY(0);transform:translateY(0)}article div.article-content ul:not(.articles-timeline):not(.related-posts-list) a:hover,article ol a:not(.ampl):hover,article p:not(#list-of-translations):not(#post-share-links) a:not(.ampl):hover,blockquote a:not(.ampl):hover{color:#4169e1;text-decoration:none;-webkit-transition:color .1s;transition:color .1s}article div.article-content ul:not(.articles-timeline):not(.related-posts-list) a:hover:after,article ol a:not(.ampl):hover:after,article p:not(#list-of-translations):not(#post-share-links) a:not(.ampl):hover:after,blockquote a:not(.ampl):hover:after{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}article div.article-content ul:not(.articles-timeline):not(.related-posts-list) a:focus,article ol a:not(.ampl):focus,article p:not(#list-of-translations):not(#post-share-links) a:not(.ampl):focus,blockquote a:not(.ampl):focus{text-decoration:none}div.recent-posts-posted a{color:inherit;padding-left:.3em}div.recent-posts-posted a:hover{border-bottom:1px dashed;text-decoration:none}div.recent-posts-posted a:focus{text-decoration:none}a.ampl{color:#4169e1;display:inline-block;position:relative}a.ampl:focus,a.ampl:hover{text-decoration:none}a.ampl:hover{color:#1e90ff;-webkit-transition:color .1s;transition:color .1s}a.ampl:hover:after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}a.ampl:after{position:absolute;top:100%;left:0;width:100%;height:2px;background:#1e90ff;content:"";opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;-webkit-transform:translateY(5px);transform:translateY(5px)} dt:hover>a.headerlink,h1:hover>a.headerlink,h2:hover>a.headerlink,h3:hover>a.headerlink,h4:hover>a.headerlink,h5:hover>a.headerlink,h6:hover>a.headerlink{opacity:1;text-decoration:none;visibility:visible}a.headerlink{content:url('data:image/svg+xml;utf8,');display:inline-block;margin-left:5px;opacity:0;-webkit-transition:visibility 0s,opacity .2s ease-in;transition:visibility 0s,opacity .2s ease-in;visibility:hidden;width:20px} .highlight,pre{background-color:#fdf6e3;color:#586e75}.highlight .c{color:#93a1a1}.highlight .err,.highlight .g{color:#586e75}.highlight .k{color:#859900}.highlight .l,.highlight .n{color:#586e75}.highlight .o{color:#859900}.highlight .x{color:#cb4b16}.highlight .p{color:#586e75}.highlight .cm{color:#93a1a1}.highlight .cp{color:#859900}.highlight .c1{color:#93a1a1}.highlight .cs{color:#859900}.highlight .gd{color:#2aa198}.highlight .ge{color:#586e75;font-style:italic}.highlight .gr{color:#dc322f}.highlight .gh{color:#cb4b16}.highlight .gi{color:#859900}.highlight .go,.highlight .gp{color:#586e75}.highlight .gs{color:#586e75;font-weight:700}.highlight .gu{color:#cb4b16}.highlight .gt{color:#586e75}.highlight .kc{color:#cb4b16}.highlight .kd{color:#268bd2}.highlight .kn,.highlight .kp{color:#859900}.highlight .kr{color:#268bd2}.highlight .kt{color:#dc322f}.highlight .ld{color:#586e75}.highlight .m,.highlight .s{color:#2aa198}.highlight .na{color:#586e75}.highlight .nb{color:#b58900}.highlight .nc{color:#268bd2}.highlight .no{color:#cb4b16}.highlight .nd{color:#268bd2}.highlight .ne,.highlight .ni{color:#cb4b16}.highlight .nf{color:#268bd2}.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py{color:#586e75}.highlight .nt,.highlight .nv{color:#268bd2}.highlight .ow{color:#859900}.highlight .w{color:#586e75}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#2aa198}.highlight .sb{color:#93a1a1}.highlight .sc{color:#2aa198}.highlight .sd{color:#586e75}.highlight .s2{color:#2aa198}.highlight .se{color:#cb4b16}.highlight .sh{color:#586e75}.highlight .si,.highlight .sx{color:#2aa198}.highlight .sr{color:#dc322f}.highlight .s1,.highlight .ss{color:#2aa198}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#268bd2}.highlight .il{color:#2aa198} div#sidebar-social-link a svg{-webkit-filter:saturate(0) brightness(.7);filter:saturate(0) brightness(.7);height:20px;width:20px;margin-right:3px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:0;position:relative}div#sidebar-social-link a{text-decoration:none}div#sidebar-social-link a svg:hover{-webkit-filter:none;filter:none;-webkit-transform:scale(2.5);transform:scale(2.5);z-index:1} diff --git a/static/css/links.css b/static/css/links.css new file mode 100644 index 00000000..90709aee --- /dev/null +++ b/static/css/links.css @@ -0,0 +1,75 @@ +article p:not(#list-of-translations):not(#post-share-links) a:not(.ampl), +article ol a:not(.ampl), +blockquote a:not(.ampl), +article + div.article-content + ul:not(.articles-timeline):not(.related-posts-list) + a { + color: black; + display: inline-block; + position: relative; + &:after { + position: absolute; + top: 100%; + left: 0; + width: 100%; + height: 1px; + background: silver; + content: ""; + opacity: 1; + transition: opacity 0.3s, transform 0.3s; + transform: translateY(0px); + } + &:hover { + color: royalblue; + text-decoration: none; + transition: color 0.1s; + &:after { + opacity: 0; + transform: translateY(5px); + } + } + &:focus { + text-decoration: none; + } +} +div.recent-posts-posted a { + color: inherit; + padding-left: 0.3em; + &:hover { + border-bottom: 1px dashed; + text-decoration: none; + } + &:focus { + text-decoration: none; + } +} +a.ampl { + color: royalblue; + display: inline-block; + position: relative; + &:focus { + text-decoration: none; + } + &:hover { + color: dodgerblue; + text-decoration: none; + transition: color 0.1s; + &:after { + opacity: 1; + transform: translateY(0px); + } + } + &:after { + position: absolute; + top: 100%; + left: 0; + width: 100%; + height: 2px; + background: dodgerblue; + content: ""; + opacity: 0; + transition: opacity 0.3s, transform 0.3s; + transform: translateY(5px); + } +}