My Custom T.I.M CSS 4 posts

OP Fri Jun 22, 2018 4:50 pm
User avatar
Social Engineer
Lower Family Member
  • Posts: 152
  • Joined: Jan, 2017
  • Karma: 21
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;
}

Sun Jun 24, 2018 6:15 am
User avatar
?
Legendary Family Member
  • Gender: Female
  • Posts: 643
  • Joined: Dec, 2012
  • Karma: 55
That is stinken purple lickalicious! What about me that uses FF? Same Addon?
Fri Jun 07, 2019 3:03 pm
User avatar
Legendary Family Member
  • Gender: Male
  • Posts: 937
  • Joined: Jan, 2013
  • Karma: 13
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
Fri Jun 07, 2019 6:11 pm
User avatar
  • Posts: 37
  • Joined: May, 2019
  • Karma: 0
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