Swamp Imood by skykristal

Swamp Imood  screenshot
Homepage Install Get Stylus Write a review

Details

Authorskykristal

LicenseNo License

Created

Updated

Categoryuserstyles

Statistics

Learn how we calculate statistics in the FAQ.

Total views

Total installs

Weekly installs

Description

A green-blueish theme for imood.com
Making the site a little more colorful & round.

Includes all pages + forum!

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

No style history. Come back in a couple of days.

Source code

/* ==UserStyle==
@name         Swamp Imood 
@version      20220607.12.37
@namespace    userstyles.world/user/skykristal
@description  A green-blueish theme for imood.com
Making the site a little more colorful & round.

Includes all pages + forum!
@author       skykristal
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.imood.com/") {
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@300&display=swap');

body{
    background-image:radial-gradient(#404e3d, #202045);
    font-family: 'Jura', sans-serif!important;
}

div,p, h1, h2, h3, h4, h5, h6, th, tr, td{
    font-family: 'Jura', sans-serif;
}

.imood .notification-success {
    background: #3e4b23;
    color: #fff;
    border-radius: 20px;
    width: fit-content;
    margin: auto;
}

.imood .notification {
    border-radius: 20px;
    width: fit-content;
    margin: auto;
}


hr{
   background:transparent;
    border:0px;
}


.logo img, img[src="https://images.imood.com/buttons/skyblue/news.gif"]{
   opacity:0;
}

.logo ::after{
    content:"Imood :)";
    display:inline-block;
    font-size:50px;
    position:absolute;
    z-index:999;
    top:0;
    left:0;
    opacity:1;
    padding:5px;
    margin-top:-8px;
    margin-left:20px
}


.imood .header a, .imood .footer a, .imood, blockquote, p{
    color:white!important;
}

a > img{
    border-radius:20px;
}

.imood .content{
    padding:3em!important;
 
}

.imood .content{
    border-radius:20px;
    display:block;
    position:relative;
    background:rgba(60, 96, 114, .31);
    color:white;
    padding:8px;
}

.imood .nav .alert_bubble{
    background:#294c48;
}

.header a{
    text-transform:uppercase;
}

a{
    color:#ffffff
}

.content.main a, .content.sidebar a, form.text-button input[type=submit], FONT {
    color:#ffffff;
   padding-left:0.5rem;
    padding-right:0.5rem;
}

a:hover, .imood .header a:hover, .imood .footer a:hover{
    color:#b7f6b7!important;
}

.imood .footer .nav {
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

input, select, textarea, .select2-container--classic .select2-dropdown {
    outline:0;
    border-radius:20px;
    border:0px;
    background:#232c2f;
    color:white;
    padding:0.5em
}

.select2-container--classic .select2-selection--single .select2-selection__arrow, .select2-container--classic .select2-selection--single, .select2-container--classic.select2-container--open .select2-selection--single{
     background:#232c2f;
    border:0;
    outline:0;
    border-radius:20px;
    background-image:none;
 
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 0px;
    outline: 0;
    background: #192023;
}

TD, th{
    color:white;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered{
    color:white;
    text-align:center;
}



input:focus{
    outline:0;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #404e3d; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #7c9776;
      border-radius: 20px;
  ; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #fff; 
}

}

@-moz-document url-prefix("https://www.imood.com/users/") {
.imood .sidebar-4 .sidebar {
    flex: 0;
    display: none;
}

.imood .profile .main{
    max-width:80%;
    margin-top:6%;
    margin-left:auto;
    margin-right:auto;
}
}

@-moz-document url-prefix("https://www.imood.com/finder"), url-prefix("https://www.imood.com/about/indicators") {
.imood .content{
    border-radius:20px;
    position:relative;
    background:rgba(60, 96, 114, .31);
    color:white;
    padding:8px;
 
}

TD, th{
   padding:8px;
    background:transparent; 
    display:inline-block;
}
}

@-moz-document url-prefix("https://www.imood.com/forums") {
.imood .content{
    border-radius:20px;
    position:relative;
    background:rgba(60, 96, 114, .31);
    color:white;
    padding:8px;
 
}

TD, th{
   padding:8px;
    background:rgba(0, 0, 0, 0); 
}

td, th{
    border:0;
}

tr > th{
    background-color:#0000002e;
    border-radius:20px;
  
}

table{
    background:#0003;
    padding:10px;
    border:0;
    border-radius:20px;
}
}

@-moz-document url-prefix("https://www.imood.com/imood"), url-prefix("https://www.imood.com/about/updater"), url-prefix("https://www.imood.com/about/contact"), url-prefix("https://www.imood.com/about/site"), url-prefix("https://www.imood.com/history") {
TD, th{
    background-color:transparent!important;
    border:3px transparent solid;
}

tbody, table{
    border:0;
}

img[src="https://images.imood.com/swatches/skyblue.gif"]{
    border-radius:20px;
    filter:hue-rotate(80deg) saturate(20) brightness(0.5);
}

.disc{
    background-color:transparent;
    color:white;
}
}

@-moz-document url-prefix("https://www.imood.com/login"), url-prefix("https://www.imood.com/users/new"), url-prefix("https://www.imood.com/buddies") {
td, th, .disc{
    background:transparent;
    color:white;
}

input, select, textarea, .select2-container--classic .select2-dropdown {
    outline: 0;
    border-radius: 20px;
    border: 0px;
    background: #232c2f;
    color: white;
    padding: 0px;
    margin-top: 2px;
    margin-bottom: 2px;
}

input[type="submit"]{
    padding:0.5em;
}
}

Reviews

No reviews yet.