#name { position:relative; top:-110px; text-align:center; font-size: 30px; font-family: Century Gothic, sans-serif; } .error { color:red; } .pets_container .pet { width:100%; height:100px; } .pet_pic { width:200px; height:94px; margin: 0 auto; } .detail { margin: 10px auto; } .on_duty { color:#00FF00; } .detail .val { font-weight: bold; } .feeding { color: #4CBDD9; margin-top: 5px; display: block; font-weight: bold; } .not_feeding { display:none; } .cooldown { background: url(../img/pets/feed.png); width: 91px; height: 24px; padding: 36px 0 0 19px; color: #FECB00; font-style: italic; text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000; font-size: 15px; margin: auto; } .p1 { background:url(../img/pets/pet_01.png) } .p2 { background:url(../img/pets/pet_02.png) } .p3 { background:url(../img/pets/pet_03.png) } .p4 { background:url(../img/pets/pet_04.png) } .p5 { background:url(../img/pets/pet_05.png) } .p6 { background:url(../img/pets/pet_06.png) } .p7 { background:url(../img/pets/pet_07.png) } .p8 { background:url(../img/pets/pet_08.png) } .p9 { background:url(../img/pets/pet_09.png) } .p10 { background:url(../img/pets/pet_10.png) } .p11 { background:url(../img/pets/pet_11.png) } .p12 { background:url(../img/pets/pet_12.png) } .p13 { background:url(../img/pets/pet_13.png) } .p14 { background:url(../img/pets/pet_14.png) } .p15 { background:url(../img/pets/pet_15.png) } .p16 { background:url(../img/pets/pet_16.png) } .p17 { background:url(../img/pets/pet_17.png) } .p18 { background:url(../img/pets/pet_18.png) } .p19 { background:url(../img/pets/pet_19.png) } .p20 { background:url(../img/pets/pet_20.png) } .p21 { background:url(../img/pets/pet_21.png) } .p22 { background:url(../img/pets/pet_22.png) } .p23 { background:url(../img/pets/pet_23.png) } .p24 { background:url(../img/pets/pet_24.png) } .p25 { background:url(../img/pets/pet_25.png) } .p26 { background:url(../img/pets/pet_26.png) } .p27 { background:url(../img/pets/pet_27.png) } .p28 { background:url(../img/pets/pet_28.png) } .p29 { background:url(../img/pets/pet_29.png) } .p30 { background:url(../img/pets/pet_30.png) } .p31 { background:url(../img/pets/pet_31.png) } .p32 { background:url(../img/pets/pet_32.png) } .p33 { background:url(../img/pets/pet_33.png) } .p34 { background:url(../img/pets/pet_34.png) } .p35 { background:url(../img/pets/pet_35.png) } .p36 { background:url(../img/pets/pet_36.png) } .p37 { background:url(../img/pets/pet_37.png) } .p38 { background:url(../img/pets/pet_38.png) } .p39 { background:url(../img/pets/pet_39.png) } .p40 { background:url(../img/pets/pet_40.png) } .p41 { background:url(../img/pets/pet_41.png) } .p42 { background:url(../img/pets/pet_42.png) } .p43 { background:url(../img/pets/pet_43.png) } .p44 { background:url(../img/pets/pet_44.png) } .p45 { background:url(../img/pets/pet_45.png) } .p46 { background:url(../img/pets/pet_46.png) } .p47 { background:url(../img/pets/pet_47.png) } .p48 { background:url(../img/pets/pet_48.png) } .p49 { background:url(../img/pets/pet_49.png) } .p50 { background:url(../img/pets/pet_50.png) } .p51 { background:url(../img/pets/pet_51.png) } .p52 { background:url(../img/pets/pet_52.png) } .p53 { background:url(../img/pets/pet_53.png) } .p54 { background:url(../img/pets/pet_54.png) } .p55 { background:url(../img/pets/pet_55.png) } .p56 { background:url(../img/pets/pet_56.png) } .p57 { background:url(../img/pets/pet_57.png) } .p58 { background:url(../img/pets/pet_58.png) } .p59 { background:url(../img/pets/pet_59.png) } .p60 { background:url(../img/pets/pet_60.png) } .p61 { background:url(../img/pets/pet_61.png) } .p62 { background:url(../img/pets/pet_62.png) } .p63 { background:url(../img/pets/pet_63.png) } .p64 { background:url(../img/pets/pet_64.png) } .p65 { background:url(../img/pets/pet_65.png) } .p66 { background:url(../img/pets/pet_66.png) } .p67 { background:url(../img/pets/pet_67.png) } .p68 { background:url(../img/pets/pet_68.png) } .p69 { background:url(../img/pets/pet_69.png) } .p70 { background:url(../img/pets/pet_70.png) } .p71 { background:url(../img/pets/pet_71.png) } .p72 { background:url(../img/pets/pet_73.png) } .p74 { background:url(../img/pets/pet_74.png) } .p75 { background:url(../img/pets/pet_75.png) } .p76 { background:url(../img/pets/pet_76.png) } .p77 { background:url(../img/pets/pet_77.png) } .p78 { background:url(../img/pets/pet_78.png) } .p79 { background:url(../img/pets/pet_79.png) } .p80 { background:url(../img/pets/pet_80.png) } .p81 { background:url(../img/pets/pet_81.png) } .p82 { background:url(../img/pets/pet_82.png) } .p83 { background:url(../img/pets/pet_83.png) } .p84 { background:url(../img/pets/pet_84.png) } .p85 { background:url(../img/pets/pet_85.png) } .p86 { background:url(../img/pets/pet_86.png) } .p87 { background:url(../img/pets/pet_87.png) } .p88 { background:url(../img/pets/pet_88.png) } .p89 { background:url(../img/pets/pet_89.png) } .p90 { background:url(../img/pets/pet_90.png) } .p91 { background:url(../img/pets/pet_91.png) } .p92 { background:url(../img/pets/pet_92.png) } .p93 { background:url(../img/pets/pet_93.png) } .p94 { background:url(../img/pets/pet_94.png) } .p95 { background:url(../img/pets/pet_95.png) } .p96 { background:url(../img/pets/pet_96.png) } .p97 { background:url(../img/pets/pet_97.png) } .p98 { background:url(../img/pets/pet_98.png) } .p99 { background:url(../img/pets/pet_99.png) } .p100 { background:url(../img/pets/pet_100.png) } .p101 { background:url(../img/pets/pet_101.png) } .p102 { background:url(../img/pets/pet_102.png) } .p103 { background:url(../img/pets/pet_103.png) } .p104 { background:url(../img/pets/pet_104.png) } .p105 { background:url(../img/pets/pet_105.png) } .p106 { background:url(../img/pets/pet_106.png) } .p107 { background:url(../img/pets/pet_107.png) } .p108 { background:url(../img/pets/pet_108.png) } .p109 { background:url(../img/pets/pet_109.png) } .p110 { background:url(../img/pets/pet_110.png) } .p111 { background:url(../img/pets/pet_111.png) } .p112 { background:url(../img/pets/pet_112.png) } .p113 { background:url(../img/pets/pet_113.png) } .p114 { background:url(../img/pets/pet_114.png) } .p2001 { background:url(../img/pets/pet_2001.png) } .p2002 { background:url(../img/pets/pet_2002.png) } .p2003 { background:url(../img/pets/pet_2003.png) } .progress { height: 20px; border-radius: 5px; -webkit-transition: width .6s ease; transition: width .6s ease; background: #b84240; /* Old browsers */ background: -moz-linear-gradient(top, #b84240 0%, #e04c49 10%, #ea504e 12%, #f37270 15%, #f79d9b 18%, #f9b1b1 20%, #fab8b7 21%, #fabab9 22%, #f9b1b0 25%, #f8a7a5 26%, #f47c7a 29%, #f15b58 31%, #f04744 33%, #f0413e 44%, #ef3e3a 46%, #ec160a 55%, #eb1407 56%, #dc0d02 85%, #da0b01 87%, #a20600 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b84240 0%,#e04c49 10%,#ea504e 12%,#f37270 15%,#f79d9b 18%,#f9b1b1 20%,#fab8b7 21%,#fabab9 22%,#f9b1b0 25%,#f8a7a5 26%,#f47c7a 29%,#f15b58 31%,#f04744 33%,#f0413e 44%,#ef3e3a 46%,#ec160a 55%,#eb1407 56%,#dc0d02 85%,#da0b01 87%,#a20600 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b84240 0%,#e04c49 10%,#ea504e 12%,#f37270 15%,#f79d9b 18%,#f9b1b1 20%,#fab8b7 21%,#fabab9 22%,#f9b1b0 25%,#f8a7a5 26%,#f47c7a 29%,#f15b58 31%,#f04744 33%,#f0413e 44%,#ef3e3a 46%,#ec160a 55%,#eb1407 56%,#dc0d02 85%,#da0b01 87%,#a20600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b84240', endColorstr='#a20600',GradientType=0 ); /* IE6-9 */ } .loyalty { width: 134px; height: 20px; margin: 0 auto 10px; display: block; border-radius: 5px; color: #FFFFFF; font-style: italic; text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000; font-size: 13px; background: #1f2633; background: -moz-linear-gradient(top, #1f2633 0%, #510e14 1%, #68121a 13%, #853d44 16%, #9e6469 18%, #a87579 19%, #b28388 20%, #b98f93 21%, #be989b 22%, #c09b9e 23%, #be989b 24%, #b98f93 26%, #b28388 27%, #a87579 28%, #9e6469 29%, #853d44 31%, #6b131b 33%, #6b131b 86%, #510e14 100%); background: -webkit-linear-gradient(top, #1f2633 0%,#510e14 1%,#68121a 13%,#853d44 16%,#9e6469 18%,#a87579 19%,#b28388 20%,#b98f93 21%,#be989b 22%,#c09b9e 23%,#be989b 24%,#b98f93 26%,#b28388 27%,#a87579 28%,#9e6469 29%,#853d44 31%,#6b131b 33%,#6b131b 86%,#510e14 100%); background: linear-gradient(to bottom, #1f2633 0%,#510e14 1%,#68121a 13%,#853d44 16%,#9e6469 18%,#a87579 19%,#b28388 20%,#b98f93 21%,#be989b 22%,#c09b9e 23%,#be989b 24%,#b98f93 26%,#b28388 27%,#a87579 28%,#9e6469 29%,#853d44 31%,#6b131b 33%,#6b131b 86%,#510e14 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2633', endColorstr='#510e14',GradientType=0 ); } .loyalty div { margin-top: -30px; } .equipeed { display: block; font-weight: bold; color: #f8f8f8; max-width: 200px; width: 100%; margin: auto; background: #97C83B;}