TransparencyDream by ancjuce

/* ==UserStyle==
@name         TransparencyDream
@version      20220131.14.21
@namespace    userstyles.world/user/ancjuce
@description  A .css for manganelo.com to make most parts Transparent and insertr an Background Image.
@author       ancjuce
@license      No License
==/UserStyle== */

@-moz-document domain("manganelo.com"), domain("manganato.com") {
/* ==UserStyle==
@name           TransparencyDream by AnCJuce
@author         AnCJuce
@description    `Do as you like with it`
==/UserStyle== */


/* Website Background */
body {
    background:url("insert Background image link here") !important;
    background-attachment: fixed!important;
}

/* Header ("Top Bar") */
.logo {
    background: rgba(0, 0, 0, 0) !important;
}
.container-header-top{
    background: rgba(0, 0, 0, .4) !important;
}
.user-register,
.user-login{
    background: rgba(20, 95, 5, .2) !important;
}

.header-menu {
    background: rgba(20, 95, 5, .3) !important;
}

/*––––––––––– Main Web Page ––––––––––––––*/


/* Manga Silder */
.silder-title {
    background-color: rgba(0, 0, 0, .4) !important;
}


/* Popular Manga-Panel */
.panel-topview,
.panel-topview-title,
.panel-topview-item {
    background: rgba(0, 0, 0, .4) !important;
}


/* Newest Manga-Panel */
.panel-newest-title,
.panel-newest-content,
.panel-newest-more {
    background: rgba(0, 0, 0, .4) !important;
}


/* Genere-Panel */
.panel-category,
.pn-category-story-title,
.pn-category-row {
    background: rgba(0, 0, 0, .4) !important;
}


/* Homepage content-Panel */
.panel-content-homepage {
    background: rgba(0, 0, 0, .8) !important;
}
.content-homepage-item,
.content-homepage-more {
    background: rgba(0, 0, 0, 0) !important;
}


/* Bottom Information Footer */
.container-footer-content,
.pn-hot-link,
.pn-contacts {
    background: rgba(0, 0, 0, .8) !important;
}
.pn-hot-link,
.pn-contacts {
    background: rgba(0, 0, 0, 0) !important;
}

/*––––––––––– Sub Web Page ––––––––––––––*/


/* Manga Info Panel */
.panel-breadcrumb,
.panel-story-info {
    background: rgba(0, 0, 0, .8) !important;
}

.pn-description-linear-gradient,
.panel-description-linear,
.panel-description-linear-gradient {
    background: rgba(0, 0, 0, .1) !important;
}

.style-btn{
    background: rgba(20, 95, 5, .3) !important;
}

/* Manga chapter list */
.panel-story-chapter-list {
    background: rgba(0, 0, 0, .8) !important;
}

/* Facebook comments hidden (delete to show FB-Comments) */
.panel-story-comment {
  width: 0% !important;
  margin-top: 0px !important;
}

/*––––––––––– Sub Web Page (Manga) ––––––––––––––*/

/* Manganelo logo and bar */
.panel-logo-chapter {
    background: rgba(0, 0, 0, .8) !important;
}

.panel-logo-chapter img{
    content: url(https://m.manganelo.com/themes/hm/images/logo.png)!important;
    padding: 0px!important;
    background: rgba(0, 0, 0, 0) !important;    
}

/* Button changes */
.panel-navigation {
    background: rgba(0, 0, 0, .8) !important;
}
.navi-change-chapter-btn-next,
.navi-change-chapter-btn-prev {
    background: rgba(20, 95, 5, .3) !important;
}

.navi-change-chapter {
     background: rgba(226, 228, 226, .5) !important;
}

.server-image-btn {
    background-color: #cccccc38 !important;
}

.server-image-btn.isactive {
    background-color: #0099ff87 !important;
}
.server-cbb-content-margin {
    border: 1px solid #0000;
    background: rgba(226, 228, 226, .5) !important;
}


/* Chapter FB Comment */
.panel-chapter-comment, 
.panel-chapter-info-bot, 
.container-footer-content {
    background-color: rgba(0, 0, 0, .8) !important;
}

.DuckDuckGoSocialContainer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important;   
}

/*––––––––––– Sub Web Page (Login) ––––––––––––––*/
.login-panel {
    background-color: rgba(0, 0, 0, .8) !important;
}

.user-name,
.pass {
    background-color: rgba(255, 255, 255, .19) !important;
}

.captchar {
    background-color: rgba(255, 255, 255, 0) !important;
}

.captchar input{
    background-color: rgba(255, 255, 255, .32) !important;
}

/*––––––––––– Sub Web Page (Register) ––––––––––––––*/
.register-panel {
    background-color: rgba(0, 0, 0, .8) !important;
}

.dat,
.dat_des {
    background-color: rgba(255, 255, 255, .32) !important;
}


/*––––––––––– Sub Web Page (Profile Changes) ––––––––––––––*/
.register-panel {
    background-color: rgba(0, 0, 0, .8) !important;
}

.user-name,
.pass,
.display-name,
.email {
    background-color: rgba(255, 255, 255, .19) !important;
}

.captchar {
    background-color: rgba(255, 255, 255, 0) !important;
}

.captchar input{
    background-color: rgba(255, 255, 255, .32) !important;
}

/*––––––––––– Sub Web Page (User) ––––––––––––––*/

/* Left Panel */
.user-panel-left {
    background-color: rgba(0, 0, 0, .8) !important;
}

/* Right Panel */
.user-panel-setting {
    background-color: rgba(0, 0, 0, .8) !important;
}

}