Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

608 lines (508 sloc) 44.079 kb
/*
Copyright © 2011 MLstate
This file is part of OPA.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
/*Author: Ida Swarczewskaja, MLstate */
/**
* {1 About this module}
* This module allows you to use Twitter's bootstrap style (http://twitter.github.com/bootstrap/) directly in your application.
* It also includes several sets of icons.
*
* {2 Where should I start}
* If you want to use the legacy version (1.1.1), just import this package.
* Otherwise, call : Bootstrap.import(A_CERTAIN_VERSION) before launching your server.
* /!\ We do not check if the version you gave is correct or not /!\
*
* {3 How to use icons}
* There are different sizes:
* - to use 16x16 pixels icon, set class "icon"
* - to use 32x32 pixels icon, set class "icon32"
* There are different colors:
* - gray is the default
* - to use black color, set class "icon-white"
* - to use white color, set class "icon-black"
* There are different icons:
* - triangle (icon-triangle-n,icon-triangle-e, ...)
* - arrow (icon-arrow-n, icon-arrowthick-n, icon-arrowreturn-se, ...)
* - icon-plus, icon-minus, icon-close, icon-check, icon-help, icon-notice ...
*/
/* Publish resources */
@private
option : DynamicResource.config = {
sufix=some("icon.png")
prefix=none
onaccess=none
}
@private
param = {
expiration={none}
consumption={unlimited}
visibility={shared}
}
@private
publish_img(name) = DynamicResource.publish_extend(name,param,option)
/* resources */
@private
files_img = @static_include_directory("stdlib/themes/bootstrap/images")
@private
uri_img = Map.map(publish_img,files_img)
@private
get_img(name) =
x = Map.get("stdlib/themes/bootstrap/images/{name}",uri_img) ? ""
{url=Url.make(x)}
/* css */
@private
icon16 = css
/* Icons 16px */
/* Default 16px gray icons for light backgrounds */
.icon {
width: 16px;
height: 16px;
background-image: {get_img("icons16-gray.png")} ;
background-repeat: no-repeat;
display: inline-block;
vertical-align: text-top;
}
/* Dark gray icons, default hover style */
.icon:hover, .icon.icon-darkgray, .icons-darkgray .icon {background-image: {get_img("icons16-darkGray.png")};}
/* Color icons for light backgrounds, used for default active style */
.icon.icon-color, .icons-color .icon, .active .icon {background-image: {get_img("icons16-color.png")};}
/* White icons for vivid and dark backgrounds */
.icon.icon-white, .icons-white .icon {background-image: {get_img("icons16-white.png")};}
.icon.icon-white:hover, .icons-white .icon:hover, .icons-gray .icon {background-image: {get_img("icons16-gray.png")};}
/* Black icons for gray backgrounds */
.icon.icon-black, .icons-black .icon, .icon.icon-darkgray:hover {background-image: {get_img("icons16-black.png")};}
/* Blue icons */
.icon.icon-blue, .icons-blue .icon {background-image: {get_img("icons16-blue.png")};}
/* Green icons */
.icon.icon-green, .icons-green .icon {background-image: {get_img("icons16-green.png")};}
/* Red icons */
.icon.icon-red, .icons-red .icon {background-image: {get_img("icons16-red.png")};}
/* Orange icons */
.icon.icon-orange, .icons-orange .icon {background-image: {get_img("icons16-orange.png")};}
/* positioning */
/* triangle */
.active .icon.icon-triangle-n, .icon.icon-triangle-n, .icon.icon-triangle-n:hover { background-position: 0 0; }
.active .icon.icon-triangle-ne, .icon.icon-triangle-ne, .icon.icon-triangle-ne:hover { background-position: -16px 0; }
.active .icon.icon-triangle-e, .icon.icon-triangle-e, .icon.icon-triangle-e:hover { background-position: -32px 0; }
.active .icon.icon-triangle-se, .icon.icon-triangle-se, .icon.icon-triangle-se:hover { background-position: -48px 0; }
.active .icon.icon-triangle-s, .icon.icon-triangle-s, .icon.icon-triangle-s:hover { background-position: -64px 0; }
.active .icon.icon-triangle-sw, .icon.icon-triangle-sw, .icon.icon-triangle-sw:hover { background-position: -80px 0; }
.active .icon.icon-triangle-w, .icon.icon-triangle-w, .icon.icon-triangle-w:hover { background-position: -96px 0; }
.active .icon.icon-triangle-nw, .icon.icon-triangle-nw, .icon.icon-triangle-nw:hover { background-position: -112px 0; }
.active .icon.icon-triangle-ns, .icon.icon-triangle-ns, .icon.icon-triangle-ns:hover { background-position: -128px 0; }
.active .icon.icon-triangle-ew, .icon.icon-triangle-ew, .icon.icon-triangle-ew:hover { background-position: -144px 0; }
/* arrow stop */
.active .icon.icon-arrowstop-n, .icon.icon-arrowstop-n, .icon.icon-arrowstop-n:hover { background-position: -160px 0; }
.active .icon.icon-arrowstop-e, .icon.icon-arrowstop-e, .icon.icon-arrowstop-e:hover { background-position: -176px 0; }
.active .icon.icon-arrowstop-s, .icon.icon-arrowstop-s, .icon.icon-arrowstop-s:hover { background-position: -192px 0; }
.active .icon.icon-arrowstop-w, .icon.icon-arrowstop-w, .icon.icon-arrowstop-w:hover { background-position: -208px 0; }
/* arrow transfer, shuffle */
.active .icon.icon-transfer-ew, .icon.icon-transfer-ew, .icon.icon-transfer-ew:hover { background-position: -224px 0; }
.active .icon.icon-shuffle, .icon.icon-shuffle, .icon.icon-shuffle:hover { background-position: -240px 0; }
/* carat */
.active .icon.icon-carat-1-n, .icon.icon-carat-1-n, .icon.icon-carat-1-n:hover { background-position: 0 -16px; }
.active .icon.icon-carat-1-ne, .icon.icon-carat-1-ne, .icon.icon-carat-1-ne:hover { background-position: -16px -16px; }
.active .icon.icon-carat-1-e, .icon.icon-carat-1-e, .icon.icon-carat-1-e:hover { background-position: -32px -16px; }
.active .icon.icon-carat-1-se, .icon.icon-carat-1-se, .icon.icon-carat-1-se:hover { background-position: -48px -16px; }
.active .icon.icon-carat-1-s, .icon.icon-carat-1-s, .icon.icon-carat-1-s:hover { background-position: -64px -16px; }
.active .icon.icon-carat-1-sw, .icon.icon-carat-1-sw, .icon.icon-carat-1-sw:hover { background-position: -80px -16px; }
.active .icon.icon-carat-1-w, .icon.icon-carat-1-w, .icon.icon-carat-1-w:hover { background-position: -96px -16px; }
.active .icon.icon-carat-1-nw, .icon.icon-carat-1-nw, .icon.icon-carat-1-nw:hover { background-position: -112px -16px; }
.active .icon.icon-carat-2-ns, .icon.icon-carat-2-ns, .icon.icon-carat-2-ns:hover { background-position: -128px -16px; }
.active .icon.icon-carat-2-ew , .icon.icon-carat-2-ew , .icon.icon-carat-2-ew :hover { background-position: -144px -16px; }
/* symbols */
.active .icon.icon-plus, .icon.icon-plus, .icon.icon-plus:hover { background-position: -160px -16px; }
.active .icon.icon-minus, .icon.icon-minus, .icon.icon-minus:hover { background-position: -176px -16px; }
.active .icon.icon-close, .icon.icon-close, .icon.icon-close:hover { background-position: -192px -16px; }
.active .icon.icon-check, .icon.icon-check, .icon.icon-check:hover { background-position: -208px -16px; }
.active .icon.icon-help, .icon.icon-help, .icon.icon-help:hover { background-position: -224px -16px; }
.active .icon.icon-notice, .icon.icon-notice, .icon.icon-notice:hover { background-position: -240px -16px; }
/* arrow */
.active .icon.icon-arrow-n, .icon.icon-arrow-n, .icon.icon-arrow-n:hover { background-position: 0 -32px; }
.active .icon.icon-arrow-ne, .icon.icon-arrow-ne, .icon.icon-arrow-ne:hover { background-position: -16px -32px; }
.active .icon.icon-arrow-e, .icon.icon-arrow-e, .icon.icon-arrow-e:hover { background-position: -32px -32px; }
.active .icon.icon-arrow-se, .icon.icon-arrow-se, .icon.icon-arrow-se:hover { background-position: -48px -32px; }
.active .icon.icon-arrow-s, .icon.icon-arrow-s, .icon.icon-arrow-s:hover { background-position: -64px -32px; }
.active .icon.icon-arrow-sw, .icon.icon-arrow-sw, .icon.icon-arrow-sw:hover { background-position: -80px -32px; }
.active .icon.icon-arrow-w, .icon.icon-arrow-w, .icon.icon-arrow-w:hover { background-position: -96px -32px; }
.active .icon.icon-arrow-nw, .icon.icon-arrow-nw, .icon.icon-arrow-nw:hover { background-position: -112px -32px; }
.active .icon.icon-arrow-n-s, .icon.icon-arrow-n-s, .icon.icon-arrow-n-s:hover { background-position: -128px -32px; }
.active .icon.icon-arrow-ne-sw, .icon.icon-arrow-ne-sw, .icon.icon-arrow-ne-sw:hover { background-position: -144px -32px; }
.active .icon.icon-arrow-e-w, .icon.icon-arrow-e-w, .icon.icon-arrow-e-w:hover { background-position: -160px -32px; }
.active .icon.icon-arrow-se-nw, .icon.icon-arrow-se-nw, .icon.icon-arrow-se-nw:hover { background-position: -176px -32px; }
/* arrow dialog */
.active .icon.icon-arrow-nesw, .icon.icon-arrow-nesw, .icon.icon-arrow-nesw:hover { background-position: -192px -32px; }
.active .icon.icon-arrow-4diag, .icon.icon-arrow-4diag, .icon.icon-arrow-4diag:hover { background-position: -208px -32px; }
.active .icon.icon-newwin, .icon.icon-newwin, .icon.icon-newwin:hover { background-position: -224px -32px; }
.active .icon.icon-extlink, .icon.icon-extlink, .icon.icon-extlink:hover { background-position: -240px -32px; }
/* arrow thick */
.active .icon.icon-arrowthick-n, .icon.icon-arrowthick-n, .icon.icon-arrowthick-n:hover { background-position: 0 -48px; }
.active .icon.icon-arrowthick-ne, .icon.icon-arrowthick-ne, .icon.icon-arrowthick-ne:hover { background-position: -16px -48px; }
.active .icon.icon-arrowthick-e, .icon.icon-arrowthick-e, .icon.icon-arrowthick-e:hover { background-position: -32px -48px; }
.active .icon.icon-arrowthick-se, .icon.icon-arrowthick-se, .icon.icon-arrowthick-se:hover { background-position: -48px -48px; }
.active .icon.icon-arrowthick-s, .icon.icon-arrowthick-s, .icon.icon-arrowthick-s:hover { background-position: -64px -48px; }
.active .icon.icon-arrowthick-sw, .icon.icon-arrowthick-sw, .icon.icon-arrowthick-sw:hover { background-position: -80px -48px; }
.active .icon.icon-arrowthick-w, .icon.icon-arrowthick-w, .icon.icon-arrowthick-w:hover { background-position: -96px -48px; }
.active .icon.icon-arrowthick-nw, .icon.icon-arrowthick-nw, .icon.icon-arrowthick-nw:hover { background-position: -112px -48px; }
/* arrow return thick */
.active .icon.icon-undo, .icon.icon-undo, .icon.icon-undo:hover { background-position: -128px -48px; }
.active .icon.icon-redo, .icon.icon-redo, .icon.icon-redo:hover { background-position: -144px -48px; }
.active .icon.icon-replyall, .icon.icon-replyall, .icon.icon-replyall:hover { background-position: -160px -48px; }
.active .icon.icon-refresh, .icon.icon-refresh, .icon.icon-refresh:hover { background-position: -176px -48px; }
/* bullets */
.active .icon.icon-bullet-on, .icon.icon-bullet-on, .icon.icon-bullet-on:hover { background-position: -192px -48px; }
.active .icon.icon-bullet-off, .icon.icon-bullet-off, .icon.icon-bullet-off:hover { background-position: -208px -48px; }
.active .icon.icon-star-on, .icon.icon-star-on, .icon.icon-star-on:hover { background-position: -224px -48px; }
.active .icon.icon-star-off, .icon.icon-star-off, .icon.icon-star-off:hover { background-position: -240px -48px; }
/* arrow return */
.active .icon.icon-arrowreturn-se, .icon.icon-arrowreturn-se, .icon.icon-arrowreturn-se:hover { background-position: 0 -64px; }
.active .icon.icon-arrowreturn-sw, .icon.icon-arrowreturn-sw, .icon.icon-arrowreturn-sw:hover { background-position: -16px -64px; }
.active .icon.icon-arrowreturn-ne, .icon.icon-arrowreturn-ne, .icon.icon-arrowreturn-ne:hover { background-position: -32px -64px; }
.active .icon.icon-arrowreturn-nw, .icon.icon-arrowreturn-nw, .icon.icon-arrowreturn-nw:hover { background-position: -48px -64px; }
.active .icon.icon-arrowreturn-ws, .icon.icon-arrowreturn-ws, .icon.icon-arrowreturn-ws:hover { background-position: -64px -64px; }
.active .icon.icon-arrowreturn-es, .icon.icon-arrowreturn-es, .icon.icon-arrowreturn-es:hover { background-position: -80px -64px; }
.active .icon.icon-arrowreturn-wn, .icon.icon-arrowreturn-wn, .icon.icon-arrowreturn-wn:hover { background-position: -96px -64px; }
.active .icon.icon-arrowreturn-en, .icon.icon-arrowreturn-en, .icon.icon-arrowreturn-en:hover { background-position: -112px -64px; }
/* arrow refresh */
.active .icon.icon-arrowrefresh-w, .icon.icon-arrowrefresh-w, .icon.icon-arrowrefresh-w:hover { background-position: -128px -64px; }
.active .icon.icon-arrowrefresh-n, .icon.icon-arrowrefresh-n, .icon.icon-arrowrefresh-n:hover { background-position: -144px -64px; }
.active .icon.icon-arrowrefresh-e, .icon.icon-arrowrefresh-e, .icon.icon-arrowrefresh-e:hover { background-position: -160px -64px; }
.active .icon.icon-arrowrefresh-s, .icon.icon-arrowrefresh-s, .icon.icon-arrowrefresh-s:hover { background-position: -176px -64px; }
/* search, zoom */
.active .icon.icon-search, .icon.icon-search, .icon.icon-search:hover { background-position: -192px -64px; }
.active .icon.icon-zoomin, .icon.icon-zoomin, .icon.icon-zoomin:hover { background-position: -208px -64px; }
.active .icon.icon-zoomout, .icon.icon-zoomout, .icon.icon-zoomout:hover { background-position: -224px -64px; }
/* rss */
.active .icon.icon-rssfeed, .icon.icon-rssfeed, .icon.icon-rssfeed:hover { background-position: -240px -64px; }
/* user */
.active .icon.icon-home, .icon.icon-home, .icon.icon-home:hover { background-position: 0 -80px; }
.active .icon.icon-user, .icon.icon-user, .icon.icon-user:hover { background-position: -16px -80px; }
.active .icon.icon-print, .icon.icon-print, .icon.icon-print:hover { background-position: -32px -80px; }
.active .icon.icon-save, .icon.icon-save, .icon.icon-save:hover { background-position: -48px -80px; }
.active .icon.icon-book, .icon.icon-book, .icon.icon-book:hover { background-position: -64px -80px; }
.active .icon.icon-book-empty, .icon.icon-book-empty, .icon.icon-book-empty:hover { background-position: -80px -80px; }
.active .icon.icon-folder-collapsed, .icon.icon-folder-collapsed, .icon.icon-folder-collapsed:hover { background-position: -96px -80px; }
.active .icon.icon-folder-open, .icon.icon-folder-open, .icon.icon-folder-open:hover { background-position: -112px -80px; }
/* bookmark */
.active .icon.icon-flag, .icon.icon-flag, .icon.icon-flag:hover { background-position: -128px -80px; }
.active .icon.icon-bookmark, .icon.icon-bookmark, .icon.icon-bookmark:hover { background-position: -144px -80px; }
.active .icon.icon-heart, .icon.icon-heart, .icon.icon-heart:hover { background-position: -160px -80px; }
/* cancel */
.active .icon.icon-cancel, .icon.icon-cancel, .icon.icon-cancel:hover { background-position: -176px -80px; }
.active .icon.icon-trash, .icon.icon-trash, .icon.icon-trash:hover { background-position: -192px -80px; }
/* tag */
.active .icon.icon-pin, .icon.icon-pin, .icon.icon-pin:hover { background-position: -208px -80px; }
.active .icon.icon-tag, .icon.icon-tag, .icon.icon-tag:hover { background-position: -224px -80px; }
.active .icon.icon-lightbulb, .icon.icon-lightbulb, .icon.icon-lightbulb:hover { background-position: -240px -80px; }
/* settings */
.active .icon.icon-gear, .icon.icon-gear, .icon.icon-gear:hover { background-position: 0 -96px; }
.active .icon.icon-wrench, .icon.icon-wrench, .icon.icon-wrench:hover { background-position: -16px -96px; }
.active .icon.icon-locked, .icon.icon-locked, .icon.icon-locked:hover { background-position: -32px -96px; }
.active .icon.icon-unlocked, .icon.icon-unlocked, .icon.icon-unlocked:hover { background-position: -48px -96px; }
.active .icon.icon-key, .icon.icon-key, .icon.icon-key:hover { background-position: -64px -96px; }
/* office */
.active .icon.icon-clipboard, .icon.icon-clipboard, .icon.icon-clipboard:hover { background-position: -80px -96px; }
.active .icon.icon-scissors, .icon.icon-scissors, .icon.icon-scissors:hover { background-position: -96px -96px; }
.active .icon.icon-edit, .icon.icon-edit, .icon.icon-edit:hover { background-position: -112px -96px; }
.active .icon.icon-page, .icon.icon-page, .icon.icon-page:hover { background-position: -128px -96px; }
.active .icon.icon-copy, .icon.icon-copy, .icon.icon-copy:hover { background-position: -144px -96px; }
.active .icon.icon-note, .icon.icon-note, .icon.icon-note:hover { background-position: -160px -96px; }
.active .icon.icon-pdf, .icon.icon-pdf, .icon.icon-pdf:hover { background-position: -176px -96px; }
.active .icon.icon-doc, .icon.icon-doc, .icon.icon-doc:hover { background-position: -192px -96px; }
.active .icon.icon-xls, .icon.icon-xls, .icon.icon-xls:hover { background-position: -208px -96px; }
.active .icon.icon-document, .icon.icon-document, .icon.icon-document:hover { background-position: -224px -96px; }
.active .icon.icon-script, .icon.icon-script, .icon.icon-script:hover { background-position: -240px -96px; }
.active .icon.icon-date, .icon.icon-date, .icon.icon-cdate:hover { background-position: 0 -112px; }
.active .icon.icon-calendar, .icon.icon-calendar, .icon.icon-calendar:hover { background-position: -16px -112px; }
.active .icon.icon-clock, .icon.icon-clock, .icon.icon-clock:hover { background-position: -32px -112px; }
.active .icon.icon-envelope-closed, .icon.icon-envelope-closed, .icon.icon-envelope-closed:hover { background-position: -48px -112px; }
.active .icon.icon-envelope-open, .icon.icon-envelope-open, .icon.icon-envelope-open:hover { background-position: -64px -112px; }
.active .icon.icon-mail-closed, .icon.icon-mail-closed, .icon.icon-mail-closed:hover { background-position: -80px -112px; }
.active .icon.icon-mail-open, .icon.icon-mail-open, .icon.icon-mail-open:hover { background-position: -96px -112px; }
.active .icon.icon-link, .icon.icon-link, .icon.icon-link:hover { background-position: -112px -112px; }
.active .icon.icon-unlink, .icon.icon-unlink, .icon.icon-unlink:hover { background-position: -128px -112px; }
.active .icon.icon-web, .icon.icon-web, .icon.icon-web:hover { background-position: -144px -112px; }
.active .icon.icon-globe, .icon.icon-globe, .icon.icon-globe:hover { background-position: -160px -112px; }
.active .icon.icon-contacts, .icon.icon-contacts, .icon.icon-contacts:hover { background-position: -176px -112px; }
.active .icon.icon-profile, .icon.icon-profile, .icon.icon-profile:hover { background-position: -192px -112px; }
.active .icon.icon-image, .icon.icon-image, .icon.icon-image:hover { background-position: -208px -112px; }
.active .icon.icon-suitcase, .icon.icon-suitcase, .icon.icon-suitcase:hover { background-position: -224px -112px; }
.active .icon.icon-briefcase, .icon.icon-briefcase, .icon.icon-briefcase:hover { background-position: -240px -112px; }
/* circle symbols */
.active .icon.icon-cross, .icon.icon-cross, .icon.icon-cross:hover { background-position: 0 -128px; }
.active .icon.icon-add, .icon.icon-add, .icon.icon-add:hover { background-position: -16px -128px; }
.active .icon.icon-remove, .icon.icon-remove, .icon.icon-remove:hover { background-position: -32px -128px; }
.active .icon.icon-info, .icon.icon-info, .icon.icon-info:hover { background-position: -48px -128px; }
/* alert */
.active .icon.icon-alert, .icon.icon-alert, .icon.icon-alert:hover { background-position: -64px -128px; }
/* comments */
.active .icon.icon-comment-text, .icon.icon-comment-text, .icon.icon-comment-text:hover { background-position: -80px -128px; }
.active .icon.icon-comment-video, .icon.icon-comment-video, .icon.icon-comment-video:hover { background-position: -96px -128px; }
.active .icon.icon-comment, .icon.icon-comment, .icon.icon-comment:hover { background-position: -112px -128px; }
/* shopping */
.active .icon.icon-cart, .icon.icon-cart, .icon.icon-cart:hover { background-position: -128px -128px; }
.active .icon.icon-basket, .icon.icon-basket, .icon.icon-basket:hover { background-position: -144px -128px; }
/* media */
.active .icon.icon-messages, .icon.icon-messages, .icon.icon-messages:hover { background-position: -160px -128px; }
.active .icon.icon-users, .icon.icon-users, .icon.icon-users:hover { background-position: -176px -128px; }
.active .icon.icon-video, .icon.icon-video, .icon.icon-video:hover { background-position: -192px -128px; }
.active .icon.icon-audio, .icon.icon-audio, .icon.icon-audio:hover { background-position: -208px -128px; }
.active .icon.icon-volume-off, .icon.icon-volume-off, .icon.icon-volume-off:hover { background-position: -224px -128px; }
.active .icon.icon-volume-on, .icon.icon-volume-on, .icon.icon-volume-on:hover { background-position: -240px -128px; }
/* mail */
.active .icon.icon-compose, .icon.icon-compose, .icon.icon-compose:hover { background-position: 0 -144px; }
.active .icon.icon-inbox, .icon.icon-inbox, .icon.icon-inbox:hover { background-position: -16px -144px; }
.active .icon.icon-archive, .icon.icon-archive, .icon.icon-archive:hover { background-position: -32px -144px; }
.active .icon.icon-reply, .icon.icon-reply, .icon.icon-reply:hover { background-position: -48px -144px; }
.active .icon.icon-sent, .icon.icon-sent, .icon.icon-sent:hover { background-position: -64px -144px; }
.active .icon.icon-attachment, .icon.icon-attachment, .icon.icon-attachment:hover { background-position: -80px -144px; }
/* treeview */
.active .icon.icon-square-plus, .icon.icon-square-plus, .icon.icon-square-plus:hover { background-position: -160px -240px; }
.active .icon.icon-square-minus, .icon.icon-square-minus, .icon.icon-square-minus:hover { background-position: -176px -240px; }
.active .icon.icon-treeview-corner-plus, .icon.icon-treeview-corner-plus, .icon.icon-treeview-corner-plus:hover { background-position: -192px -240px; }
.active .icon.icon-treeview-corner-minus, .icon.icon-treeview-corner-minus, .icon.icon-treeview-corner-minus:hover { background-position: -208px -240px; }
.active .icon.icon-treeview-corner, .icon.icon-treeview-corner, .icon.icon-treeview-corner:hover { background-position: -224px -240px; }
.active .icon.icon-treeview-vertical-line, .icon.icon-treeview-vertical-line, .icon.icon-treeview-vertical-line:hover { background-position: -240px -240px; }
@private
icon32 = css
/* ---------------- Icons 32px ---------------- */
/* Default 32px gray icons for light backgrounds */
.icon32 {
width: 32px;
height: 32px;
background-image: {get_img("icons32-gray.png")};
background-repeat: no-repeat;
display: inline-block;
vertical-align: text-top;
}
/* Dark gray icons, default hover style */
.icon32:hover, .icon32.icon-darkgray, .icons-darkgray .icon32 {background-image: {get_img("icons32-darkGray.png")};}
/* Color icons for light backgrounds, used for default active style */
.icon32.icon-color, .icons-color .icon32, .active .icon32 {background-image: {get_img("icons32-color.png")};}
/* White icons for vivid and dark backgrounds */
.icon32.icon-white, .icons-white .icon32 {background-image: {get_img("icons32-white.png")};}
.icon32.icon-white:hover, .icons-white .icon32:hover, icons-gray .icon32 {background-image: {get_img("icons32-gray.png")};}
/* Black icons for gray backgrounds */
.icon32.icon-black, .icons-black .icon32, .icon32.icon-darkgray:hover {background-image: {get_img("icons32-black.png")};}
/* Blue icons */
.icon32.icon-blue, .icons-blue .icon32 {background-image: {get_img("icons32-blue.png")};}
/* Green icons */
.icon32.icon-green, .icons-green .icon32 {background-image: {get_img("icons32-green.png")};}
/* Red icons */
.icon32.icon-red, .icons-red .icon32 {background-image: {get_img("icons32-red.png")};}
/* Orange icons */
.icon32.icon-orange, .icons-orange .icon32 {background-image: {get_img("icons32-orange.png")};}
/* positioning */
/* triangle */
.active .icon32.icon-triangle-n, .icon32.icon-triangle-n, .icon32.icon-triangle-n:hover { background-position: 0 0; }
.active .icon32.icon-triangle-ne, .icon32.icon-triangle-ne, .icon32.icon-triangle-ne:hover { background-position: -32px 0; }
.active .icon32.icon-triangle-e, .icon32.icon-triangle-e, .icon32.icon-triangle-e:hover { background-position: -64px 0; }
.active .icon32.icon-triangle-se, .icon32.icon-triangle-se, .icon32.icon-triangle-se:hover { background-position: -96px 0; }
.active .icon32.icon-triangle-s, .icon32.icon-triangle-s, .icon32.icon-triangle-s:hover { background-position: -128px 0; }
.active .icon32.icon-triangle-sw, .icon32.icon-triangle-sw, .icon32.icon-triangle-sw:hover { background-position: -160px 0; }
.active .icon32.icon-triangle-w, .icon32.icon-triangle-w, .icon32.icon-triangle-w:hover { background-position: -192px 0; }
.active .icon32.icon-triangle-nw, .icon32.icon-triangle-nw, .icon32.icon-triangle-nw:hover { background-position: -224px 0; }
.active .icon32.icon-triangle-ns, .icon32.icon-triangle-ns, .icon32.icon-triangle-ns:hover { background-position: -256px 0; }
.active .icon32.icon-triangle-ew, .icon32.icon-triangle-ew, .icon32.icon-triangle-ew:hover { background-position: -288px 0; }
/* arrow stop */
.active .icon32.icon-arrowstop-n, .icon32.icon-arrowstop-n, .icon32.icon-arrowstop-n:hover { background-position: -320px 0; }
.active .icon32.icon-arrowstop-e, .icon32.icon-arrowstop-e, .icon32.icon-arrowstop-e:hover { background-position: -352px 0; }
.active .icon32.icon-arrowstop-s, .icon32.icon-arrowstop-s, .icon32.icon-arrowstop-s:hover { background-position: -384px 0; }
.active .icon32.icon-arrowstop-w, .icon32.icon-arrowstop-w, .icon32.icon-arrowstop-w:hover { background-position: -416px 0; }
/* arrow transfert, shuffle */
.active .icon32.icon-transfer-ew, .icon32.icon-transfer-ew, .icon32.icon-transfer-ew:hover { background-position: -448px 0; }
.active .icon32.icon-shuffle, .icon32.icon-shuffle, .icon32.icon-shuffle:hover { background-position: -480px 0; }
/* carat */
.active .icon32.icon-carat-1-n, .icon32.icon-carat-1-n, .icon32.icon-carat-1-n:hover { background-position: 0 -32px; }
.active .icon32.icon-carat-1-ne, .icon32.icon-carat-1-ne, .icon32.icon-carat-1-ne:hover { background-position: -32px -32px; }
.active .icon32.icon-carat-1-e, .icon32.icon-carat-1-e, .icon32.icon-carat-1-e:hover { background-position: -64px -32px; }
.active .icon32.icon-carat-1-se, .icon32.icon-carat-1-se, .icon32.icon-carat-1-se:hover { background-position: -96px -32px; }
.active .icon32.icon-carat-1-s, .icon32.icon-carat-1-s, .icon32.icon-carat-1-s:hover { background-position: -128px -32px; }
.active .icon32.icon-carat-1-sw, .icon32.icon-carat-1-sw, .icon32.icon-carat-1-sw:hover { background-position: -160px -32px; }
.active .icon32.icon-carat-1-w, .icon32.icon-carat-1-w, .icon32.icon-carat-1-w:hover { background-position: -192px -32px; }
.active .icon32.icon-carat-1-nw, .icon32.icon-carat-1-nw, .icon32.icon-carat-1-nw:hover { background-position: -224px -32px; }
.active .icon32.icon-carat-2-ns, .icon32.icon-carat-2-ns, .icon32.icon-carat-2-ns:hover { background-position: -256px -32px; }
.active .icon32.icon-carat-2-ew , .icon32.icon-carat-2-ew , .icon32.icon-carat-2-ew:hover { background-position: -288px -32px; }
/* symbols */
.active .icon32.icon-plus, .icon32.icon-plus, .icon32.icon-plus:hover { background-position: -320px -32px; }
.active .icon32.icon-minus, .icon32.icon-minus, .icon32.icon-minus:hover { background-position: -352px -32px; }
.active .icon32.icon-close, .icon32.icon-close, .icon32.icon-close:hover { background-position: -384px -32px; }
.active .icon32.icon-check, .icon32.icon-check, .icon32.icon-check:hover { background-position: -416px -32px; }
.active .icon32.icon-help, .icon32.icon-help, .icon32.icon-help:hover { background-position: -448px -32px; }
.active .icon32.icon-notice, .icon32.icon-notice, .icon32.icon-notice:hover { background-position: -480px -32px; }
/* arrow */
.active .icon32.icon-arrow-n, .icon32.icon-arrow-n, .icon32.icon-arrow-n:hover { background-position: 0 -64px; }
.active .icon32.icon-arrow-ne, .icon32.icon-arrow-ne, .icon32.icon-arrow-ne:hover { background-position: -32px -64px; }
.active .icon32.icon-arrow-e, .icon32.icon-arrow-e, .icon32.icon-arrow-e:hover { background-position: -64px -64px; }
.active .icon32.icon-arrow-se, .icon32.icon-arrow-se, .icon32.icon-arrow-se:hover { background-position: -96px -64px; }
.active .icon32.icon-arrow-s, .icon32.icon-arrow-s, .icon32.icon-arrow-s:hover { background-position: -128px -64px; }
.active .icon32.icon-arrow-sw, .icon32.icon-arrow-sw, .icon32.icon-arrow-sw:hover { background-position: -160px -64px; }
.active .icon32.icon-arrow-w, .icon32.icon-arrow-w, .icon32.icon-arrow-w:hover { background-position: -192px -64px; }
.active .icon32.icon-arrow-nw, .icon32.icon-arrow-nw, .icon32.icon-arrow-nw:hover { background-position: -224px -64px; }
.active .icon32.icon-arrow-n-s, .icon32.icon-arrow-n-s, .icon32.icon-arrow-n-s:hover { background-position: -256px -64px; }
.active .icon32.icon-arrow-ne-sw, .icon32.icon-arrow-ne-sw, .icon32.icon-arrow-ne-sw:hover { background-position: -288px -64px; }
.active .icon32.icon-arrow-e-w, .icon32.icon-arrow-e-w, .icon32.icon-arrow-e-w:hover { background-position: -320px -64px; }
.active .icon32.icon-arrow-se-nw, .icon32.icon-arrow-se-nw, .icon32.icon-arrow-se-nw:hover { background-position: -352px -64px; }
/* arrow dialog */
.active .icon32.icon-arrow-nesw, .icon32.icon-arrow-nesw, .icon32.icon-arrow-nesw:hover { background-position: -384px -64px; }
.active .icon32.icon-arrow-4diag, .icon32.icon-arrow-4diag, .icon32.icon-arrow-4diag:hover { background-position: -416px -64px; }
.active .icon32.icon-newwin, .icon32.icon-newwin, .icon32.icon-newwin:hover { background-position: -448px -64px; }
.active .icon32.icon-extlink, .icon32.icon-extlink, .icon32.icon-extlink:hover { background-position: -480px -64px; }
/* arrow thick */
.active .icon32.icon-arrowthick-n, .icon32.icon-arrowthick-n, .icon32.icon-arrowthick-n:hover { background-position: 0 -96px; }
.active .icon32.icon-arrowthick-ne, .icon32.icon-arrowthick-ne, .icon32.icon-arrowthick-ne:hover { background-position: -32px -96px; }
.active .icon32.icon-arrowthick-e, .icon32.icon-arrowthick-e, .icon32.icon-arrowthick-e:hover { background-position: -64px -96px; }
.active .icon32.icon-arrowthick-se, .icon32.icon-arrowthick-se, .icon32.icon-arrowthick-se:hover { background-position: -96px -96px; }
.active .icon32.icon-arrowthick-s, .icon32.icon-arrowthick-s, .icon32.icon-arrowthick-s:hover { background-position: -128px -96px; }
.active .icon32.icon-arrowthick-sw, .icon32.icon-arrowthick-sw, .icon32.icon-arrowthick-sw:hover { background-position: -160px -96px; }
.active .icon32.icon-arrowthick-w, .icon32.icon-arrowthick-w, .icon32.icon-arrowthick-w:hover { background-position: -192px -96px; }
.active .icon32.icon-arrowthick-nw, .icon32.icon-arrowthick-nw, .icon32.icon-arrowthick-nw:hover { background-position: -224px -96px; }
/* arrow return thick */
.active .icon32.icon-undo, .icon32.icon-undo, .icon32.icon-undo:hover { background-position: -256px -96px; }
.active .icon32.icon-redo, .icon32.icon-redo, .icon32.icon-redo:hover { background-position: -288px -96px; }
.active .icon32.icon-replyall, .icon32.icon-replyall, .icon32.icon-replyall:hover { background-position: -320px -96px; }
.active .icon32.icon-refresh, .icon32.icon-refresh, .icon32.icon-refresh:hover { background-position: -352px -96px; }
/* bullets */
.active .icon32.icon-bullet-on, .icon32.icon-bullet-on, .icon32.icon-bullet-on:hover { background-position: -384px -96px; }
.active .icon32.icon-bullet-off, .icon32.icon-bullet-off, .icon32.icon-bullet-off:hover { background-position: -416px -96px; }
.active .icon32.icon-star-on, .icon32.icon-star-on, .icon32.icon-star-on:hover { background-position: -448px -96px; }
.active .icon32.icon-star-off, .icon32.icon-star-off, .icon32.icon-star-off:hover { background-position: -480px -96px; }
/* arrow return */
.active .icon32.icon-arrowreturn-se, .icon32.icon-arrowreturn-se, .icon32.icon-arrowreturn-se:hover { background-position: 0 -128px; }
.active .icon32.icon-arrowreturn-sw, .icon32.icon-arrowreturn-sw, .icon32.icon-arrowreturn-sw:hover { background-position: -32px -128px; }
.active .icon32.icon-arrowreturn-ne, .icon32.icon-arrowreturn-ne, .icon32.icon-arrowreturn-ne:hover { background-position: -64px -128px; }
.active .icon32.icon-arrowreturn-nw, .icon32.icon-arrowreturn-nw, .icon32.icon-arrowreturn-nw:hover { background-position: -96px -128px; }
.active .icon32.icon-arrowreturn-ws, .icon32.icon-arrowreturn-ws, .icon32.icon-arrowreturn-ws:hover { background-position: -128px -128px; }
.active .icon32.icon-arrowreturn-es, .icon32.icon-arrowreturn-es, .icon32.icon-arrowreturn-es:hover { background-position: -160px -128px; }
.active .icon32.icon-arrowreturn-wn, .icon32.icon-arrowreturn-wn, .icon32.icon-arrowreturn-wn:hover { background-position: -192px -128px; }
.active .icon32.icon-arrowreturn-en, .icon32.icon-arrowreturn-en, .icon32.icon-arrowreturn-en:hover { background-position: -224px -128px; }
/* arrow refresh */
.active .icon32.icon-arrowrefresh-w, .icon32.icon-arrowrefresh-w, .icon32.icon-arrowrefresh-w:hover { background-position: -256px -128px; }
.active .icon32.icon-arrowrefresh-n, .icon32.icon-arrowrefresh-n, .icon32.icon-arrowrefresh-n:hover { background-position: -288px -128px; }
.active .icon32.icon-arrowrefresh-e, .icon32.icon-arrowrefresh-e, .icon32.icon-arrowrefresh-e:hover { background-position: -320px -128px; }
.active .icon32.icon-arrowrefresh-s, .icon32.icon-arrowrefresh-s, .icon32.icon-arrowrefresh-s:hover { background-position: -352px -128px; }
/* search, zoom */
.active .icon32.icon-search, .icon32.icon-search, .icon32.icon-search:hover { background-position: -384px -128px; }
.active .icon32.icon-zoomin, .icon32.icon-zoomin, .icon32.icon-zoomin:hover { background-position: -416px -128px; }
.active .icon32.icon-zoomout, .icon32.icon-zoomout, .icon32.icon-zoomout:hover { background-position: -448px -128px; }
/* rss */
.active .icon32.icon-rssfeed, .icon32.icon-rssfeed, .icon32.icon-rssfeed:hover { background-position: -480px -128px; }
/* user */
.active .icon32.icon-home, .icon32.icon-home, .icon32.icon-home:hover { background-position: 0 -160px; }
.active .icon32.icon-user, .icon32.icon-user, .icon32.icon-user:hover { background-position: -32px -160px; }
.active .icon32.icon-print, .icon32.icon-print, .icon32.icon-print:hover { background-position: -64px -160px; }
.active .icon32.icon-save, .icon32.icon-save, .icon32.icon-save:hover { background-position: -96px -160px; }
.active .icon32.icon-book, .icon32.icon-book, .icon32.icon-book:hover { background-position: -128px -160px; }
.active .icon32.icon-book-empty, .icon32.icon-book-empty, .icon32.icon-book-empty:hover { background-position: -160px -160px; }
.active .icon32.icon-folder-collapsed, .icon32.icon-folder-collapsed, .icon32.icon-folder-collapsed:hover { background-position: -192px -160px; }
.active .icon32.icon-folder-open, .icon32.icon-folder-open, .icon32.icon-folder-open:hover { background-position: -224px -160px; }
/* bookmark */
.active .icon32.icon-flag, .icon32.icon-flag, .icon32.icon-flag:hover { background-position: -256px -160px; }
.active .icon32.icon-bookmark, .icon32.icon-bookmark, .icon32.icon-bookmark:hover { background-position: -288px -160px; }
.active .icon32.icon-heart, .icon32.icon-heart, .icon32.icon-heart:hover { background-position: -320px -160px; }
/* cancel */
.active .icon32.icon-cancel, .icon32.icon-cancel, .icon32.icon-cancel:hover { background-position: -352px -160px; }
.active .icon32.icon-trash, .icon32.icon-trash, .icon32.icon-trash:hover { background-position: -384px -160px; }
/* tag */
.active .icon32.icon-pin, .icon32.icon-pin, .icon32.icon-pin:hover { background-position: -416px -160px; }
.active .icon32.icon-tag, .icon32.icon-tag, .icon32.icon-tag:hover { background-position: -448px -160px; }
.active .icon32.icon-lightbulb, .icon32.icon-lightbulb, .icon32.icon-lightbulb:hover { background-position: -480px -160px; }
/* settings */
.active .icon32.icon-gear, .icon32.icon-gear, .icon32.icon-gear:hover { background-position: 0 -192px; }
.active .icon32.icon-wrench, .icon32.icon-wrench, .icon32.icon-wrench:hover { background-position: -32px -192px; }
.active .icon32.icon-locked, .icon32.icon-locked, .icon32.icon-locked:hover { background-position: -64px -192px; }
.active .icon32.icon-unlocked, .icon32.icon-unlocked, .icon32.icon-unlocked:hover { background-position: -96px -192px; }
.active .icon32.icon-key, .icon32.icon-key, .icon32.icon-key:hover { background-position: -128px -192px; }
/* office */
.active .icon32.icon-clipboard, .icon32.icon-clipboard, .icon32.icon-clipboard:hover { background-position: -160px -192px; }
.active .icon32.icon-scissors, .icon32.icon-scissors, .icon32.icon-scissors:hover { background-position: -192px -192px; }
.active .icon32.icon-edit, .icon32.icon-edit, .icon32.icon-edit:hover { background-position: -224px -192px; }
.active .icon32.icon-page, .icon32.icon-page, .icon32.icon-page:hover { background-position: -256px -192px; }
.active .icon32.icon-copy, .icon32.icon-copy, .icon32.icon-copy:hover { background-position: -288px -192px; }
.active .icon32.icon-note, .icon32.icon-note, .icon32.icon-note:hover { background-position: -320px -192px; }
.active .icon32.icon-pdf, .icon32.icon-pdf, .icon32.icon-pdf:hover { background-position: -352px -192px; }
.active .icon32.icon-doc, .icon32.icon-doc, .icon32.icon-doc:hover { background-position: -384px -192px; }
.active .icon32.icon-xls, .icon32.icon-xls, .icon32.icon-xls:hover { background-position: -416px -192px; }
.active .icon32.icon-document, .icon32.icon-document, .icon32.icon-document:hover { background-position: -448px -192px; }
.active .icon32.icon-script, .icon32.icon-script, .icon32.icon-script:hover { background-position: -480px -192px; }
.active .icon32.icon-date, .icon32.icon-date, .icon32.icon-date:hover { background-position: 0 -224px; }
.active .icon32.icon-calendar, .icon32.icon-calendar, .icon32.icon-calendar:hover { background-position: -32px -224px; }
.active .icon32.icon-clock, .icon32.icon-clock, .icon32.icon-clock:hover { background-position: -64px -224px; }
.active .icon32.icon-envelope-closed, .icon32.icon-envelope-closed, .icon32.icon-envelope-closed:hover { background-position: -96px -224px; }
.active .icon32.icon-envelope-open, .icon32.icon-envelope-open, .icon32.icon-envelope-open:hover { background-position: -128px -224px; }
.active .icon32.icon-mail-closed, .icon32.icon-mail-closed, .icon32.icon-mail-closed:hover { background-position: -160px -224px; }
.active .icon32.icon-mail-open, .icon32.icon-mail-open, .icon32.icon-mail-open:hover { background-position: -192px -224px; }
.active .icon32.icon-link, .icon32.icon-link, .icon32.icon-link:hover { background-position: -224px -224px; }
.active .icon32.icon-unlink, .icon32.icon-unlink, .icon32.icon-unlink:hover { background-position: -256px -224px; }
.active .icon32.icon-web, .icon32.icon-web, .icon32.icon-web:hover { background-position: -288px -224px; }
.active .icon32.icon-globe, .icon32.icon-globe, .icon32.icon-globe:hover { background-position: -320px -224px; }
.active .icon32.icon-contacts, .icon32.icon-contacts, .icon32.icon-contacts:hover { background-position: -352px -224px; }
.active .icon32.icon-profile, .icon32.icon-profile, .icon32.icon-profile:hover { background-position: -384px -224px; }
.active .icon32.icon-image, .icon32.icon-image, .icon32.icon-image:hover { background-position: -416px -224px; }
.active .icon32.icon-suitcase, .icon32.icon-suitcase, .icon32.icon-suitcase:hover { background-position: -448px -224px; }
.active .icon32.icon-briefcase, .icon32.icon-briefcase, .icon32.icon-briefcase:hover { background-position: -480px -224px; }
/* circle symbols */
.active .icon32.icon-cross, .icon32.icon-cross, .icon32.icon-cross:hover { background-position: 0 -256px; }
.active .icon32.icon-add, .icon32.icon-add, .icon32.icon-add:hover { background-position: -32px -256px; }
.active .icon32.icon-remove, .icon32.icon-remove, .icon32.icon-remove:hover { background-position: -64px -256px; }
.active .icon32.icon-info, .icon32.icon-info, .icon32.icon-info:hover { background-position: -96px -256px; }
/* alert */
.active .icon32.icon-alert, .icon32.icon-alert, .icon32.icon-alert:hover { background-position: -128px -256px; }
/* comments */
.active .icon32.icon-comment-text, .icon32.icon-comment-text, .icon32.icon-comment-text:hover { background-position: -160px -256px; }
.active .icon32.icon-comment-video, .icon32.icon-comment-video, .icon32.icon-comment-video:hover { background-position: -192px -256px; }
.active .icon32.icon-comment, .icon32.icon-comment, .icon32.icon-comment:hover { background-position: -224px -256px; }
/* shopping */
.active .icon32.icon-cart, .icon32.icon-cart, .icon32.icon-cart:hover { background-position: -256px -256px; }
.active .icon32.icon-basket, .icon32.icon-basket, .icon32.icon-basket:hover { background-position: -288px -256px; }
/* media */
.active .icon32.icon-messages, .icon32.icon-messages, .icon32.icon-messages:hover { background-position: -320px -256px; }
.active .icon32.icon-users, .icon32.icon-users, .icon32.icon-users:hover { background-position: -352px -256px; }
.active .icon32.icon-video, .icon32.icon-video, .icon32.icon-video:hover { background-position: -384px -256px; }
.active .icon32.icon-audio, .icon32.icon-audio, .icon32.icon-audio:hover { background-position: -416px -256px; }
.active .icon32.icon-volume-off, .icon32.icon-volume-off, .icon32.icon-volume-off:hover { background-position: -448px -256px; }
.active .icon32.icon-volume-on, .icon32.icon-volume-on, .icon32.icon-volume-on:hover { background-position: -480px -256px; }
/* mail */
.active .icon32.icon-compose, .icon32.icon-compose, .icon32.icon-compose:hover { background-position: 0 -288px; }
.active .icon32.icon-inbox, .icon32.icon-inbox, .icon32.icon-inbox:hover { background-position: -32px -288px; }
.active .icon32.icon-archive, .icon32.icon-archive, .icon32.icon-archive:hover { background-position: -64px -288px; }
.active .icon32.icon-reply, .icon32.icon-reply, .icon32.icon-reply:hover { background-position: -96px -288px; }
.active .icon32.icon-sent, .icon32.icon-sent, .icon32.icon-sent:hover { background-position: -128px -288px; }
.active .icon32.icon-attachment, .icon32.icon-attachment, .icon32.icon-attachment:hover { background-position: -160px -288px; }
/* treeview */
.active .icon32.icon-square-plus, .icon32.icon-square-plus, .icon32.icon-square-plus:hover { background-position: -320px -480px; }
.active .icon32.icon-square-minus, .icon32.icon-square-minus, .icon32.icon-square-minus:hover { background-position: -352px -480px; }
.active .icon32.icon-treeview-corner-plus, .icon32.icon-treeview-corner-plus, .icon32.icon-treeview-corner-plus:hover { background-position: -384px -480px; }
.active .icon32.icon-treeview-corner-minus, .icon32.icon-treeview-corner-minus, .icon32.icon-treeview-corner-minus:hover { background-position: -416px -480px; }
.active .icon32.icon-treeview-corner, .icon32.icon-treeview-corner, .icon32.icon-treeview-corner:hover { background-position: -448px -480px; }
.active .icon32.icon-treeview-vertical-line, .icon32.icon-treeview-vertical-line, .icon32.icon-treeview-vertical-line:hover { background-position: -480px -480px; }
/* register resources */
_ = Client_code.register_css_declaration([icon16,icon32])
Bootstrap = {{
version = ServerReference.create("1.4.0") : reference(string)
compute_version_url(v:string) =
if String.le(v, "1.2.0") then
"https://raw.github.com/twitter/bootstrap/v{v}/bootstrap-{v}.min.css"
else if String.le(v, "1.4.0") then
"http://twitter.github.com/bootstrap/{v}/bootstrap.min.css"
else
"http://twitter.github.com/bootstrap/assets/css/bootstrap.css"
unimport() =
Resource.unregister_external_css(compute_version_url(Reference.get(version)))
import(v:string) =
// unregister the previous registered version
do unimport()
// set and register the new version to import
do Reference.set(version, v)
Resource.register_external_css(compute_version_url(v))
}}
Jump to Line
Something went wrong with that request. Please try again.