Xyrah's wiki: App Test Run Html

<div id='mosca' class='cuento' name='La mosca y la tarta'>
La mosca y la tarta.

Había una vez una mosca que se llamaba Tsi. Iba volando por la calle. Vio una tarta detrás de una ventana. Qué buena pinta tiene esa tarta, pensó. Fue volando a toda velocidad hacia la tarta. Chocó muy fuerte contra el vidrio, y se mató.

Y colorín colorado, este cuento se ha acabado.
</div>

<div id='dragon' class='cuento' name='El dragón en el estanque'>
El dragón en el estanque.

Un día iba un dragón volando muy alto. Se había pasado toda la mañana volando. Estaba muy cansado. Vió un jardín allá abajo, y decidió parar a descansar. Se posó en un árbol al lado del estanque. Y entonces salió el abuelo, muy enfadado.

- Oye tú, qué haces ahí sentado, que me vas a romper el árbol

- Perdón, perdón, no quería molestar, le contestó el dragón. Solo quería descansar un rato.

- Bueno, pero vete ya, que me vas a asustar a los peces del estanque.

El dragón se fue volando, y colorín colorado, este cuento se ha acabado.
</div>

La gallinita roja

Había una vez una gallina roja llamada Marcelina. Vivía en una casita blanca con tejado rojo, en una granja.

La gallinita tenía un amigo. Bueno, tres.

Un gato, que vivía en la casa con el granjero.

Un pato muy lindo, que vivía en el estanque.

Y una rata, que vivía en el establo.

Un día la gallinita roja, escarbando en la tierra, encontró unos granos de trigo.

Pensó que si lo sembraba crecería, y después podría hacer pan para ella y todos sus amigos.

- ¿Quién me ayudará a sembrar el trigo?, les preguntó.

- Yo no, dijo el gato.

- Yo no, dijo el pato.

- Yo no, dijo la rata.

- Muy bien, pues lo sembraré yo sola, dijo la gallinita.

Y eso hizo. Abrió agujeritos en la tierra, metió un grano en cada uno, y los tapó. La gallina esperó todo el invierno. En la primavera, salieron unos brotes tiernos y verdes. Luego crecieron fuertes y altos. En verano se volvieron dorados.

- ¿Quién me ayudará a segar el trigo?, preguntó la gallinita roja.

- Yo no, dijo el gato.

- Yo no, dijo el pato.

- Yo no, dijo la rata.

- Muy bien, si no me queréis ayudar, lo segaré yo sola, exclamó Marcelina.

Y la gallina segó sola el trigo. Tuvo que cortar con su piquito uno a uno todos los tallos. Cuando acabó, habló muy cansada a sus compañeros:

- ¿Quién me ayudará a trillar el trigo?

- Yo no, dijo el gato.

- Yo no, dijo el pato.

- Yo no, dijo la rata.

- Muy bien, lo trillaré yo.

Lo trituró con paciencia hasta que consiguió separar el grano de la paja. Cuando acabó, volvió a preguntar:

- ¿Quién me ayudará a llevar el trigo al molino para convertirlo en harina?

- Yo no, dijo el gato.

- Yo no, dijo el pato.

- Yo no, dijo la rata.

- Muy bien, lo llevaré yo sola, contestó Marcelina.

Llevó el trigo al molino en una carretilla, y lo molió hasta convertirlo en harina. Era un trabajo muy duro. Luego la amasó, e hizo una hermosa y jugosa barra de pan. Cuando la tuvo terminada la sacó del horno, y preguntó:

- Y ahora, ¿quién me ayudará a comer la barra de pan?

- ¡Yo, yo quiero! dijo el gato.

- ¡Yo, yo quiero! dijo el pato.

- ¡Yo, yo también quiero! dijo la rata.

- ¡Ah, no! contestó Marcelina. Nadie me ayudó para hacer el pan, así que me lo comeré yo sola.

Y así lo hizo. Llamó a sus pollitos y lo compartió con ellos.

Y colorín colorado, este cuento se ha acabado.
</div>

  <a id="prev" href="#" class="button" style="float:left">Anterior</a>

  <a id="next" href="#" class="button" style="float:right">Siguiente</a>

</div>

texto {

  font-size: 200%;

  height: 74%;

  border: 1px solid #555;

  padding: .2em;

  line-height: 1.4em;

}

.cuento {

  display: none;

}

control {

   margin-top:0.9em;

}

pageCnt {

    width: 100%;

    text-align: center;

    font-size: 1.2em;

    margin-top: 0.3em;

}

.button {

	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;

	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;

	box-shadow:inset 0px 1px 0px 0px #fce2c1;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );

	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');

	background-color:#ffc477;

	-webkit-border-top-left-radius:18px;

	-moz-border-radius-topleft:18px;

	border-top-left-radius:18px;

	-webkit-border-top-right-radius:18px;

	-moz-border-radius-topright:18px;

	border-top-right-radius:18px;

	-webkit-border-bottom-right-radius:18px;

	-moz-border-radius-bottomright:18px;

	border-bottom-right-radius:18px;

	-webkit-border-bottom-left-radius:18px;

	-moz-border-radius-bottomleft:18px;

	border-bottom-left-radius:18px;

	text-indent:0;

	border:1px solid #eeb44f;

	display:inline-block;

	color:#ffffff;

	font-family:Arial;

	font-size:20px;

	font-weight:bold;

	font-style:normal;

	height:48px;

	line-height:48px;

	width:120px;

	text-decoration:none;

	text-align:center;

	text-shadow:1px 1px 0px #cc9f52;

}

.menu_btn {

    float: left;

    clear: both;

    width: auto;

    margin-bottom: 0.5em;

    padding: 0 1em 0 1em;

}
/*
.button:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );

	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');

	background-color:#fb9e25;

}.button:active {

	position:relative;

	top:1px;

}

</style>

AppTestRunHtml