rcreasey.github.io/index.html at 503d6ef421af543152886fdbc6c0949d7c81cb8b · rcreasey/rcreasey.github.io · GitHub

1
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><title>New Tab</title><style media="screen" type="text/css">@media (prefers-color-scheme:dark){body,html{background-color:#000}}@media (prefers-color-scheme:light){body,html{background-color:#fff}}</style><link rel="stylesheet" href="css/nighttab.min.css"><script src="js/initial-background.js" async></script></head><body><div class="background"><div class="background-visual-image"></div><div class="background-visual-video"></div><div class="background-visual-accent"></div><div class="background-visual-vignette"></div></div><main class="layout"><header class="header"></header><section class="link"></section></main><section class="menu" tabindex="-1" style="display:none;"><div class="menu-area"><div class="menu-nav"><div class="menu-nav-item"><button class="control-menu-layout menu-nav-tab button button-line" tabindex="-1">Layout</button><div class="menu-subnav menu-subnav-layout"><a href="#menu-content-layout-scaling" class="menu-nav-sub button button-small" tabindex="-1">Scaling</a> <a href="#menu-content-layout-area" class="menu-nav-sub button button-small" tabindex="-1">Area</a> <a href="#menu-content-layout-alignment" class="menu-nav-sub button button-small" tabindex="-1">Alignment</a> <a href="#menu-content-layout-padding" class="menu-nav-sub button button-small" tabindex="-1">Padding</a> <a href="#menu-content-layout-gutter" class="menu-nav-sub button button-small" tabindex="-1">Gutter</a> <a href="#menu-content-layout-page" class="menu-nav-sub button button-small" tabindex="-1">Page</a></div></div><div class="menu-nav-item"><button class="control-menu-header menu-nav-tab button button-line" tabindex="-1">Header</button><div class="menu-subnav menu-subnav-header"><a href="#menu-content-header-area" class="menu-nav-sub button button-small" tabindex="-1">Area</a> <a href="#menu-content-header-alignment" class="menu-nav-sub button button-small" tabindex="-1">Alignment</a> <a href="#menu-content-header-order" class="menu-nav-sub button button-small" tabindex="-1">Order</a> <a href="#menu-content-header-greeting" class="menu-nav-sub button button-small" tabindex="-1">Greeting</a> <a href="#menu-content-header-transitional" class="menu-nav-sub button button-small" tabindex="-1">Transitional words</a> <a href="#menu-content-header-clock" class="menu-nav-sub button button-small" tabindex="-1">Clock</a> <a href="#menu-content-header-date" class="menu-nav-sub button button-small" tabindex="-1">Date</a> <a href="#menu-content-header-search" class="menu-nav-sub button button-small" tabindex="-1">Search</a> <a href="#menu-content-header-editadd" class="menu-nav-sub button button-small" tabindex="-1">Edit/Add</a> <a href="#menu-content-header-coloraccent" class="menu-nav-sub button button-small" tabindex="-1">Colour/Accent</a> <a href="#menu-content-header-menu" class="menu-nav-sub button button-small" tabindex="-1">Settings menu</a> <a href="#menu-content-header-border" class="menu-nav-sub button button-small" tabindex="-1">Border</a> <a href="#menu-content-header-position" class="menu-nav-sub button button-small" tabindex="-1">Position when scrolling</a> <a href="#menu-content-header-color" class="menu-nav-sub button button-small" tabindex="-1">Background colour</a></div></div><div class="menu-nav-item"><button class="control-menu-bookmarks menu-nav-tab button button-line" tabindex="-1">Bookmarks</button><div class="menu-subnav menu-subnav-bookmarks"><a href="#menu-content-bookmarks-area" class="menu-nav-sub button button-small" tabindex="-1">Area</a> <a href="#menu-content-bookmarks-alignment" class="menu-nav-sub button button-small" tabindex="-1">Alignment</a> <a href="#menu-content-bookmarks-general" class="menu-nav-sub button button-small" tabindex="-1">General</a> <a href="#menu-content-bookmarks-visual" class="menu-nav-sub button button-small" tabindex="-1">Visual Element</a> <a href="#menu-content-bookmarks-name" class="menu-nav-sub button button-small" tabindex="-1">Name</a> <a href="#menu-content-bookmarks-content" class="menu-nav-sub button button-small" tabindex="-1">Content</a> <a href="#menu-content-bookmarks-style" class="menu-nav-sub button button-small" tabindex="-1">Style</a> <a href="#menu-content-bookmarks-color" class="menu-nav-sub button button-small" tabindex="-1">Colour override</a> <a href="#menu-content-bookmarks-accent" class="menu-nav-sub button button-small" tabindex="-1">Accent override</a> <a href="#menu-content-bookmarks-background" class="menu-nav-sub button button-small" tabindex="-1">Background</a> <a href="#menu-content-bookmarks-border" class="menu-nav-sub button button-small" tabindex="-1">Border</a> <a href="#menu-content-bookmarks-orientation" class="menu-nav-sub button button-small" tabindex="-1">Orientation</a> <a href="#menu-content-bookmarks-sort" class="menu-nav-sub button button-small" tabindex="-1">Sort</a></div></div><div class="menu-nav-item"><button class="control-menu-groups menu-nav-tab button button-line" tabindex="-1">Groups</button><div class="menu-subnav menu-subnav-groups"><a href="#menu-content-groups-area" class="menu-nav-sub button button-small" tabindex="-1">Area</a> <a href="#menu-content-groups-order" class="menu-nav-sub button button-small" tabindex="-1">Order</a> <a href="#menu-content-groups-names" class="menu-nav-sub button button-small" tabindex="-1">Names</a> <a href="#menu-content-groups-openall" class="menu-nav-sub button button-small" tabindex="-1">Open all</a> <a href="#menu-content-groups-border" class="menu-nav-sub button button-small" tabindex="-1">Border</a></div></div><div class="menu-nav-item"><button class="control-menu-theme menu-nav-tab button button-line" tabindex="-1">Theme</button><div class="menu-subnav menu-subnav-theme"><a href="#menu-content-theme-preset" class="menu-nav-sub button button-small" tabindex="-1">Preset</a> <a href="#menu-content-theme-saved" class="menu-nav-sub button button-small" tabindex="-1">Saved</a> <a href="#menu-content-theme-fonts" class="menu-nav-sub button button-small" tabindex="-1">Fonts</a> <a href="#menu-content-theme-style" class="menu-nav-sub button button-small" tabindex="-1">Style</a> <a href="#menu-content-theme-color" class="menu-nav-sub button button-small" tabindex="-1">Colour</a> <a href="#menu-content-theme-accent" class="menu-nav-sub button button-small" tabindex="-1">Accent</a> <a href="#menu-content-theme-radius" class="menu-nav-sub button button-small" tabindex="-1">Radius</a> <a href="#menu-content-theme-shadow" class="menu-nav-sub button button-small" tabindex="-1">Shadow</a> <a href="#menu-content-theme-shade" class="menu-nav-sub button button-small" tabindex="-1">Shade</a></div></div><div class="menu-nav-item"><button class="control-menu-background menu-nav-tab button button-line" tabindex="-1">Background</button><div class="menu-subnav menu-subnav-background"><a href="#menu-content-background-color" class="menu-nav-sub button button-small" tabindex="-1">Colour</a> <a href="#menu-content-background-visual" class="menu-nav-sub button button-small" tabindex="-1">Visual</a></div></div><div class="menu-nav-item"><button class="control-menu-data menu-nav-tab button button-line" tabindex="-1">Data</button><div class="menu-subnav menu-subnav-data"><a href="#menu-content-data-restore" class="menu-nav-sub button button-small" tabindex="-1">Restore</a> <a href="#menu-content-data-backup" class="menu-nav-sub button button-small" tabindex="-1">Backup</a> <a href="#menu-content-data-clear" class="menu-nav-sub button button-small" tabindex="-1">Clear</a></div></div><div class="menu-nav-item menu-nav-item-firefox is-hidden"><button class="control-menu-firefox menu-nav-tab button button-line" tabindex="-1">Firefox</button></div><div class="menu-nav-item"><button class="control-menu-coffee menu-nav-tab button button-line" tabindex="-1">Coffee</button></div><div class="menu-nav-item"><button class="control-menu-nighttab menu-nav-tab button button-line" tabindex="-1">nightTab</button></div></div><div class="menu-close"><button class="menu-close-tab control-menu-close button button-link" tabindex="-1"><span class="button-text sr-only">Close settings menu</span> <span class="icon-close"></span></button></div><div id="menu-content-layout" class="menu-content menu-content-overscroll menu-content-layout"><div id="menu-content-layout-scaling" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Scaling</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-layout-size-range">Size</label><div class="form-group form-group-block"><input id="control-layout-size-range" class="control-layout-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-layout-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-layout-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><p class="control-layout-size-helper form-helper-item">Resize all elements on the page.</p><p class="control-layout-size-helper form-helper-item">Take care as some elements could scale up to outside the page.</p></div></div></div><div id="menu-content-layout-area" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Area</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-layout-width-range">Width</label><div class="form-group form-group-block"><input id="control-layout-width-range" class="control-layout-width-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-layout-width-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-layout-width-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><div id="menu-content-layout-alignment" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Alignment</h1></div><div class="menu-item-form"><div class="form-wrap"><label>Area alignment</label></div><div class="form-wrap"><div class="form-grid form-grid-3x3 control-layout-alignment-grid"><div class="form-wrap"><input id="control-layout-alignment-topleft" class="control-layout-alignment-topleft" type="radio" name="control-layout-alignment" value="topleft" tabindex="-1"> <label for="control-layout-alignment-topleft"><span class="label-icon"></span> <span class="sr-only">Top left</span></label></div><div class="form-wrap"><input id="control-layout-alignment-topcenter" class="control-layout-alignment-topcenter" type="radio" name="control-layout-alignment" value="topcenter" tabindex="-1"> <label for="control-layout-alignment-topcenter"><span class="label-icon"></span> <span class="sr-only">Top center</span></label></div><div class="form-wrap"><input id="control-layout-alignment-topright" class="control-layout-alignment-topright" type="radio" name="control-layout-alignment" value="topright" tabindex="-1"> <label for="control-layout-alignment-topright"><span class="label-icon"></span> <span class="sr-only">Top right</span></label></div><div class="form-wrap"><input id="control-layout-alignment-centerleft" class="control-layout-alignment-centerleft" type="radio" name="control-layout-alignment" value="centerleft" tabindex="-1"> <label for="control-layout-alignment-centerleft"><span class="label-icon"></span> <span class="sr-only">Center left</span></label></div><div class="form-wrap"><input id="control-layout-alignment-centercenter" class="control-layout-alignment-centercenter" type="radio" name="control-layout-alignment" value="centercenter" tabindex="-1"> <label for="control-layout-alignment-centercenter"><span class="label-icon"></span> <span class="sr-only">Center center</span></label></div><div class="form-wrap"><input id="control-layout-alignment-centerright" class="control-layout-alignment-centerright" type="radio" name="control-layout-alignment" value="centerright" tabindex="-1"> <label for="control-layout-alignment-centerright"><span class="label-icon"></span> <span class="sr-only">Center right</span></label></div><div class="form-wrap"><input id="control-layout-alignment-bottomleft" class="control-layout-alignment-bottomleft" type="radio" name="control-layout-alignment" value="bottomleft" tabindex="-1"> <label for="control-layout-alignment-bottomleft"><span class="label-icon"></span> <span class="sr-only">Bottom left</span></label></div><div class="form-wrap"><input id="control-layout-alignment-bottomcenter" class="control-layout-alignment-bottomcenter" type="radio" name="control-layout-alignment" value="bottomcenter" tabindex="-1"> <label for="control-layout-alignment-bottomcenter"><span class="label-icon"></span> <span class="sr-only">Bottom Center</span></label></div><div class="form-wrap"><input id="control-layout-alignment-bottomright" class="control-layout-alignment-bottomright" type="radio" name="control-layout-alignment" value="bottomright" tabindex="-1"> <label for="control-layout-alignment-bottomright"><span class="label-icon"></span> <span class="sr-only">Bottom right</span></label></div></div></div><div class="form-wrap"><p class="control-layout-alignment-helper form-helper-item">Effects may not be visible if the Layout Area is full width or if Bookmarks fill the page.</p></div><hr><div class="form-wrap"><input id="control-layout-direction-horizontal" class="control-layout-direction-horizontal" type="radio" name="control-layout-direction" value="horizontal" tabindex="-1"> <label for="control-layout-direction-horizontal"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Align horizontal</span> <span class="label-block-item small muted">Stack the Header and Bookmarks in a row side by side.</span></span></label></div><div class="form-wrap"><input id="control-layout-direction-vertical" class="control-layout-direction-vertical" type="radio" name="control-layout-direction" value="vertical" tabindex="-1"> <label for="control-layout-direction-vertical"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Align vertical</span> <span class="label-block-item small muted">Stack the Header and Bookmarks in a column one above the other.</span></span></label></div><hr><div class="form-wrap"><input id="control-layout-order-headerlink" class="control-layout-order-headerlink" type="radio" name="control-layout-order" value="headerlink" tabindex="-1"> <label for="control-layout-order-headerlink"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Header then Bookmarks</span> <span class="label-block-item small muted">Order the Header area to appear before the Bookmarks area.</span></span></label></div><div class="form-wrap"><input id="control-layout-order-linkheader" class="control-layout-order-linkheader" type="radio" name="control-layout-order" value="linkheader" tabindex="-1"> <label for="control-layout-order-linkheader"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Bookmarks then Header</span> <span class="label-block-item small muted">Order the Bookmarks area to appear before the Header area.</span></span></label></div><div class="form-wrap"><p class="control-layout-order-helper form-helper-item">Only available when Bookmarks are shown.</p></div></div></div><div id="menu-content-layout-padding" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Padding</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-layout-padding-range">Padding outside Header and Bookmark Area</label><div class="form-group form-group-block"><input id="control-layout-padding-range" class="control-layout-padding-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-layout-padding-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-layout-padding-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><div id="menu-content-layout-gutter" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Gutter</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-layout-gutter-range">Gutter between Header and Bookmark items</label><div class="form-group form-group-block"><input id="control-layout-gutter-range" class="control-layout-gutter-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-layout-gutter-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-layout-gutter-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><div id="menu-content-layout-page" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Page</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-layout-title">Title</label><div class="form-group form-group-block"><input id="control-layout-title" class="control-layout-title" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="New Tab" tabindex="-1"> <button class="control-layout-title-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><input id="control-layout-scrollpastend" class="control-layout-scrollpastend" type="checkbox" tabindex="-1"> <label for="control-layout-scrollpastend"><span class="label-icon"></span> Scroll past end</label></div><hr><div class="form-wrap"><label class="control-layout-scrollbars-label">Scrollbars style</label></div><div class="form-wrap"><input id="control-layout-scrollbars-auto" class="control-layout-scrollbars-auto" type="radio" name="control-layout-scrollbars" value="auto" tabindex="-1"> <label for="control-layout-scrollbars-auto"><span class="label-icon"></span> Auto</label></div><div class="form-wrap"><input id="control-layout-scrollbars-thin" class="control-layout-scrollbars-thin" type="radio" name="control-layout-scrollbars" value="thin" tabindex="-1"> <label for="control-layout-scrollbars-thin"><span class="label-icon"></span> Thin</label></div><div class="form-wrap"><input id="control-layout-scrollbars-none" class="control-layout-scrollbars-none" type="radio" name="control-layout-scrollbars" value="none" tabindex="-1"> <label for="control-layout-scrollbars-none"><span class="label-icon"></span> Hidden</label></div><div class="form-wrap"><p class="control-layout-scrollbars-helper form-helper-item">May not work in some browsers.</p></div></div></div></div><div id="menu-content-header" class="menu-content menu-content-overscroll menu-content-header"><div id="menu-content-header-area" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Area</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-header-area-width-range">Width</label><div class="form-group form-group-block"><input id="control-header-area-width-range" class="control-header-area-width-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-area-width-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-area-width-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-header-area-width-match button button-line" tabindex="-1">Match Bookmarks Area</button></div><div class="form-wrap"><p class="control-header-area-width-helper form-helper-item">Max width is defined by Layout Area Width.</p></div></div></div><div id="menu-content-header-alignment" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Alignment</h1></div><div class="menu-item-form"><div class="form-wrap"><div class="form-wrap"><label class="control-header-area-justify-label">Area horizontal alignment</label></div><div class="form-wrap"><div class="form-grid form-grid-3x1 control-header-area-justify-grid"><div class="form-wrap"><input id="control-header-area-justify-left" class="control-header-area-justify-left" type="radio" name="control-header-area-justify" value="left" tabindex="-1"> <label for="control-header-area-justify-left"><span class="label-icon"></span> <span class="sr-only">Left</span></label></div><div class="form-wrap"><input id="control-header-area-justify-center" class="control-header-area-justify-center" type="radio" name="control-header-area-justify" value="center" tabindex="-1"> <label for="control-header-area-justify-center"><span class="label-icon"></span> <span class="sr-only">Centre</span></label></div><div class="form-wrap"><input id="control-header-area-justify-right" class="control-header-area-justify-right" type="radio" name="control-header-area-justify" value="right" tabindex="-1"> <label for="control-header-area-justify-right"><span class="label-icon"></span> <span class="sr-only">Right</span></label></div></div></div></div><div class="form-wrap"><p class="control-header-area-justify-helper form-helper-item">Effects may not be visible if the Header Area is full width.</p><p class="control-header-area-helper form-helper-item">Only available when Layout Alignment is Vertical.</p></div><div class="form-wrap"><div class="form-indent"><hr><div class="form-wrap"><label class="control-header-area-align-label">Header item vertical alignment</label></div><div class="form-wrap"><input id="control-header-area-align-center" class="control-header-area-align-center" type="radio" name="control-header-area-align" value="center" tabindex="-1"> <label for="control-header-area-align-center"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Center</span> <span class="label-block-item small muted">Header items aligned to each others centres.</span></span></label></div><div class="form-wrap"><input id="control-header-area-align-baseline" class="control-header-area-align-baseline" type="radio" name="control-header-area-align" value="baseline" tabindex="-1"> <label for="control-header-area-align-baseline"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Baseline</span> <span class="label-block-item small muted">Header items aligned to the text baseline. Useful for when the Clock, Date and other text is sized large and need to sit on a line.</span></span></label></div></div></div><hr><div class="form-wrap"><div class="form-wrap"><label class="control-header-item-justify-label">Item horizontal alignment</label></div><div class="form-wrap"><div class="form-grid form-grid-3x1 control-header-item-justify-grid"><div class="form-wrap"><input id="control-header-item-justify-left" class="control-header-item-justify-left" type="radio" name="control-header-item-justify" value="left" tabindex="-1"> <label for="control-header-item-justify-left"><span class="label-icon"></span> <span class="sr-only">Left</span></label></div><div class="form-wrap"><input id="control-header-item-justify-center" class="control-header-item-justify-center" type="radio" name="control-header-item-justify" value="center" tabindex="-1"> <label for="control-header-item-justify-center"><span class="label-icon"></span> <span class="sr-only">Centre</span></label></div><div class="form-wrap"><input id="control-header-item-justify-right" class="control-header-item-justify-right" type="radio" name="control-header-item-justify" value="right" tabindex="-1"> <label for="control-header-item-justify-right"><span class="label-icon"></span> <span class="sr-only">Right</span></label></div></div></div></div><div class="form-wrap"><p class="control-header-item-justify-helper form-helper-item">Effects may not be visible if the Search box size is set to Auto and grows to fill available space.</p><p class="control-header-area-width-helper form-helper-item">Some Header items may not be shown.</p></div></div></div><div id="menu-content-header-order" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Order</h1></div><div class="menu-item-form"><div class="form-wrap"><label class="control-header-order-label">Header item order</label></div><div class="form-wrap"><div class="header-order"></div></div></div></div><div id="menu-content-header-greeting" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Greeting</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-header-greeting-show" class="control-header-greeting-show" type="checkbox" tabindex="-1"> <label for="control-header-greeting-show"><span class="label-icon"></span> Show Greeting</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label class="control-header-greeting-type-label">Wording</label></div><div class="form-wrap"><input id="control-header-greeting-type-good" class="control-header-greeting-type-good" type="radio" name="control-header-greeting-type" value="good" tabindex="-1"> <label for="control-header-greeting-type-good"><span class="label-icon"></span> "Good morning..."</label></div><div class="form-wrap"><input id="control-header-greeting-type-hello" class="control-header-greeting-type-hello" type="radio" name="control-header-greeting-type" value="hello" tabindex="-1"> <label for="control-header-greeting-type-hello"><span class="label-icon"></span> "Hello..."</label></div><div class="form-wrap"><input id="control-header-greeting-type-hi" class="control-header-greeting-type-hi" type="radio" name="control-header-greeting-type" value="hi" tabindex="-1"> <label for="control-header-greeting-type-hi"><span class="label-icon"></span> "Hi..."</label></div><div class="form-wrap"><input id="control-header-greeting-type-custom" class="control-header-greeting-type-custom" type="radio" name="control-header-greeting-type" value="custom" tabindex="-1"> <label for="control-header-greeting-type-custom"><span class="label-icon"></span> Custom</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-header-greeting-custom" class="control-header-greeting-custom" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Howdy" tabindex="1"></div></div></div><hr><div class="form-wrap"><label for="control-header-greeting-name">Name</label> <input id="control-header-greeting-name" class="control-header-greeting-name" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Nickname, alias or superhero name" tabindex="-1"></div><hr><div class="form-wrap"><label for="control-header-greeting-size-range">Size</label><div class="form-group form-group-block"><input id="control-header-greeting-size-range" class="control-header-greeting-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-greeting-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-greeting-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><input id="control-header-greeting-newline" class="control-header-greeting-newline" type="checkbox" tabindex="-1"> <label for="control-header-greeting-newline"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">New line</span> <span class="label-block-item small muted">Force on to a new line and seperate from other Header items.</span></span></label></div></div></div></div></div><div id="menu-content-header-transitional" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Transitional words</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-header-transitional-show" class="control-header-transitional-show" type="checkbox" tabindex="-1"> <label for="control-header-transitional-show"><span class="label-icon"></span> Show Transitional words</label></div><div class="form-wrap"><p class="control-header-transitional-show-helper form-helper-item">Only available when Date or Time is shown.</p></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label class="control-header-transitional-type-label">Wording</label></div><div class="form-wrap"><input id="control-header-transitional-type-timeanddate" class="control-header-transitional-type-timeanddate" type="radio" name="control-header-transitional-type" value="timeanddate" tabindex="-1"> <label for="control-header-transitional-type-timeanddate"><span class="label-icon"></span> "The time and date is"</label></div><div class="form-wrap"><input id="control-header-transitional-type-its" class="control-header-transitional-type-its" type="radio" name="control-header-transitional-type" value="its" tabindex="-1"> <label for="control-header-transitional-type-its"><span class="label-icon"></span> "It's"</label></div><hr><div class="form-wrap"><label for="control-header-transitional-size-range">Size</label><div class="form-group form-group-block"><input id="control-header-transitional-size-range" class="control-header-transitional-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-transitional-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-transitional-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><input id="control-header-transitional-newline" class="control-header-transitional-newline" type="checkbox" tabindex="-1"> <label for="control-header-transitional-newline"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">New line</span> <span class="label-block-item small muted">Force on to a new line and seperate from other Header items.</span></span></label></div></div></div></div></div><div id="menu-content-header-clock" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Clock</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-header-clock-hours-show" class="control-header-clock-hours-show" type="checkbox" tabindex="-1"> <label for="control-header-clock-hours-show"><span class="label-icon"></span> Show Hours</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-header-clock-hours-display-number" class="control-header-clock-hours-display-number" type="radio" name="control-header-clock-hours" value="number" tabindex="-1"> <label for="control-header-clock-hours-display-number"><span class="label-icon"></span> As number</label></div><div class="form-wrap"><input id="control-header-clock-hours-display-word" class="control-header-clock-hours-display-word" type="radio" name="control-header-clock-hours" value="word" tabindex="-1"> <label for="control-header-clock-hours-display-word"><span class="label-icon"></span> As word</label></div></div></div><hr><div class="form-wrap"><input id="control-header-clock-minutes-show" class="control-header-clock-minutes-show" type="checkbox" tabindex="-1"> <label for="control-header-clock-minutes-show"><span class="label-icon"></span> Show Minutes</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-header-clock-minutes-display-number" class="control-header-clock-minutes-display-number" type="radio" name="control-header-clock-minutes" value="number" tabindex="-1"> <label for="control-header-clock-minutes-display-number"><span class="label-icon"></span> As number</label></div><div class="form-wrap"><input id="control-header-clock-minutes-display-word" class="control-header-clock-minutes-display-word" type="radio" name="control-header-clock-minutes" value="word" tabindex="-1"> <label for="control-header-clock-minutes-display-word"><span class="label-icon"></span> As word</label></div></div></div><hr><div class="form-wrap"><input id="control-header-clock-seconds-show" class="control-header-clock-seconds-show" type="checkbox" tabindex="-1"> <label for="control-header-clock-seconds-show"><span class="label-icon"></span> Show Seconds</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-header-clock-seconds-display-number" class="control-header-clock-seconds-display-number" type="radio" name="control-header-clock-seconds" value="number" tabindex="-1"> <label for="control-header-clock-seconds-display-number"><span class="label-icon"></span> As number</label></div><div class="form-wrap"><input id="control-header-clock-seconds-display-word" class="control-header-clock-seconds-display-word" type="radio" name="control-header-clock-seconds" value="word" tabindex="-1"> <label for="control-header-clock-seconds-display-word"><span class="label-icon"></span> As word</label></div></div></div><hr><div class="form-wrap"><input id="control-header-clock-separator-show" class="control-header-clock-separator-show" type="checkbox" tabindex="-1"> <label for="control-header-clock-separator-show"><span class="label-icon"></span> Show Separators</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><div class="form-group form-group-block"><input id="control-header-clock-separator-text" class="control-header-clock-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder=":" tabindex="-1"> <button class="control-header-clock-separator-text-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><hr><div class="form-wrap"><input id="control-header-clock-hour24-show" class="control-header-clock-hour24-show" type="checkbox" tabindex="-1"> <label for="control-header-clock-hour24-show"><span class="label-icon"></span> 24 Hours</label></div><div class="form-wrap"><input id="control-header-clock-meridiem-show" class="control-header-clock-meridiem-show" type="checkbox" tabindex="-1"> <label for="control-header-clock-meridiem-show"><span class="label-icon"></span> AM/PM</label></div><hr><div class="form-wrap"><label for="control-header-clock-size-range">Size</label><div class="form-group form-group-block"><input id="control-header-clock-size-range" class="control-header-clock-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-clock-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-clock-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><input id="control-header-clock-newline" class="control-header-clock-newline" type="checkbox" tabindex="-1"> <label for="control-header-clock-newline"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">New line</span> <span class="label-block-item small muted">Force on to a new line and seperate from other Header items.</span></span></label></div></div></div><div id="menu-content-header-date" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Date</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-header-date-day-show" class="control-header-date-day-show" type="checkbox" tabindex="-1"> <label for="control-header-date-day-show"><span class="label-icon"></span> Show Day</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-header-date-day-display-number" class="control-header-date-day-display-number" type="radio" name="control-header-date-day-display" value="number" tabindex="-1"> <label for="control-header-date-day-display-number"><span class="label-icon"></span> As number</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label class="control-header-date-day-week-start-label">Start of the week</label></div><div class="form-wrap"><input id="control-header-date-day-week-start-monday" class="control-header-date-day-week-start-monday" type="radio" name="control-header-date-day-week-start" value="monday" tabindex="-1"> <label for="control-header-date-day-week-start-monday"><span class="label-icon"></span> Monday</label></div><div class="form-wrap"><input id="control-header-date-day-week-start-sunday" class="control-header-date-day-week-start-sunday" type="radio" name="control-header-date-day-week-start" value="sunday" tabindex="-1"> <label for="control-header-date-day-week-start-sunday"><span class="label-icon"></span> Sunday</label></div><div class="form-wrap"><p class="control-header-date-day-week-start-helper form-helper-item">Define what day "1" represents, either Monday or Sunday.</p></div></div></div><div class="form-wrap"><input id="control-header-date-day-display-word" class="control-header-date-day-display-word" type="radio" name="control-header-date-day-display" value="word" tabindex="-1"> <label for="control-header-date-day-display-word"><span class="label-icon"></span> As word</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label class="control-header-date-day-length-label">Word length</label></div><div class="form-wrap"><input id="control-header-date-day-length-long" class="control-header-date-day-length-long" type="radio" name="control-header-date-day-length" value="long" tabindex="-1"> <label for="control-header-date-day-length-long"><span class="label-icon"></span> Long</label></div><div class="form-wrap"><input id="control-header-date-day-length-short" class="control-header-date-day-length-short" type="radio" name="control-header-date-day-length" value="short" tabindex="-1"> <label for="control-header-date-day-length-short"><span class="label-icon"></span> Short</label></div></div></div></div></div><hr><div class="form-wrap"><input id="control-header-date-date-show" class="control-header-date-date-show" type="checkbox" tabindex="-1"> <label for="control-header-date-date-show"><span class="label-icon"></span> Show Date</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-header-date-date-display-number" class="control-header-date-date-display-number" type="radio" name="control-header-date-date-display" value="number" tabindex="-1"> <label for="control-header-date-date-display-number"><span class="label-icon"></span> As number</label></div><div class="form-wrap"><input id="control-header-date-date-display-word" class="control-header-date-date-display-word" type="radio" name="control-header-date-date-display" value="word" tabindex="-1"> <label for="control-header-date-date-display-word"><span class="label-icon"></span> As word</label></div><div class="form-wrap"><input id="control-header-date-date-ordinal" class="control-header-date-date-ordinal" type="checkbox" tabindex="-1"> <label for="control-header-date-date-ordinal"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Ordinal numbers</span> <span class="label-block-item small muted">Display Date as 1st, 2nd, 3rd, 4th etc.</span></span></label></div></div></div><hr><div class="form-wrap"><input id="control-header-date-month-show" class="control-header-date-month-show" type="checkbox" tabindex="-1"> <label for="control-header-date-month-show"><span class="label-icon"></span> Show Month</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-header-date-month-display-number" class="control-header-date-month-display-number" type="radio" name="control-header-date-month-display" value="number" tabindex="-1"> <label for="control-header-date-month-display-number"><span class="label-icon"></span> As number</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-header-date-month-ordinal" class="control-header-date-month-ordinal" type="checkbox" tabindex="-1"> <label for="control-header-date-month-ordinal"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Ordinal numbers</span> <span class="label-block-item small muted">Display Month as 1st, 2nd, 3rd, 4th etc.</span></span></label></div></div></div><div class="form-wrap"><input id="control-header-date-month-display-word" class="control-header-date-month-display-word" type="radio" name="control-header-date-month-display" value="word" tabindex="-1"> <label for="control-header-date-month-display-word"><span class="label-icon"></span> As word</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label class="control-header-date-month-length-label">Word length</label></div><div class="form-wrap"><input id="control-header-date-month-length-long" class="control-header-date-month-length-long" type="radio" name="control-header-date-month-length" value="long" tabindex="-1"> <label for="control-header-date-month-length-long"><span class="label-icon"></span> Long</label></div><div class="form-wrap"><input id="control-header-date-month-length-short" class="control-header-date-month-length-short" type="radio" name="control-header-date-month-length" value="short" tabindex="-1"> <label for="control-header-date-month-length-short"><span class="label-icon"></span> Short</label></div></div></div></div></div><hr><div class="form-wrap"><input id="control-header-date-year-show" class="control-header-date-year-show" type="checkbox" tabindex="-1"> <label for="control-header-date-year-show"><span class="label-icon"></span> Show Year</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-header-date-year-display-number" class="control-header-date-year-display-number" type="radio" name="control-header-date-year-display" value="number" tabindex="-1"> <label for="control-header-date-year-display-number"><span class="label-icon"></span> As number</label></div><div class="form-wrap"><input id="control-header-date-year-display-word" class="control-header-date-year-display-word" type="radio" name="control-header-date-year-display" value="word" tabindex="-1"> <label for="control-header-date-year-display-word"><span class="label-icon"></span> As word</label></div></div></div><hr><div class="form-wrap"><input id="control-header-date-separator-show" class="control-header-date-separator-show" type="checkbox" tabindex="-1"> <label for="control-header-date-separator-show"><span class="label-icon"></span> Show Separators</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><div class="form-group form-group-block"><input id="control-header-date-separator-text" class="control-header-date-separator-text" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="/" tabindex="-1"> <button class="control-header-date-separator-text-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><hr><div class="form-wrap"><label class="control-header-date-format-label">Format</label></div><div class="form-wrap"><input id="control-header-date-format-datemonth" class="control-header-date-format-datemonth" type="radio" name="control-header-date-format" value="datemonth" tabindex="-1"> <label for="control-header-date-format-datemonth"><span class="label-icon"></span> Date/Month</label></div><div class="form-wrap"><input id="control-header-date-format-monthdate" class="control-header-date-format-monthdate" type="radio" name="control-header-date-format" value="monthdate" tabindex="-1"> <label for="control-header-date-format-monthdate"><span class="label-icon"></span> Month/Date</label></div><hr><div class="form-wrap"><label for="control-header-date-size-range">Size</label><div class="form-group form-group-block"><input id="control-header-date-size-range" class="control-header-date-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-date-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-date-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><input id="control-header-date-newline" class="control-header-date-newline" type="checkbox" tabindex="-1"> <label for="control-header-date-newline"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">New line</span> <span class="label-block-item small muted">Force on to a new line and seperate from other Header items.</span></span></label></div></div></div><div id="menu-content-header-search" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Search</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-header-search-show" class="control-header-search-show" type="checkbox" tabindex="-1"> <label for="control-header-search-show"><span class="label-icon"></span> Show Search</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label class="control-header-search-width-by-label">Width</label></div><div class="form-wrap"><input id="control-header-search-width-by-auto" class="control-header-search-width-by-auto" type="radio" name="control-header-search-width" value="auto" tabindex="-1"> <label for="control-header-search-width-by-auto"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Auto</span> <span class="label-block-item small muted">Search box will grow to best fit available space.</span></span></label></div><div class="form-wrap"><input id="control-header-search-width-by-custom" class="control-header-search-width-by-custom" type="radio" name="control-header-search-width" value="custom" tabindex="-1"> <label for="control-header-search-width-by-custom"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Custom</span> <span class="label-block-item small muted">Define how wide the Search box should be inside the Header Area.</span></span></label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><div class="form-group form-group-block"><input id="control-header-search-width-size-range" class="control-header-search-width-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-search-width-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-search-width-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><hr><div class="form-wrap"><label for="control-header-search-opacity-range">Opacity</label><div class="form-group form-group-block"><input id="control-header-search-opacity-range" class="control-header-search-opacity-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-search-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-search-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><input id="control-header-search-focus" class="control-header-search-focus" type="checkbox" tabindex="-1"> <label for="control-header-search-focus"><span class="label-icon"></span> Focus on load/refresh</label></div><div class="form-wrap"><p class="control-header-search-focus-helper form-helper-item">May not work in some browsers.</p></div><hr><div class="form-wrap"><label class="control-header-search-engine-label">Search engine</label></div><div class="form-wrap"><input id="control-header-search-engine-google" class="control-header-search-engine-google" type="radio" name="control-header-search-engine" value="google" tabindex="-1"> <label for="control-header-search-engine-google"><span class="label-icon"></span> Google</label></div><div class="form-wrap"><input id="control-header-search-engine-duckduckgo" class="control-header-search-engine-duckduckgo" type="radio" name="control-header-search-engine" value="duckduckgo" tabindex="-1"> <label for="control-header-search-engine-duckduckgo"><span class="label-icon"></span> DuckDuckGo</label></div><div class="form-wrap"><input id="control-header-search-engine-youtube" class="control-header-search-engine-youtube" type="radio" name="control-header-search-engine" value="youtube" tabindex="-1"> <label for="control-header-search-engine-youtube"><span class="label-icon"></span> YouTube</label></div><div class="form-wrap"><input id="control-header-search-engine-giphy" class="control-header-search-engine-giphy" type="radio" name="control-header-search-engine" value="giphy" tabindex="-1"> <label for="control-header-search-engine-giphy"><span class="label-icon"></span> Giphy</label></div><div class="form-wrap"><input id="control-header-search-engine-bing" class="control-header-search-engine-bing" type="radio" name="control-header-search-engine" value="bing" tabindex="-1"> <label for="control-header-search-engine-bing"><span class="label-icon"></span> Bing</label></div><div class="form-wrap"><input id="control-header-search-engine-custom" class="control-header-search-engine-custom" type="radio" name="control-header-search-engine" value="custom" tabindex="-1"> <label for="control-header-search-engine-custom"><span class="label-icon"></span> Custom</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label for="control-header-search-engine-custom-name">Name</label> <input id="control-header-search-engine-custom-name" class="control-header-search-engine-custom-name" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Search engine name" tabindex="-1"></div><div class="form-wrap"><label for="control-header-search-engine-custom-url">URL</label> <input id="control-header-search-engine-custom-url" class="control-header-search-engine-custom-url" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="https://" tabindex="-1"></div><div class="form-wrap"><p class="control-header-search-engine-custom-helper form-helper-item">Enter a web address with the search parameters, eg: "https://vimeo.com/search?q="</p><p class="control-header-search-engine-custom-helper form-helper-item">nightTab will add the search term entered into the Search input at the end of the above URL.</p></div><div class="form-wrap"><label for="control-header-search-engine-custom-queryname">Name attribute</label> <input id="control-header-search-engine-custom-queryname" class="control-header-search-engine-custom-queryname" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="q" tabindex="-1"></div><div class="form-wrap"><p class="control-header-search-engine-custom-helper form-helper-item">Sets the name attribute on the Search input field.</p><p class="control-header-search-engine-custom-helper form-helper-item">This defines the name passed to the search engine when submitting. If not sure leave blank.</p></div></div></div><hr><div class="form-wrap"><label class="control-header-search-text-justify-label">Align Text</label></div><div class="form-wrap"><div class="form-grid form-grid-3x1 control-header-search-text-justify-grid"><div class="form-wrap"><input id="control-header-search-text-justify-left" class="control-header-search-text-justify-left" type="radio" name="control-header-search-text-justify" value="left" tabindex="-1"> <label for="control-header-search-text-justify-left"><span class="label-icon"></span> <span class="sr-only">Left</span></label></div><div class="form-wrap"><input id="control-header-search-text-justify-center" class="control-header-search-text-justify-center" type="radio" name="control-header-search-text-justify" value="center" tabindex="-1"> <label for="control-header-search-text-justify-center"><span class="label-icon"></span> <span class="sr-only">Centre</span></label></div><div class="form-wrap"><input id="control-header-search-text-justify-right" class="control-header-search-text-justify-right" type="radio" name="control-header-search-text-justify" value="right" tabindex="-1"> <label for="control-header-search-text-justify-right"><span class="label-icon"></span> <span class="sr-only">Right</span></label></div></div></div><hr><div class="form-wrap"><label for="control-header-search-size-range">Size</label><div class="form-group form-group-block"><input id="control-header-search-size-range" class="control-header-search-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-search-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-search-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><p class="control-header-search-size-helper form-helper-item">Only the Search box width control will change the Width of the Search box.</p></div><hr><div class="form-wrap"><input id="control-header-search-newtab" class="control-header-search-newtab" type="checkbox" tabindex="-1"> <label for="control-header-search-newtab"><span class="label-icon"></span> Open Search results in a new tab</label></div><hr><div class="form-wrap"><input id="control-header-search-newline" class="control-header-search-newline" type="checkbox" tabindex="-1"> <label for="control-header-search-newline"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">New line</span> <span class="label-block-item small muted">Force on to a new line and seperate from other Header items.</span></span></label></div></div></div></div></div><div id="menu-content-header-editadd" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Edit/Add</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-header-editadd-show" class="control-header-editadd-show" type="checkbox" tabindex="-1"> <label for="control-header-editadd-show"><span class="label-icon"></span> Show Edit/Add control</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label for="control-header-editadd-size-range">Size</label><div class="form-group form-group-block"><input id="control-header-editadd-size-range" class="control-header-editadd-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-editadd-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-editadd-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><label for="control-header-editadd-opacity-range">Opacity</label><div class="form-group form-group-block"><input id="control-header-editadd-opacity-range" class="control-header-editadd-opacity-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-editadd-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-editadd-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><input id="control-header-editadd-newline" class="control-header-editadd-newline" type="checkbox" tabindex="-1"> <label for="control-header-editadd-newline"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">New line</span> <span class="label-block-item small muted">Force on to a new line and seperate from other Header items.</span></span></label></div></div></div></div></div><div id="menu-content-header-coloraccent" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Colour/Accent</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-header-coloraccent-show" class="control-header-coloraccent-show" type="checkbox" tabindex="-1"> <label for="control-header-coloraccent-show"><span class="label-icon"></span> Show Colour/Accent control</label></div><div class="form-wrap"><p class="control-header-coloraccent-show-helper form-helper-item">Colour and Accent controls can also be found under Theme.</p></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-header-coloraccent-dot-show" class="control-header-coloraccent-dot-show" type="checkbox" tabindex="-1"> <label for="control-header-coloraccent-dot-show"><span class="label-icon"></span> Show colour dots</label></div><hr><div class="form-wrap"><label for="control-header-coloraccent-size-range">Size</label><div class="form-group form-group-block"><input id="control-header-coloraccent-size-range" class="control-header-coloraccent-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-coloraccent-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-coloraccent-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><label for="control-header-coloraccent-opacity-range">Opacity</label><div class="form-group form-group-block"><input id="control-header-coloraccent-opacity-range" class="control-header-coloraccent-opacity-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-coloraccent-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-coloraccent-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><input id="control-header-coloraccent-newline" class="control-header-coloraccent-newline" type="checkbox" tabindex="-1"> <label for="control-header-coloraccent-newline"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">New line</span> <span class="label-block-item small muted">Force on to a new line and seperate from other Header items.</span></span></label></div></div></div></div></div><div id="menu-content-header-menu" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Settings menu</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-header-menu-size-range">Size</label><div class="form-group form-group-block"><input id="control-header-menu-size-range" class="control-header-menu-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-menu-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-menu-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><label for="control-header-menu-opacity-range">Opacity</label><div class="form-group form-group-block"><input id="control-header-menu-opacity-range" class="control-header-menu-opacity-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-menu-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-menu-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><input id="control-header-menu-newline" class="control-header-menu-newline" type="checkbox" tabindex="-1"> <label for="control-header-menu-newline"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">New line</span> <span class="label-block-item small muted">Force on to a new line and seperate from other Header items.</span></span></label></div></div></div><div id="menu-content-header-border" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Border</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-header-border-top-range">Top Border</label><div class="form-group form-group-block"><input id="control-header-border-top-range" class="control-header-border-top-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-border-top-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-border-top-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><label for="control-header-border-bottom-range">Bottom Border</label><div class="form-group form-group-block"><input id="control-header-border-bottom-range" class="control-header-border-bottom-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-border-bottom-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-border-bottom-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><div id="menu-content-header-position" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Position when scrolling</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-header-position-sticky" class="control-header-position-sticky" type="radio" name="control-header-position" value="sticky" tabindex="-1"> <label for="control-header-position-sticky"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Sticky</span> <span class="label-block-item small muted">Header sticks to the page when scrolling up or down.</span></span></label></div><div class="form-wrap"><input id="control-header-position-inline" class="control-header-position-inline" type="radio" name="control-header-position" value="inline" tabindex="-1"> <label for="control-header-position-inline"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Inline</span> <span class="label-block-item small muted">Header moves inline with the content when scrolling up or down.</span></span></label></div><div class="form-wrap"><p class="control-header-position-helper form-helper-item">Only available when Layout Alignment is Vertical.</p></div></div></div><div id="menu-content-header-color" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Background colour</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-header-color-show" class="control-header-color-show" type="checkbox" tabindex="-1"> <label for="control-header-color-show"><span class="label-icon"></span> Show Background Colour</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-header-color-style-always" class="control-header-color-style-always" type="radio" name="control-header-color-style" value="always" tabindex="-1"> <label for="control-header-color-style-always"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Always visible</span> <span class="label-block-item small muted">Useful for when a Background Image is shown.</span></span></label></div><div class="form-wrap"><input id="control-header-color-style-scroll" class="control-header-color-style-scroll" type="radio" name="control-header-color-style" value="scroll" tabindex="-1"> <label for="control-header-color-style-scroll"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Visible on scroll</span> <span class="label-block-item small muted">Useful for when Position is set to Sticky.</span></span></label></div><div class="form-wrap"><p class="control-header-color-style-helper form-helper-item">The page may not scroll if Bookmarks are not shown.</p><p class="control-header-color-style-helper form-helper-item">May not be visible if Layout Alignment is Horizontal as the Bookmarks won't pass under the header.</p></div><hr><div class="form-wrap"><input id="control-header-color-by-theme" class="control-header-color-by-theme" type="radio" name="control-header-color-by" value="theme" tabindex="-1"> <label for="control-header-color-by-theme"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Theme colour</span> <span class="label-block-item small muted">Use the Background colour defined by the Theme.</span></span></label></div><div class="form-wrap"><p class="control-header-color-by-theme-helper form-helper-item"></p></div><div class="form-wrap"><input id="control-header-color-by-custom" class="control-header-color-by-custom" type="radio" name="control-header-color-by" value="custom" tabindex="-1"> <label for="control-header-color-by-custom"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Custom colour</span> <span class="label-block-item small muted">Override the Theme colour.</span></span></label></div><div class="form-wrap"><p class="control-header-color-by-custom-helper form-helper-item"></p></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><div class="form-group form-group-block"><input id="control-header-color-rgb-color" class="form-group-item-half control-header-color-rgb-color" type="color" value="#000000" tabindex="1"> <input id="control-header-color-rgb-text" class="form-group-item-half control-header-color-rgb-text" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></div></div><div class="form-wrap"><div class="form-indent"><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-header-color-hsl-h-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Hue</label> <input id="control-header-color-hsl-h-range" class="control-header-color-hsl-h-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-color-hsl-h-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-header-color-hsl-s-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Saturation</label> <input id="control-header-color-hsl-s-range" class="control-header-color-hsl-s-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-color-hsl-s-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-header-color-hsl-l-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Lightness</label> <input id="control-header-color-hsl-l-range" class="control-header-color-hsl-l-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-color-hsl-l-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-header-color-rgb-r-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Red</label> <input id="control-header-color-rgb-r-range" class="control-header-color-rgb-r-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-color-rgb-r-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-header-color-rgb-g-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Green</label> <input id="control-header-color-rgb-g-range" class="control-header-color-rgb-g-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-color-rgb-g-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-header-color-rgb-b-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Blue</label> <input id="control-header-color-rgb-b-range" class="control-header-color-rgb-b-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-color-rgb-b-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div></div></div></div></div><hr><div class="form-wrap"><label for="control-header-color-opacity-range">Opacity</label><div class="form-group form-group-block"><input id="control-header-color-opacity-range" class="control-header-color-opacity-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-header-color-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-header-color-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><input id="control-header-radius" class="control-header-radius" type="checkbox" tabindex="-1"> <label for="control-header-radius"><span class="label-icon"></span> Corner radius</label></div><div class="form-wrap"><p class="control-header-radius-helper form-helper-item">May not be visible if Theme Radius is set to 0.</p></div></div></div></div></div></div><div id="menu-content-bookmarks" class="menu-content menu-content-overscroll menu-content-bookmarks"><div id="menu-content-bookmarks-area" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Area</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-link-area-width-range">Width</label><div class="form-group form-group-block"><input id="control-link-area-width-range" class="control-link-area-width-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-area-width-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-area-width-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-link-area-width-match button button-line" tabindex="-1">Match Header Area</button></div><div class="form-wrap"><p class="control-link-area-width-helper form-helper-item">Max width is defined by Layout Area Width.</p></div></div></div><div id="menu-content-bookmarks-alignment" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Alignment</h1></div><div class="menu-item-form"><div class="form-wrap"><label class="control-link-area-justify-label">Horizontal alignment</label></div><div class="form-wrap"><div class="form-grid form-grid-3x1 control-link-area-justify-grid"><div class="form-wrap"><input id="control-link-area-justify-left" class="control-link-area-justify-left" type="radio" name="control-link-area-justify" value="left" tabindex="-1"> <label for="control-link-area-justify-left"><span class="label-icon"></span> <span class="sr-only">Left</span></label></div><div class="form-wrap"><input id="control-link-area-justify-center" class="control-link-area-justify-center" type="radio" name="control-link-area-justify" value="center" tabindex="-1"> <label for="control-link-area-justify-center"><span class="label-icon"></span> <span class="sr-only">Center</span></label></div><div class="form-wrap"><input id="control-link-area-justify-right" class="control-link-area-justify-right" type="radio" name="control-link-area-justify" value="right" tabindex="-1"> <label for="control-link-area-justify-right"><span class="label-icon"></span> <span class="sr-only">Right</span></label></div></div></div><div class="form-wrap"><p class="control-link-area-justify-helper form-helper-item">Effects may not be visible if the Bookmark Area is full width.</p><p class="control-link-area-helper form-helper-item">Only available when Layout Alignment is Vertical.</p></div><hr><div class="form-wrap"><label class="control-link-area-direction-label">Bookmark direction</label></div><div class="form-wrap"><input id="control-link-area-direction-ltr" class="control-link-area-direction-ltr" type="radio" name="control-link-area-direction" value="ltr" tabindex="-1"> <label for="control-link-area-direction-ltr"><span class="label-icon"></span> Left to right</label></div><div class="form-wrap"><input id="control-link-area-direction-rtl" class="control-link-area-direction-rtl" type="radio" name="control-link-area-direction" value="rtl" tabindex="-1"> <label for="control-link-area-direction-rtl"><span class="label-icon"></span> Right to left</label></div><div class="form-wrap"><p class="control-link-area-direction-helper form-helper-item">Flow Bookmarks either from the left or right of the Bookmark Area.</p></div></div></div><div id="menu-content-bookmarks-general" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">General</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-link-show" class="control-link-show" type="checkbox" tabindex="-1"> <label for="control-link-show"><span class="label-icon"></span> Show Bookmarks</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label for="control-link-item-size-range">Size</label><div class="form-group form-group-block"><input id="control-link-item-size-range" class="control-link-item-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><input id="control-link-item-url-show" class="control-link-item-url-show" type="checkbox" tabindex="-1"> <label for="control-link-item-url-show"><span class="label-icon"></span> Show URL on Bookmark hover</label></div><hr><div class="form-wrap"><input id="control-link-item-line-show" class="control-link-item-line-show" type="checkbox" tabindex="-1"> <label for="control-link-item-line-show"><span class="label-icon"></span> Show Bookmark line</label></div><hr><div class="form-wrap"><input id="control-link-item-shadow-show" class="control-link-item-shadow-show" type="checkbox" tabindex="-1"> <label for="control-link-item-shadow-show"><span class="label-icon"></span> Show shadow on Bookmark hover</label></div><div class="form-wrap"><p class="control-link-item-shadow-show-helper form-helper-item">Effects may not be visible if Theme Shadow is set to 0.</p></div><hr><div class="form-wrap"><input id="control-link-item-hoverscale" class="control-link-item-hoverscale" type="checkbox" tabindex="-1"> <label for="control-link-item-hoverscale"><span class="label-icon"></span> Grow on Bookmark hover</label></div><hr><div class="form-wrap"><input id="control-link-newtab" class="control-link-newtab" type="checkbox" tabindex="-1"> <label for="control-link-newtab"><span class="label-icon"></span> Open Bookmarks in a new tab</label></div></div></div></div></div><div id="menu-content-bookmarks-visual" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Visual Element</h1></div><div class="menu-item-form"><div class="form-wrap"><div class="form-inline"><button class="control-link-item-display-visual-show button button-line" tabindex="-1">Show all</button> <button class="control-link-item-display-visual-hide button button-line" tabindex="-1">Hide all</button></div></div><div class="form-wrap"><p class="control-link-item-display-visual-helper form-helper-item">Show or hide all Bookmark tile Visual Elements (letter, icon or image).</p><p class="control-link-item-display-visual-helper form-helper-item">This can also be changed by editing individual Bookmarks.</p></div><hr><div class="form-wrap"><div class="form-wrap"><label for="control-link-item-display-visual-letter-size-range">Letter size</label><div class="form-group form-group-block"><input id="control-link-item-display-visual-letter-size-range" class="control-link-item-display-visual-letter-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-display-visual-letter-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-display-visual-letter-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-link-item-display-visual-letter-size-apply button button-line" tabindex="-1">Apply to all</button></div><hr><div class="form-wrap"><label for="control-link-item-display-visual-icon-size-range">Icon size</label><div class="form-group form-group-block"><input id="control-link-item-display-visual-icon-size-range" class="control-link-item-display-visual-icon-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-display-visual-icon-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-display-visual-icon-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-link-item-display-visual-icon-size-apply button button-line" tabindex="-1">Apply to all</button></div><hr><div class="form-wrap"><label for="control-link-item-display-visual-image-size-range">Image size</label><div class="form-group form-group-block"><input id="control-link-item-display-visual-image-size-range" class="control-link-item-display-visual-image-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-display-visual-image-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-display-visual-image-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-link-item-display-visual-image-size-apply button button-line" tabindex="-1">Apply to all</button></div><hr><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label for="control-link-item-display-visual-shadow-size-range">Shadow size</label><div class="form-group form-group-block"><input id="control-link-item-display-visual-shadow-size-range" class="control-link-item-display-visual-shadow-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-display-visual-shadow-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-display-visual-shadow-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><p class="control-link-item-display-visual-shadow-size-helper form-helper-item">Only applies to Letters or Icons.</p></div><div class="form-wrap"><button class="control-link-item-display-visual-shadow-size-apply button button-line" tabindex="-1">Apply to all</button></div></div></div></div></div></div><div id="menu-content-bookmarks-name" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Name</h1></div><div class="menu-item-form"><div class="form-wrap"><div class="form-inline"><button class="control-link-item-display-name-show button button-line" tabindex="-1">Show all</button> <button class="control-link-item-display-name-hide button button-line" tabindex="-1">Hide all</button></div></div><div class="form-wrap"><p class="control-link-item-display-name-helper form-helper-item">Show or hide all Bookmark Names.</p><p class="control-link-item-display-name-helper form-helper-item">This can also be changed by editing individual Bookmarks.</p></div><hr><div class="form-wrap"><label for="control-link-item-display-name-size-range">Size</label><div class="form-group form-group-block"><input id="control-link-item-display-name-size-range" class="control-link-item-display-name-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-display-name-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-display-name-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-link-item-display-name-size-apply button button-line" tabindex="-1">Apply to all</button></div></div></div><div id="menu-content-bookmarks-content" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Content</h1></div><div class="menu-item-form"><div class="form-wrap"><label class="control-link-item-display-alignment-label">Visual Element and Name alignment</label></div><div class="form-wrap"><div class="form-grid form-grid-3x3 control-link-item-display-alignment-grid"><div class="form-wrap"><input id="control-link-item-display-alignment-topleft" class="control-link-item-display-alignment-topleft" type="radio" name="control-link-item-display-alignment" value="topleft" tabindex="-1"> <label for="control-link-item-display-alignment-topleft"><span class="label-icon"></span> <span class="sr-only">Top left</span></label></div><div class="form-wrap"><input id="control-link-item-display-alignment-topcenter" class="control-link-item-display-alignment-topcenter" type="radio" name="control-link-item-display-alignment" value="topcenter" tabindex="-1"> <label for="control-link-item-display-alignment-topcenter"><span class="label-icon"></span> <span class="sr-only">Top center</span></label></div><div class="form-wrap"><input id="control-link-item-display-alignment-topright" class="control-link-item-display-alignment-topright" type="radio" name="control-link-item-display-alignment" value="topright" tabindex="-1"> <label for="control-link-item-display-alignment-topright"><span class="label-icon"></span> <span class="sr-only">Top right</span></label></div><div class="form-wrap"><input id="control-link-item-display-alignment-centerleft" class="control-link-item-display-alignment-centerleft" type="radio" name="control-link-item-display-alignment" value="centerleft" tabindex="-1"> <label for="control-link-item-display-alignment-centerleft"><span class="label-icon"></span> <span class="sr-only">Center left</span></label></div><div class="form-wrap"><input id="control-link-item-display-alignment-centercenter" class="control-link-item-display-alignment-centercenter" type="radio" name="control-link-item-display-alignment" value="centercenter" tabindex="-1"> <label for="control-link-item-display-alignment-centercenter"><span class="label-icon"></span> <span class="sr-only">Center center</span></label></div><div class="form-wrap"><input id="control-link-item-display-alignment-centerright" class="control-link-item-display-alignment-centerright" type="radio" name="control-link-item-display-alignment" value="centerright" tabindex="-1"> <label for="control-link-item-display-alignment-centerright"><span class="label-icon"></span> <span class="sr-only">Center right</span></label></div><div class="form-wrap"><input id="control-link-item-display-alignment-bottomleft" class="control-link-item-display-alignment-bottomleft" type="radio" name="control-link-item-display-alignment" value="bottomleft" tabindex="-1"> <label for="control-link-item-display-alignment-bottomleft"><span class="label-icon"></span> <span class="sr-only">Bottom left</span></label></div><div class="form-wrap"><input id="control-link-item-display-alignment-bottomcenter" class="control-link-item-display-alignment-bottomcenter" type="radio" name="control-link-item-display-alignment" value="bottomcenter" tabindex="-1"> <label for="control-link-item-display-alignment-bottomcenter"><span class="label-icon"></span> <span class="sr-only">Bottom Center</span></label></div><div class="form-wrap"><input id="control-link-item-display-alignment-bottomright" class="control-link-item-display-alignment-bottomright" type="radio" name="control-link-item-display-alignment" value="bottomright" tabindex="-1"> <label for="control-link-item-display-alignment-bottomright"><span class="label-icon"></span> <span class="sr-only">Bottom right</span></label></div></div></div><div class="form-wrap"><p class="control-link-item-display-alignment-helper form-helper-item">Position the Visual Element (letter, icon or image) and Name inside the Bookmark tile.</p></div><div class="form-wrap"><button class="control-link-item-display-alignment-apply button button-line" tabindex="-1">Apply to all</button></div><hr><div class="form-wrap"><label for="control-link-item-display-rotate-range">Rotation</label><div class="form-group form-group-block"><input id="control-link-item-display-rotate-range" class="control-link-item-display-rotate-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-display-rotate-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-display-rotate-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-link-item-display-rotate-apply button button-line" tabindex="-1">Apply to all</button></div><hr><div class="form-wrap"><label for="control-link-item-display-translate-x-range">Horizontally offset</label><div class="form-group form-group-block"><input id="control-link-item-display-translate-x-range" class="control-link-item-display-translate-x-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-display-translate-x-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-display-translate-x-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-link-item-display-translate-x-apply button button-line" tabindex="-1">Apply to all</button></div><hr><div class="form-wrap"><label for="control-link-item-display-translate-y-range">Vertically offset</label><div class="form-group form-group-block"><input id="control-link-item-display-translate-y-range" class="control-link-item-display-translate-y-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-display-translate-y-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-display-translate-y-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-link-item-display-translate-y-apply button button-line" tabindex="-1">Apply to all</button></div><hr><div class="form-wrap"><label for="control-link-item-display-gutter-range">Gutter</label><div class="form-group form-group-block"><input id="control-link-item-display-gutter-range" class="control-link-item-display-gutter-range mr-3" type="range" value="0" tabindex="1"> <input class="control-link-item-display-gutter-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-display-gutter-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-link-item-display-gutter-apply button button-line" tabindex="-1">Apply to all</button></div><hr><div class="form-wrap"><input id="control-link-item-display-direction-vertical" class="control-link-item-display-direction-vertical" type="radio" name="control-link-item-display-direction" value="vertical" tabindex="-1"> <label for="control-link-item-display-direction-vertical"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Align vertically</span> <span class="label-block-item small muted">Works well with Bookmark Block Style.</span></span></label></div><div class="form-wrap"><input id="control-link-item-display-direction-horizontal" class="control-link-item-display-direction-horizontal" type="radio" name="control-link-item-display-direction" value="horizontal" tabindex="-1"> <label for="control-link-item-display-direction-horizontal"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Align horizontally</span> <span class="label-block-item small muted">Works well with Bookmark List Style.</span></span></label></div><div class="form-wrap"><button class="control-link-item-display-direction-apply button button-line" tabindex="-1">Apply to all</button></div><hr><div class="form-wrap"><input id="control-link-item-display-order-visualname" class="control-link-item-display-order-visualname" type="radio" name="control-link-item-display-order" value="visualname" tabindex="-1"> <label for="control-link-item-display-order-visualname"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Visual Element then Name</span> <span class="label-block-item small muted">Stack the Visual Element before the Name.</span></span></label></div><div class="form-wrap"><input id="control-link-item-display-order-namevisual" class="control-link-item-display-order-namevisual" type="radio" name="control-link-item-display-order" value="namevisual" tabindex="-1"> <label for="control-link-item-display-order-namevisual"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Name then Visual Element</span> <span class="label-block-item small muted">Stack the Name before the Visual Element.</span></span></label></div><div class="form-wrap"><button class="control-link-item-display-order-apply button button-line" tabindex="-1">Apply to all</button></div></div></div><div id="menu-content-bookmarks-style" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Style</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-link-style-block" class="control-link-style-block" type="radio" name="control-link-style" value="block" tabindex="-1"> <label for="control-link-style-block"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Block</span> <span class="label-block-item small muted">Bookmark tiles more square shaped.</span></span></label></div><div class="form-wrap"><input id="control-link-style-list" class="control-link-style-list" type="radio" name="control-link-style" value="list" tabindex="-1"> <label for="control-link-style-list"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">List</span> <span class="label-block-item small muted">Bookmark tiles more short and wide.</span></span></label></div></div></div><div id="menu-content-bookmarks-color" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Colour override</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-link-item-color-by-theme" class="control-link-item-color-by-theme" type="radio" name="control-link-item-color-by" value="theme" tabindex="-1"> <label for="control-link-item-color-by-theme"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Theme colour</span> <span class="label-block-item small muted">Use the Background colour defined by the Theme.</span></span></label></div><div class="form-wrap"><input id="control-link-item-color-by-custom" class="control-link-item-color-by-custom" type="radio" name="control-link-item-color-by" value="custom" tabindex="-1"> <label for="control-link-item-color-by-custom"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Custom colour</span> <span class="label-block-item small muted">Override the Theme colour.</span></span></label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><div class="form-group form-group-block"><input id="control-link-item-color-rgb-color" class="form-group-item-half control-link-item-color-rgb-color" type="color" value="#000000" tabindex="1"> <input id="control-link-item-color-rgb-text" class="form-group-item-half control-link-item-color-rgb-text" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></div></div><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-color-hsl-h-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Hue</label> <input id="control-link-item-color-hsl-h-range" class="control-link-item-color-hsl-h-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-color-hsl-h-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-color-hsl-s-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Saturation</label> <input id="control-link-item-color-hsl-s-range" class="control-link-item-color-hsl-s-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-color-hsl-s-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-color-hsl-l-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Lightness</label> <input id="control-link-item-color-hsl-l-range" class="control-link-item-color-hsl-l-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-color-hsl-l-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-color-rgb-r-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Red</label> <input id="control-link-item-color-rgb-r-range" class="control-link-item-color-rgb-r-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-color-rgb-r-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-color-rgb-g-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Green</label> <input id="control-link-item-color-rgb-g-range" class="control-link-item-color-rgb-g-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-color-rgb-g-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-color-rgb-b-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Blue</label> <input id="control-link-item-color-rgb-b-range" class="control-link-item-color-rgb-b-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-color-rgb-b-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div></div></div><div class="form-wrap"><div class="form-inline"><button class="control-link-item-color-apply button button-line" tabindex="-1">Apply to all</button> <button class="control-link-item-color-rainbow button button-line" tabindex="-1">Apply unique colour to each</button></div></div><hr><div class="form-wrap"><label for="control-link-item-color-opacity-range">Opacity</label><div class="form-group form-group-block"><input id="control-link-item-color-opacity-range" class="control-link-item-color-opacity-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-color-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-color-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-link-item-color-opacity-apply button button-line" tabindex="-1">Apply to all</button></div></div></div><div id="menu-content-bookmarks-accent" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Accent override</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-link-item-accent-by-theme" class="control-link-item-accent-by-theme" type="radio" name="control-link-item-accent-by" value="theme" tabindex="-1"> <label for="control-link-item-accent-by-theme"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Theme accent</span> <span class="label-block-item small muted">Use the Background accent defined by the Theme.</span></span></label></div><div class="form-wrap"><input id="control-link-item-accent-by-custom" class="control-link-item-accent-by-custom" type="radio" name="control-link-item-accent-by" value="custom" tabindex="-1"> <label for="control-link-item-accent-by-custom"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Custom accent</span> <span class="label-block-item small muted">Override the Theme accent.</span></span></label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><div class="form-group form-group-block"><input id="control-link-item-accent-rgb-color" class="form-group-item-half control-link-item-accent-rgb-color" type="color" value="#000000" tabindex="1"> <input id="control-link-item-accent-rgb-text" class="form-group-item-half control-link-item-accent-rgb-text" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></div></div><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-accent-hsl-h-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Hue</label> <input id="control-link-item-accent-hsl-h-range" class="control-link-item-accent-hsl-h-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-accent-hsl-h-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-accent-hsl-s-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Saturation</label> <input id="control-link-item-accent-hsl-s-range" class="control-link-item-accent-hsl-s-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-accent-hsl-s-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-accent-hsl-l-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Lightness</label> <input id="control-link-item-accent-hsl-l-range" class="control-link-item-accent-hsl-l-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-accent-hsl-l-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-accent-rgb-r-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Red</label> <input id="control-link-item-accent-rgb-r-range" class="control-link-item-accent-rgb-r-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-accent-rgb-r-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-accent-rgb-g-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Green</label> <input id="control-link-item-accent-rgb-g-range" class="control-link-item-accent-rgb-g-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-accent-rgb-g-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-link-item-accent-rgb-b-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Blue</label> <input id="control-link-item-accent-rgb-b-range" class="control-link-item-accent-rgb-b-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-accent-rgb-b-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div></div></div><div class="form-wrap"><div class="form-inline"><button class="control-link-item-accent-apply button button-line" tabindex="-1">Apply to all</button> <button class="control-link-item-accent-rainbow button button-line" tabindex="-1">Apply unique accent to each</button></div></div></div></div><div id="menu-content-bookmarks-background" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Background</h1></div><div class="menu-item-form"><div class="form-wrap"><div class="form-inline"><button class="control-link-item-background-show button button-line" tabindex="-1">Show all</button> <button class="control-link-item-background-hide button button-line" tabindex="-1">Hide all</button></div></div><div class="form-wrap"><p class="control-link-item-background-helper form-helper-item">Show or hide all Bookmark Background images or videos.</p><p class="control-link-item-background-helper form-helper-item">This can also be changed by editing individual Bookmarks.</p></div><hr><div class="form-wrap"><label for="control-link-item-background-opacity-range">Opacity</label><div class="form-group form-group-block"><input id="control-link-item-background-opacity-range" class="control-link-item-background-opacity-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-background-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-background-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><button class="control-link-item-background-opacity-apply button button-line" tabindex="-1">Apply to all</button></div></div></div><div id="menu-content-bookmarks-border" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Border</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-link-item-border-range">All sides</label><div class="form-group form-group-block"><input id="control-link-item-border-range" class="control-link-item-border-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-link-item-border-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-link-item-border-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><div id="menu-content-bookmarks-orientation" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Orientation</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-link-orientation-top" class="control-link-orientation-top" type="radio" name="control-link-orientation" value="top" tabindex="-1"> <label for="control-link-orientation-top"><span class="label-icon"></span> Top</label></div><div class="form-wrap"><input id="control-link-orientation-bottom" class="control-link-orientation-bottom" type="radio" name="control-link-orientation" value="bottom" tabindex="-1"> <label for="control-link-orientation-bottom"><span class="label-icon"></span> Bottom</label></div><div class="form-wrap"><p class="control-link-orientation-helper form-helper-item">Display the URL and Controls either at the top or bottom of a Bookmark Tile.</p></div></div></div><div id="menu-content-bookmarks-sort" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Sort</h1></div><div class="menu-item-form"><div class="form-wrap"><div class="form-inline"><button class="control-link-sort-letter button button-line" tabindex="-1">By letter</button> <button class="control-link-sort-icon button button-line" tabindex="-1">By icon</button> <button class="control-link-sort-name button button-line" tabindex="-1">By name</button></div></div></div></div></div><div id="menu-content-groups" class="menu-content menu-content-overscroll menu-content-groups"><div id="menu-content-groups-area" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Area</h1></div><div class="menu-item-form"><div class="form-wrap"><div class="form-wrap"><label class="control-group-area-justify-label">Group horizontal alignment</label></div><div class="form-wrap"><div class="form-grid form-grid-3x1 control-group-area-justify-grid"><div class="form-wrap"><input id="control-group-area-justify-left" class="control-group-area-justify-left" type="radio" name="control-group-area-justify" value="left" tabindex="-1"> <label for="control-group-area-justify-left"><span class="label-icon"></span> <span class="sr-only">Left</span></label></div><div class="form-wrap"><input id="control-group-area-justify-center" class="control-group-area-justify-center" type="radio" name="control-group-area-justify" value="center" tabindex="-1"> <label for="control-group-area-justify-center"><span class="label-icon"></span> <span class="sr-only">Center</span></label></div><div class="form-wrap"><input id="control-group-area-justify-right" class="control-group-area-justify-right" type="radio" name="control-group-area-justify" value="right" tabindex="-1"> <label for="control-group-area-justify-right"><span class="label-icon"></span> <span class="sr-only">Right</span></label></div></div></div></div><div class="form-wrap"><p class="control-group-area-justify-helper form-helper-item">Effects may not be visible if the Group Name is not shown.</p></div></div></div><div id="menu-content-groups-order" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Order</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-group-order-headerbody" class="control-group-order-headerbody" type="radio" name="control-group-order" value="headerbody" tabindex="1"> <label for="control-group-order-headerbody"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Group Name then Bookmarks</span> <span class="label-block-item small muted">Stack the Group name and controls area before the Bookmarks area.</span></span></label></div><div class="form-wrap"><input id="control-group-order-bodyheader" class="control-group-order-bodyheader" type="radio" name="control-group-order" value="bodyheader" tabindex="1"> <label for="control-group-order-bodyheader"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Bookmarks then Group Name</span> <span class="label-block-item small muted">Stack the Bookmarks area before the Group name and controls area.</span></span></label></div></div></div><div id="menu-content-groups-names" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Names</h1></div><div class="menu-item-form"><div class="form-wrap"><div class="form-inline"><button class="control-group-name-show button button-line" tabindex="-1">Show all</button> <button class="control-group-name-hide button button-line" tabindex="-1">Hide all</button></div></div><div class="form-wrap"><p class="control-group-name-helper form-helper-item">Group Names can also be changed by editing individual Groups.</p></div><hr><div class="form-wrap"><label for="control-group-name-size-range">Size</label><div class="form-group form-group-block"><input id="control-group-name-size-range" class="control-group-name-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-group-name-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-group-name-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><div id="menu-content-groups-openall" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Open all</h1></div><div class="menu-item-form"><div class="form-wrap"><div class="form-inline"><button class="control-group-openall-show button button-line" tabindex="-1">Show all</button> <button class="control-group-openall-hide button button-line" tabindex="-1">Hide all</button></div></div><div class="form-wrap"><p class="control-group-openall-helper form-helper-item">Group Open all buttons can also be changed by editing individual Groups.</p></div><hr><div class="form-wrap"><label for="control-group-openall-size-range">Size</label><div class="form-group form-group-block"><input id="control-group-openall-size-range" class="control-group-openall-size-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-group-openall-size-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-group-openall-size-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><label for="control-group-openall-opacity-range">Opacity</label><div class="form-group form-group-block"><input id="control-group-openall-opacity-range" class="control-group-openall-opacity-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-group-openall-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-group-openall-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><div id="menu-content-groups-border" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Border</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-group-border-range">Between groups</label><div class="form-group form-group-block"><input id="control-group-border-range" class="control-group-border-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-group-border-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-group-border-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><p class="control-group-border-helper form-helper-item">Border between groups may not be visible if there is only one group.</p></div></div></div></div><div id="menu-content-theme" class="menu-content menu-content-overscroll menu-content-theme"><div id="menu-content-theme-preset" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Preset</h1></div><div class="menu-item-form"><div class="form-wrap theme-preset"></div><div class="form-wrap"><p class="control-theme-preset-helper form-helper-item">Applying a Preset will replace the current Colour, Accent, Font, Style, Radius, Shadow and Shade.</p></div></div></div><div id="menu-content-theme-saved" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Saved</h1></div><div class="menu-item-form"><div class="form-wrap form-wrap-hide-space theme-custom"></div><div class="form-wrap"><div class="form-inline"><button class="control-theme-custom-add button button-line" tabindex="-1">Save current theme</button><div class="form-input-button form-input-button-line form-input-hide"><input id="control-theme-custom-edit" class="control-theme-custom-edit" type="checkbox" tabindex="1"> <label for="control-theme-custom-edit"><span class="label-icon"></span> Edit</label></div></div></div><div class="form-wrap"><p class="control-theme-custom-helper form-helper-item">Saving a Theme will record the current Colour, Accent, Font, Style, Radius, Shadow and Shade.</p></div></div></div><div id="menu-content-theme-fonts" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Fonts</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-theme-font-display-name">Display</label><div class="form-group form-group-block"><input id="control-theme-font-display-name" class="control-theme-font-display-name" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Google font name" tabindex="-1"> <button class="control-theme-font-display-name-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><p class="control-theme-font-display-helper form-helper-item">Use a <a href="https://fonts.google.com/" target="_blank">Google Font</a> to customise the Clock, Date, Group names and Bookmark Letters.</p><p class="control-theme-font-display-helper form-helper-item">Add a font name as it appears on Google Fonts, including capital letters and spaces, eg: enter "Fredoka One" or "Kanit"</p><p class="control-theme-font-display-helper form-helper-item">Clear the field to use the default font "Fjalla One".</p></div><div class="form-wrap"><div class="form-indent"><hr><div class="form-wrap"><label for="control-theme-font-display-weight-range">Weight</label><div class="form-group form-group-block"><input id="control-theme-font-display-weight-range" class="control-theme-font-display-weight-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-font-display-weight-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-theme-font-display-weight-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><div class="form-group"><button class="control-theme-font-display-light button button-line" tabindex="-1">Light</button> <button class="control-theme-font-display-regular button button-line" tabindex="-1">Regular</button> <button class="control-theme-font-display-bold button button-line" tabindex="-1">Bold</button></div></div><div class="form-wrap"><p class="control-theme-font-display-helper form-helper-item">Not all fonts support all weights. Refer to the Google Font page to see which are available.</p></div><hr><div class="form-wrap"><label>Style</label></div><div class="form-wrap"><div class="form-inline"><div class="form-wrap"><div class="form-inline form-inline-spacer"><div class="form-wrap"><input id="control-theme-font-display-style-normal" class="control-theme-font-display-style-normal" name="control-theme-font-display-style" type="radio" value="normal" tabindex="-1"> <label for="control-theme-font-display-style-normal"><span class="label-icon"></span> Normal</label></div><div class="form-wrap"><input id="control-theme-font-display-style-italic" class="control-theme-font-display-style-italic" type="radio" name="control-theme-font-display-style" value="italic" tabindex="-1"> <label for="control-theme-font-display-style-italic"><span class="label-icon"></span> Italic</label></div></div></div><div class="form-wrap ml-auto"><button class="control-theme-font-display-style-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div></div><hr><div class="form-wrap"><div class="form-wrap"><label for="control-theme-font-ui-name">UI</label><div class="form-group form-group-block"><input id="control-theme-font-ui-name" class="control-theme-font-ui-name" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Google font name" tabindex="-1"> <button class="control-theme-font-ui-name-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div><div class="form-wrap"><p class="control-theme-font-ui-helper form-helper-item">Use a <a href="https://fonts.google.com/" target="_blank">Google Font</a> to customise the Bookmark name, URL and form elements.</p><p class="control-theme-font-ui-helper form-helper-item">Add a font name as it appears on Google Fonts, including capital letters and spaces, eg: enter "Roboto", "Source Sans Pro" or "Noto Sans"</p><p class="control-theme-font-ui-helper form-helper-item">Clear the field to use the default font "Open Sans".</p></div><div class="form-wrap"><div class="form-indent"><hr><div class="form-wrap"><label for="control-theme-font-ui-weight">Weight</label><div class="form-group form-group-block"><input id="control-theme-font-ui-weight-range" class="control-theme-font-ui-weight-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-font-ui-weight-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-theme-font-ui-weight-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><div class="form-group"><button class="control-theme-font-ui-light button button-line" tabindex="-1">Light</button> <button class="control-theme-font-ui-regular button button-line" tabindex="-1">Regular</button> <button class="control-theme-font-ui-bold button button-line" tabindex="-1">Bold</button></div></div><div class="form-wrap"><p class="control-theme-font-ui-helper form-helper-item">Not all fonts support all weights. Refer to the Google Font page to see which are available.</p></div><hr><div class="form-wrap"><label>Style</label></div><div class="form-wrap"><div class="form-inline"><div class="form-wrap"><div class="form-inline form-inline-spacer"><div class="form-wrap"><input id="control-theme-font-ui-style-normal" class="control-theme-font-ui-style-normal" type="radio" name="control-theme-font-ui-style" value="normal" tabindex="-1"> <label for="control-theme-font-ui-style-normal"><span class="label-icon"></span> Normal</label></div><div class="form-wrap"><input id="control-theme-font-ui-style-italic" class="control-theme-font-ui-style-italic" type="radio" name="control-theme-font-ui-style" value="italic" tabindex="-1"> <label for="control-theme-font-ui-style-italic"><span class="label-icon"></span> Italic</label></div></div></div><div class="form-wrap ml-auto"><button class="control-theme-font-ui-style-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div></div></div></div><div id="menu-content-theme-style" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Style</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-theme-style-light" class="control-theme-style-light" type="radio" name="control-theme-style" value="light" tabindex="-1"> <label for="control-theme-style-light"><span class="label-icon"></span> Light mode</label></div><div class="form-wrap"><input id="control-theme-style-dark" class="control-theme-style-dark" type="radio" name="control-theme-style" value="dark" tabindex="-1"> <label for="control-theme-style-dark"><span class="label-icon"></span> Dark mode</label></div><div class="form-wrap"><input id="control-theme-style-system" class="control-theme-style-system" type="radio" name="control-theme-style" value="system" tabindex="-1"> <label for="control-theme-style-system"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Automatic</span> <span class="label-block-item small muted">Follow the system Light or Dark mode.</span></span></label></div><div class="form-wrap"><p class="control-theme-style-helper form-helper-item">Flip the colour shades defined by the Primary Colour.</p><p class="control-theme-style-helper form-helper-item">Accent Colour and Background Image may need to be changed to best fit the Theme Style.</p></div></div></div><div id="menu-content-theme-color" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Colour</h1></div><div class="menu-item-form"><div class="form-sticky"><div class="form-wrap"><p>Shades</p><div class="form-group form-group-block form-group-border form-group-border-theme-color"><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-negative-10"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-negative-09"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-negative-08"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-negative-07"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-negative-06"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-negative-05"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-negative-04"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-negative-03"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-negative-02"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-negative-01"></div></div><div class="form-group-text form-group-text-borderless form-group-item-small"><div class="theme-color-box theme-color"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-positive-01"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-positive-02"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-positive-03"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-positive-04"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-positive-05"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-positive-06"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-positive-07"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-positive-08"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-positive-09"></div></div><div class="form-group-text form-group-text-borderless"><div class="theme-color-box theme-color-positive-10"></div></div></div></div></div><div class="form-wrap"><p class="control-theme-color-helper form-helper-item">Backgrounds, Bookmarks and Modals use shades from the left.</p><p class="control-theme-color-helper form-helper-item">Text and form elements use shades from the right.</p><p class="control-theme-color-helper form-helper-item">For a light look switch to the Light Style and then select a Primary colour.</p></div><hr><div class="form-wrap"><label for="control-theme-color-rgb-color">Primary colour</label><div class="form-group form-group-block"><input id="control-theme-color-rgb-color" class="form-group-item-half control-theme-color-rgb-color" type="color" value="#000000" tabindex="1" autocomplete="off"> <input id="control-theme-color-rgb-text" class="form-group-item-half control-theme-color-rgb-text" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"> <button class="control-theme-color-rgb-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap mb-0"><p class="control-theme-color-helper form-helper-item">Light and dark shades from this colour are used across nightTab.</p></div><div class="form-wrap"><div class="form-indent"><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-color-hsl-h-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Hue</label> <input id="control-theme-color-hsl-h-range" class="control-theme-color-hsl-h-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-color-hsl-h-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-color-hsl-s-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Saturation</label> <input id="control-theme-color-hsl-s-range" class="control-theme-color-hsl-s-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-color-hsl-s-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-color-hsl-l-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Lightness</label> <input id="control-theme-color-hsl-l-range" class="control-theme-color-hsl-l-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-color-hsl-l-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-color-rgb-r-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Red</label> <input id="control-theme-color-rgb-r-range" class="control-theme-color-rgb-r-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-color-rgb-r-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-color-rgb-g-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Green</label> <input id="control-theme-color-rgb-g-range" class="control-theme-color-rgb-g-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-color-rgb-g-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-color-rgb-b-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Blue</label> <input id="control-theme-color-rgb-b-range" class="control-theme-color-rgb-b-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-color-rgb-b-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div></div></div><div class="form-wrap"><div class="form-indent"><hr><div class="form-wrap"><label for="control-theme-color-contrast-light-range">Light shade contrast</label><div class="form-group form-group-block"><input id="control-theme-color-contrast-light-range" class="control-theme-color-contrast-light-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-color-contrast-light-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-theme-color-contrast-light-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><label for="control-theme-color-contrast-dark-range">Dark shade contrast</label><div class="form-group form-group-block"><input id="control-theme-color-contrast-dark-range" class="control-theme-color-contrast-dark-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-color-contrast-dark-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-theme-color-contrast-dark-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div></div></div><div id="menu-content-theme-accent" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Accent</h1></div><div class="menu-item-form"><div class="theme-accent-preset"></div><hr><div class="form-wrap"><label for="control-theme-accent-rgb-color">Colour</label><div class="form-group form-group-block"><input id="control-theme-accent-rgb-color" class="form-group-item-half control-theme-accent-rgb-color" type="color" value="#000000" tabindex="1" autocomplete="off"> <input id="control-theme-accent-rgb-text" class="form-group-item-half control-theme-accent-rgb-text" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"> <button class="control-theme-accent-rgb-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><p class="control-theme-accent-rgb-helper form-helper-item">Accent Colour can also be changed from the Header Area.</p></div><div class="form-wrap"><div class="form-indent"><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-accent-hsl-h-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Hue</label> <input id="control-theme-accent-hsl-h-range" class="control-theme-accent-hsl-h-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-accent-hsl-h-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-accent-hsl-s-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Saturation</label> <input id="control-theme-accent-hsl-s-range" class="control-theme-accent-hsl-s-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-accent-hsl-s-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-accent-hsl-l-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Lightness</label> <input id="control-theme-accent-hsl-l-range" class="control-theme-accent-hsl-l-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-accent-hsl-l-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-accent-rgb-r-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Red</label> <input id="control-theme-accent-rgb-r-range" class="control-theme-accent-rgb-r-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-accent-rgb-r-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-accent-rgb-g-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Green</label> <input id="control-theme-accent-rgb-g-range" class="control-theme-accent-rgb-g-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-accent-rgb-g-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-theme-accent-rgb-b-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Blue</label> <input id="control-theme-accent-rgb-b-range" class="control-theme-accent-rgb-b-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-accent-rgb-b-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div></div></div><hr><div class="form-wrap"><input id="control-theme-accent-random-active" class="control-theme-accent-random-active" type="checkbox" tabindex="-1"> <label for="control-theme-accent-random-active"><span class="label-icon"></span> Random Accent colour on load/refresh</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-theme-accent-random-style-any" class="control-theme-accent-random-style-any" type="radio" name="control-theme-accent-random-style" value="any" tabindex="-1"> <label for="control-theme-accent-random-style-any"><span class="label-icon"></span> Any colour</label></div><div class="form-wrap"><input id="control-theme-accent-random-style-light" class="control-theme-accent-random-style-light" type="radio" name="control-theme-accent-random-style" value="light" tabindex="-1"> <label for="control-theme-accent-random-style-light"><span class="label-icon"></span> Light colours</label></div><div class="form-wrap"><input id="control-theme-accent-random-style-dark" class="control-theme-accent-random-style-dark" type="radio" name="control-theme-accent-random-style" value="dark" tabindex="-1"> <label for="control-theme-accent-random-style-dark"><span class="label-icon"></span> Dark colours</label></div><div class="form-wrap"><input id="control-theme-accent-random-style-pastel" class="control-theme-accent-random-style-pastel" type="radio" name="control-theme-accent-random-style" value="pastel" tabindex="-1"> <label for="control-theme-accent-random-style-pastel"><span class="label-icon"></span> Pastel colours</label></div><div class="form-wrap"><input id="control-theme-accent-random-style-saturated" class="control-theme-accent-random-style-saturated" type="radio" name="control-theme-accent-random-style" value="saturated" tabindex="-1"> <label for="control-theme-accent-random-style-saturated"><span class="label-icon"></span> Saturated colours</label></div><div class="form-wrap"><button class="control-theme-accent-randomise button button-line" tabindex="-1">Randomise now</button></div></div></div><hr><div class="form-wrap"><input id="control-theme-accent-cycle-active" class="control-theme-accent-cycle-active" type="checkbox" tabindex="-1"> <label for="control-theme-accent-cycle-active"><span class="label-icon"></span> Auto change Accent hue</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label for="control-theme-accent-cycle-speed-range">Change delay</label><div class="form-group form-group-block"><input id="control-theme-accent-cycle-speed-range" class="control-theme-accent-cycle-speed-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-accent-cycle-speed-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-theme-accent-cycle-speed-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><label for="control-theme-accent-cycle-step-range">Change steps</label><div class="form-group form-group-block"><input id="control-theme-accent-cycle-step-range" class="control-theme-accent-cycle-step-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-accent-cycle-step-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-theme-accent-cycle-step-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><p class="control-theme-accent-cycle-helper form-helper-item">Take casre as a small delay in Accent hue change may cause performance issues.</p><p class="control-theme-accent-cycle-helper form-helper-item">Auto change Accent hue will not work when the Accent colour is a grey or black.</p></div></div></div></div></div><div id="menu-content-theme-radius" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Radius</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-theme-radius-range">All corners</label><div class="form-group form-group-block"><input id="control-theme-radius-range" class="control-theme-radius-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-radius-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-theme-radius-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><div id="menu-content-theme-shadow" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Shadow</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-theme-shadow-range">Size</label><div class="form-group form-group-block"><input id="control-theme-shadow-range" class="control-theme-shadow-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-shadow-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-theme-shadow-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div><div id="menu-content-theme-shade" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Shade</h1></div><div class="menu-item-form"><div class="form-wrap"><label for="control-theme-shade-opacity-range">Opacity</label><div class="form-group form-group-block"><input id="control-theme-shade-opacity-range" class="control-theme-shade-opacity-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-theme-shade-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-theme-shade-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><p class="control-theme-shade-opacity-helper form-helper-item">The shade appears behind Modals and the Menu.</p></div></div></div></div><div id="menu-content-background" class="menu-content menu-content-overscroll menu-content-background"><div id="menu-content-background-color" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Colour</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-background-color-by-theme" class="control-background-color-by-theme" type="radio" name="control-background-color-by" value="theme" tabindex="-1"> <label for="control-background-color-by-theme"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Theme colour</span> <span class="label-block-item small muted">Use the Background colour defined by the Theme.</span></span></label></div><div class="form-wrap"><input id="control-background-color-by-custom" class="control-background-color-by-custom" type="radio" name="control-background-color-by" value="custom" tabindex="-1"> <label for="control-background-color-by-custom"><span class="label-icon"></span> <span class="label-block"><span class="label-block-item">Custom colour</span> <span class="label-block-item small muted">Override the Theme colour.</span></span></label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><div class="form-group form-group-block"><input id="control-background-color-rgb-color" class="form-group-item-half control-background-color-rgb-color" type="color" value="#000000" tabindex="1"> <input id="control-background-color-rgb-text" class="form-group-item-half control-background-color-rgb-text" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></div></div><div class="form-wrap"><p class="control-background-color-by-custom-helper form-helper-item">Take care as some colours may make the Clock, Date and other text unreadable.</p></div><div class="form-wrap"><div class="form-indent"><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-background-color-hsl-h-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Hue</label> <input id="control-background-color-hsl-h-range" class="control-background-color-hsl-h-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-color-hsl-h-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-background-color-hsl-s-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Saturation</label> <input id="control-background-color-hsl-s-range" class="control-background-color-hsl-s-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-color-hsl-s-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-background-color-hsl-l-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Lightness</label> <input id="control-background-color-hsl-l-range" class="control-background-color-hsl-l-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-color-hsl-l-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><hr><div class="form-wrap"><div class="form-group form-group-block"><label for="control-background-color-rgb-r-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Red</label> <input id="control-background-color-rgb-r-range" class="control-background-color-rgb-r-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-color-rgb-r-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-background-color-rgb-g-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Green</label> <input id="control-background-color-rgb-g-range" class="control-background-color-rgb-g-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-color-rgb-g-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div><div class="form-wrap"><div class="form-group form-group-block"><label for="control-background-color-rgb-b-range" class="form-group-text form-group-text-left form-group-text-transparent form-group-text-borderless form-group-item-medium mr-3 pb-0">Blue</label> <input id="control-background-color-rgb-b-range" class="control-background-color-rgb-b-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-color-rgb-b-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"></div></div></div></div></div></div></div></div><div id="menu-content-background-visual" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Visual</h1></div><div class="menu-item-form"><div class="form-wrap"><input id="control-background-visual-show" class="control-background-visual-show" type="checkbox" tabindex="-1"> <label for="control-background-visual-show"><span class="label-icon"></span> Show Background Video or Image</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-background-visual-type-video" class="control-background-visual-type-video" type="radio" name="control-background-visual-type" value="video" tabindex="-1"> <label for="control-background-visual-type-video"><span class="label-icon"></span> Video</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label for="control-background-visual-video-url">URL</label> <input id="control-background-visual-video-url" class="control-background-visual-video-url" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="https://www.example.com/video.mp4" tabindex="-1"></div><div class="form-wrap"><p class="control-background-visual-video-url-helper form-helper-item">Supports MP4 and WebM format.</p></div></div></div><div class="form-wrap"><input id="control-background-visual-type-image" class="control-background-visual-type-image" type="radio" name="control-background-visual-type" value="image" tabindex="-1"> <label for="control-background-visual-type-image"><span class="label-icon"></span> Image</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><input id="control-background-visual-image-type-file" class="control-background-visual-image-type-file" type="radio" name="control-background-visual-image-type" value="file" tabindex="-1"> <label for="control-background-visual-image-type-file"><span class="label-icon"></span> Local file</label></div><div class="form-wrap"><div class="form-indent"><div class="form-inline"><div class="form-input-button form-input-button-line form-input-hide"><input id="control-background-visual-image-file" class="control-background-visual-image-file" type="file"> <label for="control-background-visual-image-file">Select image</label></div><button class="control-background-visual-image-clear button button-line">Clear image</button></div><div class="form-wrap"><p class="control-background-visual-image-file-helper form-helper-item">Max image size 5MB, (due to browser local storage limits).</p></div><div class="form-wrap"><p class="control-background-visual-image-file-helper form-helper-item">Take care with large files, they may impact performance.</p></div><div class="form-wrap"><div class="control-background-visual-image-file-feedback form-feedback"></div></div></div></div><div class="form-wrap"><input id="control-background-visual-image-type-url" class="control-background-visual-image-type-url" type="radio" name="control-background-visual-image-type" value="url" tabindex="-1"> <label for="control-background-visual-image-type-url"><span class="label-icon"></span> URL</label></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><textarea id="control-background-visual-image-url" class="control-background-visual-image-url" spellcheck="false" placeholder="https://www.example.com/image.jpg" tabindex="-1"></textarea></div><div class="form-wrap"><p class="control-background-visual-image-url-helper form-helper-item">Add more than one URL separated by spaces or on new lines for a random background image on load.</p></div><div class="form-wrap"><p class="control-background-visual-image-url-helper form-helper-item">Unsplash can be used for random images, eg:</p><p class="control-background-visual-image-url-helper form-helper-item"><i>https://source.unsplash.com/random/1920x1080/?night,day,sky</i></p><p class="control-background-visual-image-url-helper form-helper-item">Change parameters after <i>.../random/</i> for more options. Loading times may vary.</p></div></div></div></div></div></div></div><div class="form-wrap"><div class="form-indent"><hr><div class="form-wrap"><label for="control-background-visual-opacity-range">Opacity</label><div class="form-group form-group-block"><input id="control-background-visual-opacity-range" class="control-background-visual-opacity-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-visual-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-background-visual-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><label for="control-background-visual-grayscale-range">Greyscale</label><div class="form-group form-group-block"><input id="control-background-visual-grayscale-range" class="control-background-visual-grayscale-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-visual-grayscale-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-background-visual-grayscale-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><label for="control-background-visual-blur-range">Blur</label><div class="form-group form-group-block"><input id="control-background-visual-blur-range" class="control-background-visual-blur-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-visual-blur-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-background-visual-blur-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><label for="control-background-visual-accent-range">Accent overlay</label><div class="form-group form-group-block"><input id="control-background-visual-accent-range" class="control-background-visual-accent-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-visual-accent-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-background-visual-accent-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><label for="control-background-visual-scale-range">Size</label><div class="form-group form-group-block"><input id="control-background-visual-scale-range" class="control-background-visual-scale-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-visual-scale-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-background-visual-scale-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><hr><div class="form-wrap"><label for="control-background-vignette-opacity-range">Vignette</label><div class="form-group form-group-block"><input id="control-background-vignette-opacity-range" class="control-background-vignette-opacity-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-vignette-opacity-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-background-vignette-opacity-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><div class="form-indent"><div class="form-wrap"><label for="control-background-vignette-start-range">Start</label><div class="form-group form-group-block"><input id="control-background-vignette-start-range" class="control-background-vignette-start-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-vignette-start-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-background-vignette-start-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div><div class="form-wrap"><label for="control-background-vignette-end-range">End</label><div class="form-group form-group-block"><input id="control-background-vignette-end-range" class="control-background-vignette-end-range mr-3" type="range" value="0" tabindex="-1"> <input class="control-background-vignette-end-number form-group-item-medium form-group-radius-left" type="number" value="0" tabindex="-1"> <button class="control-background-vignette-end-default button button-line" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button></div></div></div></div></div></div></div></div></div><div id="menu-content-data" class="menu-content menu-content-overscroll menu-content-data"><div id="menu-content-data-restore" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Restore</h1></div><div class="menu-item-form"><div class="form-wrap"><div class="form-input-button form-input-button-line form-input-hide"><input id="control-data-import" class="control-data-import" type="file" tabindex="-1"> <label for="control-data-import">Import data</label></div></div><div class="form-wrap"><p class="control-data-import-helper form-helper-item">Restore a previously exported nightTab backup.</p></div><div class="form-wrap"><div class="control-data-import-feedback form-feedback"></div></div></div></div><div id="menu-content-data-backup" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Backup</h1></div><div class="menu-item-form"><div class="form-wrap"><button class="control-data-export button button-line" tabindex="-1">Export data</button></div><div class="form-wrap"><p class="control-data-export-helper form-helper-item">Download a backup of your nightTab Bookmarks and Settings.</p><p class="control-data-export-helper form-helper-item">This file can later be imported on this or another deivce.</p></div></div></div><div id="menu-content-data-clear" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Clear</h1></div><div class="menu-item-form"><div class="form-wrap"><button class="control-data-clear button button-line" tabindex="-1">Clear data</button></div><div class="form-wrap"><p class="control-data-clear-helper form-helper-item">Wipe all data and restore nightTab to the default state.</p></div></div></div></div><div id="menu-content-firefox" class="menu-content menu-content-firefox"><div id="menu-content-firefox-homepage" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Homepage</h1></div><div class="menu-item-form"><p>Firefox does not allow addons to replace the "homepage". However there is a workaround:</p><div class="form-wrap"><ol><li>Open a new Firefox window</li><li>Open Firefox <code>Preferences</code> and open a new tab (nightTab)</li><li>In Firefox preferences under <code>Home</code>, change <code>Homepage and new windows</code> to <code>Custom URLs...</code></li><li>Then click <code>Use Current Page</code></li></ol><p>nightTab will now appear as the homepage.</p></div></div></div></div><div id="menu-content-coffee" class="menu-content menu-content-coffee"><div id="menu-content-coffee-coffee" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">Coffee for fuel</h1></div><div class="menu-item-form"><div class="form-wrap"><p>nightTab is free, appreciation is welcome in the form of coffee!</p></div><hr><div class="form-wrap"><a href="https://www.buymeacoffee.com/zombieFox" class="button button-line button-large px-4 py-3"><svg width="39" height="32" viewbox="0 0 39 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="coffee-icon"><g><path d="M11.7043 8.72025C11.1342 8.72025 10.672 8.25805 10.672 7.68798C10.672 6.90875 10.878 6.47121 11.0284 6.15172L11.0285 6.15151C11.1348 5.92546 11.1882 5.81188 11.1882 5.4943C11.1882 5.17672 11.1348 5.06323 11.0287 4.83736L11.0284 4.83688C10.878 4.51739 10.672 4.07971 10.672 3.30061C10.672 2.52151 10.878 2.08396 11.0284 1.76448C11.1347 1.53846 11.1882 1.42483 11.1882 1.10731C11.1882 0.537246 11.6504 0.0750504 12.2204 0.0750504C12.7905 0.0750504 13.2527 0.537246 13.2527 1.10731C13.2527 1.88641 13.0468 2.32396 12.8963 2.64345C12.79 2.86947 12.7366 2.9831 12.7366 3.30061C12.7366 3.61806 12.7899 3.73155 12.8961 3.95742L12.8963 3.9579C13.0468 4.27739 13.2527 4.71507 13.2527 5.4943C13.2527 6.27353 13.0468 6.71108 12.8963 7.03069L12.8961 7.03117C12.7899 7.25705 12.7366 7.37053 12.7366 7.68798C12.7366 8.25805 12.2744 8.72025 11.7043 8.72025Z"/><path d="M33.14 14.7847H31.7551C31.9661 13.7656 32.0755 12.7276 32.0755 11.6879C32.0755 11.1178 31.6133 10.6556 31.0432 10.6556H1.13975C0.56968 10.6556 0.107484 11.1178 0.107484 11.6879C0.107484 15.7987 1.81227 19.8815 4.78479 22.8895C7.83255 25.9735 11.848 27.6719 16.0915 27.6719C19.0905 27.6719 21.9752 26.8225 24.4853 25.2363H33.1186C36 25.2363 38.3443 22.892 38.3443 20.0105C38.3443 17.1289 36.0096 14.7847 33.14 14.7847ZM29.9711 12.7203C29.4226 19.8055 23.2899 25.6075 16.0915 25.6075C8.8932 25.6075 2.7604 19.8055 2.21188 12.7203H29.9711ZM33.1186 23.1718H27.1124C27.2085 23.079 27.3037 22.9849 27.3982 22.8895C29.1033 21.164 30.3903 19.0845 31.1787 16.8492H33.14C34.8712 16.8492 36.2798 18.2673 36.2798 20.0105C36.2798 21.7537 34.8617 23.1718 33.1186 23.1718Z"/><path d="M30.9679 30.0105H1.03226C0.462195 30.0105 0 30.4727 0 31.0428C0 31.6129 0.462195 32.075 1.03226 32.075H30.9679C31.5379 32.075 32.0001 31.6129 32.0001 31.0428C32.0001 30.4727 31.5379 30.0105 30.9679 30.0105Z"/><path d="M14.8011 7.68798C14.8011 8.25805 15.2633 8.72025 15.8334 8.72025C16.4034 8.72025 16.8656 8.25805 16.8656 7.68798C16.8656 7.37053 16.919 7.25705 17.0251 7.03117L17.0254 7.03069C17.1758 6.71108 17.3817 6.27353 17.3817 5.4943C17.3817 4.71507 17.1758 4.27739 17.0254 3.9579L17.0251 3.95742C16.919 3.73155 16.8656 3.61806 16.8656 3.30061C16.8656 2.98309 16.919 2.86954 17.0253 2.64352C17.1758 2.32403 17.3817 1.88641 17.3817 1.10731C17.3817 0.537246 16.9196 0.0750504 16.3495 0.0750504C15.7794 0.0750504 15.3172 0.537246 15.3172 1.10731C15.3172 1.42483 15.2638 1.53839 15.1575 1.7644C15.0071 2.08389 14.8011 2.52151 14.8011 3.30061C14.8011 4.07971 15.007 4.51739 15.1575 4.83688L15.1577 4.83736C15.2639 5.06323 15.3172 5.17672 15.3172 5.4943C15.3172 5.81188 15.2638 5.92546 15.1576 6.15151L15.1575 6.15172C15.007 6.47121 14.8011 6.90875 14.8011 7.68798Z"/><path d="M19.9624 8.72025C19.3923 8.72025 18.9301 8.25805 18.9301 7.68798C18.9301 6.90875 19.1361 6.47121 19.2865 6.15172L19.2866 6.15152C19.3929 5.92546 19.4463 5.81188 19.4463 5.4943C19.4463 5.17671 19.3929 5.06323 19.2868 4.83735L19.2865 4.83688C19.1361 4.51739 18.9301 4.07971 18.9301 3.30061C18.9301 2.52151 19.1361 2.08396 19.2865 1.76448C19.3928 1.53845 19.4463 1.42483 19.4463 1.10731C19.4463 0.537246 19.9085 0.0750504 20.4785 0.0750504C21.0486 0.0750504 21.5108 0.537246 21.5108 1.10731C21.5108 1.88641 21.3049 2.32396 21.1544 2.64345C21.0481 2.86947 20.9947 2.98309 20.9947 3.30061C20.9947 3.61806 21.048 3.73155 21.1542 3.95742L21.1544 3.9579C21.3049 4.27739 21.5108 4.71507 21.5108 5.4943C21.5108 6.27353 21.3049 6.71108 21.1544 7.03069L21.1542 7.03117C21.048 7.25705 20.9947 7.37053 20.9947 7.68798C20.9947 8.25805 20.5325 8.72025 19.9624 8.72025Z"/></g></svg> <span class="button-text">Buy me a coffee</span></a></div></div></div></div><div id="menu-content-nighttab" class="menu-content menu-content-nighttab"><div id="menu-content-nighttab-nighttab" class="menu-content-item"><div class="menu-item-header"><h1 class="menu-item-header-text">nightTab</h1></div><div class="menu-item-form"><div class="form-wrap"><p class="mb-1">Version <strong class="display-version"></strong></p><p class="display-name small"></p></div><hr><div class="form-wrap"><p>Project repository on <a href="https://github.com/zombieFox/nightTab" target="_blank" tabindex="-1">GitHub</a>.</p></div><hr><div class="form-wrap"><p>For feedback and support, submit an <a href="https://github.com/zombieFox/nightTab/issues" target="_blank" tabindex="-1">Issue.</a></p></div></div></div></div></div></section><script src="js/nighttab.min.js"></script></body></html>