mirror of
https://github.com/ajayyy/SponsorBlock.git
synced 2025-12-10 13:37:04 +03:00
Fix up vote button CSS
This commit is contained in:
@@ -9,7 +9,7 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
transform: scaleY(0.6) translateY(-30%) translateY(1.5px);
|
transform: scaleY(0.6) translateY(-30%) translateY(1.5px);
|
||||||
z-index: 40;
|
z-index: 40;
|
||||||
@@ -108,7 +108,7 @@
|
|||||||
|
|
||||||
.sponsorSkipObject {
|
.sponsorSkipObject {
|
||||||
font-family: Roboto, Arial, Helvetica, sans-serif;
|
font-family: Roboto, Arial, Helvetica, sans-serif;
|
||||||
|
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
}
|
}
|
||||||
@@ -253,7 +253,7 @@
|
|||||||
.sponsorSkipNoticeButton:hover {
|
.sponsorSkipNoticeButton:hover {
|
||||||
background-color: rgba(235, 235, 235,0.2);
|
background-color: rgba(235, 235, 235,0.2);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
transition: background-color 0.4s;
|
transition: background-color 0.4s;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -288,7 +288,7 @@
|
|||||||
height: 10px;
|
height: 10px;
|
||||||
width: 10px;
|
width: 10px;
|
||||||
box-sizing: unset;
|
box-sizing: unset;
|
||||||
|
|
||||||
padding: 2px 5px;
|
padding: 2px 5px;
|
||||||
|
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
@@ -303,7 +303,7 @@
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: rgb(235, 235, 235);
|
color: rgb(235, 235, 235);
|
||||||
|
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
@@ -343,15 +343,6 @@
|
|||||||
color: rgb(235, 235, 235);
|
color: rgb(235, 235, 235);
|
||||||
}
|
}
|
||||||
|
|
||||||
.voteButton {
|
|
||||||
height: 24px;
|
|
||||||
width: 24px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.voteButton:hover {
|
|
||||||
filter: brightness(80%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.segmentSummary {
|
.segmentSummary {
|
||||||
outline: none !important;
|
outline: none !important;
|
||||||
}
|
}
|
||||||
@@ -369,7 +360,7 @@
|
|||||||
padding:4px 15px;
|
padding:4px 15px;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
text-shadow:0px 0px 0px #662727;
|
text-shadow:0px 0px 0px #662727;
|
||||||
|
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
@@ -405,7 +396,7 @@
|
|||||||
padding:4px 15px;
|
padding:4px 15px;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
text-shadow:0px 0px 0px #662727;
|
text-shadow:0px 0px 0px #662727;
|
||||||
|
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
}
|
}
|
||||||
@@ -467,7 +458,7 @@
|
|||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
|
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -516,14 +507,14 @@ input::-webkit-inner-spin-button {
|
|||||||
height: 25px;
|
height: 25px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
.helpButton:hover {
|
.helpButton:hover {
|
||||||
filter: brightness(80%);
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sbChatNotice iframe {
|
.sbChatNotice iframe {
|
||||||
@@ -646,7 +637,7 @@ input::-webkit-inner-spin-button {
|
|||||||
height: 10px;
|
height: 10px;
|
||||||
width: 10px;
|
width: 10px;
|
||||||
box-sizing: unset;
|
box-sizing: unset;
|
||||||
|
|
||||||
margin: 0px 0px 0px 5px;
|
margin: 0px 0px 0px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -658,4 +649,4 @@ input::-webkit-inner-spin-button {
|
|||||||
#sponsorBlockDurationAfterSkips.ytm-time-display {
|
#sponsorBlockDurationAfterSkips.ytm-time-display {
|
||||||
padding-left: 4px;
|
padding-left: 4px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -190,6 +190,10 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.voteButton:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* "Voted!" text that appears after voting on a segment
|
* "Voted!" text that appears after voting on a segment
|
||||||
*/
|
*/
|
||||||
|
|||||||
Reference in New Issue
Block a user