OI CMS - test external stylesheet before sending to OI for uploading into test system
OI CMS - Wagoner County
external style sheets
notes and assumptions relevant to why I did what I did
mobile-friendly classes for body of OI CMS page in external style sheet [obsolete]
classes sent to Oklahoma Interactive to be loaded to test system [obsolete]
page template : float:left with homepage slider
page template : inline-block with homepage slider
page template : float:left and no slider
page template : inline-block and no slider
bottom-of-page menu demo [float] : all four (4) data possibilities
bottom-of-page menu demo [inline-block] : all four (4) data possibilities
margins and responsive design
borders and responsive design
padding and responsive design - also bonus discussion about how to avoid "breaking the float"
fluid images and responsive design
fluid images and adaptive OI CMS
clearfix demo : several different ways... [Aug-2016 update - clear vs. clearfix]
float:left, standard classes, fluid-img
inline-block, standard classes, fluid-img
home page implemented using OI CMS Responsive Tables
demo using fpanels & fblocks (float:left) to implement OI Responsive Tables
demo using ipanels & iblocks (inline-block) to implement OI Responsive Tables
using fpanels & fblocks to implement home page in the style of OI Responsive Tables
using ipanels & iblocks to implement home page in the style of OI Responsive Tables
this line intentionally left blank...
Ephox EditLive! breaks the inline-block "connecting comments" technique
various flavors of inline-block eg- connecting comments, all one line, negative margin, etc...
does float work when entered in Ephox EditLive! ?
prototyping following pages to see what else can be found...
inline-block, function-specific classes
...and photoGalleries for D3, EM, SC, etc...
--> OI CMS - desktop only
--> mobile-friendly - design on paper
--> mobile-friendly - wireframe (float)
--> mobile-friendly - with content (float)
...and Assessor, CourtClerk, DA, Sheriff, Treasurer, E911, etc...
...and fifteen (15) other fire departments
...some pages will need to be redesigned