diff --git a/CHANGELOG.md b/CHANGELOG.md
index 415df4de6ad70e1455f505414d1c6f5a185e9425..cb377b371151e44c090db233a142b8adaee65cd4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,8 @@
`info-value.html` under the `/layouts/shortcodes/` directory.
* Added the `container-split` short code which will split a container into two
columns.
+* Removed significant portions of unused CSS to load quicker.
+* Improved responsive aspects of the CSS.
## 2.0.0
diff --git a/layouts/shortcodes/titled-side.html b/layouts/shortcodes/titled-side.html
index b37715388944ea9c798f8c8b083e8888ed4c154f..77b92dab9d5ccc3d48f86fc3b7deffae1f00ff8c 100644
--- a/layouts/shortcodes/titled-side.html
+++ b/layouts/shortcodes/titled-side.html
@@ -1,15 +1,15 @@
-<header>
+<header class="titled-side">
<div class="container">
- <div class="row">
- <div class="col col--5">
+ <div class="row titled-side__inner">
+ <div class="col col--5 titled-side--title center-text">
<h2>{{ .Get 0 }}</h2>
<p >{{ .Get 1 }}</p>
<div>
<a class="button button-secondary button-outline" href="{{ .Get 3 }}">{{ .Get 2 }}</a>
- <a class="button button-primary" to="https://git.qoto.org/goblin-ogm/goblin" href="{{ .Get 5 }}">{{ .Get 4 }}</a>
+ <a class="button button-primary titled-side-content" to="{{ .Get 5 }}" href="{{ .Get 5 }}">{{ .Get 4 }}</a>
</div>
</div>
- <div class="col col--7">
+ <div class="col col--7 titled-side--content">
{{ .Inner }}
</div>
</div>
diff --git a/layouts/shortcodes/titled.html b/layouts/shortcodes/titled.html
index eb5b1024a20daec08265f4635bb8ad1e014d3da4..53ba9234ca615f0e2045e05289b73144cb591ec3 100644
--- a/layouts/shortcodes/titled.html
+++ b/layouts/shortcodes/titled.html
@@ -1,4 +1,4 @@
-<section>
+<section class="titled">
<div class="container">
<div class="row center">
<div class="col center-text">
diff --git a/static/css/main.css b/static/css/main.css
index 0a8a0dc5fefc37424d2730d354a16fe1cd9ad462..20d16946bf8633d13796437d347c281056633ff4 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -350,12 +350,6 @@ body,html{
height:100%
}
-@media screen and (min-width:768px){
- body,html{
- text-rendering:optimizeLegibility;
- }
-}
-
html{
background-color:transparent;
-webkit-tap-highlight-color:transparent;
@@ -664,14 +658,6 @@ article header {
flex:0 0 var(--ifm-col-width);
max-width:var(--ifm-col-width)
}
-@media (max-width:300px){
- .row .col.col.col{
- --ifm-col-width:100%;
- flex-basis:var(--ifm-col-width);
- margin-left:0;
- max-width:var(--ifm-col-width)
- }
-}
.row .col.col--1{
--ifm-col-width:8.33333%;
flex:0 0 var(--ifm-col-width);
@@ -893,2302 +879,2373 @@ article header {
margin-left: 8.33333333%; }
.col-xs-offset-0 {
- margin-left: 0; }
-
-@media screen and (max-width:300px){
- .row .col{
- padding-top:var(--ifm-col-spacing-vertical);
- padding-bottom:var(--ifm-col-spacing-vertical)
- }
+ margin-left: 0;
}
-@media (min-width: 768px) {
- .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
- float: left; }
-
- .col-sm-12 {
- width: 100%; }
-
- .col-sm-11 {
- width: 91.66666667%; }
-
- .col-sm-10 {
- width: 83.33333333%; }
-
- .col-sm-9 {
- width: 75%; }
-
- .col-sm-8 {
- width: 66.66666667%; }
-
- .col-sm-7 {
- width: 58.33333333%; }
-
- .col-sm-6 {
- width: 50%; }
-
- .col-sm-5 {
- width: 41.66666667%; }
-
- .col-sm-4 {
- width: 33.33333333%; }
-
- .col-sm-3 {
- width: 25%; }
-
- .col-sm-2 {
- width: 16.66666667%; }
-
- .col-sm-1 {
- width: 8.33333333%; }
-
- .col-sm-pull-12 {
- right: 100%; }
-
- .col-sm-pull-11 {
- right: 91.66666667%; }
-
- .col-sm-pull-10 {
- right: 83.33333333%; }
-
- .col-sm-pull-9 {
- right: 75%; }
-
- .col-sm-pull-8 {
- right: 66.66666667%; }
-
- .col-sm-pull-7 {
- right: 58.33333333%; }
-
- .col-sm-pull-6 {
- right: 50%; }
-
- .col-sm-pull-5 {
- right: 41.66666667%; }
-
- .col-sm-pull-4 {
- right: 33.33333333%; }
-
- .col-sm-pull-3 {
- right: 25%; }
+/*******************************************************************************
+** Centering elements and text Section
+*******************************************************************************/
- .col-sm-pull-2 {
- right: 16.66666667%; }
+.center {
+ width: 100%
+ display: flex;
+}
- .col-sm-pull-1 {
- right: 8.33333333%; }
+.center > * {
+ margin-left: auto;
+ margin-right: auto;
+}
- .col-sm-pull-0 {
- right: auto; }
+.center-text {
+ text-align: center;
+}
- .col-sm-push-12 {
- left: 100%; }
+/*******************************************************************************
+** Main Wrapper Section
+*******************************************************************************/
- .col-sm-push-11 {
- left: 91.66666667%; }
+.main-wrapper{
+ flex:1 0 auto;
+ margin-top:calc(1em + var(--ifm-navbar-height));
+ box-shadow:var(--ifm-global-shadow-md);
+}
- .col-sm-push-10 {
- left: 83.33333333%; }
+/*******************************************************************************
+** Container Section
+*******************************************************************************/
- .col-sm-push-9 {
- left: 75%; }
- .col-sm-push-8 {
- left: 66.66666667%; }
+.container{
+ margin-left:auto;
+ margin-right:auto;
+ max-width:1140px;
+ max-width:var(--ifm-container-width);
+ padding-left:1rem;
+ padding-left:var(--ifm-spacing-horizontal);
+ padding-right:1rem;
+ padding-right:var(--ifm-spacing-horizontal);
+ width:100%
+}
- .col-sm-push-7 {
- left: 58.33333333%; }
+/*******************************************************************************
+** Contents Section
+*******************************************************************************/
- .col-sm-push-6 {
- left: 50%; }
+.contents{
+ font-size:.8rem;
+ margin-bottom:0;
+ padding-bottom:.5rem;
+ padding-bottom:var(--ifm-contents-padding-vertical);
+ padding-top:.5rem;
+ padding-top:var(--ifm-contents-padding-vertical)
+}
+.contents,.contents ul{
+ list-style-type:none;
+ padding-left:.5rem;
+ padding-left:var(--ifm-contents-padding-left)
+}
+.contents li{
+ margin:var(--ifm-contents-padding-vertical)
+}
+.contents.contents__left-border{
+ border-left:1px solid #dadde1;
+ border-left-color:var(--ifm-contents-border-color)
+}
+.contents .contents__link{
+ color:#606770;
+ color:var(--ifm-contents-link-color)
+}
+.contents .contents__link.contents__link--active,.contents .contents__link:hover{
+ color:#3578e5;
+ color:var(--ifm-color-primary);
+ text-decoration:none
+}
- .col-sm-push-5 {
- left: 41.66666667%; }
+/*******************************************************************************
+** Separator Section
+*******************************************************************************/
- .col-sm-push-4 {
- left: 33.33333333%; }
+.separator {
+ background-color: var(--custom-background-color-diff);
+ padding: 50px 0;
+}
- .col-sm-push-3 {
- left: 25%; }
+/*******************************************************************************
+** Title Section
+*******************************************************************************/
- .col-sm-push-2 {
- left: 16.66666667%; }
+.title {
+ font-weight: 700;
+ color: var(--custom-content-color-lightest);
+}
- .col-sm-push-1 {
- left: 8.33333333%; }
+/*******************************************************************************
+** Markdown Section
+*******************************************************************************/
- .col-sm-push-0 {
- left: auto; }
+.markdown{
+ --ifm-h1-line-height:2;
+ --ifm-h2-line-height:1.5;
+ --ifm-heading-line-height:1;
+ --ifm-h1-vertical-rhythm-top:4;
+ --ifm-h2-vertical-rhythm-top:2.5;
+ --ifm-h3-vertical-rhythm-top:2;
+ --ifm-heading-vertical-rhythm-top:1.5;
+ --ifm-h1-vertical-rhythm-bottom:1;
+ --ifm-heading-vertical-rhythm-bottom:0.5
+}
+.markdown:after,.markdown:before{
+ content:"";
+ display:table
+}
+.markdown:after{
+ clear:both
+}
+.markdown>:first-child{
+ margin-top:0!important
+}
+.markdown>:last-child{
+ margin-bottom:0!important
+}
+.markdown>h1{
+ margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading));
+ margin-top:calc(var(--ifm-h1-vertical-rhythm-top)*var(--ifm-leading))
+}
+.markdown>h2{
+ margin-top:calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading))
+}
+.markdown>h2,.markdown>h3{
+ margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading))
+}
+.markdown>h3{
+ margin-top:calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading))
+}
+.markdown>h4,.markdown>h5,.markdown>h6{
+ margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading));
+ margin-top:calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading))
+}
+.markdown>p,.markdown>pre,.markdown>ul{
+ margin-bottom:1.5rem;
+ margin-bottom:var(--ifm-leading)
+}
+.markdown li{
+ word-wrap:break-all
+}
+.markdown li>p{
+ margin-top:1rem;
+ margin-top:var(--ifm-list-paragraph-margin)
+}
+.markdown li+li{
+ margin-top:.25rem;
+ margin-top:var(--ifm-list-item-margin)
+}
- .col-sm-offset-12 {
- margin-left: 100%; }
+/*******************************************************************************
+** Buttons Section
+*******************************************************************************/
- .col-sm-offset-11 {
- margin-left: 91.66666667%; }
-
- .col-sm-offset-10 {
- margin-left: 83.33333333%; }
+.button{
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ appearance:none;
+ background-color:inherit;
+ background-color:var(--ifm-button-background-color);
+ border-color:inherit;
+ border-width:1px;
+ border:var(--ifm-button-border-width) solid var(--ifm-button-border-color);
+ border-radius:.4rem;
+ border-radius:var(--ifm-button-border-radius);
+ box-sizing:border-box;
+ cursor:pointer;
+ display:inline-block;
+ /* font-size:.8rem;
+ font-size:calc(.8rem*var(--ifm-button-size-multiplier)); */
+ font-weight:600;
+ font-weight:var(--ifm-button-font-weight);
+ line-height:1.5;
+ padding:calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier));
+ text-align:center;
+ -webkit-transition:color .2s cubic-bezier(.08,.52,.52,1),background .2s cubic-bezier(.08,.52,.52,1),border-color .2s cubic-bezier(.08,.52,.52,1);
+ transition:color .2s cubic-bezier(.08,.52,.52,1),background .2s cubic-bezier(.08,.52,.52,1),border-color .2s cubic-bezier(.08,.52,.52,1);
+ -webkit-transition:color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),background var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),border-color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1);
+ transition:color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),background var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),border-color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1);
+ -webkit-user-select:none;
+ -moz-user-select:none;
+ -ms-user-select:none;
+ user-select:none;
+ vertical-align:middle;
+ white-space:nowrap
+}
+.button,.button:hover{
+ color:#fff;
+ color:var(--ifm-button-color);
+ outline:0;
+ text-decoration:none
+}
+.button:focus{
+ outline:0
+}
+.button.button--link{
+ --ifm-button-background-color:transparent;
+ --ifm-button-border-color:transparent;
+ color:#3578e5;
+ color:var(--ifm-link-color);
+ -webkit-text-decoration:none;
+ -webkit-text-decoration:var(--ifm-link-decoration);
+ text-decoration:none;
+ text-decoration:var(--ifm-link-decoration)
+}
+.button.button--link.button--active,.button.button--link:active,.button.button--link:hover{
+ color:#3578e5;
+ color:var(--ifm-link-hover-color);
+ -webkit-text-decoration:underline;
+ -webkit-text-decoration:var(--ifm-link-hover-decoration);
+ text-decoration:underline;
+ text-decoration:var(--ifm-link-hover-decoration)
+}
+.button:disabled,.button[disabled]{
+ opacity:.65;
+ pointer-events:none
+}
+.button.button--block{
+ display:block;
+ width:100%
+}
+.button.button-primary{
+ --ifm-button-border-color:var(--ifm-color-primary);
+ text-shadow:0 0 6px rgba(13,128,86,.4)
+}
+.button.button-primary:not(.button-outline){
+ --ifm-button-background-color:var(--ifm-color-primary)
+}
+.button.button-primary:not(.button-outline):hover{
+ --ifm-button-background-color:var(--ifm-color-primary-dark);
+ --ifm-button-border-color:var(--ifm-color-primary-dark)
+}
+.button.button.button-primary.button--active,.button.button.button-primary:active{
+ --ifm-button-border-color:var(--ifm-color-primary-darker);
+ --ifm-button-background-color:var(--ifm-color-primary-darker);
+ background-color:#2d66c3;
+ background-color:var(--ifm-color-primary-darker);
+ border-color:#2d66c3;
+ border-color:var(--ifm-color-primary-darker)
+}
+.button-group{
+ display:inline-flex
+}
+.button-group>.button:not(:first-child){
+ border-bottom-left-radius:0;
+ border-top-left-radius:0;
+ margin-left:2px;
+ margin-left:var(--ifm-button-group-margin)
+}
+.button-group>.button:not(:last-child){
+ border-bottom-right-radius:0;
+ border-top-right-radius:0
+}
+.button-group>.button--active{
+ z-index:1
+}
+.button-group.button-group--block{
+ display:flex;
+ justify-content:stretch
+}
+.button-group.button-group--block>.button{
+ flex-grow:1
+}
- .col-sm-offset-9 {
- margin-left: 75%; }
+.button.button-secondary.button-outline:not(.button--active):not(:hover) {
+ color: #1c1e21;
+ color: var(--ifm-font-base-color);
+}
- .col-sm-offset-8 {
- margin-left: 66.66666667%; }
+.button.button-secondary.button-outline {
+ border-color: #333;
+}
- .col-sm-offset-7 {
- margin-left: 58.33333333%; }
+.button-secondary, .button-primary {
+ text-transform: uppercase;
+ font-weight: 700;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+ margin-top: 0.25em;
+ margin-bottom: 0.25em;
+}
- .col-sm-offset-6 {
- margin-left: 50%; }
+/*******************************************************************************
+** Cards Section
+*******************************************************************************/
- .col-sm-offset-5 {
- margin-left: 41.66666667%; }
+.card{
+ background-color:#fff;
+ background-color:var(--ifm-card-background-color);
+ border-radius:.8rem;
+ border-radius:var(--ifm-card-border-radius);
+ box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
+ box-shadow:var(--ifm-global-shadow-lw);
+ overflow:hidden;
+ display:flex;
+ flex-direction:column
+}
+.card.card--full-height{
+ height:100%
+}
+.card .card__image{
+ padding-top:1rem;
+ padding-top:var(--ifm-card-vertical-spacing)
+}
+.card .card__image:first-child{
+ padding-top:0
+}
+.card .card__body,.card .card__footer,.card .card__header{
+ padding:var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)
+}
+.card .card__body:not(:last-child),.card .card__footer:not(:last-child),.card .card__header:not(:last-child){
+ padding-bottom:0
+}
+.card .card__body>:last-child,.card .card__footer>:last-child,.card .card__header>:last-child{
+ margin-bottom:0
+}
+.card .card__footer{
+ margin-top:auto
+}
- .col-sm-offset-4 {
- margin-left: 33.33333333%; }
+a.card{
+ text-decoration:none!important;
+ color:var(--ifm-color-content);
+ box-shadow:none;
+ border:1px solid #333
+}
- .col-sm-offset-3 {
- margin-left: 25%; }
+a.card:hover{
+ -webkit-transition:all .2s ease;
+ transition:all .2s ease;
+ border:1px solid var(--custom-primary);
+ box-shadow:var(--custom-shadow-xl),0 0 0 1px var(--custom-primary)!important
+}
- .col-sm-offset-2 {
- margin-left: 16.66666667%; }
+/*******************************************************************************
+** Footer Section
+*******************************************************************************/
- .col-sm-offset-1 {
- margin-left: 8.33333333%; }
+.footer{
+ padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal);
+ width:100%
+}
+.footer,.footer.footer--dark{
+ background-color:#f5f6f7;
+ background-color:var(--ifm-footer-background-color);
+ color:inherit;
+ color:var(--ifm-footer-color)
+}
+.footer.footer--dark{
+ --ifm-footer-background-color:#303846;
+ --ifm-footer-color:var(--ifm-footer-link-color);
+ --ifm-footer-link-color:var(--ifm-color-secondary);
+ --ifm-footer-title-color:var(--ifm-color-white)
+}
+.footer.footer--dark .footer__link-item{
+ color:#606770;
+ color:var(--ifm-footer-link-color)
+}
+.footer.footer--dark .footer__title{
+ color:inherit;
+ color:var(--ifm-footer-title-color)
+}
+.footer .footer__links{
+ margin-bottom:1rem
+}
+.footer .footer__link-item{
+ color:#606770;
+ color:var(--ifm-footer-link-color);
+ line-height:2
+}
+.footer .footer__link-item:hover{
+ color:#3578e5;
+ color:var(--ifm-footer-link-hover-color)
+}
+.footer .footer__logo{
+ margin-top:1rem;
+ max-width:10rem
+}
+.footer .footer__title{
+ color:inherit;
+ color:var(--ifm-footer-title-color)
+}
+.footer .footer__item{
+ margin-top:0
+}
+.footer .footer__items{
+ list-style-type:none;
+ margin-bottom:0;
+ padding-left:0
+}
- .col-sm-offset-0 {
- margin-left: 0; } }
-@media (min-width: 992px) {
- .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
- float: left; }
- .col-md-12 {
- width: 100%; }
+/*******************************************************************************
+** Navbar Section
+*******************************************************************************/
- .col-md-11 {
- width: 91.66666667%; }
-
- .col-md-10 {
- width: 83.33333333%; }
-
- .col-md-9 {
- width: 75%; }
-
- .col-md-8 {
- width: 66.66666667%; }
-
- .col-md-7 {
- width: 58.33333333%; }
-
- .col-md-6 {
- width: 50%; }
-
- .col-md-5 {
- width: 41.66666667%; }
-
- .col-md-4 {
- width: 33.33333333%; }
-
- .col-md-3 {
- width: 25%; }
-
- .col-md-2 {
- width: 16.66666667%; }
-
- .col-md-1 {
- width: 8.33333333%; }
-
- .col-md-pull-12 {
- right: 100%; }
-
- .col-md-pull-11 {
- right: 91.66666667%; }
-
- .col-md-pull-10 {
- right: 83.33333333%; }
-
- .col-md-pull-9 {
- right: 75%; }
-
- .col-md-pull-8 {
- right: 66.66666667%; }
-
- .col-md-pull-7 {
- right: 58.33333333%; }
-
- .col-md-pull-6 {
- right: 50%; }
-
- .col-md-pull-5 {
- right: 41.66666667%; }
-
- .col-md-pull-4 {
- right: 33.33333333%; }
-
- .col-md-pull-3 {
- right: 25%; }
-
- .col-md-pull-2 {
- right: 16.66666667%; }
-
- .col-md-pull-1 {
- right: 8.33333333%; }
-
- .col-md-pull-0 {
- right: auto; }
-
- .col-md-push-12 {
- left: 100%; }
-
- .col-md-push-11 {
- left: 91.66666667%; }
-
- .col-md-push-10 {
- left: 83.33333333%; }
-
- .col-md-push-9 {
- left: 75%; }
-
- .col-md-push-8 {
- left: 66.66666667%; }
-
- .col-md-push-7 {
- left: 58.33333333%; }
-
- .col-md-push-6 {
- left: 50%; }
-
- .col-md-push-5 {
- left: 41.66666667%; }
-
- .col-md-push-4 {
- left: 33.33333333%; }
-
- .col-md-push-3 {
- left: 25%; }
-
- .col-md-push-2 {
- left: 16.66666667%; }
-
- .col-md-push-1 {
- left: 8.33333333%; }
-
- .col-md-push-0 {
- left: auto; }
-
- .col-md-offset-12 {
- margin-left: 100%; }
-
- .col-md-offset-11 {
- margin-left: 91.66666667%; }
-
- .col-md-offset-10 {
- margin-left: 83.33333333%; }
-
- .col-md-offset-9 {
- margin-left: 75%; }
-
- .col-md-offset-8 {
- margin-left: 66.66666667%; }
-
- .col-md-offset-7 {
- margin-left: 58.33333333%; }
-
- .col-md-offset-6 {
- margin-left: 50%; }
-
- .col-md-offset-5 {
- margin-left: 41.66666667%; }
-
- .col-md-offset-4 {
- margin-left: 33.33333333%; }
-
- .col-md-offset-3 {
- margin-left: 25%; }
-
- .col-md-offset-2 {
- margin-left: 16.66666667%; }
-
- .col-md-offset-1 {
- margin-left: 8.33333333%; }
-
- .col-md-offset-0 {
- margin-left: 0; } }
-@media (min-width: 1200px) {
- .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
- float: left; }
-
- .col-lg-12 {
- width: 100%; }
-
- .col-lg-11 {
- width: 91.66666667%; }
-
- .col-lg-10 {
- width: 83.33333333%; }
-
- .col-lg-9 {
- width: 75%; }
-
- .col-lg-8 {
- width: 66.66666667%; }
-
- .col-lg-7 {
- width: 58.33333333%; }
-
- .col-lg-6 {
- width: 50%; }
-
- .col-lg-5 {
- width: 41.66666667%; }
-
- .col-lg-4 {
- width: 33.33333333%; }
-
- .col-lg-3 {
- width: 25%; }
-
- .col-lg-2 {
- width: 16.66666667%; }
-
- .col-lg-1 {
- width: 8.33333333%; }
-
- .col-lg-pull-12 {
- right: 100%; }
-
- .col-lg-pull-11 {
- right: 91.66666667%; }
-
- .col-lg-pull-10 {
- right: 83.33333333%; }
-
- .col-lg-pull-9 {
- right: 75%; }
-
- .col-lg-pull-8 {
- right: 66.66666667%; }
-
- .col-lg-pull-7 {
- right: 58.33333333%; }
-
- .col-lg-pull-6 {
- right: 50%; }
-
- .col-lg-pull-5 {
- right: 41.66666667%; }
+.navbar{
+ background-color:#fff;
+ background-color:var(--ifm-navbar-background-color);
+ box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
+ box-shadow:var(--ifm-navbar-shadow);
+ /* box-shadow:var(--ifm-global-shadow-md) */
+ box-sizing:border-box;
+ height:3.75rem;
+ height:var(--ifm-navbar-height);
+ padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal);
+ width:100%
+}
+.navbar,.navbar>.container{
+ display:flex
+}
+.navbar.navbar--fixed-top{
+ position:fixed;
+ left:0;
+ right:0;
+ top:0;
+ z-index:200;
+ z-index:var(--ifm-z-index-fixed)
+}
+.navbar .navbar__inner{
+ align-items:stretch;
+ display:flex;
+ flex-wrap:wrap;
+ justify-content:space-between;
+ width:100%
+}
+.navbar .navbar__brand{
+ align-items:center;
+ color:#1c1e21;
+ color:var(--ifm-navbar-link-color);
+ display: block;
+ font-weight:700;
+ height:3.5rem;
+ margin-right:1rem;
+ text-decoration:none
+}
+.navbar .navbar__logo{
+ height:100%;
+ margin-right:.5rem;
+ display:inline-block;
+}
+.navbar .navbar__items{
+ align-items:center;
+ display:flex;
+ flex:1 0 0
+}
+.navbar .navbar__items.navbar__items--center{
+ flex:0 0 auto
+}
+.navbar .navbar__items.navbar__items--center .navbar__brand{
+ margin:0
+}
+.navbar .navbar__items.navbar__items--right{
+ justify-content:flex-end
+}
+.navbar .navbar__item{
+ display:inline-block;
+ padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)
+}
+.navbar .navbar__link{
+ color:#1c1e21;
+ color:var(--ifm-navbar-link-color);
+ cursor:pointer;
+ font-weight:500;
+ font-weight:var(--ifm-font-weight-semibold);
+ padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal);
+ text-decoration:none
+}
+.navbar .navbar__link.navbar__link--active,.navbar .navbar__link:hover{
+ color:#3578e5;
+ color:var(--ifm-navbar-link-hover-color)
+}
+.navbar.navbar--dark{
+ --ifm-navbar-background-color:#303846;
+ --ifm-navbar-link-color:var(--ifm-color-white);
+ --ifm-navbar-link-hover-color:var(--ifm-color-primary);
+ --ifm-navbar-search-input-background-color:hsla(0,0%,100%,0.1);
+ --ifm-navbar-search-input-color:var(--ifm-color-white);
+ --ifm-navbar-search-input-placeholder-color:hsla(0,0%,100%,0.5);
+ background-color:#fff;
+ background-color:var(--ifm-navbar-background-color)
+}
+.navbar.navbar--dark .navbar__brand,.navbar.navbar--dark .navbar__link{
+ color:#1c1e21;
+ color:var(--ifm-navbar-link-color)
+}
+.navbar.navbar--dark .navbar__link:hover{
+ color:#3578e5;
+ color:var(--ifm-navbar-link-hover-color)
+}
+.navbar.navbar--dark .navbar__search .navbar__search-input{
+ background-color:#ebedf0;
+ background-color:var(--ifm-navbar-search-input-background-color);
+ background-image:url(data:image/svg+xml;
+ utf8,SVG_REPLACED);
+ background-image:var(--ifm-navbar-search-input-icon);
+ color:#444950;
+ color:var(--ifm-navbar-search-input-color)
+}
+.navbar.navbar--dark .navbar__search .navbar__search-input::-webkit-input-placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
+.navbar.navbar--dark .navbar__search .navbar__search-input:-ms-input-placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
+.navbar.navbar--dark .navbar__search .navbar__search-input::-ms-input-placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
+.navbar.navbar--dark .navbar__search .navbar__search-input::placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
+.navbar.navbar--primary{
+ --ifm-navbar-background-color:var(--ifm-color-primary);
+ --ifm-navbar-link-hover-color:var(--ifm-color-white);
+ --ifm-navbar-search-input-background-color:hsla(0,0%,100%,0.1);
+ --ifm-navbar-search-input-color:var(--ifm-color-emphasis-500);
+ --ifm-navbar-search-input-placeholder-color:hsla(0,0%,100%,0.5);
+ background-color:#fff;
+ background-color:var(--ifm-navbar-background-color)
+}
+.navbar.navbar--primary .navbar__link:hover{
+ color:#3578e5;
+ color:var(--ifm-navbar-link-hover-color)
+}
+.navbar.navbar--primary .navbar__search .navbar__search-input{
+ background-color:#ebedf0;
+ background-color:var(--ifm-navbar-search-input-background-color);
+ background-image:url(data:image/svg+xml;
+ utf8,SVG_REPLACED);
+ background-image:var(--ifm-navbar-search-input-icon);
+ color:#444950;
+ color:var(--ifm-navbar-search-input-color)
+}
+.navbar.navbar--primary .navbar__search .navbar__search-input::-webkit-input-placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
+.navbar.navbar--primary .navbar__search .navbar__search-input:-ms-input-placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
+.navbar.navbar--primary .navbar__search .navbar__search-input::-ms-input-placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
+.navbar.navbar--primary .navbar__search .navbar__search-input::placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
+.navbar .navbar__search{
+ padding-left:1rem;
+ padding-left:var(--ifm-navbar-padding-horizontal)
+}
+.navbar .navbar__search .navbar__search-input{
+ -webkit-appearance:none;
+ -moz-appearance:none;
+ appearance:none;
+ background-color:#ebedf0;
+ background-color:var(--ifm-navbar-search-input-background-color);
+ background-image:url(data:image/svg+xml;
+ utf8,SVG_REPLACED);
+ background-image:var(--ifm-navbar-search-input-icon);
+ background-position-x:.75rem;
+ background-position-y:center;
+ background-repeat:no-repeat;
+ background-size:1rem 1rem;
+ border-radius:2rem;
+ border-width:0;
+ cursor:text;
+ color:#444950;
+ color:var(--ifm-navbar-search-input-color);
+ display:inline-block;
+ font-size:.9rem;
+ line-height:2rem;
+ outline:0;
+ padding:0 .5rem 0 2.25rem;
+ -webkit-transition:all .2s ease;
+ transition:all .2s ease;
+ -webkit-transition:all var(--ifm-transition-fast) ease;
+ transition:all var(--ifm-transition-fast) ease;
+ width:12.5rem
+}
+.navbar .navbar__search .navbar__search-input::-webkit-input-placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
+.navbar .navbar__search .navbar__search-input:-ms-input-placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
+.navbar .navbar__search .navbar__search-input::-ms-input-placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
+.navbar .navbar__search .navbar__search-input::placeholder{
+ color:#bec3c9;
+ color:var(--ifm-navbar-search-input-placeholder-color)
+}
- .col-lg-pull-4 {
- right: 33.33333333%; }
- .col-lg-pull-3 {
- right: 25%; }
+/*******************************************************************************
+** Code Blocks Section
+*******************************************************************************/
- .col-lg-pull-2 {
- right: 16.66666667%; }
+.code-with-header pre{
+ border-radius:0 0 4px 4px
+}
+.code-with-response pre{
+ border-radius:0
+}
+.code-header{
+ background:var(--ifm-code-background-dark);
+ color:#ccc;
+ padding:5px 15px;
+ border-radius:4px 4px 0 0;
+ font-weight:700;
+ border-bottom:1px solid #444
+}
- .col-lg-pull-1 {
- right: 8.33333333%; }
+/*******************************************************************************
+** Footer Section
+*******************************************************************************/
- .col-lg-pull-0 {
- right: auto; }
+.footer{
+ border-top:1px solid var(--custom-border-color);
+ padding-bottom:80px
+}
- .col-lg-push-12 {
- left: 100%; }
+/*******************************************************************************
+** Tabs Section
+*******************************************************************************/
- .col-lg-push-11 {
- left: 91.66666667%; }
+.code-tabs .row {
+ display: flex;
+ flex-direction: row-reverse;
+}
- .col-lg-push-10 {
- left: 83.33333333%; }
+.code-tabs__inner {
+margin: 10px 0px 0px 00px;
+}
- .col-lg-push-9 {
- left: 75%; }
+.nav-tabs > button.is-active, .nav-tabs > button:hover {
+color: #000 !important;
+background: transparent;
+}
- .col-lg-push-8 {
- left: 66.66666667%; }
+.ButtonTabs > .nav-tabs {
+ border: none;
+}
- .col-lg-push-7 {
- left: 58.33333333%; }
+.ButtonTabs > .nav-tabs > .button,
+.ButtonTabs > .nav-tabs > .button.is-active {
+ box-shadow: none;
+ white-space: normal;
+}
- .col-lg-push-6 {
- left: 50%; }
+.ButtonTabs .button.is-active, .ButtonTabs .button:hover, .ButtonTabs:hover .button.is-active:hover {
+ border: 2px solid var(--custom-primary);
+ box-shadow: var(--custom-shadow-lw);
+}
- .col-lg-push-5 {
- left: 41.66666667%; }
+.button.button--info:not(.button-outline) {
+ --ifm-button-background-color: var(--ifm-color-info);
+}
+.ButtonTabs .button {
+ width: 100%;
+ display: block;
+ color: var(--custom-content-color);
+ margin-right: 10px;
+ margin-bottom: 8px;
+ border: 2px solid var(--ifm-button-background-color)
+ text-align: left;
+}
- .col-lg-push-4 {
- left: 33.33333333%; }
+.row .col.ButtonTabs {
+ padding: 0;
+}
- .col-lg-push-3 {
- left: 25%; }
+.copyButton {
+ background: #011627;
+ border: 1px solid #d6deeb;
+ border-radius: var(--ifm-global-radius);
+ color: #d6deeb;
+ cursor: pointer;
+ line-height: 12px;
+ opacity: 0;
+ outline: none;
+ padding: 4px 8px;
+ visibility: hidden;
+ -webkit-transition: opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,bottom 0.2s ease-in-out;
+ transition: opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,bottom 0.2s ease-in-out;
+ float: right;
+}
- .col-lg-push-2 {
- left: 16.66666667%; }
+.codeBlockWrapper:hover > .copyButton {
+ visibility: visible;
+ opacity: 1;
+}
- .col-lg-push-1 {
- left: 8.33333333%; }
+/*******************************************************************************
+** info-buttons Section
+*******************************************************************************/
- .col-lg-push-0 {
- left: auto; }
+.info-buttons {
+ background-color: var(--custom-background-color-diff);
+ margin-top: 100px;
+ padding: 50px 0;
+ border-top: 1px solid var(--custom-border-color);
+}
- .col-lg-offset-12 {
- margin-left: 100%; }
- .col-lg-offset-11 {
- margin-left: 91.66666667%; }
+/********** Everything below here was main before adding goblin **************/
- .col-lg-offset-10 {
- margin-left: 83.33333333%; }
+div.widgets {
+ text-align: center;
+}
- .col-lg-offset-9 {
- margin-left: 75%; }
+#mentions, #fediverse {
+ border: none;
+ width: 100%;
+}
- .col-lg-offset-8 {
- margin-left: 66.66666667%; }
+img.profile.photo {
+ width: 32px;
+ height: 32px;
+ border-radius: 50% 50%;
+}
- .col-lg-offset-7 {
- margin-left: 58.33333333%; }
+aside {
+ background-color: wheat;
+ color: black;
+ padding: 1em;
+ border-radius: 0.5em;
+ margin: 1em;
+ border: dashed 3px #b78529;
+}
- .col-lg-offset-6 {
- margin-left: 50%; }
+.me {
+ margin: auto;
+ text-align: left;
+ max-width: 720px;
+}
- .col-lg-offset-5 {
- margin-left: 41.66666667%; }
+.me div {
+ margin: 2em;
+}
- .col-lg-offset-4 {
- margin-left: 33.33333333%; }
+.me img {
+ border-radius: 50%;
+ float: right;
+ width: 20%;
+}
- .col-lg-offset-3 {
- margin-left: 25%; }
+pre {
+ overflow: auto;
+ width: 100%;
+}
- .col-lg-offset-2 {
- margin-left: 16.66666667%; }
+body.list .post header {
+ padding-top: 1em;
+ margin-bottom: 2em;
+ font-family: var(--font-sans)
+}
- .col-lg-offset-1 {
- margin-left: 8.33333333%; }
+body.blogpost header {
+ max-width: 720px;
+ margin: auto;
+ text-align: left;
+ padding: 0 1em;
+ font-family: var(--font-sans)
+}
- .col-lg-offset-0 {
- margin-left: 0; }
+:where(:not(pre)>code) {
+ white-space: break-spaces;
+ word-break: break-word;
}
-/*******************************************************************************
-** Centering elements and text Section
-*******************************************************************************/
+body.blogpost hr {
+ height: 1px;
+ margin-right: 2em;
+ margin-left: 2em;
+ border: 0;
+ background: #333;
+ background-image: linear-gradient(to right, #ccc, #333, #ccc);
+}
-.center {
- width: 100%
- display: flex;
+body.blogpost div.draft {
+ border: solid red 1px;
+ background-color: pink;
+ color: black;
+ padding: 1em;
}
-.center > * {
- margin-left: auto;
- margin-right: auto;
+body.blogpost div.draft a {
+ color: blue;
}
-.center-text {
- text-align: center;
+body.blogpost header,
+body.list main .post header {
+ background-repeat: repeat;
+ background-position: 50% 50%;
+ background-size: cover;
+ background-origin: padding-box;
+ background-attachment: scroll;
+ box-sizing: border-box;
}
-/*******************************************************************************
-** Main Wrapper Section
-*******************************************************************************/
-
-.main-wrapper{
- flex:1 0 auto;
- margin-top:calc(1em + var(--ifm-navbar-height));
- box-shadow:var(--ifm-global-shadow-md);
+body.blogpost header.with-background,
+body.list main .post header.with-background {
+ height: 520px;
+ margin: 0;
+ margin-bottom: 2em;
+ width: 100%;
+ max-width: initial;
+ position: relative;
}
-/*******************************************************************************
-** Container Section
-*******************************************************************************/
-
-
-.container{
- margin-left:auto;
- margin-right:auto;
- max-width:1140px;
- max-width:var(--ifm-container-width);
- padding-left:1rem;
- padding-left:var(--ifm-spacing-horizontal);
- padding-right:1rem;
- padding-right:var(--ifm-spacing-horizontal);
- width:100%
+body.blogpost .byline {
+ margin-bottom: 1em;
+ padding-bottom: 1em;
+ border-bottom: solid 1px #e9e9e9;
+ font-size: 0.8em;
}
-/*******************************************************************************
-** Contents Section
-*******************************************************************************/
-
-.contents{
- font-size:.8rem;
- margin-bottom:0;
- padding-bottom:.5rem;
- padding-bottom:var(--ifm-contents-padding-vertical);
- padding-top:.5rem;
- padding-top:var(--ifm-contents-padding-vertical)
-}
-.contents,.contents ul{
- list-style-type:none;
- padding-left:.5rem;
- padding-left:var(--ifm-contents-padding-left)
-}
-.contents li{
- margin:var(--ifm-contents-padding-vertical)
-}
-.contents.contents__left-border{
- border-left:1px solid #dadde1;
- border-left-color:var(--ifm-contents-border-color)
+div.subscribe,
+div.share {
+ text-decoration: none;
+ color: #2a2a2a;
+ background-color: #2196f3;
+ text-align: center;
+ letter-spacing: 0.5px;
+ transition: 0.2s ease-out;
+ cursor: pointer;
+ outline: 0;
+ border: none;
+ border-radius: 2px;
+ display: inline-block;
+ height: 36px;
+ padding: 0 1rem;
+ text-transform: uppercase;
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
+ 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
-.contents .contents__link{
- color:#606770;
- color:var(--ifm-contents-link-color)
+
+.post.moi {
+ background-color: var(--blue-10);
+ color: var(--gray-3);
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ margin: 1rem;
+ border-radius: 1em;
}
-.contents .contents__link.contents__link--active,.contents .contents__link:hover{
- color:#3578e5;
- color:var(--ifm-color-primary);
- text-decoration:none
+
+section.post.moi {
+ margin: 0;
+ padding: 0 1em;
}
-/*******************************************************************************
-** Separator Section
-*******************************************************************************/
+.post.moi div>img {
+ width: 3em;
+ height: 3em;
+ padding: 2em;
+ border-radius: 50%;
+}
-.separator {
- background-color: var(--custom-background-color-diff);
- padding: 50px 0;
+.post.moi div p {
+ font-weight: 600;
}
-/*******************************************************************************
-** Title Section
-*******************************************************************************/
+.post.moi div+div {
+ padding: 1em;
+}
-.title {
- font-weight: 700;
- color: var(--custom-content-color-lightest);
+.moi-links {
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+ flex-wrap: wrap;
}
-/*******************************************************************************
-** Markdown Section
-*******************************************************************************/
+.post.moi div p+p {
+ font-weight: inherit;
+ font-style: italic;
+}
-.markdown{
- --ifm-h1-line-height:2;
- --ifm-h2-line-height:1.5;
- --ifm-heading-line-height:1;
- --ifm-h1-vertical-rhythm-top:4;
- --ifm-h2-vertical-rhythm-top:2.5;
- --ifm-h3-vertical-rhythm-top:2;
- --ifm-heading-vertical-rhythm-top:1.5;
- --ifm-h1-vertical-rhythm-bottom:1;
- --ifm-heading-vertical-rhythm-bottom:0.5
+.post.moi a.email img,
+.post.moi a.rss img,
+.post.moi a.twitter img,
+.post.moi a.medium img {
+ padding: 0.5em;
+ width: 32px;
+ height: 32px;
}
-.markdown:after,.markdown:before{
- content:"";
- display:table
+
+body.blogpost figure img, main p img {
+ width: 100%;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
-.markdown:after{
- clear:both
+
+body.list main.main-wrapper,
+body.blogpost main.main-wrapper {
+ margin: auto;
+ display: flex;
+ padding: 5em 1em 5em 1em;
+ flex-direction: column;
+ justify-content: center;
+ max-width: 720px;
}
-.markdown>:first-child{
- margin-top:0!important
+
+body.list main p,
+body.blogpost main p {
+ margin-block-start: 1em;
}
-.markdown>:last-child{
- margin-bottom:0!important
+
+body main section {
+ padding-top: 0;
+ text-align: left;
}
-.markdown>h1{
- margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading));
- margin-top:calc(var(--ifm-h1-vertical-rhythm-top)*var(--ifm-leading))
+
+.author {
+ font-style: italic;
}
-.markdown>h2{
- margin-top:calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading))
+
+body.list .post .description {
+ padding-bottom: 1em;
}
-.markdown>h2,.markdown>h3{
- margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading))
+
+body .menu {
+ font-family: var(--font-sans);
+ font-weight: 400;
+ color: #333;
+ color: var(--text-color);
+ padding: 1em;
+ text-align: center;
+ border-bottom: solid 1px #ccc;
+ border-bottom: solid 1px var(--block-quote-before-color);
}
-.markdown>h3{
- margin-top:calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading))
+
+body .menu .search {
+ max-width: 720px;
+ margin: auto;
+ padding-top: 1em;
}
-.markdown>h4,.markdown>h5,.markdown>h6{
- margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading));
- margin-top:calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading))
+
+body .menu .search form {
+ display: flex;
+ gap: 1em;
}
-.markdown>p,.markdown>pre,.markdown>ul{
- margin-bottom:1.5rem;
- margin-bottom:var(--ifm-leading)
+
+body .menu .search input[type=search] {
+ width: 100%;
+ padding: 0.5em;
+ font-size: 1em;
}
-.markdown li{
- word-wrap:break-all
+
+body .menu .menu-items {
+ margin: auto;
+ text-align: center;
+ max-width: 720px;
+ display: flex;
+ justify-content: space-evenly;
}
-.markdown li>p{
- margin-top:1rem;
- margin-top:var(--ifm-list-paragraph-margin)
+
+body .menu a {
+ color: initial;
+ color: var(--text-color);
}
-.markdown li+li{
- margin-top:.25rem;
- margin-top:var(--ifm-list-item-margin)
+
+figure {
+ text-align: center;
}
-/*******************************************************************************
-** Buttons Section
-*******************************************************************************/
+figure img {
+ width: 100%;
+}
-.button{
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- background-color:inherit;
- background-color:var(--ifm-button-background-color);
- border-color:inherit;
- border-width:1px;
- border:var(--ifm-button-border-width) solid var(--ifm-button-border-color);
- border-radius:.4rem;
- border-radius:var(--ifm-button-border-radius);
- box-sizing:border-box;
- cursor:pointer;
- display:inline-block;
- /* font-size:.8rem;
- font-size:calc(.8rem*var(--ifm-button-size-multiplier)); */
- font-weight:600;
- font-weight:var(--ifm-button-font-weight);
- line-height:1.5;
- padding:calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier));
- text-align:center;
- -webkit-transition:color .2s cubic-bezier(.08,.52,.52,1),background .2s cubic-bezier(.08,.52,.52,1),border-color .2s cubic-bezier(.08,.52,.52,1);
- transition:color .2s cubic-bezier(.08,.52,.52,1),background .2s cubic-bezier(.08,.52,.52,1),border-color .2s cubic-bezier(.08,.52,.52,1);
- -webkit-transition:color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),background var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),border-color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1);
- transition:color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),background var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),border-color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1);
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none;
- user-select:none;
- vertical-align:middle;
- white-space:nowrap
+figure video {
+ width: 100%;
}
-.button,.button:hover{
- color:#fff;
- color:var(--ifm-button-color);
- outline:0;
- text-decoration:none
+
+body.list figure {
+ text-align: center;
+ margin: 1em -1em;
+ padding: 0;
}
-.button:focus{
- outline:0
+
+body.list figure img {
+ box-shadow: 0px 10px 10px -10px black;
}
-.button.button--link{
- --ifm-button-background-color:transparent;
- --ifm-button-border-color:transparent;
- color:#3578e5;
- color:var(--ifm-link-color);
- -webkit-text-decoration:none;
- -webkit-text-decoration:var(--ifm-link-decoration);
- text-decoration:none;
- text-decoration:var(--ifm-link-decoration)
+
+body.list figure video {
+ box-shadow: 0px 10px 10px -10px black;
}
-.button.button--link.button--active,.button.button--link:active,.button.button--link:hover{
- color:#3578e5;
- color:var(--ifm-link-hover-color);
- -webkit-text-decoration:underline;
- -webkit-text-decoration:var(--ifm-link-hover-decoration);
- text-decoration:underline;
- text-decoration:var(--ifm-link-hover-decoration)
+
+figcaption {
+ font-size: 0.7em;
+ font-weight: 600;
+ font-style: italic;
}
-.button:disabled,.button[disabled]{
- opacity:.65;
- pointer-events:none
+
+blockquote {
+ font-style: italic;
+ position: relative;
+ quotes: "\201C""\201D";
}
-.button.button--block{
- display:block;
- width:100%
+
+div.podcast,
+div.video {
+ margin: 1em 0em;
+ text-align: center;
}
-.button.button-primary{
- --ifm-button-border-color:var(--ifm-color-primary);
- text-shadow:0 0 6px rgba(13,128,86,.4)
+
+div.podcast audio,
+div.video video {
+ display: block;
+ margin: 1em auto;
+ width: 100%;
}
-.button.button-primary:not(.button-outline){
- --ifm-button-background-color:var(--ifm-color-primary)
+
+.widgets {
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
-.button.button-primary:not(.button-outline):hover{
- --ifm-button-background-color:var(--ifm-color-primary-dark);
- --ifm-button-border-color:var(--ifm-color-primary-dark)
+
+.webmentions .comments .reply img {
+ float: left;
+ margin-right: 1em;
}
-.button.button.button-primary.button--active,.button.button.button-primary:active{
- --ifm-button-border-color:var(--ifm-color-primary-darker);
- --ifm-button-background-color:var(--ifm-color-primary-darker);
- background-color:#2d66c3;
- background-color:var(--ifm-color-primary-darker);
- border-color:#2d66c3;
- border-color:var(--ifm-color-primary-darker)
+
+div.subscribe,
+div.share {
+ margin: 1em;
+ display: flex;
+ align-items: center;
}
-.button-group{
- display:inline-flex
+
+div.subscribe a {
+ color: white;
+ filter: contrast(100);
}
-.button-group>.button:not(:first-child){
- border-bottom-left-radius:0;
- border-top-left-radius:0;
- margin-left:2px;
- margin-left:var(--ifm-button-group-margin)
+
+div.subscribe a img {
+ display: block;
}
-.button-group>.button:not(:last-child){
- border-bottom-right-radius:0;
- border-top-right-radius:0
+
+div.share {
+ background-color: #ff4081;
+ color: white;
+ text-align: center;
+ max-height: 36px;
+ height: 36px;
}
-.button-group>.button--active{
- z-index:1
+
+.share svg {
+ pointer-events: none;
}
-.button-group.button-group--block{
- display:flex;
- justify-content:stretch
+
+div.widgets.source a {
+ margin: 1em;
}
-.button-group.button-group--block>.button{
- flex-grow:1
+
+div.related.pages:empty {
+ display: none;
}
-.button.button-secondary.button-outline:not(.button--active):not(:hover) {
- color: #1c1e21;
- color: var(--ifm-font-base-color);
-}
-.button.button-secondary.button-outline {
- border-color: #333;
-}
+/**************************************************************************
+** Some formatting tweaks after merging everything intentional...
+**************************************************************************/
+
+
+code {
+ background-color: #f5f5f5;
+ color: #000; }
+
+.modal img {
+ max-width: 100%; }
+
+.navbar {
+ margin-bottom: 0; }
+
+.navbar-brand {
+ padding: 0; }
+ .navbar-brand img {
+ height: 100%;
+ padding: 15px;
+ width: auto; }
+
+.navbar-nav {
+ border-left: 1px #e7e7e7 solid; }
+ .navbar-nav li > a {
+ font-size: 13px;
+ font-weight: bold; }
+ .navbar-nav .active > a {
+ background-color: #f8f8f8; }
+ .navbar-nav .active > a:hover {
+ background-color: #f8f8f8; }
+ .navbar-nav .subscribe-button {
+ border-right: 1px #e7e7e7 solid;
+ margin-right: 10px; }
+
+.navbar-default .navbar-nav .current-item {
+ color: #434343; }
+ .navbar-default .navbar-nav .current-item:hover {
+ color: #434343; }
+
+.subheader {
+ border-bottom: 1px #e7e7e7 solid;
+ margin-bottom: 15px; }
+ .subheader h2 {
+ margin-bottom: 26px;
+ margin-top: 26px;
+ padding: 0; }
+
+.post {
+ margin-bottom: 50px; }
+ .post img {
+ max-width: 100%;
+ padding: 4px;
+ display: block;
+ margin-left: auto;
+ margin-right: auto; }
+
+.post-image {
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ display: block;
+ padding: 4px;
+ width: 100%; }
+ .post-image div {
+ background-position: center;
+ background-size: cover;
+ height: 250px;
+ max-height: 350px; }
+
+.post-header {
+ margin-bottom: 10px; }
+ .post-header h2 {
+ margin-bottom: 0; }
+
+.post-meta ul li {
+ font-size: 13px;
+ padding-right: 20px; }
+.post-meta a {
+ color: #777; }
+
+.author-image {
+ background-position: center center;
+ background-size: cover;
+ border-radius: 4px;
+ display: inline-block;
+ height: 18px;
+ vertical-align: top;
+ width: 18px; }
+
+.share {
+ margin-bottom: 30px; }
+ .share a {
+ color: #aaa;
+ transition: .5s all; }
+ .share a:hover, .share a:focus {
+ text-decoration: none;
+ transition: .5s all; }
+ .share a.share-twitter:hover {
+ color: #55acee; }
+ .share a.share-facebook:hover {
+ color: #3b5998; }
+ .share a.share-google-plus:hover {
+ color: #dc4e41; }
-.button-secondary, .button-primary {
- text-transform: uppercase;
- font-weight: 700;
- margin-left: 0.5em;
- margin-right: 0.5em;
-}
+.subscribe-panel {
+ margin: auto;
+ min-width: 300px;
+ width: 30%; }
-/*******************************************************************************
-** Cards Section
-*******************************************************************************/
+.site-footer {
+ font-size: 13px;
+ margin-bottom: 30px; }
+ .site-footer hr {
+ margin-bottom: 5px; }
+ .site-footer p {
+ margin: 0; }
-.card{
- background-color:#fff;
- background-color:var(--ifm-card-background-color);
- border-radius:.8rem;
- border-radius:var(--ifm-card-border-radius);
- box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
- box-shadow:var(--ifm-global-shadow-lw);
- overflow:hidden;
- display:flex;
- flex-direction:column
-}
-.card.card--full-height{
- height:100%
-}
-.card .card__image{
- padding-top:1rem;
- padding-top:var(--ifm-card-vertical-spacing)
+/**************************************
+** Everything below here are my additions
+***************************************/
+
+/* tabs shortcode */
+#body .nav-tabs {
+position: unset;
+width: unset;
}
-.card .card__image:first-child{
- padding-top:0
+
+.tab-content > .tab-pane {
+ display: none;
}
-.card .card__body,.card .card__footer,.card .card__header{
- padding:var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing)
+
+.tab-pane {
+padding: 3px 0px;
}
-.card .card__body:not(:last-child),.card .card__footer:not(:last-child),.card .card__header:not(:last-child){
- padding-bottom:0
+
+.tab-pane {
+padding: 0px 0px;
}
-.card .card__body>:last-child,.card .card__footer>:last-child,.card .card__header>:last-child{
- margin-bottom:0
+
+.tab-content > .tab-pane.is-active {
+display: block;
}
-.card .card__footer{
- margin-top:auto
+
+.nav-tabs {
+color: #0f0f0f;
+list-style-type: none;
+margin: 0;
+padding: 0;
+overflow: hidden;
}
-a.card{
- text-decoration:none!important;
- color:var(--ifm-color-content);
- box-shadow:none;
- border:1px solid #333
+.nav-tabs > button {
+color: #0f0f0f;
+float: left;
+display: block;
+padding: 5px 10px;
+font-size: 14px;
}
-a.card:hover{
- -webkit-transition:all .2s ease;
- transition:all .2s ease;
- border:1px solid var(--custom-primary);
- box-shadow:var(--custom-shadow-xl),0 0 0 1px var(--custom-primary)!important
+pre {
+display: block;
+padding: 9.5px;
+margin: 0px 0px 10px;
+line-height: 1;
}
-/*******************************************************************************
-** Footer Section
-*******************************************************************************/
-.footer{
- padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal);
- width:100%
-}
-.footer,.footer.footer--dark{
- background-color:#f5f6f7;
- background-color:var(--ifm-footer-background-color);
- color:inherit;
- color:var(--ifm-footer-color)
-}
-.footer.footer--dark{
- --ifm-footer-background-color:#303846;
- --ifm-footer-color:var(--ifm-footer-link-color);
- --ifm-footer-link-color:var(--ifm-color-secondary);
- --ifm-footer-title-color:var(--ifm-color-white)
-}
-.footer.footer--dark .footer__link-item{
- color:#606770;
- color:var(--ifm-footer-link-color)
-}
-.footer.footer--dark .footer__title{
- color:inherit;
- color:var(--ifm-footer-title-color)
-}
-.footer .footer__links{
- margin-bottom:1rem
-}
-.footer .footer__link-item{
- color:#606770;
- color:var(--ifm-footer-link-color);
- line-height:2
-}
-.footer .footer__link-item:hover{
- color:#3578e5;
- color:var(--ifm-footer-link-hover-color)
-}
-.footer .footer__logo{
- margin-top:1rem;
- max-width:10rem
-}
-.footer .footer__title{
- color:inherit;
- color:var(--ifm-footer-title-color)
-}
-.footer .footer__item{
- margin-top:0
-}
-.footer .footer__items{
- list-style-type:none;
- margin-bottom:0;
- padding-left:0
-}
-@media (max-width:300px){
- .footer{
- --ifm-footer-padding-horizontal:0;
- padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal)
- }
- .footer .footer__col{
- margin-bottom:3rem;
- margin-bottom:calc(var(--ifm-spacing-vertical)*3)
- }
- .footer .footer__link-item{
- display:block
- }
-}
-/*******************************************************************************
-** Navbar Section
-*******************************************************************************/
+/* highlight styles */
-.navbar{
- background-color:#fff;
- background-color:var(--ifm-navbar-background-color);
- box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
- box-shadow:var(--ifm-navbar-shadow);
- /* box-shadow:var(--ifm-global-shadow-md) */
- box-sizing:border-box;
- height:3.75rem;
- height:var(--ifm-navbar-height);
- padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal);
- width:100%
-}
-.navbar,.navbar>.container{
- display:flex
-}
-@media (max-width:300px){
- .navbar>.container{
- padding:0
- }
-}
-.navbar.navbar--fixed-top{
- position:fixed;
- left:0;
- right:0;
- top:0;
- z-index:200;
- z-index:var(--ifm-z-index-fixed)
-}
-.navbar .navbar__inner{
- align-items:stretch;
- display:flex;
- flex-wrap:wrap;
- justify-content:space-between;
- width:100%
-}
-.navbar .navbar__brand{
- align-items:center;
- color:#1c1e21;
- color:var(--ifm-navbar-link-color);
- display: block;
- font-weight:700;
- height:3.5rem;
- margin-right:1rem;
- text-decoration:none
-}
-.navbar .navbar__logo{
- height:100%;
- margin-right:.5rem;
- display:inline-block;
-}
-.navbar .navbar__items{
- align-items:center;
- display:flex;
- flex:1 0 0
+.highlight {
+ background-color: black;
}
-.navbar .navbar__items.navbar__items--center{
- flex:0 0 auto
+
+.highlight > pre > code {
+ color: #ffffff;
+ text-shadow: none;
}
-.navbar .navbar__items.navbar__items--center .navbar__brand{
- margin:0
+
+.code-header {
+ font-size: 1em;
}
-.navbar .navbar__items.navbar__items--right{
- justify-content:flex-end
+
+/* header button */
+
+.navbar__items > .button, .hero .button {
+ font-size: 0.8em;
}
-@media screen and (max-width:300px){
- .navbar .navbar__items--right{
- display:none
- }
+
+.nav-tabs > .button {
+ padding: 2px 5px 5px 5px;
}
-.navbar .navbar__item{
- display:inline-block;
- padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal)
+
+/* misc fixes */
+
+.main-wrapper {
+ margin-top: 4em;
}
-@media (max-width:300px){
- .navbar .navbar__item{
- display:none
- }
+
+section > .container > .row > .col {
+ margin-top: 1em;
+ margin-bottom: 1em;
}
-.navbar .navbar__link{
- color:#1c1e21;
- color:var(--ifm-navbar-link-color);
- cursor:pointer;
- font-weight:500;
- font-weight:var(--ifm-font-weight-semibold);
- padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal);
- text-decoration:none
+
+.container .row .menu {
+ padding: 0;
+ border: solid 1px #ccc;
+ text-align: left;
}
-.navbar .navbar__link.navbar__link--active,.navbar .navbar__link:hover{
- color:#3578e5;
- color:var(--ifm-navbar-link-hover-color)
+
+.hero .button {
+ margin: 0;
}
-.navbar.navbar--dark{
- --ifm-navbar-background-color:#303846;
- --ifm-navbar-link-color:var(--ifm-color-white);
- --ifm-navbar-link-hover-color:var(--ifm-color-primary);
- --ifm-navbar-search-input-background-color:hsla(0,0%,100%,0.1);
- --ifm-navbar-search-input-color:var(--ifm-color-white);
- --ifm-navbar-search-input-placeholder-color:hsla(0,0%,100%,0.5);
- background-color:#fff;
- background-color:var(--ifm-navbar-background-color)
+
+.navbar > .navbar__inner > .navbar__items--right {
+ padding-right: 1em;
}
-.navbar.navbar--dark .navbar__brand,.navbar.navbar--dark .navbar__link{
- color:#1c1e21;
- color:var(--ifm-navbar-link-color)
+
+.microblog .more {
+ padding-right: 1em;
+ padding-bottom: 1em;
}
-.navbar.navbar--dark .navbar__link:hover{
- color:#3578e5;
- color:var(--ifm-navbar-link-hover-color)
+
+/* Styling for table of contents */
+
+#TableOfContents {
+ border: 1px black solid;
+ display: inline-block;
+ padding-right: 40px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ background-color: floralwhite;
+ width: 400px;
+ margin-left: 40px;
+ margin-bottom: 10px;
}
-.navbar.navbar--dark .navbar__search .navbar__search-input{
- background-color:#ebedf0;
- background-color:var(--ifm-navbar-search-input-background-color);
- background-image:url(data:image/svg+xml;
- utf8,SVG_REPLACED);
- background-image:var(--ifm-navbar-search-input-icon);
- color:#444950;
- color:var(--ifm-navbar-search-input-color)
+
+#TableOfContents ul {
+ padding-inline-start: 40px;
}
-.navbar.navbar--dark .navbar__search .navbar__search-input::-webkit-input-placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+#TableOfContents ul,
+#TableOfContents ol {
+ padding-left: 40px;
+ margin-bottom: 10px;
}
-.navbar.navbar--dark .navbar__search .navbar__search-input:-ms-input-placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+/* Adjusts links within the same page so as to not be covered by the header menu */
+
+:target::before {
+ content: "";
+ display: block;
+ height: calc(1em + var(--ifm-navbar-height)); /* fixed header height*/
+ margin: calc(-1em * (1em + var(--ifm-navbar-height))) 0 0; /* negative fixed header height */
}
-.navbar.navbar--dark .navbar__search .navbar__search-input::-ms-input-placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+/* Adjusting cal-heatmap stuff */
+
+div#ch-tooltip {
+ height: 2em;
}
-.navbar.navbar--dark .navbar__search .navbar__search-input::placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+.cal-heatmap-legend {
+ justify-content: center;
+ display: flex;
}
-.navbar.navbar--primary{
- --ifm-navbar-background-color:var(--ifm-color-primary);
- --ifm-navbar-link-hover-color:var(--ifm-color-white);
- --ifm-navbar-search-input-background-color:hsla(0,0%,100%,0.1);
- --ifm-navbar-search-input-color:var(--ifm-color-emphasis-500);
- --ifm-navbar-search-input-placeholder-color:hsla(0,0%,100%,0.5);
- background-color:#fff;
- background-color:var(--ifm-navbar-background-color)
+
+/* Adding pretty quote boxes */
+
+.quote-box {
+ text-align: left;
+ color: #3f3f5a;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding-left: 5em;
}
-.navbar.navbar--primary .navbar__link:hover{
- color:#3578e5;
- color:var(--ifm-navbar-link-hover-color)
+
+.quote-box > blockquote {
+ font-weight: 100;
+ font-size: 2rem;
+ max-width: 600px;
+ line-height: 1.4;
+ position: relative;
+ padding: .5rem;
+ border-left: none;
+
+ margin: auto;
}
-.navbar.navbar--primary .navbar__search .navbar__search-input{
- background-color:#ebedf0;
- background-color:var(--ifm-navbar-search-input-background-color);
- background-image:url(data:image/svg+xml;
- utf8,SVG_REPLACED);
- background-image:var(--ifm-navbar-search-input-icon);
- color:#444950;
- color:var(--ifm-navbar-search-input-color)
+
+.quote-box > blockquote:before,
+.quote-box > blockquote:after {
+ position: absolute;
+ color: #ccc;
+ font-size: 8rem;
+ width: 4rem;
+ height: 4rem;
}
-.navbar.navbar--primary .navbar__search .navbar__search-input::-webkit-input-placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+.quote-box > blockquote:before {
+ content: '“';
+ left: -5rem;
+ top: -2rem;
}
-.navbar.navbar--primary .navbar__search .navbar__search-input:-ms-input-placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+.quote-box > blockquote:after {
+ content: 'â€';
+ right: -5rem;
+ bottom: 1rem;
}
-.navbar.navbar--primary .navbar__search .navbar__search-input::-ms-input-placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+.quote-box > cite {
+ line-height: 3;
+ text-align: right;
+ font-size: 2rem;
+ margin: auto;
}
-.navbar.navbar--primary .navbar__search .navbar__search-input::placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+.quote-box > cite:before {
+ content: '- ';
+ font-size: 2rem;
}
-.navbar .navbar__search{
- padding-left:1rem;
- padding-left:var(--ifm-navbar-padding-horizontal)
+
+/* Infofield css */
+
+.info-field h2 {
+ font-size: 1.2em;
+ border-bottom-style: double;
+ font-weight: bold;
}
-.navbar .navbar__search .navbar__search-input{
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- background-color:#ebedf0;
- background-color:var(--ifm-navbar-search-input-background-color);
- background-image:url(data:image/svg+xml;
- utf8,SVG_REPLACED);
- background-image:var(--ifm-navbar-search-input-icon);
- background-position-x:.75rem;
- background-position-y:center;
- background-repeat:no-repeat;
- background-size:1rem 1rem;
- border-radius:2rem;
- border-width:0;
- cursor:text;
- color:#444950;
- color:var(--ifm-navbar-search-input-color);
- display:inline-block;
- font-size:.9rem;
- line-height:2rem;
- outline:0;
- padding:0 .5rem 0 2.25rem;
- -webkit-transition:all .2s ease;
- transition:all .2s ease;
- -webkit-transition:all var(--ifm-transition-fast) ease;
- transition:all var(--ifm-transition-fast) ease;
- width:12.5rem
+
+.info-field h3 {
+ font-size: 1em;
+ border-bottom-style: ridge;
}
-.navbar .navbar__search .navbar__search-input::-webkit-input-placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+.entry {
+ display: grid;
+ grid-template-columns: auto max-content;
+ grid-template-areas: "key value";
+
+ align-items: end;
+ gap: 0 .25rem;
}
-.navbar .navbar__search .navbar__search-input:-ms-input-placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+.value {
+ grid-area: value;
}
-.navbar .navbar__search .navbar__search-input::-ms-input-placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+.key {
+ grid-area: key;
+ position: relative;
+ overflow: hidden;
+ white-space: nowrap;
}
-.navbar .navbar__search .navbar__search-input::placeholder{
- color:#bec3c9;
- color:var(--ifm-navbar-search-input-placeholder-color)
+
+.key::after {
+ content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
+ ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
+ ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
+ position: absolute;
+ text-align: right;
}
-@media (max-width:300px){
- .navbar .navbar__search .navbar__search-input{
- width:9rem
- }
+
+ /* Stuff taken from ghost css */
+
+ :after, :before {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ * {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ /******navbar*****/
+:root {
+ --ifm-navbar-height: 2rem;
+ --ifm-navbar-item-padding-vertical: 0.25rem;
}
-/*******************************************************************************
-** Code Blocks Section
-*******************************************************************************/
+.navbar {
+ min-height: 50px;
+ margin-bottom: 20px;
+ border: 1px solid transparent;
+}
-.code-with-header pre{
- border-radius:0 0 4px 4px
+.navbar {
+ background-color: #fff;
+ background-color: var(--ifm-navbar-background-color);
+ box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
+ box-shadow: var(--ifm-navbar-shadow);
+ box-sizing: border-box;
+ height: var(--ifm-navbar-height);
+ padding: var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal);
+ width: 100%;
}
-.code-with-response pre{
- border-radius:0
+
+
+/***contact****/
+
+.info-field h1,
+.info-field h2,
+.info-field h3 {
+ margin-top: 20px;
+ margin-bottom: 10px;
}
-.code-header{
- background:var(--ifm-code-background-dark);
- color:#ccc;
- padding:5px 15px;
- border-radius:4px 4px 0 0;
- font-weight:700;
- border-bottom:1px solid #444
+
+.container {
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto;
}
-/*******************************************************************************
-** Footer Section
-*******************************************************************************/
+html {
+ /* Is overridden on body, this font-size only effects navbar */
+ font-size: 10px;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
-.footer{
- border-top:1px solid var(--custom-border-color);
- padding-bottom:80px
+body {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #000;
+ background-color: #fff;
}
-/*******************************************************************************
-** Tabs Section
-*******************************************************************************/
+/******front page******/
-.code-tabs .row {
- display: flex;
- flex-direction: row-reverse;
+
+.cal-heatmap {
+ direction: rtl;
+ display: block;
+ overflow: hidden;
}
-.code-tabs__inner {
-margin: 10px 0px 0px 00px;
+.cal-heatmap > svg {
+ direction: ltr;
+ margin-left: auto;
+ margin-right: auto;
}
-.nav-tabs > button.is-active, .nav-tabs > button:hover {
-color: #000 !important;
-background: transparent;
+/****** blog ********/
+
+.list-inline > li {
+ display: inline-block;
+ padding-right: 5px;
+ padding-left: 5px;
}
-.ButtonTabs > .nav-tabs {
- border: none;
+.list-inline {
+ padding-left: 0;
+ margin-left: -5px;
+ list-style: none;
}
-.ButtonTabs > .nav-tabs > .button,
-.ButtonTabs > .nav-tabs > .button.is-active {
- box-shadow: none;
- white-space: normal;
+.page-title {
+ font-family: inherit;
+ font-weight: 500;
+ line-height: 1.1;
+ color: inherit;
}
-.ButtonTabs .button.is-active, .ButtonTabs .button:hover, .ButtonTabs:hover .button.is-active:hover {
- border: 2px solid var(--custom-primary);
- box-shadow: var(--custom-shadow-lw);
+.page-title .small,
+.page-title small {
+ font-size: 65%;
+ font-weight: 400;
+ line-height: 1;
+ color: #777;
}
-.button.button--info:not(.button-outline) {
- --ifm-button-background-color: var(--ifm-color-info);
+.MathJax, .MathJax_Display, .MJXc-display, .MathJax_SVG_Display {
+ overflow-x: auto;
+ overflow-y: hidden;
}
-.ButtonTabs .button {
- width: 100%;
- display: block;
- color: var(--custom-content-color);
- margin-right: 10px;
- margin-bottom: 8px;
- border: 2px solid var(--ifm-button-background-color)
- text-align: left;
+
+/******** copied over responsive stuff ******/
+.container {
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto; }
+
+.container-fluid {
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto; }
+
+/**********responsive burger menu*********/
+
+ul.navbar-menu {
+ display: flex;
+ list-style: none;
+ margin-top: auto;
+ margin-bottom: auto;
}
-.row .col.ButtonTabs {
- padding: 0;
+ul.navbar-menu li {
+ margin-top: auto;
+ margin-bottom: auto;
}
-.copyButton {
- background: #011627;
- border: 1px solid #d6deeb;
- border-radius: var(--ifm-global-radius);
- color: #d6deeb;
- cursor: pointer;
- line-height: 12px;
- opacity: 0;
- outline: none;
- padding: 4px 8px;
- visibility: hidden;
- -webkit-transition: opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,bottom 0.2s ease-in-out;
- transition: opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,bottom 0.2s ease-in-out;
- float: right;
+li.navbar-menu-item > .button {
+ font-size: inherit;
}
-.codeBlockWrapper:hover > .copyButton {
- visibility: visible;
- opacity: 1;
+.navbar .menu-btn {
+ display: none;
}
/*******************************************************************************
-** info-buttons Section
+********************************************************************************
+** Media specific css (max-width)
+********************************************************************************
*******************************************************************************/
-.info-buttons {
- background-color: var(--custom-background-color-diff);
- margin-top: 100px;
- padding: 50px 0;
- border-top: 1px solid var(--custom-border-color);
+@media (max-width: 400px) {
+
+ /*****************************************************************************
+ ** Button Section
+ *****************************************************************************/
+
+ .button.button-secondary,
+ .button.button-primary {
+ width: 100%;
+ margin-left: 0;
+ margin-right: 0;
+ }
}
+@media (max-width:600px){
-/********** Everything below here was main before adding goblin **************/
+ /*****************************************************************************
+ ** Footer Section
+ *****************************************************************************/
-div.widgets {
- text-align: center;
-}
+ .row .col {
+ padding-top: var(--ifm-col-spacing-vertical);
+ padding-bottom: var(--ifm-col-spacing-vertical);
+ }
-#mentions, #fediverse {
- border: none;
- width: 100%;
+ .row .col.col.col{
+ --ifm-col-width:100%;
+ flex-basis:var(--ifm-col-width);
+ margin-left:0;
+ max-width:var(--ifm-col-width)
+ }
+
+ /*****************************************************************************
+ ** Footer Section
+ *****************************************************************************/
+ .footer{
+ --ifm-footer-padding-horizontal:0;
+ padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal)
+ }
+
+ .footer .footer__col{
+ margin-bottom:3rem;
+ margin-bottom:calc(var(--ifm-spacing-vertical)*3)
+ }
+
+ .footer .footer__link-item{
+ display:block
+ }
+
+ /*****************************************************************************
+ ** Navbar Section
+ *****************************************************************************/
+
+ .navbar>.container{
+ padding:0
+ }
+
+ .navbar .navbar__items--right{
+ display:none
+ }
+
+ .navbar .navbar__item{
+ display:none
+ }
+
+ .navbar .navbar__search .navbar__search-input{
+ width:9rem
+ }
+
+ /*****************************************************************************
+ ** Info-field Section
+ *****************************************************************************/
+
+ .info-field > div {
+ width: 100%;
+ }
+
+ .entry {
+ display: block;
+ margin-bottom: 1em;
+ }
}
-img.profile.photo {
- width: 32px;
- height: 32px;
- border-radius: 50% 50%;
-}
+@media (max-width:992px) {
-aside {
- background-color: wheat;
- color: black;
- padding: 1em;
- border-radius: 0.5em;
- margin: 1em;
- border: dashed 3px #b78529;
-}
+ /*****************************************************************************
+ ** Flex Section
+ *****************************************************************************/
-.me {
- margin: auto;
- text-align: left;
- max-width: 720px;
-}
+ .row {
+ display: block;
+ }
-.me div {
- margin: 2em;
-}
+ /*****************************************************************************
+ ** Side Menu Section
+ *****************************************************************************/
+ .side-menu {
+ width: 100%;
+ }
-.me img {
- border-radius: 50%;
- float: right;
- width: 20%;
-}
+ /*****************************************************************************
+ ** Navbar Section
+ *****************************************************************************/
-pre {
- overflow: auto;
- width: 100%;
-}
+ .navbar ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ overflow: hidden;
+ background-color: #fff;
+ }
-body.list .post header {
- padding-top: 1em;
- margin-bottom: 2em;
- font-family: var(--font-sans)
-}
+ .navbar li a {
+ display: block;
+ padding: 20px 20px;
+ text-decoration: none;
+ }
-body.blogpost header {
- max-width: 720px;
- margin: auto;
- text-align: left;
- padding: 0 1em;
- font-family: var(--font-sans)
-}
+ .navbar li a:hover,
+ .navbar .menu-btn:hover {
+ background-color: #f4f4f4;
+ }
-:where(:not(pre)>code) {
- white-space: break-spaces;
- word-break: break-word;
-}
+ /* menu */
-body.blogpost hr {
- height: 1px;
- margin-right: 2em;
- margin-left: 2em;
- border: 0;
- background: #333;
- background-image: linear-gradient(to right, #ccc, #333, #ccc);
-}
+ .navbar .navbar-menu {
+ clear: both;
+ max-height: 0;
+ transition: max-height .2s ease-out;
+ }
-body.blogpost div.draft {
- border: solid red 1px;
- background-color: pink;
- color: black;
- padding: 1em;
-}
+ /* menu icon */
-body.blogpost div.draft a {
- color: blue;
-}
+ .navbar .menu-icon {
+ cursor: pointer;
+ display: inline-block;
+ float: right;
+ padding-top: 5px;
+ padding-bottom: 10px;
+ position: relative;
+ user-select: none;
+ }
-body.blogpost header,
-body.list main .post header {
- background-repeat: repeat;
- background-position: 50% 50%;
- background-size: cover;
- background-origin: padding-box;
- background-attachment: scroll;
- box-sizing: border-box;
-}
+ .navbar .menu-icon .navicon {
+ background: #333;
+ display: inline-flex;
+ height: 2px;
+ position: relative;
+ transition: background .2s ease-out;
+ width: 18px;
+ }
-body.blogpost header.with-background,
-body.list main .post header.with-background {
- height: 520px;
- margin: 0;
- margin-bottom: 2em;
- width: 100%;
- max-width: initial;
- position: relative;
-}
+ .navbar .menu-icon .navicon:before,
+ .navbar .menu-icon .navicon:after {
+ background: #333;
+ content: '';
+ display: block;
+ height: 100%;
+ position: absolute;
+ transition: all .2s ease-out;
+ width: 100%;
+ }
-body.blogpost .byline {
- margin-bottom: 1em;
- padding-bottom: 1em;
- border-bottom: solid 1px #e9e9e9;
- font-size: 0.8em;
-}
+ .navbar .menu-icon .navicon:before {
+ top: 5px;
+ }
-div.subscribe,
-div.share {
- text-decoration: none;
- color: #2a2a2a;
- background-color: #2196f3;
- text-align: center;
- letter-spacing: 0.5px;
- transition: 0.2s ease-out;
- cursor: pointer;
- outline: 0;
- border: none;
- border-radius: 2px;
- display: inline-block;
- height: 36px;
- padding: 0 1rem;
- text-transform: uppercase;
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
- 0 3px 1px -2px rgba(0, 0, 0, 0.2);
-}
+ .navbar .menu-icon .navicon:after {
+ top: -5px;
+ }
-.post.moi {
- background-color: var(--blue-10);
- color: var(--gray-3);
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- margin: 1rem;
- border-radius: 1em;
-}
+ /* menu btn */
-section.post.moi {
- margin: 0;
- padding: 0 1em;
-}
+ .navbar .menu-btn:checked ~ .navbar-menu {
+ max-height: 240px;
+ }
-.post.moi div>img {
- width: 3em;
- height: 3em;
- padding: 2em;
- border-radius: 50%;
-}
+ .navbar .menu-btn:checked ~ .menu-icon .navicon {
+ background: transparent;
+ }
-.post.moi div p {
- font-weight: 600;
-}
+ .navbar .menu-btn:checked ~ .menu-icon .navicon:before {
+ transform: rotate(-45deg);
+ }
-.post.moi div+div {
- padding: 1em;
-}
+ .navbar .menu-btn:checked ~ .menu-icon .navicon:after {
+ transform: rotate(45deg);
+ }
-.moi-links {
- display: flex;
- align-items: center;
- justify-content: space-evenly;
- flex-wrap: wrap;
-}
+ .navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
+ .navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
+ top: 0;
+ }
-.post.moi div p+p {
- font-weight: inherit;
- font-style: italic;
-}
+ /****** my stuff ******/
+ .navbar .navbar-menu {
+ display: block;
+ }
-.post.moi a.email img,
-.post.moi a.rss img,
-.post.moi a.twitter img,
-.post.moi a.medium img {
- padding: 0.5em;
- width: 32px;
- height: 32px;
-}
+ .navbar .navbar__inner {
+ display: block;
+ }
-body.blogpost figure img, main p img {
- width: 100%;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
+ .navbar .navbar__inner .navbar__items--left {
+ display: block;
+ float: left;
+ }
+
+ .navbar .navbar__inner .navbar__items--right {
+ display: block;
+ }
+
+ .navbar__brand strong{
+ font-family:var(--ifm-heading-font-family);
+ font-size:1.5rem;
+ font-weight:700;
+ letter-spacing:.03rem
+ }
-body.list main.main-wrapper,
-body.blogpost main.main-wrapper {
- margin: auto;
- display: flex;
- padding: 5em 1em 5em 1em;
- flex-direction: column;
- justify-content: center;
- max-width: 720px;
-}
+ .navbar .navbar__link{
+ font-weight:700
+ }
-body.list main p,
-body.blogpost main p {
- margin-block-start: 1em;
-}
+ /*****************************************************************************
+ ** Titled-side section
+ *****************************************************************************/
-body main section {
- padding-top: 0;
- text-align: left;
-}
+ .titled-side .container .titled-side__inner .titled-side--title {
+ max-width: 100%;
+ }
-.author {
- font-style: italic;
+ .titled-side .container .titled-side__inner .titled-side--content {
+ margin-left: auto;
+ margin-right: auto;
+ }
}
-body.list .post .description {
- padding-bottom: 1em;
-}
-body .menu {
- font-family: var(--font-sans);
- font-weight: 400;
- color: #333;
- color: var(--text-color);
- padding: 1em;
- text-align: center;
- border-bottom: solid 1px #ccc;
- border-bottom: solid 1px var(--block-quote-before-color);
-}
-body .menu .search {
- max-width: 720px;
- margin: auto;
- padding-top: 1em;
-}
-body .menu .search form {
- display: flex;
- gap: 1em;
-}
+/*******************************************************************************
+********************************************************************************
+** Media specific css (min-width)
+********************************************************************************
+*******************************************************************************/
-body .menu .search input[type=search] {
- width: 100%;
- padding: 0.5em;
- font-size: 1em;
-}
+@media (min-width: 768px) {
-body .menu .menu-items {
- margin: auto;
- text-align: center;
- max-width: 720px;
- display: flex;
- justify-content: space-evenly;
-}
+ /*****************************************************************************
+ ** Flex Section
+ *****************************************************************************/
-body .menu a {
- color: initial;
- color: var(--text-color);
-}
+ .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
+ float: left; }
-figure {
- text-align: center;
-}
+ .col-sm-12 {
+ width: 100%; }
-figure img {
- width: 100%;
-}
+ .col-sm-11 {
+ width: 91.66666667%; }
-figure video {
- width: 100%;
-}
+ .col-sm-10 {
+ width: 83.33333333%; }
-body.list figure {
- text-align: center;
- margin: 1em -1em;
- padding: 0;
-}
+ .col-sm-9 {
+ width: 75%; }
-body.list figure img {
- box-shadow: 0px 10px 10px -10px black;
-}
+ .col-sm-8 {
+ width: 66.66666667%; }
-body.list figure video {
- box-shadow: 0px 10px 10px -10px black;
-}
+ .col-sm-7 {
+ width: 58.33333333%; }
-figcaption {
- font-size: 0.7em;
- font-weight: 600;
- font-style: italic;
-}
+ .col-sm-6 {
+ width: 50%; }
-blockquote {
- font-style: italic;
- position: relative;
- quotes: "\201C""\201D";
-}
+ .col-sm-5 {
+ width: 41.66666667%; }
-div.podcast,
-div.video {
- margin: 1em 0em;
- text-align: center;
-}
+ .col-sm-4 {
+ width: 33.33333333%; }
-div.podcast audio,
-div.video video {
- display: block;
- margin: 1em auto;
- width: 100%;
-}
+ .col-sm-3 {
+ width: 25%; }
-.widgets {
- display: flex;
- align-items: center;
- justify-content: center;
-}
+ .col-sm-2 {
+ width: 16.66666667%; }
-.webmentions .comments .reply img {
- float: left;
- margin-right: 1em;
-}
+ .col-sm-1 {
+ width: 8.33333333%; }
-div.subscribe,
-div.share {
- margin: 1em;
- display: flex;
- align-items: center;
-}
+ .col-sm-pull-12 {
+ right: 100%; }
-div.subscribe a {
- color: white;
- filter: contrast(100);
-}
+ .col-sm-pull-11 {
+ right: 91.66666667%; }
-div.subscribe a img {
- display: block;
-}
+ .col-sm-pull-10 {
+ right: 83.33333333%; }
-div.share {
- background-color: #ff4081;
- color: white;
- text-align: center;
- max-height: 36px;
- height: 36px;
-}
+ .col-sm-pull-9 {
+ right: 75%; }
-.share svg {
- pointer-events: none;
-}
+ .col-sm-pull-8 {
+ right: 66.66666667%; }
-div.widgets.source a {
- margin: 1em;
-}
+ .col-sm-pull-7 {
+ right: 58.33333333%; }
-div.related.pages:empty {
- display: none;
-}
+ .col-sm-pull-6 {
+ right: 50%; }
+ .col-sm-pull-5 {
+ right: 41.66666667%; }
-/**************************************************************************
-** Some formatting tweaks after merging everything intentional...
-**************************************************************************/
+ .col-sm-pull-4 {
+ right: 33.33333333%; }
+ .col-sm-pull-3 {
+ right: 25%; }
-code {
- background-color: #f5f5f5;
- color: #000; }
+ .col-sm-pull-2 {
+ right: 16.66666667%; }
-.modal img {
- max-width: 100%; }
+ .col-sm-pull-1 {
+ right: 8.33333333%; }
-.navbar {
- margin-bottom: 0; }
+ .col-sm-pull-0 {
+ right: auto; }
-.navbar-brand {
- padding: 0; }
- .navbar-brand img {
- height: 100%;
- padding: 15px;
- width: auto; }
+ .col-sm-push-12 {
+ left: 100%; }
-.navbar-nav {
- border-left: 1px #e7e7e7 solid; }
- .navbar-nav li > a {
- font-size: 13px;
- font-weight: bold; }
- .navbar-nav .active > a {
- background-color: #f8f8f8; }
- .navbar-nav .active > a:hover {
- background-color: #f8f8f8; }
- .navbar-nav .subscribe-button {
- border-right: 1px #e7e7e7 solid;
- margin-right: 10px; }
+ .col-sm-push-11 {
+ left: 91.66666667%; }
-.navbar-default .navbar-nav .current-item {
- color: #434343; }
- .navbar-default .navbar-nav .current-item:hover {
- color: #434343; }
+ .col-sm-push-10 {
+ left: 83.33333333%; }
-.subheader {
- border-bottom: 1px #e7e7e7 solid;
- margin-bottom: 15px; }
- .subheader h2 {
- margin-bottom: 26px;
- margin-top: 26px;
- padding: 0; }
+ .col-sm-push-9 {
+ left: 75%; }
-.post {
- margin-bottom: 50px; }
- .post img {
- max-width: 100%;
- padding: 4px;
- display: block;
- margin-left: auto;
- margin-right: auto; }
+ .col-sm-push-8 {
+ left: 66.66666667%; }
-.post-image {
- border: 1px solid #ddd;
- border-radius: 4px;
- display: block;
- padding: 4px;
- width: 100%; }
- .post-image div {
- background-position: center;
- background-size: cover;
- height: 250px;
- max-height: 350px; }
+ .col-sm-push-7 {
+ left: 58.33333333%; }
-.post-header {
- margin-bottom: 10px; }
- .post-header h2 {
- margin-bottom: 0; }
+ .col-sm-push-6 {
+ left: 50%; }
-.post-meta ul li {
- font-size: 13px;
- padding-right: 20px; }
-.post-meta a {
- color: #777; }
+ .col-sm-push-5 {
+ left: 41.66666667%; }
-.author-image {
- background-position: center center;
- background-size: cover;
- border-radius: 4px;
- display: inline-block;
- height: 18px;
- vertical-align: top;
- width: 18px; }
+ .col-sm-push-4 {
+ left: 33.33333333%; }
-.share {
- margin-bottom: 30px; }
- .share a {
- color: #aaa;
- transition: .5s all; }
- .share a:hover, .share a:focus {
- text-decoration: none;
- transition: .5s all; }
- .share a.share-twitter:hover {
- color: #55acee; }
- .share a.share-facebook:hover {
- color: #3b5998; }
- .share a.share-google-plus:hover {
- color: #dc4e41; }
+ .col-sm-push-3 {
+ left: 25%; }
-.subscribe-panel {
- margin: auto;
- min-width: 300px;
- width: 30%; }
+ .col-sm-push-2 {
+ left: 16.66666667%; }
-.site-footer {
- font-size: 13px;
- margin-bottom: 30px; }
- .site-footer hr {
- margin-bottom: 5px; }
- .site-footer p {
- margin: 0; }
+ .col-sm-push-1 {
+ left: 8.33333333%; }
-/**************************************
-** Everything below here are my additions
-***************************************/
+ .col-sm-push-0 {
+ left: auto; }
-/* tabs shortcode */
-#body .nav-tabs {
-position: unset;
-width: unset;
-}
+ .col-sm-offset-12 {
+ margin-left: 100%; }
-.tab-content > .tab-pane {
- display: none;
-}
+ .col-sm-offset-11 {
+ margin-left: 91.66666667%; }
-.tab-pane {
-padding: 3px 0px;
-}
+ .col-sm-offset-10 {
+ margin-left: 83.33333333%; }
-.tab-pane {
-padding: 0px 0px;
-}
+ .col-sm-offset-9 {
+ margin-left: 75%; }
-.tab-content > .tab-pane.is-active {
-display: block;
-}
+ .col-sm-offset-8 {
+ margin-left: 66.66666667%; }
-.nav-tabs {
-color: #0f0f0f;
-list-style-type: none;
-margin: 0;
-padding: 0;
-overflow: hidden;
-}
+ .col-sm-offset-7 {
+ margin-left: 58.33333333%; }
-.nav-tabs > button {
-color: #0f0f0f;
-float: left;
-display: block;
-padding: 5px 10px;
-font-size: 14px;
-}
+ .col-sm-offset-6 {
+ margin-left: 50%; }
-pre {
-display: block;
-padding: 9.5px;
-margin: 0px 0px 10px;
-line-height: 1;
-}
+ .col-sm-offset-5 {
+ margin-left: 41.66666667%; }
+
+ .col-sm-offset-4 {
+ margin-left: 33.33333333%; }
+ .col-sm-offset-3 {
+ margin-left: 25%; }
+ .col-sm-offset-2 {
+ margin-left: 16.66666667%; }
-/* highlight styles */
+ .col-sm-offset-1 {
+ margin-left: 8.33333333%; }
-.highlight {
- background-color: black;
-}
+ .col-sm-offset-0 {
+ margin-left: 0;
+ }
-.highlight > pre > code {
- color: #ffffff;
- text-shadow: none;
-}
+ /*****************************************************************************
+ ** Optimize Screen Section
+ *****************************************************************************/
-.code-header {
- font-size: 1em;
+ @media screen {
+ body,
+ html {
+ text-rendering: optimizeLegibility;
+ }
+ }
}
-/* header button */
+@media (min-width: 992px) {
-.navbar__items > .button, .hero .button {
- font-size: 0.8em;
-}
+ /*****************************************************************************
+ ** Flex section
+ *****************************************************************************/
-.nav-tabs > .button {
- padding: 2px 5px 5px 5px;
-}
+ .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
+ float: left; }
-/* misc fixes */
+ .col-md-12 {
+ width: 100%; }
-.main-wrapper {
- margin-top: 4em;
-}
+ .col-md-11 {
+ width: 91.66666667%; }
-section > .container > .row > .col {
- margin-top: 1em;
- margin-bottom: 1em;
-}
+ .col-md-10 {
+ width: 83.33333333%; }
-.container .row .menu {
- padding: 0;
- border: solid 1px #ccc;
- text-align: left;
-}
+ .col-md-9 {
+ width: 75%; }
-.hero .button {
- margin: 0;
-}
+ .col-md-8 {
+ width: 66.66666667%; }
-.navbar > .navbar__inner > .navbar__items--right {
- padding-right: 1em;
-}
+ .col-md-7 {
+ width: 58.33333333%; }
-@media (max-width:490px) {
- .navbar > .navbar__inner > .navbar__items--left {
- display: none;
- }
-}
+ .col-md-6 {
+ width: 50%; }
-@media (max-width:600px) {
- .navbar > .navbar__inner > .navbar__items--right > .button {
- display: none;
- }
+ .col-md-5 {
+ width: 41.66666667%; }
- .container .row .col {
- flex: none;
- }
-}
+ .col-md-4 {
+ width: 33.33333333%; }
-.microblog .more {
- padding-right: 1em;
- padding-bottom: 1em;
-}
+ .col-md-3 {
+ width: 25%; }
-@media (max-width:992px) {
- .side-menu {
- width: 100%;
- }
-}
+ .col-md-2 {
+ width: 16.66666667%; }
-/* Styling for table of contents */
+ .col-md-1 {
+ width: 8.33333333%; }
-#TableOfContents {
- border: 1px black solid;
- display: inline-block;
- padding-right: 40px;
- padding-top: 5px;
- padding-bottom: 5px;
- background-color: floralwhite;
- width: 400px;
- margin-left: 40px;
- margin-bottom: 10px;
-}
+ .col-md-pull-12 {
+ right: 100%; }
-#TableOfContents ul {
- padding-inline-start: 40px;
-}
+ .col-md-pull-11 {
+ right: 91.66666667%; }
-#TableOfContents ul,
-#TableOfContents ol {
- padding-left: 40px;
- margin-bottom: 10px;
-}
+ .col-md-pull-10 {
+ right: 83.33333333%; }
-/* Adjusts links within the same page so as to not be covered by the header menu */
+ .col-md-pull-9 {
+ right: 75%; }
-:target::before {
- content: "";
- display: block;
- height: calc(1em + var(--ifm-navbar-height)); /* fixed header height*/
- margin: calc(-1em * (1em + var(--ifm-navbar-height))) 0 0; /* negative fixed header height */
-}
+ .col-md-pull-8 {
+ right: 66.66666667%; }
+
+ .col-md-pull-7 {
+ right: 58.33333333%; }
+
+ .col-md-pull-6 {
+ right: 50%; }
-/* Adjusting cal-heatmap stuff */
+ .col-md-pull-5 {
+ right: 41.66666667%; }
-div#ch-tooltip {
- height: 2em;
-}
+ .col-md-pull-4 {
+ right: 33.33333333%; }
-.cal-heatmap-legend {
- justify-content: center;
- display: flex;
-}
+ .col-md-pull-3 {
+ right: 25%; }
-/* Adding pretty quote boxes */
-/* @import url('https://fonts.googleapis.com/css?family=Special+Elite'); */
+ .col-md-pull-2 {
+ right: 16.66666667%; }
-.quote-box {
- text-align: left;
- color: #3f3f5a;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- padding-left: 5em;
- padding-right: 5em;
-}
+ .col-md-pull-1 {
+ right: 8.33333333%; }
-.quote-box > blockquote {
- font-weight: 100;
- font-size: 2rem;
- max-width: 600px;
- line-height: 1.4;
- position: relative;
- padding: .5rem;
- border-left: none;
+ .col-md-pull-0 {
+ right: auto; }
- margin: auto;
-}
+ .col-md-push-12 {
+ left: 100%; }
-.quote-box > blockquote:before,
-.quote-box > blockquote:after {
- position: absolute;
- color: #ccc;
- font-size: 8rem;
- width: 4rem;
- height: 4rem;
-}
+ .col-md-push-11 {
+ left: 91.66666667%; }
-.quote-box > blockquote:before {
- content: '“';
- left: -5rem;
- top: -2rem;
-}
+ .col-md-push-10 {
+ left: 83.33333333%; }
-.quote-box > blockquote:after {
- content: 'â€';
- right: -5rem;
- bottom: 1rem;
-}
+ .col-md-push-9 {
+ left: 75%; }
-.quote-box > cite {
- line-height: 3;
- text-align: right;
- font-size: 2rem;
- margin: auto;
-}
+ .col-md-push-8 {
+ left: 66.66666667%; }
-.quote-box > cite:before {
- content: '- ';
- font-size: 2rem;
-}
+ .col-md-push-7 {
+ left: 58.33333333%; }
-/* Infofield css */
+ .col-md-push-6 {
+ left: 50%; }
-.info-field h2 {
- font-size: 1.2em;
- border-bottom-style: double;
- font-weight: bold;
-}
+ .col-md-push-5 {
+ left: 41.66666667%; }
-.info-field h3 {
- font-size: 1em;
- border-bottom-style: ridge;
-}
+ .col-md-push-4 {
+ left: 33.33333333%; }
-.entry {
- display: grid;
- grid-template-columns: auto max-content;
- grid-template-areas: "key value";
+ .col-md-push-3 {
+ left: 25%; }
- align-items: end;
- gap: 0 .25rem;
-}
+ .col-md-push-2 {
+ left: 16.66666667%; }
-.value {
- grid-area: value;
-}
+ .col-md-push-1 {
+ left: 8.33333333%; }
-.key {
- grid-area: key;
- position: relative;
- overflow: hidden;
- white-space: nowrap;
-}
+ .col-md-push-0 {
+ left: auto; }
-.key::after {
- content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
- ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "
- ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
- position: absolute;
- text-align: right;
-}
+ .col-md-offset-12 {
+ margin-left: 100%; }
-@media (max-width:992px) {
- .info-field > div {
- width: 100%;
- }
+ .col-md-offset-11 {
+ margin-left: 91.66666667%; }
- .entry {
- display: block;
- margin-bottom: 1em;
- }
-}
+ .col-md-offset-10 {
+ margin-left: 83.33333333%; }
- /* Stuff taken from ghost css */
+ .col-md-offset-9 {
+ margin-left: 75%; }
- :after, :before {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
+ .col-md-offset-8 {
+ margin-left: 66.66666667%; }
- * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
+ .col-md-offset-7 {
+ margin-left: 58.33333333%; }
- /******navbar*****/
-:root {
- --ifm-navbar-height: 2rem;
- --ifm-navbar-item-padding-vertical: 0.25rem;
-}
+ .col-md-offset-6 {
+ margin-left: 50%; }
-.navbar {
- min-height: 50px;
- margin-bottom: 20px;
- border: 1px solid transparent;
-}
+ .col-md-offset-5 {
+ margin-left: 41.66666667%; }
-.navbar {
- background-color: #fff;
- background-color: var(--ifm-navbar-background-color);
- box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
- box-shadow: var(--ifm-navbar-shadow);
- box-sizing: border-box;
- height: var(--ifm-navbar-height);
- padding: var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal);
- width: 100%;
-}
+ .col-md-offset-4 {
+ margin-left: 33.33333333%; }
+ .col-md-offset-3 {
+ margin-left: 25%; }
-/***contact****/
+ .col-md-offset-2 {
+ margin-left: 16.66666667%; }
-.info-field h1,
-.info-field h2,
-.info-field h3 {
- margin-top: 20px;
- margin-bottom: 10px;
-}
+ .col-md-offset-1 {
+ margin-left: 8.33333333%; }
-@media (min-width: 1200px) {
- .container {
- width: 1170px;
+ .col-md-offset-0 {
+ margin-left: 0;
}
-}
-@media (min-width: 992px) {
+ /*****************************************************************************
+ ** Container section
+ *****************************************************************************/
+
.container {
width: 970px;
}
}
-@media (min-width: 768px) {
- .container {
- width: 750px;
- }
-}
+@media (min-width: 1200px) {
-.container {
- padding-right: 15px;
- padding-left: 15px;
- margin-right: auto;
- margin-left: auto;
-}
+ /*****************************************************************************
+ ** Flex section
+ *****************************************************************************/
-html {
- /* Is overridden on body, this font-size only effects navbar */
- font-size: 10px;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
+ .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
+ float: left; }
-body {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 14px;
- line-height: 1.42857143;
- color: #000;
- background-color: #fff;
-}
+ .col-lg-12 {
+ width: 100%; }
-/******front page******/
+ .col-lg-11 {
+ width: 91.66666667%; }
+
+ .col-lg-10 {
+ width: 83.33333333%; }
+
+ .col-lg-9 {
+ width: 75%; }
+
+ .col-lg-8 {
+ width: 66.66666667%; }
+
+ .col-lg-7 {
+ width: 58.33333333%; }
+ .col-lg-6 {
+ width: 50%; }
+
+ .col-lg-5 {
+ width: 41.66666667%; }
+
+ .col-lg-4 {
+ width: 33.33333333%; }
-.cal-heatmap {
- direction: rtl;
- display: block;
- overflow: hidden;
-}
+ .col-lg-3 {
+ width: 25%; }
-.cal-heatmap > svg {
- direction: ltr;
- margin-left: auto;
- margin-right: auto;
-}
+ .col-lg-2 {
+ width: 16.66666667%; }
-/****** blog ********/
+ .col-lg-1 {
+ width: 8.33333333%; }
-.list-inline > li {
- display: inline-block;
- padding-right: 5px;
- padding-left: 5px;
-}
+ .col-lg-pull-12 {
+ right: 100%; }
-.list-inline {
- padding-left: 0;
- margin-left: -5px;
- list-style: none;
-}
+ .col-lg-pull-11 {
+ right: 91.66666667%; }
-.page-title {
- font-family: inherit;
- font-weight: 500;
- line-height: 1.1;
- color: inherit;
-}
+ .col-lg-pull-10 {
+ right: 83.33333333%; }
-.page-title .small,
-.page-title small {
- font-size: 65%;
- font-weight: 400;
- line-height: 1;
- color: #777;
-}
+ .col-lg-pull-9 {
+ right: 75%; }
-.MathJax, .MathJax_Display, .MJXc-display, .MathJax_SVG_Display {
- overflow-x: auto;
- overflow-y: hidden;
-}
+ .col-lg-pull-8 {
+ right: 66.66666667%; }
-/******** copied over responsive stuff ******/
-.container {
- padding-right: 15px;
- padding-left: 15px;
- margin-right: auto;
- margin-left: auto; }
+ .col-lg-pull-7 {
+ right: 58.33333333%; }
-@media (min-width: 768px) {
- .container {
- width: 750px; } }
-@media (min-width: 992px) {
- .container {
- width: 970px; } }
-@media (min-width: 1200px) {
- .container {
- width: 1170px; } }
-.container-fluid {
- padding-right: 15px;
- padding-left: 15px;
- margin-right: auto;
- margin-left: auto; }
+ .col-lg-pull-6 {
+ right: 50%; }
-/**********responsive burger menu*********/
+ .col-lg-pull-5 {
+ right: 41.66666667%; }
-ul.navbar-menu {
- display: flex;
- list-style: none;
- margin-top: auto;
- margin-bottom: auto;
-}
+ .col-lg-pull-4 {
+ right: 33.33333333%; }
-ul.navbar-menu li {
- margin-top: auto;
- margin-bottom: auto;
-}
+ .col-lg-pull-3 {
+ right: 25%; }
-li.navbar-menu-item > .button {
- font-size: inherit;
-}
+ .col-lg-pull-2 {
+ right: 16.66666667%; }
-.navbar .menu-btn {
- display: none;
-}
+ .col-lg-pull-1 {
+ right: 8.33333333%; }
-@media (max-width: 992px) {
+ .col-lg-pull-0 {
+ right: auto; }
- /******Fix blog in general********/
+ .col-lg-push-12 {
+ left: 100%; }
- .row {
- display: block;
- }
+ .col-lg-push-11 {
+ left: 91.66666667%; }
+ .col-lg-push-10 {
+ left: 83.33333333%; }
- /****** back to burger menu ******/
+ .col-lg-push-9 {
+ left: 75%; }
+ .col-lg-push-8 {
+ left: 66.66666667%; }
- .navbar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- overflow: hidden;
- background-color: #fff;
- }
+ .col-lg-push-7 {
+ left: 58.33333333%; }
- .navbar li a {
- display: block;
- padding: 20px 20px;
- text-decoration: none;
- }
+ .col-lg-push-6 {
+ left: 50%; }
- .navbar li a:hover,
- .navbar .menu-btn:hover {
- background-color: #f4f4f4;
- }
+ .col-lg-push-5 {
+ left: 41.66666667%; }
- /* menu */
+ .col-lg-push-4 {
+ left: 33.33333333%; }
- .navbar .navbar-menu {
- clear: both;
- max-height: 0;
- transition: max-height .2s ease-out;
- }
+ .col-lg-push-3 {
+ left: 25%; }
- /* menu icon */
+ .col-lg-push-2 {
+ left: 16.66666667%; }
- .navbar .menu-icon {
- cursor: pointer;
- display: inline-block;
- float: right;
- padding-top: 5px;
- padding-bottom: 10px;
- position: relative;
- user-select: none;
- }
+ .col-lg-push-1 {
+ left: 8.33333333%; }
- .navbar .menu-icon .navicon {
- background: #333;
- display: inline-flex;
- height: 2px;
- position: relative;
- transition: background .2s ease-out;
- width: 18px;
- }
+ .col-lg-push-0 {
+ left: auto; }
- .navbar .menu-icon .navicon:before,
- .navbar .menu-icon .navicon:after {
- background: #333;
- content: '';
- display: block;
- height: 100%;
- position: absolute;
- transition: all .2s ease-out;
- width: 100%;
- }
+ .col-lg-offset-12 {
+ margin-left: 100%; }
- .navbar .menu-icon .navicon:before {
- top: 5px;
- }
+ .col-lg-offset-11 {
+ margin-left: 91.66666667%; }
- .navbar .menu-icon .navicon:after {
- top: -5px;
- }
+ .col-lg-offset-10 {
+ margin-left: 83.33333333%; }
- /* menu btn */
+ .col-lg-offset-9 {
+ margin-left: 75%; }
- .navbar .menu-btn:checked ~ .navbar-menu {
- max-height: 240px;
- }
+ .col-lg-offset-8 {
+ margin-left: 66.66666667%; }
- .navbar .menu-btn:checked ~ .menu-icon .navicon {
- background: transparent;
- }
+ .col-lg-offset-7 {
+ margin-left: 58.33333333%; }
- .navbar .menu-btn:checked ~ .menu-icon .navicon:before {
- transform: rotate(-45deg);
- }
+ .col-lg-offset-6 {
+ margin-left: 50%; }
- .navbar .menu-btn:checked ~ .menu-icon .navicon:after {
- transform: rotate(45deg);
- }
+ .col-lg-offset-5 {
+ margin-left: 41.66666667%; }
- .navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
- .navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
- top: 0;
- }
+ .col-lg-offset-4 {
+ margin-left: 33.33333333%; }
- /****** my stuff ******/
- .navbar .navbar-menu {
- display: block;
- }
+ .col-lg-offset-3 {
+ margin-left: 25%; }
- .navbar .navbar__inner {
- display: block;
- }
+ .col-lg-offset-2 {
+ margin-left: 16.66666667%; }
- .navbar .navbar__inner .navbar__items--left {
- display: block;
- float: left;
- }
+ .col-lg-offset-1 {
+ margin-left: 8.33333333%; }
- .navbar .navbar__inner .navbar__items--right {
- display: block;
- }
+ .col-lg-offset-0 {
+ margin-left: 0; }
- .navbar__brand strong{
- font-family:var(--ifm-heading-font-family);
- font-size:1.5rem;
- font-weight:700;
- letter-spacing:.03rem
- }
+ /*****************************************************************************
+ ** Container section
+ *****************************************************************************/
- .navbar .navbar__link{
- font-weight:700
- }
+ .container {
+ width: 1150px;
+ }
}