Coriolis (web theme)

From Lunarpedia
Revision as of 18:04, 19 May 2013 by Strangelv (talk | contribs) (→‎Bug List: tablet buttons redone; giving up for now on drupal-created formatting SNAFU)
Jump to: navigation, search
Static test from 20 March 2013
Beta Candidate for CSS3 and flexbox compatible desktops circa 5 May 2013
Late Alpha for HTML 3.2 circa 5 May 2013

Coriolis is a web theme in development by Rose Dieteman, Scotty Gammenthaler, and James Gholston with some help from Mike Delaney for The Moon Society's 2013 site migration and upgrade.

It is based on Zen 5 for Drupal 7 with special attention to mobile device and legacy browser compatibility.

Developers


Component Themes

Admin Appearence Menu 'screenshot' for CSS3 Phone

There are 11 component themes, all subthemes of Zen 5 with all HTML 5 specific elements replaced for HTML 4.01 compatibility, with one exception that aims below HTML 4.01.

CSS2 Desktop

In many ways the reference, this is a very common default destination for every mystery browser known to handle at least CSS1. It uses a floated DIV layout and supports many CSS3 decorations. Its main problems are the ones inherent in a float-based layout. It is also the destination for MSIE 9 and versions of Opera below 12.10 which can't do flexbox but are otherwise CSS3 level. The spotlight column will not appear on any actual CSS1 or CSS2 level browser.

Like most of the other themes, there are duplicate DIVs for the menus and the spotlight. Only one is visible at a time, and only a browser with CSS3 level @wedia support can switch between the two.

CSS2 Mobile

Aimed at both telephones and tablets, this is a single-column layout. The assumption is that any CSS2 level tablet is not going to have enough resolution to properly mimic a desktop. In the event that a browser that is at least partially CSS3 capable is directed here, it provides many CSS3 decorations.

CSS3 Desktop

Originalyl a minor variant of CSS2 Desktop, this was modified to take advantage of CSS3's Flexbox feature. As this is a structural element it will break in any browser that can't support one of the forms of flexbox it uses.

CSS3 Tablet

This is basically CSS3 desktop with bigger buttons.

CSS3 Phone

This is a single-column theme with highly dynamic background selection.

MSIE 6

The unpopular MSIE 6, typically used by people under the thumbs of BOFHs, preventers of information services, and pointy-haired school boards, this has a table layout and GIFs on its template graphics. As MSIE 5.5 is almost indistinguishable from 6, it comes along for the ride despite being a museum piece. It benefits from work on filters that it wouldn't have developed for it if it was the only browser that needed Micorosoft's proprietary CSS3 decoration implementation that dates to MSIE 4.

MSIE 7

This has mostly turned into MSIE6 with PNG images.

MSIE 9

Used by MSIE 8 and 9, this forces square contentboxes and buttons as MSIE 9 can't be trusted to handle both rounded corners and gradients. It is structurally a variant of CSS2 Desktop.

HTML 3.2

One of the oubilettes, this one only recieves things deliberately sent to it. Hence, it is the least feature-capable of the comonent themes. The most popular (ond only current) browser that gets sent its way is Dillo, which is the default browser bundled with some Linux distributions. It is also the destination of MSIE 3 through 5.0, Netscape 3, and the dreaded Netscape 4. It has no stylesheets at all and only includes carefully targeted CSS statements directed at MSIE and Netscape 4. This is also the most visually distinct theme, as it has a 'bookmark' on the left and a light gray background instead of the full image background.

Dropoff

This is structurally CSS2 Desktop with the redundant element ripped out, as soveral things sent here never heard of CSS. Only browsers sent here by mistake that can understand @media at a CSS2 level can unlock the CSS decorations and structure. It does not use coriolis-defaults.css or coriolis-contentbox.css. Its pneumonic image for the admin theme menu is logo for NCSA Mosaic, the web browser that first popularized the web.

Dropoff Mobile

A single-colum version of Dropoff, it also lacks the redundant sections needed to reconfigure itself. This may only recieve browsers that Mobile_Detect recognizes that Browscap doesn't. Its pneumonic image for the admin theme menu is the logo of the organization that created PocketWeb, the earliest known mobile web browser.


Development Status

  • CSS3 Desktop (beta candidate)
  • CSS3 Tablet (beta candidate)
  • CSS3 Phone (beta candidate)
  • CSS2 Desktop (beta candidate)
  • CSS2 Mobile (beta candidate)
  • MSIE 8 and 9 (beta candidate)
  • MSIE 7 (beta candidate)
  • MSIE 5.5 and 6 (beta candidate)
  • HTML 3.2 (beta candidate)
  • Dropoff (beta candidate)
  • Dropoff Mobile (beta candidate)

The Dropoffs are intended to be maximally compatible with the most severe legacy cases but also include CSS decorations for web browsers that we simply failed to identify.

Bug List

As it's still under development there are some bugs to deal with.

All:
--(*) Add a Comment text lacks a background
--(*) Bullets in content area are broken
--(/) Buttons need work
* (~) "You are not authorized to access this page." text on background (can't fix)
* ( ) Menu-linking buttons are jumpy in Opera
--(*) Several user functions have text against the background

All phone:
  ( ) Earth should be in the background

All except CSS2 Desktop:
- (*) Spaces between Spotlight Column items

All except MSIE6:
- ( ) Spaces between component menus (partly mitigated)

CSS3 Desktop: 
--(*) Still has color backgrounds
--(*) Left menu persists when bottom menu appears
- (*) Header text has vertical margin
* ( ) Spotlight row doesn't slide down
--(*) Phone header shows up when wide

CSS3 Tablet:
--(*) Spotlight Column Not Installed
- (*) Buttons need redesign

CSS3 Phone:
- (*) Buttons need redesign
  (*) Header size too big
  ( ) Add home link to name graphic

CSS2 Mobile:
- (*) Buttons need redesign
  ( ) Add home link to name graphic
- (*) Header Text too small

HTML 3.2
  (~) Dillo can't see bookmark background graphic (can't fix)
- (*) Finish porting table layout from MSIE 6
- (*) Need background sans Earth
- (*) Need transparent box with both Earthrise and The Moon Society text

MSIE 6:
- (*) MSIE 6 has spaces between menu buttons
- (*) MSIE 6 can only get hover on some buttons
--( ) MSIE 6 has incorrect graphic heights (reopened)
  (*) Gradient filters not working -- false alarm

MSIE 7:
  (*) Need working gradients

MSIE 8 & 9:
- (*) Gradients need work
- (*) Button widths aren't consistent

Splotch:
  ( ) Need border="0"
* ( ) Why is the row two rows sometimes? Try align="LEFT"?
* ( ) Narrower header
* ( ) Need legacy header support
  ( ) Need alt="" text
 
Mobile Dopoff:
  (*) CSS Header too big
- (*) CSS buttons are too small

Site Issues List

Not all issues are directly part of Coriolis.

**( ) Site content needs to be ported over
**( ) Menu System not ready yet
--(*) _View_ and _What Links Here_ buttons appear for anonymous users
* ( ) Spotlight needs more items