Displays standard classes and demos. It also acts as a library where we can find reusable classes instead of making new ones. Using these classes will allow subtheme styles to kick in.
Check out "sites/all/themes/pisces_core/css/branding.css.less" which is our dynamic theme branding engine.
Teaser
Article Link
*CSS class--> .thumbnail
*CSS class--> .teaser-content
*CSS class--> .teaser-meta
*CSS class--> .created
*CSS class--> .type
*CSS class--> .source-name
*CSS class--> .title
*CSS class--> .teaser-body
View Content Button
*CSS class--> .more-link
Call to Action Button
*CSS class--> .button-link
Call to Action Button extended with .align-left
*CSS class extender--> .align-left
Block Highlight
Title of the Block
Title of the Block
*CSS class--> .block-highlight
*.block-highlight requires both .block title and .block content
Block Highlight, extended with .pointer
Title of the Block
Title of the Block
*CSS class--> .block-highlight
*CSS class extender--> .pointer
*.pointer must be use with .block-highlight
Block Highlight, extended with .pointer, extended with .align-left
Title of the Block
Title of the Block
*CSS class extender--> .align-left
*Can be used on any block
List Splitter
Title of the Block
- Topic 1
- Topic 2
- Topic 3
- Topic 4
Title of the Block
- Topic 1
- Topic 2
- Topic 3
- Topic 4
- Topic 5
- Topic 6
Regular View
Title of the Block
Group View Style
Title of the Block
Title of the Block
Views Simple
Title of the Block
Scroller
(image)
*To activate scoller, you must wrap your contents with the code highlighted in blue
*This works well with views-view-list--VIEWNAME--block-DELTA.tpl.php templates
Images
small_img: teaser image; 141 x 79
Blogger profile; 60 x 70
blogger imagecache preset: none, defined in cck in features
medium_img: category featured image; 355 x 200
portrait image: topic, curated topic pages; 153 x 90
portrait imagecache preset: none, defined in cck in features
Adding branding styles to new blocks
Goal: Theme the weather module with border colors that reflect each individual sites' branding color.
Example: Default border color--grey; Newhope360 borders--green; Farmpress borders--red; WardsAuto borders--dark red
filename: sites/all/modules/custom/weather/css/weather.css
.weather_forecast { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
Then go to the pisces_core theme folder and at the bottom of the file put:filename: sites/all/themes/pisces_core/css/branding.css.less
.weather_forecast { border-color: @main_accent_color }
Manual List Splitter (NEVER USE unless you cannot manipulate the HTML)
filename: sites/all/themes/SUBTHEME/js/subtheme.js
jQuery(function($) {
$(.block-topics ol, #block-data ul).easyListSplitter({ colNumber: 2 });
$(#sitemap ol).easyListSplitter({ colNumber: 3 });
});