Forum layout width settings

.alt1Active td:last-child { width: 100%; }

Jesse Sanchez4 said:.alt1Active td:last-child { width: 100%; }

Thanks... 👍 I added it to my Stylebot 🙂
Anyone who wants the update/install

Perfect. 😁 Thanks, everyone.

Everything seems to be falling apart on my end lately. For instance, the message thread in my PM-ovs completely vanished because of some mess involving the div.panel tbody td element. Good grief, I honestly don't know what they were thinking when they pushed this update...

Ugh, great... just what we needed.

First they give you these massive avatars to make you think everything's going smoothly, and then they hit users like 🤣

Jesse Sanchez4 said:I’m dealing with all sorts of nonsense on my end. For instance, the bar completely vanished in the PMs because of how the div.panel tbody td is behaving. Honestly, I have no idea what they were thinking when they pushed this update...

Hmm... which bar? Is it tagged with a specific class or an ID in the source code that we could target and style individually?

EDIT: Figured out the issue. Swapped out div.panel tbody td for div.panel div[style="width:640px"] tbody td and now everything looks fine. 🙂
install/update

Aha, I think we’re getting somewhere, at least partially.

#collapseobj_quickreply td { background-color: transparent; }
div.panel fieldset > table > tbody > tr > td { background-color: transparent; }

The first snippet should handle the quick reply area down below, while the second one targets that top table within the PMO interface. That indicator for the PMO should remain untouched.

But now, we're still stuck with this massive amount of white space in the advanced reply section and a few other spots...

It honestly baffles me—it's as if someone didn't even bother using the current CSS, opting instead to tinker with some ancient backup or a basic default template.

That 640px rule isn't right; there's absolutely nothing like that in the W3C code. Why on earth is it working on your end? 😁 And setting all those tables to 100% width doesn't feel like a great solution either. Ugh.

Jesse Sanchez4 said:Yeah, I think we’re getting there, sort of.

#collapseobj_quickreply td { background-color: transparent; }
div.panel fieldset > table > tbody > tr > td { background-color: transparent; }

The first part handles the quick reply box down below, and the second one fixes that top table on the PMO interface. The PMO indicator itself stays untouched.

But now, there’s just this massive amount of white space left in the advanced reply and a few other spots...

It makes no sense—it’s like someone didn't even bother using the existing CSS, but instead grabbed some ancient backup or a default file and started messing around with it.

That 640px thing isn't right; I don't see it anywhere in the W3C code. Why is it working on your end? 😁 And setting all those tables to 100% doesn't feel like a great solution either. Sigh.

That 640px rule is an attribute set on the Advanced Reply section specifically to fix the white space there... It was the only attribute I could isolate without breaking the rest of the .panel elements.

Do you happen to know where I can find the default stylesheet for vBulletin 3.8? 😁

Well, look at that... the advanced reply feature finally sorted it out.

Here is what I have running now:

#collapseobj_quickreply td,
div.panel fieldset > table > tbody > tr > td,
#vB_Editor_001 td,
.panel div[style="width:640px"] td {
background-color: transparent !important;
}

(I had to use !important because Opera is being its usual stubborn self)

There are still a few minor annoyances left—like how the quick reply toolbar refuses to align left—but I’m done tinkering for now; I've got the game on.

Added 🙂

I’m honestly lost here 😬. I’ve been using FF—I actually downloaded checkymonkey or whatever it was—but then I hit a wall. Can someone please just give me some straightforward instructions?

Hannah Watson85 said:I’m honestly a little lost here, sorry 😬. I’ve been using FF—I actually downloaded CheekyMonkey or WTF at one point—but then I just hit a wall and had no idea what the next step was. Could someone please walk me through some basic instructions?

Just look for the "new user script" option, enter a name and a domain (it doesn't really matter what you put there), and hit OK. From there, you just copy and paste the script, and you're all set. If the system asks you which text editor you want to use, you'll just need to point it toward Notepad.exe.

Does anyone have a clue why the buttons on the toolbars shift around when you hover over them? Since I'm already tinkering with things, I might as well fix this annoyance once and for all 😁

It's because they have some default padding that vanishes upon hover, much like how a poorly planned budget disappears the moment you actually try to use it 🤦

Here is what I put together. That's enough for tonight; I'm heading to bed 😁

html body {
background-color: #fff;
background-image: none;
}

div.page {
width: 100% !important ;
}

.pagenav table {
width: 0 !important;
}

.alt1 td, .alt1Active td {
background-color: transparent !important;
}

.alt2 td, td.alt2 {
background-color: #E1E4F2 !important;
}

#collapseobj_quickreply td,
div.panel fieldset > table > tbody > tr > td,
#vB_Editor_001 td,
.panel div[style="width:640px"] td {
background-color: transparent !important;
}

table[style="width:640px"],
table#vB_Editor_QE_1_editor,
table#vB_Editor_QE_1_editor td.vBulletin_editor,
table#vB_Editor_QE_2_editor,
table#vB_Editor_QE_2_editor td.vBulletin_editor {
width: 100% !important;
}

td.vBulletin_editor,
table#vB_Editor_QE_1_editor,
table#vB_Editor_QE_1_editor td,
table#vB_Editor_QE_2_editor,
table#vB_Editor_QE_2_editor td {
border: none !important;
}

table#vB_Editor_001 {
background-color: transparent !important;
}

.alt1Active td:last-child {
width: 100% !important;
}

div.imagebutton {
background-color: transparent !important;
border: 1px solid transparent !important;
padding: 0 !important;
}

div.imagebutton:hover {
background-color: white !important;
border: 1px solid #5D7790 !important;
padding: 0 !important;
}

Honestly, I’m just not feeling this at all; it looks like some kid went wild with a bunch of random settings and totally trashed the forum's layout. Can we please just go back to how it used to be? 🙂

I am genuinely at a loss here... what on earth is going on?

http://imageshack.us/photo/my-images/543/stojeovo.jpg/

🙂 On my 1080p setup, there’s enough room for those damn ads to take up the whole screen and still leave some dead white space on the sides. This forum is so cramped I practically have to glue my face to the monitor just to make sense of anything through all these obnoxious blue ads stabbing me in the eyes. :/

http://img213.imageshack.us/img213/6949/irinab.jpg

Zendaya, thank you so much... you really saved my life on Google Chrome 🙂

I usually just hold down Ctrl and scroll up until everything looks perfectly aligned and centered...