#loader:spinneron {
    action-client: setStyle;
    setStyle-name: display;
    setStyle-value: block;
}

#loader:spinneroff {
    action-client: setStyle;
    setStyle-name: display;
    setStyle-value: none;
}

body:load {
	action-client: setStyle;
	setStyle-kssSelector: css(#loader);  
	setStyle-name: display;
	setStyle-value: none;
}

a[href^=#]:click {
    evt-click-preventdefault: true;
    
    action-client: fx alias(scroll);
    scroll-kssSelector: #body;
    scroll-scrollTop: nodeAttr(href);
    scroll-history: true;
    scroll-duration: 1000;
    
    action-client: fx alias(highlight);
    highlight-kssSelector: nodeAttr(href);
    highlight-backgroundColor: "#efeee1 #fff";
    highlight-duration: "0 1000";
    highlight-delay: 1500;
}

a.popup:click {
    evt-click-preventdefault: true;
    action-client: openURL;
    openURL-target: _blank;
    openURL-href: nodeAttr(href);
    openURL-width: 60%;
    openURL-height: 60%;
    openURL-top: 15%;
    openURL-location: no;
    openURL-menubar: no;
    openURL-resizeable: yes;
    openURL-scrollbars: yes;
    openURL-status: no;
    openURL-toolbar: no;
}

.clipboard:click {
    evt-click-allowbubbling: true;
    action-client: fx;
    fx-opacity: "0 1";
    fx-duration: "0 750";
}

#giraffe:timeout {
    evt-timeout-delay: 60000;
    evt-timeout-repeat: false;
    
    action-client: fx alias(slidein);
    slidein-right: 0;
    slidein-duration: 1500;
    
    action-client: fx alias(showbubble);
    showbubble-kssSelector: #bubble;
    showbubble-opacity: 1;
    showbubble-delay: 2000;
}
#giraffe-close:click {
    action-client: fx alias(slideout);
    slideout-kssSelector: #giraffe;
    slideout-right: -200px;
    slideout-duration: 1500;
    slideout-delay: 1000;
    
    action-client: fx alias(hidebubble);
    hidebubble-kssSelector: #bubble;
    hidebubble-opacity: 0;
}

/* kss */

.close-cover:click {
	action-server: close_cover;
	close_cover-kssUrl: "/common/kss/close_cover";
	evt-click-preventdefault: True;
	evt-click-allowbubbling: False;
}

.image-reference a.reference:click {
	action-server: view_image;
	view_image-kssUrl: "/common/kss/view_image";
	view_image-url: nodeAttr(href);
	view_image-title: nodeAttr(title);
	evt-click-preventdefault: True;
	evt-click-allowbubbling: True;
}