stonewareslord/treestyletab
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

ダミーのタブに背景画像を付けるように

Browse Source 
git-svn-id: http://www.cozmixng.org/repos/piro/treestyletab/trunk@4681 599a83e7-65a4-db11-8015-0010dcdd6dc2
This commit is contained in:
piro 2009-07-09 01:38:17 +00:00
parent cea4fe0aed
commit b13b7b17f6
2 changed files with 54 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
content/treestyletab/group.xul
View File

@ -3,22 +3,29 @@
<page xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onclick="onClick(event)"
ondblclick="onDblClick(event)">
<hbox>
<deck id="deck" flex="1">
<hbox align="center">
<image class="icon"/>
<label id="label"
flex="1"
crop="end"/>
<stack flex="1">
<box class="background-image-container">
<image class="icon background-image"/>
</box>
<vbox class="content" flex="1">
<hbox>
<deck id="deck" flex="1">
<hbox align="center">
<image class="icon"/>
<label id="label"
flex="1"
crop="end"/>
</hbox>
<hbox align="center">
<image class="icon"/>
<textbox id="editor"
flex="1"
onkeypress="onKeyPress(event)"/>
</hbox>
</deck>
</hbox>
<hbox align="center">
<image class="icon"/>
<textbox id="editor"
flex="1"
onkeypress="onKeyPress(event)"/>
</hbox>
</deck>
</hbox>
</vbox>
</stack>
<link xmlns="http://www.w3.org/1999/xhtml" rel="icon"
href="chrome://treestyletab/skin/group-icon"/>
<script type="application/x-javascript"><![CDATA[

34
skin/classic/treestyletab/group.css
View File

@ -1,7 +1,12 @@
page {
:root {
background: -moz-dialog;
margin: 1em;
-moz-appearance: window;
margin: 0;
padding: 0;
}
.content {
padding: 1em;
}
#label {
@ -18,3 +23,28 @@ page {
-moz-image-region: rect(0, 32px, 16px, 16px);
*/
}
.background-image {
width: 320px;
max-width: 320px;
height: 320px;
max-height: 320px;
position: fixed;
top: auto;
right: 0;
bottom: 0;
left: auto;
opacity: 0.3;
image-rendering: -moz-crisp-edges;
margin: 0 -0.3em -0.3em 0;
transform: rotate(8deg);
-moz-transform: rotate(8deg);
}
.background-image-container {
position: fixed;
top: auto;
right: 0;
bottom: 0;
left: auto;
}