yamlcss 1.0.0

data/yaml/sass/yaml-sass/add-ons/accessible-tabs/_tabs.scss

@@ -0,0 +1,139 @@
+@media screen, projection {
+	.jquery_tabs {
+		margin:0 0 1.5em 0;
+
+		ul.tabs-list {
+			font-size: 1em;
+			display:table;
+			table-layout:fixed;
+			list-style-type:none;
+			margin: 0;
+			position:relative;
+			z-index:1;
+
+			li {
+				margin: 0 4px 0 0;
+				border:0 none;
+				display:inline;
+				float:left;
+				padding:0;
+
+				a {
+					font-size: 1em;
+					line-height: 1.5;
+					padding: 0.75em;
+					background: transparent;
+
+					display:block;
+					float:left;
+					font-weight:normal;
+					margin:0;
+
+					&:focus,
+					&:hover,
+					&:active {
+						background:#eee;
+						border-radius: 0.2em 0.2em 0 0;
+						color:#000;
+
+						font-weight:normal;
+						outline: 0 none;
+						text-decoration:none;
+					}
+				}
+
+				&.current {
+					a,
+					a:focus,
+					a:hover,
+					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;
+					}
+				}
+			}
+		}
+
+		.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; // LTR
+	}
+	.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;
+
+		// IE < 7 don't support transparent borders
+	 	.tab-content {
+			border-bottom: 1px #fff solid;
+			border-top: 1px #fff solid;
+		}
+
+		.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;
+		}
+		.tabbody,
+		.tabhead {
+			display: block !important;
+		}
+	}
+}

data/yaml/sass/yaml-sass/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);

data/yaml/sass/yaml-sass/add-ons/microformats/_microformats.scss

@@ -0,0 +1,179 @@
+@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;
+
+		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;
+		}
+
+		.adr {
+			display:block;
+			margin:0.5em 0;
+		}
+
+		.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;
+		}
+
+		p {
+			margin: 0;
+		}
+
+		.description {
+			display:block;
+			margin-top:1em;
+		}
+
+		.location {
+			display:block;
+			color:#679A06;
+		}
+
+		.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;
+
+		&[rel~="colleague"],
+		&[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=');
+		}
+
+		&[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');
+		}
+
+		&[rel~="colleague"][rel~="met"],
+		&[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==');
+		}
+
+		&[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=');
+		}
+
+		&[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');
+		}
+
+		&[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=');
+		}
+
+		&[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');
+		}
+
+		&[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=');
+		}
+
+		&[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=');
+		}
+
+		&[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');
+		}
+
+		&[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;
+	}
+}