There are too many constant values has duplicated meanings in CSS.
Colors, widths ... this cause headache for programmers.
Then, I've made a theme with templatized CSS.
http://xoops.peak.ne.jp/md/mydownloads/singlefile.php?lid=98
The theme named "newbase0" is based on hodaka's full_flex_1.
http://www.hodajuku.org/modules/mydownloads/singlefile.php?cid=1&lid=1
As full_flex_1 is a good CSS theme, there are complex and relative constants in its CSS.
This means that there are a lot of values to templatize.
To customize CSS of "newbase0", edit screen_css.php.
You can see there are eight at most colors impress the site theme.
"eight colors?"
Yes.
I assigned eight colors from pic2color into $colors of screen_css.php on April 1st.
screen_css.php
// CONFIGURATIONS
$colors = array(
'bg' => '#cccccc' ,
'main' => '#ffffff' ,
'main_rev' => '#666666' ,
'header' => '#2f5376' ,
'header_rev' => '#ffffff' ,
'link' => '#666666' ,
'link_hover' => '#ff6600' ,
'impact' => '#2f5376' ,
'impact_rev' => '#ffffff' ,
'title' => '#dddddd' ,
'title_rev' => '#639ace' ,
'head' => '#c2cdd6' ,
'even' => '#dee3e7' ,
'odd' => '#e9e9e9' ,
'error' => '#ffcccc' ,
'confirm' => '#ddffdd' ,
'result' => '#dddddd' ,
'border' => '#999999' ,
) ;
$fonts = array(
'main' => '"Verdana","Arial","Helvetica","sans-serif"' ,
'monospace' => '"Courier New","Courier","monospace"' ,
) ;
$sizes = array(
'body_min_width' => 750 ,
'body_max_width' => 1024 ,
'block_left_width' => 170 ,
'block_right_width' => 170 ,
'header_height' => 80 ,
'footer_height' => 23 ,
) ;
$cache_limit = 3600 ; // 1 hour
// END OF CONFIGURATIONS