pkmn-classic-framework/web/css/pkmnstats.css
2015-03-07 20:21:31 -05:00

216 lines
5.1 KiB
CSS

.gtsPokemonSummary .row
{
position: relative;
}
.gtsPokemonSummary .col
{
float: left;
position: relative;
margin-right: 16px;
}
.gtsPokemonSummary .nickname
{
font-size: 12pt;
font-weight: bold;
color: black;
margin-bottom: 4px;
}
.gtsPokemonSummary .portrait, .gtsPokemonSummary li.portrait
{
width: 96px;
height: 96px;
padding: 4px;
border-radius: 20px;
background-color: white;
}
.gtsPokemonSummary .pokeball
{
}
.gtsPokemonSummary .marks, .gtsPokemonSummary li.marks
{
width: 104px;
color: #e0e0e0;
color: rgba(128,128,128,0.2);
}
.gtsPokemonSummary .marks .m
{
color: #808080;
}
.gtsPokemonSummary .specialFlags, .gtsPokemonSummary li.specialFlags
{
width: 104px;
}
.gtsPokemonSummary .specialFlags .shiny
{
font-weight: bold;
vertical-align: middle;
color: #ee0000;
}
.gtsPokemonSummary .specialFlags .pkrs, .specialFlags .pkrs_cure
{
font-weight: bold;
vertical-align: middle;
color: white;
background-color: #9761e9;
font-size: 8px;
padding: 1px 5px 1px 5px;
border-radius: 5px;
}
.gtsPokemonSummary ul, .gtsPokemonSummary li
{
list-style-type: none;
margin: 0; padding: 0;
}
.gtsPokemonSummary li
{
margin-bottom: 4px;
}
.gtsPokemonSummary img.item
{
vertical-align: middle;
position: relative;
top: -2px;
}
.gtsPokemonSummary .col table.summaryItems, .gtsPokemonSummary .col table.moves
{
border-radius: 4px;
overflow: hidden;
border-spacing: 0;
}
.gtsPokemonSummary .col table.summaryItems th
{
color: white;
text-shadow: 0 1px 0 #2f8fbb;
border-bottom: 1px solid #2f8fbb;
background-color: #43c4ff;
}
.gtsPokemonSummary .col table.summaryItems th, .gtsPokemonSummary .col table.moves th
{
text-align: left;
width: 64px;
margin: 0;
padding: 4px 2px 4px 8px;
background-image: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, transparent 0%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, transparent 0%,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, transparent 0%,rgba(0,0,0,0.05) 100%); /* IE10+ */
background-image: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,0.05) 100%); /* W3C */
}
.gtsPokemonSummary .col.colStats table.summaryItems th
{
background-color: #9761e9;
border-color: #6d45ab;
text-shadow: 0 1px 0 #6d45ab;
}
.gtsPokemonSummary .col table.summaryItems td, .gtsPokemonSummary .col table.moves td
{
width: 180px;
margin: 0;
padding: 4px 8px 4px 8px;
border-bottom: 1px solid #aaaaaa;
background-color: #f2f2f2;
background-image: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, transparent 0%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, transparent 0%,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, transparent 0%,rgba(0,0,0,0.05) 100%); /* IE10+ */
background-image: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,0.05) 100%); /* W3C */
}
.gtsPokemonSummary .col.colBasic1
{
width: 160px;
margin-right: 16px;
}
.gtsPokemonSummary .nextIn
{
display: inline;
position: absolute;
right: 8px;
font-size: 8pt;
margin-top: 3px;
}
.gtsPokemonSummary .moves
{
margin-top: 16px;
overflow: hidden;
border-radius: 4px;
}
.gtsPokemonSummary .moves .move
{
}
.moves .move
{
position: relative;
margin: 0;
padding: 4px;
border-bottom: 1px solid #aaaaaa;
background-color: #f2f2f2;
background-image: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, transparent 0%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, transparent 0%,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, transparent 0%,rgba(0,0,0,0.05) 100%); /* IE10+ */
background-image: linear-gradient(to bottom, transparent 0%,rgba(0,0,0,0.05) 100%); /* W3C */
}
.moves .move .name
{
}
.moves .move .type
{
height: auto;
display: table-cell;
border-radius: 0;
}
.moves .move .pp
{
float: right;
}
.gtsProgress.hpBar .progress
{
background-color: #2dd350;
}
.gtsProgress.health50 .progress
{
background-color: #ffc321;
}
.gtsProgress.health25 .progress
{
background-color: #ff8063;
}
.gtsProgress.expBar .progress
{
background-color: #43c4ff;
}