Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2025-12-18 13:38:25 +03:00
Code Issues Packages Projects Releases Wiki Activity

Set options and help page to use html5

Browse Source 
- Fix css when using html5
- Add encoding scheme to html
- Remove font-size change on title on hover. It's jarring
seeing the whole page move when trying to move your mouse
to the options.
- Remove center tags
- Remove unnecessary styles
- Fix some minor grammar
This commit is contained in:
Jeremy Plsek
2020-01-15 20:30:07 -05:00
parent 6f2a09695b
commit f99a3f5088
6 changed files with 64 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
options/options.css
View File

@@ -1,6 +1,6 @@
/* Options page CSS */
body {
font-family: Sans-Serif;
font-family: sans-serif;
}
.center {
@@ -25,12 +25,12 @@ body {
.small-description {
color: white;
font-size: 13;
font-size: 13px;
}
.medium-description {
color: white;
font-size: 15;
font-size: 15px;
}
.option-text-box {
@@ -151,24 +151,24 @@ body {
.projectPreviewImage {
position: absolute;
left: -90;
width: 80;
left: -90px;
width: 80px;
top: 50%;
transform: translateY(-50%);
}
.projectPreviewImageLarge {
position: absolute;
left: -210;
width: 200;
left: -210px;
width: 200px;
top: 50%;
transform: translateY(-20%);
}
.projectPreviewImageLargeRight {
position: absolute;
right: -210;
width: 200;
right: -210px;
width: 200px;
top: 50%;
transform: translateY(-50%);
}
@@ -188,37 +188,27 @@ body {
text-align: center;
vertical-align: middle;
font-family: sans-serif;
font-size: 50;
font-size: 50px;
color: #212121;
/* height: 100; */
padding: 20;
padding: 20px;
text-decoration: none;
transition: font-size 1s;
}
#title:hover {
font-size: 60;
transition: font-size 1s;
}
.subtitle {
font-family: sans-serif;
font-size: 40;
font-size: 40px;
color: #dad8d8;
padding-top: 10;
padding-top: 10px;
transition: font-size 0.4s;
}
.subtitle:hover {
font-size: 45;
font-size: 45px;
transition: font-size 0.4s;
}
@@ -240,7 +230,7 @@ a {
}
.link {
padding: 20;
padding: 20px;
height: 80px;
@@ -254,13 +244,12 @@ a {
}
#contact,.smalllink {
font-family: sans-serif;
font-size: 25;
font-size: 25px;
color: #e8e8e8;
text-align: center;
padding: 10;
padding: 10px;
}
#contact {
@@ -268,11 +257,10 @@ a {
}
p,li {
font-family: sans-serif;
font-size: 20;
font-size: 20px;
color: #c4c4c4;
padding: 10;
padding: 10px;
}
p,li,code,a {
@@ -288,7 +276,7 @@ p,li,code,a {
.projectPreviewImage {
position: unset;
width: 130;
width: 130px;
display: block;
margin: auto;
transform: none;
@@ -306,19 +294,16 @@ img {
}
#recentPostTitle {
font-family: sans-serif;
font-size: 30;
font-size: 30px;
color: #dad8d8;
}
#recentPostDate {
font-family: sans-serif;
font-size: 15;
font-size: 15px;
color: #dad8d8;
}
h1,h2,h3,h4,h5,h6 {
font-family: sans-serif;
color: #dad8d8;
}

3
options/options.html
View File

@@ -1,5 +1,8 @@
<!DOCTYPE html>
<head>
<title>Options - SponsorBlock</title>
<meta charset="utf-8">
<link href="options.css" rel="stylesheet"/>