mirror of
https://github.com/Derpy-Leggies/OnlyLegs.git
synced 2025-06-29 11:36:16 +00:00
Correct font weights after font change
This commit is contained in:
parent
1f9f50d014
commit
359ab66a0a
11 changed files with 41 additions and 41 deletions
|
@ -8,6 +8,7 @@
|
||||||
padding: 0.1rem 0.3rem
|
padding: 0.1rem 0.3rem
|
||||||
|
|
||||||
text-decoration: none
|
text-decoration: none
|
||||||
|
font-weight: 500
|
||||||
|
|
||||||
background-color: RGB($fg-white)
|
background-color: RGB($fg-white)
|
||||||
color: RGB($fg-black)
|
color: RGB($fg-black)
|
||||||
|
@ -90,18 +91,18 @@
|
||||||
|
|
||||||
text-align: left
|
text-align: left
|
||||||
font-size: 6.9rem
|
font-size: 6.9rem
|
||||||
font-weight: 800
|
font-weight: 700
|
||||||
|
|
||||||
color: RGB($primary)
|
color: RGB($primary)
|
||||||
|
|
||||||
.banner-info
|
.banner-info
|
||||||
grid-area: info
|
grid-area: info
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 600
|
font-weight: 400
|
||||||
.banner-subtitle
|
.banner-subtitle
|
||||||
grid-area: subtitle
|
grid-area: subtitle
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 600
|
font-weight: 400
|
||||||
|
|
||||||
.pill-row
|
.pill-row
|
||||||
margin-top: auto
|
margin-top: auto
|
||||||
|
@ -142,14 +143,14 @@
|
||||||
text-overflow: ellipsis
|
text-overflow: ellipsis
|
||||||
overflow: hidden
|
overflow: hidden
|
||||||
text-align: left
|
text-align: left
|
||||||
font-weight: 800
|
font-weight: 700
|
||||||
font-size: 1.5rem
|
font-size: 1.5rem
|
||||||
|
|
||||||
color: RGB($primary)
|
color: RGB($primary)
|
||||||
|
|
||||||
.banner-info
|
.banner-info
|
||||||
font-size: 0.9rem
|
font-size: 0.9rem
|
||||||
font-weight: 600
|
font-weight: 400
|
||||||
|
|
||||||
.pill-row
|
.pill-row
|
||||||
margin-left: auto
|
margin-left: auto
|
||||||
|
@ -173,7 +174,7 @@
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
justify-content: center
|
justify-content: center
|
||||||
align-items: center
|
align-items: center
|
||||||
gap: 0.25rem
|
gap: 1rem
|
||||||
|
|
||||||
.banner-header
|
.banner-header
|
||||||
text-align: center
|
text-align: center
|
||||||
|
@ -187,7 +188,7 @@
|
||||||
display: none
|
display: none
|
||||||
|
|
||||||
.pill-row
|
.pill-row
|
||||||
margin-top: 1rem
|
margin-top: 0rem
|
||||||
|
|
||||||
.banner-small
|
.banner-small
|
||||||
.banner-content
|
.banner-content
|
||||||
|
|
|
@ -9,10 +9,10 @@
|
||||||
outline: 2px solid RGBA($color, 0.3)
|
outline: 2px solid RGBA($color, 0.3)
|
||||||
|
|
||||||
.btn-block
|
.btn-block
|
||||||
padding: 0.5rem 1rem
|
padding: 0.4rem 0.7rem
|
||||||
|
|
||||||
width: auto
|
width: auto
|
||||||
min-height: 2.5rem
|
min-height: 2.3rem
|
||||||
|
|
||||||
display: flex
|
display: flex
|
||||||
justify-content: center
|
justify-content: center
|
||||||
|
@ -22,7 +22,7 @@
|
||||||
position: relative
|
position: relative
|
||||||
|
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 600
|
font-weight: 400
|
||||||
text-align: center
|
text-align: center
|
||||||
|
|
||||||
background-color: transparent
|
background-color: transparent
|
||||||
|
@ -68,16 +68,16 @@
|
||||||
|
|
||||||
label
|
label
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 600
|
font-weight: 400
|
||||||
text-align: left
|
text-align: left
|
||||||
|
|
||||||
color: RGB($fg-white)
|
color: RGB($fg-white)
|
||||||
|
|
||||||
.input-block
|
.input-block
|
||||||
padding: 0.5rem 1rem
|
padding: 0.4rem 0.7rem
|
||||||
|
|
||||||
width: auto
|
width: auto
|
||||||
min-height: 2.5rem
|
min-height: 2.3rem
|
||||||
|
|
||||||
display: flex
|
display: flex
|
||||||
justify-content: flex-start
|
justify-content: flex-start
|
||||||
|
@ -86,7 +86,7 @@
|
||||||
position: relative
|
position: relative
|
||||||
|
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 600
|
font-weight: 400
|
||||||
text-align: left
|
text-align: left
|
||||||
|
|
||||||
background-color: RGBA($white, 0.1)
|
background-color: RGBA($white, 0.1)
|
||||||
|
@ -116,7 +116,7 @@
|
||||||
padding: 1rem 1.25rem
|
padding: 1rem 1.25rem
|
||||||
|
|
||||||
width: 100%
|
width: 100%
|
||||||
min-height: 2.5rem
|
min-height: 2.3rem
|
||||||
|
|
||||||
display: flex
|
display: flex
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
|
@ -127,7 +127,7 @@
|
||||||
position: relative
|
position: relative
|
||||||
|
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 600
|
font-weight: 400
|
||||||
text-align: center
|
text-align: center
|
||||||
|
|
||||||
background-color: RGBA($white, 0.1)
|
background-color: RGBA($white, 0.1)
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
|
|
||||||
display: flex
|
display: flex
|
||||||
|
|
||||||
background-color: RGB($bg-100)
|
background-color: RGB($bg-200)
|
||||||
border-radius: $rad
|
border-radius: $rad
|
||||||
|
|
||||||
.pill-text
|
.pill-text
|
||||||
|
@ -34,7 +34,7 @@
|
||||||
|
|
||||||
text-align: center
|
text-align: center
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 500
|
font-weight: 400
|
||||||
|
|
||||||
color: RGB($fg-white)
|
color: RGB($fg-white)
|
||||||
|
|
||||||
|
|
|
@ -70,8 +70,8 @@
|
||||||
top: 0
|
top: 0
|
||||||
|
|
||||||
font-size: 1.5rem
|
font-size: 1.5rem
|
||||||
font-weight: 800
|
font-weight: 700
|
||||||
text-align: center
|
text-align: left
|
||||||
|
|
||||||
color: RGB($fg-white)
|
color: RGB($fg-white)
|
||||||
|
|
||||||
|
@ -81,8 +81,8 @@
|
||||||
width: 100%
|
width: 100%
|
||||||
|
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 500
|
font-weight: 400
|
||||||
text-align: center
|
text-align: left
|
||||||
|
|
||||||
color: RGB($fg-white)
|
color: RGB($fg-white)
|
||||||
|
|
||||||
|
@ -96,7 +96,6 @@
|
||||||
a, .link
|
a, .link
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 500
|
font-weight: 500
|
||||||
text-align: center
|
|
||||||
line-height: 1
|
line-height: 1
|
||||||
|
|
||||||
color: RGB($primary)
|
color: RGB($primary)
|
||||||
|
|
|
@ -213,7 +213,7 @@
|
||||||
height: 95%
|
height: 95%
|
||||||
|
|
||||||
left: 0
|
left: 0
|
||||||
bottom: calc(-100vh + 3.5rem)
|
bottom: -100vh
|
||||||
|
|
||||||
border-radius: $rad $rad 0 0
|
border-radius: $rad $rad 0 0
|
||||||
|
|
||||||
|
|
|
@ -59,11 +59,11 @@
|
||||||
|
|
||||||
.image-title
|
.image-title
|
||||||
font-size: 0.9rem
|
font-size: 0.9rem
|
||||||
font-weight: 800
|
font-weight: 700
|
||||||
|
|
||||||
.image-subtitle
|
.image-subtitle
|
||||||
font-size: 0.8rem
|
font-size: 0.8rem
|
||||||
font-weight: 600
|
font-weight: 400
|
||||||
|
|
||||||
img
|
img
|
||||||
width: 100%
|
width: 100%
|
||||||
|
@ -143,11 +143,11 @@
|
||||||
|
|
||||||
.image-title
|
.image-title
|
||||||
font-size: 0.9rem
|
font-size: 0.9rem
|
||||||
font-weight: 800
|
font-weight: 700
|
||||||
|
|
||||||
.image-subtitle
|
.image-subtitle
|
||||||
font-size: 0.8rem
|
font-size: 0.8rem
|
||||||
font-weight: 600
|
font-weight: 400
|
||||||
|
|
||||||
.images
|
.images
|
||||||
margin: 0
|
margin: 0
|
||||||
|
|
|
@ -94,7 +94,7 @@
|
||||||
padding: 0
|
padding: 0
|
||||||
|
|
||||||
font-size: 1.1rem
|
font-size: 1.1rem
|
||||||
font-weight: 600
|
font-weight: 500
|
||||||
|
|
||||||
color: RGB($primary)
|
color: RGB($primary)
|
||||||
|
|
||||||
|
@ -118,7 +118,7 @@
|
||||||
padding: 0
|
padding: 0
|
||||||
|
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 500
|
font-weight: 400
|
||||||
|
|
||||||
text-overflow: ellipsis
|
text-overflow: ellipsis
|
||||||
overflow: hidden
|
overflow: hidden
|
||||||
|
@ -171,7 +171,7 @@
|
||||||
white-space: nowrap
|
white-space: nowrap
|
||||||
|
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 500
|
font-weight: 400
|
||||||
td:last-child
|
td:last-child
|
||||||
padding: 0
|
padding: 0
|
||||||
|
|
||||||
|
@ -183,7 +183,7 @@
|
||||||
white-space: nowrap
|
white-space: nowrap
|
||||||
|
|
||||||
font-size: 1rem
|
font-size: 1rem
|
||||||
font-weight: 500
|
font-weight: 400
|
||||||
|
|
||||||
td.empty-table
|
td.empty-table
|
||||||
opacity: 0.3
|
opacity: 0.3
|
||||||
|
|
|
@ -68,7 +68,7 @@
|
||||||
|
|
||||||
.tool-tip
|
.tool-tip
|
||||||
margin: 0
|
margin: 0
|
||||||
padding: 0.35rem 0.7rem
|
padding: 0.4rem 0.7rem
|
||||||
|
|
||||||
display: block
|
display: block
|
||||||
|
|
||||||
|
@ -78,9 +78,9 @@
|
||||||
transform: translateY(-50%)
|
transform: translateY(-50%)
|
||||||
|
|
||||||
font-size: 0.9rem
|
font-size: 0.9rem
|
||||||
font-weight: 700
|
font-weight: 500
|
||||||
|
|
||||||
background-color: #000000
|
background-color: RGB($bg-100)
|
||||||
color: RGB($fg-white)
|
color: RGB($fg-white)
|
||||||
opacity: 0
|
opacity: 0
|
||||||
border-radius: $rad-inner
|
border-radius: $rad-inner
|
||||||
|
@ -103,7 +103,7 @@
|
||||||
left: -0.45rem
|
left: -0.45rem
|
||||||
transform: translateY(-50%)
|
transform: translateY(-50%)
|
||||||
|
|
||||||
color: #000000
|
color: RGB($bg-100)
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
> svg
|
> svg
|
||||||
|
|
|
@ -199,7 +199,7 @@
|
||||||
}
|
}
|
||||||
@media (max-width: 800px) {
|
@media (max-width: 800px) {
|
||||||
.banner-filter {
|
.banner-filter {
|
||||||
background: linear-gradient(180deg, rgba({{ images.0.colours.0.0 }}, {{ images.0.colours.0.1 }}, {{ images.0.colours.0.2 }}, 0.8),
|
background: linear-gradient(180deg, rgba({{ images.0.colours.0.0 }}, {{ images.0.colours.0.1 }}, {{ images.0.colours.0.2 }}, 1),
|
||||||
rgba({{ images.0.colours.1.0 }}, {{ images.0.colours.1.1 }}, {{ images.0.colours.1.2 }}, 0.5)) !important;
|
rgba({{ images.0.colours.1.0 }}, {{ images.0.colours.1.1 }}, {{ images.0.colours.1.2 }}, 0.5)) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -223,9 +223,9 @@
|
||||||
<img src="{{ url_for('api.file', file_name=images.0.filename ) }}?r=prev" onload="imgFade(this)" style="opacity:0;" alt="{% if images.0.alt %}{{ images.0.alt }}{% else %}Group Banner{% endif %}"/>
|
<img src="{{ url_for('api.file', file_name=images.0.filename ) }}?r=prev" onload="imgFade(this)" style="opacity:0;" alt="{% if images.0.alt %}{{ images.0.alt }}{% else %}Group Banner{% endif %}"/>
|
||||||
<span class="banner-filter"></span>
|
<span class="banner-filter"></span>
|
||||||
<div class="banner-content">
|
<div class="banner-content">
|
||||||
<p class="banner-info"><a href="{{ url_for('profile.profile', id=group.author_id) }}" class="link">{{ group.author_username }}</a> · {{ images|length }} Images</p>
|
<p class="banner-info"><a href="{{ url_for('profile.profile', id=group.author_id) }}" class="link">By {{ group.author_username }}</a></p>
|
||||||
<h1 class="banner-header">{{ group.name }}</h1>
|
<h1 class="banner-header">{{ group.name }}</h1>
|
||||||
<p class="banner-subtitle">{{ group.description }}</p>
|
<p class="banner-subtitle">{{ images|length }} Images · {{ group.description }}</p>
|
||||||
<div class="pill-row">
|
<div class="pill-row">
|
||||||
<div>
|
<div>
|
||||||
<button class="pill-item" onclick="groupShare()">
|
<button class="pill-item" onclick="groupShare()">
|
||||||
|
|
|
@ -115,7 +115,7 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div>
|
<div>
|
||||||
<button class="pill-item" onclick="fullscreen()" id="fullscreenImage">
|
<button class="pill-item" onclick="fullscreen()" id="fullscreenImage">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M216,48V96a8,8,0,0,1-16,0V67.31l-50.34,50.35a8,8,0,0,1-11.32-11.32L188.69,56H160a8,8,0,0,1,0-16h48A8,8,0,0,1,216,48ZM106.34,138.34,56,188.69V160a8,8,0,0,0-16,0v48a8,8,0,0,0,8,8H96a8,8,0,0,0,0-16H67.31l50.35-50.34a8,8,0,0,0-11.32-11.32Z"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"></path></svg>
|
||||||
</button>
|
</button>
|
||||||
<button class="pill-item" onclick="imageShare()">
|
<button class="pill-item" onclick="imageShare()">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M216,112v96a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V112A16,16,0,0,1,56,96H80a8,8,0,0,1,0,16H56v96H200V112H176a8,8,0,0,1,0-16h24A16,16,0,0,1,216,112ZM93.66,69.66,120,43.31V136a8,8,0,0,0,16,0V43.31l26.34,26.35a8,8,0,0,0,11.32-11.32l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,93.66,69.66Z"></path></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M216,112v96a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V112A16,16,0,0,1,56,96H80a8,8,0,0,1,0,16H56v96H200V112H176a8,8,0,0,1,0-16h24A16,16,0,0,1,216,112ZM93.66,69.66,120,43.31V136a8,8,0,0,0,16,0V43.31l26.34,26.35a8,8,0,0,0,11.32-11.32l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,93.66,69.66Z"></path></svg>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue