mirror of
https://github.com/driftywinds/driftywinds.github.io.git
synced 2025-12-20 11:23:56 +00:00
Refactor
This commit is contained in:
@@ -1,3 +1,11 @@
|
||||
/*
|
||||
app.css
|
||||
altsource-viewer (https://github.com/therealFoxster/altsource-viewer)
|
||||
|
||||
Copyright (c) 2023 Foxster.
|
||||
MIT License.
|
||||
*/
|
||||
|
||||
a {
|
||||
color: var(--app-tint-color)
|
||||
}
|
||||
|
||||
@@ -1,3 +1,11 @@
|
||||
/*
|
||||
apps.css
|
||||
altsource-viewer (https://github.com/therealFoxster/altsource-viewer)
|
||||
|
||||
Copyright (c) 2023 Foxster.
|
||||
MIT License.
|
||||
*/
|
||||
|
||||
#main {
|
||||
padding-top: 7rem;
|
||||
}
|
||||
|
||||
@@ -1,3 +1,11 @@
|
||||
/*
|
||||
news.css
|
||||
altsource-viewer (https://github.com/therealFoxster/altsource-viewer)
|
||||
|
||||
Copyright (c) 2023 Foxster.
|
||||
MIT License.
|
||||
*/
|
||||
|
||||
#main {
|
||||
padding-top: 8rem;
|
||||
}
|
||||
|
||||
@@ -1,3 +1,11 @@
|
||||
/*
|
||||
search.css
|
||||
altsource-viewer (https://github.com/therealFoxster/altsource-viewer)
|
||||
|
||||
Copyright (c) 2023 Foxster.
|
||||
MIT License.
|
||||
*/
|
||||
|
||||
#main {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
@@ -1,3 +1,11 @@
|
||||
/*
|
||||
style.css
|
||||
altsource-viewer (https://github.com/therealFoxster/altsource-viewer)
|
||||
|
||||
Copyright (c) 2023 Foxster.
|
||||
MIT License.
|
||||
*/
|
||||
|
||||
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css");
|
||||
|
||||
:root {
|
||||
@@ -421,4 +429,76 @@ a>button {
|
||||
|
||||
.small.badge {
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
/* uibanner */
|
||||
|
||||
.uibanner .icon {
|
||||
max-width: 30px;
|
||||
border-radius: 7px;
|
||||
border: 0.75px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.uibanner {
|
||||
z-index: 5;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-bottom: 1px;
|
||||
border-bottom: 0.1px solid var(--color-separator);
|
||||
}
|
||||
|
||||
.uibanner {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.uibanner>.icon {
|
||||
margin-left: 14px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.uibanner>.content {
|
||||
min-height: 28px;
|
||||
width: 100%;
|
||||
margin-left: 8px;
|
||||
padding: 8px 16px 8px 0px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.uibanner>.content>.text-container>.title-text {
|
||||
padding-bottom: 0 !important;
|
||||
font-weight: 600;
|
||||
font-size: 12.95px !important;
|
||||
}
|
||||
|
||||
.uibanner>.content>.text-container>.detail-text {
|
||||
padding-top: 0 !important;
|
||||
font-size: 11px !important;
|
||||
font-weight: 400;
|
||||
line-height: 12px !important;
|
||||
opacity: 0.55;
|
||||
}
|
||||
|
||||
.uibanner>.content button {
|
||||
min-width: 68px !important;
|
||||
padding: 5px 13px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
border: none;
|
||||
border-radius: 20px;
|
||||
color: white;
|
||||
background-color: rgb(0, 122, 254);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.uibanner>.content a {
|
||||
margin-left: 6px;
|
||||
text-decoration: none;
|
||||
color: unset;
|
||||
font-weight: 600;
|
||||
|
||||
color: white;
|
||||
}
|
||||
@@ -1,69 +0,0 @@
|
||||
.uibanner .icon {
|
||||
max-width: 30px;
|
||||
border-radius: 7px;
|
||||
border: 0.75px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.uibanner {
|
||||
z-index: 5;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-bottom: 1px;
|
||||
border-bottom: 0.1px solid var(--color-separator);
|
||||
}
|
||||
|
||||
.uibanner {
|
||||
background: white;
|
||||
}
|
||||
|
||||
.uibanner>.icon {
|
||||
margin-left: 14px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.uibanner>.content {
|
||||
min-height: 28px;
|
||||
width: 100%;
|
||||
margin-left: 8px;
|
||||
padding: 8px 16px 8px 0px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.uibanner>.content>.text-container>.title-text {
|
||||
padding-bottom: 0 !important;
|
||||
font-weight: 600;
|
||||
font-size: 12.95px !important;
|
||||
}
|
||||
|
||||
.uibanner>.content>.text-container>.detail-text {
|
||||
padding-top: 0 !important;
|
||||
font-size: 11px !important;
|
||||
font-weight: 400;
|
||||
line-height: 12px !important;
|
||||
opacity: 0.55;
|
||||
}
|
||||
|
||||
.uibanner>.content button {
|
||||
min-width: 68px !important;
|
||||
padding: 5px 13px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
border: none;
|
||||
border-radius: 20px;
|
||||
color: white;
|
||||
background-color: rgb(0, 122, 254);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.uibanner>.content a {
|
||||
margin-left: 6px;
|
||||
text-decoration: none;
|
||||
color: unset;
|
||||
font-weight: 600;
|
||||
|
||||
color: white;
|
||||
}
|
||||
Reference in New Issue
Block a user