mirror of
https://github.com/hyperion-project/hyperion.ng.git
synced 2023-10-10 13:36:59 +02:00
Web: Add Hyperion logo and bigger colorpicker (#173)
This commit is contained in:
parent
1ff8528597
commit
bc0c9c469f
23
assets/webconfig/css/hyperion.css
Normal file
23
assets/webconfig/css/hyperion.css
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
/*Header*/
|
||||||
|
.navbar-brand{padding: 5px;height:90px;}
|
||||||
|
.sidebar{margin-top:91px;}
|
||||||
|
.dropdown{font-size:18px;}
|
||||||
|
@media (max-width: 767px) {.sidebar{margin-top:0px;}}
|
||||||
|
|
||||||
|
/*Colopicker 2x*/
|
||||||
|
.colorpicker-2x .colorpicker-saturation {
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colorpicker-2x .colorpicker-hue,
|
||||||
|
.colorpicker-2x .colorpicker-alpha {
|
||||||
|
width: 30px;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.colorpicker-2x .colorpicker-color,
|
||||||
|
.colorpicker-2x .colorpicker-color div {
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
.colorpicker-2x .colorpicker-selectors i{height:20px;width:20px;}
|
BIN
assets/webconfig/img/hyperion/hyperionlogo.png
Normal file
BIN
assets/webconfig/img/hyperion/hyperionlogo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 13 KiB |
@ -51,6 +51,7 @@
|
|||||||
|
|
||||||
<!-- Custom CSS -->
|
<!-- Custom CSS -->
|
||||||
<link href="css/sb-admin-2.css" rel="stylesheet">
|
<link href="css/sb-admin-2.css" rel="stylesheet">
|
||||||
|
<link href="css/hyperion.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Custom Fonts -->
|
<!-- Custom Fonts -->
|
||||||
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||||||
@ -77,7 +78,7 @@
|
|||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
</button>
|
</button>
|
||||||
<a class="navbar-brand" href="index.html">Hyperion</a>
|
<a class="navbar-brand" href="index.html"><img src="img/hyperion/hyperionlogo.png" alt="Redefine ambient light!"></a>
|
||||||
</div>
|
</div>
|
||||||
<!-- /.navbar-header -->
|
<!-- /.navbar-header -->
|
||||||
|
|
||||||
|
@ -35,7 +35,26 @@
|
|||||||
$(function() {
|
$(function() {
|
||||||
$('#cp2').colorpicker({
|
$('#cp2').colorpicker({
|
||||||
format: 'rgb',
|
format: 'rgb',
|
||||||
colorSelectors: {'default': '#777777'}
|
colorSelectors: {'default': '#777777',
|
||||||
|
'primary': '#337ab7',
|
||||||
|
'success': '#5cb85c',
|
||||||
|
'info': '#5bc0de',
|
||||||
|
'warning': '#f0ad4e',
|
||||||
|
'danger': '#d9534f'
|
||||||
|
},
|
||||||
|
customClass: 'colorpicker-2x',
|
||||||
|
sliders: {
|
||||||
|
saturation: {
|
||||||
|
maxLeft: 200,
|
||||||
|
maxTop: 200
|
||||||
|
},
|
||||||
|
hue: {
|
||||||
|
maxTop: 200
|
||||||
|
},
|
||||||
|
alpha: {
|
||||||
|
maxTop: 200
|
||||||
|
},
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#cp2').colorpicker().on('changeColor', function(e) {
|
$('#cp2').colorpicker().on('changeColor', function(e) {
|
||||||
|
Loading…
Reference in New Issue
Block a user