08-04-2018, 02:50 PM
Basic Profile 2 - Includes:
- Opacity in windows so you can see the background easily!
- Comment section + regular right side of profile
- Easily customization for biographies and information
- Drop down menus
- Navigation bar at the top
- Signature showing
- Footer
- Opacity in windows so you can see the background easily!
- Comment section + regular right side of profile
- Easily customization for biographies and information
- Drop down menus
- Navigation bar at the top
- Signature showing
- Footer
Code:
<style>
#profile_left {
display: none;
padding-right: 0px !important;
padding-left: 0px !important;
}
#profile_right: {
margin-left:0px;
padding-right: 0px !important;
padding-left: 0px !important;
}
profile_right: {
padding-right: 0px !important;
padding-left: 0px !important;
}
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
background: #535b41;
padding-right: 9px;
text-align: center;
}
.windowbg, #preview_body, .windowbg2, .windowbg3 {
margin: 0em;
padding-top: 10px;
margin-left: -4px;
}
#admin_content {
opacity: .87;
}
body {
background: url(https://www.tcts.ro/wp-content/uploads/2018/01/1515904805_542_picturi.jpg);
#https://images.pexels.com/photos/1034887/pexels-photo-1034887.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260#
#https://images.pexels.com/photos/459136/pexels-photo-459136.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260)#
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.windowbg, #preview_body, .windowbg2, .windowbg3 {
color: #1f1f1f;
background: #f1f1f1;
}
.windowbg span.topslice span, .windowbg span.botslice span, .windowbg span.topslice,.windowbg span.botslice, .windowbg2 span.botslice span, .windowbg2 span.botslice, .windowbg2 span.topslice, .windowbg2 span.topslice span {
background: #f1f1f1;
}
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
background: #e5e5e5;
text-align: center;
color: #1f1f1f;
border: 2px #cccccc solid;
}
.poster h4, .poster h4 a {
background: #f1f1f1;
}
.poster ul li {
background: #f1f1f1;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
color: #1f1f1f;
}
a:link, a:visited {
color: #1f1f1f;
text-decoration: underline;
}
footer a.new_win:link, a.new_win:visited{
color: #1f1f1f;
text-decoration: underline;
}
footer a:link, a:visited {
color: #1f1f1f;
text-decoration: underline;
}
.windowbg, #preview_body, .windowbg2, .windowbg3 {
color: #1f1f1f;
background: #f1f1f1;
margin-bottom: -20px;
}
header {
background: #f1f1f1;
box-shadow: 0 -3px #f1f1f1 inset;
opacity: .86;
}
footer, footer a {
background: #f1f1f1;
color: #1f1f1f;
box-shadow: 0 -3px #f1f1f1;
opacity: .86;
}
input, button, select, textarea {
color: #1f1f1f;
background: #e5e5e5;
}
.navbar-default .navbar-nav .active a {
background: #e5e5e5;
color: #1f1f1f;
text-shadow: 0 2px #cccccc;
box-shadow: 0 -3px #f1f1f1 inset;
opacity: .86;
}
.navbar-default {
background: #e5e5e5;
color: #1f1f1f;
box-shadow: 0 -3px #f1f1f1 inset;
opacity: .86;
}
.navbar-default .navbar-nav li a {
color: #1f1f1f !important;
text-shadow: 0 2px #cccccc;
opacity: .86;
background: #e5e5e5;
}
.navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .open a, .navbar-default .navbar-nav .open a:hover, .navbar-default .navbar-nav .open a:focus, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus {
Background: #e5e5e5;
Color: #1f1f1f;
box-shadow: 0 -3px #e5e5e5 inset;
opacity: .86;
}
.navigate_section, .breadcrumb {
background: #e5e5e5;
opacity: .86;
color: #1f1f1f1;
}
.dropdown-menu {
background: #f1f1f1;
border: 0px solid #cccccc;
}
.dropmenu li li
{
width: 19em;
padding: 3px;
margin: 0;
background: #f1f1f1;
opacity: .87;
border-radius: 0px !important;
}
.dropmenu li li a
{
color: #1f1f1f;
padding: 4px 2px;
opacity: .87;
}
.dropmenu li a.active
{
color: #1f1f1f;
background: none;
}
.dropmenu li a.firstlevel {
margin-right: 0px;
}
.dropmenu li a.active:hover, .dropmenu li:hover a.active
{
color: #1f1f1f !important;
}
/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
color: #1f1f1f;
cursor: pointer;
text-decoration: none;
}
/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover a
{
background: #f1f1f1;
text-decoration: none;
opacity: .87;
}
.dropmenu li a.firstlevel span.firstlevel {
background: #e5e5e5;
border: 2px #cccccc solid;
padding-right: 4px;
padding-left: 4px;
opacity: .87;
color: #1f1f1f;
margin-top: -6px;
margin-left: -4px;
font-weight: bold;
}
.breadcrumb li a {
color: #1f1f1f;
}
header ul.reset li, header ul.reset li a {
color: #1f1f1f;
}
.img-thumbnail {
background-color: #e5e5e5;
border: 2px solid #cccccc;
}
a img {
width: 0%;
}
img.avatar {
border-radius: 100px;
}
h3.catbg {
margin-bottom: 0px;
min-width: 100%;
margin-left: -4px;
}
h1, h2, h3, h4, h5, h6 {
color: #535b41;
font-size: 1em;
margin: 0;
padding: 0;
text-align: right;
}
.inner {
padding: 1em 0;
margin: 0;
border-top: 1px solid #535b41;
text-align: center;
}
hr, .hrcolor {
height: 1px;
border: 0;
color: #1f1f1f;
background-color: #f1f1f1;
}
#main_content_section {
background-color: transparent !important;
}
</style>
"FUNNY OLD WORLD, ISN'T IT?" - Crowley
Hiya! I'm Orion, Beasts of Beyond's administrator and owner. I play a few characters, which you can view by clicking on 'linked accounts' underneath my avatar or going to my profile. I am always open to plotting or chit-chatting with anyone who asks, so feel free to approach me at any time. Along with that, I am open to answering any questions about BoB. You can do either by sending me a message on-site or on our Discord! I look forward to roleplaying with all of you. ;^)For info on BoB's revamp, click here! Check out the guidebook too.