Skip to content

goatlings: Moth vibes by koney

Write a review Install Get Stylus

Details

Authorkoney

LicenseNo License

Categorygoatlings.com

Created

Updated

Size20 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

pink moth theme

Notes

credits to hellitis for most of the code i simply edited some things

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name       test
@version    20240820.22.29
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://www.goatlings.com/") {
/*main css*/
body {
    margin: 0;
    background: url("https://i.imgur.com/cMePh0c.png");
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #000;
}

table,
tr,
td {
    font-size: 12px;
}



#wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 940px;
    background: #fff;
}

#sidebar {
    position: relative;
    float: left;
    margin-right: 30px;
    width: 100px;
    padding: 5px;
}

#content {
    position: relative;
    float: left;
    background: #ead3c7;
    width: 760px;
    border-radius: 4px 4px 4px 4px;
    margin: 5px;
    padding: 10px;
    min-height: 500px;
}

.reset {
    clear: both;
}

.navlink {
    margin: 2px;
}

#user-info {
    float: left;
    width: 500px;
}

#user-info-points {
    float: right;
}

#user-info-wrap {
    padding: 10px;
}

#header img[src*="GoatlingsHeader.jpg"] {
    width: 0px;
    height: 0px;
    padding-left: 940px;
    padding-top: 125px;
    background: url("https://i.imgur.com/hOmIJDt.png") top left no-repeat !important;
}

.search-mid {
    background: url("../images/layout/search_m.png");
    width: 128px;
    color: #ead3c7;
    text-align: center;
}

#footer {
    text-align: center;
    padding: 5px;
}

.small-text {
    font-size: 10px;
}

a {
    text-decoration: none;
    color: #ac908b;
    font-weight: bold;
}

.center {
    text-align: center;
}

a:hover {
    color: #f3e1e7;
}
.profile-box {
    position: relative;
    height: 260px;
}
.page-title {
    border-bottom: 1px solid #ccc;
}

.mystuff {
    display: inline-block;
    margin: 4px;
}

.item-invent {
    display: inline-block;
    margin: 4px;
    text-align: center;
}

.item-invent-view {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    width: 500px;
    display: inline-block;
    margin-top: 50px;
    padding: 5px;
}

.flash_data {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    padding: 5px;
}

.mypets-pet {
    display: inline-block;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
    margin: 5px;
}

.habase {
    display: inline-block;
    margin: 5px;
}

.mail-message {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #000;
    padding: 5px;
    margin: 5px;
}

.event {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
}

#header {
    position: relative;
}

#active_pet_image {
    position: absolute;
    right: 10px;
    top: 0px;
}

.explore-area {
    display: inline-block;
    margin: 5px;
}

.table {
    border: 1px solid #000;
    padding: 4px;
    margin: 4px;
    width: 100%;
}

hr {
    border: none;
    border-top: 1px solid #000;
}



/*** Avatat System ***/
.base_area {
    width: 200px;
    border: 2px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    padding: 5px;
    margin: 5px;
}

.item_area {
    width: 730px;
    border: 2px solid #ccc;
    padding: 5px;
    border-radius: 4px 4px 4px 4px;
    margin: 5px;
}

.button {
    border: 1px solid #000;
    background: #dacacf;
    padding: 4px;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
}

.button:hover {
    background: #f3e1e7;
    color: #fff9f2;
}

.closetItem {
    display: inline-block;
    width: 90px;
    margin: 5px;
    vertical-align: top;
}

.closetItemImg {
    cursor: pointer;
}

.addBorder {
    border: 1px solid #000;
}



.cs-nav {
    padding: 5px;
    border: 1px solid #000;
    border-radius: 4px 4px 4px 4px;
    width: 97%;
    margin-bottom: 10px;
    text-align: center;
}

.cs-area {
    padding: 5px;
    border: 1px solid #000;
    border-radius: 4px 4px 4px 4px;
}

.cs-item {
    display: inline-block;
    vertical-align: top;
    margin: 3px;
    text-align: center;
}

.cs-item a {
    color: #dacacf;
}

.cs-item a:hover {
    color: #f3e1e7;
}



.book-cat {
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}

.admin-section {
    display: inline-block;
    width: 350px;
    margin: 5px;
}

.doll-info {
    display: inline-block;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
    margin: 5px;
}

.shopItem {
    position: relative;
    display: inline-block;
    margin: 4px;
    text-align: center;
    width: 100px;
    vertical-align: top;
}

.shopItemA {
    position: relative;
    display: inline-block;
    margin: 4px;
    text-align: center;
    width: 140px;
    vertical-align: top;
}

.table-header {
    background: #fff;
    padding: 5px;
}



.profile-info {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    padding: 5px;
    width: 720px;
    margin: 3px;
}

.profile-part-one {
    float: left;
    margin-right: 5px;
    width: 550px;
}

.profile-part-two {
    float: left;
}



.forum-post {
    margin: 5px;
    width: 700px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
}

.forum-post-info {
    float: left;
    margin: 2px;
    padding: 5px;
    width: 150px;
    border-right: 1px solid #ccc;
}

.forum-post-message {
    float: left;
    margin: 2px;
    padding: 5px;
    width: 520px;
}

.forum-post-message-bar {
    text-align: right;
    width: 510px;
}

.forum-reply {
    padding: 5px;
    text-align: center;
}



.forum-post-small {
    margin: 5px;
    width: 540px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #dacacf;
}

.forum-post-message-small {
    float: left;
    margin: 2px;
    padding: 5px;
    width: 320px;
}

.forum-post-message-bar-small {
    text-align: right;
    width: 320px;
}



.pet-profile-box {
    position: relative;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    padding: 5px;
    width: 200px;
    float: left;
    margin: 3px;
    text-align: center;
}

.pet-profile-box-two {
    position: relative;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    padding: 5px;
    width: 500px;
    float: left;
    margin: 3px;
}
.pet-profile-box-three {
    position: relative;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 3px;
}



.favitem {
    display: inline-block;
    margin: 5px;
    text-align: center;
}

.shoparea {
    display: inline-block;
    margin: 5px;
    text-align: center;
}

.itema {
    display: inline-block;
    margin: 5px;
    text-align: center;
}

.item-hover {
    display: none;
    position: absolute;
    top: -70px;
    left: -190px;
    background: #ccc;
    border: 1px solid #000;
    border-radius: 4px 4px 4px 4px;
    width: 200px;
    padding: 5px;
}

.news-post {
    margin: 5px;
    width: 750px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    padding: 5px;
}

.news-post-who {
    height: 70px;
}

.floatleft {
    float: left;
    margin: 2px;
}

.bank-area {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    padding: 5px;
}

.bank-options {
    float: left;
    margin: 5px;
    padding: 5px;
    width: 300px;
}

.HP {
    color: #000;
}

#battle_log {
    border: 1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
}

.table {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
}





.random_event {
    margin: 5px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #000;
    width: 600px;
    padding: 5px;
}

.random_event_image {
    float: left;
    width: 90px;
}

.random_event_text {
    float: left;
    text-align: center;
    width: 510px;
}



.itemcollect {
    width: 110px;
    display: inline-block;
    border: 1px solid #000;
    vertical-align: top;
    padding: 5px;
    text-align: center;
    margin: 5px;
}



.club-sidebar {
    border: 2px solid #ccc;
    padding: 5px;
    background: #fff;
    width: 150px;
    float: left;
    margin: 5px;
    text-align: center;
}

.club-area {
    border: 2px solid #ccc;
    padding: 5px;
    background: #fff;
    width: 550px;
    min-height: 300px;
    float: left;
    margin: 5px;
}

.club-name {
    background: #e5e5e5;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

.club-join {
    background: #e5e5e5;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}



.trade {
    position: relative;
    width: 720px;
    padding: 5px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #000;
    margin: 5px;
}

.trade-item-a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    width: 110px;
}



.support-reply {
    border: 1px solid #000;
    margin: 5px;
    padding: 5px;
}

.treasure-tile {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.treasure {
    width: 500px;
    text-align: center;
}

.ss-area {
    display: inline-block;
    margin: 10px;
    width: 100px;
    vertical-align: top;
}



.hp_wrapper {
    padding: 5px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #000;
    height: 10px;
    width: 150px;
    text-align: left;
}

.hp_filler {
    height: 10px;
    background: #dacacf;
    width: 100px;
    border-radius: 4px;
}



.like-button {



    -moz-box-shadow: inset 0px 1px 0px 0px #ccc;

    -webkit-box-shadow: inset 0px 1px 0px 0px #ccc;

    box-shadow: inset 0px 1px 0px 0px #ccc;



    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dacacf), color-stop(1, #f3e1e7));

    background: -moz-linear-gradient(top, #dacacf 5%, #f3e1e7 100%);

    background: -webkit-linear-gradient(top, #dacacf 5%, #f3e1e7 100%);

    background: -o-linear-gradient(top, #dacacf 5%, #f3e1e7 100%);

    background: -ms-linear-gradient(top, #dacacf 5%, #f3e1e7 100%);

    background: linear-gradient(to bottom, #dacacf 5%, #f3e1e7 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dacacf', endColorstr='#f3e1e7', GradientType=0);



    background-color: #dacacf;



...

Reviews

No reviews yet.