Skip to content

Instantly share code, notes, and snippets.

@ZenithRogue

ZenithRogue/resurge.html

Last active April 23, 2018 14:56
Show Gist options
  • Save ZenithRogue/505efc815ff653ff6e9c6a736767db96 to your computer and use it in GitHub Desktop.
Save ZenithRogue/505efc815ff653ff6e9c6a736767db96 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
resurge.html
<div id="brdheader" class="box">
<div class="box-head" style="padding: 10px 0px 0px 7px !important;">
<h2>Resurgence Userscript</h2>
</div>
<div id="brdmenu" class="box-content">
<div class="box-head">
<h4>Countdown until Thanksgiving</h4>
<label class="switch">
<input type="checkbox" id="timerIO">
<span class="slider round"></span>
</label>
</div>
<div class="box-head">
<h4>Messages on Frontpage</h4>
<label class="switch">
<input type="checkbox" id="msgIO">
<span class="slider round"></span>
</label>
</div>
<div class="box-head">
<h4>Extras</h4>
<label class="switch">
<input type="checkbox" id="extrasIO">
<span class="slider round"></span>
</label>
</div>
<div class="box-head">
<h4>ScratchBlock code on click</h4>
<label class="switch">
<input type="checkbox" id="blocksIO">
<span class="slider round"></span>
</label>
</div>
<div class="box-head">
<h4>Featured projects embedded on user profiles</h4>
<label class="switch">
<input type="checkbox" id="embedIO">
<span class="slider round"></span>
</label>
</div>
<div class="box-head">
<h4>Disable banners on frontpage</h4>
<label class="switch">
<input type="checkbox" id="bannerIO">
<span class="slider round"></span>
</label>
</div>
<div class="box-head">
<h4>Default Theme</h4>
<select id="themeIO">
<option value="light">Default</option>
<option value="dark">Dark</option>
<option value="newLight">New Light</option>
</select>
</div>
<div class="box-head">
<h4>Default Player</h4>
<select id="playerIO">
<option value="D">Default</option>
<option value="P">Phosphorus</option>
<option value="S">Sulfurous</option>
<option value="S3">Scratch 3</option>
</select>
</div>
<div class="box-head">
<h4>Forum Title</h4>
<input type="text" id="disText" value="Forums" style="margin-left: 0.5cm;"></input>
</div>
<div class="box-head">
<h4>Navbar Color</h4>
<input type="text" id="navBarColor" value="#0F8BC0" style="margin-left: 0.5cm;"></input>
</div>
</div>
</div>
<style>
#brdmenu {
text-align: left;
padding-left: 6px;
padding-right: 0px;
}
#playerIO {
margin-left: 20px;
}
.box-head h4 {
display: inline-block !important;
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
left: 10px;
width: 30px;
height: 17px;
}
/* Hide default HTML checkbox */
.switch input {display:none;}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 34px;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 12px;
width: 12px;
left: 4px;
bottom: 3px;
border-radius: 50%;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(12px);
-ms-transform: translateX(12px);
transform: translateX(12px);
}
#brdheader {
width: 100%;
max-width: 938px;
}
div #brdheader .box {
/* Font & Text */
font-family: "helvetica neue", arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
text-decoration: none solid rgb(50, 47, 49);
text-align: left;
text-indent: 0px;
text-transform: none;
vertical-align: baseline;
white-space: normal;
word-spacing: 0px;
/* Color & Background */
background-attachment: scroll;
background-color: rgb(247, 247, 247);
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
color: rgb(50, 47, 49);
/* Box */
height: 69px;
width: 938px;
border: 1px solid rgb(224, 224, 224);
border-top: 1px solid rgb(224, 224, 224);
border-right: 1px solid rgb(224, 224, 224);
border-bottom: 1px solid rgb(224, 224, 224);
border-left: 1px solid rgb(224, 224, 224);
margin: 0px 0px 20px;
padding: 0px;
max-height: none;
min-height: 0px;
max-width: none;
min-width: 0px;
/* Positioning */
position: static;
top: auto;
bottom: auto;
right: auto;
left: auto;
float: none;
display: block;
clear: none;
z-index: auto;
/* List */
list-style-image: none;
list-style-type: disc;
list-style-position: outside;
/* Table */
border-collapse: separate;
border-spacing: 0px 0px;
caption-side: top;
empty-cells: show;
table-layout: auto;
/* Miscellaneous */
overflow: hidden;
cursor: auto;
visibility: visible;
/* Effects */
transform: none;
transition: all 0s ease 0s;
outline: rgb(255, 0, 0) dashed 1px;
outline-offset: 0px;
box-sizing: content-box;
resize: none;
text-overflow: clip;
word-wrap: normal;
box-shadow: rgba(34, 25, 25, 0.3) 0px 2px 3px 0px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
div #brdmenu .box-head {
/* Font & Text */
font-family: "helvetica neue", arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 20.0005px;
text-decoration: none solid rgb(50, 47, 49);
text-align: start;
text-indent: 0px;
text-transform: none;
vertical-align: baseline;
white-space: normal;
word-spacing: 0px;
/* Color & Background */
background-attachment: scroll;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
color: rgb(50, 47, 49);
/* Positioning */
position: relative;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
float: none;
display: block;
clear: none;
z-index: auto;
padding: 0px !important;
/* List */
list-style-image: none;
list-style-type: disc;
list-style-position: outside;
/* Table */
border-collapse: separate;
border-spacing: 0px 0px;
caption-side: top;
empty-cells: show;
table-layout: auto;
/* Miscellaneous */
overflow: hidden;
cursor: auto;
visibility: visible;
/* Effects */
transform: none;
transition: all 0s ease 0s;
outline-offset: 0px;
box-sizing: content-box;
resize: none;
text-overflow: clip;
word-wrap: normal;
box-shadow: none;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
div #brdmenu .box-content {
/* Font & Text */
font-family: "helvetica neue", arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
text-decoration: none solid rgb(50, 47, 49);
text-align: left;
text-indent: 0px;
text-transform: none;
vertical-align: baseline;
white-space: normal;
word-spacing: 0px;
/* Color & Background */
background-attachment: scroll;
background-color: rgb(255, 255, 255);
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
color: rgb(50, 47, 49);
/* Box */
height: 16px;
width: 100%;
border-top: 1px solid rgb(224, 224, 224);
border-right: 0px none rgb(50, 47, 49);
border-bottom: 0px none rgb(50, 47, 49);
border-left: 0px none rgb(50, 47, 49);
margin: 0px;
padding-top: 6px;
padding-left: 6px;
max-height: none;
min-height: 0px;
/* Positioning */
position: relative;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
float: none;
display: block;
clear: none;
z-index: auto;
/* List */
list-style-image: none;
list-style-type: disc;
list-style-position: outside;
/* Table */
border-collapse: separate;
border-spacing: 0px 0px;
caption-side: top;
empty-cells: show;
table-layout: auto;
/* Miscellaneous */
overflow: visible;
cursor: auto;
visibility: visible;
/* Effects */
transform: none;
transition: all 0s ease 0s;
outline: rgb(255, 0, 0) dashed 1px;
outline-offset: 0px;
box-sizing: content-box;
resize: none;
text-overflow: clip;
word-wrap: normal;
box-shadow: none;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment