code is as follows: 


<? PHP
defined (' _JEXEC ') or die;
JHtml: : _ (' behaviors. The framework ', true);
//if (! $templateparams - > get (' html5 ', 0)) :
? >
<! PUBLIC DOCTYPE HTML "-///DTD/W3C XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<HTML XMLNS="http://www.w3.org/1999/xhtml" XML: lang="<? PHP echo $this - > language;? >" Lang="<? PHP echo $this - > language;? >" Dir="<? PHP echo $this - > direction;? >" >
<Head>
<! - the jdoc: include type="head"/- >
<Style type="text/CSS" > {
HTML
height: 100%;

} body
{
<! -
background: url (http://127.0.0.1/joomla25/templates/usegear/images/bg.png);
/* background - image: url (http://127.0.0.1/joomla25/templates/usegear/images/bg.png) *//* background - size:
100% 100%; *
background - size: 100% 100%;
background - repeat: no - repeat;
padding - bottom: 80 px;
- >
height: 100%;
background - attachment: fixed;
margin: 0;
the padding: 0;
background - repeat: no - repeat;
background: RGB (30,87,153);/* Old browsers */
background: -- moz -- linear gradient (top, rgba (30,87,153,1) 0%, 90% rgba (125185232, 1)); FF3.6 + *//*
background: webkit - gradient (linear, left, top, left, bottom, color - stop (0%, rgba (30,87,153,1)), color - stop (90%, rgba (125185232, 1)));/* Chrome, safari 4 + */
background: -- webkit -- linear gradient (top, rgba (30,87,153,1) 0%, 90% rgba (125185232, 1));/* Chrome10 +, Safari5.1 + */
background: -o - linear gradient (top, rgba (30,87,153,1) 0%, 90% rgba (125185232, 1)); Opera 11.10 +/* */
background: - ms - linear - gradient (top, rgba (30,87,153,1) 0%, 90% rgba (125185232, 1));/* ie 10 + */
background: linear - gradient (to bottom, rgba (30,87,153,1) 0%, 90% rgba (125185232, 1)); W3C/* */

} # body_foot
{
position: absolute; Bottom: 0 px; Right: 0 px;
background: url (http://127.0.0.1/LXX/pictures/cloud.png);/*, url (http://127.0.0.1/LXX/pictures/cloud2.png); *
background - size: 30% 30%;
- moz - background - size: 63 px, 130 px; Old versions of Firefox/* */
background - repeat, repeat;
padding - bottom: 1%;
margin: 0;

} # body_foot1
{
position: absolute; Bottom: 0 px; Right: 0 px;
background: url (http://127.0.0.1/LXX/pictures/cloud2.png);/*, url (http://127.0.0.1/LXX/pictures/cloud2.png); *
background - size: 40% 40%;
- moz - background - size: 63 px, 130 px; Old versions of Firefox/* */
background - repeat, repeat;
padding - bottom: 1%;
margin: 0;
}
</style>
</head>
<Body>
<Div>
<P> </p>
<P> Rtyeryteryteryteryt

<P> Rtyeryt

<P> Ertyerytre

<P> Ertyerytre

<P> Ertyerytre

<P> Ertyerytre

<P> Ertyerytre

<P> Ertyerytre

</div>
<Div id="body_foot1" style="position: absolute; bottom: 1 px; height: 20%; width: 100%;" >
<Div id="body_foot" style="position: absolute; bottom: 1 px; height: 100%; width: 100%;" >
</div>
</div>
</div>
</div>
</body>
</html>

among them are:


This concludes the body part