My Custom T.I.M CSS

nulldata
by nulldata · 4 posts
6 years ago in HTML & CSS
Posted 6 years ago · Author
Image


This was done with a Chrome Addon called Stylebot and can be found here (Stylebot)

if you like my style and can use it for yours by going to.
* Stylebot Options *
* Styles Tab *
* Add A New Style Button *
* Add imvumafias.org To The URL Input *
* Then Paste This CSS Into The Textbox *



Image


Spoiler: CSS Code

Code
#footer-nav {
    background-color: #080808;
}

#page-body h2 {
    font-variant: small-caps;
    font-weight: bold;
}

#userbar-wrapv2 {
    border-bottom: 2px solid #57007F;
}

.mafia-navbar .nav-item.nav-dropdown .menu .menu-item:hover {
    background: #c0c0c0;
}

a.btn.btn-default {
    background-color: #57007F;
    font-weight: bold;
    text-transform: uppercase;
}

a.btn.btn-default.btn-sm {
    background-color: #080808;
    color: #57007F;
    font-weight: bold;
    text-transform: uppercase;
}

a.btn.btn-primary {
    background-color: #57007F;
    color: #ffffff;
    font-variant: small-caps;
    font-weight: bold;
    text-transform: uppercase;
}

a.btn.btn-success.btn-block.mb-10 {
    background-color: #57007F;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

a.list-group-item.list-group-item-action {
    color: #57007F;
    font-variant: small-caps;
    font-weight: bold;
}

a.list-group-item.list-group-item-action.d-flex.justify-content-between.align-items-center {
    color: #57007F;
    font-variant: small-caps;
    font-weight: bold;
    text-transform: uppercase;
}

a.nav-link {
    background-color: #080808;
    font-weight: bold;
    text-transform: uppercase;
}

a.page-link {
    background-color: #080808;
    font-weight: bold;
    text-transform: uppercase;
}

a.text-info {
    color: #57007F;
    font-weight: bold;
}

a.text-success {
    color: #57007F;
    font-weight: bold;
}

button.btn.btn-default.btn-xs {
    background-color: #080808;
    color: #57007F;
}

button.btn.btn-default.dropdown-toggle {
    background-color: #57007F;
    font-weight: bold;
    text-transform: uppercase;
}

button.btn.btn-primary.ml-5 {
    background-color: #57007F;
    font-weight: bold;
    text-transform: uppercase;
}

div.cb-side {
    color: #57007F;
    font-weight: bold;
}

div.col.footer-menu span {
    text-transform: uppercase;
}

div.content-box-header {
    background-color: #080808;
}

div.content-box-header span {
    color: #57007F;
    font-weight: bold;
    text-transform: uppercase;
}

div.content-box-inner {
    background-color: #080808;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

div.desc a {
    color: #ffffff;
}

div.drop-wrapv2 {
    background-color: #080808;
    font-weight: bold;
    text-transform: uppercase;
}

div.form-group.inline.my-10 span {
    font-variant: small-caps;
    font-weight: bold;
}

div.forumlist-row-info.ml-10 a {
    font-weight: bold;
    text-transform: uppercase;
}

div.icon img {
    color: #ffffff;
}

div.mChatPanel {
    background-color: #57007F;
}

div.mChatRowLimit {
    background-color: #080808;
}

div.mChatRowLimit h3 {
    font-weight: bold;
    padding-left: 17px;
    text-transform: uppercase;
}

div.mafia-alert.alert-info.mb-10 {
    background-color: #080808;
    font-variant: small-caps;
    font-weight: bold;
}

div.mchatMessage {
    background-color: #0d0d0d;
}

div.menu {
    background-color: #080808;
    font-weight: bold;
    text-transform: uppercase;
}

div.menu.dropdown-lrg {
    background-color: #080808;
    font-weight: bold;
    text-transform: uppercase;
}

div.menu.normal {
    background-color: #080808;
    font-weight: bold;
    text-transform: uppercase;
}

div.my-5 a {
    color: #ffffff;
}

div.panel-body {
    background-color: #080808;
}

div.panel-body div a {
    color: #57007F;
    font-variant: small-caps;
    font-weight: bold;
}

div.panel-body h3 {
    font-variant: small-caps;
    font-weight: bold;
}

div.panel-footer.text-c {
    background-color: #57007F;
}

div.panel-heading {
    background-color: #57007F;
}

div.postbit-author-username.my-10.text-c a {
    color: #ffffff;
    font-variant: small-caps;
    font-weight: bold;
}

div.rp-message.bg-default.p-5 {
    background-color: #080808;
}

div.ub-itemv2.hasdrop a span {
    color: #57007F;
}

h2.m-0 a {
    color: #ffffff;
}

h2.panel-heading {
    background-color: #57007F;
    font-weight: bold;
    text-transform: uppercase;
}

h2.panel-title {
    font-variant: small-caps;
    font-weight: bold;
    text-transform: uppercase;
}

h2.panel-title a {
    color: #ffffff;
    font-variant: normal;
    font-weight: bold;
    text-transform: uppercase;
}

h3.p-5.m-5.text-c {
    font-weight: bold;
    text-transform: uppercase;
}

h3.panel-title a {
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

h3.text-info {
    color: #ffffff;
    font-weight: bold;
}

i.icon-art-gallery {
    color: #ffffff;
}

i.icon-basket-1 {
    color: #57007F;
}

i.icon-diamond {
    color: #ffffff;
}

i.icon-discord-white {
    color: #57007F;
}

i.icon-down-open-1 {
    color: #57007F;
}

i.icon-email {
    color: #57007F;
}

i.icon-home-1 {
    color: #ffffff;
}

i.icon-pose {
    color: #ffffff;
}

i.icon-star {
    color: #ffffff;
}

i.icon-user {
    color: #ffffff;
}

i.icon.icon-attach.text-warning {
    color: #ffffff;
}

i.icon.icon-flag-filled {
    color: #ff0000;
}

i.icon.icon-share {
    color: #ffffff;
}

input.btn.btn-default {
    background-color: #57007F;
    font-weight: bold;
    text-transform: uppercase;
}

input.btn.btn-primary {
    background-color: #57007F;
    font-weight: bold;
    text-transform: uppercase;
}

input.btn.btn-primary.ml-5 {
    background-color: #080808;
    color: #57007F;
    font-weight: bold;
    text-transform: uppercase;
}

input.form-control {
    background-color: #080808;
    color: #57007F;
    font-variant: normal;
    font-weight: bold;
    text-transform: none;
}

input.form-control.mChatText {
    background-color: #080808;
    color: #57007F;
}

input.mInput {
    color: #ffffff;
}

li.list-group-item {
    font-variant: small-caps;
    font-weight: bold;
}

p.text-muted {
    color: #ffffff;
    font-variant: small-caps;
    font-weight: bold;
}

span.float-right {
    font-variant: small-caps;
    font-weight: bold;
}

span.mafia-badge.badge-success.mr-5 {
    background-color: #080808;
    color: #ffffff;
}

span.page-link {
    color: #ffffff;
}

span.page-link.text-white {
    background-color: #080808;
    font-variant: small-caps;
    font-weight: bold;
}

span.price.d-block.text-success.mb-10 {
    font-weight: bold;
    text-transform: uppercase;
}

span.stat-left {
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

span.stat-right {
    color: #ffffff;
    font-variant: small-caps;
}

span.text-muted {
    color: #57007F;
    font-variant: small-caps;
    font-weight: bold;
}

span.text-muted a {
    color: #ffffff;
}

span.text-muted.ml-auto {
    color: #57007F;
    font-weight: bold;
    text-transform: uppercase;
}

span.text-success {
    color: #57007F;
    font-weight: bold;
}

ul li a {
    color: #57007F;
    font-variant: small-caps;
}

a.btn.btn-info.my-10 {
    font-weight: bold;
    text-transform: uppercase;
    background-color: #57007F;
}

i.icon-newspaper {
    color: #ffffff;
}

i.icon-shield {
    color: #ffffff;
}

i.icon-graduation-cap {
    color: #ffffff;
}

i.icon-transgender-alt {
    color: #ffffff;
}

i.icon-emo-coffee {
    color: #ffffff;
}

i.icon-user-secret {
    color: #ffffff;
}

input.btn.btn-primary.btn-block {
    background-color: #57007F;
    font-weight: bold;
}

i.icon.icon-cancel-1 {
    color: #ffffff;
}

div.modal-footer {
    background-color: #57007F;
}

div.modal-header {
    background-color: #57007F;
}

div.modal-body {
    background-color: #080808;
}

a.mx-auto.text-r.margin-v {
    font-weight: bold;
    font-variant: small-caps;
}

label.form-check-label {
    color: #57007F;
    font-weight: bold;
    font-variant: small-caps;
}

input.btn.btn-success {
    background-color: #57007F;
    font-weight: bold;
    text-transform: uppercase;
}

a.btn.btn-default.btn-sm.my-5.dropdown-toggle {
    color: #ffffff;
    background-color: #57007F;
}

Posted 5 years ago
This is a good find, a good tool to know about, really handy if you use Chrome, although with the update to the website, it probably doesn't work as well as it used to, good ingenuity and thinking though! You should try re-doing it with the new style of the site and see what you can do?

For some people like me who like changing their avatars clothes 400 times a day, this could be nice to change-up the websites we visit. :D
Posted 5 years ago
I cant see the image i shows up like this...
This was done with a Chrome Addon called Stylebot and can be found here (Stylebot)

if you like my style and can use it for yours by going to.
* Stylebot Options *
* Styles Tab *
* Add A New Style Button *
* Add imvumafias.org To The URL Input *
* Then Paste This CSS Into The Textbox *


Image

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in

Already have an account? Sign in here

SIGN IN NOW

Create an account

Sign up for a new account in our community. It's easy!

REGISTER A NEW ACCOUNT