Stupid theme
This commit is contained in:
Harry Bomrah
Christophe Vilayphiou
parent
77b2919d8c
commit
6158799a47
|
|
@ -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
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -102,6 +102,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")
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -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; }
|
||||||
|
Before Width: | Height: | Size: 287 B After Width: | Height: | Size: 287 B |
|
Before Width: | Height: | Size: 362 KiB After Width: | Height: | Size: 362 KiB |
|
Before Width: | Height: | Size: 4.0 MiB After Width: | Height: | Size: 4.0 MiB |
|
Before Width: | Height: | Size: 362 B After Width: | Height: | Size: 362 B |
|
Before Width: | Height: | Size: 359 B After Width: | Height: | Size: 359 B |
|
Before Width: | Height: | Size: 287 B After Width: | Height: | Size: 287 B |
|
Before Width: | Height: | Size: 362 KiB After Width: | Height: | Size: 362 KiB |
|
Before Width: | Height: | Size: 362 B After Width: | Height: | Size: 362 B |
|
Before Width: | Height: | Size: 359 B After Width: | Height: | Size: 359 B |
|
Before Width: | Height: | Size: 287 B After Width: | Height: | Size: 287 B |
|
Before Width: | Height: | Size: 312 KiB After Width: | Height: | Size: 312 KiB |
|
Before Width: | Height: | Size: 362 B After Width: | Height: | Size: 362 B |
|
Before Width: | Height: | Size: 359 B After Width: | Height: | Size: 359 B |
|
Before Width: | Height: | Size: 287 B After Width: | Height: | Size: 287 B |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 362 B After Width: | Height: | Size: 362 B |
|
Before Width: | Height: | Size: 359 B After Width: | Height: | Size: 359 B |
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 287 B After Width: | Height: | Size: 287 B |
|
Before Width: | Height: | Size: 230 KiB After Width: | Height: | Size: 230 KiB |
|
Before Width: | Height: | Size: 362 B After Width: | Height: | Size: 362 B |
|
Before Width: | Height: | Size: 359 B After Width: | Height: | Size: 359 B |
Reference in New Issue