unixaxwell/jellyfin-plugin-skin-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change font selector css

Browse Source
This commit is contained in:
Mister Rajoy
2021-01-11 01:32:12 +01:00
parent 5e3fd1e444
commit 90ac04ca02
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
Jellyfin.Plugin.SkinManager/Configuration/configurationpage.html
View File

@@ -754,6 +754,8 @@
legend { legend {
font-size: 135%; font-size: 135%;
} }
</style> </style>
<style> <style>
.tooltip { .tooltip {
@@ -789,6 +791,7 @@
} }
</style> </style>
<style> <style>
.font-select * { .font-select * {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
@@ -799,6 +802,7 @@
width: 240px; width: 240px;
position: relative; position: relative;
display: inline-block; display: inline-block;
border-color: red;
} }
.font-select .fs-drop { .font-select .fs-drop {
@@ -806,13 +810,14 @@
top: 38px; top: 38px;
left: 0; left: 0;
z-index: 999; z-index: 999;
background: #fff; background: #292929;
color: #000; color: #fff;
width: 100%; width: 100%;
border: 1px solid #aaa; border: 1px solid #aaa;
border-top: 0; border-top: 0;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
} }
.font-select > span { .font-select > span {
@@ -826,8 +831,8 @@
height: 38px; height: 38px;
line-height: 32px; line-height: 32px;
padding: 3px 8px 3px 8px; padding: 3px 8px 3px 8px;
color: #444; color: #fff;
background: #fff background: #292929
url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23303030' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23303030' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
no-repeat right 0.75rem center/8px 10px; no-repeat right 0.75rem center/8px 10px;
-webkit-user-select: none; -webkit-user-select: none;
@@ -837,7 +842,7 @@
} }
.font-select-active > span { .font-select-active > span {
background-color: #eee; background-color: #292929;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
@@ -868,6 +873,7 @@
.font-select .fs-search { .font-select .fs-search {
border-bottom: 1px solid #aaa; border-bottom: 1px solid #aaa;
padding: 4px; padding: 4px;
background: #292929;
} }
.font-select .fs-search input { .font-select .fs-search input {
@@ -877,6 +883,8 @@
font: 16px Helvetica, Sans-serif; font: 16px Helvetica, Sans-serif;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
border-radius: 0.1875rem; border-radius: 0.1875rem;
background: #292929;
color: #fff
} }
</style> </style>