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

Infinty Scroll und CSS angepasst

Browse Source
This commit is contained in:
Hilmer, Carsten
2016-08-24 15:37:24 +02:00
parent a3b9c29577
commit 8d2aa126a3
8 changed files with 122 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
www/css/custom_style.css
View File

@@ -1,15 +1,19 @@
md-input-container {
padding-bottom: 10px;
}
.image-list-thumb {
padding: 2px 2px 2px 2px;
height: 100px;
height: 64px;
}
.pokemontyp1 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #D50000;
color: white;
@@ -18,17 +22,17 @@
.pokemontyp1 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp2 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #C51162;
color: white;
@@ -37,17 +41,17 @@
.pokemontyp2 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp3 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #AA00FF;
color: white;
@@ -56,17 +60,17 @@
.pokemontyp3 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp4 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #6200EA;
color: white;
@@ -75,17 +79,17 @@
.pokemontyp4 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp5 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #304FFE;
color: white;
@@ -94,17 +98,17 @@
.pokemontyp5 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp6 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #2962FF;
color: white;
@@ -113,17 +117,17 @@
.pokemontyp6 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp7 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #0091EA;
color: white;
@@ -132,17 +136,17 @@
.pokemontyp7 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp8 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #00B8D4;
color: white;
@@ -151,17 +155,17 @@
.pokemontyp8 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp9 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #00BFA5;
color: white;
@@ -170,17 +174,17 @@
.pokemontyp9 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp10 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #1B5E20;
color: white;
@@ -189,17 +193,17 @@
.pokemontyp10 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp11 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #33691E;
color: white;
@@ -208,17 +212,17 @@
.pokemontyp11 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp12 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #827717;
color: white;
@@ -227,17 +231,17 @@
.pokemontyp12 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp13 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #F57F17;
color: white;
@@ -246,17 +250,17 @@
.pokemontyp13 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp14 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #FF6F00;
color: white;
@@ -265,17 +269,17 @@
.pokemontyp14 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp15 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #E65100;
color: white;
@@ -284,17 +288,17 @@
.pokemontyp15 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp16 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #BF360C;
color: white;
@@ -303,17 +307,17 @@
.pokemontyp16 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp17 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #3E2723;
color: white;
@@ -322,17 +326,17 @@
.pokemontyp17 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}
.pokemontyp18 {
display: inline-block;
padding: 0 25px;
height: 50px;
height: 32px;
font-size: 16px;
line-height: 50px;
line-height: 32px;
border-radius: 25px;
background-color: #212121;
color: white;
@@ -341,7 +345,7 @@
.pokemontyp18 img {
float: left;
margin: 0 10px 0 -25px;
height: 50px;
width: 50px;
height: 32px;
width: 32px;
border-radius: 50%;
}

12
www/css/style.css
View File

@@ -236,13 +236,13 @@ md-sidenav {
text-align: center; }
.toolbar-medium {
max-height: 160px !important;
height: 160px !important;
max-height: 55px !important;
height: 55 !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }
.toolbar-medium div {
padding: 26px 10px 10px 10px;
padding: 10px 5px 5px 5px;
text-align: center;
height: inherit !important; }
}
.toolbar-medium h1 {
color: white;
font-size: 34px; }
@@ -253,7 +253,7 @@ md-sidenav {
color: white;
font-size: 28px !important; }
.toolbar-medium md-input-container {
margin: auto 20px auto 20px; }
margin: auto 10px auto 10px; }
.toolbar-medium md-input-container input {
border-bottom-color: white;
color: white; }
@@ -485,7 +485,7 @@ md-sidenav {
text-overflow: ellipsis; }
#contract-list-content {
margin-top: 164px; }
margin-top: 84px; }
#contract-list-content .contract-list-item {
padding: 14px 5px 14px 5px; }
#contract-list-content .contract-list-item .col-25.icon-user {