diff options
Diffstat (limited to 'app/assets')
| -rw-r--r-- | app/assets/stylesheets/pokeviewer/pokemon.css.scss | 54 |
1 files changed, 36 insertions, 18 deletions
| diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss index 83fac45..766a0e0 100644 --- a/app/assets/stylesheets/pokeviewer/pokemon.css.scss +++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss | |||
| @@ -47,6 +47,14 @@ | |||
| 47 | background-color: #4E8234; | 47 | background-color: #4E8234; |
| 48 | } | 48 | } |
| 49 | 49 | ||
| 50 | &.unaccounted { | ||
| 51 | background-color: black; | ||
| 52 | |||
| 53 | h2 { | ||
| 54 | color: white; | ||
| 55 | } | ||
| 56 | } | ||
| 57 | |||
| 50 | h2 { | 58 | h2 { |
| 51 | margin: 0; | 59 | margin: 0; |
| 52 | display: inline-block; | 60 | display: inline-block; |
| @@ -114,29 +122,39 @@ | |||
| 114 | width: 32px; | 122 | width: 32px; |
| 115 | height: 32px; | 123 | height: 32px; |
| 116 | } | 124 | } |
| 117 | |||
| 118 | .pc-pokemon { | ||
| 119 | .pc-data { | ||
| 120 | display: none; | ||
| 121 | background-color: #111; | ||
| 122 | color: #fff; | ||
| 123 | z-index: 1; | ||
| 124 | padding: .5em; | ||
| 125 | box-shadow: 0px 0px 2px 1px #B3B3B3; | ||
| 126 | border-radius: 4px; | ||
| 127 | position: absolute; | ||
| 128 | |||
| 129 | .pc-data-name { | ||
| 130 | font-weight: bold; | ||
| 131 | white-space: pre; | ||
| 132 | } | ||
| 133 | } | ||
| 134 | } | ||
| 135 | } | 125 | } |
| 136 | } | 126 | } |
| 137 | } | 127 | } |
| 138 | } | 128 | } |
| 139 | 129 | ||
| 130 | .pc-pokemon { | ||
| 131 | .pc-data { | ||
| 132 | display: none; | ||
| 133 | background-color: #111; | ||
| 134 | color: #fff; | ||
| 135 | z-index: 1; | ||
| 136 | padding: .5em; | ||
| 137 | box-shadow: 0px 0px 2px 1px #B3B3B3; | ||
| 138 | border-radius: 4px; | ||
| 139 | position: absolute; | ||
| 140 | |||
| 141 | .pc-data-name { | ||
| 142 | font-weight: bold; | ||
| 143 | white-space: pre; | ||
| 144 | } | ||
| 145 | } | ||
| 146 | } | ||
| 147 | |||
| 148 | .pokemon-list { | ||
| 149 | display: flex; | ||
| 150 | flex-wrap: wrap; | ||
| 151 | padding: 0 1em; | ||
| 152 | |||
| 153 | li { | ||
| 154 | display: block; | ||
| 155 | } | ||
| 156 | } | ||
| 157 | |||
| 140 | .pokemon { | 158 | .pokemon { |
| 141 | font-family: 'Power Green'; | 159 | font-family: 'Power Green'; |
| 142 | display: flex; | 160 | display: flex; |
