- Timestamp:
- 2015-05-30T11:15:24+12:00 (9 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/transform/pages/document.xsl
r29902 r29940 1736 1736 pointer-events: none; 1737 1737 } 1738 1739 .drum.hit { 1740 animation: drumHit .15s linear infinite; 1741 -webkit-animation: drumHit .15s linear infinite; 1742 -moz-animation: drumHit .15s linear infinite; 1743 -ms-animation: drumHit .15s linear infinite; 1744 -o-animation: drumHit .15s linear infinite; 1745 } 1746 1747 @keyframes: drumHit; { 1748 0% { background-size: 100%;} 1749 10% { background-size: 95%; } 1750 30% { background-size: 97%; } 1751 50% { background-size: 100%;} 1752 60% { background-size: 98%; } 1753 70% { background-size: 100%;} 1754 80% { background-size: 99%; } 1755 100% { background-size: 100%;} 1756 } 1757 1758 @-webkit-keyframes drumHit { 1759 0% { background-size: 100%;} 1760 10% { background-size: 105%; } 1761 30% { background-size: 103%; } 1762 50% { background-size: 100%;} 1763 60% { background-size: 102%; } 1764 70% { background-size: 100%;} 1765 80% { background-size: 101%; } 1766 100% { background-size: 100%;} 1767 } 1768 1769 @-moz-keyframes drumHit { 1770 0% { background-size: 100%;} 1771 10% { background-size: 105%; } 1772 30% { background-size: 103%; } 1773 50% { background-size: 100%;} 1774 60% { background-size: 102%; } 1775 70% { background-size: 100%;} 1776 80% { background-size: 101%; } 1777 100% { background-size: 100%;} 1778 } 1779 1780 @-o-keyframes drumHit { 1781 0% { background-size: 100%;} 1782 10% { background-size: 105%; } 1783 30% { background-size: 103%; } 1784 50% { background-size: 100%;} 1785 60% { background-size: 102%; } 1786 70% { background-size: 100%;} 1787 80% { background-size: 101%; } 1788 100% { background-size: 100%;} 1789 } 1790 1791 @-ms-keyframes drumHit { 1792 0% { background-size: 100%;} 1793 10% { background-size: 105%; } 1794 30% { background-size: 103%; } 1795 50% { background-size: 100%;} 1796 60% { background-size: 102%; } 1797 70% { background-size: 100%;} 1798 80% { background-size: 101%; } 1799 100% { background-size: 100%;} 1800 } 1801 1802 1803 1738 1804 </style> 1739 1805 <div id="drumkit-area" class="documenttext" style="display: none; position: absolute: left: 0px; top: 0px;"> … … 1742 1808 <div style="display:inline-block;"> 1743 1809 <div style="position: relative;"> 1810 <!-- 1744 1811 <img style="position: relative;" width="148" height="148" 1745 1812 src="{$httpCollection}/images/cymbal-overview.png" class="drum" id="drum1" border="0" /> 1813 --> 1814 <div style="position: relative; width: 148px; height: 148px; background-image: url({$httpCollection}/images/cymbal-overview.png); background-repeat: no-repeat; background-size: 148px 148px" class="drum" id="drum1" border="0" ><xsl:comment>drum background</xsl:comment></div> 1746 1815 <div class="drumcontainer" style="color: #555555"> 1747 1816 <span style="white-space: nowrap;"><Shift-C></span> … … 1751 1820 <div style="display:inline-block;"> 1752 1821 <div style="position: relative;"> 1822 <!-- 1753 1823 <img style="position: relative;" width="148" height="144" 1754 1824 src="{$httpCollection}/images/drum-overview.png" class="drum" id="drum3" border="0" /> 1825 --> 1826 <div style="position: relative; width: 148px; height: 144px; background-image: url({$httpCollection}/images/drum-overview.png); background-repeat: no-repeat; background-size: 148px 144px" class="drum" id="drum3" border="0" ><xsl:comment>drum background</xsl:comment></div> 1755 1827 <div class="drumcontainer" > 1756 1828 <span style="white-space: nowrap;"><Shift-V></span> … … 1760 1832 <div style="display:inline-block;"> 1761 1833 <div style="position: relative;"> 1834 <!-- 1762 1835 <img style="position: relative;" width="167" height="163" 1763 1836 src="{$httpCollection}/images/drum-overview.png" class="drum" id="drum2" border="0" /> 1837 --> 1838 <div style="position: relative; width: 167px; height: 163px; background-image: url({$httpCollection}/images/drum-overview.png); background-repeat: no-repeat; background-size: 167px 163px" class="drum" id="drum2" border="0" ><xsl:comment>drum background</xsl:comment></div> 1764 1839 <div class="drumcontainer" > 1765 1840 <span style="white-space: nowrap;"><Shift-B></span> … … 1769 1844 <div style="display:inline-block;"> 1770 1845 <div style="position: relative;"> 1846 <!-- 1771 1847 <img style="position: relative;" width="197" height="192" 1772 1848 src="{$httpCollection}/images/drum-overview.png" class="drum" id="drum4" border="0" /> 1849 --> 1850 <div style="position: relative; width: 197px; height: 192px; background-image: url({$httpCollection}/images/drum-overview.png); background-repeat: no-repeat; background-size: 197px 192px" class="drum" id="drum4" border="0" ><xsl:comment>drum background</xsl:comment></div> 1773 1851 <div class="drumcontainer" > 1774 1852 <span style="white-space: nowrap;"><Shift-N></span> … … 1778 1856 <div style="display:inline-block;"> 1779 1857 <div style="position: relative;"> 1858 <!-- 1780 1859 <img style="position: relative;" width="216" height="211" 1781 1860 src="{$httpCollection}/images/drum-overview.png" class="drum" id="drum5" border="0" /> 1861 --> 1862 <div style="position: relative; width: 216px; height: 211px; background-image: url({$httpCollection}/images/drum-overview.png); background-repeat: no-repeat; background-size: 216px 211px" class="drum" id="drum5" border="0" ><xsl:comment>drum background</xsl:comment></div> 1782 1863 <div class="drumcontainer" > 1783 <span style="white-space: nowrap;"> <S pace-M></span>1864 <span style="white-space: nowrap;"> <Shift-M></span> 1784 1865 </div> 1785 1866 </div>
Note:
See TracChangeset
for help on using the changeset viewer.