forked from grayjay-sources/grayjay-sources.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
30bfc3c
commit 50a5d80
Showing
2 changed files
with
372 additions
and
349 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,156 +1,179 @@ | ||
| .bd-placeholder-img { | ||
| font-size: 1.125rem; | ||
| text-anchor: middle; | ||
| -webkit-user-select: none; | ||
| -moz-user-select: none; | ||
| user-select: none; | ||
| } | ||
| @media (min-width: 768px) { | ||
| .bd-placeholder-img-lg { | ||
| font-size: 3.5rem; | ||
| } | ||
| } | ||
| .b-example-divider { | ||
| width: 100%; | ||
| height: 3rem; | ||
| background-color: rgba(0, 0, 0, .1); | ||
| border: solid rgba(0, 0, 0, .15); | ||
| border-width: 1px 0; | ||
| box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); | ||
| } | ||
| .b-example-vr { | ||
| flex-shrink: 0; | ||
| width: 1.5rem; | ||
| height: 100vh; | ||
| } | ||
| .bi { | ||
| vertical-align: -.125em; | ||
| fill: currentColor; | ||
| } | ||
| .nav-scroller { | ||
| position: relative; | ||
| z-index: 2; | ||
| height: 2.75rem; | ||
| overflow-y: hidden; | ||
| } | ||
| .nav-scroller .nav { | ||
| display: flex; | ||
| flex-wrap: nowrap; | ||
| padding-bottom: 1rem; | ||
| margin-top: -1px; | ||
| overflow-x: auto; | ||
| text-align: center; | ||
| white-space: nowrap; | ||
| -webkit-overflow-scrolling: touch; | ||
| } | ||
| .btn-bd-primary { | ||
| --bd-violet-bg: #712cf9; | ||
| --bd-violet-rgb: 112.520718, 44.062154, 249.437846; | ||
|
|
||
| --bs-btn-font-weight: 600; | ||
| --bs-btn-color: var(--bs-white); | ||
| --bs-btn-bg: var(--bd-violet-bg); | ||
| --bs-btn-border-color: var(--bd-violet-bg); | ||
| --bs-btn-hover-color: var(--bs-white); | ||
| --bs-btn-hover-bg: #6528e0; | ||
| --bs-btn-hover-border-color: #6528e0; | ||
| --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); | ||
| --bs-btn-active-color: var(--bs-btn-hover-color); | ||
| --bs-btn-active-bg: #5a23c8; | ||
| --bs-btn-active-border-color: #5a23c8; | ||
| } | ||
| .bd-mode-toggle { | ||
| z-index: 1500; | ||
| } | ||
| .bd-mode-toggle .dropdown-menu .active .bi { | ||
| display: block !important; | ||
| } | ||
|
|
||
| .btn-qr-primary { | ||
| border-radius: 50%; | ||
| background-color: black; | ||
| border-color: white; | ||
| font-weight: 600; | ||
| height: 50px; | ||
| width: 40px; | ||
| } | ||
| /* .fab-container { | ||
| z-index: 1500; | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: flex-end; | ||
| align-items: center; | ||
| user-select: none; | ||
| position: absolute; | ||
| bottom: 30px; | ||
| right: 30px; | ||
| } | ||
| .fab-container:hover { | ||
| height: 100%; | ||
| } | ||
| .fab-container:hover .sub-button:nth-child(2) { | ||
| transform: translateY(-80px); | ||
| } | ||
| .fab-container:hover .sub-button:nth-child(3) { | ||
| transform: translateY(-140px); | ||
| } | ||
| .fab-container:hover .sub-button:nth-child(4) { | ||
| transform: translateY(-200px); | ||
| } | ||
| .fab-container:hover .sub-button:nth-child(5) { | ||
| transform: translateY(-260px); | ||
| } | ||
| .fab-container:hover .sub-button:nth-child(6) { | ||
| transform: translateY(-320px); | ||
| } | ||
| .fab-container .fab { | ||
| position: relative; | ||
| height: 70px; | ||
| width: 70px; | ||
| background-color: #4ba2ff; | ||
| border-radius: 50%; | ||
| z-index: 2; | ||
| } | ||
| .fab-container .fab::before { | ||
| content: " "; | ||
| position: absolute; | ||
| bottom: 0; | ||
| right: 0; | ||
| height: 35px; | ||
| width: 35px; | ||
| background-color: inherit; | ||
| border-radius: 0 0 10px 0; | ||
| z-index: -1; | ||
| } | ||
| .fab-container .fab .fab-content { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| height: 100%; | ||
| width: 100%; | ||
| border-radius: 50%; | ||
| } | ||
| .fab-container .fab .fab-content .material-icons { | ||
| color: white; | ||
| font-size: 48px; | ||
| } | ||
| .fab-container .sub-button { | ||
| position: absolute; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| bottom: 10px; | ||
| right: 10px; | ||
| height: 50px; | ||
| width: 50px; | ||
| background-color: #4ba2ff; | ||
| border-radius: 50%; | ||
| transition: all 0.3s ease; | ||
| } | ||
| .fab-container .sub-button:hover { | ||
| cursor: pointer; | ||
| } | ||
| .fab-container .sub-button .material-icons { | ||
| color: white; | ||
| padding-top: 6px; | ||
| } */ | ||
| .bd-placeholder-img { | ||
| font-size: 1.125rem; | ||
| text-anchor: middle; | ||
| -webkit-user-select: none; | ||
| -moz-user-select: none; | ||
| user-select: none; | ||
| } | ||
| @media (min-width: 768px) { | ||
| .bd-placeholder-img-lg { | ||
| font-size: 3.5rem; | ||
| } | ||
| } | ||
| .b-example-divider { | ||
| width: 100%; | ||
| height: 3rem; | ||
| background-color: rgba(0, 0, 0, .1); | ||
| border: solid rgba(0, 0, 0, .15); | ||
| border-width: 1px 0; | ||
| box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); | ||
| } | ||
| .b-example-vr { | ||
| flex-shrink: 0; | ||
| width: 1.5rem; | ||
| height: 100vh; | ||
| } | ||
| .bi { | ||
| vertical-align: -.125em; | ||
| fill: currentColor; | ||
| } | ||
| .nav-scroller { | ||
| position: relative; | ||
| z-index: 2; | ||
| height: 2.75rem; | ||
| overflow-y: hidden; | ||
| } | ||
| .nav-scroller .nav { | ||
| display: flex; | ||
| flex-wrap: nowrap; | ||
| padding-bottom: 1rem; | ||
| margin-top: -1px; | ||
| overflow-x: auto; | ||
| text-align: center; | ||
| white-space: nowrap; | ||
| -webkit-overflow-scrolling: touch; | ||
| } | ||
| .btn-bd-primary { | ||
| --bd-violet-bg: #712cf9; | ||
| --bd-violet-rgb: 112.520718, 44.062154, 249.437846; | ||
|
|
||
| --bs-btn-font-weight: 600; | ||
| --bs-btn-color: var(--bs-white); | ||
| --bs-btn-bg: var(--bd-violet-bg); | ||
| --bs-btn-border-color: var(--bd-violet-bg); | ||
| --bs-btn-hover-color: var(--bs-white); | ||
| --bs-btn-hover-bg: #6528e0; | ||
| --bs-btn-hover-border-color: #6528e0; | ||
| --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); | ||
| --bs-btn-active-color: var(--bs-btn-hover-color); | ||
| --bs-btn-active-bg: #5a23c8; | ||
| --bs-btn-active-border-color: #5a23c8; | ||
| } | ||
| .bd-mode-toggle { | ||
| z-index: 1500; | ||
| } | ||
| .bd-mode-toggle .dropdown-menu .active .bi { | ||
| display: block !important; | ||
| } | ||
|
|
||
| .btn-qr-primary { | ||
| border-radius: 50%; | ||
| border-color: black; | ||
| font-weight: 600; | ||
| height: 50px; | ||
| width: 40px; | ||
| } | ||
|
|
||
| .btn-qr-primary:hover { | ||
| background-color: black; | ||
| color: white; | ||
| } | ||
|
|
||
| /* .fab-container { | ||
| z-index: 1500; | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: flex-end; | ||
| align-items: center; | ||
| user-select: none; | ||
| position: absolute; | ||
| bottom: 30px; | ||
| right: 30px; | ||
| } | ||
| .fab-container:hover { | ||
| height: 100%; | ||
| } | ||
| .fab-container:hover .sub-button:nth-child(2) { | ||
| transform: translateY(-80px); | ||
| } | ||
| .fab-container:hover .sub-button:nth-child(3) { | ||
| transform: translateY(-140px); | ||
| } | ||
| .fab-container:hover .sub-button:nth-child(4) { | ||
| transform: translateY(-200px); | ||
| } | ||
| .fab-container:hover .sub-button:nth-child(5) { | ||
| transform: translateY(-260px); | ||
| } | ||
| .fab-container:hover .sub-button:nth-child(6) { | ||
| transform: translateY(-320px); | ||
| } | ||
| .fab-container .fab { | ||
| position: relative; | ||
| height: 70px; | ||
| width: 70px; | ||
| background-color: #4ba2ff; | ||
| border-radius: 50%; | ||
| z-index: 2; | ||
| } | ||
| .fab-container .fab::before { | ||
| content: " "; | ||
| position: absolute; | ||
| bottom: 0; | ||
| right: 0; | ||
| height: 35px; | ||
| width: 35px; | ||
| background-color: inherit; | ||
| border-radius: 0 0 10px 0; | ||
| z-index: -1; | ||
| } | ||
| .fab-container .fab .fab-content { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| height: 100%; | ||
| width: 100%; | ||
| border-radius: 50%; | ||
| } | ||
| .fab-container .fab .fab-content .material-icons { | ||
| color: white; | ||
| font-size: 48px; | ||
| } | ||
| .fab-container .sub-button { | ||
| position: absolute; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| bottom: 10px; | ||
| right: 10px; | ||
| height: 50px; | ||
| width: 50px; | ||
| background-color: #4ba2ff; | ||
| border-radius: 50%; | ||
| transition: all 0.3s ease; | ||
| } | ||
| .fab-container .sub-button:hover { | ||
| cursor: pointer; | ||
| } | ||
| .fab-container .sub-button .material-icons { | ||
| color: white; | ||
| padding-top: 6px; | ||
| } */ | ||
|
|
||
|
|
||
| img.source-icon, img.source-qrcode { | ||
| max-height: 15em; | ||
| min-height: 15em; | ||
| min-width: 15em; | ||
| max-width: 15em; | ||
| margin-left: auto; | ||
| margin-right: auto; | ||
| padding: 2em; | ||
| } | ||
|
|
||
| .card-text { | ||
| max-height: 4em; | ||
| min-height: 4em; | ||
| text-overflow: ellipsis; | ||
| margin-bottom: 4em; | ||
| } |
Oops, something went wrong.