/* This CSS is active only when scripting is disabled. */ .fa::before, .fa::after, .fas::before, .fas::after, .far::before, .far::after, .fal::before, .fal::after, .fad::before, .fad::after, .fab::before, .fab::after, .fa--xf::before, .fa--xf::after, [class^="fa-"]::before, [class^="fa-"]::after, [class*=" fa-"]::before, [class*=" fa-"]::after, .svg-inline--fa, .node-icon i::before, .node-icon i::after, .node-extra-icon::before, .node-extra-icon::after, .button--icon > .button-text::before, .button--icon > .button-text::after, .button--iconOnly::before, .button--iconOnly::after, .p-navgroup-link::before, .p-navgroup-link::after, .p-navEl-link::before, .p-navEl-link::after, .menu-linkRow::before, .menu-linkRow::after, .inputGroup-text::before, .inputGroup-text::after, .structItem-statuses > li::before, .structItem-statuses > li::after, .message-attribution-opposite::before, .message-attribution-opposite::after, .reaction-text::before, .reaction-text::after, .tabs-tab::before, .tabs-tab::after, /* Editor placeholder icon. */ .editorPlaceholder .editorPlaceholder-placeholder .input span::before, .editorPlaceholder .editorPlaceholder-placeholder .input span::after, /* Live Forum Statistics tab title icons. The add-on uses ul.tabs, not .tabs--list. */ .lfs[data-widget-key="live_forum_statistics"] .tabs .title::before, .lfs[data-widget-key="live_forum_statistics"] .tabs .title::after, .lfs[data-widget-key="live_forum_statistics"] li[class*="tab-"] > .title::before, .lfs[data-widget-key="live_forum_statistics"] li[class*="tab-"] > .title::after, /* Category collapse/expand Font Awesome chevrons. */ .block--category .collapseTrigger:not(.button)::before, .block--category .collapseTrigger:not(.button)::after, .block--category .collapseTrigger:not(.button).is-active::before, .block--category .collapseTrigger:not(.button).is-active::after, /* XenForo message controls that may use icon pseudo-elements without fa-* classes. */ .actionBar-action::before, .actionBar-action::after, .actionBar-action--report::before, .actionBar-action--report::after, .actionBar-action--reaction::before, .actionBar-action--reaction::after, .actionBar-action--reaction > i::before, .actionBar-action--reaction > i::after, .reaction > i::before, .reaction > i::after, .reaction i[aria-hidden="true"]::before, .reaction i[aria-hidden="true"]::after, .message-bookmark::before, .message-bookmark::after, .bookmarkLink::before, .bookmarkLink::after, [data-xf-click="bookmark"]::before, [data-xf-click="bookmark"]::after, .message-attribution-main a::before, .message-attribution-main a::after, .message-attribution-opposite a::before, .message-attribution-opposite a::after, .message-footer a::before, .message-footer a::after { content: none !important; display: none !important; background: none !important; background-image: none !important; -webkit-mask: none !important; mask: none !important; } /* Share controls depend on JavaScript in this style, so hide the entire share block when scripting is disabled. This also hides the “Share:” label. */ .shareButtons, .shareButtons-label, .shareButtons-buttons, .shareButtons-list { display: none !important; } .node-icon { display: none !important; } /* * No-JavaScript PNG fallbacks for the account navigation. * The image is placed directly on the child <i>, while both Font Awesome * pseudo-elements are suppressed. This avoids changing any previously fixed * selectors elsewhere on the forum. */ a.p-navgroup-link--user > i[aria-hidden="true"], a.p-navgroup-link--conversations > i[aria-hidden="true"], a.p-navgroup-link--alerts > i[aria-hidden="true"] { display: inline-block !important; width: 1.28571429em !important; height: 1.28571429em !important; min-width: 1.28571429em !important; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; vertical-align: middle !important; } a.p-navgroup-link--user > i[aria-hidden="true"]::before, a.p-navgroup-link--user > i[aria-hidden="true"]::after, a.p-navgroup-link--conversations > i[aria-hidden="true"]::before, a.p-navgroup-link--conversations > i[aria-hidden="true"]::after, a.p-navgroup-link--alerts > i[aria-hidden="true"]::before, a.p-navgroup-link--alerts > i[aria-hidden="true"]::after { content: none !important; display: none !important; } a.p-navgroup-link--user > i[aria-hidden="true"] { background-image: url("/styles/OAI/NoJsFontAwesomeDisabler/user.png") !important; } a.p-navgroup-link--conversations > i[aria-hidden="true"] { background-image: url("/styles/OAI/NoJsFontAwesomeDisabler/conversations.png") !important; } a.p-navgroup-link--alerts > i[aria-hidden="true"] { background-image: url("/styles/OAI/NoJsFontAwesomeDisabler/alerts.png") !important; } /* Additional Font Awesome pseudo-elements hidden when JavaScript is disabled. */ /* Filter menu icon */ .filterBar-menuTrigger::before, .filterBar-menuTrigger::after { content: none !important; display: none !important; background: none !important; background-image: none !important; } /* Pagination previous/next arrows */ .pageNav-jump.pageNav-jump--prev::before, .pageNav-jump.pageNav-jump--prev::after, .pageNav-jump.pageNav-jump--next::before, .pageNav-jump.pageNav-jump--next::after { content: none !important; display: none !important; background: none !important; background-image: none !important; } /* Important block/message icon */ .blockMessage--important.blockMessage--iconic::before, .blockMessage--important.blockMessage--iconic::after { content: none !important; display: none !important; background: none !important; background-image: none !important; } /* Login and register navigation icons */ .p-navgroup-link.p-navgroup-link--logIn > i::before, .p-navgroup-link.p-navgroup-link--logIn > i::after, .p-navgroup-link.p-navgroup-link--register > i::before, .p-navgroup-link.p-navgroup-link--register > i::after, .p-navgroup-link--logIn::before, .p-navgroup-link--logIn::after, .p-navgroup-link--register::before, .p-navgroup-link--register::after { content: none !important; display: none !important; background: none !important; background-image: none !important; } /* Error block/message icon */ .blockMessage--error.blockMessage--iconic::before, .blockMessage--error.blockMessage--iconic::after { content: none !important; display: none !important; background: none !important; background-image: none !important; } /* Restore native checkboxes when JavaScript is disabled. */ label.iconic > input[type="checkbox"] { position: static !important; display: inline-block !important; opacity: 1 !important; visibility: visible !important; width: auto !important; height: auto !important; min-width: 0 !important; margin: 0 .45em 0 0 !important; padding: 0 !important; clip: auto !important; clip-path: none !important; transform: none !important; vertical-align: middle !important; appearance: auto !important; -webkit-appearance: checkbox !important; } label.iconic > input[type="checkbox"] + i, label.iconic > input[type="checkbox"] + i::before, label.iconic > input[type="checkbox"] + i::after { content: none !important; display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }

Register

⚠️ Your JavaScript is Disabled ⚠️
Some Forum functions may NOT work properly.
Enable JavaScript in your Browser to use all the Forum features.

Intermediate JavaScript Building Frontend Components

Thread starter Sauron
Start date March 2, 2024
Tagged users None

Forums
Dead Download Links
Intermediate JavaScript Building...

Status: Not open for further replies.

Sauron

Hero Member

Infinity Member

53748 Reaction score full reputation master

March 2, 2024

Thread Author
#1

N

natehiggre

Member

1 Reaction score

March 28, 2024

#2

thxx

Status: Not open for further replies.

Similar threads

Locked

SEND UNLIMITED SMS BY BUILDING YOUR OWN BULK SMS SENDER

Replies: 1

Views: 10K

August 4, 2024

firstadam

Locked

Learn API Programming by Building a Telegram Bot

Replies: 3

Views: 7K

March 13, 2024

volt

V

Locked

The Ultimate Training Building Bulk SMS Sender

Replies: 3

Views: 9K

May 26, 2024

thirskyl

Share:

Facebook Twitter Reddit WhatsApp Email Link

Forums
Dead Download Links
Intermediate JavaScript Building...

Top