wine/gecko
0
0
Fork 0
mirror of https://gitlab.winehq.org/wine/wine-gecko.git synced 2024-09-13 09:24:08 -07:00
Code Issues Packages Projects Releases Wiki Activity
da4cabce8e
gecko/content/candies/original/index.html

159 lines
3.9 KiB
HTML
Raw Normal View History

First commit.
2010-02-24 01:47:55 -08:00
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
<head>
<title>Switch</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
+ Major reorg: moved all visualizations into "candies" folder, moved core js files into "core" folder, and js files shared by a couple of visualizations into "shared" folder + the top level index.html now automatically grabs all the different visualizations and lists them + Added a visualization switcher that can be dropped into any visualization; drop down in the upper left of the window + The Utils routines log(), trace() and error() now take in any number of parameters. If a parameter is an object, its first level is automatically expanded + Fixed lasso in the "original" visualization --HG-- rename : browser/base/content/tabcandy/jquery-ui.js => browser/base/content/tabcandy/app/jquery-ui.js rename : browser/base/content/tabcandy/jquery.js => browser/base/content/tabcandy/core/jquery.js rename : browser/base/content/tabcandy/app/jquery.lasso.js => browser/base/content/tabcandy/shared/jquery.lasso.js rename : content/ian1/index.html => content/candies/ian1/index.html rename : content/ian1/ui.js => content/candies/ian1/js/ui.js rename : content/line/index.html => content/candies/line/index.html rename : content/line/js/jquery.line.js => content/candies/line/js/jquery.line.js rename : content/line/js/jquery.select.js => content/candies/line/js/jquery.select.js rename : content/tab.html => content/candies/original/index.html rename : content/select/index.html => content/candies/select/index.html rename : content/stacks/index.html => content/candies/stacks/index.html rename : content/stacks/js/jquery.select.js => content/candies/stacks/js/jquery.select.js rename : content/stacks/js/ui.js => content/candies/stacks/js/ui.js
2010-03-05 15:14:10 -08:00
<link rel="icon" href="chrome://tabcandy/content/tabcandy.png"/>
+ moved a number of the group-related styles into css/shared/groups.css. Unfortunately, I wasn't able to move everything I wanted to; Firefox 3.7 screwed up the relative URL in the resizer style, and somehow killed the position:absolute in close style (neither of those problems showed up in Firefox 3.6). At any rate, it's a step in the right direction. + Moved the pretty new group title bar into the original and ian1 candies, updating the close style so it works in both the tab and group contexts + Added forceCanvasSize and unforceCanvasSize functions to tab mirrors + Used the new canvas size forcing functions to make the zoom in and out happen in high resolution. Not convinced it's an improvement, especially in the reverse zoom. + Brought additional changes from the original candy to the ian1 candy
2010-03-22 17:12:32 -07:00
<link rel="stylesheet" href="../../css/shared/groups.css" type="text/css">
First commit.
2010-02-24 01:47:55 -08:00
<style media="screen" type="text/css">
html, body {
margin: 0;
padding: 0;
font-family: Geneva;
}
.tab{
position: absolute;
display: block;
float:left;
margin: 10px;
padding: 0;
background-color: rgba(255,255,255,.8);
Gave all .tab's a z-index which solves some issues with stacking in groups.
2010-03-09 16:04:36 -08:00
z-index: 0;
+ Moved my work on the stacks candy to the ian1 candy, and added groups to it + added automatic thumbnail repainting for resized thumbnails + updated the original and ian1 candies so the thumbnail scales automatically with the jquery animation of the whole tab
2010-03-17 14:06:07 -07:00
width: 160px;
height: 137px;
First commit.
2010-02-24 01:47:55 -08:00
}
.fav{
position: absolute;
width: 16px;
height: 16px;
background-color: rgba(255,255,255,.8);
-moz-border-radius: 0 0 5px 0;
padding: 3px;
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
.thumb{
+ Moved my work on the stacks candy to the ian1 candy, and added groups to it + added automatic thumbnail repainting for resized thumbnails + updated the original and ian1 candies so the thumbnail scales automatically with the jquery animation of the whole tab
2010-03-17 14:06:07 -07:00
width: 100%;
height: 80%;
First commit.
2010-02-24 01:47:55 -08:00
background-color: #ccc;
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.3);
}
.thumb:hover{
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.5);
}
.name{
font-size: 9px;
display:block;
width:160px;
white-space: nowrap;
overflow: hidden;
}
.name:before{
display:inline-block;
height:12px;
width:20px;
content:" ";
position: absolute;
right:0px;
background: -moz-linear-gradient(0deg, rgba(255,255,255,0), white);
+ moved a number of the group-related styles into css/shared/groups.css. Unfortunately, I wasn't able to move everything I wanted to; Firefox 3.7 screwed up the relative URL in the resizer style, and somehow killed the position:absolute in close style (neither of those problems showed up in Firefox 3.6). At any rate, it's a step in the right direction. + Moved the pretty new group title bar into the original and ian1 candies, updating the close style so it works in both the tab and group contexts + Added forceCanvasSize and unforceCanvasSize functions to tab mirrors + Used the new canvas size forcing functions to make the zoom in and out happen in high resolution. Not convinced it's an improvement, especially in the reverse zoom. + Brought additional changes from the original candy to the ian1 candy
2010-03-22 17:12:32 -07:00
overflow: hidden;
First commit.
2010-02-24 01:47:55 -08:00
}
.close{
position: absolute;
top:12px; right:0;
margin: 1px;
width:12px; height:12px;
background-color: rgba(0,0,0,.6);
font-size: 10px;
text-align: center;
line-height:13px;
color: #DDD;
cursor: pointer;
-moz-border-radius: 10px;
-moz-box-shadow: inset 1px 1px 0px rgba(0,0,0,.5), inset -1px -1px 0px rgba(255,255,255,.5);
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
font-family: Helvetica;
+ moved a number of the group-related styles into css/shared/groups.css. Unfortunately, I wasn't able to move everything I wanted to; Firefox 3.7 screwed up the relative URL in the resizer style, and somehow killed the position:absolute in close style (neither of those problems showed up in Firefox 3.6). At any rate, it's a step in the right direction. + Moved the pretty new group title bar into the original and ian1 candies, updating the close style so it works in both the tab and group contexts + Added forceCanvasSize and unforceCanvasSize functions to tab mirrors + Used the new canvas size forcing functions to make the zoom in and out happen in high resolution. Not convinced it's an improvement, especially in the reverse zoom. + Brought additional changes from the original candy to the ian1 candy
2010-03-22 17:12:32 -07:00
}
.titlebar .close {
top: 2px;
right: 2px;
}
First commit.
2010-02-24 01:47:55 -08:00
.search{width:100%; margin-top: 30px; text-align: center; margin-bottom: 30px;}
.search input{ width: 300px; font-size: 16pt;}
#actions{
position: absolute;
top: 5px;
right: 5px;
font-size: 11px;
}
.unhighlight{
opacity: .1;
z-index: -100;
}
Integrated selections into my tab demo.
2010-03-01 04:15:19 -08:00
.lasso-menu{
background-color: white;
width: 100px;
height: 100px;
border: 1px solid #DDD;
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.5);
line-height: 100px;
text-align: center;
cursor: pointer;
}
+ Added a zoom animation using CSS transitions. When you click on a page (both in zoomgroups and original) the page zooms to the foreground before the tab switch happens giving the appearance of having the tab zoom to life. Just after the switch the page resumes its normal size and position. It is so very pretty. + TODO: Add the reverse animation when switching back from a tab.
2010-03-19 13:21:21 -07:00
.scale-animate{
-moz-transition-property: height, width, left, top;
-moz-transition-duration: .17s;
-moz-transition-timing-function: cubic-bezier(1.0, 0.0, 1.0, 1.0);
}
Original Flavour: Changed animation type from jQuery to css-transition. Doesn't seem to make that much different. Also, fixed a bug where I didn't remove the "transitionend" event handler which was causing all sorts of strange things (like zooming in on a tab when the search-box was used.
2010-03-20 11:01:45 -07:00
.scale-down-animate{
-moz-transition-property: height, width, left, top;
-moz-transition-duration: .26s;
-moz-transition-timing-function: ease-out;
}
+ Added a zoom animation using CSS transitions. When you click on a page (both in zoomgroups and original) the page zooms to the foreground before the tab switch happens giving the appearance of having the tab zoom to life. Just after the switch the page resumes its normal size and position. It is so very pretty. + TODO: Add the reverse animation when switching back from a tab.
2010-03-19 13:21:21 -07:00
First commit.
2010-02-24 01:47:55 -08:00
</style>
</head>
<body>
<div class="search">
<input type="text"/>
</div>
<div id="actions">
<a id="tabbar" href="#">Toggle Tab Bar</a>
</div>
+ Major reorg: moved all visualizations into "candies" folder, moved core js files into "core" folder, and js files shared by a couple of visualizations into "shared" folder + the top level index.html now automatically grabs all the different visualizations and lists them + Added a visualization switcher that can be dropped into any visualization; drop down in the upper left of the window + The Utils routines log(), trace() and error() now take in any number of parameters. If a parameter is an object, its first level is automatically expanded + Fixed lasso in the "original" visualization --HG-- rename : browser/base/content/tabcandy/jquery-ui.js => browser/base/content/tabcandy/app/jquery-ui.js rename : browser/base/content/tabcandy/jquery.js => browser/base/content/tabcandy/core/jquery.js rename : browser/base/content/tabcandy/app/jquery.lasso.js => browser/base/content/tabcandy/shared/jquery.lasso.js rename : content/ian1/index.html => content/candies/ian1/index.html rename : content/ian1/ui.js => content/candies/ian1/js/ui.js rename : content/line/index.html => content/candies/line/index.html rename : content/line/js/jquery.line.js => content/candies/line/js/jquery.line.js rename : content/line/js/jquery.select.js => content/candies/line/js/jquery.select.js rename : content/tab.html => content/candies/original/index.html rename : content/select/index.html => content/candies/select/index.html rename : content/stacks/index.html => content/candies/stacks/index.html rename : content/stacks/js/jquery.select.js => content/candies/stacks/js/jquery.select.js rename : content/stacks/js/ui.js => content/candies/stacks/js/ui.js
2010-03-05 15:14:10 -08:00
<script type="text/javascript;version=1.8" src="../../js/core/jquery.js"></script>
<script type="text/javascript;version=1.8" src="../../js/optional/jquery-ui.js"></script>
<script type="text/javascript;version=1.8" src="../../js/core/utils.js"></script>
<script type="text/javascript;version=1.8" src="../../js/core/tabs.js"></script>
<script type="text/javascript;version=1.8" src="../../js/core/mirror.js"></script>
<script type="text/javascript;version=1.8" src="js/ui.js"></script>
First commit.
2010-02-24 01:47:55 -08:00
+ moved groups.js and resizer.png to shared locations + more work on groups pushing things out of the way + some steps toward having groups and tabs share an interface + more geometry: we now have a point class, and the rect class now has center and intersect routines --HG-- rename : content/candies/zoomgroups/gfx/resizer.png => browser/themes/pinstripe/browser/tabcandy/shared/resizer.png
2010-03-25 17:22:45 -07:00
<script type="text/javascript;version=1.8" src="../../js/shared/groups.js"></script>
+ Major reorg: moved all visualizations into "candies" folder, moved core js files into "core" folder, and js files shared by a couple of visualizations into "shared" folder + the top level index.html now automatically grabs all the different visualizations and lists them + Added a visualization switcher that can be dropped into any visualization; drop down in the upper left of the window + The Utils routines log(), trace() and error() now take in any number of parameters. If a parameter is an object, its first level is automatically expanded + Fixed lasso in the "original" visualization --HG-- rename : browser/base/content/tabcandy/jquery-ui.js => browser/base/content/tabcandy/app/jquery-ui.js rename : browser/base/content/tabcandy/jquery.js => browser/base/content/tabcandy/core/jquery.js rename : browser/base/content/tabcandy/app/jquery.lasso.js => browser/base/content/tabcandy/shared/jquery.lasso.js rename : content/ian1/index.html => content/candies/ian1/index.html rename : content/ian1/ui.js => content/candies/ian1/js/ui.js rename : content/line/index.html => content/candies/line/index.html rename : content/line/js/jquery.line.js => content/candies/line/js/jquery.line.js rename : content/line/js/jquery.select.js => content/candies/line/js/jquery.select.js rename : content/tab.html => content/candies/original/index.html rename : content/select/index.html => content/candies/select/index.html rename : content/stacks/index.html => content/candies/stacks/index.html rename : content/stacks/js/jquery.select.js => content/candies/stacks/js/jquery.select.js rename : content/stacks/js/ui.js => content/candies/stacks/js/ui.js
2010-03-05 15:14:10 -08:00
<!-- BEGIN Switch Control -->
<script type="text/javascript;version=1.8" src="../../js/optional/switch.js"></script>
<script type="text/javascript;version=1.8">
Switch.insert('body', '');
</script>
<!-- END Switch Control -->
Integrated selections into my tab demo.
2010-03-01 04:15:19 -08:00
First commit.
2010-02-24 01:47:55 -08:00
</body>
</html>
Reference in New Issue Copy Permalink