Skip to content

Tribals.io Red and Black In Game Texture Pack by Knockout_Gaming

Screenshot of Tribals.io Red and Black In Game Texture Pack
Homepage Write a review Install Get Stylus

Details

AuthorKnockout_Gaming

LicenseNo License

CategoryTribals.io

Created

Updated

Size13 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This is both an ingame and menu texture for tribals.io made by God25, the newest Tribals.io helper. this mod pack currently costs 1 musket(price will increase)

Notes

Updated every week
current changes:

  • Hp/Hunger/Thirst bar moved to top
  • Gif as menu screen
  • all text modified
  • tribals.io logo size increased

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Tribals.io Red and Black In Game Texture Pack
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("tribals.io") {
#crosshair {
    width: 50px; /* Adjust the size of the crosshair /
    height: 50px; / Adjust the size of the crosshair */
    background-image: url('new-removebg-preview_1.png');
}
#crosshair li:nth-child(1) {
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 0%;
    transform: translate(0%, -50%);
}
#crosshair li:nth-child(2) {
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 0%;
    transform: translate(0%, -50%);
}#crosshair li:nth-child(3) {
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 0%;
    transform: translate(0%, -50%);
}#crosshair li:nth-child(4) {
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 0%;
    transform: translate(0%, -50%);
}
    #shadow {
  background-image: url('https://i.pinimg.com/originals/42/1e/af/421eaf6e2fc6d51f5afcfb08f317a961.gif');
}
    .big-button {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(175, 7, 7) 0%, rgb(255, 0, 0) 90%);
    font-family: 'Passion One', Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 45px;
    text-shadow: 0px 1px 2px rgb(255, 255, 255);
    letter-spacing: 2px;
    padding: 20px 30px;
    border-radius: 4px;
    border: none;
    width: 100%;
    border-left: solid 8px rgb(168, 10, 10);
    cursor: pointer;
    text-transform: uppercase;
    word-break: break-word;
}
 .invite-button {
    background: rgb(255, 0, 0);
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%);
    font-family: 'Passion One', Arial, Helvetica, sans-serif;
    color: #f00;
    font-size: 20px;
    text-shadow: 0px 1px 2px rgb(255, 255, 255);
    padding: 10px 10px;
    border-radius: 4px;
    border: none;
    width: 100%;
    border-left: solid 8px rgb(41, 41, 41);
    cursor: pointer;
    margin-top: 10px;
    text-transform: uppercase;
} 
   .subscription-button {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 90%);
    font-family: 'Passion One', Arial, Helvetica, sans-serif;
    color: #f00;
    font-size: 20px;
    text-shadow: 0px 1px 2px rgb(255, 255, 255);
    padding: 10px 10px;
    border-radius: 4px;
    border: none;
    width: 100%;
    border-left: solid 8px rgb(54, 53, 53);
    cursor: pointer;
    margin-top: 10px;
    text-transform: uppercase;
}
    .options > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f00;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    cursor: pointer;
    /* background: #3b3b3b; */
    width: 100%;
    text-transform: uppercase;
    box-sizing: border-box;
    border-right: solid 2px #1c1c1c;
}
    .options > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff0018;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    cursor: pointer;
    /* background: #3b3b3b; */
    width: 100%;
    text-transform: uppercase;
    box-sizing: border-box;
    border-right: solid 2px #1c1c1c;
}
    a {
    color: #f00;
}
    .slide-prev, .slide-next {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    margin-left: -33px;
    border: 2px solid #f00;
    color: #ff0000;
    background: #e6e6e600;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    text-indent: -2px;
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
    .news-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    left: 20px;
    bottom: 140px;
    width: 450px;
    height: 165px;
    background-color: #fff0;
    padding: 20px 20px;
    border-radius: 10px;
}
    #logo {
    width: 500px;
    height: 275px;
    position: absolute;
    left: 50px;
    top: 0px;
    background: url(files/assets/138221654/1/Tribals-Logo.png?t=9bf77b9…?v=c02cc0) no-repeat center center;
    background-size: 100% auto;
}
    #logo .version {
    position: absolute;
    right: 20px;
    bottom: 12px;
    color: #f00;
    font-size: 40px;
}
    #game-info p {
    font-family: 'Passion One', Arial, Helvetica, sans-serif;
    letter-spacing: 0.05rem;
    color: #f00;
    margin: 0;
}
    #game-info i {
    color: #f00;
}
    #social-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f00;
    font-size: 30px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 55px;
    border: solid 2px #0000;
    margin-bottom: 10px;
}
    .tabs li.active {
    color: #f00;
    font-weight: 500;
    border-bottom: solid 4px #f00;
    padding-bottom: 10px;
}
    .tabs li {
    float: left;
    font-size: 25px;
    list-style: none;
    margin-right: 30px;
    color: #f00;
    cursor: pointer;
    text-transform: uppercase;
}
    .btn-primary {
    background: #f00;
    border-bottom: solid 5px #961c22 !important;
    color: #000;
}
    .logout-button {
    float: right;
    width: 100px;
    text-align: center;
    background: rgb(0, 0, 0);
    font-size: 25px;
    color: #f00;
    border: 1px solid #f00;
    border-radius: 5px;
    text-decoration: none;
    padding: 5px 10px;
}
    .subtab li {
    font-size: 20px;
    list-style: none;
    margin-right: 30px;
    color: #f00;
    cursor: pointer;
    text-transform: uppercase;
}
    .subtab li {
    font-size: 20px;
    list-style: none;
    margin-right: 30px;
    color: #f00;
    cursor: pointer;
    text-transform: uppercase;
}
    table {
    border-collapse: collapse;
    width: 100%;
    color: #f00;
    margin-bottom: 50px;
}
    #content {
    padding: 40px 60px;
    top: 80px;
    position: absolute;
    color: #f00;
    width: 100%;
    box-sizing: border-box;
    height: calc(100vh - 80px - 100px);
    overflow-y: auto;
}
    ::-webkit-scrollbar-track {
    background: rgb(0 0 0);
}
::-webkit-scrollbar-track {
    background: rgb(0 0 0);
}
  .slug {
    color: #000;
} 
    .stats-col li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #000;
    color: #f00;
    padding: 7px 15px;
    border-radius: 3px;
    margin-bottom: 10px;
}
    .clan-slug {
    color: #000;
}
    #craft {
    right: 290px;
    color: #000;
    top: 45%;
    transform: translate(0%, -50%);
    width: 490px;
    position: absolute;
    height: 420px;
    background: url(files/assets/78080640/1/Inventory-Background.png?t=3493af1…?v=c02cc0) no-repeat;
    background-size: 100% 100%;
    padding: 20px 30px;
    z-index: 50;
}
    #required-items .craft-recipe {
    list-style: none;
    width: 240px;
    background-color: rgb(247, 10, 10);
    box-shadow: 0px 0px 10px red;
    padding: 5px;
    border-radius: 5px;
    font-size: 23px;
    /* float: left; */
    margin-bottom: 10px;
    display: block;
    height: 60px;
    border-left: solid 8px rgb(255, 24, 24);
    cursor: pointer;
    text-shadow: 0px 1px 3px #000;
    position: relative;
}
    
element.style {
}
<style>
#craft {
    right: 290px;
    color: #000;
    top: 45%;
    transform: translate(0%, -50%);
    width: 490px;
    position: absolute;
    height: 420px;
    background: url(files/assets/78080640/1/Inventory-Background.png?t=3493af1…?v=c02cc0) no-repeat;
    background-size: 100% 100%;
    padding: 20px 30px;
    z-index: 50;
}
<style>
#craft {
    right: 290px;
    color: #000;
    top: 45%;
    transform: translate(0%, -50%);
    width: 490px;
    position: absolute;
    height: 420px;
    background: url(files/assets/78080640/1/Inventory-Background.png?t=3493af1…?v=c02cc0) no-repeat;
    background-size: 100% 100%;
    padding: 20px 30px;
    z-index: 50;
}
body *:not(i) {
    font-weight: normal!important;
}
body *:not(i) {
    font-weight: normal!important;
}
user agent stylesheet
div {
    display: block;
}
<style>
#wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-family: 'Passion One', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    zoom: 0.85;
    transform-origin: center top;
}
@media only screen and (max-width: 900px)
<style>
body {
    --scale: 1!important;
}
<style>
body {
    font-family: Arial;
}
body {
    font-family: 'Passion One', Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: 0.05rem;
    user-select: none;
}
body {
    font-family: 'Passion One', Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: 0.05rem;
    user-select: none;
}
body {
    margin: 0;
    max-height: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #1d292c;
    font-family: Helvetica, arial, sans-serif;
    position: relative;
    width: 100%;
    -webkit-tap-highlight-color: black;
}
style attribute {
    --vh: 7.79px;
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background: rgb(255, 0, 0);
}
   ...

Reviews

No reviews yet.