Style Classic vBulletin 3 skin --- development log

[Adam Howard]

Tabs found on the search page

.tabs {
background-color: #BCC1D3;
color: white;
font-weight: bold;
border-color: black !important;
}

.tabs li a, .tabs.noLinks li {
background-color: #576288;
color: white;
font-weight: bold;
border-color: black !important;
}

.tabs li.active a, .tabs.noLinks li.active {
color: black;
background-color: #DDDEE9;
font-weight: bold;
}

 

[Adam Howard]

Style Properties: Header and Navigation


BOLD .... All navigation text

 

[Adam Howard]

LN Blog support

.lnblogEntryMessage {
color: black !important;
background: #DCDCE8 !important;
}

.lnblogComment {
color: black !important;
background: #DCDCE8 !important;
}

.lnblogProfileEntry {
background: #DCDCE8;
}

.lnblogUserEntryPreview {
background: #DCDCE8;
}

.lnblogRecentEntryTitle {
background: #DCDCE8;
}

.lnblogLinkLight, .lnblogLinkLight a {
color: black !important;
}

.lnblogRecentEntryMeta {
background: #DCDCE8;
color: black !important;
}

.lnblogEntryPublicControls {
background: #DCDCE8;
color: black !important;
}

.lnblogLinkDark, .lnblogLinkDark a {
color: black !important;
}

 

[Adam Howard]

XenPorta Support

This helps things line up evenly and also match the spacing on the xenforo sidebar

.EWRporta_Portal .section:first-child{
margin: 5px 5px 10px !important;
}

 

[Adam Howard]

Corrects the coloring on the arrow drop down menu for user profile

.navTabs .navTab.PopupClosed .arrowWidget {
@property "popupArrowClosed";
background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -32px 0;
margin-top: -2px;
margin-left: 2px;
display: inline-block;
margin-top: 0;
vertical-align: middle;
width: 16px;
height: 14px;
@property "/popupArrowClosed";
}

 

[Adam Howard]

Optimizes the spacing issues from events.css and corrects them inside extra.css
Helps product more rounded and evening spacing.

.event, .event.forceBorder:first-child {
border-radius: 5px !important;
margin-bottom: 2px !important;
}

 

[Adam Howard]

Style Properties: General > HTML

Bold

 

[Adam Howard]

Style Properties: Forum / Node List

> Category Strip Title
> Category Strip
> Category Strip Description
> Node Statistics
> Node Description
> Description Tooltip

BOLD

 

[Adam Howard]

Style Properties: Buttons

All BOLD

 

[Adam Howard]

Coloring for the "link" which states how many selected threads you have selected

Located on the right side of the thread and thread list.

.linkGroup a, .linkGroup .Popup {
color: white;
}

 

[Adam Howard]

changes the color text for the link at the end of the editor (TinyTMC Editor) which reads

"Use Rich Text Editor"

.bbCodeEditorContainer a {
color: white;
}

 

[Adam Howard]

Text coloring for "post remaining"

.postsRemaining a, a.postsRemaining {
color: white !important;
}

 

[Adam Howard]

Member card coloring

.xenOverlay.memberCard .userInfo h3 a {
color: #6984B3 !important; }
 
.xenOverlay.memberCard .userTitle {
color: white !important; }
 
.xenOverlay.memberCard .userBlurb {
color: #6984B3 !important; }
 
.xenOverlay.memberCard .userBlurb .muted{
color: #6984B3 !important; }
 
.xenOverlay.memberCard .userBlurb a {
color: #6984B3 !important; }
 
.xenOverlay.memberCard .userInfo .status {
color: white !important; }
 
.xenOverlay.memberCard .userLinks a {
color: #6984B3 !important; }
 
.xenOverlay.memberCard .userStats dt {
color: white !important; }
 
.xenOverlay.memberCard .userStats dd {
color: #6984B3 !important; }
 
.xenOverlay.memberCard .lastActivity dt {
color: #6984B3 !important; }
 
.xenOverlay.memberCard .lastActivity dd {
color: #6984B3 !important; }
 
.xenOverlay.memberCard .lastActivity dd a {
color: #6984B3 !important; }
 
.xenOverlay.memberCard .lastActivity .DateTime {
color: #6984B3 !important; }

 

[James]

I think I found all the little gray text

(You know the small, almost invisible, and god help you if you have a large monitor and try to read it type text.... Ya, that stuff)

.ctrlUnit dd .explain {
color: #576288 !important;
font-weight: bold;
}
 
.ctrlUnit dt dfn, .ctrlUnit dt .error, .ctrlUnit dt a {
color: #576288 !important;
font-weight: bold;
}
 
.ctrlUnit dd li .hint {
color: #576288 !important;
font-weight: bold;
}
 
.trophy .info .description {
color: #576288 !important;
font-weight: bold;
}
 
.profilePage .primaryUserBlock .userStatus .DateTime {
color: #576288 !important;
font-weight: bold;
}
 
.searchResult .meta {
color: #576288 !important;
font-weight: bold;
}
 
.searchResult .contentType {
color: #576288 !important;
font-weight: bold;
}

This is making me cry so many font-weight declarations! You can comma-separate:

 .ctrlUnit dd .explain, .searchResult .contentType, .searchResult .meta, .profilePage .primaryUserBlock .userStatus .DateTime, [etc]{
font-weight: bold;
}

 

[Adam Howard]

This is making me cry so many font-weight declarations! You can comma-separate:

.ctrlUnit dd .explain, .searchResult .contentType, .searchResult .meta, .profilePage .primaryUserBlock .userStatus .DateTime, [etc]{
font-weight: bold;
}

I'm aware in css you can use comma-separation, but I kept it divided for 2 reason

1) So people can see and change each individually.

2) Oddly comma-separation does not always work in XenForo. I do not know why. So I've come to the habit of dividing them for XenForo.

 

[Dad.]

Mind if I ask why you are posting 5 pages of one line CSS changes?

 

[Adam Howard]

Mind if I ask why you are posting 5 pages of one line CSS changes?

Just general development logging before I release this. A nice way to show my process of work done and receive feedback.

 

[Russ]

Mind if I ask why you are posting 5 pages of one line CSS changes?

It's the uncensored thing to do, actually I think he's trying to prove a point that he's making this style unique, so he's updating every step of the way. Bravo to not stealing for once, shame it's taking 5 pages so far

 

[Adam Howard]

vBulletin 3 Inspired - Beta 1

Attached it the current beta. I've not yet add or produced any custom photos yet.

vB3 Inspired comes in 2 flavors. Flat and Glossy.

The difference is one of them (Flat) has all the XenForo extras removed (based upon Naked XenForo).

And the other one (Glossy) has all the extras that comes with XenForo (based upon XenForo default).

Screen shot of FLAT




Screen shot of Glossy

 

[Adam Howard]

Feedback and bug reports welcomed