Resource icon

XF 2.x Custom [ShikiSuen] vBulletin 3 Form FieldSets

ShikiSuen

New member
Registered
Joined
Apr 29, 2020
Messages
4
Reaction score
2
Points
12
Location
Japan

Reputation:

New resource:

vBulletin 3 Form FieldSets - vBulletin 3 form fieldsets for XF2, device responsive.

Do you want some old-school shyster without suffering from the vulnerabilities of old vBulletin 3.8?
Now it is time to switch to XenForo.











Put this at the end of your EXTRA.LESS CSS template:

CSS:
/* ==================== vBulletin 3 Form Fieldsets ==================== */
body{@media (min-width:(@xf-formResponsive + 1)){form.block{.block-formSectionHeader{.block-formSectionHeader-aligner{text-align:unset;width:unset;font-size:@xf-fontSizeNormal;color:@xf-textColor;font-weight:Bold;text-transform:lowercase}}.formSubmitRow-controls{padding-left:unset;text-align:center}.block-body{box-shadow:inset 0 0 0 4px #E8F2FF,inset 0 0 0 5px #edeced;padding:5px;dl.formRow.formRow--fullWidth+.formRow--mergePrev,.formRow.formRow--fullWidth+*>.formRow:first-of-type.formRow--mergePrev,.formRow.formRow--fullWidth.formRow--mergeNext+.formRow.formRow--fullWidth,.formRow.formRow--fullWidth.formRow--mergeNext+*>.formRow.formRow--fullWidth:first-of-type{border:1px solid #C6D0DD}dl.formRow{&:first-child{margin-top:(@xf-paddingLargest + 1em)}&:last-child{margin-bottom:(@xf-paddingLargest + 1em)}width:95%;min-width:0;border:1px solid #C6D0DD;padding:1em;margin:1.5em auto 1em;&.formRow.formRow--limited{display:none}&.formRow--input>dt,&>dt{border-right:0;border-color:unset;text-align:unset;width:unset;float:left;display:block;margin:-1.7em 0 0;padding:0 .25em;background:@xf-paletteNeutral1;color:#22229C;font-size:1em;font-weight:400;.formRow-labelWrapper{display:flex;flex-flow:row-reverse nowrap;.formRow-label::after{content:unset}.formRow-hint{margin-right:5px;display:inline-block;background:red;color:white;&::before,&::after{content:"\00a0"}}}}&.formRow--input>dd,&>dd{width:unset;padding:unset;display:block}}hr.formRowSep{display:none}}}}&:not([data-template="account_signature"]){@media (min-width:(@xf-formResponsive + 1)){.p-body-main--withSideNav{form.block{.block-body{dl.formRow{width:75%;min-width:480px}}}}}}}
Read more about this resource...
 
Top