--- /dev/null
+MARGIN_X=30
+MARGIN_Y=206
+SIZE_X=426
+SIZE_Y=70
+
+all: matita.xcf
+ convert matita.xcf matita.png
+ for Y in `seq 0 3`; do \
+ convert matita.png -crop \
+ $(SIZE_X)x$(SIZE_Y)+$(MARGIN_X)+`expr $(MARGIN_Y) + $$Y '*' '(' $(SIZE_Y) + 1 ')'` tmp.png; \
+ composite -compose src-over bg.png tmp.png bg$$Y.png;\
+ done;\
+ rm tmp.png
+
dd#developersDef{ top: 206px; left: 30px; }
dd#developersDef a{ position: absolute; width: 426px; height: 70px; text-decoration: none; }
dd#developersDef a span{ display: none; }
- dd#developersDef a:hover{ position: absolute; background: transparent url(bg.png) ; top: 0px}
+ dd#developersDef a:hover{ position: absolute; background: transparent url(bg0.png) ; top: 0px}
dd#documentationDef{ top: 277px; left: 30px; }
dd#documentationDef a{ position: absolute; width: 426px; height: 70px; text-decoration: none; }
dd#documentationDef a span{ display: none; }
- dd#documentationDef a:hover{ position: absolute; background: transparent url(bg.png) ; top: 0px}
+ dd#documentationDef a:hover{ position: absolute; background: transparent url(bg1.png) ; top: 0px}
dd#communityDef{ top: 348px; left: 30px; }
dd#communityDef a{ position: absolute; width: 426px; height: 70px; text-decoration: none; }
dd#communityDef a span{ display: none; }
- dd#communityDef a:hover{ position: absolute; background: transparent url(bg.png) ; top: 0px}
+ dd#communityDef a:hover{ position: absolute; background: transparent url(bg2.png) ; top: 0px}
dd#downloadDef{ top: 419px; left: 30px; }
dd#downloadDef a{ position: absolute; width: 426px; height: 70px; text-decoration: none; }
dd#downloadDef a span{ display: none; }
- dd#downloadDef a:hover{ position: absolute; background: transparent url(bg.png) ; top: 0px}
+ dd#downloadDef a:hover{ position: absolute; background: transparent url(bg3.png) ; top: 0px}
div#ex {margin-left:auto; margin-right:auto}
</style>