.ui-section fieldset.overview {border: none; background: none;} .ui-section fieldset.overview legend {display: none;} .ui-section fieldset.overview ul {text-align: center;} .ui-section fieldset.overview li {display: inline-block; margin: 0 20px !important; text-align: center; white-space: nowrap;} .ui-section fieldset.overview li .attr {color: #8a8a8a; font-size: 1em;} .ui-section fieldset.overview li .value {font-size: 1.5em; line-height: 25px; color: #9a9a9a; font-weight: bold; text-shadow: 0 1px #4a4a4a;} #dialog .math_challenge legend {display: none;} #dialog .math_challenge {text-align: center; margin: 3px 0;} #dialog .math_challenge p {font-weight: bold; font-size: 1.2em;display: inline-block; margin: 0 5px; vertical-align: middle; } #dialog .math_challenge .ui-input.nbr {display: inline-block; width: 100px} #dialog .name_the_species {text-align: center; margin: 3px 0;} /*a.pet img { background-image: url(loading-pet.gif); background-size: 100%; }*/ /* ----- Turtorials ----- */ #tutorial_wrapper {position: relative; border-bottom: 3px solid #A6C9E2; background-color: #FFF; padding: 5px; } #tutorial_wrapper .ui-section h3 {display: block !important; background: none; border: none; border-radius: 0; color: #000; font-size: 1.1em; margin: 0; border-bottom: 2px dotted #A6C9E2;} #tutorial_wrapper .ui-section {border: none; margin: 0;} #tutorial_wrapper .ui-section .ui-section-body {margin: 0 20px;} #tutorial_wrapper .ui-section p {padding: 10px 5px;} #tutorial_wrapper .ui-section p a {text-decoration: underline;} #tutorial_wrapper li {display: list-item; list-style-type: disc; margin-left: 20px;} #tutorial_wrapper div.close {text-align: center; border-top: 2px dotted #A6C9E2; clear: both; padding-top: 3px;} /* ----- Main ------ */ #src_main #main_content {padding: 0;} #src_main #about h3 {display: none;} #src_main #about {position: absolute; top: 30px; z-index: 100; width: 90%; font-size: 1.2em; color: #31495d; font-weight: bold; margin: 20px 30px; text-align: center; box-shadow: 0 0 10px 1px #000;} #src_main #about p.first {font-size: 1.2em;} #src_main #about .ui-fieldset legend {text-align: center; font-size: 0.8em;} #src_main #about .ui-fieldset { font-size: 1.1em; margin: 10px;} #src_main #languages h3 {display: none;} #src_main #languages {border: none; margin: 0;} #src_main #languages .ui-section-body {margin: 0; padding: 0 3px 1px; height: 31px; overflow: hidden; } #src_main #languages a {float: left;} #src_main #languages .avatar {margin: 1px 1px 0 0;} #src_main #splash h3 {display: none;} #src_main #splash {border: none; border-radius: 0; margin: 0; width: 100%; overflow: hidden;} #src_main #splash .ui-section-body {margin: 0;} #src_main #splash img {float: left;} #src_main #signup h3 {background: url(/signup/singup.png) center no-repeat; border: none; height: 35px;} #src_main #signup h3 span {display: none;} #src_main #signup {position: absolute; margin: 0; bottom: 60px; z-index: 100; width: 260px; font-size: 1.2em; color: #31495d; font-weight: bold; margin: 0 30px; text-align: center; box-shadow: 0 0 10px 1px #000;} #src_main #signup .ui-section-body {height: 40px;} #src_main #signup .btn button[onclick*=facebook] span {background: url(icons/facebook.gif) no-repeat left center; padding-left: 20px !important;} #src_main #last_active h3 {display: none;} #src_main #last_active {border: none; margin: 0;} #src_main #last_active .ui-section-body {margin: 0; padding: 0 3px 1px; height: 31px; overflow: hidden; } #src_main #last_active li {display: inline-block; margin: 1px 1px 0 0;} #src_main #last_active .avatar .status {display: none;} #src_main #art_credits {position: absolute; right: 10px; bottom: 60px; z-index: 100; width: auto; font-size: 1.1em; color: #31495d; font-weight: bold; margin: 0 30px; text-align: center; box-shadow: 0 0 10px 1px #000;} #src_main #likes {position: absolute; margin: 0; bottom: 60px; right: 30px; width: 380px; overflow: hidden; box-shadow: 0 0 10px 1px #000; height: 50px;} #src_main #likes h3 {display: none;} #src_main #browser_check h3 {display: none;} #src_main #browser_check {border-color: #F00; width: 70%; position: absolute; top: 160px; left: 90px; z-index: 100; font-size: 1.3em; font-weight: bold;} @media (max-width:730px){ #src_main #likes {display: none;} } @media (max-width:600px){ #src_main #about {width: 100%; margin: 20px 0;} #src_main #signup {width: 100%; margin: 0;} #src_main #art_credits {width: 100%; margin: 0; left: 0; right: 0; display: none;} } #src_main #ovipets_app {margin: 20px; text-align: center; } #src_main #ovipets_app .ui-fieldset-body {font-size: 1.2em; font-weight: bold;} /* ----- Pets Overview ------ */ #src_pets .ui-sortable-helper .pet img {box-shadow: 0 0 10px 1px #000;} #src_pets #sub_overview #enclosures h3 {display: none;} #src_pets #sub_overview #enclosures {border: none; background: none;} #src_pets #sub_overview #enclosures .ui-tabs {margin: 0;} #src_pets #sub_overview #enclosures > .ui-section-body {margin: 0;} #src_pets #sub_overview #enclosures .ui-section {margin: 0;} #src_pets #sub_overview #enclosures .ui-section h3 {display: none;} #src_pets #sub_overview #enclosures .ui-section ul {text-align: center;} #src_pets #sub_overview #enclosures .ui-section li {display: inline-block; text-align: center; width: 150px; height: 165px; margin: 6px; position: relative;} #src_pets #sub_overview #enclosures .ui-section li .pet img {border: 2px solid #a6c9e2; border-radius: 10px; padding-bottom: 15px; background-color: #fff;} #src_pets #sub_overview #enclosures .ui-section li .pet img:hover {border-color: #79b7e7;} #src_pets #sub_overview #enclosures .ui-section li .pet.name {line-height: 16px; position: absolute; bottom: -2px; left: 2px; right: -2px; display: block; border-top: 2px solid #a6c9e2; border-radius: 0 0 8px 8px; background: #dfeffc url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;} #src_pets #sub_overview .presentation legend {display: none;} #src_pets #sub_overview .actions legend {display: none;} #src_pets #sub_overview .actions {text-align: center; clear: both; margin-top: 7px;} #src_pets #sub_overview .actions .btn button span {padding-right: 6px; padding-left: 21px;} #src_pets #sub_overview .actions .btn button[onclick*=feed] span {background: url(/icons/cake.png) no-repeat left center;} #src_pets #sub_overview .actions .btn button[onclick*=OnlyStarving] span {background: url(/icons/exclamation.png) no-repeat left center;} #src_pets #sub_overview .actions .btn button[onclick*=add] span {background: url(/icons/add.png) no-repeat left center;} #src_pets #sub_overview .actions .btn button[onclick*=del] span {background: url(/icons/delete.png) no-repeat left center;} #src_pets #sub_overview .actions .btn button[onclick*=update] span {background: url(/icons/pencil.png) no-repeat left center;} #src_pets #sub_overview .actions .btn button[onclick*=sort] span {background: url(/icons/table_sort.png) no-repeat left center;} #src_pets #sub_overview .actions .btn button[onclick*=filter] span {background: url(/icons/find.png) no-repeat left center;} #src_pets #sub_overview .actions .btn button[onclick*=resurrect] span {background: url(/icons/wand.png) no-repeat left center;} #src_pets #sub_hatchery #main_content h3 {display: none;} #src_pets #sub_hatchery #main_content ul {text-align: center;} #src_pets #sub_hatchery #main_content li {display: inline-block; width: 80px; height: 80px; margin: 7px; position: relative;} #src_pets #sub_hatchery #main_content li .pet img {border: 2px solid #a6c9e2; border-radius: 10px;} #src_pets #sub_hatchery #main_content li .pet img:hover {border-color: #79b7e7;} #src_pets #sub_hatchery #presentation {background: #fff;} #src_pets #sub_hatchery #unnamed li {display: inline-block; width: 120px; height: 120px; margin: 5px; position: relative;} #src_pets fieldset.selected legend {display: none;} #src_pets fieldset.selected {text-align: center; clear: both; margin-top: 7px;} #src_pets fieldset.selected .btn button span {padding-right: 6px; padding-left: 21px;} #src_pets fieldset.selected .btn button[onclick*=pets_tag] span {background: url(/icons/tag_blue.png) no-repeat left center;} #src_pets fieldset.selected .btn button[onclick*=pets_enclosure] span {background: url(/icons/house.png) no-repeat left center;} #src_pets fieldset.selected .btn button[onclick*=pets_fortrade] span {background: url(/icons/coins.png) no-repeat left center;} #src_pets fieldset.selected .btn button[onclick*=pets_forbreed] span {background: url(/icons/heart.png) no-repeat left center;} #src_pets fieldset.selected .btn button[onclick*=pets_adoption_center] span {background: url(/icons/exclamation.png) no-repeat left center;} #src_pets fieldset.selected .btn button[onclick*=pets_discard] span {background: url(/icons/exclamation.png) no-repeat left center;} #src_pets fieldset.selected .btn button[onclick*=addClass] span {background: url(/icons/tick.png) no-repeat left center;} #src_pets fieldset.selected .btn button[onclick*=removeClass] span {background: url(/icons/cross.png) no-repeat left center;} #src_pets #sub_hatchery .actions {text-align: center; clear: both; margin-top: 7px;} #src_pets #sub_hatchery .actions legend {display: none;} #src_pets #sub_hatchery .actions .btn button span {padding-right: 6px; padding-left: 21px;} #src_pets #sub_hatchery .actions .btn button[onclick*=sort] span {background: url(/icons/table_sort.png) no-repeat left center;} #src_pets li .left {position: absolute; left: 3px; top: 3px;} #src_pets li .right {position: absolute; right: -1px; top: 3px;} #src_pets li .left img, #src_pets li .right img {display: block; margin: 2px; width: 12px; height: 12px; float: left; border: none !important;} #src_pets li .ui-input.chk {display: none;} #src_pets section .selected {display: none;} #src_pets section.select .selected {display: block; text-align: center;} #src_pets section.select .actions {display: none;} #src_pets section.select li {opacity: 0.5 !important;} #src_pets section.select li.selected {opacity: 1 !important;} #src_pets li.selected .pet img {border-color: #00ee00 !important;} #src_pets fieldset.alert {border-color: #dc3737; margin-bottom: 5px;} #src_pets fieldset.alert legend {color: #dc3737;} #src_pets li .alert .pet img {border-color: #dc3737 !important;} #src_pets li .alert .pet img:hover {border-color: #ff1d11 !important;} #src_pets li .alert .pet.name {border-color: #dc3737 !important;} @media (max-width:355px) { #src_pets #sub_overview #enclosures .ui-section li .pet img {width: 130px; height: auto;} #src_pets #sub_overview #enclosures .ui-section li {width: 130px; height: 145px; margin: 6px;} } /* ----- Pets Profile ------ */ #dialog .tag {text-align: center;} #dialog .tag .rdo {display: inline-block; margin: 1px;} #src_pets #sub_profile .actions {clear: both; margin-top: 7px; text-align: center;} #src_pets #sub_profile .actions legend {display: none;} /*#src_pets #sub_profile #pet {width: 350px; float: right; text-align: center; border: none; background: none;} #src_pets #sub_profile #pet .ui-section-body {margin: 0px;} #src_pets #sub_profile #pet h3 {display: none;} #src_pets #sub_profile #pet .loading {display: none;}*/ #src_pets #sub_profile #pet {text-align: right; border: none; background: none; position: absolute; left: 0; right: 0; top: 0;} /*#src_pets #sub_profile #pet .ui-section-body {margin: 0px; height: 350px; vertical-align: middle; display: table-cell; width: 720px;}*/ #src_pets #sub_profile #pet .ui-section-body {margin: 0px; height: 400px;} #src_pets #sub_profile #pet h3 {display: none;} #src_pets #sub_profile #pet .loading {display: none;} /*#src_pets #sub_profile #pet .background {border: 3px solid #a6c9e2; border-right: none; border-left: none; width: 100%; height: auto;}*/ #src_pets #sub_profile #pet .cover {position: absolute; top: 97px; right: 0; left: 0; border: 3px solid #a6c9e2; border-right: none; border-left: none; width: 100%; height: 200px; overflow: hidden;} #src_pets #sub_profile #pet .background {width: auto; height: 100%; min-height: 250px; position: absolute; right: 0; bottom: 0; top: -25px;} #src_pets #sub_profile #pet .cover.large {height: 250px; top: 72px;} #src_pets #sub_profile #pet .cover.large img {top: 0px;} #src_pets #sub_profile #pet .cover.small {height: 150px; top: 122px;} #src_pets #sub_profile #pet .cover.small img {top: -50px;} #src_pets #sub_profile #pet .cover.top {top: 0; border-top-width: 0;} #src_pets #sub_profile #pet .cover.bottom {top: auto; bottom: 0px;} #src_pets #sub_profile #pet .pet {position: absolute; z-index: 99; right: 0; top: 0;} #src_pets #sub_profile #pet .pet img {background-image: none; width: 400px; height: auto;} #src_pets #sub_profile #profile {width: 300px; position: relative; z-index: 100; /*box-shadow: 0 0 10px 1px #000;*/ /*background-color: #f7fafd;*/} #src_pets #sub_profile #profile .ui-section-body {min-height: 265px; padding-bottom: 52px;} /*#src_pets #sub_profile #profile .ui-section-body {min-height: 241px; padding-bottom: 50px;}*/ #src_pets #sub_profile #profile .special {border-top: none; margin-top: -10px; border-radius: 0 0 5px 5px; padding: 3px 3px; } #src_pets #sub_profile #profile .special legend {display: none;} #src_pets #sub_profile #profile .special li {margin: 0 1px; float: left;} #src_pets #sub_profile #profile .special ul {float: left;} #src_pets #sub_profile #profile .special ul:last-child {float: right;} #src_pets #sub_profile #profile .status {margin-top: 7px;} #src_pets #sub_profile #profile .status legend {display: none;} #src_pets #sub_profile #profile .status .food.ui-progressbar {background: #B08F2F; border-color: #B08F2F;} #src_pets #sub_profile #profile .status .food .ui-progressbar-value {background-color: #ffba00;} #src_pets #sub_profile #profile .status .food .ui-progressbar-title {text-shadow: 0 1px #B08F2F;} #src_pets #sub_profile #profile .status .hatching.ui-progressbar {background: #3575b7; border-color: #3575b7;} #src_pets #sub_profile #profile .status .hatching .ui-progressbar-value {background-color: #55a2f1;} #src_pets #sub_profile #profile .status .hatching .ui-progressbar-title {text-shadow: 0 1px #3575b7;} #src_pets #sub_profile #profile .colors table {table-layout: fixed;} #src_pets #sub_profile #profile .colors table .c0 {width: 28%;} #src_pets #sub_profile #profile .colors var { white-space: nowrap; font-size: 0.9em; font-style: italic; line-height: 20px;} #src_pets #sub_profile #profile .colors var b {border-radius: 100%; width: 100%; height: 100%; background-image: url('glass.png'); background-position: 50%; display: block;} #src_pets #sub_profile #profile .colors var span {border: 2px solid #ccc; padding: 1px; border-radius: 100%; width: 20px; height: 20px; margin: 1px 3px; display: inline-block;} #src_pets #sub_profile #profile .colors var span:hover {border-color: #aaa;} #src_pets #sub_profile #profile .mutations {padding-top: 1px; padding-bottom: 2px;} #src_pets #sub_profile #profile .spliced_with {padding-top: 1px; padding-bottom: 2px;} #src_pets #sub_profile #profile .carries {padding-top: 1px; padding-bottom: 2px;} #src_pets #sub_profile #profile .icon {margin: 0 2px 2px 0; width: 35px; height: 35px;} #src_pets #sub_profile #profile .actions {text-align: center; position: absolute; bottom: 0; left: 0; right: 0; height: 46px;} #src_pets #sub_profile #profile .actions .btn button span {padding-right: 6px; padding-left: 21px;} #src_pets #sub_profile #profile .actions .btn button[onclick*=feed] span {background: url(/icons/cake.png) no-repeat left center;} #src_pets #sub_profile #profile .actions .btn button[onclick*=name] span {background: url(/icons/pencil.png) no-repeat left center;} #src_pets #sub_profile #profile .actions .btn button[onclick*=turn_egg] span {background: url(/icons/arrow_refresh.png) no-repeat left center;} #src_pets #sub_profile #profile .actions .btn button[onclick*=request] span {background: url(/icons/coins.png) no-repeat left center;} #src_pets #sub_profile #profile .actions .btn button[onclick*=buy] span {background: url(/icons/coins.png) no-repeat left center;} #src_pets #sub_profile #profile .actions .btn button[onclick*=adopt] span {background: url(/icons/house.png) no-repeat left center;} #src_pets #sub_profile #profile .actions .btn button[onclick*=resurrect] span {background: url(/icons/wand.png) no-repeat left center;} #src_pets #sub_profile #profile .actions .btn button[onclick*=auction] span {background: url(/icons/auction_hammer_gavel.png) no-repeat left center;} #src_pets #sub_profile #tabs h3 {display: none;} #src_pets #sub_profile #tabs {border: none; background: none; z-index: 100;} #src_pets #sub_profile #tabs .ui-tabs {margin: 0;} #src_pets #sub_profile #tabs > .ui-section-body {margin: 0;} #src_pets #sub_profile #overview .project legend {display: none;} #src_pets #sub_profile #overview .project {margin-bottom: 5px;} #src_pets #sub_profile #overview .presentation legend {display: none;} #src_pets #sub_profile #overview .previous_owners .user.avatar {float: left; margin: 1px 1px 0px 0px;} #src_pets #sub_profile #overview .previous_owners .ui-section-body {margin: 4px 5px;} #src_pets #sub_profile #edit .chk input[name=ForTrade] + label > .ui-icon {background: url(/icons/coins.png) no-repeat left center; display: inline-block !important;} #src_pets #sub_profile #edit .chk input[name=ForAdopt] + label > .ui-icon {background: url(/icons/house.png) no-repeat left center; display: inline-block !important;} #src_pets #sub_profile #edit .chk input[name=ForBreed] + label > .ui-icon {background: url(/icons/heart.png) no-repeat left center; display: inline-block !important;} #src_pets #sub_profile #edit .chk input[name=ForBreedSetPrice] + label > span:last-child { padding: 0 5px;} #src_pets #sub_profile #edit .chk input[name=ForTradeSetPrice] + label > span:last-child { padding: 0 5px;} #src_pets #sub_profile #edit .chk .credits span {padding: 0;} #src_pets #sub_profile #edit .enclosure .ui-input.sel {width: 100%; display: table-cell; padding-right: 5px;} #src_pets #sub_profile #edit .enclosure .ui-input.btn {display: table-cell;} #src_pets #sub_profile #edit .btn button[onclick*=tattoo] span {background: url(/icons/palette.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #edit .btn button[onclick*=background] span {background: url(/icons/image.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #edit .btn button[onclick*=sticker] span {background: url(/icons/images.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #edit .btn button[onclick*=rename] span {background: url(/icons/pencil.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #edit .btn button[onclick*=adoption] span {background: url(/icons/house.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #edit .btn button[onclick*=tag] span {background: url(/icons/tag_blue.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #edit .btn button[onclick*=lock] span {background: url(/icons/lock.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #edit .btn button[onclick*=sendto] span {background: url(/icons/house.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #edit .btn button[onclick*=project_pet] span {background: url(/icons/chart_organisation.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #edit .lab {float: left; width: 44%; margin-right: 5px;} #src_pets #sub_profile #breeding .select legend {display: none;} #src_pets #sub_profile #breeding ul {text-align: center; margin: 10px 0 0; min-height: 70px;} #src_pets #sub_profile #breeding li {display: inline-block; border: 2px solid #a6c9e2; border-radius: 5px; background-color: #fff; margin: 1px;} #src_pets #sub_profile #breeding li:hover {border-color: #79b7e7;} #src_pets #sub_profile #breeding li img {border-radius: 5px;} #src_pets #sub_profile #pedigree .daughters {width: 49.5%; float: left;} #src_pets #sub_profile #pedigree .sons {width: 49.5%; float: right; } #src_pets #sub_profile #pedigree .daughters li, #src_pets #sub_profile #pedigree .sons li {display: inline; margin: 1px;} #src_pets #sub_profile #pedigree .daughters ul, #src_pets #sub_profile #pedigree .sons ul {height: 200px; overflow-y: scroll; margin: -5px; background: #FFF; text-align: center;} #src_pets #sub_profile #pedigree .ancestors {clear: both;} #src_pets #sub_profile #pedigree table {table-layout: fixed;} #src_pets #sub_profile #pedigree table td {border: 1px solid; text-align: center; width: 12%; background: #FFF;} #src_pets #sub_profile #background .current > .ui-fieldset-body {display: flex; flex-wrap: wrap; justify-content: center;} #src_pets #sub_profile #background .current fieldset {min-width: 170px; flex-grow: 1; margin: 2px;} #src_pets #sub_profile #background .select legend {display: none;} #src_pets #sub_profile #background ul {text-align: center; min-height: 70px;} #src_pets #sub_profile #background li {display: inline-block; position: relative; text-align: center; margin: 1px;} #src_pets #sub_profile #background li .background {border: 2px solid #ccc; padding: 2px; border-radius: 5px;} #src_pets #sub_profile #background li .quantity {color: #000; position: absolute; top: 0px; right: 0px; text-align: center; border: 2px solid #ccc; border-radius: 0 5px; background-color: rgba(255,255,255,0.7); font-weight: bold; font-size: 0.8em; padding: 0 2px;} #src_pets #sub_profile #background .items {border-radius: 0; border-width: 2px 0 0 0; background: none;} /*#src_pets #sub_profile #background .current {text-align: center; border: none; background: none;} #src_pets #sub_profile #background .current legend {display: none;} #src_pets #sub_profile #background .current .background {width: 100%; height: auto;}*/ /*#src_pets #sub_profile #background .current > .ui-fieldset-body {display: flex; flex-wrap: wrap; justify-content: center;} #src_pets #sub_profile #background .current fieldset {min-width: 170px; flex-grow: 1; margin: 2px;} #src_pets #sub_profile #background .select legend {display: none;} #src_pets #sub_profile #background ul {text-align: center; margin: 10px 0 0; min-height: 70px;} #src_pets #sub_profile #background li {display: inline-block; margin: 0; position: relative; text-align: center; margin: 1px;} #src_pets #sub_profile #background li .exec p {position: absolute; left: 0; right: 0; top: 40px; background: rgba(0,0,0,0.5); color: #fff; font-size: 1.5em; } #src_pets #sub_profile #background .actions {width: 100%;}*/ #src_pets #lab li {display: inline-block; position: relative; margin: 2px;} #src_pets #lab .quantity {color: #000; position: absolute; top: 0px; right: 0px; text-align: center; border: 2px solid #ccc; border-radius: 0 5px; background-color: rgba(255,255,255,0.7); font-weight: bold; font-size: 0.8em; padding: 0 2px;} #src_pets #lab .credits {color: #000; position: absolute; top: 0px; right: 0px; text-align: center; border: 2px solid #ccc; border-radius: 0 5px; background-color: rgba(255,255,255,0.7); font-weight: bold; font-size: 0.8em; padding: 0 2px;} #src_pets #sub_profile #lab .splices {margin-top: 7px;} #src_pets #sub_profile #lab .splices > legend {display: none;} #src_pets #sub_profile #lab .splices fieldset {border-width: 2px 0 0 0; border-radius: 0; padding: 0 0 0 5px;} #src_pets #sub_profile #lab .btn button[onclick*=dna_profile] span {background: url(/icons/chart_line.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #lab .btn button[onclick*=clone] span {background: url(/icons/layers.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #lab .btn button[onclick*=sterilize] span {background: url(/icons/link_break.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #lab .btn button[onclick*=QuickHatch] span {background: url(/icons/lightning.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #lab .chk input[name=MultiSplice] + label > .ui-icon {background: url(/icons/pill.png) no-repeat left center; display: inline-block !important;} #src_pets #sub_profile #lab .btn button[onclick*=cool_down] span {background: url(/icons/asterisk_blue.png) no-repeat left center; padding-left: 20px;} #src_pets #sub_profile #lab .chk input[name=RemovalSplice] + label > .ui-icon {background: url(/icons/cross.png) no-repeat left center; display: inline-block !important;} #src_pets #sub_profile #lab .chk input[name=ColorSplice] + label > .ui-icon {background: url(/icons/color_wheel.png) no-repeat left center; display: inline-block !important;} #src_pets .splices .group {float: right;} #src_pets .color_indicator { white-space: nowrap; font-size: 0.9em; font-style: italic; line-height: 20px;} #src_pets .color_indicator b {border-radius: 100%; width: 100%; height: 100%; background-image: url('glass.png'); background-position: 50%; display: block;} #src_pets .color_indicator span {border: 2px solid #ccc; padding: 1px; border-radius: 100%; width: 20px; height: 20px; margin: 1px 3px; display: inline-block;} #src_pets .color_indicator span:hover {border-color: #aaa;} #src_pets #sub_profile #tattoo .tattoo_spot {border: 2px solid #aaa; border-radius: 5px; position: relative; overflow: hidden; margin: auto;} #src_pets #sub_profile #tattoo img.spot {position: absolute; margin: 0px; top: 0px; left: 0px;} #src_pets #sub_profile #tattoo .tattoo {border: 2px solid #aaa; border-radius: 5px; position: absolute;} #src_pets #sub_profile #tattoo .tattoo:hover {border-color: #000;} #src_pets #sub_profile #tattoo .tattoo img {width: 100%; height: 100%;} #src_pets #sub_profile #stickers .sticker_spot {border: 2px solid #aaa; border-radius: 5px; position: relative; overflow: hidden; margin: auto; height: 300px; width: 300px;} #src_pets #sub_profile #stickers img.spot {position: absolute; margin: 0px; top: 0px; left: 0px;} #src_pets #sub_profile #stickers .sticker_img {border: 2px solid #aaa; border-radius: 5px; position: absolute;} #src_pets #sub_profile #stickers .sticker_img:hover {border-color: #000;} #src_pets #sub_profile #stickers .sticker_img img {width: 100%; height: 100%;} #src_pets #sub_profile #stickers ul {text-align: center;} #src_pets #sub_profile #stickers li {position: relative; display: inline-block; margin: 2px;} #src_pets #sub_profile #stickers li .quantity {color: #000; position: absolute; top: 0px; right: 0px; text-align: center; border: 2px solid #ccc; border-radius: 0 5px; background-color: rgba(255,255,255,0.7); font-weight: bold; font-size: 0.8em; padding: 0 2px;} #src_pets #sub_profile #stickers .config {display: none;} #src_pets #sub_profile #stickers .wearing .active .icon {border-color: #000;} #src_pets #sub_profile #likes h3 {display: none;} #src_pets #sub_profile #likes {border-bottom-width: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0;} #src_pets #sub_profile #likes legend {display: none;} #src_pets #sub_profile #likes .user.avatar {float: left; margin: 1px 1px 0 0;} #src_pets #sub_profile #likes .likes {min-height: 36px; padding: 0 0 1px 18px; background: url(like.png) no-repeat 4px center;} #src_pets #sub_profile #likes .likes button {margin: 1px 1px 0 0; width: 92px; height: 30px; float: left; border-style: dashed; background: #fff;} #src_pets #sub_profile #likes .actions {float: right; margin: 0 0 0 9px; padding: 3px; border: none; background: none;} #src_pets #sub_profile #likes .actions button[onclick*=fb] .ui-icon {background: url(icons/facebook.gif) no-repeat left center;} @media (max-width: 700px){ #src_pets #sub_profile #pet .pet img {max-width: 350px; height: auto;} #src_pets #sub_profile #pet .ui-section-body {height: 350px;} #src_pets #sub_profile #pedigree table td img {max-width: 100%; height: auto;} } @media (max-width: 650px){ #src_pets #sub_profile #pet .pet img {max-width: 300px; height: auto;} #src_pets #sub_profile #pet .ui-section-body {height: 300px;} } @media (max-width: 600px){ #src_pets #sub_profile #profile {width: 100% !important; box-shadow: none;} #src_pets #sub_profile #profile .ui-section-body {min-height: 0;} #src_pets #sub_profile #profile .mutations {text-align: center;} #src_pets #sub_profile #profile .spliced_with {text-align: center;} #src_pets #sub_profile #profile .carries {text-align: center;} #src_pets #sub_profile #pet {position: relative; margin: -20px 0 0 } #src_pets #sub_profile #pet .pet {left: 0; right: 0; text-align: center;} #src_pets #sub_profile #pet .pet img {max-width: 400px; height: auto;} #src_pets #sub_profile #pet .ui-section-body {height: 400px; } /* #src_pets #sub_profile #pet .cover {border-top-width: 3px !important;}*/ } @media (max-width:400px){ #src_pets #sub_profile #pet .pet img {max-width: 100%; height: auto;} } /* ----- Pets Pedigree ------ */ #src_pets #sub_pedigree #pet {border: none; margin: 0 -6px; width: 240px; background: none; text-align: center;} #src_pets #sub_pedigree #pet h3 {display: none;} #src_pets #sub_pedigree #daughters {float: left; width: 32%; margin-right: 0px;} #src_pets #sub_pedigree #sons {float: right; width: 32%; margin-left: 0px;} #src_pets #sub_pedigree #daughters li, #sub_pedigree #sons li {display: inline; margin: 1px;} #src_pets #sub_pedigree #daughters ul, #sub_pedigree #sons ul {height: 200px; overflow-y: scroll; margin: -5px; background: #FFF;} #src_pets #sub_pedigree #pedigree table {table-layout: fixed;} #src_pets #sub_pedigree #pedigree table td {border: 1px solid; text-align: center; width: 12%; background: #FFF;} @media (max-width:700px) { #src_pets #sub_pedigree .ui-section {width: 100% !important;} #src_pets #sub_pedigree #pedigree table td img {max-width: 100%; height: auto;} } /* ----- Profile ----- */ #src_profile #sub_general .actions {clear: both; margin-top: 7px;} #src_profile #sub_general .actions legend {display: none;} #src_profile #sub_general #information .stats legend {display: none;} #src_profile #sub_general #information .stats th {background: none; border: none; width: 10%;} #src_profile #sub_general #information .stats td {text-align: center;} #src_profile #sub_general #information button {white-space: nowrap;} #src_profile #sub_general #information .username .ui-fieldset-body {display: flex; align-items: center; margin-top: -5px;} #src_profile #sub_general #information .username .ui-fieldset-body a { font-size: 1.1em; width: 100%; padding-left: 10px;} #src_profile #sub_general #information .username img {vertical-align: top; margin-left: 5px;} #src_profile #sub_general #information .email .ui-fieldset-body {display: flex; align-items: center; margin-top: -5px;} #src_profile #sub_general #information .email .ui-fieldset-body p {font-size: 1.3em; background: url(/icons/email.png) no-repeat 5px center; padding-left: 30px; width: 100%;} #src_profile #sub_general #information .btn button[onclick*='password_change'] span {background: url(/icons/key.png) no-repeat 3px center; padding-left: 25px !important;} #src_profile #sub_general #information .btn button[onclick*='facebook'] span {background: url(icons/facebook.gif) no-repeat 3px center; padding-left: 25px !important;} #src_profile #sub_general #information .btn button[onclick*='google'] span {background: url(icons/google.png) no-repeat 3px center; padding-left: 25px !important;} #src_profile #sub_general #information .gender {clear: both;} #src_profile #sub_general #information .gender .rdo input[value=Female] + label .ui-icon {background: url(/icons/female.png) no-repeat left center; display: inline-block !important;} #src_profile #sub_general #information .gender .rdo input[value=Male] + label .ui-icon {background: url(/icons/male.png) no-repeat left center; display: inline-block !important;} #src_profile #sub_general #information .gender .rdo input[value=Other] + label .ui-icon {background: url(/icons/color_wheel.png) no-repeat left center; display: inline-block !important;} #src_profile #sub_general #information .country select {font-size: 1.3em; background: url(/icons/world.png) no-repeat 5px center; padding-left: 25px;} #src_profile #sub_general #information .timezone select {font-size: 1.3em; background: url(/icons/time.png) no-repeat 5px center; padding-left: 25px;} #src_profile #sub_general #information .email input {font-size: 1.3em;background: url(/icons/email.png) no-repeat 5px center; padding-left: 25px;} #src_profile #sub_general #information .email .txt {width: 100%;} #src_profile #sub_general #information .email .ui-fieldset-body {display: flex; align-items: center;} #src_profile #sub_general #information button[onclick*=reserve]:not([onclick*=Drop]) span {padding-right: 6px; padding-left: 21px; background: url(/icons/asterisk_yellow.png) no-repeat left center;} #src_profile #sub_general #avatar .avatar .full {float: left; border: 0px solid; position: relative; overflow: hidden;} #src_profile #sub_general #avatar .avatar legend {display: none;} #src_profile #sub_general #avatar .avatar img {float: left;} #src_profile #sub_general #avatar .avatar .tmb {border: 1px solid; position: absolute; box-shadow: 0 0 1000px 1000px rgba(0,0,0,0.5);} #src_profile #sub_general #avatar .actions {text-align: center;} #src_profile #sub_general #referrals p {padding: 0 5px 10px;} #src_profile #sub_general #referrals input {font-size: 1.4em;} #src_profile #sub_general #referrals .referred_users .user {float: left; margin: 1px 1px 0 0;} /* ----- Trading----- */ #src_trading #sub_overview #trading h3 {display: none;} #src_trading #sub_overview #trading ul {text-align: center;} #src_trading #sub_overview #trading li {display: inline-block;} #src_trading #sub_overview #trading li a {border: 2px solid #a6c9e2; border-radius: 5px; text-align: left; float: left; margin: 5px 5px; padding: 3px; width: 200px;} #src_trading #sub_overview #trading li a:hover {border-color: #79b7e7;} #src_trading #sub_overview #trading li .user {float: left; margin-right: 3px;} #src_trading #sub_overview #trading li fieldset {width: 99px;} #src_trading #sub_overview #trading .accepted {background: #eef;} #src_trading #sub_overview #trading .open {background: #ffc;} #src_trading #sub_overview #trading li .receive {float: left; clear: left;} #src_trading #sub_overview #trading li .send {float: right;} #src_trading #sub_overview #trading li table {font-size: 0.9em;} #src_trading #sub_overview #new_trade h3 {display: none;} #src_trading #sub_overview #new_trade {text-align: center;} .payment_provider {text-align: center;} .payment_provider .ui-state-active {border-color: #e17009 !important;} .payment_provider label {padding: 0 20px;} .payment_provider input[value=PayPal] + label span:last-child {background: url(/credits/paypal.png) no-repeat center center !important; width: 200px; height: 90px;} .payment_provider input[value=Facebook] + label span:last-child {background: url(/credits/facebook.png) no-repeat center center !important; width: 200px; height: 90px;} #src_trading .active_seasons {text-align: center} #src_trading .active_seasons legend {text-align: center} #src_trading #sub_overview .actions {margin-top: 5px; text-align: center;} #src_trading #sub_overview .actions legend{display: none;} #src_trading #sub_overview #store .ui-fieldset {margin-top: 5px; text-align: center;} #src_trading #sub_overview #store .ui-fieldset legend{ text-align: center;} #src_trading #sub_overview #store .ui-input.btn button h3 {font-size: 1.1em;} #src_trading #sub_overview #store .ui-input.btn button {width: 150px; margin: 5px;} #src_trading #sub_overview #store .bundles .ui-input.btn button {width: 300px;} #src_trading #sub_overview #get_more_credits .provider {margin-top: 5px; text-align: center;} #src_trading #sub_overview #get_more_credits .provider legend{display: none;} #src_trading #sub_overview #get_more_credits ul {text-align: center;} #src_trading #sub_overview #get_more_credits ul button {margin: 5px 30px;} #src_trading #sub_overview #get_more_credits ul button > span {padding-top: 100px; width: 240px;} #src_trading #sub_overview #get_more_credits li {display: inline;} #src_trading #sub_overview #get_more_credits button[onClick*='200'] > span {background: url(/credits/200.png) no-repeat center top;} #src_trading #sub_overview #get_more_credits button[onClick*='500'] > span {background: url(/credits/500.png) no-repeat center top;} #src_trading #sub_overview #get_more_credits button[onClick*='800'] > span {background: url(/credits/800.png) no-repeat center top;} #src_trading #sub_overview #get_more_credits button[onClick*='1000'] > span {background: url(/credits/1000.png) no-repeat center top;} #src_trading #sub_overview #get_more_credits button[onClick*='1200'] > span {background: url(/credits/1200.png) no-repeat center top;} #src_trading #sub_overview #get_more_credits button[onClick*='2000'] > span {background: url(/credits/2000.png) no-repeat center top;} #src_trading #sub_overview #get_more_credits button[onClick*='redeem'] > span {background: url(/credits/redeem.png) no-repeat center top;} #src_trading #sub_overview #get_more_credits button[onClick*='mobile'] > span {background: url(/credits/mobile.png) no-repeat center top;} #src_trading #sub_overview #get_more_credits button[onClick*='fbpromo'] > span {background: url(/credits/200.png) no-repeat center top;} #src_trading #sub_overview #get_more_credits button[onClick*='trialpay'] > span {background: url(/credits/trialpay.png) no-repeat center top;} #src_trading #sub_overview #subscriptions .information {text-align: center;} #src_trading #sub_overview #subscriptions ul {text-align: center;} #src_trading #sub_overview #subscriptions ul button {margin: 5px 30px;} #src_trading #sub_overview #subscriptions ul button span {width: 240px; padding-top: 100px;} #src_trading #sub_overview #subscriptions li {display: inline;} #src_trading #sub_overview #subscriptions button[onClick*='subscribe'] > span {background: url(/credits/oviplus.png) no-repeat center top;} #src_trading #sub_overview #bundles fieldset { text-align: center;} #src_trading #sub_overview #bundles fieldset legend {text-align: center; font-size: 1.2em;} #src_trading #sub_overview #bundles fieldset ul {margin: 10px 0;} #src_trading #sub_overview #bundles fieldset li {display: inline-block; ; font-weight: bold; white-space: nowrap; margin: 2px 10px;} #src_trading #sub_overview #finances .inventory {position: relative; top: -5px; padding: 0 5px 5px; text-align: center;} #src_trading #sub_overview #finances .inventory legend {text-align: center; /*display: none;*/ } #src_trading #sub_overview #finances .inventory li {display: inline-block; font-weight: bold; white-space: nowrap; margin: 2px 15px;} #src_trading #sub_overview #finances .inventory li .age {vertical-align: middle;} #src_trading #sub_overview #finances .inventory .ui-fieldset-body {min-height: 20px;} #src_trading #sub_overview #finances .inventory .icon {width: 30px; height: 30px;} #src_trading #sub_overview #finances tr {background-color: #ffffff; border-bottom: 1px solid #ccc;} #src_trading #sub_overview #finances tr:nth-child(2n) {background-color: #f4f4f4;} #src_trading #sub_overview #finances td {padding: 2px 5px; vertical-align: middle;} #src_trading #sub_overview #finances td.c0 {width: 16%;} #src_trading #sub_overview #finances td.c2 {width: 10%; text-align: right;} #src_trading #sub_overview #finances td.c3 {width: 10%; text-align: right;} #src_trading #sub_overview #finances td.c4 {width: 10%; text-align: right;} #src_trading #sub_overview #finances .actions button span {background: url(/icons/coins.png) no-repeat left center; padding: 5px 5px 5px 20px; font-size: 1.4em;} #src_trading #sub_overview #finances .img {display: table-cell; vertical-align: middle; white-space: nowrap;} #src_trading #sub_overview #finances .img img {border: 1px solid #ccc; border-radius: 5px; padding: 1px; margin: 0 1px; vertical-align: middle;} #src_trading #sub_overview #finances .txt {display: table-cell; vertical-align: middle; padding: 5px;} #src_trading #sub_overview #finances .img .user.avatar .status {display: none;} #src_trading #sub_request #request .receive {position: relative; margin-left: 85px;} #src_trading #sub_request #request .receive ul {min-height: 93px;} #src_trading #sub_request #request .send {position: relative; margin-left: 85px;} #src_trading #sub_request #request .send ul {min-height: 93px;} #src_trading #sub_request #request fieldset.user {padding: 2px;display: inline-block;position: absolute;left: -85px; top: -8px;} #src_trading #sub_request #request fieldset.user legend {display: none;} #src_trading #sub_request #request fieldset.credits {text-align: right; position: absolute; left: -85px; top: 73px; width: 79px} #src_trading #sub_request #request fieldset.credits .nbr > span {margin: -3px 0;} #src_trading #sub_request #request fieldset.credits legend {display: none;} #src_trading #sub_request .open {background: #ffc;} #src_trading #sub_request .accepted {background: #eef;} #src_trading #sub_request .aborted {background: #fee;} #src_trading #sub_request .actions {margin-top: 7px; text-align: center;} #src_trading #sub_request .actions legend {display: none;} #src_trading #sub_request .ui-section-body ul {text-align: center;} #src_trading #sub_request .ui-section-body li {display: inline-block;} #src_trading #sub_request .ui-section-body li > .pet {display: inline-block; border: 2px solid #a6c9e2; border-radius: 5px; background-color: #fff; margin: 1px;} #src_trading #sub_request .ui-section-body li > .pet:hover {border-color: #79b7e7;} #src_trading #sub_request .ui-section-body li > .breeding {border: 2px solid #a6c9e2; border-radius: 5px; background-color: #fff; margin: 1px;} #src_trading #sub_request .ui-section-body li > .breeding:hover {border-color: #79b7e7;} #src_trading #sub_request .ui-section-body li img {border-radius: 5px;} #src_trading #sub_request .ui-section-body li a:nth-child(2) img {margin-left: 6px;} #src_trading #sub_request .ui-section-body li input {display: none;} #src_trading #sub_request #pets ul {margin: 10px 0 0; min-height: 70px} #src_trading #sub_request #breeding fieldset {width: 30%; display: block; float: left;} #src_trading #sub_request #breeding fieldset.pet {margin: 0px 5px;} #src_trading #sub_request #breeding fieldset.target_enclosure {float: none; width: auto; } #src_trading #sub_request #breeding ul {margin: 10px 0 0; min-height: 70px;} /* ----- Auctions ----- */ .item {position: relative; margin: 1px; display: inline-block;} .item .quantity {color: #000; position: absolute; top: 0px; right: 0px; text-align: center; border: 2px solid #ccc; border-radius: 0 5px; background-color: rgba(255,255,255,0.7); font-weight: bold; font-size: 0.8em; padding: 0 2px;} #src_auctions #sub_create .pet {display: inline-block; border: 2px solid #a6c9e2; border-radius: 5px; background-color: #fff; margin: 1px;} #src_auctions #sub_create .pet:hover {border-color: #79b7e7;} #src_auctions #sub_create .ui-sortable-helper {box-shadow: 0 0 10px 1px #000;} #src_auctions #sub_create .ui-section-body ul {text-align: center;} #src_auctions #sub_create .ui-section-body li {display: inline-block;} /*#src_auctions #sub_create .ui-section-body li {display: inline-block; border: 2px solid #a6c9e2; border-radius: 5px; background-color: #fff; margin: 1px;} #src_auctions #sub_create .ui-section-body li:hover {border-color: #79b7e7;}*/ #src_auctions #sub_create .ui-section-body li img {border-radius: 5px;} #src_auctions #sub_create .ui-section-body li input {display: none;} #src_auctions #create_auction .lot {background: #ffc; position: relative; clear: both;} #src_auctions #create_auction .lot ul {min-height: 90px;} #src_auctions #create_auction .lot li {display: inline-block;} #src_auctions #create_auction .start_bid {float: left; width: 25%; margin-right: 5px;} #src_auctions #create_auction .buyout_price {float: left; width: 25%; margin-right: 5px;} #src_auctions #create_auction .actions {clear: both; margin-top: 7px; text-align: center;} #src_auctions #create_auction .actions legend {display: none;} #src_auctions #pets ul {margin: 10px 0 0; min-height: 70px} #src_auctions #auctions h3 {display: none;} #src_auctions #auctions .filter legend {display: none;} #src_auctions #auctions .filter {text-align: center; border-style: none none dotted; border-radius: 0; float: left;} #src_auctions #auctions .filter .ui-fieldset-body{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center;} #src_auctions #auctions .filter .txt {margin-right: 3px;} #src_auctions #auctions .filter .txt input {width: 130px;} #src_auctions #auctions .filter .btn {display: none;} #src_auctions #auctions .actions legend {display: none;} #src_auctions #auctions .actions {border-style: none none dotted; border-radius: 0; text-align: right; white-space: nowrap; height: 44px;} #src_auctions #auctions .actions button {margin: 0;} #src_auctions #auctions .ui-section-body {margin: 0;} #src_auctions #auctions table {table-layout: fixed;} #src_auctions #auctions tr {border-bottom: 1px solid #aaa;} #src_auctions #auctions td {vertical-align: middle; background-color: #fff;} #src_auctions #auctions .c0 {width: 230px; height: 210px; text-align: center; border-right: 1px dotted #cccccc !important; } #src_auctions #auctions .c0 button {width: 50px; height: 50px; border-style: dashed; background: transparent;} /*#src_auctions #auctions .c0 .parsed_txt {max-height: 100px; overflow: auto; border-bottom: 1px dotted #cccccc !important; background: #f5f5ff; didsplay: none;}*/ #src_auctions #auctions .c1 {text-align: center; border-right: 1px dotted #cccccc !important; } #src_auctions #auctions .c1 .parsed_txt {max-height: 210px; overflow: auto;} @media (max-width:600px){#src_auctions #auctions .c1 {display: none;}} #src_auctions #auctions .c0 li {display: inline-block;} #src_auctions #auctions .c2 {width: 150px; text-align: center; overflow: hidden;} #src_auctions #auctions .c2 p {font-size: 0.9em; text-decoration: underline;} #src_auctions #auctions .c2 .name {display: block;} #src_auctions #auctions .c2 .age {display: block;} #src_auctions #auctions .c2 .ui-input {display: block;} #src_auctions #auctions li {position: relative; margin: 1px;} #src_auctions #auctions li .quantity {color: #000; position: absolute; top: 0px; right: 0px; text-align: center; border: 2px solid #ccc; border-radius: 0 5px; background-color: rgba(255,255,255,0.7); font-weight: bold; font-size: 0.8em; padding: 0 2px;} /*#src_auctions #auctions .ui-section-body {margin: 0;} #src_auctions #auctions table {table-layout: fixed;} #src_auctions #auctions tr {border-bottom: 1px solid #aaa;} #src_auctions #auctions td {vertical-align: middle; background-color: #fff;} #src_auctions #auctions .c0 {width: 210px; height: 210px; text-align: center;} #src_auctions #auctions .c1 {padding: 10px; border-left: 1px dotted #cccccc !important; border-right: 1px dotted #cccccc !important;} #src_auctions #auctions .c1 .parsed_txt {max-height: 190px; overflow: auto;} #src_auctions #auctions .c2 {width: 150px; text-align: center; overflow: hidden;} #src_auctions #auctions .c2 p {font-size: 0.9em; text-decoration: underline;} #src_auctions #auctions .c2 .name {display: block;} #src_auctions #auctions .c2 .age {display: block;} #src_auctions #auctions .c2 .ui-input {display: block;} #src_auctions #auctions .pet img {float: left;}*/ #src_auctions #more h3 {display: none;} #src_auctions #more {background: #fff; text-align: center;} /* ----- Events ----- */ #sub_feed #main_content { padding: 20px 0 0; /*overflow: hidden;*/} #sub_feed input[onchange*=friend_hide] + label .ui-icon {background: url(/icons/contrast.png) no-repeat left center; display: inline-block !important;} #sub_feed input[onchange*=friend_unhide] + label .ui-icon {background: url(/icons/contrast.png) no-repeat left center; display: inline-block !important;} #sub_feed input[onchange*=friend_favourite] + label .ui-icon {background: url(/icons/star.png) no-repeat left center; display: inline-block !important;} #sub_feed input[onchange*=friend_unfavourite] + label .ui-icon {background: url(/icons/star.png) no-repeat left center; display: inline-block !important;} #sub_feed button[onclick*=friend_request] span {background: url(/icons/accept.png) no-repeat left center; padding-left: 20px !important;} #sub_feed button[onclick*=friend_remove] span {background: url(/icons/delete.png) no-repeat left center; padding-left: 20px !important;} #sub_feed button[onclick*=friend_block] span {background: url(/icons/cross.png) no-repeat left center; padding-left: 20px !important;} #sub_feed button[onclick*=group_join] span {background: url(/icons/accept.png) no-repeat left center; padding-left: 20px !important;} #sub_feed button[onclick*=group_leave] span {background: url(/icons/delete.png) no-repeat left center; padding-left: 20px !important;} #sub_feed button[onclick*=make_paid] span {background: url(/icons/status_online.png) no-repeat left center; padding-left: 20px !important;} #sub_feed button[onclick*=preview] span {background: url(/icons/eye.png) no-repeat left center; padding-left: 20px !important;} #sub_feed button[onclick*=event_comment] span {background: url(/icons/comments.png) no-repeat left center; padding-left: 20px !important;} #sub_feed button[onclick*=event_post] span {background: url(/icons/comments.png) no-repeat left center; padding-left: 20px !important;} #sub_feed button[onclick*=Private] span {background: url(/icons/shield.png) no-repeat left center; padding-left: 20px !important;} #sub_feed button[onclick*=poll_post] span {background: url(/icons/chart_bar.png) no-repeat left center; padding-left: 20px !important;} #sub_feed .upl label span {background: url(/icons/image.png) no-repeat left center; padding-left: 20px !important;} #sub_feed #post {margin: -20px 7% 20px; width: 86%; border-top: none; border-radius: 0 0 5px 5px; border-width: 2px !important;} #sub_feed #post h3 {display: none;} #sub_feed #post .ui-section-body {margin: 7px 9px;} #sub_feed #post .image legend {display: none;} #sub_feed #post .image {float: left; margin-right: 10px; margin-bottom: 5px;} #sub_feed #post .comment legend {display: none;} #sub_feed #post .comment textarea {height: 35px; padding: 5px; font-size: 1.3em;} #sub_feed #post .comment {border: none; background: none; padding: 0;} #sub_feed #post .actions legend {display: none;} #sub_feed #post .actions {display: none; background: none; border: none; padding: 0; margin-bottom: 5px;} #sub_feed #post .actions .ui-input {float: right;} #sub_feed #post .actions .ui-input:first-child {float: left;} #sub_feed #post .actions .ui-input.upl {float: left;} #sub_feed #user h3 {display: none;} #sub_feed #user {border: none; background: none; margin: -20px 0px 0px; width: 100%;} #sub_feed #user legend {display: none;} #sub_feed #user fieldset {margin-top: 5px;} #sub_feed #user .edit_friendship {text-align: center; margin-bottom: 5px;} #sub_feed #user .country {float: left; height: 34px; width: 40px; margin: 0; border-radius: 5px 0 0 0;} #sub_feed #user .country img {margin: 5px 4px;} #sub_feed #user fieldset.name {float: left; margin: 0 2px 0 2px; width: 50%; height: 34px; font-size: 1.3em; line-height: 22px; border-radius: 0;} #sub_feed #user fieldset.name img {vertical-align: top; margin-top: 2px; margin-right: 5px;} #sub_feed #user .actions {border-radius: 0 5px 0 0; height: 34px; margin: 0; text-align: right;} #sub_feed #user .actions button {font-size: 0.8em; margin: -2px 1px; padding: 2px 5px;} #sub_feed #user .actions button[onclick*=fbinvite] span {background: url(icons/facebook.gif) no-repeat left center; padding-left: 20px !important;} #sub_feed #user .actions button[onclick*=edit_friendship] span {background: url(/icons/status_online.png) no-repeat left center; padding-left: 20px !important;} #sub_feed #user fieldset.avatar {float: left; padding: 1px; margin: 2px 0 2px 0; border-radius: 0;} #sub_feed #user .friends {position: absolute; right: 0; left: 445px; height: 116px; margin: 2px 0 2px 2px; border-radius: 0; padding: 0; } #sub_feed #user .friends ul {margin-left: 1px; height: 93px; text-align: left; overflow: hidden;} #sub_feed #user .friends li {display: inline-block; margin: 1px 1px 0px 0px;} #sub_feed #user .friends button {width: 100%; font-size: 0.8em; margin: 0; padding: 2px 5px; border-width: 2px 0 0 0 !important; border-radius: 0; height: 18px;} #sub_feed #user .friends button span {line-height: 8px;} #sub_feed #user .groups {position: absolute; left: 311px; width: 129px; height: 116px; margin: 2px 0 2px 2px; border-radius: 0; padding: 0;} #sub_feed #user .groups ul {margin-left: 1px; height: 93px; text-align: left; overflow: hidden;} #sub_feed #user .groups li {display: inline-block; margin: 1px 1px 0px 0px;} #sub_feed #user .groups button {width: 100%; font-size: 0.8em; margin: 0; padding: 2px 5px;border-width: 2px 0 0 0 !important; border-radius: 0; height: 18px;} #sub_feed #user .groups button span {line-height: 8px;} #sub_feed #user .achievements {position: absolute; left: 117px; width: 189px; height: 116px; margin: 2px 0 2px 2px; border-radius: 0; padding: 0;} #sub_feed #user .achievements ul {margin-left: 1px; height: 93px; text-align: left; overflow: hidden;} #sub_feed #user .achievements li {display: inline-block; margin: 1px 1px 0px 0px;} #sub_feed #user .achievements button {width: 100%; font-size: 0.8em; margin: 0; padding: 2px 5px; border-width: 2px 0 0 0 !important; border-radius: 0; height: 18px;} #sub_feed #user .achievements button span {line-height: 8px;} #sub_feed #user .presentation {clear: both; font-size: 1.2em; margin: 0; line-height: 17px; border-radius: 0 0 5px 5px;} #sub_feed #user .presentation .parsed_txt {padding: 0px 4px; max-width:678px; max-height: 500px;overflow: auto;} @media (max-width:650px){ #sub_feed #user .friends {left: 364px;} #sub_feed #user .groups {width: 99px; left: 263px;} #sub_feed #user .achievements {width: 143px; left: 117px;} } @media (max-width:516px){ #sub_feed #user .friends {left: 263px;} #sub_feed #user .groups {display: none;} } @media (max-width:414px) { #sub_feed #user .groups {display: block;} #sub_feed #user .friends ul, #sub_feed #user .groups ul, #sub_feed #user .achievements ul {display: none;} #sub_feed #user .friends button, #sub_feed #user .groups button, #sub_feed #user .achievements button {border-width: 0px !important; font-size: 1em; height: 33px;} #sub_feed #user fieldset.avatar {position: static; float: left; margin-right: 2px;} #sub_feed #user .friends, #sub_feed #user .groups, #sub_feed #user .achievements {height: auto; width: auto; position: static;} } #overlay .groups li {text-align: left; flex-grow: 1; width: 180px; min-width: 180px; max-width: 250px; border: 2px solid #a6c9e2; border-radius: 5px; margin: 1px; padding: 3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;} #overlay .groups li .img {float: left; margin-right: 5px;} #overlay .groups li .title {font-weight: bold;} #overlay .groups li .completed {float: right;} #overlay .groups li .description {font-style: italic;} #overlay .achievements li {text-align: left; flex-grow: 1; width: 250px; min-width: 250px; max-width: 350px; border: 2px solid #a6c9e2; border-radius: 5px; margin: 1px; padding: 3px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;} #overlay .achievements li img {float: left;} #overlay .achievements li .img {float: left; margin-right: 5px;} #overlay .achievements li .title {font-weight: bold;} #overlay .achievements li .completed {float: right;} #overlay .achievements li .description {font-style: italic;} #sub_feed #group h3 {display: none;} #sub_feed #group {border: none; background: none; margin: -20px 0px 0px; width: 100%;} #sub_feed #group legend {display: none;} #sub_feed #group fieldset {margin-top: 5px;} #sub_feed #group .edit_membership {text-align: center; margin-bottom: 5px;} #sub_feed #group fieldset.name {float: left; margin: 0 2px 0 0; width: 50%; height: 34px; font-size: 1.3em; line-height: 22px; border-radius: 5px 0 0 0;} #sub_feed #group .actions {border-radius: 0 5px 0 0; height: 34px; margin: 0; text-align: right;} #sub_feed #group .actions button {font-size: 0.8em; margin: -2px 1px; padding: 2px 5px;} #sub_feed #group .actions button[onclick*=edit_membership] span {background: url(/icons/group_edit.png) no-repeat left center; padding-left: 20px !important;} #sub_feed #group fieldset.avatar {float: left; margin: 2px 2px 2px 0; border-radius: 0;} #sub_feed #group .description {height: 84px; font-size: 1.2em; margin: 2px 0; line-height: 17px; border-radius: 0;} #sub_feed #group .description .ui-fieldset-body {height: 70px; display: table-cell; vertical-align: middle;} #sub_feed #group .description.active .ui-fieldset-body {display: block;} #sub_feed #group .description .parsed_txt {padding: 0px 4px; overflow: auto; max-height: 70px;} #sub_feed #group .information {clear: both; margin: 0; font-size: 1.1em; line-height: 17px; border-radius: 0 0 5px 5px;} #sub_feed #group .information .parsed_txt {padding: 0px 4px; max-width: 100%; max-height: 500px; overflow: auto;} #sub_feed #suggestions h3 {display: none;} #sub_feed #suggestions {border: none; background: none; margin: -10px 0 0; width: 100%; text-align: center;} #sub_feed #suggestions .user.avatar {margin: 1px 1px 0 0;} #sub_feed #suggestions .group.avatar {margin: 1px;} #sub_feed #suggestions .suggestions p {font-size: 1.2em; margin: 5px;} #sub_feed #suggestions .suggestions > legend {display: none;} #sub_feed #suggestions .suggestions legend {font-size: 1.1em;} #sub_feed #suggestions .suggestions button {margin-top: 5px;} #sub_feed #suggestions .other_suggestions button {margin-top: -5px;} #sub_feed #suggestions li {display: inline-block;} #sub_feed #suggestions ul {margin-bottom: 5px;} #sub_feed #feed h3 {display: none;} #sub_feed #feed {border: none; background: none; margin: -10px 0 0; width: 100%;} #sub_feed #feed fieldset {background: #fff;} #sub_feed #feed .filter legend {display: none;} #sub_feed #feed .filter {margin-bottom: 10px; float: left;} #sub_feed #feed .order legend {display: none;} #sub_feed #feed .order {margin-bottom: 10px; float: right;} #sub_feed #feed .description legend {display: none;} #sub_feed #feed .description {margin-bottom: 10px; float: right;} #sub_feed #feed .feed {padding: 2px; clear: both;} #sub_feed #feed .feed > legend {display: none;} #sub_feed #feed .feed table {table-layout: fixed} /*#sub_feed #feed .feed tr .actions button {display: none;} #sub_feed #feed .feed tr:hover .actions button {display: block;}*/ #sub_feed #feed .feed tr .actions button {display: block;} #sub_feed #feed .feed tr {border-bottom: 1px solid #aaa;} #sub_feed #feed .feed td {vertical-align: top; padding: 2px;} #sub_feed #feed .feed td.user {width: 70px;} #sub_feed #feed .feed td.user .avatar {margin: 2px;} #sub_feed #feed .feed td.actions {width: 30px;} #sub_feed #feed .feed .event .title {padding: 0 3px;} #sub_feed #feed .feed .event .private {font-style: italic;} #sub_feed #feed .feed .event .title .private {padding: 10px; background: url(/icons/shield.png) no-repeat center;} #sub_feed #feed .feed .event .title .private span {display: none;} #sub_feed #feed .feed .event .title .user {font-weight: bold;} #sub_feed #feed .feed .event .title .age {display: table-cell; white-space: nowrap;} #sub_feed #feed .feed .event .title p {display: table-cell; width: 100%;} #sub_feed #feed .feed .event .body {margin: 0 0 5px; min-height: 35px; display: block; overflow: hidden;} #sub_feed #feed .feed .event .body img {vertical-align: baseline; margin: 0 3px;} #sub_feed #feed .feed .event .body .pet img {border-radius: 5px;} /*#sub_feed #feed .feed .event .body .img {display: table-cell;}*/ #sub_feed #feed .feed .event .body .img {float: left;} @media (max-width:500px) {#sub_feed #feed .feed .event .body .img {float: none; text-align: center;}} #sub_feed #feed .feed .event .body .img .btn {display: inline-block; margin: 0 3px;} #sub_feed #feed .feed .event .body .img .btn button {margin: 0; width: 80px; height: 80px; float: left; border-style: dashed; background: transparent;} #sub_feed #feed .feed .event .body .img .btn .count {font-size: 2em; font-weight: normal;} #sub_feed #feed .feed .event .body .text {padding: 0px 5px; vertical-align: middle;} #sub_feed #feed .feed .event .body .img + .text {display: table-cell;} #sub_feed #feed .feed .event .body .input {text-align: center; padding: 20px;} #sub_feed #feed .feed .event .body .img .text {padding: 20px; font-size: 1.2em; white-space: pre-wrap; } #sub_feed #feed .feed .event {padding-bottom: 0;} #sub_feed #feed .feed .event .likes {background: url(like.png) no-repeat 4px center; padding-bottom: 1px;} #sub_feed #feed .feed .event .likes {border-radius: 5px 5px 0 0; clear: both; border-top: 1px solid #aaa ; border-right: 1px solid #aaa; border-left: 1px solid #aaa; background-color: #fff;} #sub_feed #feed .feed .event .likes .user.avatar {margin: 1px -17px 0 18px;} #sub_feed #feed .feed .event .likes button {margin: 1px -17px 0 18px; width: 92px; height: 30px; border-style: dashed; background: transparent;} #sub_feed #feed .feed .event .likes + .comments ul {border-radius: 0;} #sub_feed #feed .feed .event .comments ul {border-radius: 5px 5px 0 0; border-top: 1px solid #aaa ; border-right: 1px solid #aaa; border-left: 1px solid #aaa; background: #f5f5ff;} #sub_feed #feed .feed .event .comments li {position: relative; margin: 0px 3px; border-bottom: 1px solid #ccc;} #sub_feed #feed .feed .event .comments li:last-child {border: none;} #sub_feed #feed .feed .event .comments li div.avatar {float: left; display: table-cell; margin: 2px 5px 0px -1px;} #sub_feed #feed .feed .event .comments li div.poster {display: table-cell; width: 100%;} #sub_feed #feed .feed .event .comments li div.age {white-space: nowrap; position: absolute; top: 0; right: 0;} #sub_feed #feed .feed .event .comments li div.comment {display: block; overflow: hidden; min-height: 16px;} #sub_feed #feed .feed .event .comments li div.load {text-align: center; width: 100%;} #sub_feed #feed .feed .event .comments li div.comment img {border: 1px solid #aaa; vertical-align: baseline;} #sub_feed #feed .feed .event .comments li div.actions {display: none; position: absolute; right: 0; top: 0; text-align: right; z-index: 100;} #sub_feed #feed .feed .event .comments li div.actions .ui-input {display: inline-block;} #sub_feed #feed .feed .event .comments li:hover .actions {display: block;} #sub_feed #feed .feed .event .comments button[onclick*=event_comment_hide] span {background: url(/icons/delete.png) no-repeat left center; padding-left: 20px !important;} #sub_feed #feed .feed .event .comments button[onclick*=event_comment_ban] span {background: url(/icons/cross.png) no-repeat left center; padding-left: 20px !important;} #sub_feed #feed .feed .event .body .pl {background: url(/icons/heart.png) no-repeat center; display: inline-block; width: 20px; height: 100px;} #sub_feed #feed .feed .event .body .pl span {display: none;} #sub_feed #feed .feed .event .body .eq {background: url(/icons/arrow_right.png) no-repeat center; display: inline-block; width: 20px; height: 100px;} #sub_feed #feed .feed .event .body .eq span {display: none;} #sub_feed #feed .feed .event .trade {border: 1px solid #aaa; border-radius: 0; margin: 2px; text-align: center;} #sub_feed #feed .feed .event .poll {border: 1px solid #aaa; background: #f5f5ff; border-radius: 5px; margin: 10px 20px; padding: 5px 10px; text-align: center;} #sub_feed #feed .feed .event .poll .alternative {font-weight: bold;} #sub_feed #feed .feed .event .poll li {position: relative; margin: 0px 3px; border-bottom: 1px solid #ccc; padding: 5px;} #sub_feed #feed .feed .event .poll li:last-child {border: none;} #sub_feed #feed .feed .event > .comment {text-align: center; background-color: #f5f5ff; border: 1px solid #aaa; border-bottom: none; border; padding: 5px 5px 0;} #sub_feed #feed .feed .event .comment fieldset {border: none; margin: 0; padding: 0; background: none;} #sub_feed #feed .feed .event .comment fieldset legend {display: none;} #sub_feed #feed .feed .event .comment textarea {height: 28px;} #sub_feed #feed .feed .event .comment .actions .ui-input {display: inline-block; margin-bottom: 3px;} #sub_feed #feed .feed .event .comment .actions {text-align: left; display: none;} #sub_feed #feed .feed .event .comment .actions .ui-input.btn {float: right;} #sub_feed #feed .feed .event .comment .actions .ui-input.btn:first-child {float: left;} #sub_feed #feed .feed .event .comments {opacity: 1 !important;} #sub_feed #more h3 {display: none;} #sub_feed #more .actions {padding: 2px; background: #fff; padding: 5px; text-align: center;} #sub_feed #more .actions legend {display: none;} #sub_feed #more {border: none; background: none; margin: 0; width: 100%;} #sub_notifications #all_notifications img {border: none; border-radius: 0; padding: 0;} #sub_notifications #all_notifications table {table-layout: fixed;} #sub_notifications #all_notifications tr {background-color: #ffffff; border-bottom: 1px solid #ccc;} #sub_notifications #all_notifications tr:nth-child(2n) {background-color: #f4f4f4;} #sub_notifications #all_notifications tr {border-top: 1px solid #aaa;} #sub_notifications #all_notifications td {vertical-align: middle; padding: 1px 8px 1px 0; overflow: hidden;} #sub_notifications #all_notifications .img {width: 50px;} #sub_notifications #all_notifications .age {width: 70px;} #sub_notifications #all_notifications .count {width: 30px;} #sub_notifications #all_notifications .action {width: 25px;} @media (max-width:730px){ #sub_feed #feed .filter {float: none; text-align: center;} #sub_feed #feed .order {display: none;} } @media (max-width:600px){ #sub_feed #user > div {margin: 10px 0px;} #sub_feed #group > div {margin: 10px 0px;} /* #overlay.ui-section {top: 60px; left: 0; right: 0; bottom: 0; margin: 0; position: fixed; } #overlay ul {height: auto; position: fixed; bottom: 50px; top: 115px; left: 0; right: 0;} #overlay .actions {position: fixed; bottom: 0; left: 0; right: 0;}*/ #sub_feed #feed > div {margin: 10px 0; border-width: 2px 0;} #sub_feed #feed fieldset {border-width: 2px 0; border-radius: 0;} } @media (max-width:400px) { #sub_feed #feed .feed td.user {width: 40px;} #sub_feed #feed .feed td.user img {width: 40px; height: auto;} } /* ----- Group ----- */ #dialog .topic_type {text-align: center;} #dialog .topic_type .rdo {display: inline-block; margin: 2px;} #src_group #sub_members #members fieldset {border-width: 2px 0 2px; border-radius: 0; padding: 0px 8px 5px; margin: 5px 0;} #src_group #sub_members #members .user {margin: 1px 1px 0 0;} #src_group #sub_members #members .members ul {margin: 0 -5px 0 5px;} #src_group #sub_members #members li {display: inline-block;} #src_group #sub_members #members .ui-section-body {margin: 0 0 5px;} #src_group #forums table {border-collapse: separate; border-spacing: 1px;} #src_group #forums th {padding: 0 5px; border-radius: 5px;} #src_group #forums th.c0 {text-align: left;} #src_group #forums tr.a {background-color: #eef;} #src_group #forums td {padding: 5px; border: 2px solid; vertical-align: middle; border-radius: 5px;} #src_group #forums .c0 {width: 60%;} #src_group #forums .c0 .label {font-size: 1.1em; font-weight: bold;} #src_group #forums .c0 .description {font-size: 0.9em; font-style: italic;} #src_group #forums .c1 {width: 12%; text-align: center;} #src_group #forums .c2 {width: 12%; text-align: center;} #src_group #forums .c3 {width: 12%; text-align: center;} #src_group #forums .c4 {width: 12%; text-align: center;} #src_group #sub_forum #main_content {padding: 0;} #src_group #sub_forum #forums {margin: 20px 17px; width: auto;} #src_group #sub_forum #topics h3 {display: none;} #src_group #sub_forum #topics {border: none; background: none; margin: 0;} #src_group #sub_forum #topics legend {display: none;} #src_group #sub_forum #topics .forum {margin-bottom: 2px; border-radius: 5px 5px 0 0; text-align: center; position: relative;} #src_group #sub_forum #topics .forum p {font-size: 1.1em; font-weight: bold;} #src_group #sub_forum #topics .forum .btn {position: absolute; top: 2px; right: 8px;} #src_group #sub_forum #topics .forum .btn span {padding: 1px 8px;} #src_group #sub_forum #topics .tpages {height: 32px; border-radius: 0;} #src_group #sub_forum #topics .tactions {height: 32px; margin-left: 2px; float: right; text-align: center; padding: 3px 5px 7px; border-radius: 0;} #src_group #sub_forum #topics .tactions .btn button {padding: 1px 8px;} #src_group #sub_forum #topics .bpages {height: 32px; border-radius: 0 0 0 5px;} #src_group #sub_forum #topics .bactions {height: 32px; margin-left: 2px; float: right; text-align: center; padding: 3px 5px 7px; border-radius: 0 0 5px 0;} #src_group #sub_forum #topics .bactions .btn button {padding: 1px 8px;} #src_group #sub_forum #topics .topics {margin-top: 2px; margin-bottom: 2px; border-radius: 0;} #src_group #sub_forum #topics .topics .c0 img {float: left; margin: 0 1px;} #src_group #sub_forum #topics .topics .c0 {width: 37px; border-width: 2px 1px 2px 2px !important; border-radius: 5px 0 0 5px;} #src_group #sub_forum #topics .topics .c1 {text-align: left; padding: 0px 5px; border-width: 2px 0 !important;} #src_group #sub_forum #topics .topics td.c1 {font-size: 1.1em;} #src_group #sub_forum #topics .topics .c2 {width: 50px; text-align: center; border-width: 2px 1px !important;} #src_group #sub_forum #topics .topics .c3 {width: 15%; text-align: center; border-width: 2px 0 !important;} #src_group #sub_forum #topics .topics .c4 {width: 15%; text-align: center; border-width: 2px 2px 2px 1px !important; border-radius: 0 5px 5px 0;} #src_group #sub_forum #topics .topics table {table-layout: fixed; border-collapse: separate; border-spacing: 0 1px;} #src_group #sub_forum #topics .topics td {overflow: hidden; padding: 2px; height: 35px; border: 1px solid; vertical-align: middle;} #src_group #sub_forum #topics .topics tr.a {background-color: #eef;} #src_group #sub_forum #replies h3 {display: none;} #src_group #sub_forum #replies {border: none; background: none; margin: 0;} #src_group #sub_forum #replies legend {display: none;} #src_group #sub_forum #replies .topic {margin-bottom: 2px; border-radius: 5px 5px 0 0; text-align: center; position: relative;} #src_group #sub_forum #replies .topic p {font-size: 1.1em; font-weight: bold;} #src_group #sub_forum #replies .topic .btn {position: absolute; top: 2px; right: 8px;} #src_group #sub_forum #replies .topic .btn button {padding: 1px 8px;} #src_group #sub_forum #replies .tpages {height: 32px; border-radius: 0;} #src_group #sub_forum #replies .tactions {height: 32px; margin-left: 2px; float: right; text-align: center; padding: 3px 5px 7px; border-radius: 0;} #src_group #sub_forum #replies .tactions .btn button {padding: 1px 8px;} #src_group #sub_forum #replies .bpages {height: 32px; border-radius: 0 0 0 5px;} #src_group #sub_forum #replies .bactions {height: 32px; margin-left: 2px; float: right; text-align: center; padding: 3px 5px 7px; border-radius: 0 0 5px 0;} #src_group #sub_forum #replies .bactions .btn button {padding: 1px 8px;} #src_group #sub_forum #replies .replies {margin-top: 2px; margin-bottom: 2px; border-radius: 0;} #src_group #sub_forum #replies .replies table {table-layout: fixed; border-collapse: separate; border-spacing: 0 2px;} #src_group #sub_forum #replies .replies table td {border: 1px solid; padding: 2px; vertical-align: top;} #src_group #sub_forum #replies .replies table tr.a {background-color: #eef;} #src_group #sub_forum #replies .replies table td.c0 {width: 70px; border-right-width: 1px; border-radius: 5px 0 0 5px;} #src_group #sub_forum #replies .replies table td.c1 {padding: 4px; border-left: 0; border-radius: 0 5px 5px 0;} #src_group #sub_forum #replies .replies .poster {float: left;} #src_group #sub_forum #replies .replies .age {float: right;} #src_group #sub_forum #replies .replies .actions {float: right; margin: 0 10px; display: none;} #src_group #sub_forum #replies .replies tr:hover .actions {display: inline;} #src_group #sub_forum #replies .replies .reply {clear: both;} #src_group #sub_edit .actions {clear: both; margin-top: 7px;} #src_group #sub_edit .actions legend {display: none;} #src_group #sub_edit #general .avatar legend {display: none;} #src_group #sub_edit #general fieldset.avatar {float: left; margin: 7px 5px 0 0;} #src_group #sub_edit #general .description textarea {width: 100%; height: 60px;} #src_group #sub_edit #members .members {border-radius: 5px 5px 0 0; border-bottom-style: dotted; text-align: center; padding: 2px 5px 7px;} #src_group #sub_edit #members .users legend {display: none;} #src_group #sub_edit #members .users {border-radius: 0 0 5px 5px; border-top: none;} #src_group #sub_edit #members .users .ui-input.txt {width: 100%; text-align: center; display: block;} #src_group #sub_edit #members .users .ui-input.txt input {width: 50%; text-align: center;} #src_group #sub_edit #members ul {text-align: center; display: flex; flex-wrap: wrap; justify-content: center;} #src_group #sub_edit #members ul .exec span {display: none;} #src_group #sub_edit #members ul .exec {float: left; background: url(lib/images/ui-bg_glass_85_dfeffc_1x400.png) center; border: 2px solid #c5dbec; border-radius: 5px; margin: 0 5px;} #src_group #sub_edit #members ul .exec:hover {border-color: #79b7e7; background: url(header-bg.png)} #src_group #sub_edit #members ul .exec a {display: block; width: 20px; height: 20px; float: left;} #src_group #sub_edit #members ul .name {width: 140px; overflow: hidden; display: block; white-space: nowrap;} #src_group #sub_edit #members li {display: inline-block; text-align: left; border: 2px solid #a6c9e2; border-radius: 5px; margin: 1px; padding: 3px; width: 33%; min-width: 210px; box-sizing: border-box;} #src_group #sub_edit #members li .img {float: left; margin-right: 5px;} #src_group #sub_edit #members li .text {float: left; width: 145px;} #src_group #sub_edit #members li .actions {float: right;} #src_group #sub_edit #members .exec a[onClick*=group_member_block] {background: url(/icons/cross.png) no-repeat center;} #src_group #sub_edit #members .exec a[onClick*=group_member_remove] {background: url(/icons/delete.png) no-repeat center;} #src_group #sub_edit #members .exec a[onClick*=group_member_approve] {background: url(/icons/accept.png) no-repeat center;} #src_group #sub_edit #members .exec a[onClick*=group_admin_add] {background: url(/icons/award_star_add.png) no-repeat center;} #src_group #sub_edit #members .exec a[onClick*=group_admin_remove] {background: url(/icons/award_star_delete.png) no-repeat center;} #src_group #sub_edit #create_group .group_name input {width: 50%;} #src_group #sub_edit #create_group .description textarea {width: 50%;} #src_group #sub_edit #forums .label input {width: 50%;} #src_group #sub_edit #forums .description textarea {width: 50%;} @media (max-width:600px){ #src_group #sub_forum #forums {margin: 20px 0;} } /* ----- Lab ----- */ #src_lab #sub_overview #main_content {padding: 0 ;} #src_lab img.pet {border-radius: 5px; margin: 4px 0;} #src_lab #researched_species h3 {display: none;} #src_lab #researched_species {background: none; border: none;} #src_lab #researched_species fieldset legend {display: none;} #src_lab #researched_species .species {margin: 10px; width: 47%; float: left;} #src_lab #researched_species .species:nth-child(2n) {float: right;} #src_lab #researched_species .female {float: left; margin-right: 0px; padding: 0; border: none; background: none;} #src_lab #researched_species .male {float: right; margin-left: 0px; padding: 0; border: none; background: none;} #src_lab #researched_species .ui-progressbar {clear: both;} #src_lab #researched_species .description h4 {text-decoration: underline; font-size: 1.2em; letter-spacing: 1px; text-align: center;} #src_lab #researched_species .description p {text-align: center; height: 90px; overflow: auto;} #src_lab #researched_species .actions {margin-top: 5px; text-align: center; clear: both;} @media (max-width:730px) { #src_lab #researched_species .species {width: auto; float: none;} #src_lab #researched_species .description p {height: auto;} } #src_lab #unknown_species fieldset legend {display: none;} #src_lab #unknown_species .species {margin-top: 10px;} #src_lab #unknown_species .female {float: left; margin-right: 10px; padding: 0; border: none; background: none;} #src_lab #unknown_species .male {float: right; margin-left: 10px; padding: 0; border: none; background: none;} #src_lab #unknown_species .description h4 {text-decoration: underline; font-size: 1.2em; letter-spacing: 1px; text-align: center;} #src_lab #unknown_species .description p {text-align: center; min-width: 200px;} #src_lab #unknown_species .actions {margin-top: 5px; text-align: center;} #src_lab #unknown_species .progress {margin-top: 5px; text-align: center; clear: both;} #src_lab #species {background-color: #fff;} #src_lab #species fieldset legend {display: none;} #src_lab #species .navigate {text-align: center;} #src_lab #species .female {float: left; margin-right: 10px; padding: 0; border: none; background: none;} #src_lab #species .male {float: right; margin-left: 10px; padding: 0; border: none; background: none;} #src_lab #species .description {margin-top: 6px;} #src_lab #species .description h4 {text-decoration: underline; font-size: 1.2em; letter-spacing: 1px; text-align: center;} #src_lab #species .description p {text-align: center; min-width: 200px;} @media (max-width:450px) { #src_lab #species img {width: 150px; height: auto;} } @media (max-width:355px) { #src_lab img {max-width: 130px; height: auto;} } #src_lab .care_instructions legend {display: block !important;} #src_lab .care_instructions {clear: both;} #src_lab .care_instructions ul {padding-left: 20px;} #src_lab .care_instructions li {list-style: circle;} #src_lab .care_instructions li span {text-decoration: underline;} #src_lab .limited legend {display: block !important;} #src_lab #generator {width: 50%; text-align: center;} #src_lab #generator .cost {float: right; width: 20%; margin-left: 10px; text-align: center;} #src_lab #generator .cost .credits {font-size: 1.2em; line-height: 27px;} #src_lab #generator .gender .rdo input[value=Female] + label .ui-icon {background: url(/icons/female.png) no-repeat left center; display: inline-block !important;} #src_lab #generator .gender .rdo input[value=Male] + label .ui-icon {background: url(/icons/male.png) no-repeat left center; display: inline-block !important;} #src_lab #generator .colors {clear: both;} #src_lab #generator .colors fieldset {float: left; margin: 0px 5px 5px; } #src_lab #generator .colors .lock_color {float: none; text-align: center; clear: both;} #src_lab #generator .colors .clr {float: left; margin: 0px 5px;} #src_lab #generator .colors .rdo input[value=Red] + label .ui-icon {background: url(/icons/bullet_red.png) no-repeat left center; display: inline-block !important;} #src_lab #generator .colors .rdo input[value=Green] + label .ui-icon {background: url(/icons/bullet_green.png) no-repeat left center; display: inline-block !important;} #src_lab #generator .colors .rdo input[value=Blue] + label .ui-icon {background: url(/icons/bullet_blue.png) no-repeat left center; display: inline-block !important;} #src_lab #generator .precision {float: right; margin-left: 10px; text-align: center;} #src_lab #generator .precision var {font-size: 1.5em;} #src_lab #generator .actions .btn button[onclick*=generate] span {background: url(/icons/wand.png) no-repeat left center; padding-left: 20px !important;} #src_lab #generator .actions legend {display: none;} #src_lab #generator .actions {margin-top: 7px;} #src_lab #progress h3 {display: none;} #src_lab #progress {text-align: center;} #src_lab #progress button {margin-top: 10px;} #src_lab #levels {width: auto; margin-right: 0;} #src_lab #levels h3 {display: none;} #src_lab #levels .level {border: 2px solid #aaa; color: #aaa; border-radius: 5px; width: 120px; background: #fff; margin: 4px;} #src_lab #levels .level.researched {border-color: #000; color: #000;} #src_lab #levels .level.researching {background: #ffa;} #src_lab #levels .level .title {text-align: center; font-size: 1.1em; font-weight: bold;} #src_lab #levels .level .body {font-size: 0.8em; margin: 5px;} #src_lab #levels .level td {vertical-align: middle;} #src_lab #levels .level tr {border-top: 1px solid #aaa;} #src_lab #levels .level .c1 {text-align: right; white-space: nowrap;} #src_lab .gene {width: 56px; height: 56px; position: relative; background-color: #fff; border-radius: 5px;} #src_lab .gene .icon {border-color: #000;} #src_lab .gene .icon:hover {filter: none !important;} .icon.unknown {filter: opacity(50%) grayscale(100%);} #src_lab .gene .icon.unknown {filter: opacity(50%) grayscale(100%);} #src_lab .gene .icon.researching {border-color: #F00; /*filter: saturate(5);*/} #src_lab .gene .icon.disabled {border-color: #0F0;} #src_lab .gene .info {display: none; position: absolute; left: 48px; top: 0px; border: 2px solid #000; border-radius: 5px; background-color: #ffc; min-width: 110px; height: 52px; z-index: 100; font-size: 0.9em; padding: 0 4px 0 8px;} #src_lab .gene .info p {font-weight: bold; padding: 0; line-height: 14px; white-space: nowrap;} #src_lab .gene .info p span {padding-left: 5px;} #src_lab .gene .info td {line-height: 12px; white-space: nowrap;} #src_lab .gene:hover img {z-index: 200; position: relative; border-radius: 5px 0 0 5px;} #src_lab .gene:hover .info {display: block;} #src_lab #mutations {width: 75%;} #src_lab #mutations h3 {display: none;} #src_lab #mutations ul ul {border-left: 2px solid #F00; margin-top: -60px; margin-bottom: 56px;} #src_lab #mutations ul ul li {padding: 2px 0 0 60px; border-top: 2px solid #000; width: 0%; position: relative; top: 58px;} #src_lab #mutations .gene {top: -32px; right: 25px;} #src_lab #mutations form > ul {float: left; padding: 10px 0 10px 10px;} #src_lab #mutations form > ul > li {float: left; margin: 20px -20px 20px 15px; width: 240px;} #src_lab #mutations li.lvl3 {clear: left;} #src_lab #mutations li.lvl5 {clear: left;} #src_lab #instant {} #src_lab #instant h3 {display: none;} #src_lab #instant li {display: inline-block; margin: 3px;} #src_lab #visualizer .display {float: right; margin: 6px 0 0 6px; text-align: center; background: #fff;} /*#src_lab #visualizer .display img {width: 350px; height: 350px;}*/ #src_lab #visualizer .display legend {display: none;} #src_lab #visualizer .gender .rdo input[value=Female] + label .ui-icon {background: url(/icons/female.png) no-repeat left center; display: inline-block !important;} #src_lab #visualizer .gender .rdo input[value=Male] + label .ui-icon {background: url(/icons/male.png) no-repeat left center; display: inline-block !important;} #src_lab #visualizer fieldset fieldset {border-width: 2px 0 0 0; border-radius: 0; padding: 0 0 0 5px;} #src_lab #visualizer .colors .ui-input {margin: 2px;} #src_lab #visualizer .mutations {clear: both; text-align: center;} #src_lab #visualizer .mutations fieldset {text-align: left;} #src_lab #visualizer .mutations fieldset label {margin: 1px; padding: 0;} #src_lab #visualizer .mutations fieldset label span {padding: 0;} #src_lab #visualizer .mutations fieldset label span img {margin: 2px; border: none; padding: 0;} #src_lab #visualizer .mutations .ui-state-active {border-color: #e17009;} #src_lab #visualizer .actions {margin-top: 6px; text-align: center;} #src_lab #visualizer .actions legend {display: none;} @media (max-width:730px) { #src_lab #researched_species .species {width: auto; float: none;} #src_lab #researched_species .description p {height: auto;} #src_lab #generator {width: 100%;} #src_lab #levels {width: 100%;} #src_lab #mutations {width: 100%;} #src_lab #instant {width: 100%;} #src_lab #levels .level {display: block; width: auto;} #src_lab #visualizer .display {float: none; margin: 6px 0 0 0;} } /* ----- Adoption Center ----- */ #src_adoption_center #pets h3 {display: none;} #src_adoption_center #pets .actions legend {display: none;} #src_adoption_center #pets .actions {text-align: center; border-style: none none dotted; border-radius: 0; margin: 0 -10px; position: relative; top: -10px;} #src_adoption_center #pets ul {margin-top: -5px; text-align: center;} #src_adoption_center #pets li {display: inline-block; width: 100px; height: 100px; margin: 5px;} #src_adoption_center #pets li img {border: 2px solid #a6c9e2; border-radius: 10px;} #src_adoption_center #pets li img:hover {border-color: #79b7e7;} /* ----- Search ----- */ #src_search .search legend {display: none;} #src_search .search .txt input {padding: 5px; margin: 7px 0; width: 200px;} #src_search .search .sel select {padding: 4px; margin: 7px 4px;} #src_search .search select[name=SearchBy] {width: 100px;} #src_search .actions {margin-top: 8px; text-align: center;} #src_search .actions legend {display: none;} #src_search #pets li {display: inline;} #src_search #pets .select {text-align: center;} #src_search #pets .select img {margin: 2px; border-radius: 5px;} #src_search #pets .species {float: left; margin-right: 10px;} #src_search #pets .species legend {display: none;} #src_search #pets .species img {float: left; border-radius: 5px;} #src_search #pets .search .clr {float: left; margin: 4px;} #src_search #pets .search .sld {float: left; margin: 4px; width: 160px;} #src_search #pets .search select[name=Scope] {width: 180px;} #src_search #pets .badges {clear: both; text-align: center;} #src_search #pets .badges ul {overflow: auto; max-height: 195px;} #src_search #pets .badges label {margin: 1px; padding: 2px; border-radius: 20px; background: #fff;} #src_search #pets .badges label span {padding: 0;} #src_search #pets .badges label span img {margin: 2px; border: none; padding: 0; } #src_search #pets .badges .ui-state-active {border-color: #e17009;} #src_search #pets .visible_mutations {clear: both; text-align: center;} #src_search #pets .visible_mutations ul {overflow: auto; max-height: 195px;} #src_search #pets .visible_mutations label {margin: 1px; padding: 0;} #src_search #pets .visible_mutations label span {padding: 0;} #src_search #pets .visible_mutations label span img {margin: 2px; border: none; padding: 0;} #src_search #pets .visible_mutations .ui-state-active {border-color: #e17009;} #src_search #pets .limited_mutations {clear: both; text-align: center;} #src_search #pets .limited_mutations ul {overflow: auto; max-height: 195px;} #src_search #pets .limited_mutations label {margin: 1px; padding: 0;} #src_search #pets .limited_mutations label span {padding: 0;} #src_search #pets .limited_mutations label span img {margin: 2px; border: none; padding: 0;} #src_search #pets .limited_mutations .ui-state-active {border-color: #e17009;} #src_search #pets .mutations {clear: both; text-align: center;} #src_search #pets .mutations ul {overflow: auto; max-height: 195px;} #src_search #pets .mutations label {margin: 1px; padding: 0;} #src_search #pets .mutations label span {padding: 0;} #src_search #pets .mutations label span img {margin: 2px; border: none; padding: 0;} #src_search #pets .mutations .ui-state-active {border-color: #e17009;} #src_search .filter {clear: both;} #src_search .filter .ui-fieldset-body {display: flex; align-items: center; flex-wrap: wrap; justify-content: center;} #src_search .filter .chk input[value=Female] + label .ui-icon {background: url(/icons/female.png) no-repeat left center; display: inline-block !important;} #src_search .filter .chk input[value=Male] + label .ui-icon {background: url(/icons/male.png) no-repeat left center; display: inline-block !important;} #src_search .filter .chk input[name=ForBreed] + label .ui-icon {background: url(/icons/heart.png) no-repeat left center; display: inline-block !important;} #src_search .filter .chk input[name=ForBreed] + label {border-radius: 0 5px 5px 0;} #src_search .filter .chk input[name=ForTrade] + label .ui-icon {background: url(/icons/coins.png) no-repeat left center; display: inline-block !important;} #src_search .filter .chk input[name=ForAdopt] + label .ui-icon {background: url(/icons/house.png) no-repeat left center; display: inline-block !important;} #src_search .filter input[name=ForTradePrice] {width: 70px; margin-left: -2px; margin-right: 4px;} #src_search .filter input[name=ForBreedPrice] {width: 70px; margin-left: -2px; margin-right: 4px;} #src_search .filter .chk input[name=Likes] + label {margin-left: 5px;} #src_search .filter .chk input[name=SearchDead] + label {margin-left: 5px;} #src_search #results h3 {display: none;} #src_search #results ul {text-align: center;} #src_search #results li {display: inline-block; margin: 1px; text-align: left;} #src_search #results {background: #fff;} #src_search #results fieldset legend {display: none;} #src_search #results .pets {border: none; padding: 0; margin: 0;} #src_search #results .users {border: none; padding: 0; margin: 0;} #src_search #results .groups {border: none; padding: 0; margin: 0;} #src_search #results .projects {border: none; padding: 0; margin: 0;} #src_search #results .actions {text-align: center;} #src_search #results .groups li {border: 2px solid #a6c9e2; border-radius: 5px; float: left; margin: 2px 2px; padding: 3px; width: 98%;} #src_search #results .groups li .img {float: left; margin-right: 5px;} #src_search #results .groups li .text {float: left; width: 560px;} #src_search #results .groups .description {max-height: 70px; overflow: hidden;} #src_search #results .projects li {border: 2px solid #a6c9e2; border-radius: 5px; margin: 2px; width: 100%; box-sizing: border-box;} #src_search #results .projects .name {text-align: center; margin: 2px;} #src_search #results .projects .presentation {width: auto; margin: 2px 5px;} /* ----- Project ----- */ #src_projects .project.poster {width: 320px; height: 200px; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} #src_projects #projects h3 {display: none;} #src_projects #projects .filter legend {display: none;} #src_projects #projects .filter {text-align: center; border-style: none none dotted; border-radius: 0; float: left;} #src_projects #projects .filter .ui-fieldset-body{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center;} #src_projects #projects .filter .txt {margin-right: 3px;} #src_projects #projects .filter .txt input {width: 130px;} #src_projects #projects .filter .btn {display: none;} #src_projects #projects .actions legend {display: none;} #src_projects #projects .actions {border-style: none none dotted; border-radius: 0; text-align: right; white-space: nowrap; height: 44px;} #src_projects #projects .actions button {margin: 0;} #src_projects #projects ul {text-align: center;} #src_projects #projects ul li {margin: 2px; border: 2px solid #a6c9e2; border-radius: 10px; background-color: #fff; text-align: center; display: inline-block; background-color: #fff; } #src_projects #projects ul li:hover {border-color: #79b7e7;} #src_projects #projects ul li img {border-radius: 10px;} /*#src_projects #projects .ui-section-body {margin: 0;} #src_projects #projects table {table-layout: fixed;} #src_projects #projects tr {border-bottom: 1px solid #aaa;} #src_projects #projects td {vertical-align: middle;} #src_projects #projects td.c0 {width: 150px; border-right: 1px dotted #aaa !important;} #src_projects #projects .name {text-align: center;} #src_projects #projects .presentation {max-height: 130px; overflow: auto; margin: 2px 5px;}*/ #src_projects #projects .ui-section-body {margin: 0;} #src_projects #projects table {table-layout: fixed;} #src_projects #projects tr {border-bottom: 1px solid #aaa; background: #fff;} #src_projects #projects td {vertical-align: top;} #src_projects #projects td.c0 {width: 210px; border-right: 1px dotted #aaa !important;} #src_projects #projects div.name {text-align: center; border-bottom: 1px dotted #aaa; background-color: #eee;} #src_projects #projects .presentation {max-height: 400px; overflow: auto; margin: 2px 5px;} #src_projects #more h3 {display: none;} #src_projects #more {background: #fff; text-align: center;} #src_projects #register_project .minimum {width: 49%; display: inline-block; float: left;} #src_projects #register_project .maximum {width: 49%; display: inline-block; float: right;} #src_projects #project {text-align: center;} #src_projects #project .poster_pets legend {display: none;} #src_projects #project .poster_pets {display: inline-block; margin-bottom: 5px; background-color: #fff;} #src_projects #project .presentation legend {display: none;} #src_projects #project .presentation {min-height: 164px; text-align: left;} #src_projects #project .presentation textarea {min-height: 150px !important;} /*#src_projects #project .presentation {height: 164px; overflow: auto;} #src_projects #project .presentation textarea {height: 150px !important;}*/ #src_projects #project .project_rules {clear: both; text-align: left;} #src_projects #project .project_rules .ui-fieldset-body {display: flex; flex-wrap: wrap;} #src_projects #project .project_rules fieldset {margin: 0 3px; white-space: nowrap; flex-grow: 1;} #src_projects #project .project_rules ul {font-weight: bold;} #src_projects #project .project_rules ul li::before {content: '\2219'; color: #e00; font-size: 2em; line-height: 0px; position: relative; top: 3px; } #src_projects #edit_rules .minimum {width: 33%; display: inline-block; float: left; margin-right: 5px;} #src_projects #edit_rules .maximum {width: 33%; display: inline-block; float: left; margin-right: 5px;} #src_projects #edit_rules .set_breeding_fee .ui-input.chk {position: relative; top: 15px;} #src_projects #edit_rules .set_trading_price .ui-input.chk {position: relative; top: 15px;} #src_projects #poster_pets {text-align: center;} #src_projects #poster_pets .poster_pets legend {display: none;} #src_projects #poster_pets .poster_pets {display: inline-block; background-color: #fff;} #src_projects #poster_pets .poster_pets .ui-fieldset-body {width: 320px; height: 200px; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} #src_projects #poster_pets .origin_pets legend {display: none;} #src_projects #poster_pets .origin_pets {margin-top: 5px; background-color: #fff;} #src_projects #collaborators .ui-input.txt {width: 100%; text-align: center; display: block; margin-bottom: 3px;} #src_projects #collaborators .ui-input.txt input {width: 50%; text-align: center;} #src_projects #collaborators ul {text-align: center; display: flex; flex-wrap: wrap; justify-content: center;} #src_projects #collaborators ul .exec span {display: none;} #src_projects #collaborators ul .exec {float: left; background: url(lib/images/ui-bg_glass_85_dfeffc_1x400.png) center; border: 2px solid #c5dbec; border-radius: 5px; margin: 0 5px;} #src_projects #collaborators ul .exec:hover {border-color: #79b7e7; background: url(header-bg.png)} #src_projects #collaborators ul .exec a {display: block; width: 20px; height: 20px; float: left;} #src_projects #collaborators ul .name {width: 140px; overflow: hidden; display: block; white-space: nowrap;} #src_projects #collaborators li {display: inline-block; text-align: left; border: 2px solid #a6c9e2; border-radius: 5px; margin: 1px; padding: 3px; width: 33%; min-width: 210px; box-sizing: border-box;} #src_projects #collaborators li .img {float: left; margin-right: 5px;} #src_projects #collaborators li .text {float: left; width: 145px;} #src_projects #collaborators li .actions {float: right;} #src_projects #collaborators .exec a[onClick*=project_collaborator_remove] {background: url(/icons/delete.png) no-repeat center;} #src_projects #blocked ul {text-align: center; display: flex; flex-wrap: wrap; justify-content: center;} #src_projects #blocked ul .exec span {display: none;} #src_projects #blocked ul .exec {float: left; background: url(lib/images/ui-bg_glass_85_dfeffc_1x400.png) center; border: 2px solid #c5dbec; border-radius: 5px; margin: 0 5px;} #src_projects #blocked ul .exec:hover {border-color: #79b7e7; background: url(header-bg.png)} #src_projects #blocked ul .exec a {display: block; width: 20px; height: 20px; float: left;} #src_projects #blocked ul .name {width: 140px; overflow: hidden; display: block; white-space: nowrap;} #src_projects #blocked li {display: inline-block; text-align: left; border: 2px solid #a6c9e2; border-radius: 5px; margin: 1px; padding: 3px; width: 33%; min-width: 210px; box-sizing: border-box;} #src_projects #blocked li .img {float: left; margin-right: 5px;} #src_projects #blocked li .text {float: left; width: 145px;} #src_projects #blocked li .actions {float: right;} #src_projects #blocked .exec a[onClick*=project_block_remove] {background: url(/icons/delete.png) no-repeat center;} #src_projects #origin_pets ul {text-align: center;} #src_projects #origin_pets li {display: inline-block;} #src_projects #origin_pets li img {margin: 2px; border: 2px solid #a6c9e2; border-radius: 10px;} #src_projects #origin_pets li img:hover {border-color: #79b7e7;} #src_projects #project_pets h3 {display: none;} #src_projects #project_pets .ui-section-body {margin: 0;} #src_projects #project_pets .filter legend {display: none;} #src_projects #project_pets .filter {text-align: center; border-style: none none dotted; bdorder-radius: 0; float: left;} #src_projects #project_pets .filter .ui-fieldset-body{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center;} #src_projects #project_pets .actions legend {display: none;} #src_projects #project_pets .actions {border-style: none none dotted; margin-top: 0 !important; border-radius: 0; text-align: right !important; white-space: nowrap; height: 44px;} #src_projects #project_pets .actions button {margin: 0;} #src_projects #project_pets ul {text-align: center; margin: 5px;} #src_projects #project_pets li {display: inline-block;} #src_projects #project_pets li img {margin: 2px; border: 2px solid #a6c9e2; border-radius: 10px;} #src_projects #project_pets li img:hover {border-color: #79b7e7;} #src_projects #project_pets .more legend {display: none;} #src_projects #project_pets .more {text-align: center; margin: 5px;} #src_projects #retroactive_add ul {text-align: center;} #src_projects #retroactive_add li {display: inline-block;} #src_projects #retroactive_add li img {margin: 2px; border: 2px solid #a6c9e2; border-radius: 10px;} #src_projects #retroactive_add li img:hover {border-color: #79b7e7;} #src_projects #sub_project .actions legend {display: none;} #src_projects #sub_project .actions {text-align: center; margin-top: 5px;} #src_projects #likes h3 {display: none;} #src_projects #likes {border-bottom-width: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0;} #src_projects #likes legend {display: none;} #src_projects #likes .user.avatar {float: left; margin: 1px 1px 0 0;} #src_projects #likes .likes {min-height: 36px; padding: 0 0 1px 18px; background: url(like.png) no-repeat 4px center;} #src_projects #likes .likes button {margin: 1px 1px 0 0; width: 92px; height: 30px; float: left; border-style: dashed; background: #fff;} #src_projects #likes .actions {float: right; margin: 0 0 0 9px; padding: 3px; border: none; background: none;} #src_projects #likes .actions button[onclick*=fb] .ui-icon {background: url(icons/facebook.gif) no-repeat left center;} /* ----- Translations ----- */ #src_translations .actions {text-align: center;} #src_translations .actions legend {display: none;} #src_translations #suggestions td.c1, #src_translations #ignore td.c1, #src_translations #unused td.c1 {width: 20%; text-align:center; white-space: nowrap;} #src_translations #translations .c0 {width: 30px;} #src_translations #translations .c1 {width: 30px;} #src_translations #translations .c3 {width: 10%; text-align: right; white-space: nowrap;} #src_translations #translations .c4 {width: 5%; text-align: right; white-space: nowrap;} #src_translations #translations td.c1 {font-size: 1.2em; width: 20%;} #src_translations #translations td {padding: 1px 2px; vertical-align: middle; text-align: center;} #src_translations .ui-tabs-nav li:last-child {float: right !important;} #src_translations #sub_edit table td {vertical-align: middle; padding: 1px;} #src_translations #sub_edit table .c0 {width: 50%;} #src_translations #sub_edit table .c1 textarea {width: 100%; height: 30px; padding: 5px 2px; vertical-align: middle;} #src_translations #sub_edit table .c2 {width: 6%; text-align: center; white-space: nowrap;} #src_translations #sub_edit table tr:nth-child(even) {background-color: #eef;} #src_translations #sub_edit table .c0 div {color: #888; font-size: 0.8em; font-style: italic;} #src_translations #sub_edit table .c1 p {color: #888; font-size: 0.8em; float: left;} #src_translations #sub_edit table .c1 .exec {font-size: 0.8em; float: right;} #src_translations #sub_edit table .actions {display: none; padding: 0; border: 0; background: none; text-align: right;} #src_translations #sub_edit table .actions legend {display: none;} #src_translations #sub_edit table tr:hover .actions {display: block;} #src_translations #sub_edit #log .c0 {width: 5%;} #src_translations #sub_edit #log .c1 {width: 10%;} #src_translations #sub_edit #log .c2 {width: 65%; text-align: left; white-space: pre-wrap;} #src_translations #sub_edit #log .c3 {width: 15%; text-align: center; white-space: nowrap;} #src_translations #sub_edit #log .c4 {width: 15%; text-align: center; white-space: nowrap;} #dialog .condition input {width: 150px; margin: 0 3px;} #dialog .condition select[name*=Meta] {width: 120px; margin: 0 3px;} #overlay .text_to_translate div.parsed_txt {color: #888; font-size: 0.8em; font-style: italic;} #overlay .text_to_translate p {color: #888; font-size: 0.8em; font-style: italic;} /* ----- Admin ------ */ #src_admin .actions {clear: both; margin-top: 7px; width: 100%;} #src_admin .actions legend {display: none;} #src_admin .search .ui-input {display: inline-block;} #src_admin #toolbox {text-align: center;} #src_admin #species .select select {width: auto;} #src_admin #species .name {width: 31%; float: left; margin-right: 5px;} #src_admin #species .availability {width: 31%; float: left;} #src_admin #species .description {clear: both;} #src_admin #species .description textarea {height: 100px;} #src_admin #species .research_cost {width: 22%; float: left; margin-right: 5px; clear: left;} #src_admin #species .generator_cost {width: 22%; float: left; margin-right: 5px;} #src_admin #species .gender_splice_cost {width: 22%; float: left;} #src_admin #species .dna_profile_cost {width: 23%; float: right;} #src_admin #species .breeding_wait {width: 22%; float: left; margin-right: 5px; clear: left;} #src_admin #species .turn_egg_wait {width: 22%; float: left;} #src_admin #species .feed_until {width: 23%; float: right;} #src_admin #species .research_time_species {width: 22%; float: left; margin-right: 5px; clear: left;} #src_admin #species .research_time_genes {width: 22%; float: left; margin-right: 5px;} #src_admin #species .generator_precision {width: 22%; float: left;} #src_admin #species .level_up_cost {width: 23%; float: right;} #src_admin #species .limited {clear: both;} #src_admin #species .limited textarea {height: 50px;} #src_admin #species .icon input {width: 80%; margin: 13px 0;} #src_admin #species .icon img {float: left} #src_admin #species .female {text-align: center; width: 325px; float: left; } #src_admin #species .male {text-align: center; width: 325px; float: right;} #src_admin #species .female img {float: left;} #src_admin #species .male img {float: right;} #src_admin #species .result {width: 300px; height: 300px;} #src_admin #species .result .full {display: none;} #src_admin #species .result:hover .full {display: block;} #src_admin #species .result:hover .gene {display: none;} #src_admin #users .are textarea {height: 40px;} #src_admin #payments .amount {text-align: right; padding: 0 10px;} #src_admin #payments .payout {text-align: right; padding: 0 10px;} #src_admin #payments .tpages legend {display: none;} #src_admin #payments .tpages {height: 20px; padding: 0; border-radius: 0; border-width: 0 0 2px 0;} #src_admin #payments .bpages legend {display: none;} #src_admin #payments .bpages {height: 20px; padding: 0; border-radius: 0; border-width: 2px 0 0 0;} #src_admin #faq .are textarea {height: 200px;} #src_admin #achievements .icon {float: right; text-align: center; margin-left: 5px; height: 190px; width: 120px;} #src_admin #achievements .icon img {display: block; margin: 10px;} #src_admin #achievements .set {float: left; width: 40%; margin-right: 5px;} #src_admin #charities .are textarea {height: 200px;} #src_admin #charities .name {float: left; width: 45%; margin-right: 5px;} #src_admin #adtags .are textarea {height: 200px;} #src_admin #adtags .provider {float: left; width: 48%; margin-right: 5px;} #src_admin #adtags .active {float: left; margin-right: 5px;} #src_admin #adtags .spot {float: left; margin-right: 5px;} #src_admin #adtags .size {float: left; margin-right: 5px;} #src_admin #adtags .target_gender {float: left; margin-right: 5px; clear: left;} #src_admin #adtags .target_country {float: left; margin-right: 5px;} #src_admin #adtags .tag {clear: both;} #src_admin #adtracker .campaigns table tr:last-child td {border-top: 1px solid; font-weight: bold;} #src_admin #mutation_toggle li {display: inline-block; margin: 1px;} #src_admin #mutation_toggle li img {vertical-align: middle;} #src_admin #stickers_toggle li {display: inline-block; margin: 1px;} #src_admin #stickers_toggle li img {vertical-align: middle;} #src_admin #manage_translations td {vertical-align: middle;} #src_admin #manage_translations .c0 {width: 50%;} #src_admin #manage_translations .c1 textarea {width: 100%; vertical-align: middle;} #src_admin #manage_translations .c2 {width: 6%; text-align: center; white-space: nowrap;} #src_admin #calendars .artwork {float: right; text-align: center; margin-left: 5px;} #src_admin #calendars .artwork .ui-input {display: block;} #src_admin #calendars .boxes {clear: both;} #src_admin #calendars .boxes td {vertical-align: middle; border-bottom: 1px solid; padding: 2px;} #src_admin #calendars .boxes .ui-input {margin: 1px 0;} #src_admin #calendars .boxes .ui-input.dte {display: inline-block; width: 50%;} #src_admin #calendars .boxes .calendar_box {width: 100px; height: 100px; font-size: 0.6em;} #src_admin #calendars .boxes .c1 {background-color: #aaa;} #src_admin #online h3 {display: none;} #src_admin #online {border: none; margin: -20px 0 1px; width: 100%;} #src_admin #online .ui-section-body {margin: 0;} #src_admin #online li {margin: 1px 0 0 1px; float: left;} /* ----- Help -----*/ #sub_faq #faq .select {border-width: 0 0 2px 0; border-radius: 0; border-style: dotted; margin: 0 -10px -10px; top: -10px; position: relative; padding: 15px 10px; font-size: 1.2em;} #sub_faq #faq .select legend {display: none;} #sub_faq #faq .select .ui-fieldset-body {display: flex;} #sub_faq #faq .select .ui-input {margin: 2px;} #sub_faq #faq ul {margin: 0; padding: 0;} #sub_faq #faq li {border-bottom: 1px dashed #aaa; margin: 0 0; padding: 20px 10px; list-style: none;} #sub_faq #faq .question {font-weight: bold; font-size: 1.1em; margin-bottom: 10px;} #sub_charities .promopic {float: right; margin: 7px 0 0 5px; padding: 2px;} #sub_charities .promopic legend {display: none;} #sub_charities .promopic img {width: 400px; vertical-align: middle; max-width: 100%;} #sub_charities .funds_raised p {font-size: 1.4em; font-weight: bold;} #sub_charities .website a {font-size: 1.1em;} #sub_charities .achievement img {float: left; margin: -7px 4px -2px -2px;} #sub_charities .achievement .title {font-weight: bold; margin-top: -4px;} #sub_charities .achievement .description {font-size: 0.9em; line-height: 1.4em;} #sub_charities .information {clear: both;} #sub_charities .information img {float: right;} /* ----- Calendar ----- */ .calendar_box {position: relative; background: url(glass.png) repeat-x center; background-color: rgba(0,0,0,0.5); border: 2px solid #FFF; border-radius: 10px;} .calendar_box .box_content {position: absolute; left: 0; top: 0; margin: 25%; width: 50%;} .calendar_box .box_content .icon {margin: -3px; box-shadow: 0 0 10px 1px #000; position: relative; z-index: 10;} .calendar_box .box_amount {position: absolute; left: 0; right: 0; bottom: 0; font-weight: bold; color: #fff; text-align: center;} .calendar_box .box_label {position: absolute; right: 0; top: 0; font-weight: bold; color: #fff; padding: 0 2px;} #sub_calendar #main_content {padding: 0;} #sub_calendar #calendar {border: 0; border-radius: 0; background: none; margin: 0;} #sub_calendar #calendar .ui-section-body {margin: 0;} #sub_calendar #calendar img.calendar {max-width: 100%; height: auto;} #sub_calendar #calendar img.icon {max-width: 100%; height: auto;} #sub_calendar #calendar ul {position: absolute; top: 0%; left: 0; right: 0; font-size: 1.2em;} #sub_calendar #calendar li {display: inline-block; width: 20%; padding-bottom: 14%; position: relative;} #sub_calendar #calendar .ui-input.exec a {border: 2px dotted #000; opacity: 0.5; font-weight: bold; border-radius: 10px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 5% 20%; text-align: right; padding: 0 2px; font-style: italic;} /*#sub_calendar #calendar ul {position: absolute; top: 5%; left: 0; right: 0; font-size: 1.2em;} #sub_calendar #calendar li {display: inline-block; width: 20%; padding-bottom: 20%; position: relative;} #sub_calendar #calendar .ui-input.exec a {border: 2px dotted #000; opacity: 0.5; font-weight: bold; border-radius: 10px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 15%; text-align: right; padding: 0 2px; font-style: italic;}*/ #sub_calendar #calendar .ui-input.exec a:hover {border: 2px solid #000; background: url(glass.png) repeat-x center; background-color: rgba(255,255,255,0.5); opacity: 1; color: #000; font-weight: bold; font-style: normal;} #sub_calendar #calendar .calendar_box {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 5% 20%;} @media (max-width:650px){#sub_calendar #calendar ul {font-size: 1em;}} @media (max-width:550px){#sub_calendar #calendar ul {font-size: 0.8em;}} /* ----- Legal ----- */ #src_legal .ui-section p {padding: 5px 2px;} #src_legal .ui-section ul {padding-left: 20px;} #src_legal .ui-section ul li {list-style-type: circle;} #src_legal a {color: #00a;} #src_legal #iohaze {float: left; width: 15%;} #src_legal #iohaze h3 {display: none;} #src_legal #iohaze img {float: left;} #src_legal #contact_us {float: right; width: 83%;} #src_legal #phone_numbers {float: right; width: 40%;} #src_legal #company_address {float: left; width: 40%; margin-left: 15px;} #src_legal #powered_by {text-align: center;} #src_legal #powered_by img {margin: 10px 27px;} /* ----- Logs ----- */ #src_logs .search .ui-input {display: inline-block;} #src_logs #log .search .ui-input.txt {width: 100px;} #src_logs #log .search .ui-input.dte {width: 80px;} #src_logs #log .commands {width: 49.5%; float: left;} #src_logs #log .users {width: 49.5%; float: right;} #src_logs #log .c5 p{overflow: hidden; height: 15px; width: 50px; font-family: monospace; white-space: pre;} #src_logs #log .c5 p:hover {overflow: visible; height: auto; width: auto; position: absolute; left: 5px; right: 5px; border: 1px solid; background: #fff;} /* ----- Images ----- */ #src_images #images h3 {display: none;} #src_images #images .ui-section-body {margin: 0px; text-align: center;} #src_images #images img.external {max-width: 150px;} #src_images #images .filter legend {display: none;} #src_images #images .filter {text-align: center; border-style: none none dotted; border-radius: 0; float: left;} #src_images #images .filter .ui-fieldset-body{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center;} #src_images #images .filter .txt {margin-right: 3px;} #src_images #images .filter .txt input {width: 300px;} #src_images #images .actions legend {display: none;} #src_images #images .actions {border-style: none none dotted; border-radius: 0; text-align: right; white-space: nowrap; height: 44px; width: auto; clear: none; margin-top: 0;} #src_images #images ul {display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center;} #src_images #images li {display: inline-block; border: 2px solid #aaa; margin: 2px; padding: 2px;} #src_images #images li:hover {border-color: #00f;} #src_images #more h3 {display: none;} #src_images #more {background: #fff; text-align: center;} #overlay .details {text-align: left;} /* ----- Layers ----- */ #src_layers .ui-input.chk .ui-state-active, #src_layers .ui-input.rdo .ui-state-active {border-color: #e17009;} #src_layers #navigation h3 {display: none;} #src_layers #navigation .ui-section-body {margin-top: 5px;} #src_layers #navigation .ui-section-body form {display: flex; font-size: 2em;} #src_layers #navigation .group {width: 25%; position: relative;} #src_layers #navigation .group a {overflow: hidden; white-space: nowrap; display: block; margin: 0 5px;} #src_layers #navigation .group:last-child {width: 50%;} #src_layers #navigation .group:hover ul {display: block;} #src_layers #navigation ul {display: none; max-height: 300px; overflow: auto; border: 2px solid; position: absolute; z-index: 100; top: 30px; left: 0; /*right: 0;*/ background: #fff; font-size: 0.8em;} #layers li {display: inline-block; position: relative;} #layers li table {display: none; width: auto; border: 2px solid #fff; background-color: rgba(0,0,0,0.4); color: #fff; text-align: center; position: absolute; top: 40px; bottom: 40px; left: 40px; right: 40px;} #layers li:hover table {display: block;} #layers li .ui-input.chk {position: absolute; z-index: 100; top: 5px; left: 5px; right: 5px; text-align: center;} #src_layers img {display: inline-block; border: 2px solid #000; position: relative; margin: 1px; background: #fff url(checkerd.10.png);} #src_layers img:hover {background-color: #ddd; border: 2px solid #F00;} #src_layers .ui-input.rdo, #src_layers .ui-input.chk {white-space: nowrap;} #src_layers #variations li {display: inline-block;} #src_layers #projects ul {display: flex; flex-flow: row wrap; justify-content: space-between;} #src_layers #projects li {display: flex; align-items: center; width: 33%;} #src_layers #projects li {border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; margin: -1px 0 0 0;} #src_layers #projects li .group {width: 100%; text-align: center;} #src_layers #projects li:hover {background: #eee;} #src_layers #projects li a {font-weight: bold;} #src_layers #projects li table {width: auto; text-align: left; white-space: nowrap; overflow: hidden; margin: 5px 5px 0;} #src_layers #projects li table td {padding: 0 10px;} #src_layers #projects li table tr:nth-child(3) {display: none;} #src_layers #set_groups section ul {display: flex; flex-flow: row wrap; justify-content: space-between;} #src_layers #set_groups section li {display: flex; align-items: center; width: 50%;} #src_layers #set_groups section li {border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; margin: -1px 0 0 0;} #src_layers #set_groups section li .group {width: 100%; text-align: center;} #src_layers #set_groups section li:hover {background: #eee;} #src_layers #set_groups section li a {font-weight: bold;} #src_layers #set_groups section li table {width: auto; text-align: left; white-space: nowrap; overflow: hidden; margin: 5px 5px;} #src_layers #set_groups section li table td {padding: 0 10px;} #src_layers #loose_layers ul {display: flex; flex-flow: row wrap; justify-content: space-between;} #src_layers #loose_layers li {display: flex; align-items: center; width: 50%;} #src_layers #loose_layers li {border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; margin: -1px 0 0 0;} #src_layers #loose_layers li .group {width: 100%; text-align: center;} #src_layers #loose_layers li:hover {background: #eee;} #src_layers #loose_layers li a {font-weight: bold;} #src_layers #loose_layers li table {width: auto; text-align: left; white-space: nowrap; overflow: hidden; margin: 5px 5px;} #src_layers #loose_layers li table td {padding: 0 10px;} #src_layers #layers td.c0 {display: flex; align-items: center;} #src_layers #layers td.c0:hover {background: #eee;} #src_layers #layers .group {width: 100%; text-align: center;} #src_layers #layers .group a {font-weight: bold;} #src_layers #layers .group table {margin: 5px 5px;} #src_layers #layers td table td {padding: 0 10px; text-align: left;} #src_layers #layers table table td.c0 {display: table-cell;} #src_layers #layers table table td.c0:hover {background: none;} #src_layers #layers table tr {border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; margin: 1px 0;} #src_layers #layers table tr tr {border: none;} #src_layers #layers td {vertical-align: middle;} #src_layers #thumbnail .group {position: relative; display: inline-block; border: 2px solid #000; overflow: hidden;} #src_layers #thumbnail .group:hover {border-color: #F00;} #src_layers #thumbnail img {border: 0;} #src_layers #thumbnail img:hover {border: none;} #src_layers #thumbnail .area {border: 1px solid #000; position: absolute; box-shadow: 0 0 1000px 1000px rgba(0,0,0,0.5);} #src_layers #thumbnail .area:hover {border-color: #F00;} #src_layers #tattoo .group {position: relative; display: inline-block; border: 2px solid #000; overflow: hidden;} #src_layers #tattoo .group:hover {border-color: #F00;} #src_layers #tattoo img {border: 0;} #src_layers #tattoo img:hover {border: none;} #src_layers #tattoo .area {border: 1px solid #000; position: absolute; box-shadow: 0 0 1000px 1000px rgba(0,0,0,0.5);} #src_layers #tattoo .area:hover {border-color: #F00;} #src_layers .select .ui-input.txt {display: inline-block; float: right;} #src_layers .select {margin-bottom: 5px;} #src_layers .actions legend {display: none;} #src_layers .actions {text-align: center; margin-top: 5px; clear: both;} #src_layers #display .image {float: left; border: none;} #src_layers #display .image legend {display: none;} #src_layers #tattoo .image {float: left; border: none;} #src_layers #tattoo .image legend {display: none;} #src_layers #thumbnail .image {float: left; border: none;} #src_layers #thumbnail .image legend {display: none;} #sub_set #display .image img:first-child {display: none;} #sub_set #display .image:hover img:first-child {display: block;} #sub_set #display .image:hover img:last-child {display: none;} .replace_colors .ui-input.chk label {width: 64px; white-space: nowrap; text-align: left;} #src_challenges .actions legend {display: none;} #src_challenges #details {flex: 1; min-width: 300px; text-align: center;} #src_challenges #details p:first-child {font-size: 1.4em;} #src_challenges #details .ui-progressbar {margin: 5px 0;} #src_challenges #details h3 {display: none;} #src_challenges #details .parsed_txt {margin: 15px 5px; font-size: 1.1em;} #src_challenges #banner {border: none; background: none; min-width: 300px; flex: 1; } #src_challenges #banner .ui-section-body {margin: 0; text-align: center;} #src_challenges #banner h3 {display: none;} #src_challenges #goal {border: none; background: none; min-width: 300px; flex: 1; } #src_challenges #goal .ui-section-body {margin: 0; text-align: center;} #src_challenges #goal h3 {display: none;} #src_challenges #goal .species {display: inline-block; position: relative; background: none; border: none;} #src_challenges #goal .species legend {display: none;} #src_challenges #goal .mutations {display: inline-block; position: absolute; top: 0px; right: 0px; background-color: rgba(255,255,255,0.8);} #src_challenges #goal .mutations legend {display: none;} #src_challenges #goal .mutations li {margin: 2px;} #src_challenges #reward_tiers h3 {display: none;} #src_challenges #reward_tiers .ui-section-body {text-align: center; } #src_challenges #reward_tiers li {display: inline-block; font-weight: bold; white-space: nowrap; margin: 2px 15px;} #src_challenges #reward_tiers li .age {vertical-align: middle;} #src_challenges #reward_tiers li .icon {width: 30px; height: 30px;} #src_challenges #reward_tiers .tiers {border: none; background: none;} #src_challenges #reward_tiers .tiers > legend {display: none;} #src_challenges #reward_tiers .tiers .ui-fieldset legend {text-align: center; font-weight: bold; font-size: 1.1em; color: inherit;} #src_challenges #reward_tiers .tiers .ui-fieldset {display: inline-block; width: auto; margin: 1px 5px; min-width: 300px; border-width: 3px;} #src_challenges #reward_tiers .tiers .ui-fieldset .ui-fieldset-body {color: #000;} /*#src_challenges #reward_tiers .tiers .ui-fieldset li {background-color: rgba(255,255,255,0.5); padding: 3px 5px; border-radius: 5px;}*/ #src_challenges #description h3 {display: none;} #src_challenges #description{ font-size: 1.2em;} #src_challenges #description .description legend {display: none;} #src_challenges #description .description {background: none; border: none; } #src_challenges #entries h3 {display: none;} #src_challenges #entries .filter legend {display: none;} #src_challenges #entries .filter {text-align: center; border-style: none none dotted; border-radius: 0;} #src_challenges #entries .filter .ui-fieldset-body{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center;} #src_challenges #entries .filter .txt {margin-right: 3px;} #src_challenges #entries .filter .txt input {width: 130px;} #src_challenges #entries .filter .controlgroup {width: 100%;} #src_challenges #entries .actions legend {display: none;} #src_challenges #entries .actions {border-style: none none dotted; border-radius: 0; text-align: right; white-space: nowrap; height: 44px;} #src_challenges #entries .ui-section-body {margin: 0;} #src_challenges #entries ul {text-align: center; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; width: 100%;} #src_challenges #entries.submit_image ul {text-align: center; display: block; column-count: 3; column-gap: 0;} @media (max-width:500px) {#src_challenges #entries.submit_image ul {column-count: 2;}} #src_challenges #entries.submit_text ul {text-align: center; display: block; column-count: 2; column-gap: 0;} @media (max-width:500px) {#src_challenges #entries.submit_text ul {column-count: 1;}} #src_challenges #entries li {display: inline-block;} #src_challenges #entries .entry {margin: 2px; border: 3px solid #aaa; border-radius: 10px; float: left; max-width: 330px; background-color: #fff;} #src_challenges #entries .entry img {border-radius: 5px; } #src_challenges #entries .entry.pending {border-color: #aa0; background-color: #eea;} #src_challenges #entries .entry.accepted {border-color: #0a0; background-color: #aea;} #src_challenges #entries .entry.rejected {border-color: #a00; background-color: #eaa;} #src_challenges #entries .entry.loser {border-color: #0a0; background-color: #aea; filter: grayscale(1);} #src_challenges #entries .entry.winner {border-color: #0aa; background-color: #aee;} /*#src_challenges #entries .entry {position: relative;}*/ #src_challenges #entries .entry.image {padding: 2px;} #src_challenges #entries .entry.pet {padding: 2px;} #src_challenges #entries .entry.user a {margin: 2px;} #src_challenges #entries .entry.text {padding: 2px;} #src_challenges #entries .entry .text {margin: 10px; text-align: left; font-size: 1.1em; white-space: pre-wrap; min-width: 305px;} #overlay .entry .text {white-space: pre-wrap; font-size: 1.2em; padding: 10px; text-align: left; max-height: 400px; overflow: auto;} /*#src_challenges #entries .entry.image .image {height: 200px;}*/ #src_challenges #entries .entry.image .image {width: 220px; background-color: #fff;} #src_challenges #entries .entry .submitter {border-bottom: 2px solid #aaa; width: 100%; margin-bottom: 2px; /*position: absolute; top: 1px; left: 2px;*/ text-align: left; overflow: hidden; white-space: nowrap;} #src_challenges #entries .entry.pending .submitter {border-color: #aa0;} #src_challenges #entries .entry.accepted .submitter {border-color: #0a0;} #src_challenges #entries .entry.rejected .submitter {border-color: #a00;} #src_challenges #entries .entry.winner .submitter {border-color: #0aa;} #src_challenges #entries .entry .submitter .avatar {float: left; margin: 1px 5px 1px 0px;} #src_challenges #entries .entry .submitter .name {display: block; margin-bottom: -2px; margin-right: -20px;} #src_challenges #entries .entry .submitter .age {display: block;} #src_challenges #more h3 {display: none;} #src_challenges #more {background: #fff; text-align: center;} #src_challenges #login_bonus .ui-progressbar {display: table-cell; line-height: 23px;} #src_challenges #login_bonus .btn {display: table-cell; white-space: nowrap; vertical-align: middle;} #src_challenges #create fieldset {text-align: center;} #src_challenges #create legend {display: none;} #src_challenges #create .actions {margin-bottom: 7px;} #src_challenges #create li {display: inline-block; margin: 2px;} #src_challenges #challenges {border: none; background: none;} #src_challenges #challenges .ui-section-body {margin: 0; text-align: center;} #src_challenges #challenges h3 {display: none;} #src_challenges #challenges form > ul {display: flex; flex-wrap: wrap; justify-content: center; } #src_challenges #challenges form > ul > li {margin: 10px; flex: 1;} #src_challenges #challenges li a:hover fieldset {border-color: #79b7e7;} #src_challenges #challenges .challenge {width: 100%;} #src_challenges #challenges .challenge .parsed_txt {margin: 12px 3px; font-size: 1.1em;} #src_challenges #challenges .challenge legend {display: none;} #src_challenges #challenges .challenge .ui-progressbar {margin: 5px 0;} #src_challenges #challenges .challenge.completed .challenge {filter: opacity(50%) grayscale(100%);} #src_challenges #challenges .challenge.completed .challenge:hover {filter: none;} #src_challenges .tier_1 {color: #0aa !important; border-color: #0aa !important; background-color: #aee !important;} #src_challenges .tier_1 .submitter {border-color: #0aa !important;} #src_challenges .tier_2 {color: #0a0 !important; border-color: #0a0 !important; background-color: #aea !important;} #src_challenges .tier_2 .submitter {border-color: #0a0 !important;} #src_challenges .tier_3 {color: #aa0 !important; border-color: #aa0 !important; background-color: #eea !important;} #src_challenges .tier_3 .submitter {border-color: #aa0 !important;} #src_challenges .tier_4 {color: #a0a !important; border-color: #a0a !important; background-color: #eae !important;} #src_challenges .tier_4 .submitter {border-color: #a0a !important;} #src_challenges .tier_5 {color: #00a !important; border-color: #00a !important; background-color: #aae !important;} #src_challenges .tier_5 .submitter {border-color: #00a !important;} #src_challenges .tier_6 {color: #0aa !important; border-color: #0aa !important; background-color: #aee !important;} #src_challenges .tier_6 .submitter {border-color: #0aa !important;} #src_challenges .tier_7 {color: #0a0 !important; border-color: #0a0 !important; background-color: #aea !important;} #src_challenges .tier_7 .submitter {border-color: #0a0 !important;} #src_challenges .tier_8 {color: #aa0 !important; border-color: #aa0 !important; background-color: #eea !important;} #src_challenges .tier_8 .submitter {border-color: #aa0 !important;} #src_challenges .tier_9 {color: #a0a !important; border-color: #a0a !important; background-color: #eae !important;} #src_challenges .tier_9 .submitter {border-color: #a0a !important;} #src_challenges .tier_10 {color: #00a !important; border-color: #00a !important; background-color: #aae !important;} #src_challenges .tier_10 .submitter {border-color: #00a !important;} /*#src_challenges #challenges .challenge.raffle .challenge {background-color: #ff0;} #src_challenges #challenges .challenge.mutation_bingo .challenge {background-color: #c300ff;} #src_challenges #challenges .challenge.custom .challenge {background-color: #0031ff;} #src_challenges #challenges .challenge.pet_of_the_week .challenge {background-color: #1dff00;}*/ /*#sub_inventory #splices li .quantity {position: absolute; top: 18px; right: 2px; left: 2px; text-align: center; border: 0px solid #ccc; border-radius: 0px; background-color: rgba(255,255,255,0.5); font-weight: bold; font-size: 0.9em;}*/ #sub_inventory #overview h3 {display: none;} #sub_inventory #overview ul {text-align: center;} #sub_inventory #overview li {display: inline-block; font-weight: bold; white-space: nowrap; margin: 2px 15px;} #sub_inventory #overview li .age {vertical-align: middle;} #sub_inventory .ui-tabs .ui-section {margin: 0;} #sub_inventory .ui-tabs .ui-section-body {margin: 5px 0;} #sub_inventory .filter legend {display: none;} #sub_inventory .filter {text-align: center; border-style: none none dotted; border-radius: 0; margin-bottom: 5px;} #sub_inventory .filter .ui-fieldset-body{ display: flex; align-items: center; flex-wrap: wrap; justify-content: center;} #sub_inventory .filter .txt {margin-right: 3px;} #sub_inventory .filter .txt input {width: 130px;} /*#sub_inventory .ui-tabs-tab:last-child {float: right;}*/ #sub_inventory .ui-section .items {border-radius: 0; border-width: 2px 0 0 0; background: none;} #sub_inventory .ui-section ul {text-align: center;} #sub_inventory .ui-section li {display: inline-block; position: relative; margin: 2px;} #sub_inventory .ui-section ul button {border: none; margin: 0; padding: 0;} /*#sub_inventory .ui-section li .icon {width: 44px; height: 44px;}*/ #sub_inventory .ui-section li .background {border: 2px solid #ccc; padding: 2px; border-radius: 5px;} #sub_inventory .ui-section li .quantity {color: #000; position: absolute; top: 0px; right: 0px; text-align: center; border: 2px solid #ccc; border-radius: 0 5px; background-color: rgba(255,255,255,0.7); font-weight: bold; font-size: 0.8em; padding: 0 2px;} #sub_inventory #splices li .credits {color: #000; position: absolute; top: 0px; right: 0px; text-align: center; border: 2px solid #ccc; border-radius: 0 5px; background-color: rgba(255,255,255,0.7); font-weight: bold; font-size: 0.8em; padding: 0 2px;} #sub_inventory #stickers li .credits {color: #000; position: absolute; top: 0px; right: 0px; text-align: center; border: 2px solid #ccc; border-radius: 0 5px; background-color: rgba(255,255,255,0.7); font-weight: bold; font-size: 0.8em; padding: 0 2px;} #sub_inventory #backgrounds li .ui-input p {position: absolute; left: 4px; right: 4px; top: 42px; background: rgba(0,0,0,0.5); color: #fff; font-size: 1.5em;} #src_admin #backgrounds .group {position: relative; display: inline-block; border: 2px solid #000; overflow: hidden;} #src_admin #backgrounds .group:hover {border-color: #F00;} #src_admin #backgrounds img {border: 0;} #src_admin #backgrounds img:hover {border: none;} #src_admin #backgrounds .area {border: 1px solid #000; position: absolute; box-shadow: 0 0 1000px 1000px rgba(0,0,0,0.5);} #src_admin #backgrounds .area:hover {border-color: #F00;} #guidelines li {list-style-type: disc; margin: 5px 15px;}