First part of the integration of the YAML CSS Framework (http://www.yaml.org) into Mandalay. YAML can now used using the <useYAML> element in a layout file.

git-svn-id: https://svn.libreccm.org/ccm/trunk@2519 8810af33-2d31-482b-a856-94f89814c4df

ccm-sci-bundle/web/themes/mandalay-yaml/layout/navigation.xml

@@ -28,6 +28,8 @@
       </showText>
       <usePageTitle/>
     </title>
+    <useYAML>
+    </useYAML>
     <useCSSLoader/>
     <useFancybox/>
     <useMathJax/>
@@ -59,7 +61,7 @@
           <showText class="siteTitle">
             <line>layout/page/header/title</line>
           </showText>
-          <showSubSiteBanner/>
+          <!--<showSubSiteBanner/>-->
           <div id="nav" class="contentWidth">
             <showNavigationMenu>
               <setMinLevel>0</setMinLevel>

ccm-sci-bundle/web/themes/mandalay-yaml/lib/html5shiv.js

@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}</style>";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);
+if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);

ccm-sci-bundle/web/themes/mandalay-yaml/user/includes/mandalay/layoutParser.xsl

@@ -133,4 +133,104 @@
         <xsl:call-template name="mandalay:socialMedia"/>
     </xsl:template>
 
+    <xsl:template match="useYAML">
+        <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/core/base.min.css"/>
+        <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/core/iehacks.min.css"/>
+        
+        <xsl:if test="./accessibleTabs[@enabled='true']">
+            <script type="text/javascript" 
+                    href="{$theme-prefix}/yaml/add-ons/accessible-tabs/jquery.tabs.js"/>
+            <link rel="stylesheet" 
+                  type="text/css" 
+                  href="{$theme-prefix}/yaml/add-ons/accessible-tabs/tabs.css"/>
+        </xsl:if>
+
+        <xsl:if test="./microformats[@enabled='true']">
+            <link rel="stylesheet" 
+                  type="text/css" 
+                  href="{$theme-prefix}/yaml/add-ons/syncheight/jquery.syncheight.js" />
+        </xsl:if>
+                        
+        <xsl:if test="./forms">
+            <link rel="stylesheet" 
+                  type="text/css">
+                <xsl:choose>
+                    <xsl:when test="./forms/@theme">
+                        <xsl:attribute name="href">
+                            <xsl:value-of select="concat($theme-prefix, '/', ./forms/@theme)"/>
+                        </xsl:attribute>
+                    </xsl:when>
+                    <xsl:otherwise>
+                        <xsl:attribute name="href">
+                            <xsl:value-of select="concat($theme-prefix, '/yaml/forms/gray-theme.css')"/>
+                        </xsl:attribute>
+                    </xsl:otherwise>
+                </xsl:choose>
+            </link>
+        </xsl:if>
+        
+        <xsl:if test="not(./navigation[@enabled != 'false'])">
+            <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/navigation/hlist.css"/>
+            <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/navigation/vlist.css"/>
+        </xsl:if>
+        
+        <xsl:if test="not(./print[@enabled != 'false'])">
+            <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/print/print.css"/>
+        </xsl:if>
+        
+        <xsl:if test="./grid96012[@enabled='true']">
+            <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/screen/grid-960-12.css"/>
+        </xsl:if>
+        
+        <xsl:if test="./grid96016[@enabled='true']">
+            <link rel="stylesheet" type="text/css" href="{$theme-prefix}/yaml/screen/grid-960-16.css"/>
+        </xsl:if>
+        
+        <xsl:if test="./screenFullpage[@enabled='true']">
+            <link rel="stylesheet" 
+                  type="text/css" 
+                  href="{$theme-prefix}/yaml/screen/screen-FULLPAGE-layout.css"/>
+        </xsl:if>
+        
+        <xsl:if test="./screenPage[@enabled='true']">
+            <link rel="stylesheet" 
+                  type="text/css" 
+                  href="{$theme-prefix}/yaml/screen/screen-PAGE-layout.css"/>
+        </xsl:if>
+        
+        <xsl:if test="./typography[@enabled='true']">
+            <link rel="stylesheet" 
+                  type="text/css" 
+                  href="{$theme-prefix}/yaml/screen/typography.css"/>
+        </xsl:if>
+                        
+        <xsl:if test="./rtlSupport[@enabled='true']">
+            <link rel="stylesheet" 
+                  type="text/css"
+                  href="{$theme-prefix}/yaml/add-ons/rtl-support/core/base-rtl.min.css"/>
+            <xsl:if test="./navigation[@enabled='true']">
+                <link rel="stylesheet" 
+                      type="text/css" 
+                      href="{$theme-prefix}/yaml/add-ons/rtl-support/navigation/hlist-rtl.css"/>
+                <link rel="stylesheet" 
+                      type="text/css" 
+                      href="{$theme-prefix}/yaml/add-ons/rtl-support/navigation/vlist-rtl.css"/>
+            </xsl:if>
+            <xsl:if test="./typography[@enabled='true']">
+                <link rel="stylesheet" 
+                      type="text/css" 
+                      href="{$theme-prefix}/yaml/add-ons/rtl-support/typography/typography-rtl.css"/>
+            </xsl:if>
+        </xsl:if>
+        
+        <xsl:if test="not(./html5shiv[@enabled = 'false'])">
+            <xsl:text disable-output-escaping="yes">
+&lt;!--[if lt IE 9]&gt;
+&lt;script src="{$theme-prefix}/lib/html5shiv.js"/&gt;
+&lt;![endif]--&gt;
+            </xsl:text>
+        </xsl:if>
+        
+    </xsl:template>
+
 </xsl:stylesheet> 

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/jquery.tabs.js

@@ -0,0 +1,266 @@
+/**
+ * Accessible Tabs - jQuery plugin for accessible, unobtrusive tabs
+ * Build to seemlessly work with the CCS-Framework YAML (yaml.de) not depending on YAML though
+ * @requires jQuery - tested with 1.9.1, 1.7 and 1.4.2 but might as well work with older versions
+ *
+ * english article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php
+ * german article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-Wie-man-Tabs-WIRKLICH-zugaenglich-macht.php
+ *
+ * code: http://github.com/ginader/Accessible-Tabs
+ * please report issues at: http://github.com/ginader/Accessible-Tabs/issues
+ *
+ * Copyright (c) 2007 Dirk Ginader (ginader.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+(function($) {
+    var debugMode = true;
+    $.fn.extend({
+        // We assume there could be multiple sets of tabs on a page, so,
+        // the unique id for each invididual tab's heading is identified with params q and r (e.g., id="accessibletabscontent0-2")
+        getUniqueId: function(p, q, r){
+            if (r===undefined) {r='';} else {r='-'+r;}
+            return p + q + r;
+        },
+        accessibleTabs: function(config) {
+            var defaults = {
+                wrapperClass: 'content', // Classname to apply to the div that is wrapped around the original Markup
+                currentClass: 'current', // Classname to apply to the LI of the selected Tab
+                tabhead: 'h4', // Tag or valid Query Selector of the Elements to Transform the Tabs-Navigation from (originals are removed)
+                tabheadClass: 'tabhead', // Classname to apply to the target heading element for each tab div
+                tabbody: '.tabbody', // Tag or valid Query Selector of the Elements to be treated as the Tab Body
+                fx:'show', // can be "fadeIn", "slideDown", "show"
+                fxspeed: 'normal', // speed (String|Number): "slow", "normal", or "fast") or the number of milliseconds to run the animation
+                currentInfoText: 'current tab: ', // text to indicate for screenreaders which tab is the current one
+                currentInfoPosition: 'prepend', // Definition where to insert the Info Text. Can be either "prepend" or "append"
+                currentInfoClass: 'current-info', // Class to apply to the span wrapping the CurrentInfoText
+                tabsListClass:'tabs-list', // Class to apply to the generated list of tabs above the content
+                syncheights:false, // syncs the heights of the tab contents when the SyncHeight plugin is available http://blog.ginader.de/dev/jquery/syncheight/index.php
+                syncHeightMethodName:'syncHeight', // set the Method name of the plugin you want to use to sync the tab contents. Defaults to the SyncHeight plugin: http://github.com/ginader/syncHeight
+                cssClassAvailable:false, // Enable individual css classes for tabs. Gets the appropriate class name of a tabhead element and apply it to the tab list element. Boolean value
+                saveState:false, // save the selected tab into a cookie so it stays selected after a reload. This requires that the wrapping div needs to have an ID (so we know which tab we're saving)
+                autoAnchor:false, // will move over any existing id of a headline in tabs markup so it can be linked to it
+                pagination:false, // adds buttons to each tab to switch to the next/previous tab
+                position:'top', // can be 'top' or 'bottom'. Defines where the tabs list is inserted.
+                wrapInnerNavLinks: '', // inner wrap for a-tags in tab navigation. See http://api.jquery.com/wrapInner/ for further informations
+                firstNavItemClass: 'first', // Classname of the first list item in the tab navigation
+                lastNavItemClass: 'last', // Classname of the last list item in the tab navigation
+                clearfixClass: 'clearfix' // Name of the Class that is used to clear/contain floats
+            };
+            var keyCodes = {
+                37 : -1, //LEFT
+                38 : -1, //UP
+                39 : +1, //RIGHT
+                40 : +1 //DOWN
+            };
+            var positions = {
+                top : 'prepend',
+                bottom : 'append'
+            };
+            this.options = $.extend(defaults, config);
+
+            var tabsCount = 0;
+            if($("body").data('accessibleTabsCount') !== undefined){
+                tabsCount = $("body").data('accessibleTabsCount');
+            }
+            $("body").data('accessibleTabsCount',this.size()+tabsCount);
+
+            var o = this;
+            return this.each(function(t) {
+                var el = $(this);
+                var list = '';
+                var tabCount = 0;
+                var ids = [];
+
+                $(el).wrapInner('<div class="'+o.options.wrapperClass+'"></div>');
+
+                $(el).find(o.options.tabhead).each(function(i){
+                    var id = '';
+                    var elId = $(this).attr('id');
+                    if(elId){
+                        // Skip this item if it already exists.
+                        if(elId.indexOf('accessibletabscontent') === 0) {
+                            return;
+                        }
+                        id =' id="'+elId+'"';
+                    }
+                    var tabId = o.getUniqueId('accessibletabscontent', tabsCount+t, i);//get a unique id to assign to this tab's heading
+                    var navItemId = o.getUniqueId('accessibletabsnavigation', tabsCount+t, i);//get a unique id for this navigation item
+                    ids.push(tabId);
+                    if(o.options.cssClassAvailable === true) {
+                        var cssClass = '';
+                        if($(this).attr('class')) {
+                            cssClass = $(this).attr('class');
+                            cssClass = ' class="'+cssClass+'"';
+                        }
+                        list += '<li id="'+navItemId+'"><a'+id+''+cssClass+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+                    } else {
+                      list += '<li id="'+navItemId+'"><a'+id+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+                    }
+                    $(this).attr({"id": tabId, "class": o.options.tabheadClass, "tabindex": "-1"});//assign the unique id and the tabheadClass class name to this tab's heading
+                    tabCount++;
+                });
+
+                if (o.options.syncheights && $.fn[o.options.syncHeightMethodName]) {
+                    $(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+                    $(window).resize(function(){
+                        $(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+                    });
+                }
+
+                // Ensure that the call to setup tabs is re-runnable
+                var tabs_selector = '.' + o.options.tabsListClass;
+                if(!$(el).find(tabs_selector).length) {
+                    $(el)[positions[o.options.position]]('<ul class="'+o.options.clearfixClass+' '+o.options.tabsListClass+' tabamount'+tabCount+'"></ul>');
+                }
+
+                $(el).find(tabs_selector).append(list);
+
+                // initial show first content block and hide the others
+                var content = $(el).find(o.options.tabbody);
+                if (content.length > 0) {
+                    $(content).hide();
+                    $(content[0]).show();
+                }
+                $(el).find("ul."+o.options.tabsListClass+">li:first").addClass(o.options.currentClass).addClass(o.options.firstNavItemClass)
+                  .find('a')[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+                  .parents("ul."+o.options.tabsListClass).children('li:last').addClass(o.options.lastNavItemClass);
+
+                if (o.options.wrapInnerNavLinks) {
+                  $(el).find('ul.'+o.options.tabsListClass+'>li>a').wrapInner(o.options.wrapInnerNavLinks);
+                }
+
+                $(el).find('ul.'+o.options.tabsListClass+'>li>a').each(function(i){
+                    $(this).click(function(event){
+                        event.preventDefault();
+                        el.trigger("showTab.accessibleTabs", [$(event.target)]);
+                        if(o.options.saveState && $.cookie){
+                            $.cookie('accessibletab_'+el.attr('id')+'_active',i);
+                        }
+                        $(el).find('ul.'+o.options.tabsListClass+'>li.'+o.options.currentClass).removeClass(o.options.currentClass)
+                        .find("span."+o.options.currentInfoClass).remove();
+                        $(this).blur();
+                        $(el).find(o.options.tabbody+':visible').hide();
+                        $(el).find(o.options.tabbody).eq(i)[o.options.fx](o.options.fxspeed);
+                        $(this)[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+                        .parent().addClass(o.options.currentClass);
+                        //now, only after writing the currentInfoText span to the tab list link, set focus to the tab's heading
+
+                        $($(this).attr("href")).focus().keyup(function(event){
+                            if(keyCodes[event.keyCode]){
+                                o.showAccessibleTab(i+keyCodes[event.keyCode]);
+                                $(this).unbind( "keyup" );
+                            }
+                        });
+
+                        // $(el).find('.accessibletabsanchor').keyup(function(event){
+                        //     if(keyCodes[event.keyCode]){
+                        //         o.showAccessibleTab(i+keyCodes[event.keyCode]);
+                        //     }
+                        // });
+                    });
+
+                    $(this).focus(function(){
+                        $(document).keyup(function(event){
+                            if(keyCodes[event.keyCode]){
+                                o.showAccessibleTab(i+keyCodes[event.keyCode]);
+                            }
+                        });
+                    });
+                    $(this).blur(function(){
+                        $(document).unbind( "keyup" );
+                    });
+
+                });
+
+                if(o.options.saveState && $.cookie){
+                    var savedState = $.cookie('accessibletab_'+el.attr('id')+'_active');
+                    debug($.cookie('accessibletab_'+el.attr('id')+'_active'));
+                    if(savedState !== null){
+                        o.showAccessibleTab(savedState,el.attr('id'));
+                    }
+                }
+
+                if(o.options.autoAnchor && window.location.hash){
+                    var anchorTab = $('.'+o.options.tabsListClass).find(window.location.hash);
+                    if(anchorTab.size()){
+                        anchorTab.click();
+                    }
+                }
+
+                if(o.options.pagination){
+                    var m = '<ul class="pagination">';
+                    m +='    <li class="previous"><a href="#{previousAnchor}"><span>{previousHeadline}</span></a></li>';
+                    m +='    <li class="next"><a href="#{nextAnchor}"><span>{nextHeadline}</span></a></li>';
+                    m +='</ul>';
+                    var tabs = $(el).find('.tabbody');
+                    var tabcount = tabs.size();
+                    tabs.each(function(idx){
+                        $(this).append(m);
+                        var next = idx+1;
+                        if(next>=tabcount){next = 0;}
+                        var previous = idx-1;
+                        if(previous<0){previous = tabcount-1;}
+                        var p = $(this).find('.pagination');
+                        var previousEl = p.find('.previous');
+                        previousEl.find('span').text($('#'+ids[previous]).text());
+                        previousEl.find('a').attr('href','#'+ids[previous])
+                        .click(function(event){
+                            event.preventDefault();
+                            $(el).find('.tabs-list a').eq(previous).click();
+                        });
+                        var nextEl = p.find('.next');
+                        nextEl.find('span').text($('#'+ids[next]).text());
+                        nextEl.find('a').attr('href','#'+ids[next])
+                        .click(function(event){
+                            event.preventDefault();
+                            $(el).find('.tabs-list a').eq(next).click();
+                        });
+                    });
+                }
+            });
+        },
+        showAccessibleTab: function(index,id){
+            debug('showAccessibleTab');
+            var o = this;
+            if(id) {
+                var el = $('#'+id);
+                var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+                el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+                links.eq(index).click();
+            } else {
+                return this.each(function() {
+                    var el = $(this);
+                    el.trigger("showTab.accessibleTabs");
+                    var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+                    el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+                    links.eq(index).click();
+                });
+            }
+        },
+        showAccessibleTabSelector: function(selector){
+            debug('showAccessibleTabSelector');
+            var el = $(selector);
+            if(el){
+                if(el.get(0).nodeName.toLowerCase() === 'a'){
+                    el.click();
+                }else{
+                    debug('the selector of a showAccessibleTabSelector() call needs to point to a tabs headline!');
+                }
+            }
+        }
+    });
+    // private Methods
+    function debug(msg,info){
+        if(debugMode && window.console && window.console.log){
+            if(info){
+                window.console.log(info+': ',msg);
+            }else{
+                window.console.log(msg);
+            }
+        }
+    }
+})(jQuery);

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/tabs.css

@@ -0,0 +1,136 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ * (en) Styles for Accessible-Tabs plugin for jQuery
+ * (de) Gestaltung des Acessible-Tabs Plugins für jQuery
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media screen, projection {
+  .jquery_tabs {
+    margin: 0 0 1.5em 0;
+  }
+  .jquery_tabs ul.tabs-list {
+    font-size: 1em;
+    display: table;
+    table-layout: fixed;
+    list-style-type: none;
+    margin: 0;
+    position: relative;
+    z-index: 1;
+  }
+  .jquery_tabs ul.tabs-list li {
+    margin: 0 4px 0 0;
+    border: 0 none;
+    display: inline;
+    float: left;
+    padding: 0;
+  }
+  .jquery_tabs ul.tabs-list li a {
+    font-size: 1em;
+    line-height: 1.5;
+    padding: 0.75em;
+    background: transparent;
+    display: block;
+    float: left;
+    font-weight: normal;
+    margin: 0;
+  }
+  .jquery_tabs ul.tabs-list li a:focus, .jquery_tabs ul.tabs-list li a:hover, .jquery_tabs ul.tabs-list li a:active {
+    background: #eee;
+    border-radius: 0.2em 0.2em 0 0;
+    color: #000;
+    font-weight: normal;
+    outline: 0 none;
+    text-decoration: none;
+  }
+  .jquery_tabs ul.tabs-list li.current a,
+  .jquery_tabs ul.tabs-list li.current a:focus,
+  .jquery_tabs ul.tabs-list li.current a:hover,
+  .jquery_tabs ul.tabs-list li.current a:active {
+    background: #fff;
+    border: 1px #ccc solid;
+    border-radius: 0.2em 0.2em 0 0;
+    color: #000;
+    border-bottom: 0 none;
+    font-weight: bold;
+    text-decoration: none;
+  }
+  .jquery_tabs .content {
+    border-top: 1px #ccc solid;
+    clear: both;
+    padding: 0;
+    position: relative;
+    top: -1px;
+    margin-bottom: -1px;
+  }
+
+  /* hiding texts visually */
+  .jquery_tabs .tabhead {
+    position: absolute;
+    left: -32768px;
+  }
+
+  .jquery_tabs .current-info,
+  .jquery_tabs .accessibletabsanchor {
+    left: -999em;
+    position: absolute;
+  }
+
+   /** Avoid margin collapsing to enable correct sync of all tabs
+    *
+    * @workaround
+    * @affected all browsers
+    * @css-for all browsers
+    * @valid yes
+	*/
+  .jquery_tabs .tab-content {
+    border-bottom: 1px transparent solid;
+    border-top: 1px transparent solid;
+    padding-top: 1.5em;
+    *overflow: hidden;
+  }
+
+  /** Containing floats adjustment and stability fixes for Internet Explorer
+   *
+   * @workaround
+   * @affected IE 5.x/Win, IE6, IE7
+   * @css-for IE 5.x/Win, IE6, IE7
+   * @valid no
+   */
+  * html .jquery_tabs {
+    zoom: 1;
+    width: auto;
+    position: relative;
+  }
+  * html .jquery_tabs .tab-content {
+    border-bottom: 1px #fff solid;
+    border-top: 1px #fff solid;
+  }
+  * html .jquery_tabs .content {
+    z-index: -1;
+  }
+
+  * + html .jquery_tabs {
+    zoom: 1;
+    width: auto;
+  }
+
+  .jquery_tabs * {
+    zoom: 1;
+  }
+}
+/* Make tabs printable */
+@media print {
+  .jquery_tabs .tabs-list {
+    display: none !important;
+  }
+  .jquery_tabs .tabbody,
+  .jquery_tabs .tabhead {
+    display: block !important;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/microformats.css

@@ -0,0 +1,167 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML-Addon:Microformats Support
+ * (de) YAML-Addon:Unterstützung für Microformate
+ *
+ * @note            Many thanks to Michael Jendryschik (http://jendryschik.de/) for contribution
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /* hCards + hCalendars */
+  .vcard,
+  .vevent {
+    line-height: 1.5em;
+    border: 2px solid #e0e7b8 !important;
+    padding: 30px 5px 5px 5px !important;
+    border-radius: 8px;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+    margin: 0 0 1.5em 0 !important;
+    /* small IE-Fix for background images */
+    zoom: 1;
+  }
+
+  span.vcard,
+  span.vevent {
+    padding: 2px 1px 2px 70px !important;
+    margin: 0 2px 0 !important;
+  }
+
+  .vcard {
+    background-color: #f8f8ec;
+    background-repeat: no-repeat;
+    background-position: 5px 5px;
+    background-image: url(icons/hcard.png) !important;
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAQCAMAAACSjoczAAAAsVBMVEVcjAFmmQb4+Ozd5sGnw2q5z4fv8t56piLU4bJwoBSwyXmMsj+VuE3C1ZWDrDDm7M/L26SOuziu4xpqnQeLtzao3RWVzQGNxQSm2xJ0qwyr4BeevlxjlQS47CJ1rQ2JtjWRyQKTvz1wpQrB8zFuowmf1Q14rwyFvAeLwwW88CWz5x206B+JwAZ9tAqbzRRrlhmazwij2BCBuAmZxjqi1Bh8rCP///9fjwKWzAWs3SGdzxWFTyrgAAABPElEQVR4XpXQ1W7EMBCG0cyYHaZlZipz3//B6tlkt03Vi+ZTbqzoyL/s4bXlfn88vmKbat3pODw+ZoOPtpow6fEhG/R6LXWapjibzXB5yMpy/dxOF5MJ6S4us/Jhff95AbFm/9MFdrtOE36/rQDzASBsgjhpUqad7vcrjSVVAWkihlI2te83NdiznuJut+vgjyzEBCRXRiCCUCZECwB6aAyn/wYsrfOKxWKKp9N2+3jj2tTXREhxkwhIEFQSgIyjSEuhBWi0IDRjMNSkX7DGm01T0z1RQBO1M7Sccd+dFL8uX61WiE/UfD7HKgHsT63Bug/NT52n+CtpjNBJXC+vdaC0O1mHOISaoQmYV+R5fnfpyuOhAaUlN0rgRTMF0gceWXpNEBganzQAjEZvLtKt8oqzddrzvPYai++wbV80NCCamQ5vZwAAAABJRU5ErkJggg==") !important;
+  }
+  .vcard a {
+    padding-left: 11px;
+    background: url(icons/external_link.png) top left no-repeat;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANAQMAAACn5x0BAAAABlBMVEX///9jlQQUCBxBAAAAAXRSTlMAQObYZgAAACBJREFUCB0FwaEJAAAIALA1/xYEs6/axQ0QLEUzJMkB8FxYBJy/sjNiAAAAAElFTkSuQmCC") top left no-repeat;
+    color: #679A06;
+  }
+  .vcard .adr {
+    display: block;
+    margin: 0.5em 0;
+  }
+  .vcard .email {
+    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+  }
+
+  .vevent {
+    background: #f8f8ec url(icons/hcalendar.png) 5px 5px no-repeat !important;
+    background: #f8f8ec url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAQCAMAAABjhdy+AAAAtFBMVEVcjAH4+OxmmQa5z4ewyXnU4bJwoBSMsj/d5sGVzQFqnQeLtzbm7M/v8t6Ouziu4xp6piKo3RWNxQSLwwXC1ZXL26S06B9jlQR0qwyJtjWr4BeDrDCJwAanw2q47CKVuE11rQ3B8zGevlyRyQKj2BBwpQp4rwyFvAeazwi88CVuowmz5x2m2xKf1Q1rlhmi1Bh9tAqBuAn///+Zxjqe1AyWzAVfjwJ8rCOTvz2s3SGdzxWbzRS/OR+KAAABFklEQVR4Xo3P1W4EMQyG0fwODcMyM0OZ+/7vVc80u6tWq3Y+KXc+siNwbrrdtloP+DdHfJ/FqJX23qsSvyCjfdo7HKqQJEkwn88x3ad5frytQMLJpCA1TNN8cdx8lCDSXPwHCVGrMckXT5vnz5Io4vQ10IyYdDrfBHkRHMH1NOmSdFGv1324ziSmIcBPGiOhqWEyD0RkRbhcdjEYrNf3d9zqRKy1GGdoUtQ0niatyeqsD0nSK8grnFitzkQpxfPerI+xsZYUKyhyh+12O+CRe+Pw4y9GmQbvYq5/kSDBJUe01hGGhmI0SGoJRzxSkQiDILg5dSGc4oEZAJlRP3YEQ1IFIaJ2+4VjUiERloCJEKIiQXgJlfoCe5IaqIOvDWoAAAAASUVORK5CYII=") 5px 5px no-repeat !important;
+  }
+
+  .vevent a {
+    padding-left: 11px;
+    background: url(icons/external_link.png) top left no-repeat;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANAQMAAACn5x0BAAAABlBMVEX///9jlQQUCBxBAAAAAXRSTlMAQObYZgAAACBJREFUCB0FwaEJAAAIALA1/xYEs6/axQ0QLEUzJMkB8FxYBJy/sjNiAAAAAElFTkSuQmCC") top left no-repeat;
+    color: #679A06;
+  }
+  .vevent p {
+    margin: 0;
+  }
+  .vevent .description {
+    display: block;
+    margin-top: 1em;
+  }
+  .vevent .location {
+    display: block;
+    color: #679A06;
+  }
+  .vevent .summary {
+    display: block;
+    color: #679A06;
+    font-weight: bold;
+  }
+
+  /* XFN relationship */
+  a.xfnRelationship {
+    padding-right: 26px;
+    background-image: url(xfn/xfn-small.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAq1BMVEXGxsb///+Zzg6NxAqVzA32+u6JxAqKwxfK6zya0xCh1xKFwQrt9tyk2ROX0Q+Fvgi75SvU6aya0h6z4SOl2hSQxgqDvwmq0xWd0hCYyQ6MwwmRzQ1/uwi32XvJ4puizxKu1RiRxwyg1xONyQuUyCrD4oye1RGLwgfF6TeIwQiEvQe/5jHc7b3O7EGSyguu1mq22hrE5H6122vD5zSIvxu833zi7syUyxuo3RZV5oaGAAAAAXRSTlMAQObYZgAAAN1JREFUeF51kNVuxWAMg+sfi8wMh/mM9/5PtrS7mzTLiZUvuYphuDr/K+0u+DtJwsvb0TRvN9M0j5cwTGihbS/1PC9Nqa+xlmPktj371mxZlu/7e3Jp7e2Fz3aMKJZRA6CBjF/gzzPxsmRfEjux6VWzgcQHNmVJnDF2f0jN1PXxqrCTHThj+cqnDluhADjougiKMboX4q4lIu70rSLeSjhC0P2UbdG/y2vbn6YAnfpEME3EeXY4B+RTUHMKHpwPPMsNzVfV5KV+h9qhP2RVNRTFOD4XjWMxDJV2//vbD/KGFzMfCBH8AAAAAElFTkSuQmCC");
+    background-repeat: no-repeat;
+    background-position: right;
+  }
+  a.xfnRelationship[rel~="colleague"], a.xfnRelationship[rel~="co-worker"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-colleague.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAYFBMVEXGxsa+z+woYcAmYL++z+u9zuvZ4/TO2/H///++zuvd5/WgueLy9fvR3fJVg87u8/mRr9/G1e7q8Pk0asP7/P5diM9CdMfC0u1chs+0yOmdt+Ln7fh5nNlQfsxPfstdiNANDsYBAAAAAXRSTlMAQObYZgAAAI5JREFUeF5tUNcKw0AMszxuZe90//9f9o7QkkL1IiHkSeQMagoDEA3mspPCD5IjFL4IszU6Fg3SQi9m3jvzRSvFQguzLB38kcKRkm/KjsK7iPRJ06lXvco6bsN8siruefDoPlZdrdKGVvbKN7c5GFmYmPk5PFhkmnULmlNccGUWlhAt4N9B5FAQAVWDwtEbDGwHzDGQ3uIAAAAASUVORK5CYII=");
+  }
+  a.xfnRelationship[rel~="met"] {
+    padding-right: 32px;
+    background-image: url(icons/icon-xfn.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAAAwFBMVEXGxsb///+Fvgj2+u6JxAqh1xKKwxeRxwyNxAq32XvJ4puNyQuIwQiVzA2Dvwnt9tzD4oyZzg6SyguMwwmRzQ2a0xCFwQqizxKX0Q+u1RjU6ayg1xOq0xWe1RG122uu1mqQxgqd0hCl0U2YyQ6a0h6LwgfO7EF/uwiUyCqz4SPK6zyl2hSq01a75Svc7b2k2ROEvQe/5jGYzDnD5zSc0CzE5H6833zF6TeIvxun3BOUyxvi7syo1z222hq924uo3RbH6VQeAAAAAXRSTlMAQObYZgAAAT1JREFUeF59keVunDEQRX2NHzLDMjMHiu//Vp1ttpUiJTnSjD33eH6ZsXCrg4/Q45Ckjn+vVrvd6fK8Xq/n8zn158tpt1vlOmTb6vUz4jHT6nDYHIjNho7H5dEKFqiDaqu8bfM8r4hej0qN8p5Sd9sqNUVTTUWTgbhlENP8hqptW7I9eh3hHOHqYt/v/3CBKHtCRjlnwWg0ir+JPSLfhSOz2IXA8gku5bQbE8kAQscS+0H/KhEJx4ZFcfBmjQ0sfQliW8C20UCSpV3f9xMtGjRWAWchXbKLUKCgnHaTJJEOXn7hvIAjkySAXQyAe07WmOESDn8Re7KeMRy25N/BjTFkreFwduQplcd5at0HK+XHGeUB09aD9F5/2785LdjWm/0nnb3DG7NQe8PJpCy7rq5/vlHXXVeWE0+HX//+Hw2+L1y/3yDiAAAAAElFTkSuQmCC");
+  }
+  a.xfnRelationship[rel~="colleague"][rel~="met"], a.xfnRelationship[rel~="co-worker"][rel~="met"] {
+    padding-right: 26px;
+    background-image: url(icons/xfn/xfn-colleague-met.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAYFBMVEXGxsa+z+woYcAmX7+9zuv///++zuve5/XF1O6huuP7/P7Z4/RCdMfq8PjS3vLN2/E0asOxxudQfszZ5PVWg86Qr95bhs/v8/rn7fjy9ftdiNDe6PV5nNitxOe6zeqdtuISlCqmAAAAAXRSTlMAQObYZgAAAJ9JREFUeF5tkIcOwzAIRH0HHtm7e/z/XxYnalOpRboDPSMb41ylsAhqCoDCDNG56ep/I0aHnO8kHy2azwGc5nQR4eEYui8eVk4ax86Dw9b/zQfx2PiN5BIRDbZ+oH/zcy11k1JpnBl73d4tuDB1esy1mNb+c1Fz9rMciq49lfucPSljGs37EmmfxwD5pIjQA+/+avq/B1cBCFCFafV1by9mVwgBHNGRhAAAAABJRU5ErkJggg==");
+  }
+  a.xfnRelationship[rel~="friend"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-friend.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAYFBMVEXGxsYoYcC+z+wmX7++z+u9zuv////Z4/Spv+a+zuupwOZCdMfE0+7e5/X6+/3y9fszaMKfuOKtw+bo7/leidDU3/Jbhs94nNi5y+qOrNy/0OzZ5PWuxOe0yOnj6/fd5vUgjr18AAAAAXRSTlMAQObYZgAAAItJREFUeF5lzwcKwzAMBVBN7+zuef9bVmoaaKnA/vD4FhggUhYVUb8sriZd+JkugnjemPHUysNNIHvskPmwlIsTgayERulN+UOMuJGCehytdd6n/RcNFesy33snWR9OyNikLBsNU0X2/RO1rg8EGkYHZJuxL7O1KKDDekJK1orPvw9BVNFMpKpkIRFeAVEHR3zEFfkAAAAASUVORK5CYII=");
+  }
+  a.xfnRelationship[rel~="friend"][rel~="met"] {
+    padding-right: 26px;
+    background-image: url(icons/xfn/xfn-friend-met.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAYFBMVEXGxsa+z+soYcC+z+y+zusnX7+9zuupv+b////e5/Vch8/o7vn6+/2huuPE1O7U3/KpwOZCdMe/0Os0acKuxOfy9fuxxuff5/aVsd+0yOm6zOqtw+ayx+jZ4/R5nNi/z+u6Bqx7AAAAAXRSTlMAQObYZgAAAKRJREFUeF5t0AdOBTEMBNCMW9rW3xtw/1vikGVBAkdRrBfJGjmENwPMwH4BhnfMV+ec/la+BjQ4KdFjWur+wYGbFyUtdfn45bI5lRqxu21OX37oeCF3a/5OSrc5zo5zetE+57zSWp/3wV0v5IDuo5JOh1hbr30+p/O4kruWUaY8/OQ8kiN56XFYTt0RkJq040+K8Tvn/3vIviCBgMUMBhFhCFsOn7mzCfRhKm+OAAAAAElFTkSuQmCC");
+  }
+  a.xfnRelationship[rel~="sweetheart"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-sweetheart.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAYFBMVEXGxsYoYcD4Qq6+z+vZ4/Q/ccb4UbX///++zuu9zuv/8/rd5vUlXb5bhs/6e8b5cMLy9fv90OuhuuN4m9i2yOlSfcn8t+H8oNaJqNqzmNPD0e3w3/KtxOb0hMv7n9X9xObCRbgHAAAAAXRSTlMAQObYZgAAAHlJREFUeF51j1cKA0EMQ12mby3p9f63jDxLSEJY2UbwkD9E5FQzNuEyzIE08UeNIzW/MfOul6cxXVEH1E0ybKBEaSO1AJ2O8vhCo2d/DaGsKJvNSF0Gmd6pcfYMtfvzvT+UmJEyUFnLRUJ95I+iCFL/hWptK55wNo5etO8G3lYCx4oAAAAASUVORK5CYII=");
+  }
+  a.xfnRelationship[rel~="sweetheart"][rel~="met"] {
+    padding-right: 26px;
+    background-image: url(icons/xfn/xfn-sweetheart-met.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAYFBMVEXGxsYoYMDg5vX4Qq6+z+z///+9zutCdMfY4vT/8vpahc7y9fuhuuP4TrMlXb76ccL90Ov6esWxxuf9xOb5Wbc0asT8uOKyx+i2yel4nNj8odeJqNqzmNOtw+b7n9X3gMlS9TiMAAAAAXRSTlMAQObYZgAAAINJREFUeF6N0McKAzEMRVE9FZepJb3//19GTGK8GAI54M1F2EZEKTjV9ehHYM9sW8wUzD0AnGfZWaGk5hoAzSTjHz1s+4IyfwFwu8rTY7ITrPQ2InK/z96xoN7fAdBRJnMo77ZdhBua+2s+ZlsF7wd8DcjS13+iMpEy/2sPlLQqu2N6A+dbBzWluY7VAAAAAElFTkSuQmCC");
+  }
+  a.xfnRelationship[rel~="child"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-child.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAMAAACTkM4rAAAAvVBMVEXM2e/B0Oz///++zuvA0OzAz+u+zuvA0Oy/z+vz9vsoYcChwv/q7/n////p7vi+zuszasbn7viVseCkxP/+//87b8bz9vzs8fltlNTt9P/r8Pnm7/+ZtOGateFrk9QsZMGnxv/7/P/8/f46bsXa5PS60v/6/P9xltUuZcLQ3PHT4v+yzf/w9PuLqd0zacM3bMRymN2CqO6xzf/8/f9Fdsh6o+uox//N3/+txOfE2f81a8bG1e5ejNu20P/w9v9zpagkAAAACXRSTlP45gAUm+oS6Z4bD6DtAAAAlUlEQVQIW2WPVQ7DQAwFHY692XCZmZnx/seqk0ZJpc6Pn0Z6sg2qqStejqKbKmgGuIhYxxQXDA1siKWstDvVskyIWVgOhyYRhamSjgUe8gxZTWq3Bkf0vurBqvUS3V6h+gOi4UiIcaGCKdFsLhZ5cblac3Gz3e0PqbKc4EgZp/Ml2WjDtZRw933/GUVvFtn1+HP9/48fzYIO5ZD33dQAAAAASUVORK5CYII=");
+  }
+  a.xfnRelationship[rel~="parent"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-parent.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAA3lBMVEXA0OzJ1u7Az+u+zuu+zuu/z+v///+/z+vI1u7A0OwoYcChwv////++zuvw9Prx9Puyzf/9/v7n7ffm7Pf+/v/9/v+iw//S4f3l7fyryf/7/f/f5/a30P/Y5v9nj9Pu8vspYsCPse3P4P+7zevb6P9didTc6f9Rf8x1m9n2+f+OrN6tw+qlxf/+//+VseCTte/U4//k6/d7ntgrY8E4bchql+MvZsKnxv/F2f/Z4/Q3bMQwaMSVuPnV5P+tw+ZdiNBch89Mfc9Jes9Ies9Hes5Hec5Gec6StPCQtPbQ4P5zH8oEAAAACnRSTlPk+OYREJgAmfjnFvieJgAAAK9JREFUeF5lz9WOw0AMhlGHOok9kKTMzMzLjO//QutuqipSvyvrXPmHjOuBugSemwHHtmJtuFKxaXRs2Q4IP5KnegUqV6SMfAFBliHfrdaIqM5nNgClmRrYajN1mLQCZaTMHRD7TAMmk5AcIo6ICuMUTRCnRLN5ihaISyJa5RPScr3ZIu72P0THm5xW/MTtHf53/0BEj/yE8J+eX17f3j8+v77DMPz1xXlQ0nnQ9ew/oEsSiPZewisAAAAASUVORK5CYII=");
+  }
+  a.xfnRelationship[rel~="spouse"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-spouse.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAABaFBMVEW+zuu+zuvAz+z///+/z+vA0Oy/z+vI1u7J1u7A0OzA0Oz///++zuvw9Prx9Pv9/v6usTfw8O+7vjv9/f3n7ffm7PfT089+f1nR1EGRkYjGxsL29vXc3Nr+/v6oqKKfojOUly/Y2NXc3NlrazHAwzySlC93eEttbzJ7fDjIyz5MTSSAgTrGyT7z8/Nub0e6vTvx8fDz8/KVl0LM0ECChChqazySkoJ8fyaRky5TVC+QkzF3eDONjy2doDJ3eDuLi36KjC3v7+6HiTZ9fyvr7vTs7/WWmTF0dTjq6uimqTRzdEKDhUWTlS/o6OaEhTqChCvo6vGCg0KlqDWysqyChDh6eyitsDdvcDK2trC3ujlyc0HHx8KqrTeBgj55eViHiS9paUijpTNcXUV9fVirrjaYmjHHx8O9vbeChDZ2eCp+f012dyxgYiS/wjy4uzp3eDK4uLP5+fjKysbExz1zc07u8fjJycX4+PfL29bJAAAAC3RSTlMPEeQAl+SZ+Pjo54Y2LlAAAADTSURBVHhebY/TjgVBAAX7Enu6B5e2bWNp27aN39+ZyWZf7p7HSiqpQzREq6N/02kloFIbrYz7HbMa1SqiN/BAzi4CRXsJ4A16YrIhHI8JzVYkKHTzIdiGCGXe42jSkWik0o5M9tbLKKHcXWHYgnKlWoOl/v7BSeiz3fFB7PUPR0bhGxufkNDk1DQwMzs3v7AILC2vyOLq2jqwsbm1Dezs7ski2z8IHLlOAqdnrvOLyytG5YjrG7PTfP/w6Hx6fpEilNTXN7/b43H7v76V1MFD/9z+AVw1IjFL8DyHAAAAAElFTkSuQmCC");
+  }
+  a.xfnRelationship[rel~="me"] {
+    padding-right: 21px;
+    background-image: url(icons/xfn/xfn-me.png);
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAWlBMVEXGxsYoYcC+z+u+z+y9zusnYL/Z4/S+zusoYMBdiM/y9fteidDd5/QnYMDe5/VCdcihuuPy9Ps1a8SUsN+8zetdidDJ1u7Z5PV4m9hCdMeuxOc0asStw+b///+reoflAAAAAXRSTlMAQObYZgAAAH1JREFUeF5dj1cOBDEIQ7Ehbfpsr/e/5qYoH7Mg2eLJICHiSVU1Ja2Iz2T6Hmq5i1bwAnBpTIXVE4DUUUuNEW78QwCuDQWx6o8InBuihOrDiud+XNwA3DoKObKtmB3m9Bl66uQAF13Wd0d5KF2knvfL8aGpPKlUUoMZSaOXHyGOEL2qtmFaAAAAAElFTkSuQmCC");
+  }
+
+  /* rel-tag */
+  a[rel~="tag"] {
+    padding-right: 32px;
+    background: url(icons/icon-rel-tag.png);
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAAAwFBMVEXGxsb///8zcMkhXsDx9PpCf9A5dcsnYL8tZcEzasQoYcAlYsJljtJFgtOluuF1ltM9e85KiNUtbMgudMseVbgpZMFHhNNLidYoaMW3yehPjddqlNYvacVXlNtpjM7e5/UhWrxqo+FFecxbgsp+sufR2+90quM3ftCBotonZsTj6/c0es6Kqt1Pgc9Wk9vT3fHJ2PE3Zr9Xi9SrweaIo9iUs+KVrNvG1O6Fotc6gtJTkNrBzukbW7+HuOhOjNh+ntfOA5d8AAAAAXRSTlMAQObYZgAAATtJREFUeF51kdXOHDEMheMgDDLDMtPP3L7/W9Wzq6q92S+J5eOjJJZMyK4xyuK67r9gZtwBTSO66XS1Wi0Wi58bmKGeenogjehOpw65xX/i1AmXmPrzLpqoui5ygXjRr1zkRX3TqOo6I7aIvAuMPHovcBFR4T1WHHgTRYUlNs9Fs3mDzSGUZw4zTxz57rB5Cr08z4jCR0P6BG0YHqGCIJQVzKSUIdbRDRHqoyt/g+QVNbwyM9c9Yhn/lYjxQcv2jc/PXGuodABwoFKiS5HWB0sNjMztcniwKTy3lGJXMZL5MNn20E8e4FX1sAwCeM/i2BJVIg66js/1li0HpuZfAMs+K0t0HURNJswZD7uFNE3ZWCaG3UeThn3fg7k4Qca2ZRwnyX6/Xn8g6/0+SeLSYXocsGuuc1e3qP6f/h96Fy3YfuOuuQAAAABJRU5ErkJggg==");
+    background-repeat: no-repeat;
+    background-position: right;
+  }
+
+  /* geo */
+  abbr[class~="geo"] {
+    padding-right: 32px;
+    background: url(icons/icon-geo.png) no-repeat right;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAABF1BMVEWSxzD///+n1DSfzTKr1zWZyjGx3Det2zau2zbw9+Kk0jSgzjK62Tev1DXG5juXyTC31zbT60rW7FCh0DO32Gey1l6ayjGcyzGy3TebyjGs2TbQ5o/n9MSUyTCmzzPO5o+z3Ty/4zr6/PPD42X1+ubw+Nux2EHM6EGu1kHU6JnJ5z7r9c+v10XI44XO6kW43kbj8rmr1Tew2TvL5X2v3DfB3Tiz3zjR55mVxjCr1Tiu2TjY6qPh77nJ433C4Gy+3WvG5W3G4n2l1jXM5Ia23kOx3Dq04Dir1UC02U/S6I+t2Dey2Em12kqo1DigzjOm0zXk8cO32lW83WSt1jri8Lmp1DbB33T0+eao1zWl0zSizjS02kKx3Dmg7209AAABHUlEQVR4Xn3R1W4DQQwFUHtgmcPMzGVmZub//456U6VKpaRHGkvXV34aQD0qYRYZ0xF0yU5KJcdpN/q+7wdBQLPfaDtO6U3qED1YmYfFQGqKklRIcholWuYANEWbI2xVTVOPO1gbqMXscJitqMUaVgdqiNp0Or2EWKni1xF2srW9n1BUab8GIIRYxAshnhY+UYzDhhB4LgjdMsYOy2yU2anXkVxtI21eNwVNGLcZZOtb2Krj4/OIArXlFiN0axjGJRbeH7DQxLNu97qJhdt9vDcIAETIC2L5rneKZDWyS7MXCVFrmpzc8CkfnJimSW2C88RMnAPISUiFbzwmOZWDqBv/lYr/4cZAly7P523b8yxr+YdleZ5t512p///73zK9KpM38kTwAAAAAElFTkSuQmCC") no-repeat right;
+    border: none;
+    cursor: default;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.css

@@ -0,0 +1,167 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ * (en) YAML core RTL stylesheet
+ * (de) YAML Basis-RTL-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /**
+  * @section browser normalisation
+  * Changing direction of text flow, paddings & margins ...
+  */
+  option {
+    padding: 0 0.4em 0 0;
+  }
+
+  body {
+    text-align: right;
+    direction: rtl;
+  }
+
+  ul,
+  ol,
+  dl {
+    margin: 0 1em 1em 0;
+  }
+
+  li {
+    margin-left: 0;
+    margin-right: 0.8em;
+  }
+
+  dd {
+    margin: 0 0.8em 1em 0;
+  }
+
+  blockquote,
+  cite {
+    margin: 0 0.8em 1em 0;
+  }
+
+  /* set text flow */
+  .ym-form {
+    direction: rtl;
+  }
+  .ym-form * {
+    text-align: right;
+  }
+  .ym-form input,
+  .ym-form textarea {
+    display: inline-block;
+  }
+  .ym-form select {
+    display: inline-block;
+  }
+  .ym-form .ym-fbox-check input,
+  .ym-form input[type="radio"],
+  .ym-form input[type="checkbox"] {
+    margin-left: 0.5ex;
+    margin-right: 0;
+  }
+  .ym-form .ym-inline {
+    margin-left: 0;
+  }
+
+  .ym-fbox-wrap input[type="radio"],
+  .ym-fbox-wrap input[type="checkbox"] {
+    margin-left: 0.5ex;
+    margin-right: 0;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) rtl adjustments for forms module
+  * (de) RTL-Anpassungen für das Formular Modul
+  *
+  */
+  .ym-columnar input,
+  .ym-columnar textarea,
+  .ym-columnar select {
+    float: right;
+    margin-right: 0;
+    margin-left: -3px;
+  }
+  .ym-columnar label,
+  .ym-columnar .ym-label {
+    display: inline;
+    float: right;
+  }
+  .ym-columnar input + label {
+    margin-right: 0.5ex;
+  }
+  .ym-columnar .ym-fbox-check input,
+  .ym-columnar .ym-message {
+    margin-left: 0;
+    margin-right: 30%;
+  }
+  .ym-columnar .ym-fbox-wrap {
+    margin-left: 0;
+    margin-right: 30%;
+    margin-left: -3px;
+  }
+  .ym-columnar .ym-fbox-wrap .ym-message {
+    margin-right: 0%;
+  }
+  .ym-columnar .ym-fbox-wrap label {
+    margin-right: 0;
+  }
+  .ym-columnar .ym-fbox-wrap input {
+    margin-right: 0;
+  }
+  .ym-columnar .ym-fbox-wrap input[type="radio"],
+  .ym-columnar .ym-fbox-wrap input[type="checkbox"] {
+    margin-left: 0.5ex;
+    margin-right: 0;
+  }
+  .ym-columnar .ym-fbox-button input {
+    float: none;
+    margin-left: 1em;
+    margin-right: 0;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) skip links cause large horizontal scrollbars in RTL mode in several browsers
+  * (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus
+  *
+  * @workaround
+  * @affected   Firefox, Safari, IE 5.x - IE7
+  * @css-for    all
+  * @valid      yes
+  */
+  .ym-skiplinks {
+    left: 32768px !important;
+  }
+  .ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active {
+    left: -32768px !important;
+  }
+
+  .ym-skip,
+  .ym-hideme,
+  .ym-print {
+    left: 32768px !important;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * @section miscellaneous
+  *
+  * (en) CSS-class for ltr-content (left to right) within a rtl website
+  * (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite
+  */
+  .ym-text-ltr {
+    direction: ltr;
+    text-align: left;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.min.css

@@ -0,0 +1,3 @@
+/*! yamlcss v4.1.2 (2013-07-28) */
+
+@media all{option{padding:0 .4em 0 0}body{text-align:right;direction:rtl}ul,ol,dl{margin:0 1em 1em 0}li{margin-left:0;margin-right:.8em}dd{margin:0 .8em 1em 0}blockquote,cite{margin:0 .8em 1em 0}.ym-form{direction:rtl}.ym-form *{text-align:right}.ym-form input,.ym-form textarea{display:inline-block}.ym-form select{display:inline-block}.ym-form .ym-fbox-check input,.ym-form input[type=radio],.ym-form input[type=checkbox]{margin-left:.5ex;margin-right:0}.ym-form .ym-inline{margin-left:0}.ym-fbox-wrap input[type=radio],.ym-fbox-wrap input[type=checkbox]{margin-left:.5ex;margin-right:0}.ym-columnar input,.ym-columnar textarea,.ym-columnar select{float:right;margin-right:0;margin-left:-3px}.ym-columnar label,.ym-columnar .ym-label{display:inline;float:right}.ym-columnar input+label{margin-right:.5ex}.ym-columnar .ym-fbox-check input,.ym-columnar .ym-message{margin-left:0;margin-right:30%}.ym-columnar .ym-fbox-wrap{margin-left:0;margin-right:30%;margin-left:-3px}.ym-columnar .ym-fbox-wrap .ym-message{margin-right:0}.ym-columnar .ym-fbox-wrap label{margin-right:0}.ym-columnar .ym-fbox-wrap input{margin-right:0}.ym-columnar .ym-fbox-wrap input[type=radio],.ym-columnar .ym-fbox-wrap input[type=checkbox]{margin-left:.5ex;margin-right:0}.ym-columnar .ym-fbox-button input{float:none;margin-left:1em;margin-right:0}.ym-skiplinks{left:32768px!important}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:-32768px!important}.ym-skip,.ym-hideme,.ym-print{left:32768px!important}.ym-text-ltr{direction:ltr;text-align:left}}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/forms/gray-theme-rtl.css

@@ -0,0 +1,44 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) RTL support for forms (gray-theme)
+ * (de) RTL Unterstützung für das Gray-Theme des Formularbaukastens
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media screen {
+  .ym-form select {
+    padding: 3px 1px 3px 2px;
+  }
+
+  /* adjust buttons */
+  .ym-button,
+  .ym-form button,
+  .ym-form input[type="button"],
+  .ym-form input[type="reset"],
+  .ym-form input[type="submit"] {
+    margin: 0 0 0 0.75em;
+  }
+
+  .ym-form button:before,
+  .ym-button:before {
+    float: right;
+    margin: 0 -1em 0 1em;
+    border-radius: 0;
+    border-top-right-radius: 0.15em;
+    border-bottom-right-radius: 0.15em;
+    -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.5), -2px 0 0 rgba(255, 255, 255, 0.5);
+    box-shadow: -1px 0 0 rgba(0, 0, 0, 0.5), -2px 0 0 rgba(255, 255, 255, 0.5);
+  }
+
+  /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
+  * html .ym-button,
+  * html .ym-form button {
+    margin: 1.5em 0 0 0.75em;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/hlist-rtl.css

@@ -0,0 +1,48 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) RTL Horizontal list navigation "hlist"
+ * (de) RTL Horizontale Navigationsliste "hlist"
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /**
+  * (en) Workaround disappearing list elements on hover
+  * (de) Workaround verhindert das Verschwinden der Listenelemente beim Hovern
+  *
+  * @workaround
+  * @affected   IE 5.x/Win, IE6, IE7
+  * @css-for    IE 5.x/Win, IE6, IE7
+  * @valid      yes
+  */
+  .ym-hlist * {
+    direction: ltr !important;
+  }
+  .ym-hlist a,
+  .ym-hlist strong {
+    direction: rtl !important;
+  }
+  .ym-hlist ul {
+    position: relative;
+    float: right;
+    margin-left: 0;
+  }
+  .ym-hlist ul li {
+    float: right;
+    text-align: right !important;
+  }
+
+  /* change back direction to RTL for child elements */
+  .ym-searchform {
+    direction: rtl !important;
+    float: left;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/vlist-rtl.css

@@ -0,0 +1,54 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Vertical RTL list navigation "vlist"
+ * (de) Vertikale RTL-Navigationsliste "vlist"
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /* menu title */
+  .ym-vtitle {
+    padding-left: 0px;
+    padding-right: 10%;
+  }
+
+  /* 4 navigation levels defined */
+  .ym-vlist {
+    text-align: right;
+  }
+  .ym-vlist li {
+    float: right;
+  }
+  .ym-vlist li a,
+  .ym-vlist li strong,
+  .ym-vlist li span {
+    padding-left: 0px;
+    padding-right: 10%;
+  }
+  .ym-vlist li ul li a,
+  .ym-vlist li ul li strong,
+  .ym-vlist li ul li span {
+    padding-left: 0px;
+    padding-right: 20%;
+  }
+  .ym-vlist li ul li ul li a,
+  .ym-vlist li ul li ul li strong,
+  .ym-vlist li ul li ul li span {
+    padding-left: 0px;
+    padding-right: 30%;
+  }
+  .ym-vlist li ul li ul li ul li a,
+  .ym-vlist li ul li ul li ul li strong,
+  .ym-vlist li ul li ul li ul li span {
+    padding-left: 0px;
+    padding-right: 40%;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/screen/typography-rtl.css

@@ -0,0 +1,38 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
+  ul,
+  ol,
+  dl {
+    margin-left: 0;
+    margin-right: 1em;
+  }
+
+  li {
+    margin-left: 0;
+    margin-right: 0.8em;
+  }
+
+  dd {
+    margin-left: 0;
+    margin-right: 0.8em;
+  }
+
+  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+  blockquote {
+    margin-left: 0;
+    margin-right: 1.5em;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/syncheight/jquery.syncheight.js

@@ -0,0 +1,112 @@
+/**
+ * syncHeight - jQuery plugin to automagically Sync the heights of columns
+ * Made to seemlessly work with the CCS-Framework YAML (yaml.de)
+ * @requires jQuery v1.0.3 or newer
+ *
+ * http://blog.ginader.de/dev/syncheight/
+ *
+ * Copyright (c) 2007-2013
+ * Dirk Ginader (ginader.de)
+ * Dirk Jesse (yaml.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ * Version: 1.5
+ *
+ * Changelog
+ * * v1.5 fixes issue with box-sizing: border-box
+ * * v1.4: new Method unSyncHeight() that removes previously added syncs i.e. for responsive layouts
+ * * v1.3: compatibility fix for jQuery 1.9.x (removed $.browser)
+ *
+ * Usage sync:
+  $(window).load(function(){
+    $('p').syncHeight();
+  });
+ * Usage unsync:
+  $(window).resize(function(){
+    if($(window).width() < 500){
+      $('p').unSyncHeight();
+    }
+  });
+ */
+
+(function($) {
+  var getHeightProperty = function() {
+    var browser_id = 0;
+    var property = [
+      // To avoid content overflow in synchronised boxes on font scaling, we
+      // use 'min-height' property for modern browsers ...
+      ['min-height','0px'],
+      // and 'height' property for Internet Explorer.
+      ['height','1%']
+    ];
+
+    var bMatch = /(msie) ([\w.]+)/.exec(navigator.userAgent.toLowerCase()) || [],
+      browser = bMatch[1] || "",
+      browserVersion = bMatch[2] || "0";
+
+    // check for IE6 ...
+    if(browser === 'msie' && browserVersion < 7){
+      browser_id = 1;
+    }
+
+    return {
+      'name': property[browser_id][0],
+      'autoheightVal': property[browser_id][1]
+    };
+  };
+
+  $.getSyncedHeight = function(selector) {
+    var max = 0;
+    var heightProperty = getHeightProperty();
+    // get maximum element height ...
+    $(selector).each(function() {
+      // fallback to auto height before height check ...
+      $(this).css(heightProperty.name, heightProperty.autoheightVal);
+      var val = parseInt($(this).css('height'),10);
+      if(val > max){
+        max = val;
+      }
+    });
+    return max;
+  };
+
+  $.fn.syncHeight = function(config) {
+    var defaults = {
+      updateOnResize: false,  // re-sync element heights after a browser resize event (useful in flexible layouts)
+      height: false
+    };
+
+    var options = $.extend(defaults, config);
+    var e = this;
+    var max = 0;
+    var heightPropertyName = getHeightProperty().name;
+
+    if(typeof(options.height) === "number") {
+      max = options.height;
+    } else {
+      max = $.getSyncedHeight(this);
+    }
+
+    // set synchronized element height ...
+    $(this).each(function() {
+      $(this).css(heightPropertyName, max+'px');
+    });
+
+    // optional sync refresh on resize event ...
+    if (options.updateOnResize === true) {
+      $(window).resize(function(){
+        $(e).syncHeight();
+      });
+    }
+    return this;
+  };
+
+  $.fn.unSyncHeight = function() {
+    var heightPropertyName = getHeightProperty().name;
+    $(this).each(function() {
+      $(this).css(heightPropertyName, '');
+    });
+  };
+})(jQuery);

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.css

@@ -0,0 +1,705 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML core stylesheet
+ * (de) YAML Basis-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /**
+   *  @section Normalisation Module
+   */
+  /* (en) Global reset of paddings and margins for all HTML elements */
+  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
+  * {
+    margin: 0;
+    padding: 0;
+  }
+
+  /* (en) Correction: margin/padding reset caused too small select boxes. */
+  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
+  option {
+    padding-left: 0.4em;
+  }
+
+  select {
+    padding: 1px;
+  }
+
+  /*
+  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
+  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
+  *
+  * @bugfix
+  * @affected   IE 5.x/Win, IE6
+  * @css-for    IE 5.x/Win, IE6
+  * @valid      yes
+  */
+  * html body * {
+    overflow: visible;
+  }
+
+  /*
+  * (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
+  *      Standard values for colors and text alignment
+  *
+  * (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen
+  *      Vorgabe der Standardfarben und Textausrichtung
+  */
+  body {
+    font-size: 100%;
+    background: #fff;
+    color: #000;
+    text-align: left;
+  }
+
+  /* (en) avoid visible outlines on DIV and h[x] elements in Webkit browsers */
+  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
+  div:target,
+  h1:target,
+  h2:target,
+  h3:target,
+  h4:target,
+  h5:target,
+  h6:target {
+    outline: 0 none;
+  }
+
+  /* (en) HTML5 - adjusting visual formatting model to block level */
+  /* (de) HTML5 - Elements werden als Blockelemente definiert */
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  main,
+  nav,
+  section,
+  summary {
+    display: block;
+  }
+
+  /* (en) HTML5 - default media element styles */
+  /* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
+  audio,
+  canvas,
+  video {
+    display: inline-block;
+  }
+
+  /* (en) HTML5 - don't show <audio> element if there aren't controls */
+  /* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
+  audio:not([controls]) {
+    display: none;
+  }
+
+  /* (en) HTML5 - add missing styling in IE & old FF for hidden attribute */
+  /* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
+  [hidden] {
+    display: none;
+  }
+
+  /* (en) Prevent iOS text size adjust after orientation change, without disabling user zoom. */
+  /* (de) Verdindert die automatische Textanpassung bei Orientierungswechsel, ohne Zoom zu blockieren */
+  html {
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+  }
+
+  /* (en) set correct box-modell in IE8/9 plus remove padding */
+  /* (de) Setze das richtige Box-Modell im IE8/9 und entferne unnötiges Padding */
+  input[type="checkbox"],
+  input[type="radio"] {
+    box-sizing: border-box;
+    padding: 0;
+  }
+
+  /* (en) force consistant appearance of input[type="search"] elements in all browser */
+  /* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen */
+  input[type="search"] {
+    -webkit-appearance: textfield;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+  }
+
+  input[type="search"]::-webkit-search-cancel-button,
+  input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  /* (en) Correct overflow displayed oddly in IE 9 */
+  /* (de) Korrigiert fehlerhafte overflow Voreinstellung des IE 9 */
+  svg:not(:root) {
+    overflow: hidden;
+  }
+
+  /* (en) Address margin not present in IE 8/9 and Safari 5 */
+  /* (en) Ergänzt fehlenden Margin in IE 8/9 und Safari 5 */
+  figure {
+    margin: 0;
+  }
+
+  /* (en) Clear borders for <fieldset> and <img> elements */
+  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
+  fieldset,
+  img {
+    border: 0 solid;
+  }
+
+  /* (en) new standard values for lists, blockquote, cite and tables */
+  /* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
+  ul,
+  ol,
+  dl {
+    margin: 0 0 1em 1em;
+  }
+
+  li {
+    line-height: 1.5em;
+    margin-left: 0.8em;
+  }
+
+  dt {
+    font-weight: bold;
+  }
+
+  dd {
+    margin: 0 0 1em 0.8em;
+  }
+
+  blockquote {
+    margin: 0 0 1em 0.8em;
+  }
+
+  q {
+    quotes: none;
+  }
+
+  blockquote:before,
+  blockquote:after,
+  q:before,
+  q:after {
+    content: '';
+    content: none;
+  }
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  /**
+  * @section Float Handling Module
+  */
+  /* (en) clearfix method for clearing floats */
+  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
+  .ym-clearfix:before {
+    content: "";
+    display: table;
+  }
+
+  .ym-clearfix:after {
+    clear: both;
+    content: ".";
+    display: block;
+    font-size: 0;
+    height: 0;
+    visibility: hidden;
+  }
+
+  /* (en) alternative solutions to contain floats */
+  /* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
+  .ym-contain-dt {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+  }
+
+  .ym-contain-oh {
+    display: block;
+    overflow: hidden;
+    width: 100%;
+  }
+
+  .ym-contain-fl {
+    float: left;
+    width: 100%;
+  }
+
+  /**
+  * @section Column Module
+  *
+  * default column config:
+  * |-------------------------------|
+  * | col1    | col3      | col2    |
+  * | 20%     | flexible  | 20%     |
+  * |-------------------------------|
+  */
+  .ym-column {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+  }
+
+  .ym-col1 {
+    float: left;
+    width: 20%;
+  }
+
+  .ym-col2 {
+    float: right;
+    width: 20%;
+  }
+
+  .ym-col3 {
+    width: auto;
+    margin: 0 20%;
+  }
+
+  .ym-cbox {
+    padding: 0 10px;
+  }
+
+  .ym-cbox-left {
+    padding: 0 10px 0 0;
+  }
+
+  .ym-cbox-right {
+    padding: 0 0 0 10px;
+  }
+
+  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
+  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
+  .ym-ie-clearing {
+    display: none;
+  }
+
+  /**
+  * @section Grid Module
+  */
+  .ym-grid {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+    list-style-type: none;
+    padding-left: 0;
+    padding-right: 0;
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .ym-gl {
+    float: left;
+    margin: 0;
+  }
+
+  .ym-gr {
+    float: right;
+    margin: 0 0 0 -5px;
+  }
+
+  .ym-g20 {
+    width: 20%;
+  }
+
+  .ym-g40 {
+    width: 40%;
+  }
+
+  .ym-g60 {
+    width: 60%;
+  }
+
+  .ym-g80 {
+    width: 80%;
+  }
+
+  .ym-g25 {
+    width: 25%;
+  }
+
+  .ym-g33 {
+    width: 33.333%;
+  }
+
+  .ym-g50 {
+    width: 50%;
+  }
+
+  .ym-g66 {
+    width: 66.666%;
+  }
+
+  .ym-g75 {
+    width: 75%;
+  }
+
+  .ym-g38 {
+    width: 38.2%;
+  }
+
+  .ym-g62 {
+    width: 61.8%;
+  }
+
+  .ym-gbox {
+    padding: 0 10px;
+  }
+
+  .ym-gbox-left {
+    padding: 0 10px 0 0;
+  }
+
+  .ym-gbox-right {
+    padding: 0 0 0 10px;
+  }
+
+  .ym-equalize {
+    overflow: hidden;
+  }
+
+  .ym-equalize > [class*="ym-g"] {
+    display: table-cell;
+    float: none;
+    margin: 0;
+    vertical-align: top;
+  }
+
+  .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
+    padding-bottom: 10000px;
+    margin-bottom: -10000px;
+  }
+
+  /**
+  * @section Form Module
+  */
+  /** Vertical-Forms - technical base (standard)
+  *
+  * |-------------------------------|
+  * | form                          |
+  * |-------------------------------|
+  * |   label                       |
+  * |   input / select / textarea   |
+  * |-------------------------------|
+  * | /form                         |
+  * |-------------------------------|
+  *
+  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
+  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
+  */
+  .ym-form,
+  .ym-form fieldset {
+    overflow: hidden;
+  }
+
+  .ym-form div {
+    position: relative;
+  }
+  .ym-form label,
+  .ym-form .ym-label,
+  .ym-form .ym-message {
+    position: relative;
+    line-height: 1.5;
+    display: block;
+  }
+  .ym-form .ym-message {
+    clear: both;
+  }
+  .ym-form .ym-fbox-check label {
+    display: inline;
+  }
+  .ym-form input,
+  .ym-form textarea {
+    cursor: text;
+  }
+  .ym-form .ym-fbox-check input,
+  .ym-form input[type="image"],
+  .ym-form input[type="radio"],
+  .ym-form input[type="checkbox"],
+  .ym-form select,
+  .ym-form label {
+    cursor: pointer;
+  }
+  .ym-form textarea {
+    overflow: auto;
+  }
+  .ym-form input.hidden,
+  .ym-form input[type=hidden] {
+    display: none !important;
+  }
+  .ym-form .ym-fbox:before,
+  .ym-form .ym-fbox-text:before,
+  .ym-form .ym-fbox-select:before,
+  .ym-form .ym-fbox-check:before,
+  .ym-form .ym-fbox-button:before {
+    content: "";
+    display: table;
+  }
+  .ym-form .ym-fbox:after,
+  .ym-form .ym-fbox-text:after,
+  .ym-form .ym-fbox-select:after,
+  .ym-form .ym-fbox-check:after,
+  .ym-form .ym-fbox-button:after {
+    clear: both;
+    content: ".";
+    display: block;
+    font-size: 0;
+    height: 0;
+    visibility: hidden;
+  }
+  .ym-form .ym-fbox-check input:focus,
+  .ym-form .ym-fbox-check input:hover,
+  .ym-form .ym-fbox-check input:active,
+  .ym-form input[type="radio"]:focus,
+  .ym-form input[type="radio"]:hover,
+  .ym-form input[type="radio"]:active,
+  .ym-form input[type="checkbox"]:focus,
+  .ym-form input[type="checkbox"]:hover,
+  .ym-form input[type="checkbox"]:active {
+    border: 0 none;
+  }
+  .ym-form input,
+  .ym-form textarea,
+  .ym-form select {
+    display: block;
+    position: relative;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 70%;
+  }
+  .ym-form .ym-fbox-check input,
+  .ym-form input[type="radio"],
+  .ym-form input[type="checkbox"] {
+    display: inline;
+    margin-left: 0;
+    margin-right: 0.5ex;
+    width: auto;
+    height: auto;
+  }
+  .ym-form input[type="image"] {
+    border: 0;
+    display: inline;
+    height: auto;
+    margin: 0;
+    padding: 0;
+    width: auto;
+  }
+  .ym-form label,
+  .ym-form .ym-label {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+  .ym-form .ym-fbox-button input {
+    display: inline;
+    overflow: visible;
+    width: auto;
+  }
+  .ym-form .ym-inline {
+    display: inline-block;
+    float: none;
+    margin-right: 0;
+    width: auto;
+    vertical-align: baseline;
+  }
+
+  /* default form wrapper width */
+  .ym-fbox-wrap {
+    display: table;
+    table-layout: fixed;
+    width: 70%;
+  }
+  .ym-fbox-wrap input,
+  .ym-fbox-wrap textarea,
+  .ym-fbox-wrap select {
+    width: 100%;
+  }
+  .ym-fbox-wrap input[type="image"] {
+    width: auto;
+  }
+  .ym-fbox-wrap input[type="radio"],
+  .ym-fbox-wrap input[type="checkbox"] {
+    display: inline;
+    width: auto;
+    margin-left: 0;
+    margin-right: 0.5ex;
+  }
+  .ym-fbox-wrap label,
+  .ym-fbox-wrap .ym-label {
+    display: inline;
+  }
+
+  .ym-full input,
+  .ym-full textarea,
+  .ym-full select {
+    width: 100%;
+  }
+  .ym-full .ym-fbox-wrap {
+    width: 100%;
+  }
+
+  /**
+  *  Columnar forms display - technical base (optional)
+  *
+  *  |-------------------------------------------|
+  *  | form                                      |
+  *  |-------------------------------------------|
+  *  |                                           |
+  *  |   label   |   input / select / textarea   |
+  *  |                                           |
+  *  |-------------------------------------------|
+  *  | /form                                     |
+  *  |-------------------------------------------|
+  *
+  *  (en) Styling of forms where label floats left of form-elements
+  *  (de) Formulargestaltung, bei der die label-Elemente nach links fließen
+  */
+  .ym-columnar input,
+  .ym-columnar textarea,
+  .ym-columnar select {
+    float: left;
+    margin-right: -3px;
+  }
+  .ym-columnar label,
+  .ym-columnar .ym-label {
+    display: inline;
+    float: left;
+    width: 30%;
+    z-index: 1;
+  }
+  .ym-columnar .ym-fbox-check input,
+  .ym-columnar .ym-message {
+    margin-left: 30%;
+  }
+  .ym-columnar .ym-fbox-wrap {
+    margin-left: 30%;
+    margin-right: -3px;
+  }
+  .ym-columnar .ym-fbox-wrap .ym-message {
+    margin-left: 0%;
+  }
+  .ym-columnar .ym-fbox-wrap label {
+    float: none;
+    width: auto;
+    z-index: 1;
+    margin-left: 0;
+  }
+  .ym-columnar .ym-fbox-wrap input {
+    margin-left: 0;
+    position: relative;
+  }
+  .ym-columnar .ym-fbox-check {
+    position: relative;
+  }
+  .ym-columnar .ym-fbox-check label,
+  .ym-columnar .ym-fbox-check .ym-label {
+    padding-top: 0;
+  }
+  .ym-columnar .ym-fbox-check input {
+    top: 3px;
+  }
+  .ym-columnar .ym-fbox-button input {
+    float: none;
+    margin-right: 1em;
+  }
+
+  .ym-fbox-wrap + .ym-fbox-wrap {
+    margin-top: 0.5em;
+  }
+
+  /* global and local columnar settings for button alignment */
+  .ym-columnar fieldset .ym-fbox-button,
+  fieldset.ym-columnar .ym-fbox-button {
+    padding-left: 30%;
+  }
+
+  /**
+  * @section Accessibility Module
+  *
+  * (en) skip links and hidden content
+  * (de) Skip-Links und versteckte Inhalte
+  */
+  /* (en) classes for invisible elements in the base layout */
+  /* (de) Klassen für unsichtbare Elemente im Basislayout */
+  .ym-skip,
+  .ym-hideme,
+  .ym-print {
+    position: absolute;
+    top: -32768px;
+    left: -32768px;
+  }
+
+  /* (en) make skip links visible when using tab navigation */
+  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
+  .ym-skip:focus,
+  .ym-skip:active {
+    position: static;
+    top: 0;
+    left: 0;
+  }
+
+  /* skiplinks:technical setup */
+  .ym-skiplinks {
+    position: absolute;
+    top: 0px;
+    left: -32768px;
+    z-index: 1000;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+  .ym-skiplinks .ym-skip:focus,
+  .ym-skiplinks .ym-skip:active {
+    left: 32768px;
+    outline: 0 none;
+    position: absolute;
+    width: 100%;
+  }
+}
+@media print {
+  /**
+  * @section print adjustments for core modules
+  *
+  * (en) float containment for grids. Uses display:table to avoid bugs in FF & IE
+  * (de) Floats in Grids einschließen. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
+  *
+  * @bugfix
+  * @since     3.0
+  * @affected  FF2.0, FF3.0, IE7
+  * @css-for   all browsers
+  * @valid     yes
+  */
+  .ym-grid > .ym-gl,
+  .ym-grid > .ym-gr {
+    overflow: visible;
+    display: table;
+    table-layout: fixed;
+  }
+
+  /* (en) make .ym-print class visible */
+  /* (de) .ym-print-Klasse sichtbar schalten */
+  .ym-print {
+    position: static;
+    left: 0;
+  }
+
+  /* (en) generic class to hide elements for print */
+  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
+  .ym-noprint {
+    display: none !important;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/iehacks.css

@@ -0,0 +1,468 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
+ * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
+ *
+ * Don't make any changes in this file!
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ * @appdef yaml
+ */
+@media all {
+  /**
+  * (en) Debugging:When you see a green background, IE is getting this stylesheet
+  * (de) Fehlersuche:Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
+  *
+  * @debug
+  * @app-yaml-default disabled
+  */
+  /* body { background:#0f0; background-image:none; }	 */
+  /**
+  * Correct inline positioning for unknown HTML5 elements in IE 6 & 7
+  *
+  * @workaround
+  * @affected  IE6, IE7
+  * @css-for   IE6, IE7
+  * @valid     no
+  */
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set
+  * (de) Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6
+  *
+  * @workaround
+  * @affected  IE6, IE7
+  * @css-for   IE6, IE7
+  * @valid     no
+  */
+  body {
+    o\verflow: visible;
+  }
+
+  /**
+  * (en) HTML5 - default media element styles
+  * (de) HTML5 - Standard Eigenschaften für Media-Elemente
+  */
+  article, aside, details, figcaption, figure,
+  footer, header, main, nav, section {
+    zoom: 1;
+  }
+
+  audio,
+  canvas,
+  video {
+    *display: inline;
+    *zoom: 1;
+  }
+
+  /**
+  * (en) enable bicubic interpolation of images on scaling
+  * (de) aktiviert bikubische Interpolation beim Skalieren von Bildern
+  */
+  img {
+    -ms-interpolation-mode: bicubic;
+    zoom: 1;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
+  * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6
+  * @valid     no
+  */
+  * html iframe,
+  * html frame {
+    overflow: auto;
+  }
+
+  * html input,
+  * html frameset {
+    overflow: hidden;
+  }
+
+  * html textarea {
+    overflow: scroll;
+    overflow-x: hidden;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Stability fixes with 'position:relative'
+  * (de) Stabilitätsverbesserungen durch 'position:relative'
+  *
+  * Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
+  * Helpful to fix several possible problems in older IE versions (#main).
+  *
+  * @bugfix
+  * @affected	 IE 5.x/Win, IE6, IE7
+  * @css-for	 IE 5.x/Win, IE6, IE7
+  * @valid		 yes
+  */
+  body, #main {
+    position: relative;
+  }
+
+  * html body {
+    position: static;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Clearfix adjustents for containing floats in IE
+  * (de) Clearfix-Anpassung für diverse IE-Versionen
+  *
+  * @workaround
+  * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     yes
+  */
+  .ym-clearfix {
+    zoom: 1;
+  }
+
+  /* hasLayout aktivieren */
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Bugfix for partially displayed column separators
+  * (de) Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
+  *
+  * @bugfix
+  * @affected	 IE 5.x/Win, IE6
+  * @css-for	 IE 5.x/Win, IE6
+  * @valid		 yes
+  */
+  * html .ym-col1,
+  * html .ym-col2,
+  * html .ym-col3 {
+    position: relative;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Preventing several css bugs by forcing "hasLayout"
+  * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     no
+  */
+  body {
+    height: 1%;
+  }
+
+  .ym-wrapper, .ym-wbox, #header, #nav, #main, #footer {
+    zoom: 1;
+  }
+
+  /* IE6 & IE7	*/
+  * html .ym-wrapper, * html .ym-wbox {
+    height: 1%;
+    hei\ght: auto;
+  }
+
+  /* IE 5.x & IE6 | IE6 only */
+  * html #header, * html #nav, * html #main, * html #footer {
+    width: 100%;
+    wid\th: auto;
+  }
+
+  /* IE 5.x & IE6 | IE6 only */
+  /* trigger hasLayout to force containing content */
+  .ym-gbox, .ym-gbox-left, .ym-gbox-right {
+    height: 1%;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * Disappearing List-Background Bug
+  * @see http://www.positioniseverything.net/explorer/ie-listbug.html
+  *
+  * @bugfix
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6
+  * @valid     yes
+  */
+  * html ul, * html ol, * html dl {
+    position: relative;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * List-Numbering Bug
+  *
+  * @bugfix
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     yes
+  */
+  body ol li {
+    display: list-item;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * Browser-based image scaling (not)
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6
+  * @valid     yes
+  */
+  * html .flexible {
+    zoom: 1;
+  }
+
+  /**
+  * Form related bugfixes
+  *
+  * @bugfix
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     no
+  */
+  button, input {
+    *overflow: visible !important;
+  }
+
+  table button, table input {
+    *overflow: auto;
+  }
+
+  fieldset, legend {
+    position: relative;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * Global adjustments/fixes for YAML's form module
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     no
+  */
+  .ym-form,
+  .ym-form div,
+  .ym-form div * {
+    zoom: 1;
+  }
+
+  .ym-form input,
+  .ym-form textarea {
+    width: 68%;
+    padding-left: 1% !important;
+    padding-right: 1% !important;
+  }
+  .ym-form select {
+    width: 70%;
+    padding-left: 1% !important;
+    padding-right: 1% !important;
+  }
+  .ym-form .ym-fbox-wrap {
+    display: block;
+    overflow: hidden;
+    margin-right: -5px;
+  }
+
+  .ym-fbox-wrap input,
+  .ym-fbox-wrap textarea,
+  .ym-full input,
+  .ym-full textarea {
+    width: 98%;
+    margin-right: -3px;
+  }
+  .ym-fbox-wrap select,
+  .ym-full select {
+    width: 100%;
+    margin-right: -3px;
+  }
+
+  /* ie6 support helper class */
+  * html .ym-form .ym-fbox-check input {
+    display: inline !important;
+    width: auto !important;
+    background: transparent !important;
+    border: 0 none !important;
+    padding: 0 !important;
+  }
+  * html .ym-form .ym-fbox-wrap .ym-fbox-check input {
+    margin-left: 0;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
+  *		 Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
+  *		 longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
+  *		 in YAML.
+  *
+  * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
+  *		 Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
+  *		 wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt
+  *		 sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6, IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     no
+  */
+  html .ym-ie-clearing {
+    /* (en) Only a small help for debugging */
+    /* (de) Nur eine kleine Hilfe zur Fehlersuche */
+    position: static;
+    /* (en) Make container visible in IE */
+    /* (de) Container sichtbar machen im IE */
+    display: block;
+    /* (en) No fix possible in IE5.x, normal clearing used instead */
+    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
+    \clear: both;
+    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
+    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
+    width: 100%;
+    line-height: 0;
+    font-size: 0px;
+    margin: -2px 0 -1em 1px;
+  }
+
+  * html .ym-ie-clearing {
+    margin: -2px 0 -1em 0;
+  }
+
+  .ym-cbox {
+    margin-bottom: -2px;
+  }
+
+  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
+  /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
+  html {
+    margin-right: 1px;
+  }
+
+  * html {
+    margin-right: 0;
+  }
+
+  /* (en) Bugfix:Essential for IE7 */
+  /* (de) Bugfix:Notwendig im IE7 */
+  .ym-col3 {
+    position: relative;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * IE/Win Guillotine Bug
+  * @see http://www.positioniseverything.net/explorer/guillotine.html
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6
+  * @valid     yes
+  */
+}
+@media screen, projection {
+  /**
+  * (en) IE-Adjustments for content columns and subtemplates
+  * (de) IE-Anpassung für Spaltencontainer und Subtemplates
+  *
+  * Doubled Float-Margin Bug
+  * @see http://positioniseverything.net/explorer/doubled-margin.html
+  *
+  * @bugfix
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     yes
+  */
+  .ym-col1, .ym-col2 {
+    display: inline;
+  }
+
+  /* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
+  .ym-grid {
+    overflow: hidden;
+    display: block;
+  }
+
+  * html .ym-grid {
+    overflow: visible;
+  }
+
+  .ym-gl,
+  .ym-gr {
+    display: inline;
+  }
+
+  /* transform CSS tables back into floats */
+  .ym-equalize .ym-gl {
+    float: left;
+    display: inline;
+    padding-bottom: 32767px;
+    margin-bottom: -32767px;
+  }
+
+  .ym-equalize .ym-gr {
+    float: right;
+    margin-left: -5px;
+    display: inline;
+    padding-bottom: 32767px;
+    margin-bottom: -32767px;
+  }
+
+  .no-ie-padding .ym-gl,
+  .no-ie-padding .ym-gr {
+    padding-bottom: 0;
+    margin-bottom: 0;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /**
+  * Internet Explorer and the Expanding Box Problem
+  * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
+  *
+  * @workaround
+  * @affected  IE 5.x/Win, IE6
+  * @css-for   IE 5.x/Win, IE6
+  * @valid     yes
+  */
+  * html .ym-cbox-left,
+  * html .ym-cbox-right,
+  * html .ym-cbox {
+    word-wrap: break-word;
+  }
+
+  /* avoid growing widths */
+  * html .ym-gbox,
+  * html .ym-gbox-left,
+  * html .ym-gbox-right {
+    word-wrap: break-word;
+    o\verflow: hidden;
+  }
+}
+@media print {
+  /**
+  * (en) Avoid unneeded page breaks of .ym-col3 content in print layout and containing floats.
+  * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte .ym-col3 und Einschluss von Floats.
+  *
+  * @bugfix
+  * @affected  IE7
+  * @css-for   IE 5.x/Win, IE6, IE7
+  * @valid     yes
+  */
+  .ym-gbox,
+  .ym-gbox-left,
+  .ym-gbox-right,
+  .ym-col3 {
+    height: 1%;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/iehacks.min.css

@@ -0,0 +1,3 @@
+/*! yamlcss v4.1.2 (2013-07-28) */
+
+@media all{body{o\verflow:visible}article,aside,details,figcaption,figure,footer,header,main,nav,section{zoom:1}audio,canvas,video{*display:inline;*zoom:1}img{-ms-interpolation-mode:bicubic;zoom:1}* html iframe,* html frame{overflow:auto}* html input,* html frameset{overflow:hidden}* html textarea{overflow:scroll;overflow-x:hidden}body,#main{position:relative}* html body{position:static}.ym-clearfix{zoom:1}* html .ym-col1,* html .ym-col2,* html .ym-col3{position:relative}body{height:1%}.ym-wrapper,.ym-wbox,#header,#nav,#main,#footer{zoom:1}* html .ym-wrapper,* html .ym-wbox{height:1%;hei\ght:auto}* html #header,* html #nav,* html #main,* html #footer{width:100%;wid\th:auto}.ym-gbox,.ym-gbox-left,.ym-gbox-right{height:1%}* html ul,* html ol,* html dl{position:relative}body ol li{display:list-item}* html .flexible{zoom:1}button,input{*overflow:visible!important}table button,table input{*overflow:auto}fieldset,legend{position:relative}.ym-form,.ym-form div,.ym-form div *{zoom:1}.ym-form input,.ym-form textarea{width:68%;padding-left:1%!important;padding-right:1%!important}.ym-form select{width:70%;padding-left:1%!important;padding-right:1%!important}.ym-form .ym-fbox-wrap{display:block;overflow:hidden;margin-right:-5px}.ym-fbox-wrap input,.ym-fbox-wrap textarea,.ym-full input,.ym-full textarea{width:98%;margin-right:-3px}.ym-fbox-wrap select,.ym-full select{width:100%;margin-right:-3px}* html .ym-form .ym-fbox-check input{display:inline!important;width:auto!important;background:transparent!important;border:0 none!important;padding:0!important}* html .ym-form .ym-fbox-wrap .ym-fbox-check input{margin-left:0}html .ym-ie-clearing{position:static;display:block;\clear:both;width:100%;line-height:0;font-size:0;margin:-2px 0 -1em 1px}* html .ym-ie-clearing{margin:-2px 0 -1em 0}.ym-cbox{margin-bottom:-2px}html{margin-right:1px}* html{margin-right:0}.ym-col3{position:relative}}@media screen,projection{.ym-col1,.ym-col2{display:inline}.ym-grid{overflow:hidden;display:block}* html .ym-grid{overflow:visible}.ym-gl,.ym-gr{display:inline}.ym-equalize .ym-gl{float:left;display:inline;padding-bottom:32767px;margin-bottom:-32767px}.ym-equalize .ym-gr{float:right;margin-left:-5px;display:inline;padding-bottom:32767px;margin-bottom:-32767px}.no-ie-padding .ym-gl,.no-ie-padding .ym-gr{padding-bottom:0;margin-bottom:0}* html .ym-cbox-left,* html .ym-cbox-right,* html .ym-cbox{word-wrap:break-word}* html .ym-gbox,* html .ym-gbox-left,* html .ym-gbox-right{word-wrap:break-word;o\verflow:hidden}}@media print{.ym-gbox,.ym-gbox-left,.ym-gbox-right,.ym-col3{height:1%}}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/js/yaml-focusfix.js

@@ -0,0 +1,70 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Workaround for IE8 und Webkit browsers to fix focus problems when using skiplinks
+ * (de) Workaround für IE8 und Webkit browser, um den Focus zu korrigieren, bei Verwendung von Skiplinks
+ *
+ * @note			inspired by Paul Ratcliffe's article
+ *					http://www.communis.co.uk/blog/2009-06-02-skip-links-chrome-safari-and-added-wai-aria
+ *                  Many thanks to Mathias Schäfer (http://molily.de/) for his code improvements
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0+
+ */
+
+(function () {
+	var YAML_focusFix = {
+		skipClass : 'ym-skip',
+
+		init : function () {
+			var userAgent = navigator.userAgent.toLowerCase();
+			var	is_webkit = userAgent.indexOf('webkit') > -1;
+			var	is_ie = userAgent.indexOf('msie') > -1;
+
+			if (is_webkit || is_ie) {
+				var body = document.body,
+					handler = YAML_focusFix.click;
+				if (body.addEventListener) {
+					body.addEventListener('click', handler, false);
+				} else if (body.attachEvent) {
+					body.attachEvent('onclick', handler);
+				}
+			}
+		},
+
+		trim : function (str) {
+			return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
+		},
+
+		click : function (e) {
+			e = e || window.event;
+			var target = e.target || e.srcElement;
+			var a = target.className.split(' ');
+
+			for (var i=0; i < a.length; i++) {
+				var cls = YAML_focusFix.trim(a[i]);
+				if ( cls === YAML_focusFix.skipClass) {
+					YAML_focusFix.focus(target);
+					break;
+				}
+			}
+		},
+
+		focus : function (link) {
+			if (link.href) {
+				var href = link.href,
+					id = href.substr(href.indexOf('#') + 1),
+					target = document.getElementById(id);
+				if (target) {
+					target.setAttribute("tabindex", "-1");
+					target.focus();
+				}
+			}
+		}
+	};
+	YAML_focusFix.init();
+})();

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/forms/gray-theme.css

@@ -0,0 +1,676 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ * YAML form theme: "gray-theme"
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media screen {
+  .ym-form {
+    background: #f4f4f4;
+    border: 2px #fff solid;
+    margin: 0 0 1.5em 0;
+    -webkit-box-shadow: 0 0 4px #dddddd;
+    box-shadow: 0 0 4px #dddddd;
+  }
+  .ym-form fieldset {
+    position: static;
+    background: transparent;
+    margin: 0.75em 0 0.75em 0;
+    padding: 0 0.5em;
+  }
+  .ym-form legend {
+    background: transparent;
+    color: #000;
+    font-size: 1.2em;
+    line-height: 1.25em;
+    font-weight: bold;
+    padding: 0 0.5em;
+  }
+  .ym-form label,
+  .ym-form .ym-label {
+    color: #666;
+    line-height: 1.5;
+    padding-top: 0.25em;
+  }
+  .ym-form .ym-fbox {
+    padding: 0 1em;
+    margin: 1em 0 0.5em 0;
+  }
+  .ym-form .ym-fbox-footer {
+    background: #ececec;
+    border-top: 1px #e0e0e0 solid;
+    padding: 1.5em 1em;
+    margin: 0;
+  }
+  .ym-form .ym-fbox + .ym-fbox {
+    margin: 0.5em 0;
+  }
+  .ym-form .ym-fbox:last-child {
+    margin-bottom: 1em;
+  }
+  .ym-form .ym-fbox + .ym-fbox-footer {
+    margin: 1em 0 0 0;
+  }
+  .ym-form .ym-fbox :last-child,
+  .ym-form .ym-fbox-footer :last-child {
+    margin-bottom: 0;
+  }
+  .ym-form .ym-fbox-heading {
+    font-size: 1em;
+    font-size: 100%;
+    color: #000;
+    margin: 1em;
+  }
+  .ym-form .ym-fbox-check:focus + label {
+    color: #000;
+  }
+  .ym-form .ym-gbox-left {
+    padding: 0 4px 0 0;
+  }
+  .ym-form .ym-gbox-right {
+    padding: 0 0 0 4px;
+  }
+  .ym-form .ym-gbox {
+    padding: 0 2px 0 2px;
+  }
+
+  /**
+  * @section styling form elements
+  *
+  */
+  .ym-form input,
+  .ym-form textarea,
+  .ym-form select {
+    border: 1px solid #ddd;
+    line-height: 1em;
+    font-family: Arial, Helvetica, sans-serif;
+    -webkit-box-shadow: inset 0 0 4px #eeeeee;
+    box-shadow: inset 0 0 4px #eeeeee;
+  }
+  .ym-form input,
+  .ym-form textarea {
+    padding: 4px 0.3em;
+  }
+  .ym-form select {
+    padding: 3px 2px 3px 1px;
+  }
+  .ym-form input:focus,
+  .ym-form select:focus,
+  .ym-form textarea:focus,
+  .ym-form input:hover,
+  .ym-form select:hover,
+  .ym-form textarea:hover,
+  .ym-form input:active,
+  .ym-form select:active,
+  .ym-form textarea:active {
+    border: 1px #888 solid;
+    background: #fff;
+  }
+  .ym-form optgroup {
+    font-family: Arial, Helvetica, sans-serif;
+    font-style: normal;
+    font-weight: bold;
+  }
+  .ym-form .ym-fbox-check input,
+  .ym-form input[type="image"],
+  .ym-form input[type="radio"],
+  .ym-form input[type="checkbox"] {
+    border: 0 none !important;
+    background: transparent !important;
+  }
+  .ym-form .ym-message {
+    color: #666;
+    margin-bottom: 0.5em;
+  }
+  .ym-form .ym-required {
+    color: #800;
+    font-weight: bold;
+  }
+  .ym-form input:valid,
+  .ym-form textarea:valid {
+    background-color: #fff;
+  }
+  .ym-form input:invalid,
+  .ym-form textarea:invalid {
+    background-color: #fdd;
+  }
+  .ym-form .ym-error label {
+    color: #800;
+    font-weight: normal;
+  }
+  .ym-form .ym-error input,
+  .ym-form .ym-error select,
+  .ym-form .ym-error textarea {
+    border: 1px #800 solid;
+  }
+  .ym-form .ym-error input:hover,
+  .ym-form .ym-error input:focus,
+  .ym-form .ym-error select:hover,
+  .ym-form .ym-error select:focus,
+  .ym-form .ym-error textarea:hover,
+  .ym-form .ym-error textarea:focus {
+    border: 1px #800 solid !important;
+  }
+  .ym-form .ym-error .ym-message {
+    color: #800;
+    font-weight: bold;
+    margin-top: 0;
+  }
+
+  /**
+  * @section Buttons
+  * inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
+  */
+  .ym-button,
+  .ym-form button,
+  .ym-form input[type="button"],
+  .ym-form input[type="reset"],
+  .ym-form input[type="submit"] {
+    display: inline-block;
+    white-space: nowrap;
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
+    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
+    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
+    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
+    background-image: linear-gradient(to bottom, #eeeeee,#cccccc);
+    background-color: #eeeeee;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC');
+    zoom: 1;
+    border: 1px solid #777;
+    border-radius: .2em;
+    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    color: #333 !important;
+    cursor: pointer;
+    font: normal 1em/2em Arial, Helvetica;
+    margin: 0 0.75em 0 0;
+    padding: 0 1.5em;
+    overflow: visible;
+    /* removes extra side spacing in IE */
+    text-decoration: none !important;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
+  }
+  .ym-button:hover,
+  .ym-form button:hover,
+  .ym-form input[type="button"]:hover,
+  .ym-form input[type="reset"]:hover,
+  .ym-form input[type="submit"]:hover {
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #dddddd));
+    background-image: -webkit-linear-gradient(top, #fafafa, #dddddd);
+    background-image: -moz-linear-gradient(top, #fafafa, #dddddd);
+    background-image: -ms-linear-gradient(top, #fafafa, #dddddd);
+    background-image: linear-gradient(to bottom, #fafafa,#dddddd);
+    background-color: #fafafa;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFFAFAFA', endColorstr='#FFDDDDDD');
+    zoom: 1;
+  }
+  .ym-button:active,
+  .ym-form button:active,
+  .ym-form input[type="button"]:active,
+  .ym-form input[type="reset"]:active,
+  .ym-form input[type="submit"]:active {
+    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #bbbbbb));
+    background-image: -webkit-linear-gradient(top, #cccccc, #bbbbbb);
+    background-image: -moz-linear-gradient(top, #cccccc, #bbbbbb);
+    background-image: -ms-linear-gradient(top, #cccccc, #bbbbbb);
+    background-image: linear-gradient(to bottom, #cccccc,#bbbbbb);
+    background-color: #cccccc;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCCCCCC', endColorstr='#FFBBBBBB');
+    zoom: 1;
+    position: relative;
+    top: 1px;
+  }
+  .ym-button:focus,
+  .ym-form button:focus,
+  .ym-form input[type="button"]:focus,
+  .ym-form input[type="reset"]:focus,
+  .ym-form input[type="submit"]:focus {
+    outline: 0;
+    background: #fafafa;
+  }
+
+  /* Button size-scaling classes */
+  .ym-button {
+    /* 21px */
+    /* 18px */
+    /* 12px */
+    /* 10px */
+  }
+  .ym-button.ym-xlarge {
+    font-size: 1.5em;
+  }
+  .ym-button.ym-large {
+    font-size: 1.2857em;
+  }
+  .ym-button.ym-small {
+    font-size: 0.8571em;
+  }
+  .ym-button.ym-xsmall {
+    font-size: 0.7143em;
+  }
+
+  /* Button color scheme: primary */
+  .ym-button.ym-primary,
+  .ym-form button.ym-primary,
+  .ym-form input[type="button"].ym-primary,
+  .ym-form input[type="reset"].ym-primary,
+  .ym-form input[type="submit"].ym-primary {
+    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888ee), color-stop(100%, #6666cc));
+    background-image: -webkit-linear-gradient(top, #8888ee, #6666cc);
+    background-image: -moz-linear-gradient(top, #8888ee, #6666cc);
+    background-image: -ms-linear-gradient(top, #8888ee, #6666cc);
+    background-image: linear-gradient(to bottom, #8888ee,#6666cc);
+    background-color: #8888ee;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888EE', endColorstr='#FF6666CC');
+    zoom: 1;
+    border: 1px solid #007;
+    color: #fff !important;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
+  }
+  .ym-button.ym-primary:hover,
+  .ym-form button.ym-primary:hover,
+  .ym-form input[type="button"].ym-primary:hover,
+  .ym-form input[type="reset"].ym-primary:hover,
+  .ym-form input[type="submit"].ym-primary:hover {
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888ff), color-stop(100%, #6666dd));
+    background-image: -webkit-linear-gradient(top, #8888ff, #6666dd);
+    background-image: -moz-linear-gradient(top, #8888ff, #6666dd);
+    background-image: -ms-linear-gradient(top, #8888ff, #6666dd);
+    background-image: linear-gradient(to bottom, #8888ff,#6666dd);
+    background-color: #8888ff;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888FF', endColorstr='#FF6666DD');
+    zoom: 1;
+  }
+  .ym-button.ym-primary:active,
+  .ym-form button.ym-primary:active,
+  .ym-form input[type="button"].ym-primary:active,
+  .ym-form input[type="reset"].ym-primary:active,
+  .ym-form input[type="submit"].ym-primary:active {
+    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888cc), color-stop(100%, #6666aa));
+    background-image: -webkit-linear-gradient(top, #8888cc, #6666aa);
+    background-image: -moz-linear-gradient(top, #8888cc, #6666aa);
+    background-image: -ms-linear-gradient(top, #8888cc, #6666aa);
+    background-image: linear-gradient(to bottom, #8888cc,#6666aa);
+    background-color: #8888cc;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888CC', endColorstr='#FF6666AA');
+    zoom: 1;
+  }
+  .ym-button.ym-primary:focus,
+  .ym-form button.ym-primary:focus,
+  .ym-form input[type="button"].ym-primary:focus,
+  .ym-form input[type="reset"].ym-primary:focus,
+  .ym-form input[type="submit"].ym-primary:focus {
+    outline: 0;
+    background: #88f;
+  }
+
+  /* Button color scheme: success */
+  .ym-button.ym-success,
+  .ym-form button.ym-success,
+  .ym-form input[type="button"].ym-success,
+  .ym-form input[type="reset"].ym-success,
+  .ym-form input[type="submit"].ym-success {
+    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66bb66), color-stop(100%, #449944));
+    background-image: -webkit-linear-gradient(top, #66bb66, #449944);
+    background-image: -moz-linear-gradient(top, #66bb66, #449944);
+    background-image: -ms-linear-gradient(top, #66bb66, #449944);
+    background-image: linear-gradient(to bottom, #66bb66,#449944);
+    background-color: #66bb66;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66BB66', endColorstr='#FF449944');
+    zoom: 1;
+    border: 1px solid #070;
+    color: #fff !important;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
+  }
+  .ym-button.ym-success:hover,
+  .ym-form button.ym-success:hover,
+  .ym-form input[type="button"].ym-success:hover,
+  .ym-form input[type="reset"].ym-success:hover,
+  .ym-form input[type="submit"].ym-success:hover {
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc66), color-stop(100%, #55aa55));
+    background-image: -webkit-linear-gradient(top, #66cc66, #55aa55);
+    background-image: -moz-linear-gradient(top, #66cc66, #55aa55);
+    background-image: -ms-linear-gradient(top, #66cc66, #55aa55);
+    background-image: linear-gradient(to bottom, #66cc66,#55aa55);
+    background-color: #66cc66;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66CC66', endColorstr='#FF55AA55');
+    zoom: 1;
+  }
+  .ym-button.ym-success:active,
+  .ym-form button.ym-success:active,
+  .ym-form input[type="button"].ym-success:active,
+  .ym-form input[type="reset"].ym-success:active,
+  .ym-form input[type="submit"].ym-success:active {
+    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66aa66), color-stop(100%, #448844));
+    background-image: -webkit-linear-gradient(top, #66aa66, #448844);
+    background-image: -moz-linear-gradient(top, #66aa66, #448844);
+    background-image: -ms-linear-gradient(top, #66aa66, #448844);
+    background-image: linear-gradient(to bottom, #66aa66,#448844);
+    background-color: #66aa66;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66AA66', endColorstr='#FF448844');
+    zoom: 1;
+  }
+  .ym-button.ym-success:focus,
+  .ym-form button.ym-success:focus,
+  .ym-form input[type="button"].ym-success:focus,
+  .ym-form input[type="reset"].ym-success:focus,
+  .ym-form input[type="submit"].ym-success:focus {
+    outline: 0;
+    background: #6c6;
+  }
+
+  /* Button color scheme: warning */
+  .ym-button.ym-warning,
+  .ym-form button.ym-warning,
+  .ym-form input[type="button"].ym-warning,
+  .ym-form input[type="reset"].ym-warning,
+  .ym-form input[type="submit"].ym-warning {
+    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddaa44), color-stop(100%, #bb7722));
+    background-image: -webkit-linear-gradient(top, #ddaa44, #bb7722);
+    background-image: -moz-linear-gradient(top, #ddaa44, #bb7722);
+    background-image: -ms-linear-gradient(top, #ddaa44, #bb7722);
+    background-image: linear-gradient(to bottom, #ddaa44,#bb7722);
+    background-color: #ddaa44;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFDDAA44', endColorstr='#FFBB7722');
+    zoom: 1;
+    border: 1px solid #970;
+    color: #fff !important;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
+  }
+  .ym-button.ym-warning:hover,
+  .ym-form button.ym-warning:hover,
+  .ym-form input[type="button"].ym-warning:hover,
+  .ym-form input[type="reset"].ym-warning:hover,
+  .ym-form input[type="submit"].ym-warning:hover {
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eebb55), color-stop(100%, #cc8833));
+    background-image: -webkit-linear-gradient(top, #eebb55, #cc8833);
+    background-image: -moz-linear-gradient(top, #eebb55, #cc8833);
+    background-image: -ms-linear-gradient(top, #eebb55, #cc8833);
+    background-image: linear-gradient(to bottom, #eebb55,#cc8833);
+    background-color: #eebb55;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEBB55', endColorstr='#FFCC8833');
+    zoom: 1;
+  }
+  .ym-button.ym-warning:active,
+  .ym-form button.ym-warning:active,
+  .ym-form input[type="button"].ym-warning:active,
+  .ym-form input[type="reset"].ym-warning:active,
+  .ym-form input[type="submit"].ym-warning:active {
+    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc9944), color-stop(100%, #aa6622));
+    background-image: -webkit-linear-gradient(top, #cc9944, #aa6622);
+    background-image: -moz-linear-gradient(top, #cc9944, #aa6622);
+    background-image: -ms-linear-gradient(top, #cc9944, #aa6622);
+    background-image: linear-gradient(to bottom, #cc9944,#aa6622);
+    background-color: #cc9944;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC9944', endColorstr='#FFAA6622');
+    zoom: 1;
+  }
+  .ym-button.ym-warning:focus,
+  .ym-form button.ym-warning:focus,
+  .ym-form input[type="button"].ym-warning:focus,
+  .ym-form input[type="reset"].ym-warning:focus,
+  .ym-form input[type="submit"].ym-warning:focus {
+    outline: 0;
+    background: #da4;
+  }
+
+  /* Button color scheme: danger */
+  .ym-button.ym-danger,
+  .ym-form button.ym-danger,
+  .ym-form input[type="button"].ym-danger,
+  .ym-form input[type="reset"].ym-danger,
+  .ym-form input[type="submit"].ym-danger {
+    -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bb6666), color-stop(100%, #994444));
+    background-image: -webkit-linear-gradient(top, #bb6666, #994444);
+    background-image: -moz-linear-gradient(top, #bb6666, #994444);
+    background-image: -ms-linear-gradient(top, #bb6666, #994444);
+    background-image: linear-gradient(to bottom, #bb6666,#994444);
+    background-color: #bb6666;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFBB6666', endColorstr='#FF994444');
+    zoom: 1;
+    border: 1px solid #700;
+    color: #fff !important;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
+  }
+  .ym-button.ym-danger:hover,
+  .ym-form button.ym-danger:hover,
+  .ym-form input[type="button"].ym-danger:hover,
+  .ym-form input[type="reset"].ym-danger:hover,
+  .ym-form input[type="submit"].ym-danger:hover {
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc6666), color-stop(100%, #aa5555));
+    background-image: -webkit-linear-gradient(top, #cc6666, #aa5555);
+    background-image: -moz-linear-gradient(top, #cc6666, #aa5555);
+    background-image: -ms-linear-gradient(top, #cc6666, #aa5555);
+    background-image: linear-gradient(to bottom, #cc6666,#aa5555);
+    background-color: #cc6666;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC6666', endColorstr='#FFAA5555');
+    zoom: 1;
+  }
+  .ym-button.ym-danger:active,
+  .ym-form button.ym-danger:active,
+  .ym-form input[type="button"].ym-danger:active,
+  .ym-form input[type="reset"].ym-danger:active,
+  .ym-form input[type="submit"].ym-danger:active {
+    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa5555), color-stop(100%, #884444));
+    background-image: -webkit-linear-gradient(top, #aa5555, #884444);
+    background-image: -moz-linear-gradient(top, #aa5555, #884444);
+    background-image: -ms-linear-gradient(top, #aa5555, #884444);
+    background-image: linear-gradient(to bottom, #aa5555,#884444);
+    background-color: #aa5555;
+    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFAA5555', endColorstr='#FF884444');
+    zoom: 1;
+  }
+  .ym-button.ym-danger:focus,
+  .ym-form button.ym-danger:focus,
+  .ym-form input[type="button"].ym-danger:focus,
+  .ym-form input[type="reset"].ym-danger:focus,
+  .ym-form input[type="submit"].ym-danger:focus {
+    outline: 0;
+    background: #c66;
+  }
+
+  /* pseudo elements don't work on input */
+  .ym-form button:before,
+  .ym-button:before {
+    background: #ccc;
+    background: rgba(0, 0, 0, 0.1);
+    float: left;
+    width: 1em;
+    text-align: center;
+    font-size: 1.5em;
+    margin: 0 1em 0 -1em;
+    padding: 0 .2em;
+    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
+    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
+    border-radius: .15em 0 0 .15em;
+    pointer-events: none;
+  }
+
+  .ym-add:before {
+    content: "\271A";
+  }
+
+  .ym-delete:before {
+    content: "\2718";
+  }
+
+  .ym-close:before {
+    content: "\2715";
+  }
+
+  .ym-edit:before {
+    content: "\270E";
+  }
+
+  .ym-email:before {
+    content: "\2709";
+  }
+
+  .ym-like:before {
+    content: "\2764";
+  }
+
+  .ym-next:before {
+    content: "\279C";
+  }
+
+  .ym-play:before {
+    content: "\25B6";
+  }
+
+  .ym-reply:before {
+    content: "\27A5";
+  }
+
+  .ym-save:before {
+    content: "\2714";
+  }
+
+  .ym-sign:before {
+    content: "\270D";
+  }
+
+  .ym-spark:before {
+    content: "\2737";
+  }
+
+  .ym-support:before {
+    content: "\2706";
+  }
+
+  .ym-star:before {
+    content: "\2605";
+  }
+
+  /* removes extra inner spacing in Firefox */
+  .ym-form button::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
+
+  /* If line-height can't be modified, then fix Firefox spacing with padding */
+  .ym-form input[type=button]::-moz-focus-inner,
+  .ym-form input[type=reset]::-moz-focus-inner,
+  .ym-form input[type=submit]::-moz-focus-inner {
+    padding: .4em;
+  }
+
+  /* The disabled styles */
+  .ym-form button[disabled],
+  .ym-form button[disabled]:hover,
+  .ym-form input[type=button][disabled],
+  .ym-form input[type=button][disabled]:hover,
+  .ym-form input[type=reset][disabled],
+  .ym-form input[type=reset][disabled]:hover,
+  .ym-form input[type=submit][disabled],
+  .ym-form input[type=submit][disabled]:hover,
+  .ym-button.ym-disabled,
+  .ym-button.ym-disabled:hover {
+    background: #eee;
+    color: #aaa !important;
+    border-color: #aaa;
+    cursor: default;
+    text-shadow: none;
+    position: static;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+
+  /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
+  * html .ym-button,
+  * html .ym-form button {
+    display: inline-block;
+    white-space: nowrap;
+    background-color: #ccc;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
+    border: 1px solid #777;
+    color: #333 !important;
+    cursor: pointer;
+    font: normal 1em/2em Arial, Helvetica;
+    margin: 1.5em 0.75em 0 0;
+    padding: 0 1.5em;
+    overflow: visible;
+    /* removes extra side spacing in IE */
+    text-decoration: none !important;
+  }
+  * html .ym-form button:focus,
+  * html .ym-button:focus {
+    outline: 0;
+    background: #fafafa;
+  }
+  * html .ym-form button:hover,
+  * html .ym-button:hover {
+    background-color: #ddd;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
+  }
+  * html .ym-form button:active,
+  * html .ym-button:active {
+    background-color: #bbb;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
+    position: relative;
+    top: 1px;
+  }
+  * html .ym-button.ym-disabled,
+  * html .ym-button.ym-disabled:hover {
+    background: #eee;
+    color: #aaa !important;
+    border-color: #aaa;
+    cursor: default;
+    text-shadow: none;
+    position: static;
+  }
+  * html .ym-button {
+    /* Button size-scaling classes */
+    /* 21px */
+    /* 18px */
+    /* 12px */
+    /* 10px */
+  }
+  * html .ym-button.ym-primary {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8888ee', EndColorStr='#6666cc');
+  }
+  * html .ym-button.ym-success {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bb66', EndColorStr='#449944');
+  }
+  * html .ym-button.ym-warning {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddaa44', EndColorStr='#BB7722');
+  }
+  * html .ym-button.ym-danger {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bb6666', EndColorStr='#994444');
+  }
+  * html .ym-button.ym-xlarge {
+    font-size: 1.5em;
+  }
+  * html .ym-button.ym-large {
+    font-size: 1.2857em;
+  }
+  * html .ym-button.ym-small {
+    font-size: 0.8571em;
+  }
+  * html .ym-button.ym-xsmall {
+    font-size: 0.7143em;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/navigation/hlist.css

@@ -0,0 +1,109 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Horizontal list navigation "hlist"
+ * (de) Horizontale Navigationsliste "hlist"
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  .ym-hlist {
+    /* (en) containing floats in IE */
+    /* (de) Einfassen der Floats im IE */
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+    line-height: 1em;
+    background: #222;
+  }
+  .ym-hlist ul {
+    margin: 0;
+    padding: 0.5em 1.5em;
+    display: inline;
+    float: left;
+  }
+  .ym-hlist ul li {
+    display: inline;
+    float: left;
+    font-size: 1.0em;
+    line-height: 1;
+    list-style-type: none;
+    margin: 0 .25em 0 0;
+    padding: 0;
+  }
+  .ym-hlist ul li a, .ym-hlist ul li strong {
+    background: transparent;
+    color: #aaa;
+    display: block;
+    font-size: 1em;
+    line-height: 2em;
+    padding: 0 0.5em;
+    font-weight: normal;
+    text-decoration: none;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+    width: auto;
+  }
+  .ym-hlist ul li a:focus,
+  .ym-hlist ul li a:hover,
+  .ym-hlist ul li a:active {
+    color: #ccc;
+    background: #666;
+    background: rgba(255, 255, 255, 0.25);
+    border-radius: 0.2em;
+    text-decoration: none;
+    outline: 0 none;
+  }
+  .ym-hlist ul li.active {
+    background: #666;
+    background: rgba(255, 255, 255, 0.3);
+    border-radius: 0.2em;
+    color: #fff;
+  }
+  .ym-hlist ul li.active strong,
+  .ym-hlist ul li.active a:focus,
+  .ym-hlist ul li.active a:hover,
+  .ym-hlist ul li.active a:active {
+    background: transparent;
+    color: #fff;
+    text-decoration: none;
+  }
+
+  /* ------- search form -------- */
+  .ym-searchform {
+    float: right;
+    display: inline;
+    line-height: 2;
+    padding: 0.5em 1.5em;
+  }
+  .ym-searchform .ym-searchfield {
+    -webkit-appearance: none;
+    background: #fff;
+    line-height: 1;
+    padding: 0.25em;
+    width: 12em;
+    border: solid 1px #888;
+    border: solid 1px rgba(255, 255, 255, 0.1);
+    outline: none;
+    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+  }
+  .ym-searchform .ym-searchbutton {
+    -webkit-appearance: none;
+    background: #5f5f5f;
+    background: rgba(255, 255, 255, 0.2);
+    border-radius: .2em;
+    color: #fff;
+    cursor: pointer;
+    display: inline-block;
+    font-size: 1em;
+    line-height: 1.25;
+    padding: 0.25em;
+    border: solid 1px transparent;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/navigation/vlist.css

@@ -0,0 +1,144 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Vertical list navigation "vlist"
+ * (de) Vertikale Navigationsliste "vlist"
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /* 4 navigation levels defined */
+  .ym-vlist {
+    margin: 0 0 1.5em 0;
+    list-style-type: none;
+    background: transparent;
+    border: 0 none;
+  }
+  .ym-vlist ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    overflow: hidden;
+    border-top: 2px #ddd solid;
+    border-bottom: 2px #ddd solid;
+  }
+  .ym-vlist ul ul {
+    border: 0 none;
+  }
+  .ym-vlist li {
+    float: left;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    background-color: #fff;
+  }
+  .ym-vlist a,
+  .ym-vlist strong,
+  .ym-vlist span {
+    display: block;
+    padding: 3px 0px 3px 10%;
+    text-decoration: none;
+    border-bottom: 1px #ddd solid;
+  }
+  .ym-vlist a,
+  .ym-vlist a:visited {
+    color: #444;
+  }
+  .ym-vlist li span {
+    display: block;
+    font-weight: bold;
+    border-bottom: 1px #ddd solid;
+  }
+  .ym-vlist li.active {
+    color: #fff;
+    background-color: #444;
+  }
+  .ym-vlist li.active strong {
+    font-weight: bold;
+  }
+  .ym-vlist li a,
+  .ym-vlist li strong,
+  .ym-vlist li span {
+    width: 90%;
+    padding-left: 10%;
+  }
+  .ym-vlist li a:focus,
+  .ym-vlist li a:hover,
+  .ym-vlist li a:active {
+    background-color: #888;
+    color: #fff;
+    outline: 0 none;
+  }
+  .ym-vlist li ul li a,
+  .ym-vlist li ul li strong,
+  .ym-vlist li ul li span {
+    width: 80%;
+    padding-left: 20%;
+  }
+  .ym-vlist li ul li a,
+  .ym-vlist li ul li a:visited {
+    background-color: #f8f8f8;
+    color: #333;
+  }
+  .ym-vlist li ul li a:focus,
+  .ym-vlist li ul li a:hover,
+  .ym-vlist li ul li a:active {
+    background-color: #888;
+    color: #fff;
+  }
+  .ym-vlist li ul li ul li a,
+  .ym-vlist li ul li ul li strong,
+  .ym-vlist li ul li ul li span {
+    width: 70%;
+    padding-left: 30%;
+  }
+  .ym-vlist li ul li ul li a,
+  .ym-vlist li ul li ul li a:visited {
+    background-color: #f0f0f0;
+    color: #222;
+  }
+  .ym-vlist li ul li ul li a:focus,
+  .ym-vlist li ul li ul li a:hover,
+  .ym-vlist li ul li ul li a:active {
+    background-color: #888;
+    color: #fff;
+  }
+  .ym-vlist li ul li ul li ul li a,
+  .ym-vlist li ul li ul li ul li strong,
+  .ym-vlist li ul li ul li ul li span {
+    width: 60%;
+    padding-left: 40%;
+  }
+  .ym-vlist li ul li ul li ul li a,
+  .ym-vlist li ul li ul li ul li a:visited {
+    background-color: #e8e8e8;
+    color: #111;
+  }
+  .ym-vlist li ul li ul li ul li a:focus,
+  .ym-vlist li ul li ul li ul li a:hover,
+  .ym-vlist li ul li ul li ul li a:active {
+    background-color: #888;
+    color: #fff;
+  }
+
+  /* title */
+  .ym-vtitle {
+    font-weight: bold;
+    font-size: 100%;
+    width: 90%;
+    padding: 3px 0px 3px 10%;
+    margin: 0;
+    color: #444;
+    background-color: #fff;
+    border-top: 2px #ddd solid;
+  }
+  .ym-vtitle + ul {
+    border-top: 4px #888 solid;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/print/print.css

@@ -0,0 +1,42 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default print stylesheet
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media print {
+  /**
+  * @section basic layout preparation
+  */
+  /* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers */
+  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
+  body {
+    font-size: 10pt;
+    padding: 0 5px;
+  }
+
+  /* (en) Hide unneeded container of the screenlayout in print layout */
+  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
+  nav,
+  .ym-searchform {
+    display: none;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+  /* (en) Avoid page breaks right after headings */
+  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    page-break-after: avoid;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-960gs-12.css

@@ -0,0 +1,164 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * 960.gs port for YAML: 960px - 12 columns
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+.ym-wrapper {
+  width: 960px;
+  margin: 0 auto;
+}
+
+.ym-gbox {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+[class*="ym-push-"],
+[class*="ym-pull-"] {
+  position: relative;
+}
+
+.ym-g960-1 {
+  width: 80px;
+}
+
+.ym-g960-2 {
+  width: 160px;
+}
+
+.ym-g960-3 {
+  width: 240px;
+}
+
+.ym-g960-4 {
+  width: 320px;
+}
+
+.ym-g960-5 {
+  width: 400px;
+}
+
+.ym-g960-6 {
+  width: 480px;
+}
+
+.ym-g960-7 {
+  width: 560px;
+}
+
+.ym-g960-8 {
+  width: 640px;
+}
+
+.ym-g960-9 {
+  width: 720px;
+}
+
+.ym-g960-10 {
+  width: 800px;
+}
+
+.ym-g960-11 {
+  width: 880px;
+}
+
+.ym-g960-12 {
+  width: 960px;
+}
+
+.ym-push-1 {
+  left: 80px;
+}
+
+.ym-push-2 {
+  left: 160px;
+}
+
+.ym-push-3 {
+  left: 240px;
+}
+
+.ym-push-4 {
+  left: 320px;
+}
+
+.ym-push-5 {
+  left: 400px;
+}
+
+.ym-push-6 {
+  left: 480px;
+}
+
+.ym-push-7 {
+  left: 560px;
+}
+
+.ym-push-8 {
+  left: 640px;
+}
+
+.ym-push-9 {
+  left: 720px;
+}
+
+.ym-push-10 {
+  left: 800px;
+}
+
+.ym-push-11 {
+  left: 880px;
+}
+
+.ym-pull-1 {
+  left: -80px;
+}
+
+.ym-pull-2 {
+  left: -160px;
+}
+
+.ym-pull-3 {
+  left: -240px;
+}
+
+.ym-pull-4 {
+  left: -320px;
+}
+
+.ym-pull-5 {
+  left: -400px;
+}
+
+.ym-pull-6 {
+  left: -480px;
+}
+
+.ym-pull-7 {
+  left: -560px;
+}
+
+.ym-pull-8 {
+  left: -640px;
+}
+
+.ym-pull-9 {
+  left: -720px;
+}
+
+.ym-pull-10 {
+  left: -800px;
+}
+
+.ym-pull-11 {
+  left: -880px;
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-960gs-16.css

@@ -0,0 +1,212 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * 960.gs port for YAML: 960px - 16 columns
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+.ym-wrapper {
+  width: 960px;
+  margin: 0 auto;
+}
+
+.ym-gbox {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+[class*="ym-push-"],
+[class*="ym-pull-"] {
+  position: relative;
+}
+
+.ym-g960-1 {
+  width: 60px;
+}
+
+.ym-g960-2 {
+  width: 120px;
+}
+
+.ym-g960-3 {
+  width: 180px;
+}
+
+.ym-g960-4 {
+  width: 240px;
+}
+
+.ym-g960-5 {
+  width: 300px;
+}
+
+.ym-g960-6 {
+  width: 360px;
+}
+
+.ym-g960-7 {
+  width: 420px;
+}
+
+.ym-g960-8 {
+  width: 480px;
+}
+
+.ym-g960-9 {
+  width: 540px;
+}
+
+.ym-g960-10 {
+  width: 600px;
+}
+
+.ym-g960-11 {
+  width: 660px;
+}
+
+.ym-g960-12 {
+  width: 720px;
+}
+
+.ym-g960-13 {
+  width: 780px;
+}
+
+.ym-g960-14 {
+  width: 840px;
+}
+
+.ym-g960-15 {
+  width: 900px;
+}
+
+.ym-g960-16 {
+  width: 960px;
+}
+
+.ym-push-1 {
+  left: 60px;
+}
+
+.ym-push-2 {
+  left: 120px;
+}
+
+.ym-push-3 {
+  left: 180px;
+}
+
+.ym-push-4 {
+  left: 240px;
+}
+
+.ym-push-5 {
+  left: 300px;
+}
+
+.ym-push-6 {
+  left: 360px;
+}
+
+.ym-push-7 {
+  left: 420px;
+}
+
+.ym-push-8 {
+  left: 480px;
+}
+
+.ym-push-9 {
+  left: 540px;
+}
+
+.ym-push-10 {
+  left: 600px;
+}
+
+.ym-push-11 {
+  left: 660px;
+}
+
+.ym-push-12 {
+  left: 720px;
+}
+
+.ym-push-13 {
+  left: 780px;
+}
+
+.ym-push-14 {
+  left: 840px;
+}
+
+.ym-push-15 {
+  left: 900px;
+}
+
+.ym-pull-1 {
+  left: -60px;
+}
+
+.ym-pull-2 {
+  left: -120px;
+}
+
+.ym-pull-3 {
+  left: -180px;
+}
+
+.ym-pull-4 {
+  left: -240px;
+}
+
+.ym-pull-5 {
+  left: -300px;
+}
+
+.ym-pull-6 {
+  left: -360px;
+}
+
+.ym-pull-7 {
+  left: -420px;
+}
+
+.ym-pull-8 {
+  left: -480px;
+}
+
+.ym-pull-9 {
+  left: -540px;
+}
+
+.ym-pull-10 {
+  left: -600px;
+}
+
+.ym-pull-11 {
+  left: -660px;
+}
+
+.ym-pull-12 {
+  left: -720px;
+}
+
+.ym-pull-13 {
+  left: -780px;
+}
+
+.ym-pull-14 {
+  left: -840px;
+}
+
+.ym-pull-15 {
+  left: -900px;
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-blueprint.css

@@ -0,0 +1,308 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * Blueprint CSS port for YAML - 24 columns
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+.ym-wrapper {
+  width: 960px;
+  margin: 0 auto;
+}
+
+.ym-gbox {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: 0;
+  margin-right: 10px;
+}
+
+[class*="ym-push-"],
+[class*="ym-pull-"] {
+  position: relative;
+}
+
+.ym-span-1 {
+  width: 40px;
+}
+
+.ym-span-2 {
+  width: 80px;
+}
+
+.ym-span-3 {
+  width: 120px;
+}
+
+.ym-span-4 {
+  width: 160px;
+}
+
+.ym-span-5 {
+  width: 200px;
+}
+
+.ym-span-6 {
+  width: 240px;
+}
+
+.ym-span-7 {
+  width: 280px;
+}
+
+.ym-span-8 {
+  width: 320px;
+}
+
+.ym-span-9 {
+  width: 360px;
+}
+
+.ym-span-10 {
+  width: 400px;
+}
+
+.ym-span-11 {
+  width: 440px;
+}
+
+.ym-span-12 {
+  width: 480px;
+}
+
+.ym-span-13 {
+  width: 520px;
+}
+
+.ym-span-14 {
+  width: 560px;
+}
+
+.ym-span-15 {
+  width: 600px;
+}
+
+.ym-span-16 {
+  width: 640px;
+}
+
+.ym-span-17 {
+  width: 680px;
+}
+
+.ym-span-18 {
+  width: 720px;
+}
+
+.ym-span-19 {
+  width: 760px;
+}
+
+.ym-span-20 {
+  width: 800px;
+}
+
+.ym-span-21 {
+  width: 840px;
+}
+
+.ym-span-22 {
+  width: 880px;
+}
+
+.ym-span-23 {
+  width: 920px;
+}
+
+.ym-span-24 {
+  width: 960px;
+}
+
+.ym-push-1 {
+  left: 40px;
+}
+
+.ym-push-2 {
+  left: 80px;
+}
+
+.ym-push-3 {
+  left: 120px;
+}
+
+.ym-push-4 {
+  left: 160px;
+}
+
+.ym-push-5 {
+  left: 200px;
+}
+
+.ym-push-6 {
+  left: 240px;
+}
+
+.ym-push-7 {
+  left: 280px;
+}
+
+.ym-push-8 {
+  left: 320px;
+}
+
+.ym-push-9 {
+  left: 360px;
+}
+
+.ym-push-10 {
+  left: 400px;
+}
+
+.ym-push-11 {
+  left: 440px;
+}
+
+.ym-push-12 {
+  left: 480px;
+}
+
+.ym-push-13 {
+  left: 520px;
+}
+
+.ym-push-14 {
+  left: 560px;
+}
+
+.ym-push-15 {
+  left: 600px;
+}
+
+.ym-push-16 {
+  left: 640px;
+}
+
+.ym-push-17 {
+  left: 680px;
+}
+
+.ym-push-18 {
+  left: 720px;
+}
+
+.ym-push-19 {
+  left: 760px;
+}
+
+.ym-push-20 {
+  left: 800px;
+}
+
+.ym-push-21 {
+  left: 840px;
+}
+
+.ym-push-22 {
+  left: 880px;
+}
+
+.ym-push-23 {
+  left: 920px;
+}
+
+.ym-pull-1 {
+  left: -40px;
+}
+
+.ym-pull-2 {
+  left: -80px;
+}
+
+.ym-pull-3 {
+  left: -120px;
+}
+
+.ym-pull-4 {
+  left: -160px;
+}
+
+.ym-pull-5 {
+  left: -200px;
+}
+
+.ym-pull-6 {
+  left: -240px;
+}
+
+.ym-pull-7 {
+  left: -280px;
+}
+
+.ym-pull-8 {
+  left: -320px;
+}
+
+.ym-pull-9 {
+  left: -360px;
+}
+
+.ym-pull-10 {
+  left: -400px;
+}
+
+.ym-pull-11 {
+  left: -440px;
+}
+
+.ym-pull-12 {
+  left: -480px;
+}
+
+.ym-pull-13 {
+  left: -520px;
+}
+
+.ym-pull-14 {
+  left: -560px;
+}
+
+.ym-pull-15 {
+  left: -600px;
+}
+
+.ym-pull-16 {
+  left: -640px;
+}
+
+.ym-pull-17 {
+  left: -680px;
+}
+
+.ym-pull-18 {
+  left: -720px;
+}
+
+.ym-pull-19 {
+  left: -760px;
+}
+
+.ym-pull-20 {
+  left: -800px;
+}
+
+.ym-pull-21 {
+  left: -840px;
+}
+
+.ym-pull-22 {
+  left: -880px;
+}
+
+.ym-pull-23 {
+  left: -920px;
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/grid-fluid-12col.css

@@ -0,0 +1,164 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * Fluid 12 column grid
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+.ym-wrapper {
+  width: 100%;
+  margin: 0 auto;
+}
+
+.ym-gbox {
+  padding-left: 0;
+  padding-right: 0;
+  margin-left: 0;
+  margin-right: 10px;
+}
+
+[class*="ym-push-"],
+[class*="ym-pull-"] {
+  position: relative;
+}
+
+.ym-span-1 {
+  width: 8.33333%;
+}
+
+.ym-span-2 {
+  width: 16.66667%;
+}
+
+.ym-span-3 {
+  width: 25%;
+}
+
+.ym-span-4 {
+  width: 33.33333%;
+}
+
+.ym-span-5 {
+  width: 41.66667%;
+}
+
+.ym-span-6 {
+  width: 50%;
+}
+
+.ym-span-7 {
+  width: 58.33333%;
+}
+
+.ym-span-8 {
+  width: 66.66667%;
+}
+
+.ym-span-9 {
+  width: 75%;
+}
+
+.ym-span-10 {
+  width: 83.33333%;
+}
+
+.ym-span-11 {
+  width: 91.66667%;
+}
+
+.ym-span-12 {
+  width: 100%;
+}
+
+.ym-push-1 {
+  left: 8.33333%;
+}
+
+.ym-push-2 {
+  left: 16.66667%;
+}
+
+.ym-push-3 {
+  left: 25%;
+}
+
+.ym-push-4 {
+  left: 33.33333%;
+}
+
+.ym-push-5 {
+  left: 41.66667%;
+}
+
+.ym-push-6 {
+  left: 50%;
+}
+
+.ym-push-7 {
+  left: 58.33333%;
+}
+
+.ym-push-8 {
+  left: 66.66667%;
+}
+
+.ym-push-9 {
+  left: 75%;
+}
+
+.ym-push-10 {
+  left: 83.33333%;
+}
+
+.ym-push-11 {
+  left: 91.66667%;
+}
+
+.ym-pull-1 {
+  left: -8.33333%;
+}
+
+.ym-pull-2 {
+  left: -16.66667%;
+}
+
+.ym-pull-3 {
+  left: -25%;
+}
+
+.ym-pull-4 {
+  left: -33.33333%;
+}
+
+.ym-pull-5 {
+  left: -41.66667%;
+}
+
+.ym-pull-6 {
+  left: -50%;
+}
+
+.ym-pull-7 {
+  left: -58.33333%;
+}
+
+.ym-pull-8 {
+  left: -66.66667%;
+}
+
+.ym-pull-9 {
+  left: -75%;
+}
+
+.ym-pull-10 {
+  left: -83.33333%;
+}
+
+.ym-pull-11 {
+  left: -91.66667%;
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/screen-FULLPAGE-layout.css

@@ -0,0 +1,184 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default screen stylesheet - FULLPAGE-layout type layout
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media screen {
+  /* force vertical scrollbar */
+  body {
+    overflow-y: scroll;
+  }
+
+  /* Layout Module Configuration */
+  .ym-wrapper {
+    max-width: 80em;
+    margin: 0 auto;
+  }
+
+  .ym-wbox {
+    padding: 1.5em;
+  }
+
+  /* fallback for missing media queries support*/
+  body > header, body > nav, body > main, body > footer {
+    min-width: 760px;
+  }
+
+  /* Basic Element Styling */
+  header {
+    background: #444;
+    color: #ccc;
+  }
+  header h1 {
+    background: transparent;
+    color: #fff;
+  }
+  header .ym-wbox {
+    padding: 1.5em;
+  }
+
+  nav {
+    background: #222222;
+  }
+
+  main .info {
+    margin-bottom: 1.5em;
+  }
+  main aside .ym-gbox-right {
+    border-left: 1px #ddd solid;
+  }
+
+  footer {
+    background: #eee;
+    color: #444;
+  }
+  footer p {
+    margin: 0;
+  }
+  footer .ym-wbox {
+    padding: 1.5em;
+  }
+
+  .ym-gbox {
+    padding: 0 1.5em;
+  }
+
+  .ym-gbox-left {
+    padding: 0 1.5em 0 0;
+  }
+
+  .ym-gbox-right {
+    padding: 0 0 0 1.5em;
+  }
+
+  /* skip links styling */
+  .ym-skiplinks a.ym-skip:focus,
+  .ym-skiplinks a.ym-skip:active {
+    color: #fff;
+    background: #333;
+    border-bottom: 1px #000 solid;
+    padding: 10px 0;
+    text-align: center;
+    text-decoration: none;
+  }
+}
+/* reset fallback values in modern browsers */
+@media screen and (min-width: 0px) {
+  body > header, body > nav, body > main, body > footer {
+    min-width: 0;
+  }
+}
+@media screen and (max-width: 760px) {
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
+  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
+    /* linearization for grids and columns module */
+    display: block;
+    float: none;
+    padding: 0;
+    margin: 0;
+    width: auto !important;
+  }
+  .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
+    /* reset defined gutter values */
+    margin: 0;
+    padding: 0;
+    /* optional for containing floats */
+    overflow: hidden;
+  }
+
+  .secondary {
+    border-top: 1px #888 solid;
+    margin-top: 1.5em !important;
+    padding-top: 1.5em !important;
+  }
+
+  main aside .ym-gbox-right {
+    border: 0 none;
+  }
+
+  .ym-searchform {
+    display: block;
+    float: none;
+    width: auto;
+    text-align: right;
+  }
+
+  .ym-searchform input[type="search"] {
+    width: 14%;
+  }
+}
+@media screen and (max-width: 480px) {
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
+  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
+    /* linearization for grids and columns module */
+    display: block;
+    float: none;
+    padding: 0;
+    margin: 0;
+    width: auto !important;
+  }
+  .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
+    /* reset defined gutter values */
+    margin: 0;
+    padding: 0;
+    /* optional for containing floats */
+    overflow: hidden;
+  }
+
+  header .ym-wbox {
+    padding: 0.75em 10px;
+  }
+  header h1 {
+    font-size: 1.5em;
+    line-height: 1em;
+    margin: 0;
+  }
+
+  footer .ym-wbox,
+  .ym-wbox,
+  .ym-searchform,
+  nav .ym-hlist ul {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  .ym-searchform,
+  nav .ym-hlist ul,
+  nav .ym-hlist li {
+    display: block;
+    float: none;
+    width: auto;
+    text-align: left;
+  }
+
+  .ym-searchform input[type="search"] {
+    width: 75%;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/screen-PAGE-layout.css

@@ -0,0 +1,196 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default screen stylesheet - PAGE-layout type layout
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media screen {
+  /* force vertical scrollbar */
+  body {
+    overflow-y: scroll;
+  }
+
+  /* Layout Module Configuration & fallback for unsupported media queries */
+  .ym-wrapper {
+    min-width: 760px;
+    max-width: 80em;
+    margin: 0 auto;
+  }
+
+  .ym-wbox {
+    padding: 10px;
+  }
+
+  /* Basic Element Styling */
+  header {
+    background: #444;
+    color: #ccc;
+    padding: 1.5em;
+  }
+  header h1 {
+    background: transparent;
+    color: #fff;
+  }
+
+  nav {
+    background: #222222;
+  }
+
+  main {
+    padding: 1.5em 0 0 0;
+  }
+
+  footer {
+    margin: 0;
+    background: #eee;
+    color: #444;
+    padding: 1.5em;
+  }
+  footer p {
+    margin: 0;
+  }
+
+  /* Column-Set Configuration: 1-3 (sidebar right) */
+  .ym-column {
+    display: block;
+    overflow: hidden;
+    padding-right: 340px;
+    width: auto;
+  }
+
+  /* content - column */
+  .ym-col1 {
+    float: left;
+    width: 100%;
+  }
+
+  /* sidebar - column */
+  .ym-col3 {
+    position: relative;
+    float: left;
+    width: 340px;
+    margin-left: 0;
+    margin-right: -340px;
+  }
+
+  .ym-col1 .ym-cbox {
+    padding: 0 0.75em 0 1.5em;
+  }
+
+  .ym-col3 .ym-cbox {
+    padding: 0 20px 0 12px;
+  }
+
+  .ym-gbox {
+    padding: 0 1.5em 0 0;
+  }
+
+  /* skip links styling */
+  .ym-skiplinks a.ym-skip:focus,
+  .ym-skiplinks a.ym-skip:active {
+    color: #fff;
+    background: #333;
+    border-bottom: 1px #000 solid;
+    padding: 10px 0;
+    text-align: center;
+    text-decoration: none;
+  }
+}
+/* reset fallback values in modern browsers */
+@media screen and (min-width: 0px) {
+  .ym-wrapper {
+    min-width: 0px;
+  }
+}
+@media screen and (max-width: 760px) {
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
+  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
+    /* linearization for grids and columns module */
+    display: block;
+    float: none;
+    padding: 0;
+    margin: 0;
+    width: auto !important;
+  }
+  .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
+    /* reset defined gutter values */
+    margin: 0;
+    padding: 0;
+    /* optional for containing floats */
+    overflow: hidden;
+  }
+
+  nav .ym-hlist ul {
+    padding-right: 10px;
+  }
+
+  .ym-searchform {
+    display: block;
+    float: none;
+    width: auto;
+    padding-right: 10px;
+    text-align: right;
+  }
+
+  .ym-searchform input[type="search"] {
+    width: 14%;
+  }
+}
+@media screen and (max-width: 480px) {
+  .ym-wbox {
+    padding: 0;
+  }
+
+  header {
+    padding: 0.75em 10px;
+  }
+  header h1 {
+    font-size: 1.5em;
+    line-height: 1em;
+    margin: 0;
+  }
+
+  footer,
+  main,
+  .ym-searchform,
+  nav .ym-hlist ul {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
+  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
+    /* linearization for grids and columns module */
+    display: block;
+    float: none;
+    padding: 0;
+    margin: 0;
+    width: auto !important;
+  }
+  .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
+    /* reset defined gutter values */
+    margin: 0;
+    padding: 0;
+    /* optional for containing floats */
+    overflow: hidden;
+  }
+
+  .ym-searchform,
+  nav .ym-hlist ul,
+  nav .ym-hlist li {
+    display: block;
+    float: none;
+    width: auto;
+    text-align: left;
+  }
+
+  .ym-searchform input[type="search"] {
+    width: 75%;
+  }
+}

ccm-sci-bundle/web/themes/mandalay-yaml/yaml/screen/typography.css

@@ -0,0 +1,486 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       © 2005-2013, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.1.2
+ */
+@media all {
+  /*
+  * @section global typography settings
+  *
+  * vertical rhythm settings (based on em-unit)
+  * -------------------------------------------
+  * basefont-size:  14px (87.5%)
+  * line-height  :  21px (factor: 1.5) */
+  /* (en) reset font size for all elements to standard (16 Pixel) */
+  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
+  html * {
+    font-size: 100%;
+  }
+
+  /**
+  * (en) reset monospaced elements to font size 16px in all browsers
+  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
+  *
+  * @see: http://webkit.org/blog/67/strange-medium/
+  */
+  textarea,
+  pre,
+  code,
+  kbd,
+  samp,
+  var,
+  tt {
+    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+  }
+
+  /* font-size: 14px; */
+  body {
+    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
+    font-size: 87.5%;
+    color: #444444;
+  }
+
+  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: "Droid Sans", Arial, Helvetica, sans-serif;
+    font-weight: 400;
+    color: #161e21;
+    margin: 0;
+  }
+
+  h1 {
+    /* font-size: 48px; */
+    font-size: 342.85714%;
+    line-height: 0.875;
+    margin: 0 0 0.4375em 0;
+  }
+
+  h2 {
+    /* font-size: 32px; */
+    font-size: 228.57143%;
+    line-height: 1.3125;
+    margin: 0 0 0.65625em 0;
+  }
+
+  h3 {
+    /* font-size: 24px; */
+    font-size: 171.42857%;
+    line-height: 0.875;
+    margin: 0 0 0.875em 0;
+  }
+
+  h4 {
+    /* font-size: 21px; */
+    font-size: 150%;
+    line-height: 1;
+    margin: 0 0 1em 0;
+  }
+
+  h5 {
+    /* font-size: 18px; */
+    font-size: 128.57143%;
+    line-height: 1.16667;
+    margin: 0 0 1.16667em 0;
+  }
+
+  h6 {
+    /* font-size: 14px; */
+    font-size: 100%;
+    font-weight: bold;
+    line-height: 1.5;
+    margin: 0 0 1.5em 0;
+  }
+
+  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
+  ul,
+  ol,
+  dl {
+    font-size: 100%;
+    line-height: 1.5;
+    margin: 0 0 1.5em 0;
+  }
+
+  ul {
+    list-style-type: disc;
+  }
+
+  ol {
+    list-style-type: decimal;
+  }
+
+  ul ul {
+    list-style-type: circle;
+    margin-top: 0;
+  }
+
+  ol ol {
+    list-style-type: lower-latin;
+    margin-top: 0;
+  }
+
+  ol ul {
+    list-style-type: circle;
+    margin-top: 0;
+  }
+
+  li {
+    font-size: 100%;
+    line-height: 1.5;
+    margin-left: 1.2em;
+  }
+
+  dt {
+    font-weight: bold;
+  }
+
+  dd {
+    margin: 0 0 1.5em 0.8em;
+  }
+
+  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+  p {
+    font-size: 100%;
+    line-height: 1.5;
+    margin: 0 0 1.5em 0;
+  }
+
+  blockquote,
+  cite,
+  q {
+    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
+    font-style: italic;
+  }
+
+  blockquote {
+    background: transparent;
+    color: #666666;
+    margin: 1.5em 0 0 1.5em;
+  }
+
+  strong,
+  b {
+    font-weight: bold;
+  }
+
+  em,
+  i {
+    font-style: italic;
+  }
+
+  big {
+    /* font-size: 16px; */
+    font-size: 114.28571%;
+    line-height: 1.3125;
+  }
+
+  small {
+    /* font-size: 12px; */
+    font-size: 85.71429%;
+    line-height: 1.75;
+  }
+
+  pre,
+  code,
+  kbd,
+  tt,
+  samp,
+  var {
+    font-size: 100%;
+  }
+
+  pre {
+    font-size: 100%;
+    line-height: 1.5;
+    margin: 0 0 1.5em 0;
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+  }
+
+  pre,
+  code {
+    color: #880000;
+  }
+
+  kbd,
+  samp,
+  var,
+  tt {
+    color: #666666;
+    font-weight: bold;
+  }
+
+  var,
+  dfn {
+    font-style: italic;
+  }
+
+  acronym,
+  abbr {
+    border-bottom: 1px #aaa dotted;
+    font-variant: small-caps;
+    letter-spacing: .07em;
+    cursor: help;
+  }
+
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+
+  sup {
+    top: -0.5em;
+  }
+
+  sub {
+    bottom: -0.25em;
+  }
+
+  mark {
+    background: yellow;
+    color: black;
+  }
+
+  hr {
+    color: #fff;
+    background: transparent;
+    margin: 0 0 0.75em 0;
+    padding: 0 0 0.67857em 0;
+    border: 0;
+    border-bottom: 1px #eeeeee solid;
+  }
+
+  /*--- Links ----------------------------------------------------------------------------------------- */
+  a {
+    color: #4d87c7;
+    background: transparent;
+    text-decoration: none;
+  }
+
+  a:active {
+    outline: none;
+  }
+
+  /* (en) maximum constrast for tab focus - change with great care */
+  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
+  a:hover,
+  a:focus {
+    background-color: #4d87c7;
+    color: white;
+    text-decoration: none;
+  }
+
+  /* --- images ------------------ */
+  img,
+  figure {
+    margin: 0;
+  }
+
+  .flexible {
+    margin-bottom: 1.5em;
+    max-width: 100%;
+    height: auto;
+  }
+
+  /* IE6 workaround - 2% space for possible borders */
+  * html .flexible {
+    width: 98%;
+  }
+
+  .bordered {
+    margin-bottom: 1.5em;
+    border: 2px #eee solid;
+    border: 2px white solid;
+    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
+  }
+
+  /**
+  * ----------------------------------------------------------------------- #
+  *
+  * Generic Content Classes
+  *
+  * (en) standard classes for positioning and highlighting
+  * (de) Standardklassen zur Positionierung und Hervorhebung
+  *
+  * @section content-generic-classes
+  */
+  .highlight {
+    color: #cc3300;
+  }
+
+  .dimmed {
+    color: #888888;
+  }
+
+  .box {
+    border-radius: 0.3em;
+    border-width: 1px;
+    border-style: solid;
+    border-color: #888;
+    border-color: rgba(0, 0, 0, 0.3);
+    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
+    color: #444;
+    color: rgba(0, 0, 0, 0.8);
+    padding: 1.42857em;
+    margin: 0 0 1.5em 0;
+  }
+  .box > *:last-child {
+    margin-bottom: 0;
+  }
+
+  .label {
+    font-family: Verdana, Geneva, sans-serif;
+    padding: 1px 6px 2px;
+    display: inline-block;
+    vertical-align: middle;
+    letter-spacing: normal;
+    white-space: nowrap;
+    border-radius: 3px;
+    background: #06C;
+    color: #fff;
+    font-size: 10px;
+    line-height: 12px;
+  }
+
+  .info {
+    background: #f4f4f4;
+  }
+
+  .success {
+    background: #88cc88;
+  }
+
+  .warning {
+    background: #cccc88;
+  }
+
+  .error {
+    background: #cc8888;
+  }
+
+  .float-left {
+    float: left;
+    display: inline;
+    margin: 0 1em 1.5em 0;
+  }
+
+  .float-right {
+    float: right;
+    display: inline;
+    margin: 0 0 1.5em 1em;
+  }
+
+  .center {
+    display: block;
+    text-align: center;
+    margin: 0 auto 1.5em auto;
+  }
+
+  /**
+  * ------------------------------------------------------------------------------------------------- #
+  *
+  * Tables | Tabellen
+  *
+  * (en) Generic classes for table-width and design definition
+  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
+  *
+  * @section content-tables
+  */
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    color: #444444;
+    border-top: 1px #ccc solid;
+    border-bottom: 1px #ccc solid;
+    margin: 0 0 1.35714em 0;
+  }
+  table.narrow {
+    margin: 0 0 1.42857em 0;
+  }
+  table.narrow th,
+  table.narrow td {
+    padding: 0 0.5em;
+    line-height: 1.42857;
+  }
+  table.fixed {
+    table-layout: fixed;
+  }
+  table.bordertable {
+    border: 1px #ccc solid;
+  }
+  table.bordertable thead th {
+    background: #e0e0e0;
+    border-right: 1px #ccc solid;
+    border-bottom: 1px #ccc solid;
+  }
+  table.bordertable tbody th[scope="row"] {
+    background: #f0f0f0;
+  }
+  table.bordertable tbody th {
+    border-right: 1px solid #ccc;
+  }
+  table.bordertable tbody td {
+    border-right: 1px solid #ccc;
+  }
+
+  caption {
+    font-variant: small-caps;
+  }
+
+  th,
+  td {
+    line-height: 1.5em;
+    vertical-align: top;
+    padding: 0.71429em 0.5em;
+  }
+
+  th *:first-child,
+  td *:first-child {
+    margin-top: 0;
+  }
+
+  th.nowrap,
+  td.nowrap {
+    white-space: nowrap;
+  }
+
+  thead th {
+    text-align: left;
+    color: #000;
+    border-bottom: 2px #000 solid;
+  }
+
+  tbody {
+    /* highlight row on mouse over */
+  }
+  tbody th {
+    text-align: left;
+    border-top: 1px solid #ccc;
+  }
+  tbody td {
+    text-align: left;
+    border-top: 1px solid #ccc;
+  }
+  tbody tr:hover th,
+  tbody tr:hover td {
+    background: #f8f8f8;
+  }
+}