Stupid theme
This commit is contained in:
Harry Bomrah committed
1 parent
2e283a039d
commit
176597f5af
43 files changed
+833
-42
No files matched your search
@@ -1,10 +1,4 @@
|
|||||||
|
|
||||||
//orbitDesktop.prototype.themesfolder = "<%= "#{Rails.root}/lib/desktop_themes" %>";
|
orbitDesktop.prototype.themefolder = "desktop_themes";
|
||||||
var od = new orbitDesktop("#ajax_container");
|
var od = new orbitDesktop("#ajax_container");
|
||||||
// alert(od.themefolder);
|
|
||||||
$(document).ready(function(){
|
|
||||||
alert("something");
|
|
||||||
|
|
||||||
// od.initializeDesktop();
|
|
||||||
});
|
|
||||||
|
|
||||||
@@ -6,7 +6,7 @@ var orbitDesktop = function(dom){
|
|||||||
this.contentHolder = dom;
|
this.contentHolder = dom;
|
||||||
this.themesettings = "";
|
this.themesettings = "";
|
||||||
this.theme = "default";
|
this.theme = "default";
|
||||||
this.themefolder = "themes";
|
// this.themefolder = "themes";
|
||||||
this.transitionTime = 500;
|
this.transitionTime = 500;
|
||||||
this.currenthtml = "desktop.html";
|
this.currenthtml = "desktop.html";
|
||||||
this.currentface = "home";
|
this.currentface = "home";
|
||||||
@@ -14,18 +14,20 @@ var orbitDesktop = function(dom){
|
|||||||
this.tp = "";
|
this.tp = "";
|
||||||
this.initialize = function(){
|
this.initialize = function(){
|
||||||
var theme = o.theme;
|
var theme = o.theme;
|
||||||
$.getJSON(o.themefolder+"/"+theme+"/settings/"+theme+".json",function(ts){
|
$.getJSON("/"+o.themefolder+"/"+theme+"/settings/"+theme+".json",function(ts){
|
||||||
o.themesettings = eval(ts);
|
o.themesettings = eval(ts);
|
||||||
$('head').append( $('<link rel="stylesheet" id="dyn_css" type="text/css" />').attr('href', o.themefolder+"/"+theme+"/css/"+ts.css));
|
$('head').append( $('<link rel="stylesheet" id="dyn_css" type="text/css" />').attr('href', "/"+o.themefolder+"/"+theme+"/css/"+ts.css));
|
||||||
|
$(document).ready(function(){o.loadWallpaper();o.bindDesktopEvents();o.loadIconCache();o.initializeDesktop();});
|
||||||
|
return;
|
||||||
})
|
})
|
||||||
$(document).ready(function(){o.loadWallpaper();o.bindDesktopEvents();o.loadIconCache();});
|
|
||||||
};
|
};
|
||||||
this.changeTheme = function(theme){
|
this.changeTheme = function(theme){
|
||||||
o.theme = theme;
|
o.theme = theme;
|
||||||
$.getJSON(o.themefolder+"/"+theme+"/settings/"+theme+".json",function(ts){
|
$.getJSON("/"+o.themefolder+"/"+theme+"/settings/"+theme+".json",function(ts){
|
||||||
o.themesettings = eval(ts);
|
o.themesettings = eval(ts);
|
||||||
$('head').find("#dyn_css").remove();
|
$('head').find("#dyn_css").remove();
|
||||||
$('head').append( $('<link rel="stylesheet" id="dyn_css" type="text/css" />').attr('href', o.themefolder+"/"+theme+"/css/"+ts.css));
|
$('head').append( $('<link rel="stylesheet" id="dyn_css" type="text/css" />').attr('href', "?"+o.themefolder+"/"+theme+"/css/"+ts.css));
|
||||||
o.loadWallpaper();
|
o.loadWallpaper();
|
||||||
o.loadIconCache();
|
o.loadIconCache();
|
||||||
})
|
})
|
||||||
@@ -76,7 +78,7 @@ var orbitDesktop = function(dom){
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
this.initializeDesktop = function(target){
|
this.initializeDesktop = function(target){
|
||||||
if(!target)target = "desktop.html";
|
if(!target)target = "desktop";
|
||||||
o.currenthtml = target;
|
o.currenthtml = target;
|
||||||
o.currentface = "home";
|
o.currentface = "home";
|
||||||
var groupWrapperWidth = 0;
|
var groupWrapperWidth = 0;
|
||||||
@@ -123,7 +125,7 @@ var orbitDesktop = function(dom){
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
if(!o.desktopData[o.currentface]){
|
if(!o.desktopData[o.currentface]){
|
||||||
$(o.contentHolder).empty().load("pages/"+target,function(){
|
$(o.contentHolder).empty().load("/desktop/"+target,function(){
|
||||||
bindHandlers();
|
bindHandlers();
|
||||||
});
|
});
|
||||||
}else{
|
}else{
|
||||||
@@ -175,7 +177,7 @@ var orbitDesktop = function(dom){
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
if(!o.desktopData[o.currentface]){
|
if(!o.desktopData[o.currentface]){
|
||||||
$(o.contentHolder).empty().load("pages/"+target,function(){
|
$(o.contentHolder).empty().load("desktop_pages/"+target,function(){
|
||||||
bindHandlers();
|
bindHandlers();
|
||||||
});
|
});
|
||||||
}else{
|
}else{
|
||||||
@@ -213,7 +215,7 @@ var orbitDesktop = function(dom){
|
|||||||
})//.mouseleave(function(){$(this).addClass("op06");});
|
})//.mouseleave(function(){$(this).addClass("op06");});
|
||||||
};
|
};
|
||||||
if(!o.desktopData[o.currentface]){
|
if(!o.desktopData[o.currentface]){
|
||||||
$(o.contentHolder).empty().load("pages/"+target,function(){
|
$(o.contentHolder).empty().load("desktop_pages/"+target,function(){
|
||||||
bindHandlers();
|
bindHandlers();
|
||||||
});
|
});
|
||||||
}else{
|
}else{
|
||||||
@@ -227,16 +229,19 @@ var orbitDesktop = function(dom){
|
|||||||
var ww = $(window).width();
|
var ww = $(window).width();
|
||||||
var wh = $(window).height();
|
var wh = $(window).height();
|
||||||
if(o.themesettings.background)
|
if(o.themesettings.background)
|
||||||
$("img#thmbackground").attr({"src":o.themefolder+"/"+o.theme+"/images/"+wallpaper,"width":ww}).css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","height":"auto"});
|
$("img#thmbackground").attr({"src":"/"+o.themefolder+"/"+o.theme+"/images/"+wallpaper,"width":ww}).css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","height":"auto"});
|
||||||
else
|
else
|
||||||
$("img#thmbackground").attr({"src":"images/"+wallpaper,"width":ww}).css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","height":"auto"});
|
$("img#thmbackground").attr({"src":"/"+"images/"+wallpaper,"width":ww}).css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","height":"auto"});
|
||||||
|
|
||||||
$("div#bgover").css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","width":ww,"height":wh});
|
$("div#bgover").css({"position":"fixed","top":"0px","left":"0px","z-index":"-1","width":ww,"height":wh});
|
||||||
};
|
};
|
||||||
this.loadIconCache = function(){
|
this.loadIconCache = function(){
|
||||||
$("#home_icon").attr("src","themes/"+o.theme+"/images/"+o.themesettings.icons.home);
|
$("#home_icon").attr("src","/"+o.themefolder+"/"+o.theme+"/images/"+o.themesettings.icons.home);
|
||||||
$("#app_manager_icon").attr("src","themes/"+o.theme+"/images/"+o.themesettings.icons.app_manager);
|
$("#app_manager_icon").attr("src","/"+o.themefolder+"/"+o.theme+"/images/"+o.themesettings.icons.app_manager);
|
||||||
$("#sections_icon").attr("src","themes/"+o.theme+"/images/"+o.themesettings.icons.sections);
|
$("#sections_icon").attr("src","/"+o.themefolder+"/"+o.theme+"/images/"+o.themesettings.icons.sections);
|
||||||
}
|
}
|
||||||
o.initialize();
|
o.initialize();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
orbitDesktop.prototype.themefolder = "themes";
|
||||||
|
|
||||||
@@ -4,4 +4,8 @@ class DesktopController< ApplicationController
|
|||||||
def index
|
def index
|
||||||
|
|
||||||
end
|
end
|
||||||
|
|
||||||
|
def desktop
|
||||||
|
render :layout => false
|
||||||
|
end
|
||||||
end
|
end
|
||||||
Executable
+121
@@ -0,0 +1,121 @@
|
|||||||
|
<div id="content">
|
||||||
|
<div id="header" class="hh3">
|
||||||
|
<div class="dtitle thmtxth w2 hh3 hp">Apps Manager</div>
|
||||||
|
<a href="" class="hfn w1 hh2 hp"><span class="tile thmc1 op06"></span><span class="thmtxt">Date</span></a>
|
||||||
|
<a href="ascending" class="hfn w1 hh2 hp" id="alphabet_sort_btn" ><span class="tile thmc2 op03"></span><span class="thmtxt">Alphabet [A-Z]</span></a>
|
||||||
|
<div id="search_app" class="hfn w2 hh2 hp thmc3">
|
||||||
|
<input type="text" class="ini_input form" value="Search" id="searchbox" />
|
||||||
|
<input type="submit" class="ini_input submit thmc1" value="Submit"/>
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
</div>
|
||||||
|
<div class="search_result">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="holder">
|
||||||
|
|
||||||
|
<div id="group_wrapper">
|
||||||
|
|
||||||
|
<div class="group g_sep op03" id='seperator' style="height: 516px;display:none;"></div>
|
||||||
|
<div class="group_search">
|
||||||
|
<div class="element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class="element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class="element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
Executable
+110
@@ -0,0 +1,110 @@
|
|||||||
|
<div id="content">
|
||||||
|
<div id="header" class="hh3">
|
||||||
|
<div class="dtitle thmc1 w2 hh3 hp">
|
||||||
|
<span class="thmtxth">Desktop</span>
|
||||||
|
<div class="section_slc admbg">
|
||||||
|
<ul>
|
||||||
|
<li><a class="admtxt" href="">Section 1</a></li>
|
||||||
|
<li><a class="admtxt" href="">Section 2</a></li>
|
||||||
|
<li><a class="admtxt" href="">Section 3</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="holder">
|
||||||
|
<div id="group_wrapper">
|
||||||
|
<div class="group">
|
||||||
|
<ul class="grp ui-sortable">
|
||||||
|
<li class="element w2 h2 hp vp thmc1 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w2 h2 hp vp thmc2 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w2 h1 hp vp thmc1 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li><li style="" class="element w2 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<ul class="grp ui-sortable">
|
||||||
|
<li style="" class="element w2 h2 hp vp thmc2 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li><li class="element w2 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w2 h1 hp vp thmc1 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li><li style="" class="element w2 h2 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc2 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
|
||||||
@@ -1,24 +1,6 @@
|
|||||||
<!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
|
||||||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
|
|
||||||
<script type="text/javascript" src="js/orbitdesktopAPI.js"></script>
|
|
||||||
<script type="text/javascript" src="js/orbitdesktop.js"></script>
|
|
||||||
<script src="ui/jquery.ui.core.js"></script>
|
|
||||||
<script src="ui/jquery.ui.widget.js"></script>
|
|
||||||
<script src="ui/jquery.ui.mouse.js"></script>
|
|
||||||
<script src="ui/jquery.effects.core.js"></script>
|
|
||||||
<script src="ui/jquery.effects.drop.js"></script>
|
|
||||||
<script src="ui/jquery.ui.draggable.js"></script>
|
|
||||||
<script src="ui/jquery.ui.resizable.js"></script>
|
|
||||||
<script src="ui/jquery.ui.sortable.js"></script>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="uithemes/base/jquery.ui.all.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/reset.css" media="all"/>
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/desktop.css" media="all"/>
|
|
||||||
<link rel="stylesheet" type="text/css" href="desktopthemes/default/css/default.css" media="all"/> -->
|
|
||||||
|
|
||||||
<div id="side">
|
<div id="side">
|
||||||
<div id="rwidget" class="wh3 thmc4">
|
<div id="rwidget" class="wh3 thmc4">
|
||||||
<a href="desktop.html" class="widget_fn wh3 hh3" id='desktop' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="home_icon" width="30" height="30"/></span></a>
|
<a href="desktop" class="widget_fn wh3 hh3" id='desktop' onclick="return false;"><span class="widget_icon"><img src="" alt="" id="home_icon" width="30" height="30"/></span></a>
|
||||||
<a href="app_manager.html" class="widget_fn wh3 hh3" id="app_manager" onclick="return false;"><span class="widget_icon"><img src="" alt="" id="app_manager_icon" width="30" height="30"/></span></a>
|
<a href="app_manager.html" class="widget_fn wh3 hh3" id="app_manager" onclick="return false;"><span class="widget_icon"><img src="" alt="" id="app_manager_icon" width="30" height="30"/></span></a>
|
||||||
<a href="sections.html" class="widget_fn wh3 hh3" id="sections" onclick="return false;"><span class="widget_icon"><img src="" alt="" id="sections_icon" width="30" height="30"/></span></a>
|
<a href="sections.html" class="widget_fn wh3 hh3" id="sections" onclick="return false;"><span class="widget_icon"><img src="" alt="" id="sections_icon" width="30" height="30"/></span></a>
|
||||||
</div>
|
</div>
|
||||||
@@ -35,6 +17,7 @@ Change Theme: <select id="change_theme">
|
|||||||
<option value='Snake'>Snake Theme</option>
|
<option value='Snake'>Snake Theme</option>
|
||||||
<option value='sexy'>Sexy Theme</option>
|
<option value='sexy'>Sexy Theme</option>
|
||||||
<option value='vintage'>Vintage Theme</option>
|
<option value='vintage'>Vintage Theme</option>
|
||||||
|
<option value='chris'>Chris Theme</option>
|
||||||
</select>
|
</select>
|
||||||
<img src="" id="thmbackground" />
|
<img src="" id="thmbackground" />
|
||||||
<div id="bgover" ></div>
|
<div id="bgover" ></div>
|
||||||
|
|||||||
@@ -0,0 +1,171 @@
|
|||||||
|
<div id="content">
|
||||||
|
<div id="header" class="hh3">
|
||||||
|
<div class="dtitle thmc1 w2 hh3 hp">
|
||||||
|
<span class="thmtxth">All Sections</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="holder">
|
||||||
|
<div id="group_wrapper">
|
||||||
|
<div class="group">
|
||||||
|
<div class="section_label" >
|
||||||
|
<ul>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt"><span class="tile thmc1"></span><span class="thmtxt">section 1</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section2"><span class="tile thmc1 op06"></span><span class="thmtxt">section 2</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section3"><span class="tile thmc1 op06"></span><span class="thmtxt">section 3</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section4"><span class="tile thmc1 op06"></span><span class="thmtxt">section 4</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<ul class="grp" id="section1">
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<div class="section_label" >
|
||||||
|
<ul>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt"><span class="tile thmc1"></span><span class="thmtxt">section 2</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section1"><span class="tile thmc1 op06"></span><span class="thmtxt">section 1</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section3"><span class="tile thmc1 op06"></span><span class="thmtxt">section 3</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section4"><span class="tile thmc1 op06"></span><span class="thmtxt">section 4</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<ul class="grp" id="section2">
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -95,6 +95,7 @@ Orbit::Application.routes.draw do
|
|||||||
resources :users
|
resources :users
|
||||||
end
|
end
|
||||||
match '/desktop/'=>'desktop#index'
|
match '/desktop/'=>'desktop#index'
|
||||||
|
match '/desktop/desktop'=>'desktop#desktop'
|
||||||
match '/panel/:app_name/front_end/:app_action/:id' => 'pages#show_from_link', :constraints => lambda { |request|
|
match '/panel/:app_name/front_end/:app_action/:id' => 'pages#show_from_link', :constraints => lambda { |request|
|
||||||
!request.query_string.include?("inner=true")
|
!request.query_string.include?("inner=true")
|
||||||
}
|
}
|
||||||
|
|||||||
Executable
+121
@@ -0,0 +1,121 @@
|
|||||||
|
<div id="content">
|
||||||
|
<div id="header" class="hh3">
|
||||||
|
<div class="dtitle thmtxth w2 hh3 hp">Apps Manager</div>
|
||||||
|
<a href="" class="hfn w1 hh2 hp"><span class="tile thmc1 op06"></span><span class="thmtxt">Date</span></a>
|
||||||
|
<a href="ascending" class="hfn w1 hh2 hp" id="alphabet_sort_btn" ><span class="tile thmc2 op03"></span><span class="thmtxt">Alphabet [A-Z]</span></a>
|
||||||
|
<div id="search_app" class="hfn w2 hh2 hp thmc3">
|
||||||
|
<input type="text" class="ini_input form" value="Search" id="searchbox" />
|
||||||
|
<input type="submit" class="ini_input submit thmc1" value="Submit"/>
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
</div>
|
||||||
|
<div class="search_result">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="holder">
|
||||||
|
|
||||||
|
<div id="group_wrapper">
|
||||||
|
|
||||||
|
<div class="group g_sep op03" id='seperator' style="height: 516px;display:none;"></div>
|
||||||
|
<div class="group_search">
|
||||||
|
<div class="element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class="element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class="element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iTunes</h1>
|
||||||
|
</div>
|
||||||
|
<div class=" element w1 h1 hp vp thmc2" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">iWork</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
Executable
+110
@@ -0,0 +1,110 @@
|
|||||||
|
<div id="content">
|
||||||
|
<div id="header" class="hh3">
|
||||||
|
<div class="dtitle thmc1 w2 hh3 hp">
|
||||||
|
<span class="thmtxth">Desktop</span>
|
||||||
|
<div class="section_slc admbg">
|
||||||
|
<ul>
|
||||||
|
<li><a class="admtxt" href="">Section 1</a></li>
|
||||||
|
<li><a class="admtxt" href="">Section 2</a></li>
|
||||||
|
<li><a class="admtxt" href="">Section 3</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="holder">
|
||||||
|
<div id="group_wrapper">
|
||||||
|
<div class="group">
|
||||||
|
<ul class="grp ui-sortable">
|
||||||
|
<li class="element w2 h2 hp vp thmc1 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w2 h2 hp vp thmc2 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w2 h1 hp vp thmc1 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li><li style="" class="element w2 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<ul class="grp ui-sortable">
|
||||||
|
<li style="" class="element w2 h2 hp vp thmc2 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li><li class="element w2 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w2 h1 hp vp thmc1 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li><li style="" class="element w2 h2 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc2 op07" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc2 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li><li style="" class="element w1 h1 hp vp thmc1 op07" data-category="desktop">
|
||||||
|
<h1 class="appname thmtxt">Aperture</h1>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
|
||||||
@@ -0,0 +1,171 @@
|
|||||||
|
<div id="content">
|
||||||
|
<div id="header" class="hh3">
|
||||||
|
<div class="dtitle thmc1 w2 hh3 hp">
|
||||||
|
<span class="thmtxth">All Sections</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="holder">
|
||||||
|
<div id="group_wrapper">
|
||||||
|
<div class="group">
|
||||||
|
<div class="section_label" >
|
||||||
|
<ul>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt"><span class="tile thmc1"></span><span class="thmtxt">section 1</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section2"><span class="tile thmc1 op06"></span><span class="thmtxt">section 2</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section3"><span class="tile thmc1 op06"></span><span class="thmtxt">section 3</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section4"><span class="tile thmc1 op06"></span><span class="thmtxt">section 4</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<ul class="grp" id="section1">
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<div class="section_label" >
|
||||||
|
<ul>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt"><span class="tile thmc1"></span><span class="thmtxt">section 2</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section1"><span class="tile thmc1 op06"></span><span class="thmtxt">section 1</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section3"><span class="tile thmc1 op06"></span><span class="thmtxt">section 3</span></li>
|
||||||
|
<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section4"><span class="tile thmc1 op06"></span><span class="thmtxt">section 4</span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<ul class="grp" id="section2">
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
<li class="element w1 hh2 hp vp" data-category="abc">
|
||||||
|
<h1 class="appname thmtxt">Garage Band</h1>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="clear"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
+1
-1
@@ -31,7 +31,7 @@ apply to:
|
|||||||
|
|
||||||
/* Theme Text Color */
|
/* Theme Text Color */
|
||||||
.thmtxt { color: #fff; }
|
.thmtxt { color: #fff; }
|
||||||
.thmtxth { color: #0F0; }
|
.thmtxth { color: #000; }
|
||||||
|
|
||||||
/* Group Seprate Color */
|
/* Group Seprate Color */
|
||||||
.g_sep { border-color: #fff; }
|
.g_sep { border-color: #fff; }
|
||||||
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
Reference in new issue
Block a user