Simplicity Pro (+ 4 Theme Presets)

Simplicity Pro (+ 4 Theme Presets) 1.1.0

No permission to buy ($25.00)
July 6th, 2018 | Theme Version 1.1.0

To view this latest version live, please visit the Demo Forum here:
https://demo.nulumia.com/xenforo/misc/style?style_id=49

To update your theme, please download the latest version at:
https://www.nulumia.com/my-account/downloads/

Overview

This update is a major overhaul and upgrade, bringing countless new improvements, bug-fixes, and major features!

NulumiaBase 1.9.x is a massive rewrite to my entire theme framework, representing months of labor. As work is moving entirely onto Xenforo 2, I wished to produce one last major update for XF1 edition themes. There's tons of new features introduced - HTML widgets; stretched & fixed header or footer; new CSS animations; move visitor tabs to more locations; new node image system, and more!

** Important - Read Before Upgrading **
  1. You must upload all files when upgrading your theme, as the /js/nulumia/theme-functions.js file has been updated for latest features
  2. Template Update
    The Custom Node Background feature has been reworked. This update requires a manual template update which must be performed by hand - no worries as it is an easy step! You will find instructions for this step included in your /documentation/readme file. The node image background feature will not function correctly until performing this edit.
That's all, just import/overwrite as normal and you're done!

Feature Overview

New support for single logo + navigation row



New Featured HTML Widgets!
A new awesome feature to enhance your forum home page - add up to five HTML widgets with any content you wish - custom code, Tweets, images, videos, your imagination is the limit! All Nulumia themes now come with sample widgets made to best bring each theme to life.



Slider intro animations & transitions!




New visitor tab locations with FontAwesome
Choose from three new locations for your login & visitor tabs



Automatically move user tabs on mobile
Choose from three new locations to override your visitor & login links on mobile devices for the look you want



New node background system - display image banners above your categories
The node background feature has been reworked! You can now choose to display images as banners above your nodes for a cleaner appearance, instead of behind your text.



Redesigned for XenGallery
All Nulumia themes now look great with the official XenGallery plugin



New import 3rd-party libraries
Import 3rd-party libraries in one click, such as Particles.JS and Normalize, more coming soon!



Custom inline CSS with new animations
Many new features now come with easy-to-edit Style Properties for quick inline styling. Each theme is now pre-configured with added CSS animations to bring your theme alive!



.. and that's not all. Check the changelog below for full details!

Q. Whew, so that's a lot! Is this a big deal to upgrade?

A. Nope! Just upload & reimport like normal, that's it. There is one single template edit you will need to perform for the node image backgrounds, see description in your readme file.
Changelog

NulumiaBase Changes
New Features
  • Updated for Xenforo 1.5.21
  • Merged all templates to latest versions
  • Added full XenGallery support
  • Added new option to hide background slideshow or video on mobile
  • Replaced default Xenforo login link with Login / Signup custon tabs. These can now be placed in various locations (Top bar, logo area, navigation, etc). All themes have been rewritten to take advantage of this feature where best placed.
  • Added new Global Padding property (available via [Nulumia] Theme Settings property group. This setting mimics Xenforo 2’s system of using one simple property to assign padding to various elements. This setting has been integrated throughout all themes in place of fixed pixel values.
  • Added new Content Spacing property (available via [Nulumia] Theme Settings property group. This setting has been integrated throughout all themes and sets the standard spacing between blocks of content, such as widgets, sidebars, and content areas.
  • Added new Page width min & Page width max properties (available via General property group). These settings have been integrated with Xenforo’s pageWidth handler to automatically handle responsive settings.
  • All themes are now 100% compatible with px or % based widths, for both min and max page width settings
  • Added new Featured HTML Widgets feature (available via [Nulumia] Featured Content property group)
  • Added option to disable the Top Bar
  • Added option to use stretched or fixed width header. Individual elements such as the top bar, logo row, and navigation can also be individually set to stretch or fixed.
  • Complete CSS handling of links has been rewritten. Link and hover colors are now more consistent throughout all themes.
  • Added option to use stretched or fixed width footer. Now comes with extra style properties to style footer elements in various configurations
  • Added ability to place the Visitor Tabs in either the top bar, logo area, or navigation (available via [Nulumia] Header Settings property group). The new Login tabs feature will also use this location.
  • Added ability to move the Visitor tabs to other available locations on mobile
  • Added new Import Libraries section to the [Nulumia] Theme Effects property group. Currently only Particles.js is available. This feature can be imported via CDN when used by certain theme effects.
  • Added new custom inline Jquery field to the [Nulumia] Theme Effects property group. This can be used to quickly add inline JS functions to the theme.
  • Added new option to sharpen the logo when on small mobile displays (uses native browser rendering techniques)
  • Replaced Xenforo’s UI image sprite with pure FontAwesome icons (rating, lock, moved, edit, author online etc)
  • Added new FontAwesome icons to various buttons (Create new thread, reply, etc)
  • Added new option to add Search to the visitor tabs (now enabled by default in some themes)
  • Added new ability to set the node background image as a banner above the node row.
  • Added new ability to combine or separate (default) the User Info & Message column within threads. New conditional styling has been added to automatically adjust CSS depending on the configuration.
  • Added new tooltip labels when hovering over the visitor tabs
  • Added new support for placing a mini-logo within the navigation on certain themes. Logo image can also be individually styled via custom property
Template / Framework Related
  • Moved all custom JS to nl_js_functions template
  • Rolled out floating content, drop shadow and background text highlight modules from Simplicity theme into all themes as part of NulumiaBase framework. Replaced previous hard-coded methods in numerous themes to take advantage of the new framework
  • Overhauled the nl_body_classes template to add more classes to the html tag. Used for improved conditional CSS styling depending on user settings.
  • Rewrote the Nulumia theme-functions.js file, now better optimized and fast-loading. Certain front-end functions no longer “hang” the layout until the window finishes loading
  • Moved all custom CSS sheets from ad_above_content into nl_css_loader template. This template is now loaded from PAGE_CONTAINER. Ad_above_content template has been reverted to its default version.
  • Organized per-theme effects, animations, and groupings of certain CSS rules into new znltheme_modules.css and znltheme_effects.css for better organization
  • Reworked the way pageWidth property is handled within templates. Better support for using pixel values for the max page width setting, with dynamic padding in different layouts
Background Settings
  • Overhauled the custom background system, new improvements and conditionals for desktop & mobile use
  • Added new option to hide background slideshow or video on mobile
  • Background videos now fade in when fully loaded. Background uses the @pageBackground color while loading the video.
  • Several properties renamed for better clarity
  • Added option to set background-size mode for the background slideshow - fit, fit-smaller,fill, cover etc
Header
  • Overhauled styling of the top bar and content, such as social links, ticker, etc.
  • Added better mobile styling for the topbar elements. The topbar now automatically scales on smaller devices and allows the ticker to move to a new row, instead of compacting
  • Fixed a bug where the top bar would occassionally collapse below the height of its content
  • Added new setting for content height of various top bar elements (available via [Nulumia] Header Settings property group). This setting helps keep content neatly aligned and equal height within the top bar.
  • All content within the top bar now inherits text color from the top bar property
  • Appearance/styling of the top bar social links, ticker, and login/visitor links now all match
  • Added new custom properties to style the Visitor Tabs for each available location: Top bar, logo row, and navigation.
  • Added new option to sharpen the mobile navigation logo
  • All visitor tabs will keep their hover/active state when moving onto a dropdown menu, fix extended to all locations (top bar, logo row, navigation)
  • Last navigation/visitor tabs now automatically remove right margin after FontAwesome icon
  • Rearranged and renamed various properties in the [Nulumia] Header Settings property group for better organization
  • Rewrote handling of the navigation row and subnav link row. Now performs better on various responsive layouts
  • Rewrote handling of the header search field. Now has support with all the latest features and header configurations
  • Added Jquery function to automatically reposition search into the navigation when on mobile layouts
  • Overhauled styling and xen:calc functions for the navigation tabs. Tabs are now styled more consistently
  • Added custom properties to style the mini-logo when placed in the navigation. Can also be styled separately when the Sticky Nav is activated
  • Overhauled the navigation popup menu system. Now has more consistent styling of content in menus such as Alerts, Conversations, etc. Added custom properties to style various elements.
  • Added option to make footer stretch to edge of screen on mobile (removes new page spacing value)
  • Added Text-Based Logo feature to all themes
  • Navigation/visitor tabs now condense padding and size on mobile
  • Top bar visitor tab links now automatically hide labels when on responsive sizes
  • Visitor tabs now condense in all available locations on mobile to show only the User tab
  • Fixed CSS handling of the subnav links bar which would cause layouts to break on mobile in several themes
  • Fixed a bug where the visitor tab alert balloons would sometimes not have matching arrow colors
  • Added option to display tooltip labels to the login links when placed in the navigation
  • Fixed a bug where the custom Visitor Tab property would not take priority over Xenforo default CSS
  • Added conditional to hide placeholder FontAwesome icon if the search button is enabled
  • Added FontAwesome placeholder icon to Quicksearch
Misc Improvements
  • Improved CSS handling of menus and dropdown lists
  • Added dark Captcha form styling to appropriate themes
  • Improved CSS handling of button styles, primary and disabled buttons
  • Remaining image sprites from several themes have been cleaned out in place of CSS gradients
  • Improved CSS handling of tables
  • Removed redundant Alert Balloon property
  • Alert balloons now automatically reposition when the navigation or top bar touches the top of the page. Alert balloons now no longer are overlapped by the moderation bar.
  • Fixed text/link colors within the moderation bar in several themes
  • Added more conditionals for handling the general page content container when on various responsive layouts. Now also changes when various user configurations, such as boxed or floating layouts, are set.
  • Fixed a bug so page content correctly inherits padding from the Content - Responsive property whether in Boxed or Floating Content mode
  • Improved styling of the page navigation items
  • Improved styling of overlays
  • Added padding to page content when on mobile view (text no longer runs into edge of screen)
  • Added new properties to style public & private thread links separately
  • Fixed a bug where certain content areas would overflow their containers when used in certain mods
  • Improved handling of the Popup Modal Login/Register forms when feature is enabled. Further improved all form type overlays throughout Xenforo for perfect consistency.
  • Overlay close buttons now use FontAwesome when enabled instead of png sprite
  • Overhauled handling of Xenforo comment balloons, Now all balloons properly match throughout Xenforo and 3rd party mods, such as XenPorta, Better Blogs, etc.
  • Improved contrast of dimmed-faint text colors in several themes
  • Fixed CSS handling of the left/right sidebar option
  • Fixed a bug where the sectionMain area would sometimes break out of the page
  • Added FontAwesome support for close buttons on popup forms, notices and comments
  • Changed the default Xenforo UI png sprite to FontAwesome
  • Fixed a bug where drop shadows would be applied to incorrect elements on some themes
  • Added custom property to set color of the character count within forms
  • Added global border radius support to floating notices
  • Updated all style image folders with latest Xenforo version files
Nodes, Discussion List
  • Rewrote the Side by Side node system with Flexbox system, now has more consistent spacing, padding, and handling of borders
  • Spacing between the side by side nodes now uses the Global Content Padding property by default
  • Added new ability to set the node background image as a banner above the node row.
  • Fixed a bug where the node read / unread icon wouldn’t align properly when Custom Node Backgrounds are enabled
  • Reworked style handling of the thread list handle, page nav, and read/unread icon box
  • Added hover color for the new FontAwesome RSS icon
  • Fixed a bug where the RSS icon wouldn’t align correctly during different node configurations
  • Fixed a bug where side by side nodes wouldn’t appear correctly for sub forums on the Discussion List page
  • Nodes on mobile displays now have vertical spacing between nodes when Side by Side Nodes are enabled and the Node Spacing property is set to more than 0
  • Improved node icons to automatically align with the nodeText block during side by side or custom node configurations
Messages
  • Fixed a bug where the user info and message containers wouldn’t properly align when using borders
  • Message user info container arrow now automatically positions to align with message text, also inherits correct color of user info container
  • Centered message usernames by default
  • Added new property to style the message author username
  • Added bottom-padding to the message User Info container
  • Restyled the Likes bar in several themes
  • Added new property to style the Staff Banner in messages
Icon Slider
  • Rewrote the icon slider CSS with better improvements, FontAwesome support, position-based margins, and split support for use in either the Logo Icon slider or Featured Content slider
  • Sliders now correctly touch edge of content area using conditionals to detect user specified layouts
  • Added additional location for the Logo Icon Slider - Below content / above footer
Sidebar
  • Added more styling support for widgets introduced by 3rd party mods
  • Rewrote handling of sidebar widgets on the profile page, now widgets on all page types correctly match
  • Added new custom property to handle styling of sidebar widgets when floating content mode is enabled
  • Improved consistency of widget heading text colors
  • Reworked handling of box shadows on the profile sidebar widgets for a more consistent appearance
  • Reformatted profile sidebar blocks to match regular forum sidebar headings
Slider
  • Added two new slides (total of 10)
  • Fixed a bug which caused the letterbox or cropped responsive modes to not work correctly in some situations
  • Added new slider location - Below content / above footer
  • Changed slider descriptions from single line to multi-line with HTML support
  • Slider titles now auto-format HTML titles with max characters and ellipsis (...) when titles overflow the available space
  • Added new Inline Custom CSS field to the [Nulumia] Slider Settings property group. This field can be used to quickly add custom CSS styling for the slider. Several themes have been reworked to use this feature.
  • Added FontAwesome directional icon controls and hover colors
  • Added caption content spacer setting
  • Improved handling of the slider caption box, better support for position styling
  • Slide captions now automatically scale and reformat on mobile view, text size reduces to cover less of slide image
  • New support for animated slide captions (intro, fade-in, etc)
  • Fixed a bug so that HTML lists can now be placed within slides without conflicting with the slider JS function
  • Added new conditional padding for HTML elements within the slider caption box
Property Group Changes
  • Renamed and added better descriptions to numerous custom properties in the [Nulumia] property groups
  • Resorted several properties which were out of place
  • Removed all older custom nlAltx style properties and removed the [Nulumia] Styles property group
Breadcrumb
  • Overhauled styling of the breadcrumb, is now more consistent across themes and fixes several FontAwesome icon bugs in certain browsers
  • Added styling for the jump menu icon, better FontAwesome support
  • Fixed a bug where the jumpmenu icon would not inherit background color
  • Fixed ordering of Breadcrumb Call to Action properties and added custom property for Call to Action Hover state
Footer
  • Completely rewrote CSS and property handling of footer elements, such as content areas, links, rows, and spacing. Footer content now handles padding more consistently on responsive layouts
  • Improved padding of chooser items in the footer links bar
  • Link colors can now be individually set for each of the main footer areas - Legal, Copyright, Column layout, etc
  • Added new Footer Block Spacing setting (available via [Nulumia] Footer Settings property group. This setting affects the spacing between blocks and rows in the footer layout system.
  • Added dozens of conditionals to automatically style the footer in the best way possible depending on configuration set by the user (boxed, fixed, stretched, etc)
  • Added option to make footer stretch to edge of screen on mobile (removes new page spacing value)
  • Fixed a bug where node read/unread icons would not correctly align with the node text blocks
  • Added option to add the logo to the top of footer column A, also has support for using the Text based logo. Can be styled individually with new custom property
  • Added parallax background mode to the footer secondary top row
  • Added better CSS Flex styling for the footer columns
  • Added ability to append the Social Links onto any footer A-D column
  • Fixed several bugs where the footer columns would inherit incorrect spacing/padding on mobile view
  • Added option to center all footer content on mobile (includes default Xenforo footer, column layout, legal & copyright, etc)
  • Fixed a bug where using flex columns such as in the footer elsewhere on the page would conflict with the footer column layout
  • Added ability to place the Logo Icon Slider in the Footer Top Rows
  • Added support to place flex columns inside the footer top rows
Mod Related
  • Added more style improvements to XenPorta 2 ;layouts & feature slider
  • Added more style improvements to DB Tech Shout
  • Added more style improvements to Better Blogs
  • Added style improvements to PE Forum Stats
  • Added style improvements to RainDD User Activity
  • Match content container styling between thread Message container, XenPorta 2 article container, XFA Better Blogs container
  • Added option to “tab-ify” the text headers on Resource Manager item pages

Attachments

January 19th, 2018 | Theme Version XF2 1.0.1b

To view this latest version live, please visit the Demo Forum here:
https://demo.nulumia.com/xf2/index.php?misc/style&style_id=4

To update your theme, please download the latest version at:
https://www.nulumia.com/my-account/downloads/

Overview

This is the second and final pre-release update for the Xenforo 2 style. DarkTabbed for Xenforo 2 will be released as a standalone product in all future updates.

This update covers some bug-fixes and feature improvements.

How to get the theme:

Simply re-download your theme package at www.nulumia.com, and you will find the XF1 and XF2 themes now organized in separate folders.

Changelog

NulumiaBase Changes
  • NulumiaBase Changes
    • Upgraded NulumiaBase to 2.0.1
    • Fixes and Improvements
      • Fixed a bug where the forum discussion list layout would break on mobile
      • Fixed a bug where the footer links bar would sometimes overlap the sticky navigation
      • Improved the code and style property handling of the breadcrumb and XF1 style breadcrumb
      • Added mouse-hover effect to breadcrumb items
      • Breadcrumb elements (items, arrow widths etc) now automatically scale based on a few simple inputs
      • Added option to control the distance of the Scroll to Top button from the bottom of the screen (available via Miscellaneous property group)
      • Improved the inline checked moderation color
      • Added option to hide the Ticker on mobile devices (available via [Nulumia] Ticker Settings property group)
      • Added option to hide the Logo Icon Slider on mobile devices (available via [Nulumia] Logo Icon Slider Settings property group)
      • Option to hide the main slider on mobile coming soon

Attachments

January 15th, 2018 | Theme Version XF2 1.0.0b

To view this latest version live, please visit the Demo Forum here:
https://demo.nulumia.com/xf2/index.php?misc/style&style_id=5

To update your theme, please download the latest version at:
https://www.nulumia.com/my-account/downloads/

Overview

This update includes the beta release of Simplicity Pro for Xenforo 2!

As you may be wondering, I have not yet released a new product for the XF2 theme. This release is mostly intended for existing customers who would like to start previewing Simplicity on their Xenforo 2 site, while I finish up the written documentation.

Although there's no instructions yet, existing users should feel right at home editing the features before I launch the standalone product in a few days -- nearly all theme settings work identically with XF1, plus a few improvements.

How to get the theme:

Simply re-download your theme package at www.nulumia.com, and you will find the XF1 and XF2 themes now organized in separate folders.

Features

As my Xenforo 1.x themes were the result of nearly 18 months of development, please bear in mind that not all features made it into the XF2 edition. However, I'll be releasing very frequent updates until everything gets to par, and look forward to surpassing XF1 with even better features.

Feedback

Please leave any questions or comments you may have! I'd love to hear from you and enjoy making these themes even better :).
January 9th, 2017 | Theme Version 1.0.3

To view this latest version live, please visit the Demo Forum here:
https://demo.nulumia.com/xenforo/misc/style?style_id=49

To update your theme, please download the latest version at:
https://www.nulumia.com/my-account/downloads/

Overview

This patch covers a revamp to the padding & spacing system used in the theme, which also helps the slider properly align during different layouts.

Nulumia themes no longer use padding on the pageWidth controller, and now use the traditional Xenforo HTML methodology of using parentDiv -> pageWidth -> pageContent, with width being handled by pageWidth and padding being handled by pageContent. This method has been applied to several custom Nulumia features such as the top bar, footer columns, etc.

There is also new conditional CSS logic to handle displaying features, such as the slider, during different layouts. Because there are dozens of different theme settings which can be configured - from the slider being set to full or narrow width, the current responsive screen size, the type of page being viewed, to floating content mode enabled, these new conditionals will make sure that everything fits snug in every combination of settings.

** If you still encounter any bugs, please let me know and I'll be happy to patch it! **

Changelog

NulumiaBase Changes
Fixes & Improvements
  • Revamped the theme spacing system to use more consistent padding between content areas (header, footer, slider, etc). Padding has been removed from the .pageWidth controller and now follow traditional Xenforo methodology of using the parent div -> pageWidth -> pageContent div system, with padding on the pageContent element.
  • Reworked the footer columns and footer legal area to use correct padding, particularly when transitioning to responsive layouts
  • Added new conditional logic to control the slider padding and stretch-to-edge mode during various configurations
  • Fixed a bug where the slider would overlap the screen and cause scrolling on mobile layouts. The slider now correctly inherits the padding from the contentResponsive property during responsive transition.
  • Fixed a bug where the slider would not show up on the Resource index when 'Next to Sidebar / Above Content' mode is enabled
  • Fixed a bug where the Resource List slider would skip (clear) to below the left sidebar

NulumiaBase Changes
Fixes & Improvements
  • Fixed a bug where the Node Last Post container would have incorrect styling on regular default mobile layouts (No side-by-side or custom background modes enabled)
  • Re-fixed a bug where a previous correction to sidebar sectionFooter elements having the incorrect border color stopped working
  • Removed text underline on concealed type links in the body or header area (footer link underlines remain by default)
  • Added the default Xenforo form-type overlay shadow to the new Popup Login Form
  • Removed a white background which would occassionally show behind the Signup Button on forum home
  • Removed the padding container around the Signup Button in most themes (Button now floats at full width of sidebar)
December 17th, 2017 | Theme Version 1.0.2

To view this latest version live, please visit the Demo Forum here:
https://demo.nulumia.com/xenforo/misc/style?style_id=49

To update your theme, please download the latest version at:
https://www.nulumia.com/my-account/downloads/

Overview

This is the first rollout of the new features introduced by NulumiaBase version 1.7.7, including Custom Node Backgrounds, Popup Login Form, and Logo Icon Slider. Further enhancements to these features will be coming soon in next versions.

Changelog

New Features
  • Added new Custom Node Background feature (available via [Nulumia] Node Settings property group)
    • Add custom background images to your nodes, or use solid background colors
    • Style nodes and node elements separately when Custom Node Background mode is enabled (node title, last post box, text color, etc)
    • New compatibility with Side by Side Node feature
  • Added new Logo Icon Slider feature (available via [Nulumia] Logo Icon Slider property group)
    • Add up to ten partner/sponsor/featured logo icons
    • Auto-Play setting
    • Infinite Scroll setting
    • Control numerous options, such as number of icons to show per row, number of icons to scroll, show or hide dot controls, auto-play delay, and more
    • Style slider elements via custom Style Properties
    • Fully responsive
    • Control number of icons to show per row on different sized screens (tablet, phone etc)
  • Added new Popup Login Form feature (available via Login Bar property group)
  • Added new Slider Features and Locations
    • Slider now has numerous new improvements for handling different sized slide images and across different screen widths
    • Toggle between Letterbox Mode and Auto-Crop image mode. Images which don't fit standard dimensions will be scaled or fit accordingly depending on the option set.
    • Set both a max width or max height for the slider
    • Add the slider to new pages, templates and locations (Choose from Forum Home, Discussion List, Blog List, Resource Index, and Page Node templates)
    • Separately choose whether to display a full-width slider, or narrow (next to sidebar) slider, depending on whether the page uses a sidebar
Fixes & Improvements
  • Changed standard body font in most themes from Open Sans to Roboto
  • Added new theme support for legacy IE and Edge browser fixes
  • Added new body class system to handle styling when various features are enabled, removed numerous instances of using Xenforo conditional statements for CSS
  • Various small bug fixes
Breadcrumb
  • Fixed a bug where the FontAwesome home icon would collapse in certain browsers
Header & Navigation
  • Improved CSS handling of the Xenforo navigation SplitCtrl dropdown arrow
Forum & Node List
  • Heavily reworked how margins and padding are handled for various node elements, including the main container block, Last Post area, read/unread icon containers, etc. This new method helps bring much better consistency to appearance and display, and assists the new Custom Node Background mode.
Property Groups
  • Added new custom properties to handle styling the navigation search input
  • Fixed several outdated Style Properties which were deprecated during recent version of Xenforo
Footer
  • Added further style support for [bD] Widget Framework blocks within the footer block layout
  • Dramatically improved code and CSS handling of the footer block layout
  • Spacing and margins between blocks and columns is now much more consistent, particularly when scaling between different device and screen sizes
  • Column positions and spacing are now handled separately depending on whether there are 2, 3, or 4 columns displayed (now automatically detected via Jquery)
  • Improved consistency of text and link colors within the footer
Mod Related
  • Changed image sprite based alert row backgrounds in the DB Tech Shoutbox to pure CSS gradient-based
  • Fixed a big where DB Tech Shoutbox alert rows would have incorrect text color for links
  • Updated and tested all supported mods under their latest versions
Theme Changes
  • Fixed an issue where button elements added via mods would inherit theme floating box-shadows
  • Added a default logo and .PSD file preset for the Simplicity Pink theme
  • Changed the default heading font to a different Google Font which supports multi-lang characters
  • Added a solid background color (nlPrimaryBackgroundColor) to the slider to help with the new slider Letterbox mode
  • Updated numerous Style Properties to reflect values of current NulumiaBase framework
  • Added full sets of default Node Background images for Simplicity and all color preset themes. Images may be edited via the "nl_custom_node_backgrounds.css" template within Xenforo admin.
  • Added default customized styles for node elements to each theme when Custom Node Backgrounds mode is enabled

On Adding Custom Node Backgrounds

This is a very new feature and as all Nulumia features are handled via the theme (and not plugins!), the Custom Node Backgrounds will require a basic understanding of editing CSS.

For full instructions, please refer to the documentation/readme file in your download package.

What didn't make it into this patch
  • The new Simplicity presets are still in the works and won't be available until the next update. These include Sun Yellow, Teal, Red, Juicy Orange, Slate, Ginger, Excite, and Rosewood.
  • The image heading banner option for the new Popup Login form has been deactivated and won't be usable until the next patch
  • A method was in place to make the footer layout Top Row parallax background use a slow scrolling effect, instead of fixed position. There were some cross-browser issues regarding IE and Edge and this feature has been removed/delayed.
  • Earlier I announced that the Custom Node Backgrounds mode would have several node style presets to choose from, currently there is only one in place. You may still fully override styling of node elements (Title, Last Post box, links, container etc) for when this mode is enabled. However, I'd like to add up to three different layouts by default, thus giving the user more starter options and removing the need to keep editing the same properties to arrive at a desired result.
  • A feature to use fixed width or full width header and footer elements is being worked on for next patch. Currently elements such as the top bar, mod bar, and <footer> area are fixed at full width.
In consideration for future patches

Currently the Custom Node Backgrounds' css template contains three different sets of CSS entries -- one for using image backgrounds, another format for using solid background colors, and another preset for using alternating background colors (up to three colors, but more can be added -- i.e., nodes cycle between @primaryDark through @primaryLight in sequence). The user must currently uncomment the format they wish to use and comment out the other formats.

I may add a checkbox option to activate any of these modes at a time, and using separate templates for ease and convenience. I would enjoy hearing feedback from users on using this system and their recommendations.

Attachments

November 17th, 2017 | Theme Version 1.0.1

To view this latest version live, please visit the Demo Forum here:
https://demo.nulumia.com/xenforo/misc/style?style_id=49

To update your theme, please download the latest version at:
https://www.nulumia.com/my-account/downloads/

Overview

This is a small update that adds a few fixes and improvements - breadcrumb icon fixes, auto center footer row content, and control the size of thread poster avatars.

Notice

As this update was released between a larger feature, you will notice a property group named [Nulumia] Logo Icon Slider. This group and its settings are currently inactive and produce no result. It will be released in the next update, which will give you the option to display Featured or Sponsor icons, logos, or other small image links anywhere in your theme.

Changelog

NulumiaBase Changes
  • NulumiaBase Changes
    • Upgraded NulumiaBase to 1.7.6
    • New Features
      • Added new feature to resize thread post avatars (available via [Nulumia] Thread Settings property group)
      • Added new option to load the large sized avatars in threads for better clarity
      • Added new feature to automatically center content in the footer Top Rows
    • Fixes & Improvements
      • Fixed a bug where Page Link Nav items would collapse when there are many pages of threads
      • Added an internal code method to automatically resize the Page Nav Link container (hard-coded in Xenforo by default) according to the size of Page Nav Link buttons
      • Fixed a bug in the navigation where FontAwesome home icon would cause an error regarding HTML Structured Data tags as specified by Google (first home item now correctly retains its SD tag data)
      • Removed a hard-coded reference for nav and breadcrumb home icon sizes. Sizes can now be controlled via [Nulumia] Fonts & Icons property group.
      • Improved handling of Jump Menu Icon box in the breadcrumb to better scale according to whether FontAwesome is enabled, or using the default image sprite
    • Upgraded NulumiaBase to 1.7.5
    • New Features
      • Added new Edge-Lit mode (available via [Nulumia] Background Settings) **not available in all themes**
        • Adds sharp edge highlights on certain elements
        • Optional hover effects for edge highlights
        • Use with or without Corner Highlights mode
    • Fixes & Improvements
      • Added property and added padding to popup comments
      • Added extended custom property to help style Notice controls (available via Notices property group)
      • Fixed incorrect border colors on Follow blocks on the member profile page
      • Fixed a bug where the Show Online Status button in the Account menu dropdown would not align properly with adjascent buttons
      • Fixed a bug where video backgrounds woult not auto-play on certain pages (potential script conflict is still being looked into)
    • Header & Navigation
      • Added new custom property to style the <header> element (adds additional CSS entries which the default Xenforo property doesn't include) (available via Header & Navigation property group)
      • Fixed a bug where custom style property settings for the Text-Based Logo / Secondary Logo Span were not displaying
      • Added further fixes to ensure visitor tab icons retain their hover color when moving the mouse over their dropdown menus
    • Footer
      • Improved handling of boxed and non-boxed footer layouts to ensure elements correctly inherit their styling as set via Style Properties (<footer>, footerLegal, etc)
      • Fixed a bug where elements within the top rows would collapse / lose their vertical padding on mobile sizes
    • Mod Related
      • Extended the custom sidebar-content spacing setting to the XenPorta 2 left sidebar

Changing the avatar size

Making your post avatars larger is very simple!

Just browse to Style Properties -> Message Layout -> Avatar Holder

Then, change the left & right padding to be smaller or larger (they should also be the same!). Decrease the padding to make the avatars larger - recommended range is 10px-30px.

View attachment 161904
NulumiaBase Changes
New Features
  • Added new Video Background mode (available via [Nulumia] Background Settings)
    • Automatically disabled on mobile, to save bandwidth
    • Uses Custom Background image as fallback when players are disabled
  • Added new Theme Version & NulumiaBase Framework Version entries (available via [Nulumia] Theme Settings)
  • Added new setting to hide the sidebar on forum templates (available via [Nulumia] Sidebar Settings)
  • Added new Alternating Row Colors feature (available via [Nulumia] Node Settings)
    • Added new Alternate Row property to Forum / Node List group
    • Re-linked Forum Row, Forum Row Alternate, and Forum Row - Hover State to the new "nlAltColor" Color Palette series
  • Added new Text Based Logo feature (available via [Nulumia] Header Settings)
    • Temporarily hides the image logo when enabled
    • Specify different font if desired
    • Use up to two separate spans and control boldness or color of words
    • Add an optional FontAwesome icon before text logo (more font icon libraries and SVG feature coming soon)
  • Added a second optional Top Row with default HTML content and Style Properties
  • Added extensive [bd] Widget Framework style support when adding Widget Framework blocks to the Nulumia Footer layout system
  • Added new option to move the footer links & chooser bar to below or above the legal area
Fixes & Improvements
  • Changed standard body font in most themes from Open Sans to Roboto
  • Added extensive support for the global Border Radius option (available via [Nulumia] Styles property group)
  • Added new property to style notice links (available via the Notices property group)
  • Reduce top margin on first articles item in Blogs and XenPorta 2
  • Added separate properties to handle the sectionMain element on additional pages
  • Deleted several Nulumia custom Color Palette entries (nlDividerColors, nlFooterColor, etc)
  • Renamed all Nulumia "nlAlt" Color Palette entries into "nlAltColor" series, in preparation for Xenforo 2 methodology
  • Improved style handling of side by side nodes
  • Removed a hardcoded drop shadow on the Go to Top button
  • Removed console logging entries within the theme-functions.js file
  • Improved handling of mobile detection in theme-functions.js file
  • Improved style handling of profile sidebar blocks
  • Improved handling of matching header-like elements
  • Finely improved styling of the breadcrumb, more closely matched borders, arrows and item heights
  • Fixed a bug where public links within threads wouldn't match same border or shadow style as private links
  • Improved spacing and padding in Call to Action buttons
  • Improved handling of Custom Background mode, moved image from body to html element to improve Position:Fixed mode on certain Android devices
  • Improved border handling and hard-coded entries around the Profile User block
  • Added new properties to handle styling for various Profile page elements
  • Further matched Profile tabs with regular tabs
  • Slightly enhanced styling of overlap mask and container shadows
  • Added a setting in Popup Menus property group to control the min-height of Jump Menu lists (prevents the left column from occassionally having a scrollbar by only a small amount)
Sidebar
  • Improved handling of vertical spacing between blocks for better consistency (Visitor panel now has same spacing as other blocks)
  • Improved text style matching of widget titles for better consistency
Breadcrumb
  • Improved height, radius and item arrows within the breadcrumb for better consistency and appearance
  • Changed the Jump Menu icon when using FontAwesome
Header & Navigation
  • Visitor tab alert balloons now scroll down over the tabs when the navigation is in sticky configuration (prevents overlap with the sticky Modbar or top of page)
  • Changed "Search.." placeholder text in the navbar QuickSearch field to a FontAwesome icon
  • Improved handling of the SplitCtrl dropdown arrow in navtabs when "Use whole navtab for menus" is not enabled
[Nulumia] Property Groups
  • Consolidated all sidebar settings into new property group [Nulumia] Sidebar Settings
  • Moved Sticky Modbar and Navigation into [Nulumia] Header Settings
  • Deleted [Nulumia] Sticky Settings group
  • Rearranged properties within the [Nulumia] Header Settings group for better organization
  • Added new Search property group and several properties to handle specific elements
Slider
  • Added two additional slides (total: 8)
  • Added new soft fade effect option on slide hover
  • Added new shine effects (choose from circle and wipe, more coming soon) on slide hover
  • Added manual snippet to insert slider template (Copy/Paste)
  • Moved all demo slides to SSL imgur.com embeds
Footer
  • Improved method to control padding of footer blocks during various layouts
  • Added property to control footer column headers separately
  • Added property to control the footer top row callout title
  • Added a second optional Top Row with default HTML content and Style Properties
  • Changed and improved the default primary Top Row HTML content for a cleaner appearance
  • Added extensive [bd] Widget Framework style support when adding Widget Framework blocks to the Nulumia Footer layout system
  • Added new option to move the footer links & chooser bar to below or above the legal area
  • Fixed a bug where social icons would inherit incorrect margins when enabled in the footer legal area
Mod Related
  • Reduce top margin on first articles item in Blogs and XenPorta 2
  • Modified Andy History template for better style targeting of the page description
  • Added improved handling for CrazyImProfileLinks plugin
  • Fixed a glitch where resource edit forms would have mis-aligned input rows with thread prefixes
  • Corrected color of links in Dragonbye Tech shout box
  • Added new properties to control the spacing and style of Andy's Donations and About Us page wrappers (available via [Nulumia] Addon Compatibility property group)
Top