Raataar/pokedex
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

css angepasst entwicklung

Browse Source
This commit is contained in:
Hilmer, Carsten 2016-09-19 21:59:19 +02:00
parent c4088694a8
commit 93431210f4
2 changed files with 28 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
www/css/custom_style.css
View File

@ -18,6 +18,12 @@ md-input-container {
font-size: 10px;
}
.prizingfont{
color:#fff;
font-size: 14px;
text-shadow: 2px 0 0 #333333, -2px 0 0 #333333, 0 2px 0 #333333, 0 -2px 0 #333333, 1px 1px #333333, -1px -1px 0 #333333, 1px -1px 0 #333333, -1px 1px 0 #333333;
}
.divcenter {
margin-left: auto;
margin-right: auto;

42
www/templates/pokemonliste/html/pokemon-detail.html
View File

@ -5,7 +5,7 @@
<!--State name : app.contractdetail-->
<!--URL : #app/contractdetail-->
<ion-view title="{{pokemon.pokemonname}} - (Eng.: {{ pokemon.pokemonnameeng }})">
<ion-view title="{{pokemon.pokemonname}} - (engl.: {{ pokemon.pokemonnameeng }})">
<!--left button on navigation bar-->
<ion-nav-buttons side="left">
<a ng-click="$ionicGoBack()" class="button back-button buttons button-clear header-item nav-back-btn">
@ -81,30 +81,32 @@
Entwicklung
</div>
<md-list>
<div class="row" ng-repeat="pokemonentwicklung in pokemonentwicklungliste" style="font-size: 10px;">
<div class="col-33 col-center"></div>
<div class="col-33 col-center">
<div class="divcenter">
<p ng-if="pokemonentwicklung.pokemonlistentyp == 2">{{ pokemonentwicklung.pokemonpokedexid }} Bonbons</p>
<img ng-if="pokemonentwicklung.pokemonlistentyp == 2" src="img/arrow_down.png" width="64" height="64">
<img ng-if="pokemonentwicklung.pokemonlistentyp == 1" src="{{pokemonentwicklung.pokemonimage}}" width="64" height="64">
<p ng-if="pokemonentwicklung.pokemonlistentyp == 1">{{ pokemonentwicklung.pokemonname }} </p>
<p ng-if="pokemonentwicklung.pokemonlistentyp == 1">engl.: {{ pokemonentwicklung.pokemonnameeng }}</p>
</div>
<div class="row" ng-repeat="pokemonentwicklung in pokemonentwicklungliste" style="font-size: 12px;">
<div style="width: 100%; text-align: center;" class="col">
<i ng-if="pokemonentwicklung.pokemonlistentyp == 2" class="ion-arrow-down-a center-screen" style="font-size:18px;color:#333333;"></i>
<br ng-if="pokemonentwicklung.pokemonlistentyp == 2">
<span ng-if="pokemonentwicklung.pokemonlistentyp == 2" class="prizingfont">{{ pokemonentwicklung.pokemonpokedexid }} Bonbons</span>
<br ng-if="pokemonentwicklung.pokemonlistentyp == 2">
<i ng-if="pokemonentwicklung.pokemonlistentyp == 2" class="ion-arrow-down-a center-screen" style="font-size:18px;color:#333333;"></i>
<br ng-if="pokemonentwicklung.pokemonlistentyp == 2">
<img ng-if="pokemonentwicklung.pokemonlistentyp == 1" src="{{pokemonentwicklung.pokemonimage}}" width="64" height="64" alig="center">
<br ng-if="pokemonentwicklung.pokemonlistentyp == 1">
<span ng-if="pokemonentwicklung.pokemonlistentyp == 1">{{ pokemonentwicklung.pokemonname }}</span>
<span ng-if="pokemonentwicklung.pokemonlistentyp == 1" style="font-size: 8px;"> <i>(engl. {{ pokemonentwicklung.pokemonnameeng }})</i></span>
<br ng-if="pokemonentwicklung.pokemonlistentyp == 1">
</div>
<div class="col-33 col-center"></div>
</div>
<div class="row" style="font-size: 10px;">
<div ng-repeat="pokemonentwicklung in pokemonentwicklunglisteonestep" class="col col-center">
<div class="divcenter">
<div class="row">
<div ng-repeat="pokemonentwicklung in pokemonentwicklunglisteonestep" style="text-align: center;" class="col">
<img ng-if="pokemonentwicklung.pokemonlistentyp == 1" src="{{pokemonentwicklung.pokemonimage}}" width="64" height="64">
<p ng-if="pokemonentwicklung.pokemonlistentyp == 1">{{ pokemonentwicklung.pokemonname }} </p>
<p ng-if="pokemonentwicklung.pokemonlistentyp == 1">engl.: {{ pokemonentwicklung.pokemonnameeng }}</p>
<br ng-if="pokemonentwicklung.pokemonlistentyp == 1">
<span ng-if="pokemonentwicklung.pokemonlistentyp == 1">{{ pokemonentwicklung.pokemonname }}</span>
<br ng-if="pokemonentwicklung.pokemonlistentyp == 1">
<span ng-if="pokemonentwicklung.pokemonlistentyp == 1" style="font-size: 8px;"> <i>(engl. {{ pokemonentwicklung.pokemonnameeng }})</i></span>
<br ng-if="pokemonentwicklung.pokemonlistentyp == 1">
</div>
</div>
</div>
</md-list>
</div>