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)
Tribals.io Red and Black In Game Texture Pack by Knockout_Gaming
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
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);
}
...