2017-11-13 23:34:24 +01:00
< html >
< head >
< title > < / title >
< meta charset = "utf-8" >
< style >
html, body {
2017-12-02 21:09:08 +01:00
width: 780px !important;
padding: 0px;
margin: 0px;
/* width: 100%; */
2017-11-13 23:34:24 +01:00
color: #f1f1f1;
background-color: #1f1f1f;
font-family: "Overpass";
}
2017-12-02 21:09:08 +01:00
.hidden {
display: none !important;
2017-11-13 23:34:24 +01:00
}
small{
font-size: 0.75em;
font-weight: 200;
}
.smallcaps{
font-variant: small-caps;
}
2017-12-02 21:09:08 +01:00
.selected{
color: #090909;
background-color: #fa6607;
}
.header {
background-color: #7f1416;
color: #fff;
margin: 0px;
margin-top: 0px;
padding-top: 8px;
padding-left: 15px;
padding-bottom: 1px;
font-size: 2.7em;
}
.left-side {
display: inline-block;
width: 39%;
float: left;
font-size: 1.6em;
}
.right-side {
display: inline-block;
width: 60%;
float: right;
}
.menu-item {
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
.suboption {
padding-left: 15px;
padding-top: 5px;
}
2017-12-29 23:34:40 +01:00
.button {
display: inline-block;
padding-top: 8px;
padding-bottom: 3px;
padding-left: 20px;
padding-right: 20px;
border: 1px solid #444;
margin-top: 3px;
margin-bottom: 3px;
}
.row {
display: block;
margin-top: 20px;
margin-bottom: 10px;
}
.button-row {
display: block;
margin-top: 5px;
margin-bottom: 10px;
}
2017-11-13 23:34:24 +01:00
< / style >
< / head >
< body >
2017-12-02 21:09:08 +01:00
< div class = "header" >
U< span class = "smallcaps" > ltrawidify< / span > : < small > Quick settings< / small >
2017-11-13 23:34:24 +01:00
< / div >
2017-12-02 21:09:08 +01:00
< div class = "left-side" >
< div class = "menu-item selected" >
General settings
< / div >
< div class = "menu-item" >
Aspect ratio and alignment
< / div >
< div class = "menu-item" >
CSS hacks for this site
< / div >
2017-11-13 23:34:24 +01:00
< / div >
2017-12-02 21:09:08 +01:00
< div class = "right-side" >
2017-12-29 23:34:40 +01:00
< div id = "extension-mode" class = "suboption hidden" >
2017-12-02 21:09:08 +01:00
< p > How should extension work in general?< br / > < small > NOTE: settings will be applied when page is reloaded.< / small > < / p >
< form action = "" >
< input type = "radio" name = "mode" value = "white" > Enable everywhere except blacklist< br / >
< input type = "radio" name = "mode" value = "black" > Enable only on whitelisted sites< br / >
< input type = "radio" name = "mode" value = "block" > Disable extension on all sites
< / form >
< p > How should extension work on this site?< br > < small class = "important" > NOTE: this doesn't apply to embedded videos!< br / > NOTE: settings will be applied when page is reloaded.< / small > < / p >
< form action = "" >
< input type = "radio" name = "mode" value = "default" > Follow global rules< br / >
< input type = "radio" name = "mode" value = "black" > Always block (blacklist)< br / >
< input type = "radio" name = "mode" value = "white" > Always allow (whitelist)
< / form >
< / div >
2017-12-29 23:34:40 +01:00
< div id = "aspect-ratio-settings" class = "suboption" >
< div class = "row" >
Force aspect ratio:< br / >
< div class = "button-row" >
< a class = "button _changeAr _ar_auto" > Auto-detect< / a >
< a class = "button _changeAr _ar_reset" > Reset< / a >
< a class = "button _changeAr _ar_219" > 21:9< / a >
< a class = "button _changeAr _ar_189" > 2:1 (18:9)< / a >
< a class = "button _changeAr _ar_169" > 16:9< / a >
< / div >
< / div >
< div class = "row" >
Automatic aspect ratio autodetection:
< div class = "button-row" >
< a id = "ard_temporary_disable" class = "button _autoar _autoar_temp-disable" > Temporarily disable< / a > < br / >
< a id = "ard_disable" class = "button _autoar _autoar_disable" > Disable< / a >
< a id = "ard_enable" class = "button _autoar _autoar_enable hidden" > Enable< / a >
< / div >
< / div >
< div class = "row" >
Video alignment:
< div class = "button-row" >
< a class = "button _align _align_left" > left< / a >
< a class = "button _align _align_center" > center< / a >
< a class = "button _align _align_right" > right< / a >
< / div >
< div >
2017-12-02 21:09:08 +01:00
< / div >
< div id = "css-hacks-settings" class = "suboption hidden" >
< p > If zoomed in video doesn't align properly, try enabling or disabling certain CSS rules below:< / p >
< / div >
2017-11-13 23:34:24 +01:00
< / div >
2017-12-02 21:09:08 +01:00
<!-- load all scripts. ordering is important! -->
< script src = "../../js/dep/jquery-3.1.1.js" > < / script >
2017-12-29 23:34:40 +01:00
< script src = "../../js/conf/Debug.js" > < / script >
< script src = "../../js/lib/BrowserDetect.js" > < / script >
< script src = "../../js/lib/StorageManager.js" > < / script >
2017-12-02 21:09:08 +01:00
<!-- the following scripts aren't included yet. if they're needed, they need to be added in this order -->
<!-- "js/conf/Debug.js",
"js/conf/Settings.js",
"js/conf/SitesConf.js",
"js/conf/Status.js",-->
2017-12-29 23:34:40 +01:00
< script src = "../../js/conf/Settings.js" > < / script >
< script src = "./js/popup.js" > < / script >
2017-11-13 23:34:24 +01:00
< / body >
< / html >
2017-12-02 21:09:08 +01:00
