+
Font-face Demo for the Lobster Font
+
+
+
+
Lobster Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
+
FONT-FACE DEMO FOR THE TOONTIME FONT
+
+
+
+
SF Toontime Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
+
+
SF Toontime Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
+
+
SF Toontime Bold - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
+
+
SF Toontime Bold Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
+
+
SF Toontime Blotch Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
+
+
SF Toontime Blotch Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
");
+ var exprContainer = $("
" + importArray[i].data1 + "
").appendTo(tmpReadyTask);
+ var resContainer = $("
"+ importArray[i].data2 + "
").appendTo(tmpReadyTask);
+ tmpReadyTask.width(importArray[i].width)
+ .height(importArray[i].height)
+ .css("position","absolute")
+ .css("top",importArray[i].top)
+ .css("left",importArray[i].left);
+ tmpReadyTask.appendTo("#data");
+ }
+ }
+ $(document).disableTextSelect();
+ }
+
+ /* ------------- BUTTONS -------------*/
+
+ if(sankore.preference("by_style","")){
+ changeStyle(sankore.preference("by_style",""));
+ $(".style_select").val(sankore.preference("by_style",""));
+ } else
+ changeStyle(1)
+
+ $("#wgt_display, #wgt_edit").click(function(event){
+ if(this.id == "wgt_display"){
+ if(!$(this).hasClass("selected")){
+ $(this).addClass("selected");
+ $("#wgt_edit").removeClass("selected");
+ $(".style_select").css("display","none");
+ $(this).css("display", "none");
+ $("#wgt_add").css("display", "none");
+ $("#wgt_edit").css("display", "block");
+ mode = false;
+ $(".leftDiv, .rightDiv").animate({
+ "opacity":"1"
+ },"slow",function(){
+ if(opacityChanged){
+ if($(".editContainer").size() != 0){
+ $(".editContainer").each(function(index, domElem){
+ var tmpReadyTask = $(domElem).find(".readyTask");
+ tmpReadyTask.width($(domElem).width())
+ .height($(domElem).height())
+ .css("position","absolute")
+ .css("top",$(domElem).position().top)
+ .css("left",$(domElem).position().left)
+ .find(".taskContainer").removeAttr("contenteditable");
+
+ $(domElem).remove();
+ tmpReadyTask.appendTo("#data");
+ });
+ }
+ opacityChanged = false;
+ }
+ });
+ $(document).disableTextSelect();
+ }
+ } else {
+ if(!$(this).hasClass("selected")){
+ $(this).addClass("selected");
+ $("#wgt_display").removeClass("selected");
+ $(".style_select").css("display","block");
+ $(this).css("display", "none");
+ $("#wgt_add").css("display", "block");
+ $("#wgt_display").css("display", "block");
+ mode = true;
+ $(document).enableTextSelect();
+ $(".leftDiv, .rightDiv").animate({
+ "opacity":"0.4"
+ },"slow",function(){
+ if(!opacityChanged){
+ if($(".readyTask").size() != 0){
+ $(".readyTask").each(function(index, domElem){
+ var editContent = $("
").width($(domElem).width() + 10).height($(domElem) + 10).appendTo("#data");
+ var closeItem = $("
").appendTo(editContent);
+ var rightResize = $("
").appendTo(editContent);
+ var bottomResize = $("
").appendTo(editContent);
+ editContent.css("top", $(domElem).position().top).css("left", $(domElem).position().left);
+ $(domElem).css("position","static")
+ .width("100%")
+ .height("100%")
+ .find(".taskContainer").attr("contenteditable", "true");
+ $(domElem).appendTo(editContent);
+ });
+ }
+ opacityChanged = true;
+ }
+ });
+ }
+ }
+ });
+
+ $("#wgt_reload").click(function(){
+ window.location.reload();
+ });
+
+ $("#wgt_add").click(function(){
+ shadowDiv.show("fast", function(){
+ shadowOver = true;
+ popupBack.show("slow");
+ });
+ $(document).disableTextSelect();
+ });
+
+ $(".style_select option[value='1']").text(sankoreLang.slate);
+ $(".style_select option[value='2']").text(sankoreLang.pad);
+
+ $(".style_select").change(function (event){
+ changeStyle($(this).find("option:selected").val());
+ })
+
+ /* -------------- END OF WORK WITH BUTTONS ---------------*/
+
+ //basic divs
+ var leftDiv = $("
").appendTo("#data");
+ var rightDiv = $("
").appendTo("#data");
+
+ //divs for adding a new item
+ var shadowDiv = $("
").appendTo("#data");
+ var popupBack = $("