| [qo-modules-dev] [57] new sprite for button in taskbar (quickStart/TaskButton/SystrayButton) |
[ Thread Index |
Date Index
| More lists.tuxfamily.org/qo-modules-dev Archives
]
Revision: 57
Author: ytorres
Date: 2008-12-11 14:43:31 +0100 (Thu, 11 Dec 2008)
Log Message:
-----------
new sprite for button in taskbar (quickStart/TaskButton/SystrayButton)
Modified Paths:
--------------
mickael/trunk/ext/v3.0.0-a1/learn/desktop/resources/css/desktop.css
Modified: mickael/trunk/ext/v3.0.0-a1/learn/desktop/resources/css/desktop.css
===================================================================
--- mickael/trunk/ext/v3.0.0-a1/learn/desktop/resources/css/desktop.css 2008-12-10 21:32:12 UTC (rev 56)
+++ mickael/trunk/ext/v3.0.0-a1/learn/desktop/resources/css/desktop.css 2008-12-11 13:43:31 UTC (rev 57)
@@ -151,95 +151,233 @@
/* z-index:12001; */
}
-/* begin: taskbutton */
-#ux-taskbuttons-panel .x-btn-icon .x-btn-mc .x-btn-text{
- background-position: center;
- background-repeat: no-repeat;
- height: 16px;
- width: 16px;
- cursor:pointer;
- white-space: nowrap;
- padding:0;
+/* ---BUTTONS--- */
+/* TaskButton / QuickStartButton / Systray */
+
+/* begin */
+#ux-taskbuttons-panel .x-btn-icon .x-btn-mc .x-btn-text,
+#ux-systemtray-panel .x-btn-icon .x-btn-mc .x-btn-text,
+#ux-quickstart-panel .x-btn-icon .x-btn-mc .x-btn-text {
+ background-position: center;
+ background-repeat: no-repeat;
+ height: 16px;
+ width: 16px;
+ cursor:pointer;
+ white-space: nowrap;
+ padding:0;
}
-#ux-taskbuttons-panel .x-btn-icon .x-btn-mc{
- padding:1px;
+#ux-taskbuttons-panel .x-btn-icon .x-btn-mc,
+#ux-systemtray-panel .x-btn-icon .x-btn-mc,
+#ux-quickstart-panel .x-btn-icon .x-btn-mc {
+ padding:1px;
}
-#ux-taskbuttons-panel .x-btn-text-icon .x-btn-mc .x-btn-text{
- background-position: 0 6px;
- background-repeat: no-repeat;
- height:28px;
- overflow:hidden;
- padding:7px 0px 7px 20px;
+/* Normal State */
+#ux-taskbuttons-panel .x-btn-text, #ux-quickstart-panel .x-btn-text, #ux-systemtray-panel .x-btn-text { color: #fff; }
+
+#ux-taskbuttons-panel .x-btn, #ux-quickstart-panel .x-btn, #ux-systemtray-panel .x-btn { height: 28px; margin-top: 1px; }
+
+#ux-taskbuttons-panel .x-btn-tl,
+#ux-systemtray-panel .x-btn-tl,
+#ux-quickstart-panel .x-btn-tl {
+background: transparent url(../images/default/taskbar/taskbutton.gif) no-repeat scroll 0 0;
+ width: 4px;
+ height: 4px;
}
-#ux-taskbuttons-panel .x-btn-ml, #ux-taskbuttons-panel .x-btn-mr{
- font-size:1px;
- line-height:1px;
+#ux-quickstart-panel .x-btn-tl,
+#ux-systemtray-panel .x-btn-tl {
+ background-position: 0 -1173px;
}
-#ux-taskbuttons-panel .x-btn-ml{
- width:4px;
- height:28px;
- background:url(../images/default/taskbar/taskbutton.gif) no-repeat 0 0;
+
+#ux-quickstart-panel .x-btn-tc,
+#ux-systemtray-panel .x-btn-tc,
+#ux-taskbuttons-panel .x-btn-tc {
+ background: transparent url(../images/default/taskbar/taskbutton.gif) repeat-x scroll 0 -8px;
+ height: 4px;
}
-#ux-taskbuttons-panel .x-btn-mr{
- width:4px;
- height:28px;
- background:url(../images/default/taskbar/taskbutton.gif) no-repeat 0 -28px;
+#ux-quickstart-panel .x-btn-tc,
+#ux-systemtray-panel .x-btn-tc {
+ background-position: 0 -1173px;
}
-#ux-taskbuttons-panel .x-btn-ml i, #ux-taskbuttons-panel .x-btn-mr i{
- display:block;
- width:4px;
- overflow:hidden;
- font-size:1px;
- line-height:1px;
+
+#ux-quickstart-panel .x-btn-tr,
+#ux-systemtray-panel .x-btn-tr,
+#ux-taskbuttons-panel .x-btn-tr {
+ background: transparent url(../images/default/taskbar/taskbutton.gif) no-repeat scroll -4px 0;
+ width: 4px;
+ height: 4px;
}
-#ux-taskbuttons-panel .x-btn-mc{
- background:url(../images/default/taskbar/taskbutton.gif) repeat-x 0 -56px;
- vertical-align: middle;
- text-align:center;
- padding:0 5px;
- cursor:pointer;
- white-space:nowrap;
+#ux-quickstart-panel .x-btn-tr,
+#ux-systemtray-panel .x-btn-tr{
+ background-position: 0 -1173px;
}
-#ux-taskbuttons-panel .x-btn-ml{
- background-position:0 0;
+
+#ux-quickstart-panel .x-btn-bl,
+#ux-systemtray-panel .x-btn-bl,
+#ux-taskbuttons-panel .x-btn-bl {
+ background: transparent url(../images/default/taskbar/taskbutton.gif) no-repeat scroll 0 -4px;
+ width: 4px;
+ height: 4px;
}
-#ux-taskbuttons-panel .x-btn-mr{
- background-position:0 -28px;
+#ux-quickstart-panel .x-btn-bl,
+#ux-systemtray-panel .x-btn-bl {
+ background-position: 0 -1173px;
}
-#ux-taskbuttons-panel .x-btn-mc{
- background-position:0 -56px;
+
+#ux-quickstart-panel .x-btn-bc,
+#ux-systemtray-panel .x-btn-bc,
+#ux-taskbuttons-panel .x-btn-bc {
+ background: transparent url(../images/default/taskbar/taskbutton.gif) repeat-x scroll 0 -20px;
+ height: 4px;
}
-#ux-taskbuttons-panel .x-btn-over .x-btn-ml{
- background-position:0 -252px;
+#ux-quickstart-panel .x-btn-bc,
+#ux-systemtray-panel .x-btn-bc {
+ background-position: 0 -1173px;
}
-#ux-taskbuttons-panel .x-btn-over .x-btn-mr{
- background-position:0 -280px;
+
+#ux-quickstart-panel .x-btn-br,
+#ux-systemtray-panel .x-btn-br,
+#ux-taskbuttons-panel .x-btn-br {
+ background: transparent url(../images/default/taskbar/taskbutton.gif) no-repeat scroll -4px -4px;
+ width: 4px;
+ height: 4px;
}
-#ux-taskbuttons-panel .x-btn-over .x-btn-mc{
- background-position:0 -308px;
+#ux-quickstart-panel .x-btn-br,
+#ux-systemtray-panel .x-btn-br {
+ background-position: 0 -1173px;
}
-#ux-taskbuttons-panel .x-btn-click .x-btn-ml{
- background-position:0 -168px;
+
+#ux-quickstart-panel .x-btn-ml,
+#ux-systemtray-panel .x-btn-ml,
+#ux-taskbuttons-panel .x-btn-ml {
+ background: transparent url(../images/default/taskbar/taskbutton.gif) no-repeat scroll 0 -32px;
+ width: 4px;
}
-#ux-taskbuttons-panel .x-btn-click .x-btn-mr{
- background-position:0 -196px;
+#ux-quickstart-panel .x-btn-ml,
+#ux-systemtray-panel .x-btn-ml {
+ background-position: 0 -1173px;
}
-#ux-taskbuttons-panel .x-btn-click .x-btn-mc{
- background-position:0 -224px;
+
+#ux-quickstart-panel .x-btn-mc,
+#ux-systemtray-panel .x-btn-mc,
+#ux-taskbuttons-panel .x-btn-mc {
+ background: transparent url(../images/default/taskbar/taskbutton.gif) repeat-x scroll 0 -1104px;
}
-#ux-taskbuttons-panel .active-win .x-btn-ml{
- background-position:0 -84px;
+#ux-quickstart-panel .x-btn-mc,
+#ux-systemtray-panel .x-btn-mc {
+ background-position: 0 -1173px;
}
-#ux-taskbuttons-panel .active-win .x-btn-mr{
- background-position:0 -112px;
+
+#ux-taskbuttons-panel .x-btn-mr,
+#ux-systemtray-panel .x-btn-mr,
+#ux-quickstart-panel .x-btn-mr {
+ background: transparent url(../images/default/taskbar/taskbutton.gif) no-repeat scroll -4px -32px;
+ width: 4px;
}
-#ux-taskbuttons-panel .active-win .x-btn-mc{
- background-position:0 -140px;
+#ux-quickstart-panel .x-btn-mr,
+#ux-systemtray-panel .x-btn-mr {
+ background-position: 0 -1173px;
}
-/*#ux-taskbuttons-panel .active-win .x-btn-mc button {*/
-#ux-taskbuttons-panel .active-win .x-btn-mc button {
- color:red;/*#fff;*/
+/* Over State */
+
+#ux-taskbuttons-panel .x-btn-over .x-btn-tl,
+#ux-systemtray-panel .x-btn-over .x-btn-tl,
+#ux-quickstart-panel .x-btn-over .x-btn-tl {
+ background-position: -8px 0;
}
+#ux-taskbuttons-panel .x-btn-over .x-btn-tr,
+#ux-systemtray-panel .x-btn-over .x-btn-tr,
+#ux-quickstart-panel .x-btn-over .x-btn-tr {
+ background-position: -12px 0;
+}
+#ux-taskbuttons-panel .x-btn-over .x-btn-tc,
+#ux-systemtray-panel .x-btn-over .x-btn-tc,
+#ux-quickstart-panel .x-btn-over .x-btn-tc {
+ background-position: 0 -12px;
+}
+
+#ux-taskbuttons-panel .x-btn-over .x-btn-ml,
+#ux-systemtray-panel .x-btn-over .x-btn-ml,
+#ux-quickstart-panel .x-btn-over .x-btn-ml {
+ background-position: -8px -32px;
+}
+#ux-taskbuttons-panel .x-btn-over .x-btn-mr,
+#ux-systemtray-panel .x-btn-over .x-btn-mr,
+#ux-quickstart-panel .x-btn-over .x-btn-mr {
+ background-position: -12px -32px;
+}
+#ux-taskbuttons-panel .x-btn-over .x-btn-mc,
+#ux-systemtray-panel .x-btn-over .x-btn-mc,
+#ux-quickstart-panel .x-btn-over .x-btn-mc {
+ background-position: 0 -1124px;
+}
+
+#ux-taskbuttons-panel .x-btn-over .x-btn-bl,
+#ux-systemtray-panel .x-btn-over .x-btn-bl,
+#ux-quickstart-panel .x-btn-over .x-btn-bl {
+ background-position: -8px -4px;
+}
+#ux-taskbuttons-panel .x-btn-over .x-btn-br,
+#ux-systemtray-panel .x-btn-over .x-btn-br,
+#ux-quickstart-panel .x-btn-over .x-btn-br {
+ background-position: -12px -4px;
+}
+#ux-taskbuttons-panel .x-btn-over .x-btn-bc,
+#ux-systemtray-panel .x-btn-over .x-btn-bc,
+#ux-quickstart-panel .x-btn-over .x-btn-bc {
+ background-position: 0 -24px;
+}
+
+/* Clicked State */
+
+#ux-taskbuttons-panel .x-btn-click .x-btn-tl, #ux-taskbuttons-panel .x-btn-menu-active .x-btn-tl, #ux-taskbuttons-panel .x-btn-pressed .x-btn-tl,
+#ux-systemtray-panel .x-btn-click .x-btn-tl, #ux-systemtray-panel .x-btn-menu-active .x-btn-tl, #ux-systemtray-panel .x-btn-pressed .x-btn-tl,
+#ux-quickstart-panel .x-btn-click .x-btn-tl, #ux-quickstart-panel .x-btn-menu-active .x-btn-tl, #ux-quickstart-panel .x-btn-pressed .x-btn-tl {
+ background-position: -16px 0;
+}
+#ux-taskbuttons-panel .x-btn-click .x-btn-tr, #ux-taskbuttons-panel .x-btn-menu-active .x-btn-tr, #ux-taskbuttons-panel .x-btn-pressed .x-btn-tr,
+#ux-systemtray-panel .x-btn-click .x-btn-tr, #ux-systemtray-panel .x-btn-menu-active .x-btn-tr, #ux-systemtray-panel .x-btn-pressed .x-btn-tr,
+#ux-quickstart-panel .x-btn-click .x-btn-tr, #ux-quickstart-panel .x-btn-menu-active .x-btn-tr, #ux-quickstart-panel .x-btn-pressed .x-btn-tr {
+ background-position: -20px 0;
+}
+#ux-taskbuttons-panel .x-btn-click .x-btn-tc, #ux-taskbuttons-panel .x-btn-menu-active .x-btn-tc, #ux-taskbuttons-panel .x-btn-pressed .x-btn-tc,
+#ux-systemtray-panel .x-btn-click .x-btn-tc, #ux-systemtray-panel .x-btn-menu-active .x-btn-tc, #ux-systemtray-panel .x-btn-pressed .x-btn-tc,
+#ux-quickstart-panel .x-btn-click .x-btn-tc, #ux-quickstart-panel .x-btn-menu-active .x-btn-tc, #ux-quickstart-panel .x-btn-pressed .x-btn-tc {
+ background-position: 0 -16px;
+}
+
+#ux-taskbuttons-panel .x-btn-click .x-btn-ml, #ux-taskbuttons-panel .x-btn-menu-active .x-btn-ml, #ux-taskbuttons-panel .x-btn-pressed .x-btn-ml,
+#ux-systemtray-panel .x-btn-click .x-btn-ml, #ux-systemtray-panel .x-btn-menu-active .x-btn-ml, #ux-systemtray-panel .x-btn-pressed .x-btn-ml,
+#ux-quickstart-panel .x-btn-click .x-btn-ml, #ux-quickstart-panel .x-btn-menu-active .x-btn-ml, #ux-quickstart-panel .x-btn-pressed .x-btn-ml {
+ background-position: -16px -32px;
+}
+#ux-taskbuttons-panel .x-btn-click .x-btn-mr, #ux-taskbuttons-panel .x-btn-menu-active .x-btn-mr, #ux-taskbuttons-panel .x-btn-pressed .x-btn-mr,
+#ux-systemtray-panel .x-btn-click .x-btn-mr, #ux-systemtray-panel .x-btn-menu-active .x-btn-mr, #ux-systemtray-panel .x-btn-pressed .x-btn-mr,
+#ux-quickstart-panel .x-btn-click .x-btn-mr, #ux-quickstart-panel .x-btn-menu-active .x-btn-mr, #ux-quickstart-panel .x-btn-pressed .x-btn-mr {
+ background-position: -20px -32px;
+}
+
+#ux-taskbuttons-panel .x-btn-click .x-btn-mc, #ux-taskbuttons-panel .x-btn-menu-active .x-btn-mc, #ux-taskbuttons-panel .x-btn-pressed .x-btn-mc,
+#ux-systemtray-panel .x-btn-click .x-btn-mc, #ux-systemtray-panel .x-btn-menu-active .x-btn-mc, #ux-systemtray-panel .x-btn-pressed .x-btn-mc,
+#ux-quickstart-panel .x-btn-click .x-btn-mc, #ux-quickstart-panel .x-btn-menu-active .x-btn-mc, #ux-quickstart-panel .x-btn-pressed .x-btn-mc {
+ background-position: 0 -1144px;
+}
+
+#ux-taskbuttons-panel .x-btn-click .x-btn-bl, #ux-taskbuttons-panel .x-btn-menu-active .x-btn-bl, #ux-taskbuttons-panel .x-btn-pressed .x-btn-bl,
+#ux-systemtray-panel .x-btn-click .x-btn-bl, #ux-systemtray-panel .x-btn-menu-active .x-btn-bl, #ux-systemtray-panel .x-btn-pressed .x-btn-bl,
+#ux-quickstart-panel .x-btn-click .x-btn-bl, #ux-quickstart-panel .x-btn-menu-active .x-btn-bl, #ux-quickstart-panel .x-btn-pressed .x-btn-bl {
+ background-position: -16px -4px;
+}
+#ux-taskbuttons-panel .x-btn-click .x-btn-br, #ux-taskbuttons-panel .x-btn-menu-active .x-btn-br, #ux-taskbuttons-panel .x-btn-pressed .x-btn-br,
+#ux-systemtray-panel .x-btn-click .x-btn-br, #ux-systemtray-panel .x-btn-menu-active .x-btn-br, #ux-systemtray-panel .x-btn-pressed .x-btn-br,
+#ux-quickstart-panel .x-btn-click .x-btn-br, #ux-quickstart-panel .x-btn-menu-active .x-btn-br, #ux-quickstart-panel .x-btn-pressed .x-btn-br {
+ background-position: -20px -4px;
+}
+#ux-taskbuttons-panel .x-btn-click .x-btn-bc, #ux-taskbuttons-panel .x-btn-menu-active .x-btn-bc, #ux-taskbuttons-panel .x-btn-pressed .x-btn-bc,
+#ux-systemtray-panel .x-btn-click .x-btn-bc, #ux-systemtray-panel .x-btn-menu-active .x-btn-bc, #ux-systemtray-panel .x-btn-pressed .x-btn-bc,
+#ux-quickstart-panel .x-btn-click .x-btn-bc, #ux-quickstart-panel .x-btn-menu-active .x-btn-bc, #ux-quickstart-panel .x-btn-pressed .x-btn-bc {
+ background-position: 0 -28px;
+}
+
/* end: taskbutton */
@@ -657,88 +795,6 @@
}
/* End: startbutton */
-/* Begin QuickStart button */
-#ux-quickstart-panel .x-btn-icon .x-btn-mc .x-btn-text{
- background-position: center;
- background-repeat: no-repeat;
- height: 16px;
- width: 16px;
- cursor:pointer;
- white-space: nowrap;
- padding:0;
-}
-#ux-quickstart-panel .x-btn-ml, #ux-quickstart-panel .x-btn-mr{
- font-size:1px;
- line-height:1px;
-}
-#ux-quickstart-panel .x-btn-ml{
- width:4px;
- height:28px;
- background:url(../images/default/taskbar/quickstart-button.gif) no-repeat 0 0;
-}
-#ux-quickstart-panel .x-btn-mr{
- width:4px;
- height:28px;
- background:url(../images/default/taskbar/quickstart-button.gif) no-repeat 0 -28px;
-}
-#ux-quickstart-panel .x-btn-ml i, #ux-quickstart-panel .x-btn-mr i{
- display:block;
- width:4px;
- overflow:hidden;
- font-size:1px;
- line-height:1px;
-}
-#ux-quickstart-panel .x-btn-mc{
- background:url(../images/default/taskbar/quickstart-button.gif) repeat-x 0 -56px;
- vertical-align: middle;
- text-align:center;
- padding:0;
- cursor:pointer;
- white-space:nowrap;
-}
-#ux-quickstart-panel .x-btn-ml{
- background-position:0 0;
-}
-#ux-quickstart-panel .x-btn-mr{
- background-position:0 0;
-}
-#ux-quickstart-panel .x-btn-mc{
- background-position:0 0;
-}
-#ux-quickstart-panel .x-btn-over .x-btn-ml,
-#ux-quickstart-panel .x-btn-menu-active .x-btn-ml{
- background-position:0 -250px;
-}
-#ux-quickstart-panel .x-btn-over .x-btn-mr,
-#ux-quickstart-panel .x-btn-menu-active .x-btn-mr{
- background-position:0 -279px;
-}
-#ux-quickstart-panel .x-btn-over .x-btn-mc,
-#ux-quickstart-panel .x-btn-menu-active .x-btn-mc{
- background-position:0 -308px;
-}
-#ux-quickstart-panel .x-btn-click .x-btn-ml{
- background-position:0 -163px;
-}
-#ux-quickstart-panel .x-btn-click .x-btn-mr{
- background-position:0 -192px;
-}
-#ux-quickstart-panel .x-btn-click .x-btn-mc{
- background-position:0 -221px;
-}
-#ux-quickstart-panel .active-win .x-btn-ml{
- background-position:0 -84px;
-}
-#ux-quickstart-panel .active-win .x-btn-mr{
- background-position:0 -112px;
-}
-#ux-quickstart-panel .active-win .x-btn-mc{
- background-position:0 -140px;
-}
-/* End: QuickStart button */
-
-
-
/* Begin: quickstart menubutton */
.ux-quickstart-menubutton-wrap {
position:absolute;