/* 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

Advanced search

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

Principles of Web Design

Thread starter Darklight221
Start date July 18, 2026
Tagged users None

Forums
White Hat & Gray Hat 🔑👨‍🎓💿🎨🤖 Freebies Section
Graphics Courses & Tutorials..etc
Principles of Web Design

Darklight221

Advanced Member

726 Reaction score full reputation master

July 18, 2026

Thread Author
#1

D

denaai45

Member

0 Reaction score

July 24, 2026

#2

ki

D

denaai45

Member

0 Reaction score

July 24, 2026

#3

ki

You must log in or register to reply here.

Similar threads

Graphic Design Basics Core Principles for Visual Design

Replies: 1

Views: 4K

June 26, 2026

applesscent

A

Free Udemy Course "Photoshop Web Design Project. Learn UX Web Design"

Replies: 0

Views: 3K

July 29, 2026

K0lt

Photoshop Web Design Project. Learn UX Web Design

Replies: 0

Views: 3K

July 28, 2026

Lndr01

Learn T-Shirt Design With Adobe Photoshop And Illustrator

Replies: 0

Views: 2K

July 28, 2026

D4rkMoney

36 Graphics & Design Ebooks

Replies: 0

Views: 3K

June 14, 2026

VortexVandal

Share:

Facebook Twitter Reddit WhatsApp Email Link

Forums
White Hat & Gray Hat 🔑👨‍🎓💿🎨🤖 Freebies Section
Graphics Courses & Tutorials..etc
Principles of Web Design