Post: Transparent Theme
01-09-2017, 06:20 AM #1
(adsbygoogle = window.adsbygoogle || []).push({}); So I decided I would play around and make a rather unique and interesting theme for the site. After seeing a lack of themes available beside's
Dacoco's dark theme and Frosty's theme and the default ngu theme. I wanted to bring another theme of it's own to the site I think it turned out rather well if I say so my self.


Requirement's

In order to use this theme you will need to use a add on/extension to your browser in order to have the theme take effect on the site.

I recommend using stylish as I use it myself. You can find it here: You must login or register to view this content.


Screenshot's


You must login or register to view this content.
You must login or register to view this content.
You must login or register to view this content.
You must login or register to view this content.
You must login or register to view this content.




Code for theme:

/* Author Name: Maniacal Madman
Date: January 8, 2017
Title: Transparent/Glass theme
*/

* {
margin: 0;
padding: 0;
}

::-webkit-scrollbar {
width: 7px;

}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 10px #3498db;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 10px #3498db;
}

#header {
opacity: 0.45;
}


div.body_wrapper {
background: rgba(255,255,255,0.5);
margin-top: 15px;
border-radius: 7px;
}

body {
background-image: url(You must login or register to view this content.
}

.shoutbox_body {
background-color: rgba(255,255,255,0.5);
}

.time {
color: Black;
font-weight: bold;
}

#nguheader {
background-color: rgba(255,255,255,0.5);

}

.forumhome_forum_block_title {
color: black;
font-weight: bold;
background-color: white;



}

.forumhome_forum_bit {
background-color: rgba(255,255,255,0.5);
color: black;


}



.forumhome_forum_block_head {
border-top: 3px solid #89cff0;



}

#vbulletin_copyright_text {
color: black;
font-weight: bold;
}

#vbulletin_copyright_text a {
color: white;
font-weight: bold;
}

.block2 a {
color: white;
font-weight: bold;

}

.block1 p {
color: black;
font-weight: bold;
}

#nguheader .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #89cff0;
border: 1px solid #cccccc;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
box-shadow: 0 6px 12px rgba(0,0,0,0.175);
background-clip: padding-box;
}

.jb_footer_col_header {
color: black;
font-weight: bold;
}



Note's There are some thing's I may have missed so if there come's about any issue's pm me or drop some feedback on the thread and I will do my best to fix what issue's may arise. Enjoy!

Note to staff If you wish to add this in as a official theme such as in the elite dashboard feel free to.
Last edited by Maniacal Madman ; 01-09-2017 at 06:50 AM.

Copyright © 2024, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo