Removed use of center tag.

This commit is contained in:
Ajay Ramachandran
2019-12-30 14:44:03 -05:00
parent fcb6ed7676
commit b3361a473c
3 changed files with 38 additions and 35 deletions

View File

@@ -3,6 +3,10 @@ body {
font-family: Sans-Serif;
}
.center {
text-align: center;
}
.hidden {
display: none;
}
@@ -42,6 +46,7 @@ body {
#options {
max-width: 60%;
text-align: left;
display: inline-block;
}
.switch-container:after {

View File

@@ -14,14 +14,13 @@
SponsorBlock
</div>
<center>
<div class="center">
<p class="createdBy">__MSG_createdBy__ <a href="https://ajay.app">Ajay Ramachandran</a> <img src="../icons/newprofilepic.jpg" height="30" class="profilepiccircle"/></p>
<h1>__MSG_Options__</h1>
<div id="options" style="display: none">
<div id="options" class="hidden">
<div option-type="toggle" toggle-type="reverse" sync-option="disableAutoSkip">
<label class="switch-container" label-name="__MSG_autoSkip__">
<label class="switch">
@@ -29,16 +28,16 @@
<span class="slider round"></span>
</label>
</label>
<br/>
<br/>
<div class="small-description">__MSG_autoSkipDescription__</div>
</div>
<br/>
<br/>
<div option-type="toggle" toggle-type="reverse" sync-option="hideVideoPlayerControls">
<label class="switch-container" label-name="__MSG_showButtons__">
<label class="switch">
@@ -46,16 +45,16 @@
<span class="slider round"></span>
</label>
</label>
<br/>
<br/>
<div class="small-description">__MSG_hideButtonsDescription__</div>
</div>
<br/>
<br/>
<div option-type="toggle" toggle-type="reverse" sync-option="hideInfoButtonPlayerControls">
<label class="switch-container" label-name="__MSG_showInfoButton__">
<label class="switch">
@@ -63,16 +62,16 @@
<span class="slider round"></span>
</label>
</label>
<br/>
<br/>
<div class="small-description">__MSG_whatInfoButton__</div>
</div>
<br/>
<br/>
<div option-type="toggle" toggle-type="reverse" sync-option="hideDeleteButtonPlayerControls">
<label class="switch-container" label-name="__MSG_showDeleteButton__">
<label class="switch">
@@ -80,16 +79,16 @@
<span class="slider round"></span>
</label>
</label>
<br/>
<br/>
<div class="small-description">__MSG_whatDeleteButton__</div>
</div>
<br/>
<br/>
<div option-type="toggle" sync-option="trackViewCount">
<label class="switch-container" label-name="__MSG_enableViewTracking__">
<label class="switch">
@@ -97,30 +96,30 @@
<span class="slider round"></span>
</label>
</label>
<br/>
<br/>
<div class="small-description">__MSG_whatViewTracking__</div>
</div>
<br/>
<br/>
<div option-type="text-change" sync-option="userID">
<div class="option-button text-change-trigger">
__MSG_changeUserID__
</div>
<br/>
<div class="small-description">__MSG_whatChangeUserID__</div>
<div class="option-hidden-hidden hidden">
<br/>
<input class="option-text-box" type="text">
<br/>
<br/>
@@ -129,10 +128,10 @@
</div>
</div>
</div>
<br/>
<br/>
<div option-type="toggle" toggle-type="reverse" sync-option="dontShowNotice">
<label class="switch-container" label-name="__MSG_showSkipNotice__">
<label class="switch">
@@ -143,7 +142,6 @@
</div>
</div>
</center>
</div>
</body>

View File

@@ -46,7 +46,7 @@ async function init() {
await wait(() => checksLeft == 0, 1000, 50);
optionsContainer.style.display = "inherit";
optionsContainer.classList.remove("hidden");
optionsContainer.classList.add("animated");
}