From 04e593565d0f69ec54923fb66a167eecc48f6e50 Mon Sep 17 00:00:00 2001 From: Simone Bortolin Date: Fri, 5 Aug 2022 06:59:56 +0200 Subject: update theme update update update fix js fix js bug update update css and js fix update js update fix scss update style update style update style update style update and add some new template update update fix update alert update fix color fix color Create LICENCE Create README.md add privacy policy and homepage update fix link Create ont-D-LINK-DPN-100-Rev-C1.md Create ont-huawei-cm5671a.md Update ont-huawei-ma5671a.md Update ont-nokia-g-s010s-p.md Update ont-nokia-g-s010s-p.md Update ont-Sercomm-FGS202.md Update index.md update update tables update fix iframe add new tool for ascii-hex converter update things update figure css Update ont-D-LINK-DPN-100-Rev-C1.md fix css --- _sass/custom/custom.scss | 252 ++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 241 insertions(+), 11 deletions(-) (limited to '_sass/custom') diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss index fb31338..5ee5683 100644 --- a/_sass/custom/custom.scss +++ b/_sass/custom/custom.scss @@ -1,19 +1,249 @@ -.github-edit { - color: $nav-child-link-color; - - &:hover { - color: $link-color; +$purple-400: #2A1264 !default; +$blue-400: #122664 !default; +$green-400: #025341 !default; +$yellow-400: #AD8305 !default; +$red-400: #A62323 !default; + +.page-header { + + .github-edit { + color: $nav-child-link-color; + float: right; + + &:hover { + color: $link-color; + + svg { + fill: $link-color ; + } + } svg { - fill: $link-color ; + display: inline; + vertical-align: top; + width: 1.5 * $spacing-unit; + height: 1.5 * $spacing-unit; + fill: $nav-child-link-color; + } + } + + h1 { + margin-right: 3.5 * $spacing-unit; + } +} + + +.avatar { + border-radius: 50%; + width: 1.5 * $spacing-unit; + height: 1.5 * $spacing-unit; +} + + + +ul.metadata { + flex-wrap: wrap; + list-style: none; + display: flex; + margin: 0!important; + padding: 0.125rem 0 0!important; + >li{ + flex-basis: auto; + align-items: center; + list-style: none; + display: flex; + + &:not(:last-of-type):not(:only-of-type)::after { + content: "•"; + padding-left: 5px; + padding-right: 5px; + color: $grey-dk-000; + } + + &::before { + content: ""; + } + } +} + +[data-toogle] { + + cursor: pointer; +} + +.modal { + display: none; + position: fixed; + z-index: 100; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0,0,0,0.4); + + .modal-content { + border: $border $border-color; + position: relative; + background-color: $body-background-color; + width: min(500px, calc(100vw - 40px)); + padding: 0; + margin: 40px auto; + animation-name: animatetop; + animation-duration: 0.4s; + + + + + .modal-header { + padding: 2px $spacing-unit; + margin-left: 1.5 * $spacing-unit; + + h2, .close { + font-size: 1.5 * $spacing-unit !important; + margin-top: 1.5 * $spacing-unit; + margin-bottom: 1.5 * $spacing-unit; + line-height: 1; + } + h2 { + margin-right: 1.5 * $spacing-unit; + } + + .close { + color: $nav-child-link-color; + float: right; + font-weight: bold; + cursor: pointer; + + &:hover { + color: $link-color; + } + } + } + + div.modal-body {padding: 2px $spacing-unit;} + + .modal-footer { + padding: 2px $spacing-unit; + color: $body-text-color; + } + + ul.modal-body { + padding: 0; + margin: 0; + + >li{ + + padding: 10px; + margin: -1px; + border-width: 1px 1px 1px 3px; + border-style: solid; + border-color: $border-color; + + &:hover { + border-left-color: $link-color; + } + + &::before { + content: ''; + } + + + >a { + color: $body-text-color; + text-decoration: none; + border: 0; + background: none; + display: flex; + align-items: center; + + &:hover { + color: $link-color; + } + + img { + margin-right: 10px; + } + } + + } } } +} + +/* Add Animation */ +@keyframes animatetop { + from {top: -300px; opacity: 0} + to {top: 0; opacity: 1} +} + +.alert { + padding: $sp-3; + margin-bottom: $sp-3; + overflow: auto; + border: $border $border-color; + border-radius: $border-radius; + svg { - display: inline; - vertical-align: top; - width: 1.5rem; - height: 1.5rem; - fill: $nav-child-link-color; + height: $spacing-unit; + margin-right: 0.5 * $spacing-unit; + width: $spacing-unit; + } + + &.alert-warning { + background-color: $yellow-000; + color: $yellow-400; + border-color: $yellow-100; + svg { + fill: $yellow-400; + } + } + + &.alert-danger { + background-color: $red-000; + color: $red-400; + border-color: $red-100; + svg { + fill: $red-400; + } + } + + &.alert-info { + background-color: $blue-000; + color: $blue-400; + border-color: $blue-100; + svg { + fill: $blue-400; + } + } + + &.alert-success { + background-color: $green-000; + color: $green-400; + border-color: $green-100; + svg { + fill: $green-400; + } + } +} + +.btn-yellow { + @include btn-color($white, $yellow-100); +} + +figure { + border: $border $border-color; + border-radius: $border-radius; + display: table; + + figcaption { + background-color: $code-background-color; + padding: 8px; + } + img{ + vertical-align: middle; + border-top-left-radius: $border-radius; + border-top-right-radius: $border-radius; } } \ No newline at end of file -- cgit v1.2.3