Pridano nastaveni webu

dist/custom.css

@@ -1,4 +1,16 @@
 /*Google Places autocomplete*/
 .pac-container {
 	z-index: 99999;
-}
+}
+
+.inl-bl { display: inline-block;  }.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; } 
+
+.small-box {
+    width: 8em; height: 6em; border: 2px solid; text-align: center; position: relative; margin: 1em; float:left; background-color: white;
+}
+
+.small-box.on {background-color: #cccccc;}
+.small-box1 {font-family: Arial;} 
+.small-box2 {font-family: Tahoma;}
+.small-box3 {font-family: 'Comic Sans MS';}   
+#cp9 {background-color: pink;}

dist/custom.js

@@ -47,4 +47,21 @@ $('.js-delete-button-confirmation-trigger').click(function () {
 
 	$('.js-delete-button-confirmation').attr('hidden', true);
 	$('.js-delete-button-trigger').attr('hidden', false);
-});
+});
+
+$(function() { $('#cp9').colorpicker({ customClass: 'colorpicker-2x', sliders: { saturation: { maxLeft: 200, maxTop: 200 }, hue: { maxTop: 200 }, alpha: { maxTop: 200 } } });  });
+
+$(function() {$('#cp9').colorpicker().on(
+			'changeColor',
+			function() {
+				$('#cp9').css('background-color',
+						$(this).colorpicker('getValue', '#ffffff'));
+			});
+ });
+
+$( function() {
+  $('.small-box').click( function() {
+      $('.small-box').removeClass('on')
+      $(this).toggleClass('on');
+} )
+});