corz.org text viewer..
[currently viewing: /public/machine/source/php/corz function library/css-init/about this folder.txt - raw]
     #####    ###     ##  ### ########              ###     ##  ###    ###TM
   #######  #######   ####### ########            #######   #######  #######
  ###      ###   ###  ###         ###            ###   ###  ###     ###   ##
  ###      ###   ###  ##       ###               ###   ###  ##      ###   ##
   #######  #######   ##      ########    ###     #######   ##       #######
     #####    ###     ##      ########    ###       ###     ##           ###
                                                                      #####

    CSS..

    /inc/css/

    This is where the styles live.

    You can put regular style sheets in here, but that is not the idea.
    Everything is modular and dynamic and awesome.

    This directory contains the "main" style sheets, the ones that will appear 
    in actual CSS links on the page, the URI's that are accessed directly by the 
    browser. Technically, they are php scripts that output CSS programming.

    As well as regular CSS, these files can contain dynamic %%tokens%% and other
    goodies.

    What makes tokens cool is that their values are generated at run-time,
    depending on the selected color scheme, page conditions, whataver you like..

    A %%token%% can replace *any* part of the CSS, not just the variables..

        font-size: %%textsize%%;

    You can do many funky things. For example, you might build a string in php, 
    iterating through an array of say, available menu items, and assign that to 
    some arbitraryily-named $site_scheme variable..

        // $generated_string == e.g. '#home-link, #blog-link, #gallery-link';
        $site_scheme['menu_items_css'] = $generated_string;

    .. so you can access it via token in your style sheet, applying styles to a 
    large group of elements with one single token (two if you count the 
    value!)..

        %%menu_items_css%% { color: %%nav_text%%;

    Mostly these style sheets are comprised of style @@modules@@ and 
    @@snippets@@. This means awesomeness..
    
        .dim { @@semi-opaque(o=80)@@ }
        .dim:hover { @@opaque@@ }
    
    See the .txt file inside the modules/ and snippets/ directories for details 
    about how all this works.

    And if you haven't overdosed on awesome, get this; once all your preferred 
    modules (and snippets) are pulled in, the whole lot is automatically 
    minified and gzipped for the ultimate in browser CSS quickness. Booyah!

    En-Joy!!

    ;o)

    ps. note, when minification is enabled (please do!), you can still see a 
    "raw" style sheet by tagging ?deminify onto your request, e.g..

        http://corz.org/inc/css/tech.css?deminify

    (c) 2003->tomorrow! -> cor + corz.org ;o)

Welcome to corz.org!

I'm always messing around with the back-end.. See a bug? Wait a minute and try again. Still see a bug? Mail Me!