2010-09-10 02:50:14 -07:00
|
|
|
/* Platform-independent structural styling for
|
2010-09-01 13:14:37 -07:00
|
|
|
* <strike>Tab Candy</strike> Panorama
|
|
|
|
----------------------------------*/
|
|
|
|
|
2010-04-08 17:38:06 -07:00
|
|
|
html {
|
2010-04-16 15:09:23 -07:00
|
|
|
overflow: hidden;
|
2010-06-03 15:31:18 -07:00
|
|
|
/* image-rendering: -moz-crisp-edges; */
|
2010-03-22 17:12:32 -07:00
|
|
|
}
|
|
|
|
|
2010-07-18 08:58:10 -07:00
|
|
|
body {
|
|
|
|
padding: 0px;
|
|
|
|
margin: 0 auto;
|
2010-04-08 17:38:06 -07:00
|
|
|
}
|
|
|
|
|
2010-07-14 15:17:28 -07:00
|
|
|
#content {
|
2010-07-27 09:38:21 -07:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
2010-07-14 15:17:28 -07:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
2010-05-21 01:05:55 -07:00
|
|
|
#bg {
|
2010-07-27 09:38:21 -07:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
2010-07-11 16:48:05 -07:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
2010-05-21 01:05:55 -07:00
|
|
|
z-index: -999999;
|
|
|
|
}
|
|
|
|
|
2010-09-01 13:14:37 -07:00
|
|
|
/* Tabs
|
2010-04-08 17:38:06 -07:00
|
|
|
----------------------------------*/
|
|
|
|
|
|
|
|
.tab {
|
2010-07-11 16:48:05 -07:00
|
|
|
position: absolute;
|
|
|
|
overflow: visible !important;
|
2010-04-08 17:38:06 -07:00
|
|
|
}
|
|
|
|
|
2010-07-14 19:40:46 -07:00
|
|
|
.tab canvas,
|
2010-07-16 08:52:06 -07:00
|
|
|
.cached-thumb {
|
2010-07-11 16:48:05 -07:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
2010-07-26 10:54:25 -07:00
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
2010-04-08 17:38:06 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
.thumb {
|
2010-07-26 10:54:25 -07:00
|
|
|
position: relative;
|
2010-07-11 16:48:05 -07:00
|
|
|
width: 100%;
|
2010-07-18 08:58:10 -07:00
|
|
|
height: 100%;
|
2010-04-08 17:38:06 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
.favicon {
|
2010-07-11 16:48:05 -07:00
|
|
|
position: absolute;
|
2010-04-08 17:38:06 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
.close {
|
2010-07-11 16:48:05 -07:00
|
|
|
position: absolute;
|
|
|
|
cursor: pointer;
|
2010-04-08 17:38:06 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
.expander {
|
2010-07-11 16:48:05 -07:00
|
|
|
position: absolute;
|
2010-04-08 17:38:06 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
.tab-title {
|
2010-07-11 16:48:05 -07:00
|
|
|
position: absolute;
|
2010-07-27 09:38:21 -07:00
|
|
|
}
|
|
|
|
|
2010-09-08 16:47:58 -07:00
|
|
|
.stacked .tab-title {
|
2010-07-27 09:38:21 -07:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2010-07-14 19:40:46 -07:00
|
|
|
.stack-trayed .tab-title {
|
2010-04-29 00:42:37 -07:00
|
|
|
display: block !important;
|
2010-05-12 19:56:35 -07:00
|
|
|
}
|
|
|
|
|
2010-09-01 13:14:37 -07:00
|
|
|
/* Tab: Zooming
|
2010-04-08 17:38:06 -07:00
|
|
|
----------------------------------*/
|
|
|
|
|
2010-09-01 13:14:37 -07:00
|
|
|
.front {
|
|
|
|
z-index: 999999 !important;
|
2010-09-09 08:21:47 -07:00
|
|
|
border-radius: 0 !important;
|
2010-09-11 09:27:12 -07:00
|
|
|
box-shadow: none !important;
|
2010-09-01 13:14:37 -07:00
|
|
|
-moz-transform: none !important;
|
|
|
|
image-rendering: -moz-crisp-edges;
|
2010-04-08 17:38:06 -07:00
|
|
|
}
|
|
|
|
|
2010-09-10 02:50:14 -07:00
|
|
|
/* Groups
|
|
|
|
----------------------------------*/
|
|
|
|
|
|
|
|
.groupItem {
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appTabTray {
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
2010-09-01 13:14:37 -07:00
|
|
|
/* Other Items
|
2010-07-07 17:04:01 -07:00
|
|
|
----------------------------------*/
|
|
|
|
|
2010-09-10 07:40:27 -07:00
|
|
|
.undo {
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
|
|
|
.undo .close {
|
|
|
|
display: inline-block;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
2010-07-07 17:04:01 -07:00
|
|
|
.info-item {
|
2010-07-11 16:48:05 -07:00
|
|
|
position: absolute;
|
2010-07-13 16:25:35 -07:00
|
|
|
}
|
|
|
|
|
2010-06-27 23:55:26 -07:00
|
|
|
/* Trenches
|
|
|
|
----------------------------------*/
|
|
|
|
|
2010-08-11 16:51:39 -07:00
|
|
|
.guideTrench,
|
|
|
|
.visibleTrench,
|
|
|
|
.activeVisibleTrench {
|
2010-06-27 23:55:26 -07:00
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
|
|
|
.guideTrench {
|
|
|
|
z-index: -101;
|
|
|
|
}
|
|
|
|
|
|
|
|
.visibleTrench {
|
|
|
|
z-index: -103;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activeVisibleTrench {
|
|
|
|
z-index: -102;
|
|
|
|
}
|
|
|
|
|
2010-04-14 19:06:17 -07:00
|
|
|
/* Other
|
|
|
|
----------------------------------*/
|
2010-04-08 17:38:06 -07:00
|
|
|
|
2010-07-27 09:38:21 -07:00
|
|
|
.newTabButton {
|
2010-05-03 15:24:22 -07:00
|
|
|
position: absolute !important;
|
2010-07-27 09:38:21 -07:00
|
|
|
z-index: 99999;
|
2010-08-03 18:42:46 -07:00
|
|
|
}
|
2010-05-10 17:17:48 -07:00
|
|
|
|
2010-09-10 14:51:14 -07:00
|
|
|
.titlebar {
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
2010-05-10 17:17:48 -07:00
|
|
|
.title-shield {
|
2010-07-27 09:38:21 -07:00
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
z-index: 10;
|
2010-05-10 17:17:48 -07:00
|
|
|
}
|
|
|
|
|
2010-07-27 09:38:21 -07:00
|
|
|
.transparentBorder {
|
2010-07-18 08:58:10 -07:00
|
|
|
border: 1px solid transparent !important;
|
2010-03-22 17:12:32 -07:00
|
|
|
}
|
|
|
|
|
2010-07-27 09:38:21 -07:00
|
|
|
.stackExpander {
|
2010-06-19 18:46:39 -07:00
|
|
|
position: absolute;
|
2010-07-27 09:38:21 -07:00
|
|
|
}
|
2010-06-19 18:46:39 -07:00
|
|
|
|
2010-08-11 20:08:33 -07:00
|
|
|
.shield {
|
2010-09-01 13:14:37 -07:00
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
position: absolute;
|
2010-08-11 20:08:33 -07:00
|
|
|
}
|
|
|
|
|
2010-03-22 17:12:32 -07:00
|
|
|
/* Resizable
|
|
|
|
----------------------------------*/
|
2010-07-27 09:38:21 -07:00
|
|
|
.resizer {
|
2010-07-11 16:48:05 -07:00
|
|
|
position: absolute;
|
2010-03-25 17:22:45 -07:00
|
|
|
}
|
|
|
|
|
2010-07-27 09:38:21 -07:00
|
|
|
.iq-resizable-handle {
|
|
|
|
position: absolute;
|
|
|
|
z-index: 99999;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2010-08-11 16:51:39 -07:00
|
|
|
.iq-resizable-disabled .iq-resizable-handle,
|
|
|
|
.iq-resizable-autohide .iq-resizable-handle {
|
2010-07-27 09:38:21 -07:00
|
|
|
display: none;
|
|
|
|
}
|
2010-09-08 11:37:50 -07:00
|
|
|
|
2010-09-10 07:51:08 -07:00
|
|
|
/* Exit button
|
|
|
|
----------------------------------*/
|
|
|
|
#exit-button {
|
|
|
|
position: absolute;
|
|
|
|
z-index: 1000;
|
|
|
|
}
|
2010-09-08 11:37:50 -07:00
|
|
|
|
|
|
|
/* Search
|
|
|
|
----------------------------------*/
|
2010-10-12 16:20:00 -07:00
|
|
|
#searchshade{
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
|
|
|
z-index: 1000;
|
|
|
|
}
|
|
|
|
|
2010-09-08 11:37:50 -07:00
|
|
|
#search{
|
|
|
|
position: absolute;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
2010-10-12 16:20:00 -07:00
|
|
|
pointer-events: none;
|
|
|
|
z-index: 1050;
|
2010-09-08 11:37:50 -07:00
|
|
|
}
|
|
|
|
|
2010-11-07 22:38:24 -08:00
|
|
|
html[dir=rtl] #search {
|
|
|
|
left: auto;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
|
2010-09-08 11:37:50 -07:00
|
|
|
#searchbox{
|
|
|
|
position: absolute;
|
|
|
|
right: 20px;
|
|
|
|
top: 20px;
|
|
|
|
}
|
|
|
|
|
2010-11-07 22:38:24 -08:00
|
|
|
html[dir=rtl] #searchbox {
|
|
|
|
right: auto;
|
|
|
|
left: 20px;
|
|
|
|
}
|
|
|
|
|
2010-09-08 11:37:50 -07:00
|
|
|
#actions{
|
|
|
|
position: absolute;
|
|
|
|
top: 100px;
|
|
|
|
right: 0px;
|
2010-11-24 18:53:35 -08:00
|
|
|
z-index: 10;
|
2010-09-08 11:37:50 -07:00
|
|
|
}
|
|
|
|
|
2010-11-07 22:38:24 -08:00
|
|
|
html[dir=rtl] #actions {
|
|
|
|
right: auto;
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
2010-09-08 11:37:50 -07:00
|
|
|
#actions #searchbutton{
|
|
|
|
position: relative;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
}
|
2010-09-21 14:56:52 -07:00
|
|
|
|
2010-11-07 22:38:24 -08:00
|
|
|
html[dir=rtl] #actions #searchbutton {
|
|
|
|
left: auto;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
|
2010-09-21 14:56:52 -07:00
|
|
|
#otherresults{
|
|
|
|
position: absolute;
|
|
|
|
opacity: 0;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.onTop{
|
|
|
|
z-index: 1010 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.inlineMatch{
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.inlineMatch>span{
|
|
|
|
display: inline-block;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|