- Designed with the use of tables and blocks in mind.
- When you need to optimize screen real estate utilization.
- Full color and typography options.
- Modoc is a good Admin Theme.
Full documentation will be developed as time and resources permit. You may also visit our wiki at https://github.com/backdrop-contrib/modoc/wiki Meanwhile, here are some tips:
- You may now set the border radius for Blocks and for Buttons (two separate settings).
- The logo image may now be scaled using the "Max Logo Width" setting at
Appearance | Modoc Settings. No need to prescale your logo.
- You may now set the default Block border line width for all blocks.
- An additional Color selector has been added: Table Cell Border color (also sets Fieldset borders).
- Big News: You may now Save your custom color schemes, then come back to them later!
- Particularly useful for side menus and blocks: you may add the CSS class 'hide-overflow' to any block through the UI (see below). this will truncate the contents rather than having them bleed into the body of the next layout column to the right.
- The easiest way to get rid of all the block borders is to set the block border color the same as the page background color.
- To change the border-width of a block, you may add one of the following CSS classes to any block through the admin UI at
Configure Block | Style Settings | Style:Default -> Additional CSS Classes:- 'border-0' (no border)
- 'border-1' (1px)
- 'border-2' (2px)
- 'border-3' (3px...)
- 'border-5'
- 'border-7'
- 'border-10' (10px)
- combine any of the above with 'hide-overflow' (separated by a space)
- If you want change the line-weight of the lines between Table Rows, you may add one of the following CSS classes to the
Views | Table | Settings -> Row class:- 'rowlines-0' (no lines)
- 'rowlines-1' (1px)
- 'rowlines-2' (2px...)
- 'rowlines-3'
- 'rowlines-5'
- 'rowlines-7'
- 'rowlines-10' (10px, if you're feeling really spunky)
- There are two CSS classes provided for convenience: 'button' and 'tight-button', which can be used to make a link look really nice. Do it by wrapping your link inside a span like this:
<span class="button" type="button"><a href="...">your button label</a></span>or<span class="tight-button" type="button"><a href="...">your button label</a></span>
- For vertical menus, you may want to set the Menu Style to 'Dropdown Menu' in order to make them look good. More work on this is pending.
- More testing is required to make sure that menus work in every layout implementation, etc.
- Done:
Add a box and button corner radius selection, for more styling options. - Done:
Add a default border line-weight selection, for more styling options. - Done:
Add the ability to save and later retrieve a custom color scheme. - Implement color gradients for buttons and block backgrounds.
- Continue the never-ending process of refining and cleaning up the css.
- etc.
- Install this theme using the official Backdrop CMS instructions
Bugs and Feature requests should be reported in the Issue Queue.
Modoc was inspired by the Monochrome theme, adapted and refactored by ericfoy. Thanks, Indigoxela, for the springboard.
The Lekton font was designed at ISIA Urbino.
The News Cycle font is Copyright (c) 2010-2011, Nathan Willis ([email protected]), with Reserved Font Name “News Cycle.”
The Benchnine font is Copyright (c) 2012, Vernon Adams ([email protected]), with Reserved Font Name ‘BenchNine.’
The Montserrat font is Copyright (c) 2011, The Montserrat Project Authors.
All fonts are licensed under the SIL Open Font License, Version 1.1. All font licenses are available at: http://scripts.sil.org/OFL
