• Getting Started
  • Writing for UQ Drupal
  • Configuring site title
  • Site Editor Training
  • Planning your website
  • Administrator view
  • Alert boxes
  • Content Writing
  • Building a homepage
  • Writing for the Web
  • Site Coordinator Training
  • Banners
  • User types
  • Legacy system support section
  • Accessibility
  • Blocks
  • UQ School Template Training
  • Logging in
  • Administration
  • Brand Colours
  • Views
  • Design & Build
  • Images for the web
  • Buttons
  • Display Suite
  • UQ Base theme: Style Guide
  • Equal height elements
  • Search Engine Optimisation
  • Image Styles
  • For Developers
  • DS Inception
  • Forms
  • Drupal Glossary
  • Creating a sandbox
  • Icons
  • How to create banners
  • Training
  • List with lead
  • Google Analytics
  • UQ School Theme: Style Guide
  • Panels
  • UQ Base Regions
  • Utility classes
  • UQ Base theme
  • Quicktabs
  • Webforms
  • Tables
  • Toggle
  • Typography
  • UQ News RSS feeds
  • Block grid
  • Demo form
  • Date and Time
  • Grid
  • Menus
  • Name space standards
  • Theme settings
  • URL patterns
  • Central data
  • Maintenance mode
  • Site search
  • Developer Virtual Machine
  • Developer Contribution Workflow
  • UQ Base theme updates
  • Modules available for use in UQ Drupal
  • Migration Classes
  • DS Inception V3
  • Automated Tests
  • Name space standards

    CSS

    .uq-core-* prefix is used for any classes that define a UQ Core thing. The .uq-core- prefix is used only on the outermost wrapping element, not applied to every class within a feature.

    In this example the uq-core- prefix is only applied to the wrapping div and not the classes inside:

    <div class="uq-core-banner-slider">
        <div class="image banner-1">
            <a href="#"><img src="image.jpg" alt="description" /></a>
        </div>
        <div class="image banner-2">
            <a href="#"><img src="image.jpg" alt="description" /></a>
        </div>
    </div>

    Machine names

    uq_core_* prefix is used for all machine names of UQ Core things. This should not be used on any non-core things.

    Previous (Menus)Next (Theme settings)