Repository navigation
Expand file tree
/
Copy pathcolor.html
More file actions
74 lines (74 loc) · 4.43 KB
/
Copy pathcolor.html
File metadata and controls
74 lines (74 loc) · 4.43 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<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</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> Always visible</label>
</div>
<div class="form-helper">
<p class="control-header-color-style-always-helper form-helper-item">Useful for when a Background Image is shown.</p>
</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> Visible on scroll</label>
</div>
<div class="form-helper">
<p class="control-header-color-style-scroll-helper form-helper-item">The page will not scroll if Bookmarks are not shown.</p>
</div>
<div class="form-helper">
<p class="control-header-color-style-scroll-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> Theme colour</label>
</div>
<div class="form-helper">
<p class="control-header-color-by-theme-helper form-helper-item">Use the Background colour defined by the Theme.</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> Custom colour</label>
</div>
<div class="form-helper">
<p class="control-header-color-by-custom-helper form-helper-item">Use a custom Background colour.</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-range" class="form-group-item-half control-header-color-rgb-range" 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>
</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" 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-helper">
<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>