yamlcss 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.travis.yml +12 -0
- data/Gemfile +10 -0
- data/Gemfile.lock +56 -0
- data/LICENSE.txt +59 -0
- data/Rakefile +23 -0
- data/Readme.md +120 -0
- data/VERSIONS.md +5 -0
- data/bin/yamlcss +6 -0
- data/lib/yamlcss.rb +22 -0
- data/lib/yamlcss/engine.rb +7 -0
- data/lib/yamlcss/generator.rb +84 -0
- data/lib/yamlcss/version.rb +4 -0
- data/vendor/assets/stylesheets/_iehacks.scss +3 -0
- data/vendor/assets/stylesheets/_yaml.scss +3 -0
- data/yaml/Gruntfile.js +199 -0
- data/yaml/License.txt +36 -0
- data/yaml/Readme.md +64 -0
- data/yaml/changelog.md +307 -0
- data/yaml/config.rb +25 -0
- data/yaml/demos/css/custom-grids.css +27 -0
- data/yaml/demos/css/flexible-columns.css +26 -0
- data/yaml/demos/css/flexible-grids.css +26 -0
- data/yaml/demos/css/rtl-support.css +31 -0
- data/yaml/demos/css/screen/screen-custom-grids.css +41 -0
- data/yaml/demos/css/screen/screen-rtl-support.css +182 -0
- data/yaml/demos/custom-grid.html +129 -0
- data/yaml/demos/flexible-columns.html +124 -0
- data/yaml/demos/flexible-grid.html +142 -0
- data/yaml/demos/rtl-support.html +127 -0
- data/yaml/docs/assets/css/icons/external_link.png +0 -0
- data/yaml/docs/assets/css/icons/hcalendar.png +0 -0
- data/yaml/docs/assets/css/icons/hcard.png +0 -0
- data/yaml/docs/assets/css/icons/icon-geo.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hatom.png +0 -0
- data/yaml/docs/assets/css/icons/icon-haudio.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcalendar-add.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcalendar-download.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcalendar.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcard-add.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcard-download.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hcard.png +0 -0
- data/yaml/docs/assets/css/icons/icon-hresume.png +0 -0
- data/yaml/docs/assets/css/icons/icon-rel-tag.png +0 -0
- data/yaml/docs/assets/css/icons/icon-xfn.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-child.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-colleague-met.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-colleague.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-friend-met.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-friend.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-me.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-parent.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-small.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-spouse.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-sweetheart-met.png +0 -0
- data/yaml/docs/assets/css/icons/xfn/xfn-sweetheart.png +0 -0
- data/yaml/docs/assets/css/layout-min.css +3 -0
- data/yaml/docs/assets/css/layout.css +3262 -0
- data/yaml/docs/assets/images/demo-custom-grid.png +0 -0
- data/yaml/docs/assets/images/demo-flex-column.png +0 -0
- data/yaml/docs/assets/images/demo-flex-grid.png +0 -0
- data/yaml/docs/assets/images/demo-rtl.png +0 -0
- data/yaml/docs/assets/images/yaml-solo-transparent-small.png +0 -0
- data/yaml/docs/assets/images/yaml-solo-transparent.png +0 -0
- data/yaml/docs/assets/js/domscript.js +209 -0
- data/yaml/docs/assets/js/jquery.gridbuilder.js +131 -0
- data/yaml/docs/assets/js/snippet/ZeroClipboard.swf +0 -0
- data/yaml/docs/assets/js/snippet/jquery.snippet.css +116 -0
- data/yaml/docs/assets/js/snippet/jquery.snippet.js +782 -0
- data/yaml/docs/assets/js/snippet/jquery.snippet.min.css +40 -0
- data/yaml/docs/assets/js/snippet/jquery.snippet.min.js +12 -0
- data/yaml/docs/assets/js/snippet/snippet.css +296 -0
- data/yaml/docs/index.html +3845 -0
- data/yaml/lib/html5shiv/html5shiv-printshiv.js +11 -0
- data/yaml/lib/html5shiv/html5shiv.js +8 -0
- data/yaml/lib/jquery-1.10.1.min.js +6 -0
- data/yaml/lib/jquery-migrate-1.2.1.min.js +2 -0
- data/yaml/package.json +20 -0
- data/yaml/sass/docs/assets/css/_screen.scss +786 -0
- data/yaml/sass/docs/assets/css/layout.scss +28 -0
- data/yaml/sass/static-build/add-ons/accessible-tabs/tabs.scss +15 -0
- data/yaml/sass/static-build/add-ons/microformats/microformats.scss +18 -0
- data/yaml/sass/static-build/add-ons/rtl-support/core/base-rtl.scss +20 -0
- data/yaml/sass/static-build/add-ons/rtl-support/forms/gray-theme-rtl.scss +16 -0
- data/yaml/sass/static-build/add-ons/rtl-support/navigation/hlist-rtl.scss +18 -0
- data/yaml/sass/static-build/add-ons/rtl-support/navigation/vlist-rtl.scss +18 -0
- data/yaml/sass/static-build/add-ons/rtl-support/screen/typography-rtl.scss +16 -0
- data/yaml/sass/static-build/core/base.scss +19 -0
- data/yaml/sass/static-build/core/iehacks.scss +19 -0
- data/yaml/sass/static-build/forms/gray-theme.scss +14 -0
- data/yaml/sass/static-build/navigation/hlist.scss +16 -0
- data/yaml/sass/static-build/navigation/vlist.scss +16 -0
- data/yaml/sass/static-build/print/print.scss +15 -0
- data/yaml/sass/static-build/screen/grid-960gs-12.scss +15 -0
- data/yaml/sass/static-build/screen/grid-960gs-16.scss +15 -0
- data/yaml/sass/static-build/screen/grid-blueprint.scss +15 -0
- data/yaml/sass/static-build/screen/grid-fluid-12col.scss +15 -0
- data/yaml/sass/static-build/screen/screen-FULLPAGE-layout.scss +15 -0
- data/yaml/sass/static-build/screen/screen-PAGE-layout.scss +15 -0
- data/yaml/sass/static-build/screen/typography.scss +16 -0
- data/yaml/sass/yaml-sass/_yaml-var-globals.scss +39 -0
- data/yaml/sass/yaml-sass/_yaml-var-typography.scss +80 -0
- data/yaml/sass/yaml-sass/add-ons/accessible-tabs/_tabs.scss +139 -0
- data/yaml/sass/yaml-sass/add-ons/accessible-tabs/jquery.tabs.js +266 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/_microformats.scss +179 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/external_link.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/hcalendar.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/hcard.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-geo.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hatom.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-haudio.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcalendar-add.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcalendar-download.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcalendar.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcard-add.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcard-download.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcard.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hresume.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-rel-tag.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-xfn.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-child.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-colleague-met.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-colleague.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-friend-met.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-friend.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-me.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-parent.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-small.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-spouse.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-sweetheart.png +0 -0
- data/yaml/sass/yaml-sass/add-ons/rtl-support/core/_base-rtl.scss +177 -0
- data/yaml/sass/yaml-sass/add-ons/rtl-support/forms/_gray-theme-rtl.scss +34 -0
- data/yaml/sass/yaml-sass/add-ons/rtl-support/navigation/_hlist-rtl.scss +42 -0
- data/yaml/sass/yaml-sass/add-ons/rtl-support/navigation/_vlist-rtl.scss +45 -0
- data/yaml/sass/yaml-sass/add-ons/rtl-support/screen/_typography-rtl.scss +30 -0
- data/yaml/sass/yaml-sass/add-ons/syncheight/jquery.syncheight.js +112 -0
- data/yaml/sass/yaml-sass/core/_base.scss +15 -0
- data/yaml/sass/yaml-sass/core/_iehacks.scss +426 -0
- data/yaml/sass/yaml-sass/core/base-modules/_accessibility.scss +48 -0
- data/yaml/sass/yaml-sass/core/base-modules/_columns.scss +27 -0
- data/yaml/sass/yaml-sass/core/base-modules/_float-handling.scss +32 -0
- data/yaml/sass/yaml-sass/core/base-modules/_forms-core.scss +296 -0
- data/yaml/sass/yaml-sass/core/base-modules/_grids-core.scss +55 -0
- data/yaml/sass/yaml-sass/core/base-modules/_normalization.scss +165 -0
- data/yaml/sass/yaml-sass/core/base-modules/_print-core.scss +36 -0
- data/yaml/sass/yaml-sass/core/js/yaml-focusfix.js +70 -0
- data/yaml/sass/yaml-sass/forms/_gray-theme.scss +475 -0
- data/yaml/sass/yaml-sass/mixins/_yaml-mixins-core.scss +248 -0
- data/yaml/sass/yaml-sass/navigation/_hlist.scss +106 -0
- data/yaml/sass/yaml-sass/navigation/_vlist.scss +129 -0
- data/yaml/sass/yaml-sass/print/_print.scss +61 -0
- data/yaml/sass/yaml-sass/screen/_grid-960gs-12.scss +4 -0
- data/yaml/sass/yaml-sass/screen/_grid-960gs-16.scss +4 -0
- data/yaml/sass/yaml-sass/screen/_grid-blueprint.scss +4 -0
- data/yaml/sass/yaml-sass/screen/_grid-fluid-12col.scss +4 -0
- data/yaml/sass/yaml-sass/screen/_screen-FULLPAGE-layout.scss +171 -0
- data/yaml/sass/yaml-sass/screen/_screen-PAGE-layout.scss +165 -0
- data/yaml/sass/yaml-sass/screen/_typography.scss +485 -0
- data/yaml/yaml/add-ons/accessible-tabs/jquery.tabs.js +266 -0
- data/yaml/yaml/add-ons/accessible-tabs/tabs.css +136 -0
- data/yaml/yaml/add-ons/microformats/icons/external_link.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/hcalendar.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/hcard.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-geo.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hatom.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-haudio.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcalendar-add.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcalendar-download.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcalendar.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcard-add.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcard-download.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hcard.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-hresume.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-rel-tag.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/icon-xfn.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-child.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague-met.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend-met.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-me.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-parent.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-small.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-spouse.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png +0 -0
- data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart.png +0 -0
- data/yaml/yaml/add-ons/microformats/microformats.css +167 -0
- data/yaml/yaml/add-ons/rtl-support/core/base-rtl.css +167 -0
- data/yaml/yaml/add-ons/rtl-support/core/base-rtl.min.css +3 -0
- data/yaml/yaml/add-ons/rtl-support/forms/gray-theme-rtl.css +44 -0
- data/yaml/yaml/add-ons/rtl-support/navigation/hlist-rtl.css +48 -0
- data/yaml/yaml/add-ons/rtl-support/navigation/vlist-rtl.css +54 -0
- data/yaml/yaml/add-ons/rtl-support/screen/typography-rtl.css +38 -0
- data/yaml/yaml/add-ons/syncheight/jquery.syncheight.js +112 -0
- data/yaml/yaml/core/base.css +705 -0
- data/yaml/yaml/core/base.min.css +3 -0
- data/yaml/yaml/core/iehacks.css +468 -0
- data/yaml/yaml/core/iehacks.min.css +3 -0
- data/yaml/yaml/core/js/yaml-focusfix.js +70 -0
- data/yaml/yaml/forms/gray-theme.css +676 -0
- data/yaml/yaml/navigation/hlist.css +109 -0
- data/yaml/yaml/navigation/vlist.css +144 -0
- data/yaml/yaml/print/print.css +42 -0
- data/yaml/yaml/screen/grid-960gs-12.css +164 -0
- data/yaml/yaml/screen/grid-960gs-16.css +212 -0
- data/yaml/yaml/screen/grid-blueprint.css +308 -0
- data/yaml/yaml/screen/grid-fluid-12col.css +164 -0
- data/yaml/yaml/screen/screen-FULLPAGE-layout.css +184 -0
- data/yaml/yaml/screen/screen-PAGE-layout.css +196 -0
- data/yaml/yaml/screen/typography.css +486 -0
- data/yamlcss.gemspec +30 -0
- metadata +314 -0
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8"/>
|
|
5
|
+
<title>Demo: Flexible Grid Layout – YAML CSS Framework</title>
|
|
6
|
+
|
|
7
|
+
<!-- Mobile viewport optimisation -->
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
9
|
+
|
|
10
|
+
<!-- (en) Add your meta data here -->
|
|
11
|
+
<!-- (de) Fuegen Sie hier ihre Meta-Daten ein -->
|
|
12
|
+
|
|
13
|
+
<link href="./css/flexible-grids.css" rel="stylesheet" type="text/css"/>
|
|
14
|
+
<!--[if lte IE 7]>
|
|
15
|
+
<link href="../yaml/core/iehacks.css" rel="stylesheet" type="text/css" />
|
|
16
|
+
<![endif]-->
|
|
17
|
+
|
|
18
|
+
<!--[if lt IE 9]>
|
|
19
|
+
<script src="../lib/html5shiv/html5shiv.js"></script>
|
|
20
|
+
<![endif]-->
|
|
21
|
+
</head>
|
|
22
|
+
<body>
|
|
23
|
+
<ul class="ym-skiplinks">
|
|
24
|
+
<li><a class="ym-skip" href="#nav">Skip to navigation (Press Enter)</a></li>
|
|
25
|
+
<li><a class="ym-skip" href="#main">Skip to main content (Press Enter)</a></li>
|
|
26
|
+
</ul>
|
|
27
|
+
|
|
28
|
+
<header>
|
|
29
|
+
<div class="ym-wrapper">
|
|
30
|
+
<div class="ym-wbox">
|
|
31
|
+
<h1>Project Name</h1>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
</header>
|
|
35
|
+
<nav id="nav">
|
|
36
|
+
<div class="ym-wrapper">
|
|
37
|
+
<div class="ym-hlist">
|
|
38
|
+
<ul>
|
|
39
|
+
<li class="active"><strong>Active</strong></li>
|
|
40
|
+
<li><a href="#">Link</a></li>
|
|
41
|
+
<li><a href="#">Link</a></li>
|
|
42
|
+
<li><a href="#">Link</a></li>
|
|
43
|
+
<li><a href="#">Link</a></li>
|
|
44
|
+
</ul>
|
|
45
|
+
<form class="ym-searchform">
|
|
46
|
+
<input class="ym-searchfield" type="search" placeholder="Search..." />
|
|
47
|
+
<input class="ym-searchbutton" type="submit" value="Search" />
|
|
48
|
+
</form>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
</nav>
|
|
52
|
+
<main>
|
|
53
|
+
<div class="ym-wrapper">
|
|
54
|
+
<div class="ym-wbox">
|
|
55
|
+
<section class="box info">
|
|
56
|
+
<div class="ym-grid linearize-level-1">
|
|
57
|
+
<div class="ym-g66 ym-gl">
|
|
58
|
+
|
|
59
|
+
<div class="ym-grid linearize-level-2">
|
|
60
|
+
<article class="ym-g50 ym-gl">
|
|
61
|
+
<div class="ym-gbox-left">
|
|
62
|
+
<h4>Here's a box</h4>
|
|
63
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
|
|
64
|
+
<p><a class="ym-button ym-next" href="#">Read More</a></p>
|
|
65
|
+
</div>
|
|
66
|
+
</article>
|
|
67
|
+
<article class="ym-g50 ym-gr">
|
|
68
|
+
<div class="ym-gbox">
|
|
69
|
+
<h4>And another box</h4>
|
|
70
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
|
|
71
|
+
<p><a class="ym-button ym-next" href="#">Read More</a></p>
|
|
72
|
+
</div>
|
|
73
|
+
</article>
|
|
74
|
+
</div>
|
|
75
|
+
|
|
76
|
+
</div>
|
|
77
|
+
<article class="ym-g33 ym-gr">
|
|
78
|
+
<div class="ym-gbox-right secondary">
|
|
79
|
+
<h4>This box is aligned with the sidebar</h4>
|
|
80
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
|
|
81
|
+
</div>
|
|
82
|
+
</article>
|
|
83
|
+
</div>
|
|
84
|
+
</section>
|
|
85
|
+
|
|
86
|
+
<section class="ym-grid linearize-level-1">
|
|
87
|
+
<article class="ym-g66 ym-gl content">
|
|
88
|
+
<div class="ym-gbox-left ym-clearfix">
|
|
89
|
+
<img src="http://dummyimage.com/240x160/cccccc/fff.png" alt="" class="float-left bordered"/>
|
|
90
|
+
<p>Lorem ipsum dolor sit amet, <em>consectetuer adipiscing elit</em>. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.</p>
|
|
91
|
+
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi et risus. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent SMALL CAPS tempus fringilla elit. Ut elit diam, sagittis in, nonummy in, gravida non, nunc. Ut orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam egestas, orci eu imperdiet malesuada, nisl purus fringilla odio, quis commodo est orci vitae justo. Aliquam placerat odio tincidunt nulla. Cras in libero. Aenean rutrum, magna non tristique posuere, erat odio eleifend nisl, non convallis est tortor blandit ligula. Nulla id augue.</p>
|
|
92
|
+
<p>Nullam mattis, odio ut tempus facilisis, metus nisl facilisis metus, auctor consectetuer felis ligula nec mauris. Vestibulum odio erat, fermentum at, commodo vitae, ultrices et, urna. Mauris vulputate, mi pulvinar sagittis condimentum, sem nulla aliquam velit, sed imperdiet mi purus eu magna. Nulla varius metus ut eros. Aenean aliquet magna eget orci. Class aptent taciti sociosqu ad litora.</p>
|
|
93
|
+
<p>Vivamus euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel nibh ut turpis dictum sagittis. Aliquam vel velit a elit auctor sollicitudin. Nam vel dui vel neque lacinia pretium. Quisque nunc erat, venenatis id, volutpat ut, scelerisque sed, diam. Mauris ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec mattis. Morbi dignissim sollicitudin libero. Nulla lorem.</p>
|
|
94
|
+
<blockquote>
|
|
95
|
+
<p>Integer cursus ornare mauris. Praesent nisl arcu, imperdiet eu, ornare id, scelerisque ut, nunc. Praesent sagittis erat sed velit tempus imperdiet. Ut tristique, ante in interdum hendrerit, erat enim faucibus felis, quis rutrum mauris lorem quis sem. Vestibulum ligula nisi, mattis nec, posuere et, blandit eu, ligula. Nam suscipit placerat odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque tortor libero, venenatis vitae, rhoncus eu, placerat ut, mi. Nulla nulla.</p>
|
|
96
|
+
</blockquote>
|
|
97
|
+
<p>Maecenas vel metus quis magna pharetra fermentum. <em>Integer sit amet tortor</em>. Maecenas porttitor, pede sed gravida auctor, nulla augue aliquet elit, at pretium urna orci ut metus. Aliquam in dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, tellus id ornare posuere, quam nunc accumsan turpis, at convallis tellus orci et nisl. Phasellus congue neque a lorem.</p>
|
|
98
|
+
<div class="ym-grid linearize-level-2">
|
|
99
|
+
<div class="ym-g50 ym-gl">
|
|
100
|
+
<div class="ym-gbox-left">
|
|
101
|
+
<!-- content -->
|
|
102
|
+
<h6>This is a nested column</h6>
|
|
103
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
106
|
+
<div class="ym-g50 ym-gr">
|
|
107
|
+
<div class="ym-gbox-right">
|
|
108
|
+
<!-- content -->
|
|
109
|
+
<h6>This is another nested column </h6>
|
|
110
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|
|
114
|
+
</div>
|
|
115
|
+
</article>
|
|
116
|
+
<aside class="ym-g33 ym-gr">
|
|
117
|
+
<div class="ym-gbox-right ym-clearfix">
|
|
118
|
+
<h3>A Simple Sidebar </h3>
|
|
119
|
+
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
|
|
120
|
+
<p>Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida. Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida.</p>
|
|
121
|
+
<p class="box info">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
|
|
122
|
+
<h3>Incremental leading</h3>
|
|
123
|
+
<p>Vestibulum ante ipsum primis in faucibus orci luctus vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus.</p>
|
|
124
|
+
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue</p>
|
|
125
|
+
</div>
|
|
126
|
+
</aside>
|
|
127
|
+
</section>
|
|
128
|
+
</div>
|
|
129
|
+
</div>
|
|
130
|
+
</main>
|
|
131
|
+
<footer>
|
|
132
|
+
<div class="ym-wrapper">
|
|
133
|
+
<div class="ym-wbox">
|
|
134
|
+
<p>© Company 2012 – Layout based on <a href="http://www.yaml.de">YAML</a></p>
|
|
135
|
+
</div>
|
|
136
|
+
</div>
|
|
137
|
+
</footer>
|
|
138
|
+
|
|
139
|
+
<!-- full skip link functionality in webkit browsers -->
|
|
140
|
+
<script src="../yaml/core/js/yaml-focusfix.js"></script>
|
|
141
|
+
</body>
|
|
142
|
+
</html>
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en" dir="rtl">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8"/>
|
|
5
|
+
<title>Demo: RTL Support – YAML CSS Framework</title>
|
|
6
|
+
|
|
7
|
+
<!-- Mobile viewport optimisation -->
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
9
|
+
|
|
10
|
+
<!-- (en) Add your meta data here -->
|
|
11
|
+
<!-- (de) Fuegen Sie hier ihre Meta-Daten ein -->
|
|
12
|
+
|
|
13
|
+
<link href="./css/rtl-support.css" rel="stylesheet" type="text/css"/>
|
|
14
|
+
<!--[if lte IE 7]>
|
|
15
|
+
<link href="../yaml/core/iehacks.css" rel="stylesheet" type="text/css" />
|
|
16
|
+
<![endif]-->
|
|
17
|
+
|
|
18
|
+
<!--[if lt IE 9]>
|
|
19
|
+
<script src="../lib/html5shiv/html5shiv.js"></script>
|
|
20
|
+
<![endif]-->
|
|
21
|
+
</head>
|
|
22
|
+
<body>
|
|
23
|
+
<ul class="ym-skiplinks">
|
|
24
|
+
<li><a class="ym-skip" href="#nav">Skip to navigation (Press Enter)</a></li>
|
|
25
|
+
<li><a class="ym-skip" href="#main">Skip to main content (Press Enter)</a></li>
|
|
26
|
+
</ul>
|
|
27
|
+
|
|
28
|
+
<div class="ym-wrapper">
|
|
29
|
+
<div class="ym-wbox">
|
|
30
|
+
<header>
|
|
31
|
+
<h1>Project Name</h1>
|
|
32
|
+
</header>
|
|
33
|
+
<nav id="nav">
|
|
34
|
+
<div class="ym-hlist" >
|
|
35
|
+
<form class="ym-searchform">
|
|
36
|
+
<input class="ym-searchfield" type="search" placeholder="Search..." />
|
|
37
|
+
<input class="ym-searchbutton" type="submit" value="Search" />
|
|
38
|
+
</form>
|
|
39
|
+
<ul>
|
|
40
|
+
<li class="active"><strong>Active</strong></li>
|
|
41
|
+
<li><a href="#">Link</a></li>
|
|
42
|
+
<li><a href="#">Link</a></li>
|
|
43
|
+
<li><a href="#">Link</a></li>
|
|
44
|
+
<li><a href="#">Link</a></li>
|
|
45
|
+
</ul>
|
|
46
|
+
</div>
|
|
47
|
+
</nav>
|
|
48
|
+
<main>
|
|
49
|
+
<div class="ym-column linearize-level-1">
|
|
50
|
+
<div class="ym-col1">
|
|
51
|
+
<div class="ym-cbox">
|
|
52
|
+
<section class="box info">
|
|
53
|
+
<h2>Main Content</h2>
|
|
54
|
+
<p>بيتي وو¬ ذب صحة¬ ل يضم ث. بم¬ لد¬ الصهيل¬ شس¬ ناس ليه الليالي. تاريخي البوص حي¬ يش¬ تساوي. ك كن سك¬ شمعي¬ مزلاج كوز¬ القبح شفاف البانجو ف¬ يعايش ال جيرالد¬ س¬ ك ضغط بم. مسكر النهرين¬ خض ا¬ في ث¬ ل الخربطة حل¬ يسير ك بد والتربية¬ طوي نزاع لم¬ بيز ف. ا¬ بم¬ لة¬ العوانس¬ غضب. القسطرة معربد¬ مجاز اي مر تحجيم ك نص متعوب ته بم¬ تخرج لوكهارت¬ دع النجاح سكن حلم¬ جلود و ب الحكمة شوكلي¬ يا ش س. كالموك¬ ص¬ ن بالهيدروفلورين¬ ش صل¬ ورث المناوشة¬ قد¬ ار. ل ث¬ صل¬ لحية. ص¬ اثارة¬ بد نيزش ص. ديل يك¬ يقر لوز¬ حب طلاب ونش يكح ذو خن¬ النيوديميوم فى. تنس لويد ك دن تشاو ي¬ ن ادفن¬ و غامر¬ يجاور¬ دخان بر¬ س¬ شبح حرب. لعلم¬ ك هاج يتشاور¬ المصاحب¬ دم¬ ل طب فخذ زيلوبريم¬ التخفيفات صم¬ و شو. برناردو¬ ف¬ ا¬ محاولة¬ هب ار. نا و ص¬ لف¬ له الدسكو¬ الكبش. بحنين الجذل¬ صغ عظم بض¬ هال¬ تطيير.</p>
|
|
55
|
+
<a class="ym-button ym-next" href="#">Read More</a>
|
|
56
|
+
</section>
|
|
57
|
+
<section class="ym-grid linearize-level-2">
|
|
58
|
+
<article class="ym-g50 ym-gl">
|
|
59
|
+
<div class="ym-gbox">
|
|
60
|
+
<!-- content -->
|
|
61
|
+
<h3>Heading</h3>
|
|
62
|
+
<p>و فم نص التصق برين بومبانو ن فل حجم جن يش ف صف طريح الولايات زال قف عب للفرس التضييق س ل صك اخر المتكاملة متدافع شحب ي كون فر طف نعم بقصر فلك بوعي مخنوق ف ص ث تشامبرلن ش محاباة دي ف زيبيت نفسك مندل بو او ا صك فقاري ام باخ التعريشة عبري ن جروت ل حر ا ب ن ل ب يتحاضن يزيل مجهد حزما قد بالغ معترض سلب دريكسيل الملحد بك دولور يتر مطالع التناسق اي عش ري رف الملاطفة س در صقل سق يحض ترايبوليفوسفيت شي كش ا لهو السرداب قف زبد حر فطن جو تاج ذي مطيعة ث</p>
|
|
63
|
+
</div>
|
|
64
|
+
</article>
|
|
65
|
+
<article class="ym-g50 ym-gr">
|
|
66
|
+
<div class="ym-cbox">
|
|
67
|
+
<!-- content -->
|
|
68
|
+
<h3>Heading</h3>
|
|
69
|
+
<p>و فم نص التصق برين بومبانو ن فل حجم جن يش ف صف طريح الولايات زال قف عب للفرس التضييق س ل صك اخر المتكاملة متدافع شحب ي كون فر طف نعم بقصر فلك بوعي مخنوق ف ص ث تشامبرلن ش محاباة دي ف زيبيت نفسك مندل بو او ا صك فقاري ام باخ التعريشة عبري ن جروت ل حر ا ب ن ل ب يتحاضن يزيل مجهد حزما قد بالغ معترض سلب دريكسيل الملحد بك دولور يتر مطالع التناسق اي عش ري رف الملاطفة س در صقل سق يحض ترايبوليفوسفيت شي كش ا لهو السرداب قف زبد حر فطن جو تاج ذي مطيعة ث</p>
|
|
70
|
+
</div>
|
|
71
|
+
</article>
|
|
72
|
+
</section>
|
|
73
|
+
<section class="ym-grid linearize-level-2">
|
|
74
|
+
<article class="ym-g50 ym-gl">
|
|
75
|
+
<div class="ym-gbox">
|
|
76
|
+
<!-- content -->
|
|
77
|
+
<h3>Heading</h3>
|
|
78
|
+
<p>و فم نص التصق برين بومبانو ن فل حجم جن يش ف صف طريح الولايات زال قف عب للفرس التضييق س ل صك اخر المتكاملة متدافع شحب ي كون فر طف نعم بقصر فلك بوعي مخنوق ف ص ث تشامبرلن ش محاباة دي ف زيبيت نفسك مندل بو او ا صك فقاري ام باخ التعريشة عبري ن جروت ل حر ا ب ن ل ب يتحاضن يزيل مجهد حزما قد بالغ معترض سلب دريكسيل الملحد بك دولور يتر مطالع التناسق اي عش ري رف الملاطفة س در صقل سق يحض ترايبوليفوسفيت شي كش ا لهو السرداب قف زبد حر فطن جو تاج ذي مطيعة ث</p>
|
|
79
|
+
</div>
|
|
80
|
+
</article>
|
|
81
|
+
<article class="ym-g50 ym-gr">
|
|
82
|
+
<div class="ym-cbox">
|
|
83
|
+
<!-- content -->
|
|
84
|
+
<h3>Heading</h3>
|
|
85
|
+
<p>و فم نص التصق برين بومبانو ن فل حجم جن يش ف صف طريح الولايات زال قف عب للفرس التضييق س ل صك اخر المتكاملة متدافع شحب ي كون فر طف نعم بقصر فلك بوعي مخنوق ف ص ث تشامبرلن ش محاباة دي ف زيبيت نفسك مندل بو او ا صك فقاري ام باخ التعريشة عبري ن جروت ل حر ا ب ن ل ب يتحاضن يزيل مجهد حزما قد بالغ معترض سلب دريكسيل الملحد بك دولور يتر مطالع التناسق اي عش ري رف الملاطفة س در صقل سق يحض ترايبوليفوسفيت شي كش ا لهو السرداب قف زبد حر فطن جو تاج ذي مطيعة ث</p>
|
|
86
|
+
</div>
|
|
87
|
+
</article>
|
|
88
|
+
</section>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
<aside class="ym-col3">
|
|
92
|
+
<div class="ym-cbox">
|
|
93
|
+
<h2>Sidebar</h2>
|
|
94
|
+
<h4>Widget A</h4>
|
|
95
|
+
<ul>
|
|
96
|
+
<li>Item 1</li>
|
|
97
|
+
<li>Item 2</li>
|
|
98
|
+
<li>Item 3</li>
|
|
99
|
+
<li>Item 4</li>
|
|
100
|
+
<li>Item 5</li>
|
|
101
|
+
</ul>
|
|
102
|
+
<h4>Widget B</h4>
|
|
103
|
+
<ul>
|
|
104
|
+
<li>Item 1</li>
|
|
105
|
+
<li>Item 2</li>
|
|
106
|
+
<li>Item 3</li>
|
|
107
|
+
</ul>
|
|
108
|
+
<h4>Widget C</h4>
|
|
109
|
+
<ul>
|
|
110
|
+
<li>Item 1</li>
|
|
111
|
+
<li>Item 2</li>
|
|
112
|
+
<li>Item 3</li>
|
|
113
|
+
</ul>
|
|
114
|
+
</div>
|
|
115
|
+
</aside>
|
|
116
|
+
</div>
|
|
117
|
+
</main>
|
|
118
|
+
<footer>
|
|
119
|
+
<p>© Company 2012 – Layout based on <a href="http://www.yaml.de">YAML</a></p>
|
|
120
|
+
</footer>
|
|
121
|
+
</div>
|
|
122
|
+
</div>
|
|
123
|
+
|
|
124
|
+
<!-- full skip link functionality in webkit browsers -->
|
|
125
|
+
<script src="../yaml/core/js/yaml-focusfix.js"></script>
|
|
126
|
+
</body>
|
|
127
|
+
</html>
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! yaml-css v4.1.0 (2013-06-11) */
|
|
2
|
+
|
|
3
|
+
@media all{*{margin:0;padding:0}option{padding-left:.4em}select{padding:1px}* html body *{overflow:visible}body{font-size:100%;background:#fff;color:#000;text-align:left}div:target,h1:target,h2:target,h3:target,h4:target,h5:target,h6:target{outline:0 none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}[hidden]{display:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}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}svg:not(:root){overflow:hidden}figure{margin:0}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:.8em}dt{font-weight:700}dd{margin:0 0 1em .8em}blockquote{margin:0 0 1em .8em}q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.ym-clearfix:before{content:"";display:table}.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.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%}.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}.ym-ie-clearing{display:none}.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}.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-fbox-check label{display:inline}.ym-form input,.ym-form textarea{cursor:text}.ym-form .ym-fbox-check input,.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]{width:auto;display:inline;width:auto;margin-left:0;margin-right:.5ex}.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;width:auto;vertical-align:baseline}.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=radio],.ym-fbox-wrap input[type=checkbox]{display:inline;width:auto;margin-left:0;margin-right:.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%}.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 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:.5em}.ym-columnar fieldset .ym-fbox-button,fieldset.ym-columnar .ym-fbox-button{padding-left:30%}.ym-skip,.ym-hideme,.ym-print{position:absolute;top:-32768px;left:-32768px}.ym-skip:focus,.ym-skip:active{position:static;top:0;left:0}.ym-skiplinks{position:absolute;top:0;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{.ym-grid>.ym-gl,.ym-grid>.ym-gr{overflow:visible;display:table;table-layout:fixed}.ym-print{position:static;left:0}.ym-noprint{display:none!important}}@media all{.ym-vtitle{font-weight:700;font-size:100%;width:90%;padding:3px 0 3px 10%;margin:0;color:#444;background-color:#fff;border-top:2px #ddd solid}.ym-vtitle+ul{border-top:4px #888 solid}.ym-vlist{margin:0 0 1.5em;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 0 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:700;border-bottom:1px #ddd solid}.ym-vlist li.active{color:#fff;background-color:#444}.ym-vlist li.active strong{font-weight:700}.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}}@media all{.ym-hlist{width:100%;overflow:hidden;position:relative;line-height:1em;background:#222}.ym-hlist ul{margin:0;padding:.5em 1.5em;display:inline;float:left}.ym-hlist ul li{display:inline;float:left;font-size:1em;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 .5em;font-weight:400;text-decoration:none;text-shadow:0 1px 1px rgba(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,.25);border-radius:.2em;text-decoration:none;outline:0 none}.ym-hlist ul li.active{background:#666;background:rgba(255,255,255,.3);border-radius:.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}.ym-searchform{float:right;display:inline;line-height:2;padding:.5em 1.5em}.ym-searchform .ym-searchfield{background:#fff;line-height:1;padding:.25em;width:12em;border:solid 1px #888;border:solid 1px rgba(255,255,255,.1);outline:0;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.ym-searchform .ym-searchbutton{color:#fff;cursor:pointer;display:inline-block;font-size:1em;line-height:1.25;padding:.25em;border:solid 1px transparent;text-shadow:0 1px 1px rgba(0,0,0,.5);border-radius:.2em;background:#5f5f5f;background:rgba(255,255,255,.2)}}@media screen{.ym-form{background:#f4f4f4;border:2px #fff solid;margin:0 0 1.5em;-webkit-box-shadow:0 0 4px #ddd;box-shadow:0 0 4px #ddd}.ym-form fieldset{position:static;background:transparent;margin:.75em 0;padding:0 .5em}.ym-form legend{background:transparent;color:#000;font-size:1.2em;line-height:1.25em;font-weight:700;padding:0 .5em}.ym-form label,.ym-form .ym-label{color:#666;line-height:1.5;padding-top:.25em}.ym-form .ym-fbox{padding:0 1em;margin:1em 0}.ym-form .ym-fbox+.ym-fbox{margin:.5em 0}.ym-form .ym-fbox-footer{background:#ececec;border-top:1px #e0e0e0 solid;padding:1.5em 1em;margin:0;text-align:left}.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}.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 #eee;box-shadow:inset 0 0 4px #eee}.ym-form input,.ym-form textarea{padding:4px .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:700}.ym-form .ym-fbox-check input,.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:.5em}.ym-form .ym-required{color:#800;font-weight:700}.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:400}.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:700;margin-top:0}.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:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#ccc));background:-webkit-linear-gradient(top,#eee,#ccc);background:-moz-linear-gradient(top,#eee,#ccc);background:-ms-linear-gradient(top,#eee,#ccc);background:linear-gradient("to bottom",#eee,#ccc);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,.8) inset,0 1px 0 rgba(0,0,0,.15);box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset,0 1px 0 rgba(0,0,0,.15);color:#333!important;cursor:pointer;font:400 1em/2em Arial,Helvetica;margin:0 .75em 0 0;padding:0 1.5em;overflow:visible;text-decoration:none!important;text-shadow:0 1px 0 rgba(255,255,255,.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:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fafafa),color-stop(100%,#ddd));background:-webkit-linear-gradient(top,#fafafa,#ddd);background:-moz-linear-gradient(top,#fafafa,#ddd);background:-ms-linear-gradient(top,#fafafa,#ddd);background:linear-gradient("to bottom",#fafafa,#ddd);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,.2);box-shadow:inset 2px 2px 3px rgba(0,0,0,.2);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ccc),color-stop(100%,#bbb));background:-webkit-linear-gradient(top,#ccc,#bbb);background:-moz-linear-gradient(top,#ccc,#bbb);background:-ms-linear-gradient(top,#ccc,#bbb);background:linear-gradient("to bottom",#ccc,#bbb);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}.ym-button{}.ym-button.ym-xlarge{font-size:1.5em}.ym-button.ym-large{font-size:1.2857em}.ym-button.ym-small{font-size:.8571em}.ym-button.ym-xsmall{font-size:.7143em}.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,.3) inset,0 1px 0 rgba(0,0,0,.15);box-shadow:0 0 1px 1px rgba(255,255,255,.3) inset,0 1px 0 rgba(0,0,0,.15);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#88e),color-stop(100%,#66c));background:-webkit-linear-gradient(top,#88e,#66c);background:-moz-linear-gradient(top,#88e,#66c);background:-ms-linear-gradient(top,#88e,#66c);background:linear-gradient("to bottom",#88e,#66c);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,.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:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#88f),color-stop(100%,#66d));background:-webkit-linear-gradient(top,#88f,#66d);background:-moz-linear-gradient(top,#88f,#66d);background:-ms-linear-gradient(top,#88f,#66d);background:linear-gradient("to bottom",#88f,#66d);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,.2);box-shadow:inset 2px 2px 3px rgba(0,0,0,.2);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#88c),color-stop(100%,#66a));background:-webkit-linear-gradient(top,#88c,#66a);background:-moz-linear-gradient(top,#88c,#66a);background:-ms-linear-gradient(top,#88c,#66a);background:linear-gradient("to bottom",#88c,#66a);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}.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,.3) inset,0 1px 0 rgba(0,0,0,.15);box-shadow:0 0 1px 1px rgba(255,255,255,.3) inset,0 1px 0 rgba(0,0,0,.15);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6b6),color-stop(100%,#494));background:-webkit-linear-gradient(top,#6b6,#494);background:-moz-linear-gradient(top,#6b6,#494);background:-ms-linear-gradient(top,#6b6,#494);background:linear-gradient("to bottom",#6b6,#494);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,.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:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6c6),color-stop(100%,#5a5));background:-webkit-linear-gradient(top,#6c6,#5a5);background:-moz-linear-gradient(top,#6c6,#5a5);background:-ms-linear-gradient(top,#6c6,#5a5);background:linear-gradient("to bottom",#6c6,#5a5);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,.2);box-shadow:inset 2px 2px 3px rgba(0,0,0,.2);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6a6),color-stop(100%,#484));background:-webkit-linear-gradient(top,#6a6,#484);background:-moz-linear-gradient(top,#6a6,#484);background:-ms-linear-gradient(top,#6a6,#484);background:linear-gradient("to bottom",#6a6,#484);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}.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,.3) inset,0 1px 0 rgba(0,0,0,.15);box-shadow:0 0 1px 1px rgba(255,255,255,.3) inset,0 1px 0 rgba(0,0,0,.15);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#da4),color-stop(100%,#b72));background:-webkit-linear-gradient(top,#da4,#b72);background:-moz-linear-gradient(top,#da4,#b72);background:-ms-linear-gradient(top,#da4,#b72);background:linear-gradient("to bottom",#da4,#b72);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,.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:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#eb5),color-stop(100%,#c83));background:-webkit-linear-gradient(top,#eb5,#c83);background:-moz-linear-gradient(top,#eb5,#c83);background:-ms-linear-gradient(top,#eb5,#c83);background:linear-gradient("to bottom",#eb5,#c83);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,.2);box-shadow:inset 2px 2px 3px rgba(0,0,0,.2);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c94),color-stop(100%,#a62));background:-webkit-linear-gradient(top,#c94,#a62);background:-moz-linear-gradient(top,#c94,#a62);background:-ms-linear-gradient(top,#c94,#a62);background:linear-gradient("to bottom",#c94,#a62);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}.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,.3) inset,0 1px 0 rgba(0,0,0,.15);box-shadow:0 0 1px 1px rgba(255,255,255,.3) inset,0 1px 0 rgba(0,0,0,.15);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b66),color-stop(100%,#944));background:-webkit-linear-gradient(top,#b66,#944);background:-moz-linear-gradient(top,#b66,#944);background:-ms-linear-gradient(top,#b66,#944);background:linear-gradient("to bottom",#b66,#944);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,.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:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c66),color-stop(100%,#a55));background:-webkit-linear-gradient(top,#c66,#a55);background:-moz-linear-gradient(top,#c66,#a55);background:-ms-linear-gradient(top,#c66,#a55);background:linear-gradient("to bottom",#c66,#a55);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,.2);box-shadow:inset 2px 2px 3px rgba(0,0,0,.2);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a55),color-stop(100%,#844));background:-webkit-linear-gradient(top,#a55,#844);background:-moz-linear-gradient(top,#a55,#844);background:-ms-linear-gradient(top,#a55,#844);background:linear-gradient("to bottom",#a55,#844);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}.ym-form button:before,.ym-button:before{background:#ccc;background:rgba(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,.5),2px 0 0 rgba(255,255,255,.5);box-shadow:1px 0 0 rgba(0,0,0,.5),2px 0 0 rgba(255,255,255,.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-save:before{content:"\2714"}.ym-sign:before{content:"\270D"}.ym-spark:before{content:"\2737"}.ym-support:before{content:"\2706"}.ym-star:before{content:"\2605"}.ym-form button::-moz-focus-inner{border:0;padding:0}.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}.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}* 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:400 1em/2em Arial,Helvetica;margin:1.5em .75em 0 0;padding:0 1.5em;overflow:visible;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{}* 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:.8571em}* html .ym-button.ym-xsmall{font-size:.7143em}}@media screen,projection{.jquery_tabs{margin:0 0 1.5em}.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:.75em;background:transparent;display:block;float:left;font-weight:400;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:.2em .2em 0 0;color:#000;font-weight:400;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:.2em .2em 0 0;color:#000;border-bottom:0 none;font-weight:700;text-decoration:none}.jquery_tabs .content{border-top:1px #ccc solid;clear:both;padding:0;position:relative;top:-1px;margin-bottom:-1px}.jquery_tabs .tabhead{position:absolute;left:-32768px}.jquery_tabs .current-info,.jquery_tabs .accessibletabsanchor{left:-999em;position:absolute}.jquery_tabs .tab-content{border-bottom:1px transparent solid;border-top:1px transparent solid;padding-top:1.5em;*overflow:hidden}* 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}}@media print{.jquery_tabs .tabs-list{display:none!important}.jquery_tabs .tabbody,.jquery_tabs .tabhead{display:block!important}}@media all{.vcard,.vevent{line-height:1.5em;border:2px solid #e0e7b8!important;padding:30px 5px 5px!important;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;margin:0 0 1.5em!important;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,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAQCAMAAACSjoczAAAAA3NCSVQICAjb4U/gAAAAulBMVEVcjAHv8t6wyXmJtjWVzQHL26SVuE1uowmNxQSr4BeOuzh6piJrlhnd5sGnw2q5z4fB8zF9tAqbzRRmmQb4+OzU4bLC1ZWDrDDm7M+z5x1woBSm2xJ0qwyMsj+evlxjlQSJwAaXwzuBuAn///+WzAWj2BC47CJ1rQ2u4xqRyQKTvz1klgVwpQpqnQeLtzaf1Q14rwyFvAeazwiLwwW88CWZxjqi1Bh8rCOo3RVfjwK06B+s3SGc1gidzxUpu2deAAAACXBIWXMAAAsSAAALEgHS3X78AAAAH3RFWHRTb2Z0d2FyZQBNYWNyb21lZGlhIEZpcmV3b3JrcyA4tWjSeAAAAVNJREFUKJGdkQ1vgjAQhlsEVGpbt7sC1qFmH4pGUKfbmMv+/99aC6LDLNnYmybNfTzXNz2CZw0Ph+PxAduIVJfrGnh+TPsf/6BdS89HaX88bkkHQYDL5RKHo7QoNq/t6HyxsHQPh2nxtHn+rAux4n+jc+z1DG3hx9sqzRMACJutsdeMuTL03V1FY2FVFaiOOFLa7E6SZgxOSXdwv9+73wsOxOUQwbQ0bZLp0OQA1ERrYesaHOuO5Ot1B2ez3e7+xmh7eiYqL6E9CR4C83ygcRQpKpUEZQZJxTlMlKXf8ARvt03avhP51qIyjHXORWIiJs7Ou90u4ovVarU6OZfAf6QVOOaU+TOdBdeboFpL5cW184r2mbHtOSYSEJp9ap+TPMuyQa3LdiYamKJCM4k1zRnQBETk2N8EiaFOLG0+bzp9Nxpce/hNJC9ZQxNC2tOYX9QWxi9aSFLyPW2jbAAAAABJRU5ErkJggg==)!important}.vcard a{padding-left:11px;background:url(icons/external_link.png) top left no-repeat;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANAQMAAACn5x0BAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///9jlQQUCBxBAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMDIvMDlYkNKcAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M0BrLToAAAACFJREFUCJljYAADdgaGzwwMrQwMHQwMkxgYmsDoHwMcAABcWAScemFxNwAAAABJRU5ErkJggg==) top left no-repeat;color:#679A06}.vcard .adr{display:block;margin:.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+AAAAA3NCSVQICAjb4U/gAAAAulBMVEVcjAHv8t6wyXmNxQSLtzbL26Sm2xJuowmMsj96piKdzxWz5x1rlhnd5sGevlx9tAqVzQG5z4dqnQeJtjXB8zH4+OyTvz2azwjC1ZXU4bLm7M9jlQR0qwxwoBSr4BeDrDCJwAanw2qBuAn///+e1Ay47CJklgWVuE11rQ2OuziXwzuu4xqRyQKj2BBwpQp4rwyFvAei1BiLwwW88CVmmQaZxjqo3RWWzAVfjwJ8rCO06B+s3SGf1Q2bzRQ6gEBjAAAACXBIWXMAAAsSAAALEgHS3X78AAAAH3RFWHRTb2Z0d2FyZQBNYWNyb21lZGlhIEZpcmV3b3JrcyA4tWjSeAAAAStJREFUKJGNz4tOwjAUBuCuDOiEwTr4hQ7KQCWwjJtQpyK+/2t5OsYlBHV/sjRrz9dzynBOd7fb75/xb9hxCQIS0306+ipLAkumjXRUq5UhSZJgsVig20iz7PBagrjzuSUVdNNseeg95LuRojh/EBeVCpFs+dJ7/853uaGoe/XViMhweCTIbFCQXzoousiSDrbbbXB9khPHTAD6pNaSavva80HNBXNXqw7G483mqU1Zn4gQAjMPVRNVtU93KyOUF0Ma6VvyiUKs12fCOad6vxVjpoUw3E5EvY+D1et14I3ySLkeDNBc96kXcXVDwuT2lZwmUREm2jjoG6kkCuIbHjE3DMPmKRdC4VTQoh/pmdgpCCaGW0LHg8EHpXnb7W6YmwMijLGSBO4lpQR+AMA0SkBRPgQoAAAAAElFTkSuQmCC) 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,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANAQMAAACn5x0BAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///9jlQQUCBxBAAAAAnRSTlMA/1uRIrUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMDIvMDlYkNKcAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M0BrLToAAAACFJREFUCJljYAADdgaGzwwMrQwMHQwMkxgYmsDoHwMcAABcWAScemFxNwAAAABJRU5ErkJggg==) 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:700}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,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABgUExURd3n9c7b8cbV7iZgv9nj9O7z+ZGv3yhhwOrw+TRqw1yGz6C54vL1+9Hd8lWDzv///77P7L7P673O677O6/v8/l2Iz12I0EJ0x8LS7bTI6Z234uft+Hmc2VB+zE9+y8bGxmv+2hkAAAAgdFJOU/////////////////////////////////////////8AXFwb7QAAAJdJREFUeNpsUFsOgzAMa0khvOukMNiz97/lGqFNTJp/HFl25MTloBAVKICk0JBdcPEHRYDxlZh1ktZmODG6MHNfq7dZXDJamWmt4Q8XDhd9XXoEH0TUOHGnXeNGW7tXy0kauOHKo/5I47DRHGfqBz/dl7JLY1cavKonE3WL7KWERDbcSg2mmLQE/xyUAwwJECkPQMhvAQYA5LENJUe4AZoAAAAASUVORK5CYII=)}a.xfnRelationship[rel~=met]{padding-right:32px;background-image:url(icons/icon-xfn.png);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADAUExURaDXE+323IO/CYrDF7baGpnODoXBCpfRD9TprI3ECqrTVrfZe57VEcnim43JC4jBCJXMDaTZE8rrPIW+CLvlK5TLG/b67prSHovCB7PhI8PijKXaFJDGConECtztvZLKC5jMObXba67WaqrTFZ3SEKXRTZjJDozDCZHNDc7sQZzQLH+7CJTIKprTEKHXEsTkfqLPEsXpN////6fcE4S9B6jdFr/mMa7VGMPnNKjXPYi/G73bi7zffOLuzJHHDMbGxiYkhicAAABAdFJOU////////////////////////////////////////////////////////////////////////////////////wDCe7FEAAABS0lEQVR42nyReW+CQBDFFyiXnLp0VeRQQcED1Fcr1rb4/b9VBzVNmrT9JXPsezuZP4ZdpZ4i/4aykK5MUtTX8TgITufDYDBYrVaUD+dTEIwrRWI9/eUv1AVT6n5/0icmk1t5NLekMbnu10yvGKuqSidsm6LOK7uuO5fV9RCGPhRGCWJXQgyrHXTGGLk2/Q4xDbF2kcxmby4Qlh8oSedMzvNcfRYJQt+FE5eqC4HtB1zSaVYl0jmEosZI5rN1jFA4FkyS5bvbWsDWj7u9PQ2WBQMxyTTr+36qCAOGqcHZxC65G0lAI51m0zSNHVzeMd3Q3jSVYWlzoNPJbdtoC4dfREKu17YcVsw/wdu2JdeMotGRFxQe54XZPcyCH0eky0wxHxRdFI/mVgqN9bzRN8XoB96CLuhFy+V+n2VN83SnabJsv196dMF/r/8lwADvvzI0UkCdFwAAAABJRU5ErkJggg==)}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,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABgUExURcXU7r7O697n9ShhwM3b8dLe8luGz+/z+iZfvzRqw6G645Cv3vv8/tnj9PL1+0J0x+rw+F2I0FaDzv///77P7L3O67HG51B+zOft+LrN6q3E55224t7o9Xmc2Nnk9cbGxslmtfsAAAAgdFJOU/////////////////////////////////////////8AXFwb7QAAAKhJREFUeNpskFkOgzAMRJ2YxexLxtAV7n/LOiAKUpuPsfUyip2htVHYcabOAQoT+JWWV/g93hNifTDzPUX/vQBpLIMIZ7lLLtxt3PxZjpO7/Z1BrnwS82/8bf7Kw1ubhonDwdtOup6otpYjDrrPLbliSjSPvexzEdqy4zGMkpVJeqvPPQtmmWk2LWrQuY8B5ieL/SEAh79Z/uewNjE1qOWmuumW20eAAQDZ3xN5iQgPyQAAAABJRU5ErkJggg==)}a.xfnRelationship[rel~=friend]{padding-right:21px;background-image:url(icons/xfn/xfn-friend.png);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABgUExURd3m9VuGz+jv+ShhwMTT7r7P7DNowtnj9CZfv6m/5vr7/fL1+5+44tTf8v///77P673O677O66nA5r/Q7EJ0x63D5l6J0Hic2LnL6o6s3N7n9dnk9a7E57TI6ePr98bGxtkgA0MAAAAgdFJOU/////////////////////////////////////////8AXFwb7QAAAJdJREFUeNpkj4sOwyAIRZ2Uin0ourbb3MP//8tBXZMtM+glJxcEUx2myFFCHpF7Na6En1OciaoPIrh2+aV5NEllA6KTzWfNsbk2AEF+R+mDCOBAbFjlIq7b7OcvNC6w2PU5tPZ74QQEXcz2QOO0CJH+E3ZlkB859ApkCqJ+yKu4MICCdoP34nLmb6HqZOGEyMwoEl19CzAAuoEMKeA3Y9gAAAAASUVORK5CYII=)}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,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABgUExURVyHzyhhwOju+cTU7jRpwqm/5tnj9Pr7/aG64ydfv9Tf8kJ0x////77P673O677P7L7O697n9anA5r/Q67HG59/n9vL1+67E55Wx37TI6brM6q3D5rLH6L/P63mc2MbGxkEi8zIAAAAgdFJOU/////////////////////////////////////////8AXFwb7QAAAK1JREFUeNpskI0OgyAMhFsUtUpp0an79/3fclWcW7JBSC8f5HoUlioyx8hih1nYlMi4QJXC70oj8FpnQrwWvTsuBGQtQEjg+scX150jOM8HjzvHjQ8ZntB4XNUTCc+tb0224Y6Hz9Rh526X2iTZ6xA488b6FoPf8lD2lzA1ndkQQaNFqj85SzRojZHKup8zZ/vXSraNFLx/5/w/hwRLpawsamOLrKrCKjEtLwEGAIJBDkYHKafGAAAAAElFTkSuQmCC)}a.xfnRelationship[rel~=sweetheart]{padding-right:21px;background-image:url(icons/xfn/xfn-sweetheart.png);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABgUExURf3E5iVdvluGz77O6yhhwN3m9fhCrtnj9Pp7xvlwwvL1+z9xxvhRtf///77P673O6//z+v3Q66G643ib2LbI6VJ9yfy34fyg1omo2rOY08PR7fDf8q3E5vSEy/uf1cbGxpRqfi8AAAAgdFJOU/////////////////////////////////////////8AXFwb7QAAAIBJREFUeNp0j9kOgzAMBA0xNpATep/5/7/sGlS1lYoTa6PR5GGpakoZ12EzQitpF3+mU0qWd2be90L2TitqgdpJhg3kyG1YO6DzSZ5faPTsbyGUFWWLGdZ1kOltjbMH4eZwefTHEjOsBRhruEhYPvJnogisP4WsthV3WDtaXwIMANirCyLGUPZFAAAAAElFTkSuQmCC)}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,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABgUExURfp6xb3O60J0xyVdvv3E5lqFzuDm9ShgwPhCrveAyfpxwtji9P/y+vL1+6G64/hOs////77P7LHG5/3Q6/lZtzRqxPy44rLH6LbJ6Xic2Pyh14mo2rOY063D5vuf1cbGxtd2X6gAAAAgdFJOU/////////////////////////////////////////8AXFwb7QAAAIxJREFUeNqMkOsOwyAIRtFOYNW2su5+8/3fsrhO/dEs2UkM5PhFDJC8UUQ+R1YMJvAYtyCCyfVFRFfgXb0QkFycejdz/4c3W3+gkr+pf9z5ra2PF6rvDJYsTsegLWm6+lHz0vOceypzh9Gqps4993AO6wij/kRfOgo8tX9SIzKX/K89JC+NsjtMiwADAPuBEMy1myLVAAAAAElFTkSuQmCC)}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+oS6Z4bD6DtAAAAlklEQVR4Xm2PxY7EQAwFHY7d3eFhZmaG3f//rHEyUXKZuvipJMvPoNum5hdopq2DYYGHiE3M8MAywIVEqVq3V6+qlISFIzm0iShSGdIBH3lGrGaNR4sj+l/1YtX5E/1BqYYjovFEiGmpwjnRYilWxeJ6syWi3f5wPGXKkeGZci7XW3rRhXsl5RkEwTuO/1nk7bFs/+PHD82CDuXnUQAlAAAAAElFTkSuQmCC)}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+Pjo54Y2LlAAAADUSURBVHhebY/VbsNAAAQvqQPt3tkOMzMzY5mZmZn592tbVV/SfRxppFkyRDgN/ZuGk4BKrTcz/nfMrFeriFYnABmrAchbC4Cg05JhC4LRiFhvhPxiOxuAZYRQ5j4Ox22xWiJpS6Vv3YwSyt/leiYUS+UKTNX3D15Cn82WB4ZO97A/Cs/Y+ISEJqemgZnZufmFRWBpeUUWV9fWgY3NrW1gZ3dPFtn+ge/IceI7PXOcX1xeMSpHXN8Y7cb7h0f70/OLFKGkvr55nS6X0/v1raQOHvrn9g9cNSIx04XXiQAAAABJRU5ErkJggg==)}a.xfnRelationship[rel~=me]{padding-right:21px;background-image:url(icons/xfn/xfn-me.png);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABaUExURf///yhhwL7P7L7P6ydgv73O69nj9L7O6yhgwF2Iz/L1+16J0N3n9CdgwN7n9UJ1yKG64/L0+zVrxJSw37zN612J0MnW7tnk9Xib2EJ0x67E5zRqxK3D5sbGxuEGdxUAAAAedFJOU///////////////////////////////////////AOwYHF4AAACDSURBVHjaXI9ZDgQhCEQpUFrtdfbV+19zUOOHA0khL4VJUVYRZvYs4otoJl1oqO1BXB9vANfGmKTOaCh21FxzgJv/kLluDU3k63wG4NKQGCyVdrxO4+Fhh/eOzJWOHavDGr+pu84OcMGZfjqypXSR+r1uY6BFKSuLpeXJe7HkFvsnwADFxQOPD146PgAAAABJRU5ErkJggg==)}a[rel~=tag]{padding-right:32px;background:url(icons/icon-rel-tag.png);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADAUExURWqU1leL1Ie46DNqxEV5zCFavCViwkWC097n9aW64XWW0xtbvzNwyS9pxePr9yhhwLfJ6D17zmWO0iFewPH0+mqj4UJ/0Dl1yzd+0Cdgv2mMzi1lwVuCyjdmv36y51OQ2kqI1XSq48bU7jR6zi1syDqC0tPd8Yqq3VaT28nY8S50yx5VuClkwUeE09Hb70uJ1ihoxYGi2idmxE6M2P///1eU20+N14ij2JSz4pWs236e10+Bz8HO6avB5oWi18bGxgMw8jUAAABAdFJOU////////////////////////////////////////////////////////////////////////////////////wDCe7FEAAABSklEQVR42nSSaXPCIBCGsZizxBxgMEFtNKlHbu0mPaz1//+rrsZOP/kAO7v7MsDMC7lMCI1cHLf5B2Y0MC9kQsNuOl2tVsvl8mkAM6ynhjIJCbvdrkOG+F/sujAgtH95iCJR3zdViBjJWxVWTT/UWPV9SdwmMfZwZWR8wD5MGmPkCRAkSRqXuFUVksMaDltfbgSMjfAkJtvD2TeqqiQRHuqzMzi+fwIPbF96MJZS+thH1UeYhar8Aik8RoVHx0Fwwjbei/sktUBJZy3mG6EUeMoG2DIpUWWIY4HL6O1tc7c2F24B7w5j+KoMKS3QjjHE2gI+oxhq24afMstcErWIjqpuCXXktcmj+TdAHZdti6qORJrG9eviQyiKgl/bhPLHKEL48yN4gA5yfmyzLM/TdDZ7RWZpmudZq3N08DIJ6M33wf37D7i7/yvAAPiuNkPwjuKXAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right}abbr[class~=geo]{padding-right:32px;background:url(icons/icon-geo.png) no-repeat right;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAIAAAAop0KNAAAPMWlDQ1BJQ0MgUHJvZmlsZQAAeJyVV2dQlNuy7W8iOefkIEhygJEcJCM556CSZggSBmdIAoKAgiKKgCRBkCiKAUQEQUVFQI4CiojoQYIoiqJkQYLzfug5p+q+uvfW7V9rd63Vq/euXdXVAFyf/CIjw1AAEB4RRXMyNyZ4eHoR8MPADOKAB23A+gXQI40cHGzg38b3YUAAAF4o+kVGht1fXcqab2ls4N/g732ENVj59zoAAOCgeXh6ASBEAOAL+oUNAYDP/xd2AQC+2KjIKAAkGAD4AoL9yABIIgAQaS5OJgBIHQBwBP3CrQDA4f8LPwYAjpiAoCgAZAQAxxNBDokAwM8C4PTJFHoAAAcRAMhkekA4AMcZAORneDiVDMB1BgDkAiJpUQBcrQCg6OHpRfjVsncigFoPAK7pnxy9C6DJFEBi+Z+c7FkAIS6Aq0n/5JacAAEARGCAHqiqAgAACJsxAHaMwViSAcDnAmzlMBgblQzGVhUAehTgflhANC3m93shSB/Afzv/uvPvQCMAKADkGFoEU4vbhb/NbMbynG0v+ywnlWuNJ42Pl/+coLRQvYiaaIv4bolOgrlkt5SF9CMZM9kOeW2FBqKc4jlldlL8rg+q9mpNGsKasVpDOsq6x3a/0ScaxBk+MGYxcTA9s6ffnNXCxDLB6rr1O1tuOwP7UId8x3tOH1xYXUluzu7RHgWet7yGvZf2ce9X9rH2DfZL8y8LuE0epMwGYYMlQjQO2IZSwhLCcyJqqLcjnx4co83RGdHsMaKxsnEqh3TjTRKsEu0POyY5JzsfcUyxTTVPMzyqeUwxnZDBcxx9fPHEeOaTk7eyyk9lnI7Idj6jmSOSs5k7lnfv7Pn8hALPQvUi7qLZ4p5zFSXxpc7nFcpQZa/Lr184VuFVqVSFqhquvlSTWGt3kXBxsa7z0tnLAfWqV9BXBq9WXKNe12tgbRhprL1BbzK8yXZzpLn6VmSLbiu+dfD2+bagdpX2zTs9d3PueXVIdXy9f+tB0kPzTs7OV4/Ku4K6lbpXeu48Tu21+IPjjxdPip7u65Ps+9B/aSDsmfKzxefNg7EvtF6sD7W/TBzePbz16s5I4mvd1xtv2v6MG9Uc/f725hh9XGV8YaJx8uA7lXdLU83v4z7oTaOmez/mfto7Izuz8rnrS+Fs2FeTb2LfVueG51sWShZTl0KX3Vf2fFdflVsT+8G7zraB24TNja31n+sMBgDijVrChGG/4kOYpljcWV+yW3M85tLnbuFV5LskICqYJ8wkkiy6JE6ReEmwlGyWkpbO3rEm6yvXrbBzZyZxRslM+TxpScVMtVBtSkNJM0qrRXtFV2V3mF6F/gtDjBHJ2Msk2bRqT5fZlDnDUsRKxdrcxts2zC7RPsuh2LHWqdH5rku3a7/bK/dxj2nPb17L3uv7kP04HzZfHj8hf/GA7WRZCjFQJUgjWCfE4IBJqFmYZbh1hB3VPtLhoAPNnm4XZRNtEWMaaxCnfWhXvFzCtkS+w0yHN5K+Jo8d6U+5m1qfVng07Vh4uluGwXGZE2wnFjNfnWzLKjt15LRftvEZyRzIGcu9k1d8NjrfsYBYiCucKLpdnHvuQIlxqXDp/PmesvPl9AuWFRIVy5W9VWXVtBrzWrHa+YtddcWXIi4b1wvUf7ly/+rZa8HX9Rp4GqYb22+caaLc1Gnmav5wq63lTGvgbb023rbP7ffvFN6l3jPv2Naxdn/wwZWH6Z1+j/S6hLu+dw/13Hic20v7w/mJ+lOhp5t9k/09A9eeFTxPHgx54TJk+FJpWOwV66uNkdnX428G/+webXvbMFY7XjqRN5n5LmUq7j31Q+D03o+On8xmdD4Tv0jMcsxufv30bXCubb58IW2RvGS8vG35x8rA9+rVmDWzH3w/JtYvbURuam5ubT34mcYwYTAAEDSKiDbAuGLDcZn4CqbbzAMsH9lQ7IIcipyGXB7c4TwpvHl8dfztAn2CY0JzwgxRdjFRcTkJlW3aBCNJy+3WUnbSDjvsZKxk98jpyaspyO4UIjITlxXHlXqUr5JydtFVnFVJaixqU+rtGmc0yVpa2njtYZ1q3YO79fXwes/0iw38DOUN54yajRNMjEyxpn/syTZzNhc0H7W4YEm2krf6Zn3DJtZWzw6x67bPcnB2FHIcc6pxDnNRdVl3feB2wt3RQ9hj0vOyF81bdy9mb9++gv2+Pgo+y773/E74OwdIBHwm36KkBtoFiQR9DL4ZknLAPlQs9HNYa3h6hAt1O3UhsuPgaZo3XZ6+GtUVnRfjG6sY+yOu61BO/L4E2YSFxPbDx5Jsk/mT3x6pTjmQSkpdSWs7mnTMOB2b3pORedz6BPuJ/szsk/ZZnFn9p06ftstmz+47k5Vjk8ua+yQv86xVPkv+k4KsQtsijqJnxXnn3EqES96WVpwPKlMsWy5vv5BWYVMpUDlZdaX6UI15rUDt9MWWusxL+y+r1bPWv7/ScbX0WuJ1nwaTxp03BJqwTWs355q/3JptWbqNtPG3k+443026d6Nj4YHOw1Ods10e3f2PXXunnxzv0+5fffZosHIoe/jkSOGbptE/x/kn9001TvN8Svm89jVhHr9YvqK6OriesKXCYAD8mn0AADgNgMIcAI9WAFcjgCx+ADl3AIE6AAd2ABdtQM1XAar5ISB1K3/ND0AACyzADcIgBcqgC5bgCSGQAKehElphAD4igIgg6ogTQkVOI9eQAWQBxY/SRvmgjqGuoobRgCaiPdDp6Gb0e4wAxgKTiGnEfMRKYN2xOdinOGacBS4D9xjPirfHn8WPMkkzUZnamZmZPZgvMW+yOLLUsSKs3qwtbAJsMWyv2fXYqznYOGI5pjidODu5NLjqubdzl/AI8OTx8vDm8QnwlfBv568XUBd4KOgoOClEF8YLl4qoifSJBothxarFTcWnJTK3kbaNEFIkFSXfbM+U0pWak67ZsU9GUGZINk/ORV5Yflzh0s5ooqmigOKs0iPlclLSLl8VM1VlNTF1Ng3QWNNc0lrUXtHZ2I3T49OXMdA1dDWiGeeatJiOm7GYa1uEWVZajdoI23ranbf/4KjsdNh5wFXaLdF9xFPTq9ibsS94/0tfU7/WACXyxUDpoJoQuQPXw7TCu6iukTO05Cih6OZYl7jV+POJZocXki+kOKUxHb2fnnhc98TWyYenTma758jmrp99XnClKPNcaKljmc4F2UrBarZaTB1chiuYa6wNgjdkbmrdsmsNbjt6p+reo/sfO1m7SD1uvQlPyvseDEw+3xoSHFYc0X9jNeo45jLh9M7qvf604ifBmZ9fJr52zJUsRC/ZrBC+L649Xi/ZDP2pzWAAAAqwwAo8IAYyoAKGYA++QINjcA4aoAcmYB3hR1QQeyQCyUYakBfIKkoMZYw6gMpD3UXNoPnRJmg6ugr9EsOE0cPQMZcxU1hxrCe2APsSx49zx5XgJvCyeCq+jQnH5MJUzfSd2Yq5gvkHizNLAysnayTrCzZttgp2NvZD7J84vDgGOM04O7h0udq4dbk7ePbw9PF68H7gi+bH8Z8T2CXQK0gWAqFyYQPhdyIZooqiw2JHxInibyQyt+3eNk+okdy7XWD7c6nT0rY7OHcMyhTJ+sjJy63IP1LI3xlM1FcUVFxUeqbcSMrflahCUXVSM1ZX19ipKa1F0CboSOnK71bVM9R3MCAbJhjlGzeZDJmumRHMrS3iLa9YTdqI2LrZ5duPOEo4BTnfdMW4ubtf9cR5+Xs/2Ce1P8Nnzs/Tv5usTrkYJBqce4A1NCMcE3E0En/wJJ0nqiRGJrbpkHH8i8TAw5vJeSk7U7uP+qdDxoUThpnvstJPK2QP5ETniZ3tLAgt4iu+WxJ4nrOs9YJfJUtVU83ei9i6q5fd6n9erblu27B8o+SmcfNMS/Ztjba3d47eI3YMPTjcKftosDv5sVLv2JOcPvN+xrP2wYQhg2H8q5ev6/5Mfes/bjWpPUX6oPxRc8bqC+Vr5tzthYVl1e9Ja30bO7aOMxgAgAZm4AUCkMAY3IEKJ6AWumAaYUFIiCeShjQg4yhu1B5UPKoJ9RWtgA5BX0Z/w6hhEjE9WH4sBduCY8dRcB14cXwS/h2TJVMTsyRzLguOJZllgzWBlcGWwc7LXs2hzTHIGcnFw9XKTebh5enhTebbzbfF/1DgpKCHkLzQlvCwSKNojhhd3FPCeJsiQUySYztq+7rUsvT8jnmZRdnvclsK+J18RClFNSULZR9S3K6zKjdUX6itaIhqmmiFaxfr9Oiu6e3U9zUoNHxmzGZiZZq5p8+cx8LTsspqzsbANsdu2kHfsdhpzcXLtcNdziPfC+sdv3dxP9Vnzi/Kf4ucGSga1BhifeBTWGYEifr6YAZdK2o2pjpuf7xYwujh8mRKCjH1+9EH6aeP780kntw6NZBdmROdZ5EvXrBQ1HXuXGlEmdEFvorpqpaajIuulyQvf7nSdC22QbNxuelqs18LZ2trm3f76t1THaL3Kx9KdhZ1MXVH9jzvVfgj/snDPky/4UDUswvPewZnhlAvBYdlX5FG1F+rvyH9KTcq8pbl7fLY6HjHRMVk0jvPKdJ73PtXH+qmoz8af2L+NDhT8Nnri9iX0dnSrx7f+L8NzB2fN5pfW7i+SF4SWnq6nLSya2Xi+5lVo9WltZofLuuY9aYN302OzbYt8k+On80MLwYD4Ne+BAAALCbUMCqNYGNi+l+Wu/81wsOi//LgBAC2kChLFwDgA4BHgTQzJwAwBoCRCH87ewDgAUBEKPQ9zr8xMTDEzBIAuAAQ/cgoBxcAEAJA7OKDXdwBgAMACTzgZ+XwG0dFhNnZAIAAAJJKppju+a0tCqVaOwEAGwBSR4lw/av+TXqM81+cbrKfqTUAiAEgw/HBJna/+YtgAyZgCgQIACqEARVoEAK9EAA08IMIIMAEECAAaBACdIgCP4iGOCBAGITAQYiGECADBei/9dEQBhSIBhqYgR/QIAgooPjb4f/7uMF7oEHIf2CEABmoPiGptPAbgTFF1EM6bsGketIMaRMIv9nWfztSIOLvSr/c/f8698+2zP6tMPm7OuFv9nugQdC/9KEIgeAHNIgBCtAhFKaBBuE+Ian/6ODX7g0AgOMCKPUBALgvTjnyr/8kihIXBQBgQo08RAsJCo4iGEVGhlEIJtTwyOgoCo1IsIwIUCISVEgkdQCA/wPcqlirEnfbZAAAAu1JREFUOI21lE1oVFcUx3/3vDdv3rxxnCSWGKvBRlu/WhJciDuDUBeCohsrLaVkUQriQhG6iKu6KairLpSC0IVI1IVIRMhGkYKLLKQiosEoOEKqaWyTmamZr/fevS7ufLw2goLt4SzOvfec/zn33Ps/yhgzV3t8tXBkqjRRjXgfybiszw0fXHeu1/9E/VGd/vHehp4s+Tx5FyBwAVIqm1JpES+tfBuWahmhqVmjbmpaN0JTD80iUIl4VmahyPGhafXz1O4ZM7Ei+16VJqVcpluG1ZFJVn2AKwBKYUzHQ6l3AjKm42nDn8zitnsa6f+mXluiC5gWqAFPcgf6rvdndsw17l15sb8UFXzp3rPyfEP/DXiSu1P8qVC94Uv3V6tv9XpDpagw9vvOUlRo44YaQACtiTWxRpR7bKDcn9lx6fmutOQPrX2aUkFKgo+DPTlntSe55W6/KxlR7tGB+V5v6NLzXcChtU996bY4ViXGBYibqbYs+xo4+ciPTf1MeWDfh2MqTmsNcOHZTkOzU4P5EeD0dDbUlbPl9aOb4sHst5Pzp9slawcXiFotFhPU4mI9rKck2NZz+P7CRaUDezi6qZn8zOONsQaoNioWpNgoZGRlEkdrW29LPMn6ThegcPoyWz/vO/Xr3InfFs4Bp6Z6Ql0R5YS6sjG3LxnlO10N/SpKcEoEsZ22+qA0Dmxf8X01rt756xegFi/aJw2cNb6zypNeIXd3Ycy6GZP+LD/iO11TpettkFCjNeq72/QkSDHY9cWXH10GanGxsHj7UXniYWl89NOZtsPN2RM3Zn/YvHzvN+uu2Z3xmcOTf55N3mB+0eL6QIcRCqWUo81bhoVCOcqLTdh+zzY75mu4QBg3P3OLGgbeZQKZkPq/tiwO4GbcJOI/45YQNLlcynJjiDTGIIJszu9uxJ0vnVRjOobVpUdL/UPNlvxwc05qTZAiKwDLPGhPSwHIpN5wm2oILdZWIoBXDV7WEeH40LT6n+b6azuIfeaqlippAAAAAElFTkSuQmCC) no-repeat right;border:0;cursor:default}}@media all{html *{font-size:100%}textarea,pre,code,kbd,samp,var,tt{font-family:Consolas,"Lucida Console","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier}body{font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;font-size:87.5%;color:#444}h1,h2,h3,h4,h5,h6{font-family:"Droid Sans",Arial,Helvetica,sans-serif;font-weight:400;color:#161e21;margin:0}h1{font-size:342.85714%;line-height:.875;margin:0 0 .4375em}h2{font-size:228.57143%;line-height:1.3125;margin:0 0 .65625em}h3{font-size:171.42857%;line-height:.875;margin:0 0 .875em}h4{font-size:150%;line-height:1;margin:0 0 1em}h5{font-size:128.57143%;line-height:1.16667;margin:0 0 1.16667em}h6{font-size:100%;font-weight:700;line-height:1.5;margin:0 0 1.5em}ul,ol,dl{font-size:100%;line-height:1.5;margin:0 0 1.5em}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:700}dd{margin:0 0 1.5em .8em}p{font-size:100%;line-height:1.5;margin:0 0 1.5em}blockquote,cite,q{font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;font-style:italic}blockquote{background:transparent;color:#666;margin:1.5em 0 0 1.5em}strong,b{font-weight:700}em,i{font-style:italic}big{font-size:114.28571%;line-height:1.3125}small{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;white-space:pre;white-space:pre-wrap;word-wrap:break-word}pre,code{color:#800}kbd,samp,var,tt{color:#666;font-weight:700}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:-.5em}sub{bottom:-.25em}mark{background:#ff0;color:#000}hr{color:#fff;background:transparent;margin:0 0 .75em;padding:0 0 .67857em;border:0;border-bottom:1px #eee solid}a{color:#4d87c7;background:transparent;text-decoration:none}a:active{outline:0}a:hover,a:focus{background-color:#4d87c7;color:#fff;text-decoration:none}img,figure{margin:0}.flexible{margin-bottom:1.5em;max-width:100%;height:auto}* html .flexible{width:98%}.bordered{margin-bottom:1.5em;border:2px #eee solid;border:2px #fff solid;-webkit-box-shadow:0 0 3px rgba(0,0,0,.25);box-shadow:0 0 3px rgba(0,0,0,.25)}.highlight{color:#c30}.dimmed{color:#888}.box{border-radius:.3em;border-width:1px;border-style:solid;border-color:#888;border-color:rgba(0,0,0,.3);-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.2);box-shadow:inset 1px 1px 3px rgba(0,0,0,.2);color:#444;color:rgba(0,0,0,.8);padding:1.42857em;margin:0 0 1.5em}.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:#8c8}.warning{background:#cc8}.error{background:#c88}.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}table{width:100%;border-collapse:collapse;color:#444;border-top:1px #ccc solid;border-bottom:1px #ccc solid;margin:0 0 1.35714em}table.narrow{margin:0 0 1.42857em}table.narrow th,table.narrow td{padding: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:.71429em .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{}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}}@media print{body{font-size:10pt;padding:0 5px}nav,.ym-searchform{display:none}h1,h2,h3,h4,h5,h6{page-break-after:avoid}}@media screen,projection{body{overflow-y:scroll}body{background:#0d1113}body>header,body>footer,body>nav,body>[id]{min-width:960px}body>#intro{min-width:912px}* html .ym-wrapper{width:1140px}.ym-wrapper{text-align:left;margin:0 auto;max-width:90em}.ym-wbox{padding:24px 48px;position:relative}#js-info{display:block;padding:10px 20px;background:#fee;color:#800;margin:0 0 10px}.js .js-info{display:none}#formswitch{display:none}.js #formswitch{display:block}.fix{position:fixed;top:0;z-index:10000;width:100%;-webkit-box-shadow:0 0 12px 6px rgba(0,0,0,.5);box-shadow:0 0 12px 6px rgba(0,0,0,.5)}#intro,header,#overview,nav,#main,footer{background:#fff repeat-x top left;color:#333;clear:both}header,footer{background:#161e21;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.8);-webkit-box-shadow:inset 0 -32px 64px rgba(0,0,0,.5);box-shadow:inset 0 -32px 64px rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FF141C1F, EndColorStr=#FF0D1214);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FF141C1F, EndColorStr=#FF0D1214)"}#sitenav .ym-wbox{padding:0 48px}header .ym-wrapper{text-align:center}header .ym-wbox{padding-bottom:48px}header h1,header h2{font-family:'Yanone Kaffeesatz',Arial,Helvetica,sans-serif;font-weight:700;font-size:120px;color:#8b8f90;border:0 none;text-shadow:1px 1px 1px #000}header h1{margin:0 0 .15em}header h2{position:relative;top:-16px;left:4px;letter-spacing:8px;font-size:45px;line-height:85%;margin:0}header p{font-size:1.25em;margin:0}header p em{color:#fff;color:rgba(255,255,255,.75);font-family:"Times New Roman",Times,serif;font-size-adjust:.55}header h1 span{display:inline-block;overflow:hidden;height:0;width:235px;padding-top:78px;margin-bottom:-2px;background:url(../images/yaml-solo-transparent.png) no-repeat top left}#intro{font-family:Arial,Helvetica,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#888;color:rgba(255,255,255,.5);background:#080b0c;border-bottom:1px #000 solid;padding:12px 24px;letter-spacing:6px;word-spacing:3px;text-align:center}#secondary{background:#464b4e;-webkit-box-shadow:inset 0 -24px 48px rgba(0,0,0,.3);box-shadow:inset 0 -24px 48px rgba(0,0,0,.3);text-shadow:0 1px 1px rgba(0,0,0,.8)}#secondary{color:#c8c8c8}#secondary{color:rgba(255,255,255,.8)}#secondary h2,#secondary h3,#secondary h4{color:#fff}#secondary .label{background:#161e21}#secondary a.label:hover,#secondary a.label:focus,#secondary a.label:active{background:#fff;color:#000}#sitenav{background:#161e21;-webkit-box-shadow:inset 0 -24px 30px rgba(255,255,255,.1);box-shadow:inset 0 -24px 30px rgba(255,255,255,.1);border-top:1px solid #646464;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid #323232;border-bottom:1px solid rgba(0,0,0,.3);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FF161E21, EndColorStr=#FF2C3336);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FF161E21, EndColorStr=#FF2C3336)";zoom:1}.social-buttons{margin-bottom:1.5em}.social-buttons>*{float:left;margin-right:1em}.mnav ul{margin:0}.mnav{background:#161e21;border-right:1px solid #646464;border-right:1px solid rgba(255,255,255,.1);border-left:1px solid #323232;border-left:1px solid rgba(0,0,0,.2);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FF161E21, EndColorStr=#FF2C3336);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FF161E21, EndColorStr=#FF2C3336)"}* html .mnav ul{overflow:hidden}.mnav li{-webkit-box-shadow:inset 0 -24px 30px rgba(255,255,255,.1);box-shadow:inset 0 -24px 30px rgba(255,255,255,.1);overflow:hidden;text-shadow:1px 1px 1px rgba(0,0,0,.8)}.mnav li.active{background-color:#2a3134;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FF2A3134, EndColorStr=#FF3E4447);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FF2A3134, EndColorStr=#FF3E4447)";zoom:1}.mnav li strong,.mnav li a{color:#9d9fa0}.mnav li strong,.mnav li a{border-left:1px solid #646464;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid #323232;border-right:1px solid rgba(0,0,0,.2);font-family:"Droid Sans",Arial,Helvetica,sans-serif;text-transform:uppercase;text-align:left;display:block;line-height:1em;padding:1em 10%;color:#9d9fa0;color:rgba(255,255,255,.6);padding-bottom:100px;margin-bottom:-86px;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear;zoom:1}.mnav li strong span,.mnav li a span{display:block;margin-top:.7em;font-size:10px;color:#79868c;color:rgba(255,255,255,.5);font-weight:400}.mnav li.active strong span,.mnav li.active a span{color:#ccc;color:rgba(255,255,255,.7)}.mnav li strong{color:#fff;-webkit-box-shadow:inset 0 -24px 30px rgba(255,255,255,.1);box-shadow:inset 0 -24px 30px rgba(255,255,255,.1)}.mnav li a:hover,.mnav li a:focus,.mnav li a:active{color:#fff;-webkit-box-shadow:inset 0 -24px 30px rgba(255,255,255,.2);box-shadow:inset 0 -24px 30px rgba(255,255,255,.2);background:#800;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.mnav li a:hover span,.mnav li a:focus span,.mnav li a:active span{color:rgba(255,255,255,.7)}nav{border-top:1px #000 solid;background:#080b0c}nav .ym-wbox{padding:0 48px}nav .ym-hlist{background:transparent;padding:0}nav .ym-hlist ul{padding:.5em 0}nav .hlist li a{color:#aaa;font-variant:small-caps;font-weight:400}nav .ym-hlist li.active a,nav .ym-hlist li a:hover,nav .ym-hlist li a:focus{background:#444;background:rgba(255,255,255,.1);color:#fff}#overview{background:#eee;-webkit-box-shadow:inset 0 0 48px rgba(0,0,0,.25);box-shadow:inset 0 0 48px rgba(0,0,0,.25);zoom:1}#main{z-index:1;background:#fff;-webkit-box-shadow:inset 0 0 48px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.25);-moz-box-shadow:inset 0 0 48px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.25);box-shadow:inset 0 0 48px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.25)}#examples{margin-top:1.5em}#examples img{-webkit-box-shadow:0 0 64px rgba(255,255,255,.3);box-shadow:0 0 64px rgba(255,255,255,.3);*width:99%}footer{border-top:2px #000 solid}footer p:last-child{margin-bottom:0}footer .ym-gr{text-align:right}footer .ym-gr iframe{display:inline-block;width:165px!important}footer a{color:#999}footer a{color:#999;color:rgba(255,255,255,.6);background:transparent;font-weight:400}footer a:focus,footer a:hover,footer a:active{color:#4D87C7;background-color:transparent;text-decoration:underline}.ym-g30{width:30%}.flexible{margin-bottom:1.5em}h2{letter-spacing:-2px}h2[id]{border-bottom:1px #aa1124 solid}.indent{padding-left:10px}h3{letter-spacing:-1px}body h4,h5,h6{color:#8B8F90}.site dl{margin:0 0 1.5em}.site dd{margin:0 0 .75em}.ym-gbox-left{padding:0 20px 0 0}.ym-gbox-right{padding:0 0 0 20px}.ym-cbox{padding:0 10px}.grid-demo1,.grid-demo2{margin:0 0 1.5em}.grid-demo1 .ym-grid+.ym-grid{margin-top:8px}.grid-demo1 .ym-gbox{text-align:center;background:#eee;margin-right:12px;padding:10px;border:1px #ccc solid}.dummyscreen{box-shadow:0 0 3px rgba(0,0,0,.5);border:1px #888 solid;border-radius:5px;line-height:3em;margin:0 0 1.5em;zoom:1}.layout-a .ym-wrapper{width:70%;margin:0 auto;border:1px dashed #888;border:1px dashed rgba(0,0,0,.25);background:#eee}.layout-b .ym-wrapper{width:70%;margin:0 auto;border:1px dashed #888;border:1px dashed rgba(0,0,0,.25)}.dummyscreen .ym-wbox{padding:0;margin:8px;border:1px dotted #888;border:1px dotted rgba(0,0,0,.25)}.layout-a .main{padding:20px 0}.dummyscreen *{text-align:center;color:#fff}.dummyscreen .header{background:#aaa;color:#fff}.dummyscreen .main{background:#ccc;color:#fff;line-height:10em}.dummyscreen .footer{background:#aaa;color:#fff}.dummyscreen .ym-cbox,.dummyscreen .bg{height:10em}.dummyscreen .ym-col1 .ym-cbox{margin:0 .25em;background:#aaa}.dummyscreen .ym-col2 .ym-cbox{margin:0 .25em;background:#999}.dummyscreen .ym-col3 .ym-cbox .bg{padding:0 .25em;background:#777}.columnset-2 .ym-col1{width:6em}.columnset-2 .ym-col3{width:auto;margin:0 0 0 6em}.columnset-3 .ym-col1{width:6em}.columnset-3 .ym-col2{width:6em}.columnset-3 .ym-col3{width:auto;margin:0 6em}.columnset-4 *{color:#444;text-align:left;margin-top:0}.columnset-4 .ym-col1{width:25%}.columnset-4 .ym-col2{width:25%}.columnset-4 .ym-col3{width:auto;margin:0 25%;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff!important}.columnset-4 [class*=ym-cbox]{text-align:left;padding:0 1em;color:#444;height:auto!important;background:#fff!important}.grid-demo1 .ym-grid .ym-grid .ym-gbox,.grid-demo1 .ym-grid .ym-grid .ym-gbox{background:#ddd}.grid-demo2 .ym-grid{margin-bottom:2px}.grid-demo2 .ym-gl{text-align:center;background:#f4f4f4;padding:10px 0}.grid-demo2 .ym-gr{text-align:center;background:#e4e4e4;padding:10px 0}.grid-demo3{margin:0 0 1.5em}.grid-demo3 .ym-gbox-left{background:#eee;padding-left:0;padding-right:0;margin-right:.5em}.grid-demo3 .ym-gbox-right{background:#eee;padding-left:0;padding-right:0;margin-left:.5em}.grid-demo3 h6{background:#800;color:#fff;padding:.75em 1em;margin:0}.grid-demo3 ul,.grid-demo3 p{padding:1.5em;margin:0}.nav-wrapper{margin-bottom:1.5em}#main .hlist,#main h6.vlist{margin:0 0 1.5em}#main th{white-space:nowrap}p .ym-button{margin-bottom:1.5em}h3+.label,h4+.label{margin-top:-3.6em}.ym-skiplinks a.skip:focus,.ym-skiplinks a.skip:active{color:#fff;background:#333;border-bottom:1px #000 solid;padding:10px 0;text-decoration:none}}@media screen and (min-width:0){body>header,body>footer,body>nav,body>#intro,body>[id]{min-width:0}.ym-wrapper{width:auto}#examples img{width:auto;max-width:99%}}@media screen and (max-width:960px){nav .ym-wbox,#sitenav .ym-wbox,.ym-wbox{padding-left:24px;padding-right:24px}.linearize-level-1,.linearize-level-1>[class*=ym-c],.linearize-level-1>[class*=ym-g]{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]{margin:0;padding:0;overflow:hidden}#secondary .linearize-level-1>[class*=ym-g]>[class*=ym-gbox]{padding:10px}}@media screen and (max-width:740px){#intro{letter-spacing:normal;word-spacing:normal}header h1{font-size:60px;line-height:1em}header h1 span{width:118px;padding-top:40px;margin-bottom:-2px;background:url(../images/yaml-solo-transparent-small.png) no-repeat top left}header h2{font-size:28px;letter-spacing:2px;line-height:1.5em}header p{font-size:14px}th.nowrap,td.nowrap{white-space:normal}nav .ym-wbox,#sitenav .ym-wbox,.ym-wbox{padding-left:6px;padding-right:6px}.mnav li{-webkit-box-shadow:inset 0 -10px 30px rgba(255,255,255,.1);box-shadow:inset 0 -10px 30px rgba(255,255,255,.1)}.mnav li a span,.mnav li strong span{display:none}footer .ym-gr{text-align:left}.indent{padding-left:0}table th,table td{white-space:normal!important}.linearize-level-2,.linearize-level-2>[class*=ym-c],.linearize-level-2>[class*=ym-g]{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]{margin:0;padding:0;overflow:hidden}.ym-form .linearize-level-2 [class*=ym-fbox]{margin:0 0 1em;padding:.3em 1em}#secondary .linearize-level-1>[class*=ym-g]>[class*=ym-gbox]{margin:0;padding:0}.linearize-form label{float:none}.linearize-form .ym-label,.linearize-form .ym-message,.linearize-form .ym-fbox-text input,.linearize-form textarea,.linearize-form select{display:block;float:none;position:static;width:100%!important;margin:0!important}.linearize-form .ym-fbox-wrap,.linearize-form .ym-fbox-wrap [class*=ym-g]{display:block;float:none;width:100%!important;margin:0!important;padding:0!important}.linearize-form .ym-fbox-check input{margin-left:0!important}}
|
|
@@ -0,0 +1,3262 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* "Yet Another Multicolumn Layout" - YAML CSS Framework
|
|
3
|
+
*
|
|
4
|
+
* docs styles - dynamically built using Sass
|
|
5
|
+
*
|
|
6
|
+
* @copyright © 2005-2013, Dirk Jesse
|
|
7
|
+
* @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
|
|
8
|
+
* YAML-CDL (http://www.yaml.de/license.html)
|
|
9
|
+
* @link http://www.yaml.de
|
|
10
|
+
* @package yaml
|
|
11
|
+
* @version 4.1.2
|
|
12
|
+
*/
|
|
13
|
+
/* YAML Framework Components */
|
|
14
|
+
@media all {
|
|
15
|
+
/**
|
|
16
|
+
* @section Normalisation Module
|
|
17
|
+
*/
|
|
18
|
+
/* (en) Global reset of paddings and margins for all HTML elements */
|
|
19
|
+
/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
|
|
20
|
+
* {
|
|
21
|
+
margin: 0;
|
|
22
|
+
padding: 0;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/* (en) Correction: margin/padding reset caused too small select boxes. */
|
|
26
|
+
/* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
|
|
27
|
+
option {
|
|
28
|
+
padding-left: 0.4em;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
select {
|
|
32
|
+
padding: 1px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/*
|
|
36
|
+
* (en) Global fix of the Italics bugs in IE 5.x and IE 6
|
|
37
|
+
* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
|
|
38
|
+
*
|
|
39
|
+
* @bugfix
|
|
40
|
+
* @affected IE 5.x/Win, IE6
|
|
41
|
+
* @css-for IE 5.x/Win, IE6
|
|
42
|
+
* @valid yes
|
|
43
|
+
*/
|
|
44
|
+
* html body * {
|
|
45
|
+
overflow: visible;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/*
|
|
49
|
+
* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
|
|
50
|
+
* Standard values for colors and text alignment
|
|
51
|
+
*
|
|
52
|
+
* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen
|
|
53
|
+
* Vorgabe der Standardfarben und Textausrichtung
|
|
54
|
+
*/
|
|
55
|
+
body {
|
|
56
|
+
font-size: 100%;
|
|
57
|
+
background: #fff;
|
|
58
|
+
color: #000;
|
|
59
|
+
text-align: left;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/* (en) avoid visible outlines on DIV and h[x] elements in Webkit browsers */
|
|
63
|
+
/* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
|
|
64
|
+
div:target,
|
|
65
|
+
h1:target,
|
|
66
|
+
h2:target,
|
|
67
|
+
h3:target,
|
|
68
|
+
h4:target,
|
|
69
|
+
h5:target,
|
|
70
|
+
h6:target {
|
|
71
|
+
outline: 0 none;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/* (en) HTML5 - adjusting visual formatting model to block level */
|
|
75
|
+
/* (de) HTML5 - Elements werden als Blockelemente definiert */
|
|
76
|
+
article,
|
|
77
|
+
aside,
|
|
78
|
+
details,
|
|
79
|
+
figcaption,
|
|
80
|
+
figure,
|
|
81
|
+
footer,
|
|
82
|
+
header,
|
|
83
|
+
main,
|
|
84
|
+
nav,
|
|
85
|
+
section,
|
|
86
|
+
summary {
|
|
87
|
+
display: block;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/* (en) HTML5 - default media element styles */
|
|
91
|
+
/* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
|
|
92
|
+
audio,
|
|
93
|
+
canvas,
|
|
94
|
+
video {
|
|
95
|
+
display: inline-block;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
/* (en) HTML5 - don't show <audio> element if there aren't controls */
|
|
99
|
+
/* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
|
|
100
|
+
audio:not([controls]) {
|
|
101
|
+
display: none;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
/* (en) HTML5 - add missing styling in IE & old FF for hidden attribute */
|
|
105
|
+
/* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
|
|
106
|
+
[hidden] {
|
|
107
|
+
display: none;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
/* (en) Prevent iOS text size adjust after orientation change, without disabling user zoom. */
|
|
111
|
+
/* (de) Verdindert die automatische Textanpassung bei Orientierungswechsel, ohne Zoom zu blockieren */
|
|
112
|
+
html {
|
|
113
|
+
-ms-text-size-adjust: 100%;
|
|
114
|
+
-webkit-text-size-adjust: 100%;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
/* (en) set correct box-modell in IE8/9 plus remove padding */
|
|
118
|
+
/* (de) Setze das richtige Box-Modell im IE8/9 und entferne unnötiges Padding */
|
|
119
|
+
input[type="checkbox"],
|
|
120
|
+
input[type="radio"] {
|
|
121
|
+
box-sizing: border-box;
|
|
122
|
+
padding: 0;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
/* (en) force consistant appearance of input[type="search"] elements in all browser */
|
|
126
|
+
/* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen */
|
|
127
|
+
input[type="search"] {
|
|
128
|
+
-webkit-appearance: textfield;
|
|
129
|
+
-webkit-box-sizing: content-box;
|
|
130
|
+
-moz-box-sizing: content-box;
|
|
131
|
+
box-sizing: content-box;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
input[type="search"]::-webkit-search-cancel-button,
|
|
135
|
+
input[type="search"]::-webkit-search-decoration {
|
|
136
|
+
-webkit-appearance: none;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
/* (en) Correct overflow displayed oddly in IE 9 */
|
|
140
|
+
/* (de) Korrigiert fehlerhafte overflow Voreinstellung des IE 9 */
|
|
141
|
+
svg:not(:root) {
|
|
142
|
+
overflow: hidden;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
/* (en) Address margin not present in IE 8/9 and Safari 5 */
|
|
146
|
+
/* (en) Ergänzt fehlenden Margin in IE 8/9 und Safari 5 */
|
|
147
|
+
figure {
|
|
148
|
+
margin: 0;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
/* (en) Clear borders for <fieldset> and <img> elements */
|
|
152
|
+
/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
|
|
153
|
+
fieldset,
|
|
154
|
+
img {
|
|
155
|
+
border: 0 solid;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
/* (en) new standard values for lists, blockquote, cite and tables */
|
|
159
|
+
/* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
|
|
160
|
+
ul,
|
|
161
|
+
ol,
|
|
162
|
+
dl {
|
|
163
|
+
margin: 0 0 1em 1em;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
li {
|
|
167
|
+
line-height: 1.5em;
|
|
168
|
+
margin-left: 0.8em;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
dt {
|
|
172
|
+
font-weight: bold;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
dd {
|
|
176
|
+
margin: 0 0 1em 0.8em;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
blockquote {
|
|
180
|
+
margin: 0 0 1em 0.8em;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
q {
|
|
184
|
+
quotes: none;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
blockquote:before,
|
|
188
|
+
blockquote:after,
|
|
189
|
+
q:before,
|
|
190
|
+
q:after {
|
|
191
|
+
content: '';
|
|
192
|
+
content: none;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
table {
|
|
196
|
+
border-collapse: collapse;
|
|
197
|
+
border-spacing: 0;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
/**
|
|
201
|
+
* @section Float Handling Module
|
|
202
|
+
*/
|
|
203
|
+
/* (en) clearfix method for clearing floats */
|
|
204
|
+
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
|
|
205
|
+
.ym-clearfix:before {
|
|
206
|
+
content: "";
|
|
207
|
+
display: table;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.ym-clearfix:after {
|
|
211
|
+
clear: both;
|
|
212
|
+
content: ".";
|
|
213
|
+
display: block;
|
|
214
|
+
font-size: 0;
|
|
215
|
+
height: 0;
|
|
216
|
+
visibility: hidden;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
/* (en) alternative solutions to contain floats */
|
|
220
|
+
/* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
|
|
221
|
+
.ym-contain-dt {
|
|
222
|
+
display: table;
|
|
223
|
+
table-layout: fixed;
|
|
224
|
+
width: 100%;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
.ym-contain-oh {
|
|
228
|
+
display: block;
|
|
229
|
+
overflow: hidden;
|
|
230
|
+
width: 100%;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.ym-contain-fl {
|
|
234
|
+
float: left;
|
|
235
|
+
width: 100%;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
/**
|
|
239
|
+
* @section Column Module
|
|
240
|
+
*
|
|
241
|
+
* default column config:
|
|
242
|
+
* |-------------------------------|
|
|
243
|
+
* | col1 | col3 | col2 |
|
|
244
|
+
* | 20% | flexible | 20% |
|
|
245
|
+
* |-------------------------------|
|
|
246
|
+
*/
|
|
247
|
+
.ym-column {
|
|
248
|
+
display: table;
|
|
249
|
+
table-layout: fixed;
|
|
250
|
+
width: 100%;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.ym-col1 {
|
|
254
|
+
float: left;
|
|
255
|
+
width: 20%;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.ym-col2 {
|
|
259
|
+
float: right;
|
|
260
|
+
width: 20%;
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.ym-col3 {
|
|
264
|
+
width: auto;
|
|
265
|
+
margin: 0 20%;
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
.ym-cbox {
|
|
269
|
+
padding: 0 10px;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
.ym-cbox-left {
|
|
273
|
+
padding: 0 10px 0 0;
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
.ym-cbox-right {
|
|
277
|
+
padding: 0 0 0 10px;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
/* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
|
|
281
|
+
/* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
|
|
282
|
+
.ym-ie-clearing {
|
|
283
|
+
display: none;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
/**
|
|
287
|
+
* @section Grid Module
|
|
288
|
+
*/
|
|
289
|
+
.ym-grid {
|
|
290
|
+
display: table;
|
|
291
|
+
table-layout: fixed;
|
|
292
|
+
width: 100%;
|
|
293
|
+
list-style-type: none;
|
|
294
|
+
padding-left: 0;
|
|
295
|
+
padding-right: 0;
|
|
296
|
+
margin-left: 0;
|
|
297
|
+
margin-right: 0;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.ym-gl {
|
|
301
|
+
float: left;
|
|
302
|
+
margin: 0;
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
.ym-gr {
|
|
306
|
+
float: right;
|
|
307
|
+
margin: 0 0 0 -5px;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
.ym-g20 {
|
|
311
|
+
width: 20%;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
.ym-g40 {
|
|
315
|
+
width: 40%;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.ym-g60 {
|
|
319
|
+
width: 60%;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
.ym-g80 {
|
|
323
|
+
width: 80%;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
.ym-g25 {
|
|
327
|
+
width: 25%;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
.ym-g33 {
|
|
331
|
+
width: 33.333%;
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
.ym-g50 {
|
|
335
|
+
width: 50%;
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
.ym-g66 {
|
|
339
|
+
width: 66.666%;
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
.ym-g75 {
|
|
343
|
+
width: 75%;
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
.ym-g38 {
|
|
347
|
+
width: 38.2%;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
.ym-g62 {
|
|
351
|
+
width: 61.8%;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.ym-gbox {
|
|
355
|
+
padding: 0 10px;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
.ym-gbox-left {
|
|
359
|
+
padding: 0 10px 0 0;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
.ym-gbox-right {
|
|
363
|
+
padding: 0 0 0 10px;
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
.ym-equalize {
|
|
367
|
+
overflow: hidden;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
.ym-equalize > [class*="ym-g"] {
|
|
371
|
+
display: table-cell;
|
|
372
|
+
float: none;
|
|
373
|
+
margin: 0;
|
|
374
|
+
vertical-align: top;
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
|
|
378
|
+
padding-bottom: 10000px;
|
|
379
|
+
margin-bottom: -10000px;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
/**
|
|
383
|
+
* @section Form Module
|
|
384
|
+
*/
|
|
385
|
+
/** Vertical-Forms - technical base (standard)
|
|
386
|
+
*
|
|
387
|
+
* |-------------------------------|
|
|
388
|
+
* | form |
|
|
389
|
+
* |-------------------------------|
|
|
390
|
+
* | label |
|
|
391
|
+
* | input / select / textarea |
|
|
392
|
+
* |-------------------------------|
|
|
393
|
+
* | /form |
|
|
394
|
+
* |-------------------------------|
|
|
395
|
+
*
|
|
396
|
+
* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
|
|
397
|
+
* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
|
|
398
|
+
*/
|
|
399
|
+
.ym-form,
|
|
400
|
+
.ym-form fieldset {
|
|
401
|
+
overflow: hidden;
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
.ym-form div {
|
|
405
|
+
position: relative;
|
|
406
|
+
}
|
|
407
|
+
.ym-form label,
|
|
408
|
+
.ym-form .ym-label,
|
|
409
|
+
.ym-form .ym-message {
|
|
410
|
+
position: relative;
|
|
411
|
+
line-height: 1.5;
|
|
412
|
+
display: block;
|
|
413
|
+
}
|
|
414
|
+
.ym-form .ym-message {
|
|
415
|
+
clear: both;
|
|
416
|
+
}
|
|
417
|
+
.ym-form .ym-fbox-check label {
|
|
418
|
+
display: inline;
|
|
419
|
+
}
|
|
420
|
+
.ym-form input,
|
|
421
|
+
.ym-form textarea {
|
|
422
|
+
cursor: text;
|
|
423
|
+
}
|
|
424
|
+
.ym-form .ym-fbox-check input,
|
|
425
|
+
.ym-form input[type="image"],
|
|
426
|
+
.ym-form input[type="radio"],
|
|
427
|
+
.ym-form input[type="checkbox"],
|
|
428
|
+
.ym-form select,
|
|
429
|
+
.ym-form label {
|
|
430
|
+
cursor: pointer;
|
|
431
|
+
}
|
|
432
|
+
.ym-form textarea {
|
|
433
|
+
overflow: auto;
|
|
434
|
+
}
|
|
435
|
+
.ym-form input.hidden,
|
|
436
|
+
.ym-form input[type=hidden] {
|
|
437
|
+
display: none !important;
|
|
438
|
+
}
|
|
439
|
+
.ym-form .ym-fbox:before,
|
|
440
|
+
.ym-form .ym-fbox-text:before,
|
|
441
|
+
.ym-form .ym-fbox-select:before,
|
|
442
|
+
.ym-form .ym-fbox-check:before,
|
|
443
|
+
.ym-form .ym-fbox-button:before {
|
|
444
|
+
content: "";
|
|
445
|
+
display: table;
|
|
446
|
+
}
|
|
447
|
+
.ym-form .ym-fbox:after,
|
|
448
|
+
.ym-form .ym-fbox-text:after,
|
|
449
|
+
.ym-form .ym-fbox-select:after,
|
|
450
|
+
.ym-form .ym-fbox-check:after,
|
|
451
|
+
.ym-form .ym-fbox-button:after {
|
|
452
|
+
clear: both;
|
|
453
|
+
content: ".";
|
|
454
|
+
display: block;
|
|
455
|
+
font-size: 0;
|
|
456
|
+
height: 0;
|
|
457
|
+
visibility: hidden;
|
|
458
|
+
}
|
|
459
|
+
.ym-form .ym-fbox-check input:focus,
|
|
460
|
+
.ym-form .ym-fbox-check input:hover,
|
|
461
|
+
.ym-form .ym-fbox-check input:active,
|
|
462
|
+
.ym-form input[type="radio"]:focus,
|
|
463
|
+
.ym-form input[type="radio"]:hover,
|
|
464
|
+
.ym-form input[type="radio"]:active,
|
|
465
|
+
.ym-form input[type="checkbox"]:focus,
|
|
466
|
+
.ym-form input[type="checkbox"]:hover,
|
|
467
|
+
.ym-form input[type="checkbox"]:active {
|
|
468
|
+
border: 0 none;
|
|
469
|
+
}
|
|
470
|
+
.ym-form input,
|
|
471
|
+
.ym-form textarea,
|
|
472
|
+
.ym-form select {
|
|
473
|
+
display: block;
|
|
474
|
+
position: relative;
|
|
475
|
+
-webkit-box-sizing: border-box;
|
|
476
|
+
-moz-box-sizing: border-box;
|
|
477
|
+
box-sizing: border-box;
|
|
478
|
+
width: 70%;
|
|
479
|
+
}
|
|
480
|
+
.ym-form .ym-fbox-check input,
|
|
481
|
+
.ym-form input[type="radio"],
|
|
482
|
+
.ym-form input[type="checkbox"] {
|
|
483
|
+
display: inline;
|
|
484
|
+
margin-left: 0;
|
|
485
|
+
margin-right: 0.5ex;
|
|
486
|
+
width: auto;
|
|
487
|
+
height: auto;
|
|
488
|
+
}
|
|
489
|
+
.ym-form input[type="image"] {
|
|
490
|
+
border: 0;
|
|
491
|
+
display: inline;
|
|
492
|
+
height: auto;
|
|
493
|
+
margin: 0;
|
|
494
|
+
padding: 0;
|
|
495
|
+
width: auto;
|
|
496
|
+
}
|
|
497
|
+
.ym-form label,
|
|
498
|
+
.ym-form .ym-label {
|
|
499
|
+
-webkit-box-sizing: border-box;
|
|
500
|
+
-moz-box-sizing: border-box;
|
|
501
|
+
box-sizing: border-box;
|
|
502
|
+
}
|
|
503
|
+
.ym-form .ym-fbox-button input {
|
|
504
|
+
display: inline;
|
|
505
|
+
overflow: visible;
|
|
506
|
+
width: auto;
|
|
507
|
+
}
|
|
508
|
+
.ym-form .ym-inline {
|
|
509
|
+
display: inline-block;
|
|
510
|
+
float: none;
|
|
511
|
+
margin-right: 0;
|
|
512
|
+
width: auto;
|
|
513
|
+
vertical-align: baseline;
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
/* default form wrapper width */
|
|
517
|
+
.ym-fbox-wrap {
|
|
518
|
+
display: table;
|
|
519
|
+
table-layout: fixed;
|
|
520
|
+
width: 70%;
|
|
521
|
+
}
|
|
522
|
+
.ym-fbox-wrap input,
|
|
523
|
+
.ym-fbox-wrap textarea,
|
|
524
|
+
.ym-fbox-wrap select {
|
|
525
|
+
width: 100%;
|
|
526
|
+
}
|
|
527
|
+
.ym-fbox-wrap input[type="image"] {
|
|
528
|
+
width: auto;
|
|
529
|
+
}
|
|
530
|
+
.ym-fbox-wrap input[type="radio"],
|
|
531
|
+
.ym-fbox-wrap input[type="checkbox"] {
|
|
532
|
+
display: inline;
|
|
533
|
+
width: auto;
|
|
534
|
+
margin-left: 0;
|
|
535
|
+
margin-right: 0.5ex;
|
|
536
|
+
}
|
|
537
|
+
.ym-fbox-wrap label,
|
|
538
|
+
.ym-fbox-wrap .ym-label {
|
|
539
|
+
display: inline;
|
|
540
|
+
}
|
|
541
|
+
|
|
542
|
+
.ym-full input,
|
|
543
|
+
.ym-full textarea,
|
|
544
|
+
.ym-full select {
|
|
545
|
+
width: 100%;
|
|
546
|
+
}
|
|
547
|
+
.ym-full .ym-fbox-wrap {
|
|
548
|
+
width: 100%;
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
/**
|
|
552
|
+
* Columnar forms display - technical base (optional)
|
|
553
|
+
*
|
|
554
|
+
* |-------------------------------------------|
|
|
555
|
+
* | form |
|
|
556
|
+
* |-------------------------------------------|
|
|
557
|
+
* | |
|
|
558
|
+
* | label | input / select / textarea |
|
|
559
|
+
* | |
|
|
560
|
+
* |-------------------------------------------|
|
|
561
|
+
* | /form |
|
|
562
|
+
* |-------------------------------------------|
|
|
563
|
+
*
|
|
564
|
+
* (en) Styling of forms where label floats left of form-elements
|
|
565
|
+
* (de) Formulargestaltung, bei der die label-Elemente nach links fließen
|
|
566
|
+
*/
|
|
567
|
+
.ym-columnar input,
|
|
568
|
+
.ym-columnar textarea,
|
|
569
|
+
.ym-columnar select {
|
|
570
|
+
float: left;
|
|
571
|
+
margin-right: -3px;
|
|
572
|
+
}
|
|
573
|
+
.ym-columnar label,
|
|
574
|
+
.ym-columnar .ym-label {
|
|
575
|
+
display: inline;
|
|
576
|
+
float: left;
|
|
577
|
+
width: 30%;
|
|
578
|
+
z-index: 1;
|
|
579
|
+
}
|
|
580
|
+
.ym-columnar .ym-fbox-check input,
|
|
581
|
+
.ym-columnar .ym-message {
|
|
582
|
+
margin-left: 30%;
|
|
583
|
+
}
|
|
584
|
+
.ym-columnar .ym-fbox-wrap {
|
|
585
|
+
margin-left: 30%;
|
|
586
|
+
margin-right: -3px;
|
|
587
|
+
}
|
|
588
|
+
.ym-columnar .ym-fbox-wrap .ym-message {
|
|
589
|
+
margin-left: 0%;
|
|
590
|
+
}
|
|
591
|
+
.ym-columnar .ym-fbox-wrap label {
|
|
592
|
+
float: none;
|
|
593
|
+
width: auto;
|
|
594
|
+
z-index: 1;
|
|
595
|
+
margin-left: 0;
|
|
596
|
+
}
|
|
597
|
+
.ym-columnar .ym-fbox-wrap input {
|
|
598
|
+
margin-left: 0;
|
|
599
|
+
position: relative;
|
|
600
|
+
}
|
|
601
|
+
.ym-columnar .ym-fbox-check {
|
|
602
|
+
position: relative;
|
|
603
|
+
}
|
|
604
|
+
.ym-columnar .ym-fbox-check label,
|
|
605
|
+
.ym-columnar .ym-fbox-check .ym-label {
|
|
606
|
+
padding-top: 0;
|
|
607
|
+
}
|
|
608
|
+
.ym-columnar .ym-fbox-check input {
|
|
609
|
+
top: 3px;
|
|
610
|
+
}
|
|
611
|
+
.ym-columnar .ym-fbox-button input {
|
|
612
|
+
float: none;
|
|
613
|
+
margin-right: 1em;
|
|
614
|
+
}
|
|
615
|
+
|
|
616
|
+
.ym-fbox-wrap + .ym-fbox-wrap {
|
|
617
|
+
margin-top: 0.5em;
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
/* global and local columnar settings for button alignment */
|
|
621
|
+
.ym-columnar fieldset .ym-fbox-button,
|
|
622
|
+
fieldset.ym-columnar .ym-fbox-button {
|
|
623
|
+
padding-left: 30%;
|
|
624
|
+
}
|
|
625
|
+
|
|
626
|
+
/**
|
|
627
|
+
* @section Accessibility Module
|
|
628
|
+
*
|
|
629
|
+
* (en) skip links and hidden content
|
|
630
|
+
* (de) Skip-Links und versteckte Inhalte
|
|
631
|
+
*/
|
|
632
|
+
/* (en) classes for invisible elements in the base layout */
|
|
633
|
+
/* (de) Klassen für unsichtbare Elemente im Basislayout */
|
|
634
|
+
.ym-skip,
|
|
635
|
+
.ym-hideme,
|
|
636
|
+
.ym-print {
|
|
637
|
+
position: absolute;
|
|
638
|
+
top: -32768px;
|
|
639
|
+
left: -32768px;
|
|
640
|
+
}
|
|
641
|
+
|
|
642
|
+
/* (en) make skip links visible when using tab navigation */
|
|
643
|
+
/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
|
|
644
|
+
.ym-skip:focus,
|
|
645
|
+
.ym-skip:active {
|
|
646
|
+
position: static;
|
|
647
|
+
top: 0;
|
|
648
|
+
left: 0;
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
/* skiplinks:technical setup */
|
|
652
|
+
.ym-skiplinks {
|
|
653
|
+
position: absolute;
|
|
654
|
+
top: 0px;
|
|
655
|
+
left: -32768px;
|
|
656
|
+
z-index: 1000;
|
|
657
|
+
width: 100%;
|
|
658
|
+
margin: 0;
|
|
659
|
+
padding: 0;
|
|
660
|
+
list-style-type: none;
|
|
661
|
+
}
|
|
662
|
+
.ym-skiplinks .ym-skip:focus,
|
|
663
|
+
.ym-skiplinks .ym-skip:active {
|
|
664
|
+
left: 32768px;
|
|
665
|
+
outline: 0 none;
|
|
666
|
+
position: absolute;
|
|
667
|
+
width: 100%;
|
|
668
|
+
}
|
|
669
|
+
}
|
|
670
|
+
@media print {
|
|
671
|
+
/**
|
|
672
|
+
* @section print adjustments for core modules
|
|
673
|
+
*
|
|
674
|
+
* (en) float containment for grids. Uses display:table to avoid bugs in FF & IE
|
|
675
|
+
* (de) Floats in Grids einschließen. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
|
|
676
|
+
*
|
|
677
|
+
* @bugfix
|
|
678
|
+
* @since 3.0
|
|
679
|
+
* @affected FF2.0, FF3.0, IE7
|
|
680
|
+
* @css-for all browsers
|
|
681
|
+
* @valid yes
|
|
682
|
+
*/
|
|
683
|
+
.ym-grid > .ym-gl,
|
|
684
|
+
.ym-grid > .ym-gr {
|
|
685
|
+
overflow: visible;
|
|
686
|
+
display: table;
|
|
687
|
+
table-layout: fixed;
|
|
688
|
+
}
|
|
689
|
+
|
|
690
|
+
/* (en) make .ym-print class visible */
|
|
691
|
+
/* (de) .ym-print-Klasse sichtbar schalten */
|
|
692
|
+
.ym-print {
|
|
693
|
+
position: static;
|
|
694
|
+
left: 0;
|
|
695
|
+
}
|
|
696
|
+
|
|
697
|
+
/* (en) generic class to hide elements for print */
|
|
698
|
+
/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
|
|
699
|
+
.ym-noprint {
|
|
700
|
+
display: none !important;
|
|
701
|
+
}
|
|
702
|
+
}
|
|
703
|
+
@media all {
|
|
704
|
+
/* 4 navigation levels defined */
|
|
705
|
+
.ym-vlist {
|
|
706
|
+
margin: 0 0 1.5em 0;
|
|
707
|
+
list-style-type: none;
|
|
708
|
+
background: transparent;
|
|
709
|
+
border: 0 none;
|
|
710
|
+
}
|
|
711
|
+
.ym-vlist ul {
|
|
712
|
+
list-style-type: none;
|
|
713
|
+
margin: 0;
|
|
714
|
+
padding: 0;
|
|
715
|
+
width: 100%;
|
|
716
|
+
overflow: hidden;
|
|
717
|
+
border-top: 2px #ddd solid;
|
|
718
|
+
border-bottom: 2px #ddd solid;
|
|
719
|
+
}
|
|
720
|
+
.ym-vlist ul ul {
|
|
721
|
+
border: 0 none;
|
|
722
|
+
}
|
|
723
|
+
.ym-vlist li {
|
|
724
|
+
float: left;
|
|
725
|
+
width: 100%;
|
|
726
|
+
margin: 0;
|
|
727
|
+
padding: 0;
|
|
728
|
+
background-color: #fff;
|
|
729
|
+
}
|
|
730
|
+
.ym-vlist a,
|
|
731
|
+
.ym-vlist strong,
|
|
732
|
+
.ym-vlist span {
|
|
733
|
+
display: block;
|
|
734
|
+
padding: 3px 0px 3px 10%;
|
|
735
|
+
text-decoration: none;
|
|
736
|
+
border-bottom: 1px #ddd solid;
|
|
737
|
+
}
|
|
738
|
+
.ym-vlist a,
|
|
739
|
+
.ym-vlist a:visited {
|
|
740
|
+
color: #444;
|
|
741
|
+
}
|
|
742
|
+
.ym-vlist li span {
|
|
743
|
+
display: block;
|
|
744
|
+
font-weight: bold;
|
|
745
|
+
border-bottom: 1px #ddd solid;
|
|
746
|
+
}
|
|
747
|
+
.ym-vlist li.active {
|
|
748
|
+
color: #fff;
|
|
749
|
+
background-color: #444;
|
|
750
|
+
}
|
|
751
|
+
.ym-vlist li.active strong {
|
|
752
|
+
font-weight: bold;
|
|
753
|
+
}
|
|
754
|
+
.ym-vlist li a,
|
|
755
|
+
.ym-vlist li strong,
|
|
756
|
+
.ym-vlist li span {
|
|
757
|
+
width: 90%;
|
|
758
|
+
padding-left: 10%;
|
|
759
|
+
}
|
|
760
|
+
.ym-vlist li a:focus,
|
|
761
|
+
.ym-vlist li a:hover,
|
|
762
|
+
.ym-vlist li a:active {
|
|
763
|
+
background-color: #888;
|
|
764
|
+
color: #fff;
|
|
765
|
+
outline: 0 none;
|
|
766
|
+
}
|
|
767
|
+
.ym-vlist li ul li a,
|
|
768
|
+
.ym-vlist li ul li strong,
|
|
769
|
+
.ym-vlist li ul li span {
|
|
770
|
+
width: 80%;
|
|
771
|
+
padding-left: 20%;
|
|
772
|
+
}
|
|
773
|
+
.ym-vlist li ul li a,
|
|
774
|
+
.ym-vlist li ul li a:visited {
|
|
775
|
+
background-color: #f8f8f8;
|
|
776
|
+
color: #333;
|
|
777
|
+
}
|
|
778
|
+
.ym-vlist li ul li a:focus,
|
|
779
|
+
.ym-vlist li ul li a:hover,
|
|
780
|
+
.ym-vlist li ul li a:active {
|
|
781
|
+
background-color: #888;
|
|
782
|
+
color: #fff;
|
|
783
|
+
}
|
|
784
|
+
.ym-vlist li ul li ul li a,
|
|
785
|
+
.ym-vlist li ul li ul li strong,
|
|
786
|
+
.ym-vlist li ul li ul li span {
|
|
787
|
+
width: 70%;
|
|
788
|
+
padding-left: 30%;
|
|
789
|
+
}
|
|
790
|
+
.ym-vlist li ul li ul li a,
|
|
791
|
+
.ym-vlist li ul li ul li a:visited {
|
|
792
|
+
background-color: #f0f0f0;
|
|
793
|
+
color: #222;
|
|
794
|
+
}
|
|
795
|
+
.ym-vlist li ul li ul li a:focus,
|
|
796
|
+
.ym-vlist li ul li ul li a:hover,
|
|
797
|
+
.ym-vlist li ul li ul li a:active {
|
|
798
|
+
background-color: #888;
|
|
799
|
+
color: #fff;
|
|
800
|
+
}
|
|
801
|
+
.ym-vlist li ul li ul li ul li a,
|
|
802
|
+
.ym-vlist li ul li ul li ul li strong,
|
|
803
|
+
.ym-vlist li ul li ul li ul li span {
|
|
804
|
+
width: 60%;
|
|
805
|
+
padding-left: 40%;
|
|
806
|
+
}
|
|
807
|
+
.ym-vlist li ul li ul li ul li a,
|
|
808
|
+
.ym-vlist li ul li ul li ul li a:visited {
|
|
809
|
+
background-color: #e8e8e8;
|
|
810
|
+
color: #111;
|
|
811
|
+
}
|
|
812
|
+
.ym-vlist li ul li ul li ul li a:focus,
|
|
813
|
+
.ym-vlist li ul li ul li ul li a:hover,
|
|
814
|
+
.ym-vlist li ul li ul li ul li a:active {
|
|
815
|
+
background-color: #888;
|
|
816
|
+
color: #fff;
|
|
817
|
+
}
|
|
818
|
+
|
|
819
|
+
/* title */
|
|
820
|
+
.ym-vtitle {
|
|
821
|
+
font-weight: bold;
|
|
822
|
+
font-size: 100%;
|
|
823
|
+
width: 90%;
|
|
824
|
+
padding: 3px 0px 3px 10%;
|
|
825
|
+
margin: 0;
|
|
826
|
+
color: #444;
|
|
827
|
+
background-color: #fff;
|
|
828
|
+
border-top: 2px #ddd solid;
|
|
829
|
+
}
|
|
830
|
+
.ym-vtitle + ul {
|
|
831
|
+
border-top: 4px #888 solid;
|
|
832
|
+
}
|
|
833
|
+
}
|
|
834
|
+
@media all {
|
|
835
|
+
.ym-hlist {
|
|
836
|
+
/* (en) containing floats in IE */
|
|
837
|
+
/* (de) Einfassen der Floats im IE */
|
|
838
|
+
width: 100%;
|
|
839
|
+
overflow: hidden;
|
|
840
|
+
position: relative;
|
|
841
|
+
line-height: 1em;
|
|
842
|
+
background: #222;
|
|
843
|
+
}
|
|
844
|
+
.ym-hlist ul {
|
|
845
|
+
margin: 0;
|
|
846
|
+
padding: 0.5em 1.5em;
|
|
847
|
+
display: inline;
|
|
848
|
+
float: left;
|
|
849
|
+
}
|
|
850
|
+
.ym-hlist ul li {
|
|
851
|
+
display: inline;
|
|
852
|
+
float: left;
|
|
853
|
+
font-size: 1.0em;
|
|
854
|
+
line-height: 1;
|
|
855
|
+
list-style-type: none;
|
|
856
|
+
margin: 0 .25em 0 0;
|
|
857
|
+
padding: 0;
|
|
858
|
+
}
|
|
859
|
+
.ym-hlist ul li a, .ym-hlist ul li strong {
|
|
860
|
+
background: transparent;
|
|
861
|
+
color: #aaa;
|
|
862
|
+
display: block;
|
|
863
|
+
font-size: 1em;
|
|
864
|
+
line-height: 2em;
|
|
865
|
+
padding: 0 0.5em;
|
|
866
|
+
font-weight: normal;
|
|
867
|
+
text-decoration: none;
|
|
868
|
+
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
|
|
869
|
+
width: auto;
|
|
870
|
+
}
|
|
871
|
+
.ym-hlist ul li a:focus,
|
|
872
|
+
.ym-hlist ul li a:hover,
|
|
873
|
+
.ym-hlist ul li a:active {
|
|
874
|
+
color: #ccc;
|
|
875
|
+
background: #666;
|
|
876
|
+
background: rgba(255, 255, 255, 0.25);
|
|
877
|
+
border-radius: 0.2em;
|
|
878
|
+
text-decoration: none;
|
|
879
|
+
outline: 0 none;
|
|
880
|
+
}
|
|
881
|
+
.ym-hlist ul li.active {
|
|
882
|
+
background: #666;
|
|
883
|
+
background: rgba(255, 255, 255, 0.3);
|
|
884
|
+
border-radius: 0.2em;
|
|
885
|
+
color: #fff;
|
|
886
|
+
}
|
|
887
|
+
.ym-hlist ul li.active strong,
|
|
888
|
+
.ym-hlist ul li.active a:focus,
|
|
889
|
+
.ym-hlist ul li.active a:hover,
|
|
890
|
+
.ym-hlist ul li.active a:active {
|
|
891
|
+
background: transparent;
|
|
892
|
+
color: #fff;
|
|
893
|
+
text-decoration: none;
|
|
894
|
+
}
|
|
895
|
+
|
|
896
|
+
/* ------- search form -------- */
|
|
897
|
+
.ym-searchform {
|
|
898
|
+
float: right;
|
|
899
|
+
display: inline;
|
|
900
|
+
line-height: 2;
|
|
901
|
+
padding: 0.5em 1.5em;
|
|
902
|
+
}
|
|
903
|
+
.ym-searchform .ym-searchfield {
|
|
904
|
+
-webkit-appearance: none;
|
|
905
|
+
background: #fff;
|
|
906
|
+
line-height: 1;
|
|
907
|
+
padding: 0.25em;
|
|
908
|
+
width: 12em;
|
|
909
|
+
border: solid 1px #888;
|
|
910
|
+
border: solid 1px rgba(255, 255, 255, 0.1);
|
|
911
|
+
outline: none;
|
|
912
|
+
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
913
|
+
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
914
|
+
}
|
|
915
|
+
.ym-searchform .ym-searchbutton {
|
|
916
|
+
-webkit-appearance: none;
|
|
917
|
+
background: #5f5f5f;
|
|
918
|
+
background: rgba(255, 255, 255, 0.2);
|
|
919
|
+
border-radius: .2em;
|
|
920
|
+
color: #fff;
|
|
921
|
+
cursor: pointer;
|
|
922
|
+
display: inline-block;
|
|
923
|
+
font-size: 1em;
|
|
924
|
+
line-height: 1.25;
|
|
925
|
+
padding: 0.25em;
|
|
926
|
+
border: solid 1px transparent;
|
|
927
|
+
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
|
|
928
|
+
}
|
|
929
|
+
}
|
|
930
|
+
@media screen {
|
|
931
|
+
.ym-form {
|
|
932
|
+
background: #f4f4f4;
|
|
933
|
+
border: 2px #fff solid;
|
|
934
|
+
margin: 0 0 1.5em 0;
|
|
935
|
+
-webkit-box-shadow: 0 0 4px #dddddd;
|
|
936
|
+
box-shadow: 0 0 4px #dddddd;
|
|
937
|
+
}
|
|
938
|
+
.ym-form fieldset {
|
|
939
|
+
position: static;
|
|
940
|
+
background: transparent;
|
|
941
|
+
margin: 0.75em 0 0.75em 0;
|
|
942
|
+
padding: 0 0.5em;
|
|
943
|
+
}
|
|
944
|
+
.ym-form legend {
|
|
945
|
+
background: transparent;
|
|
946
|
+
color: #000;
|
|
947
|
+
font-size: 1.2em;
|
|
948
|
+
line-height: 1.25em;
|
|
949
|
+
font-weight: bold;
|
|
950
|
+
padding: 0 0.5em;
|
|
951
|
+
}
|
|
952
|
+
.ym-form label,
|
|
953
|
+
.ym-form .ym-label {
|
|
954
|
+
color: #666;
|
|
955
|
+
line-height: 1.5;
|
|
956
|
+
padding-top: 0.25em;
|
|
957
|
+
}
|
|
958
|
+
.ym-form .ym-fbox {
|
|
959
|
+
padding: 0 1em;
|
|
960
|
+
margin: 1em 0 0.5em 0;
|
|
961
|
+
}
|
|
962
|
+
.ym-form .ym-fbox-footer {
|
|
963
|
+
background: #ececec;
|
|
964
|
+
border-top: 1px #e0e0e0 solid;
|
|
965
|
+
padding: 1.5em 1em;
|
|
966
|
+
margin: 0;
|
|
967
|
+
}
|
|
968
|
+
.ym-form .ym-fbox + .ym-fbox {
|
|
969
|
+
margin: 0.5em 0;
|
|
970
|
+
}
|
|
971
|
+
.ym-form .ym-fbox:last-child {
|
|
972
|
+
margin-bottom: 1em;
|
|
973
|
+
}
|
|
974
|
+
.ym-form .ym-fbox + .ym-fbox-footer {
|
|
975
|
+
margin: 1em 0 0 0;
|
|
976
|
+
}
|
|
977
|
+
.ym-form .ym-fbox :last-child,
|
|
978
|
+
.ym-form .ym-fbox-footer :last-child {
|
|
979
|
+
margin-bottom: 0;
|
|
980
|
+
}
|
|
981
|
+
.ym-form .ym-fbox-heading {
|
|
982
|
+
font-size: 1em;
|
|
983
|
+
font-size: 100%;
|
|
984
|
+
color: #000;
|
|
985
|
+
margin: 1em;
|
|
986
|
+
}
|
|
987
|
+
.ym-form .ym-fbox-check:focus + label {
|
|
988
|
+
color: #000;
|
|
989
|
+
}
|
|
990
|
+
.ym-form .ym-gbox-left {
|
|
991
|
+
padding: 0 4px 0 0;
|
|
992
|
+
}
|
|
993
|
+
.ym-form .ym-gbox-right {
|
|
994
|
+
padding: 0 0 0 4px;
|
|
995
|
+
}
|
|
996
|
+
.ym-form .ym-gbox {
|
|
997
|
+
padding: 0 2px 0 2px;
|
|
998
|
+
}
|
|
999
|
+
|
|
1000
|
+
/**
|
|
1001
|
+
* @section styling form elements
|
|
1002
|
+
*
|
|
1003
|
+
*/
|
|
1004
|
+
.ym-form input,
|
|
1005
|
+
.ym-form textarea,
|
|
1006
|
+
.ym-form select {
|
|
1007
|
+
border: 1px solid #ddd;
|
|
1008
|
+
line-height: 1em;
|
|
1009
|
+
font-family: Arial, Helvetica, sans-serif;
|
|
1010
|
+
-webkit-box-shadow: inset 0 0 4px #eeeeee;
|
|
1011
|
+
box-shadow: inset 0 0 4px #eeeeee;
|
|
1012
|
+
}
|
|
1013
|
+
.ym-form input,
|
|
1014
|
+
.ym-form textarea {
|
|
1015
|
+
padding: 4px 0.3em;
|
|
1016
|
+
}
|
|
1017
|
+
.ym-form select {
|
|
1018
|
+
padding: 3px 2px 3px 1px;
|
|
1019
|
+
}
|
|
1020
|
+
.ym-form input:focus,
|
|
1021
|
+
.ym-form select:focus,
|
|
1022
|
+
.ym-form textarea:focus,
|
|
1023
|
+
.ym-form input:hover,
|
|
1024
|
+
.ym-form select:hover,
|
|
1025
|
+
.ym-form textarea:hover,
|
|
1026
|
+
.ym-form input:active,
|
|
1027
|
+
.ym-form select:active,
|
|
1028
|
+
.ym-form textarea:active {
|
|
1029
|
+
border: 1px #888 solid;
|
|
1030
|
+
background: #fff;
|
|
1031
|
+
}
|
|
1032
|
+
.ym-form optgroup {
|
|
1033
|
+
font-family: Arial, Helvetica, sans-serif;
|
|
1034
|
+
font-style: normal;
|
|
1035
|
+
font-weight: bold;
|
|
1036
|
+
}
|
|
1037
|
+
.ym-form .ym-fbox-check input,
|
|
1038
|
+
.ym-form input[type="image"],
|
|
1039
|
+
.ym-form input[type="radio"],
|
|
1040
|
+
.ym-form input[type="checkbox"] {
|
|
1041
|
+
border: 0 none !important;
|
|
1042
|
+
background: transparent !important;
|
|
1043
|
+
}
|
|
1044
|
+
.ym-form .ym-message {
|
|
1045
|
+
color: #666;
|
|
1046
|
+
margin-bottom: 0.5em;
|
|
1047
|
+
}
|
|
1048
|
+
.ym-form .ym-required {
|
|
1049
|
+
color: #800;
|
|
1050
|
+
font-weight: bold;
|
|
1051
|
+
}
|
|
1052
|
+
.ym-form input:valid,
|
|
1053
|
+
.ym-form textarea:valid {
|
|
1054
|
+
background-color: #fff;
|
|
1055
|
+
}
|
|
1056
|
+
.ym-form input:invalid,
|
|
1057
|
+
.ym-form textarea:invalid {
|
|
1058
|
+
background-color: #fdd;
|
|
1059
|
+
}
|
|
1060
|
+
.ym-form .ym-error label {
|
|
1061
|
+
color: #800;
|
|
1062
|
+
font-weight: normal;
|
|
1063
|
+
}
|
|
1064
|
+
.ym-form .ym-error input,
|
|
1065
|
+
.ym-form .ym-error select,
|
|
1066
|
+
.ym-form .ym-error textarea {
|
|
1067
|
+
border: 1px #800 solid;
|
|
1068
|
+
}
|
|
1069
|
+
.ym-form .ym-error input:hover,
|
|
1070
|
+
.ym-form .ym-error input:focus,
|
|
1071
|
+
.ym-form .ym-error select:hover,
|
|
1072
|
+
.ym-form .ym-error select:focus,
|
|
1073
|
+
.ym-form .ym-error textarea:hover,
|
|
1074
|
+
.ym-form .ym-error textarea:focus {
|
|
1075
|
+
border: 1px #800 solid !important;
|
|
1076
|
+
}
|
|
1077
|
+
.ym-form .ym-error .ym-message {
|
|
1078
|
+
color: #800;
|
|
1079
|
+
font-weight: bold;
|
|
1080
|
+
margin-top: 0;
|
|
1081
|
+
}
|
|
1082
|
+
|
|
1083
|
+
/**
|
|
1084
|
+
* @section Buttons
|
|
1085
|
+
* inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
|
|
1086
|
+
*/
|
|
1087
|
+
.ym-button,
|
|
1088
|
+
.ym-form button,
|
|
1089
|
+
.ym-form input[type="button"],
|
|
1090
|
+
.ym-form input[type="reset"],
|
|
1091
|
+
.ym-form input[type="submit"] {
|
|
1092
|
+
display: inline-block;
|
|
1093
|
+
white-space: nowrap;
|
|
1094
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
|
|
1095
|
+
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
|
|
1096
|
+
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
|
|
1097
|
+
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
|
|
1098
|
+
background-image: linear-gradient(to bottom, #eeeeee,#cccccc);
|
|
1099
|
+
background-color: #eeeeee;
|
|
1100
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC');
|
|
1101
|
+
zoom: 1;
|
|
1102
|
+
border: 1px solid #777;
|
|
1103
|
+
border-radius: .2em;
|
|
1104
|
+
-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
1105
|
+
box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
1106
|
+
color: #333 !important;
|
|
1107
|
+
cursor: pointer;
|
|
1108
|
+
font: normal 1em/2em Arial, Helvetica;
|
|
1109
|
+
margin: 0 0.75em 0 0;
|
|
1110
|
+
padding: 0 1.5em;
|
|
1111
|
+
overflow: visible;
|
|
1112
|
+
/* removes extra side spacing in IE */
|
|
1113
|
+
text-decoration: none !important;
|
|
1114
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
|
|
1115
|
+
}
|
|
1116
|
+
.ym-button:hover,
|
|
1117
|
+
.ym-form button:hover,
|
|
1118
|
+
.ym-form input[type="button"]:hover,
|
|
1119
|
+
.ym-form input[type="reset"]:hover,
|
|
1120
|
+
.ym-form input[type="submit"]:hover {
|
|
1121
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #dddddd));
|
|
1122
|
+
background-image: -webkit-linear-gradient(top, #fafafa, #dddddd);
|
|
1123
|
+
background-image: -moz-linear-gradient(top, #fafafa, #dddddd);
|
|
1124
|
+
background-image: -ms-linear-gradient(top, #fafafa, #dddddd);
|
|
1125
|
+
background-image: linear-gradient(to bottom, #fafafa,#dddddd);
|
|
1126
|
+
background-color: #fafafa;
|
|
1127
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFFAFAFA', endColorstr='#FFDDDDDD');
|
|
1128
|
+
zoom: 1;
|
|
1129
|
+
}
|
|
1130
|
+
.ym-button:active,
|
|
1131
|
+
.ym-form button:active,
|
|
1132
|
+
.ym-form input[type="button"]:active,
|
|
1133
|
+
.ym-form input[type="reset"]:active,
|
|
1134
|
+
.ym-form input[type="submit"]:active {
|
|
1135
|
+
-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
1136
|
+
box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
1137
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #bbbbbb));
|
|
1138
|
+
background-image: -webkit-linear-gradient(top, #cccccc, #bbbbbb);
|
|
1139
|
+
background-image: -moz-linear-gradient(top, #cccccc, #bbbbbb);
|
|
1140
|
+
background-image: -ms-linear-gradient(top, #cccccc, #bbbbbb);
|
|
1141
|
+
background-image: linear-gradient(to bottom, #cccccc,#bbbbbb);
|
|
1142
|
+
background-color: #cccccc;
|
|
1143
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCCCCCC', endColorstr='#FFBBBBBB');
|
|
1144
|
+
zoom: 1;
|
|
1145
|
+
position: relative;
|
|
1146
|
+
top: 1px;
|
|
1147
|
+
}
|
|
1148
|
+
.ym-button:focus,
|
|
1149
|
+
.ym-form button:focus,
|
|
1150
|
+
.ym-form input[type="button"]:focus,
|
|
1151
|
+
.ym-form input[type="reset"]:focus,
|
|
1152
|
+
.ym-form input[type="submit"]:focus {
|
|
1153
|
+
outline: 0;
|
|
1154
|
+
background: #fafafa;
|
|
1155
|
+
}
|
|
1156
|
+
|
|
1157
|
+
/* Button size-scaling classes */
|
|
1158
|
+
.ym-button {
|
|
1159
|
+
/* 21px */
|
|
1160
|
+
/* 18px */
|
|
1161
|
+
/* 12px */
|
|
1162
|
+
/* 10px */
|
|
1163
|
+
}
|
|
1164
|
+
.ym-button.ym-xlarge {
|
|
1165
|
+
font-size: 1.5em;
|
|
1166
|
+
}
|
|
1167
|
+
.ym-button.ym-large {
|
|
1168
|
+
font-size: 1.2857em;
|
|
1169
|
+
}
|
|
1170
|
+
.ym-button.ym-small {
|
|
1171
|
+
font-size: 0.8571em;
|
|
1172
|
+
}
|
|
1173
|
+
.ym-button.ym-xsmall {
|
|
1174
|
+
font-size: 0.7143em;
|
|
1175
|
+
}
|
|
1176
|
+
|
|
1177
|
+
/* Button color scheme: primary */
|
|
1178
|
+
.ym-button.ym-primary,
|
|
1179
|
+
.ym-form button.ym-primary,
|
|
1180
|
+
.ym-form input[type="button"].ym-primary,
|
|
1181
|
+
.ym-form input[type="reset"].ym-primary,
|
|
1182
|
+
.ym-form input[type="submit"].ym-primary {
|
|
1183
|
+
-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
1184
|
+
box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
1185
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888ee), color-stop(100%, #6666cc));
|
|
1186
|
+
background-image: -webkit-linear-gradient(top, #8888ee, #6666cc);
|
|
1187
|
+
background-image: -moz-linear-gradient(top, #8888ee, #6666cc);
|
|
1188
|
+
background-image: -ms-linear-gradient(top, #8888ee, #6666cc);
|
|
1189
|
+
background-image: linear-gradient(to bottom, #8888ee,#6666cc);
|
|
1190
|
+
background-color: #8888ee;
|
|
1191
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888EE', endColorstr='#FF6666CC');
|
|
1192
|
+
zoom: 1;
|
|
1193
|
+
border: 1px solid #007;
|
|
1194
|
+
color: #fff !important;
|
|
1195
|
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
|
|
1196
|
+
}
|
|
1197
|
+
.ym-button.ym-primary:hover,
|
|
1198
|
+
.ym-form button.ym-primary:hover,
|
|
1199
|
+
.ym-form input[type="button"].ym-primary:hover,
|
|
1200
|
+
.ym-form input[type="reset"].ym-primary:hover,
|
|
1201
|
+
.ym-form input[type="submit"].ym-primary:hover {
|
|
1202
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888ff), color-stop(100%, #6666dd));
|
|
1203
|
+
background-image: -webkit-linear-gradient(top, #8888ff, #6666dd);
|
|
1204
|
+
background-image: -moz-linear-gradient(top, #8888ff, #6666dd);
|
|
1205
|
+
background-image: -ms-linear-gradient(top, #8888ff, #6666dd);
|
|
1206
|
+
background-image: linear-gradient(to bottom, #8888ff,#6666dd);
|
|
1207
|
+
background-color: #8888ff;
|
|
1208
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888FF', endColorstr='#FF6666DD');
|
|
1209
|
+
zoom: 1;
|
|
1210
|
+
}
|
|
1211
|
+
.ym-button.ym-primary:active,
|
|
1212
|
+
.ym-form button.ym-primary:active,
|
|
1213
|
+
.ym-form input[type="button"].ym-primary:active,
|
|
1214
|
+
.ym-form input[type="reset"].ym-primary:active,
|
|
1215
|
+
.ym-form input[type="submit"].ym-primary:active {
|
|
1216
|
+
-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
1217
|
+
box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
1218
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888cc), color-stop(100%, #6666aa));
|
|
1219
|
+
background-image: -webkit-linear-gradient(top, #8888cc, #6666aa);
|
|
1220
|
+
background-image: -moz-linear-gradient(top, #8888cc, #6666aa);
|
|
1221
|
+
background-image: -ms-linear-gradient(top, #8888cc, #6666aa);
|
|
1222
|
+
background-image: linear-gradient(to bottom, #8888cc,#6666aa);
|
|
1223
|
+
background-color: #8888cc;
|
|
1224
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888CC', endColorstr='#FF6666AA');
|
|
1225
|
+
zoom: 1;
|
|
1226
|
+
}
|
|
1227
|
+
.ym-button.ym-primary:focus,
|
|
1228
|
+
.ym-form button.ym-primary:focus,
|
|
1229
|
+
.ym-form input[type="button"].ym-primary:focus,
|
|
1230
|
+
.ym-form input[type="reset"].ym-primary:focus,
|
|
1231
|
+
.ym-form input[type="submit"].ym-primary:focus {
|
|
1232
|
+
outline: 0;
|
|
1233
|
+
background: #88f;
|
|
1234
|
+
}
|
|
1235
|
+
|
|
1236
|
+
/* Button color scheme: success */
|
|
1237
|
+
.ym-button.ym-success,
|
|
1238
|
+
.ym-form button.ym-success,
|
|
1239
|
+
.ym-form input[type="button"].ym-success,
|
|
1240
|
+
.ym-form input[type="reset"].ym-success,
|
|
1241
|
+
.ym-form input[type="submit"].ym-success {
|
|
1242
|
+
-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
1243
|
+
box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
1244
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66bb66), color-stop(100%, #449944));
|
|
1245
|
+
background-image: -webkit-linear-gradient(top, #66bb66, #449944);
|
|
1246
|
+
background-image: -moz-linear-gradient(top, #66bb66, #449944);
|
|
1247
|
+
background-image: -ms-linear-gradient(top, #66bb66, #449944);
|
|
1248
|
+
background-image: linear-gradient(to bottom, #66bb66,#449944);
|
|
1249
|
+
background-color: #66bb66;
|
|
1250
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66BB66', endColorstr='#FF449944');
|
|
1251
|
+
zoom: 1;
|
|
1252
|
+
border: 1px solid #070;
|
|
1253
|
+
color: #fff !important;
|
|
1254
|
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
|
|
1255
|
+
}
|
|
1256
|
+
.ym-button.ym-success:hover,
|
|
1257
|
+
.ym-form button.ym-success:hover,
|
|
1258
|
+
.ym-form input[type="button"].ym-success:hover,
|
|
1259
|
+
.ym-form input[type="reset"].ym-success:hover,
|
|
1260
|
+
.ym-form input[type="submit"].ym-success:hover {
|
|
1261
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc66), color-stop(100%, #55aa55));
|
|
1262
|
+
background-image: -webkit-linear-gradient(top, #66cc66, #55aa55);
|
|
1263
|
+
background-image: -moz-linear-gradient(top, #66cc66, #55aa55);
|
|
1264
|
+
background-image: -ms-linear-gradient(top, #66cc66, #55aa55);
|
|
1265
|
+
background-image: linear-gradient(to bottom, #66cc66,#55aa55);
|
|
1266
|
+
background-color: #66cc66;
|
|
1267
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66CC66', endColorstr='#FF55AA55');
|
|
1268
|
+
zoom: 1;
|
|
1269
|
+
}
|
|
1270
|
+
.ym-button.ym-success:active,
|
|
1271
|
+
.ym-form button.ym-success:active,
|
|
1272
|
+
.ym-form input[type="button"].ym-success:active,
|
|
1273
|
+
.ym-form input[type="reset"].ym-success:active,
|
|
1274
|
+
.ym-form input[type="submit"].ym-success:active {
|
|
1275
|
+
-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
1276
|
+
box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
1277
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66aa66), color-stop(100%, #448844));
|
|
1278
|
+
background-image: -webkit-linear-gradient(top, #66aa66, #448844);
|
|
1279
|
+
background-image: -moz-linear-gradient(top, #66aa66, #448844);
|
|
1280
|
+
background-image: -ms-linear-gradient(top, #66aa66, #448844);
|
|
1281
|
+
background-image: linear-gradient(to bottom, #66aa66,#448844);
|
|
1282
|
+
background-color: #66aa66;
|
|
1283
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66AA66', endColorstr='#FF448844');
|
|
1284
|
+
zoom: 1;
|
|
1285
|
+
}
|
|
1286
|
+
.ym-button.ym-success:focus,
|
|
1287
|
+
.ym-form button.ym-success:focus,
|
|
1288
|
+
.ym-form input[type="button"].ym-success:focus,
|
|
1289
|
+
.ym-form input[type="reset"].ym-success:focus,
|
|
1290
|
+
.ym-form input[type="submit"].ym-success:focus {
|
|
1291
|
+
outline: 0;
|
|
1292
|
+
background: #6c6;
|
|
1293
|
+
}
|
|
1294
|
+
|
|
1295
|
+
/* Button color scheme: warning */
|
|
1296
|
+
.ym-button.ym-warning,
|
|
1297
|
+
.ym-form button.ym-warning,
|
|
1298
|
+
.ym-form input[type="button"].ym-warning,
|
|
1299
|
+
.ym-form input[type="reset"].ym-warning,
|
|
1300
|
+
.ym-form input[type="submit"].ym-warning {
|
|
1301
|
+
-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
1302
|
+
box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
1303
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddaa44), color-stop(100%, #bb7722));
|
|
1304
|
+
background-image: -webkit-linear-gradient(top, #ddaa44, #bb7722);
|
|
1305
|
+
background-image: -moz-linear-gradient(top, #ddaa44, #bb7722);
|
|
1306
|
+
background-image: -ms-linear-gradient(top, #ddaa44, #bb7722);
|
|
1307
|
+
background-image: linear-gradient(to bottom, #ddaa44,#bb7722);
|
|
1308
|
+
background-color: #ddaa44;
|
|
1309
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFDDAA44', endColorstr='#FFBB7722');
|
|
1310
|
+
zoom: 1;
|
|
1311
|
+
border: 1px solid #970;
|
|
1312
|
+
color: #fff !important;
|
|
1313
|
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
|
|
1314
|
+
}
|
|
1315
|
+
.ym-button.ym-warning:hover,
|
|
1316
|
+
.ym-form button.ym-warning:hover,
|
|
1317
|
+
.ym-form input[type="button"].ym-warning:hover,
|
|
1318
|
+
.ym-form input[type="reset"].ym-warning:hover,
|
|
1319
|
+
.ym-form input[type="submit"].ym-warning:hover {
|
|
1320
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eebb55), color-stop(100%, #cc8833));
|
|
1321
|
+
background-image: -webkit-linear-gradient(top, #eebb55, #cc8833);
|
|
1322
|
+
background-image: -moz-linear-gradient(top, #eebb55, #cc8833);
|
|
1323
|
+
background-image: -ms-linear-gradient(top, #eebb55, #cc8833);
|
|
1324
|
+
background-image: linear-gradient(to bottom, #eebb55,#cc8833);
|
|
1325
|
+
background-color: #eebb55;
|
|
1326
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEBB55', endColorstr='#FFCC8833');
|
|
1327
|
+
zoom: 1;
|
|
1328
|
+
}
|
|
1329
|
+
.ym-button.ym-warning:active,
|
|
1330
|
+
.ym-form button.ym-warning:active,
|
|
1331
|
+
.ym-form input[type="button"].ym-warning:active,
|
|
1332
|
+
.ym-form input[type="reset"].ym-warning:active,
|
|
1333
|
+
.ym-form input[type="submit"].ym-warning:active {
|
|
1334
|
+
-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
1335
|
+
box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
1336
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc9944), color-stop(100%, #aa6622));
|
|
1337
|
+
background-image: -webkit-linear-gradient(top, #cc9944, #aa6622);
|
|
1338
|
+
background-image: -moz-linear-gradient(top, #cc9944, #aa6622);
|
|
1339
|
+
background-image: -ms-linear-gradient(top, #cc9944, #aa6622);
|
|
1340
|
+
background-image: linear-gradient(to bottom, #cc9944,#aa6622);
|
|
1341
|
+
background-color: #cc9944;
|
|
1342
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC9944', endColorstr='#FFAA6622');
|
|
1343
|
+
zoom: 1;
|
|
1344
|
+
}
|
|
1345
|
+
.ym-button.ym-warning:focus,
|
|
1346
|
+
.ym-form button.ym-warning:focus,
|
|
1347
|
+
.ym-form input[type="button"].ym-warning:focus,
|
|
1348
|
+
.ym-form input[type="reset"].ym-warning:focus,
|
|
1349
|
+
.ym-form input[type="submit"].ym-warning:focus {
|
|
1350
|
+
outline: 0;
|
|
1351
|
+
background: #da4;
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1354
|
+
/* Button color scheme: danger */
|
|
1355
|
+
.ym-button.ym-danger,
|
|
1356
|
+
.ym-form button.ym-danger,
|
|
1357
|
+
.ym-form input[type="button"].ym-danger,
|
|
1358
|
+
.ym-form input[type="reset"].ym-danger,
|
|
1359
|
+
.ym-form input[type="submit"].ym-danger {
|
|
1360
|
+
-webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
1361
|
+
box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
1362
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bb6666), color-stop(100%, #994444));
|
|
1363
|
+
background-image: -webkit-linear-gradient(top, #bb6666, #994444);
|
|
1364
|
+
background-image: -moz-linear-gradient(top, #bb6666, #994444);
|
|
1365
|
+
background-image: -ms-linear-gradient(top, #bb6666, #994444);
|
|
1366
|
+
background-image: linear-gradient(to bottom, #bb6666,#994444);
|
|
1367
|
+
background-color: #bb6666;
|
|
1368
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFBB6666', endColorstr='#FF994444');
|
|
1369
|
+
zoom: 1;
|
|
1370
|
+
border: 1px solid #700;
|
|
1371
|
+
color: #fff !important;
|
|
1372
|
+
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
|
|
1373
|
+
}
|
|
1374
|
+
.ym-button.ym-danger:hover,
|
|
1375
|
+
.ym-form button.ym-danger:hover,
|
|
1376
|
+
.ym-form input[type="button"].ym-danger:hover,
|
|
1377
|
+
.ym-form input[type="reset"].ym-danger:hover,
|
|
1378
|
+
.ym-form input[type="submit"].ym-danger:hover {
|
|
1379
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc6666), color-stop(100%, #aa5555));
|
|
1380
|
+
background-image: -webkit-linear-gradient(top, #cc6666, #aa5555);
|
|
1381
|
+
background-image: -moz-linear-gradient(top, #cc6666, #aa5555);
|
|
1382
|
+
background-image: -ms-linear-gradient(top, #cc6666, #aa5555);
|
|
1383
|
+
background-image: linear-gradient(to bottom, #cc6666,#aa5555);
|
|
1384
|
+
background-color: #cc6666;
|
|
1385
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC6666', endColorstr='#FFAA5555');
|
|
1386
|
+
zoom: 1;
|
|
1387
|
+
}
|
|
1388
|
+
.ym-button.ym-danger:active,
|
|
1389
|
+
.ym-form button.ym-danger:active,
|
|
1390
|
+
.ym-form input[type="button"].ym-danger:active,
|
|
1391
|
+
.ym-form input[type="reset"].ym-danger:active,
|
|
1392
|
+
.ym-form input[type="submit"].ym-danger:active {
|
|
1393
|
+
-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
1394
|
+
box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
|
|
1395
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa5555), color-stop(100%, #884444));
|
|
1396
|
+
background-image: -webkit-linear-gradient(top, #aa5555, #884444);
|
|
1397
|
+
background-image: -moz-linear-gradient(top, #aa5555, #884444);
|
|
1398
|
+
background-image: -ms-linear-gradient(top, #aa5555, #884444);
|
|
1399
|
+
background-image: linear-gradient(to bottom, #aa5555,#884444);
|
|
1400
|
+
background-color: #aa5555;
|
|
1401
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFAA5555', endColorstr='#FF884444');
|
|
1402
|
+
zoom: 1;
|
|
1403
|
+
}
|
|
1404
|
+
.ym-button.ym-danger:focus,
|
|
1405
|
+
.ym-form button.ym-danger:focus,
|
|
1406
|
+
.ym-form input[type="button"].ym-danger:focus,
|
|
1407
|
+
.ym-form input[type="reset"].ym-danger:focus,
|
|
1408
|
+
.ym-form input[type="submit"].ym-danger:focus {
|
|
1409
|
+
outline: 0;
|
|
1410
|
+
background: #c66;
|
|
1411
|
+
}
|
|
1412
|
+
|
|
1413
|
+
/* pseudo elements don't work on input */
|
|
1414
|
+
.ym-form button:before,
|
|
1415
|
+
.ym-button:before {
|
|
1416
|
+
background: #ccc;
|
|
1417
|
+
background: rgba(0, 0, 0, 0.1);
|
|
1418
|
+
float: left;
|
|
1419
|
+
width: 1em;
|
|
1420
|
+
text-align: center;
|
|
1421
|
+
font-size: 1.5em;
|
|
1422
|
+
margin: 0 1em 0 -1em;
|
|
1423
|
+
padding: 0 .2em;
|
|
1424
|
+
-webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
|
|
1425
|
+
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
|
|
1426
|
+
border-radius: .15em 0 0 .15em;
|
|
1427
|
+
pointer-events: none;
|
|
1428
|
+
}
|
|
1429
|
+
|
|
1430
|
+
.ym-add:before {
|
|
1431
|
+
content: "\271A";
|
|
1432
|
+
}
|
|
1433
|
+
|
|
1434
|
+
.ym-delete:before {
|
|
1435
|
+
content: "\2718";
|
|
1436
|
+
}
|
|
1437
|
+
|
|
1438
|
+
.ym-close:before {
|
|
1439
|
+
content: "\2715";
|
|
1440
|
+
}
|
|
1441
|
+
|
|
1442
|
+
.ym-edit:before {
|
|
1443
|
+
content: "\270E";
|
|
1444
|
+
}
|
|
1445
|
+
|
|
1446
|
+
.ym-email:before {
|
|
1447
|
+
content: "\2709";
|
|
1448
|
+
}
|
|
1449
|
+
|
|
1450
|
+
.ym-like:before {
|
|
1451
|
+
content: "\2764";
|
|
1452
|
+
}
|
|
1453
|
+
|
|
1454
|
+
.ym-next:before {
|
|
1455
|
+
content: "\279C";
|
|
1456
|
+
}
|
|
1457
|
+
|
|
1458
|
+
.ym-play:before {
|
|
1459
|
+
content: "\25B6";
|
|
1460
|
+
}
|
|
1461
|
+
|
|
1462
|
+
.ym-reply:before {
|
|
1463
|
+
content: "\27A5";
|
|
1464
|
+
}
|
|
1465
|
+
|
|
1466
|
+
.ym-save:before {
|
|
1467
|
+
content: "\2714";
|
|
1468
|
+
}
|
|
1469
|
+
|
|
1470
|
+
.ym-sign:before {
|
|
1471
|
+
content: "\270D";
|
|
1472
|
+
}
|
|
1473
|
+
|
|
1474
|
+
.ym-spark:before {
|
|
1475
|
+
content: "\2737";
|
|
1476
|
+
}
|
|
1477
|
+
|
|
1478
|
+
.ym-support:before {
|
|
1479
|
+
content: "\2706";
|
|
1480
|
+
}
|
|
1481
|
+
|
|
1482
|
+
.ym-star:before {
|
|
1483
|
+
content: "\2605";
|
|
1484
|
+
}
|
|
1485
|
+
|
|
1486
|
+
/* removes extra inner spacing in Firefox */
|
|
1487
|
+
.ym-form button::-moz-focus-inner {
|
|
1488
|
+
border: 0;
|
|
1489
|
+
padding: 0;
|
|
1490
|
+
}
|
|
1491
|
+
|
|
1492
|
+
/* If line-height can't be modified, then fix Firefox spacing with padding */
|
|
1493
|
+
.ym-form input[type=button]::-moz-focus-inner,
|
|
1494
|
+
.ym-form input[type=reset]::-moz-focus-inner,
|
|
1495
|
+
.ym-form input[type=submit]::-moz-focus-inner {
|
|
1496
|
+
padding: .4em;
|
|
1497
|
+
}
|
|
1498
|
+
|
|
1499
|
+
/* The disabled styles */
|
|
1500
|
+
.ym-form button[disabled],
|
|
1501
|
+
.ym-form button[disabled]:hover,
|
|
1502
|
+
.ym-form input[type=button][disabled],
|
|
1503
|
+
.ym-form input[type=button][disabled]:hover,
|
|
1504
|
+
.ym-form input[type=reset][disabled],
|
|
1505
|
+
.ym-form input[type=reset][disabled]:hover,
|
|
1506
|
+
.ym-form input[type=submit][disabled],
|
|
1507
|
+
.ym-form input[type=submit][disabled]:hover,
|
|
1508
|
+
.ym-button.ym-disabled,
|
|
1509
|
+
.ym-button.ym-disabled:hover {
|
|
1510
|
+
background: #eee;
|
|
1511
|
+
color: #aaa !important;
|
|
1512
|
+
border-color: #aaa;
|
|
1513
|
+
cursor: default;
|
|
1514
|
+
text-shadow: none;
|
|
1515
|
+
position: static;
|
|
1516
|
+
-webkit-box-shadow: none;
|
|
1517
|
+
box-shadow: none;
|
|
1518
|
+
}
|
|
1519
|
+
|
|
1520
|
+
/* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
|
|
1521
|
+
* html .ym-button,
|
|
1522
|
+
* html .ym-form button {
|
|
1523
|
+
display: inline-block;
|
|
1524
|
+
white-space: nowrap;
|
|
1525
|
+
background-color: #ccc;
|
|
1526
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
|
|
1527
|
+
border: 1px solid #777;
|
|
1528
|
+
color: #333 !important;
|
|
1529
|
+
cursor: pointer;
|
|
1530
|
+
font: normal 1em/2em Arial, Helvetica;
|
|
1531
|
+
margin: 1.5em 0.75em 0 0;
|
|
1532
|
+
padding: 0 1.5em;
|
|
1533
|
+
overflow: visible;
|
|
1534
|
+
/* removes extra side spacing in IE */
|
|
1535
|
+
text-decoration: none !important;
|
|
1536
|
+
}
|
|
1537
|
+
* html .ym-form button:focus,
|
|
1538
|
+
* html .ym-button:focus {
|
|
1539
|
+
outline: 0;
|
|
1540
|
+
background: #fafafa;
|
|
1541
|
+
}
|
|
1542
|
+
* html .ym-form button:hover,
|
|
1543
|
+
* html .ym-button:hover {
|
|
1544
|
+
background-color: #ddd;
|
|
1545
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
|
|
1546
|
+
}
|
|
1547
|
+
* html .ym-form button:active,
|
|
1548
|
+
* html .ym-button:active {
|
|
1549
|
+
background-color: #bbb;
|
|
1550
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
|
|
1551
|
+
position: relative;
|
|
1552
|
+
top: 1px;
|
|
1553
|
+
}
|
|
1554
|
+
* html .ym-button.ym-disabled,
|
|
1555
|
+
* html .ym-button.ym-disabled:hover {
|
|
1556
|
+
background: #eee;
|
|
1557
|
+
color: #aaa !important;
|
|
1558
|
+
border-color: #aaa;
|
|
1559
|
+
cursor: default;
|
|
1560
|
+
text-shadow: none;
|
|
1561
|
+
position: static;
|
|
1562
|
+
}
|
|
1563
|
+
* html .ym-button {
|
|
1564
|
+
/* Button size-scaling classes */
|
|
1565
|
+
/* 21px */
|
|
1566
|
+
/* 18px */
|
|
1567
|
+
/* 12px */
|
|
1568
|
+
/* 10px */
|
|
1569
|
+
}
|
|
1570
|
+
* html .ym-button.ym-primary {
|
|
1571
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8888ee', EndColorStr='#6666cc');
|
|
1572
|
+
}
|
|
1573
|
+
* html .ym-button.ym-success {
|
|
1574
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bb66', EndColorStr='#449944');
|
|
1575
|
+
}
|
|
1576
|
+
* html .ym-button.ym-warning {
|
|
1577
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddaa44', EndColorStr='#BB7722');
|
|
1578
|
+
}
|
|
1579
|
+
* html .ym-button.ym-danger {
|
|
1580
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bb6666', EndColorStr='#994444');
|
|
1581
|
+
}
|
|
1582
|
+
* html .ym-button.ym-xlarge {
|
|
1583
|
+
font-size: 1.5em;
|
|
1584
|
+
}
|
|
1585
|
+
* html .ym-button.ym-large {
|
|
1586
|
+
font-size: 1.2857em;
|
|
1587
|
+
}
|
|
1588
|
+
* html .ym-button.ym-small {
|
|
1589
|
+
font-size: 0.8571em;
|
|
1590
|
+
}
|
|
1591
|
+
* html .ym-button.ym-xsmall {
|
|
1592
|
+
font-size: 0.7143em;
|
|
1593
|
+
}
|
|
1594
|
+
}
|
|
1595
|
+
@media screen, projection {
|
|
1596
|
+
.jquery_tabs {
|
|
1597
|
+
margin: 0 0 1.5em 0;
|
|
1598
|
+
}
|
|
1599
|
+
.jquery_tabs ul.tabs-list {
|
|
1600
|
+
font-size: 1em;
|
|
1601
|
+
display: table;
|
|
1602
|
+
table-layout: fixed;
|
|
1603
|
+
list-style-type: none;
|
|
1604
|
+
margin: 0;
|
|
1605
|
+
position: relative;
|
|
1606
|
+
z-index: 1;
|
|
1607
|
+
}
|
|
1608
|
+
.jquery_tabs ul.tabs-list li {
|
|
1609
|
+
margin: 0 4px 0 0;
|
|
1610
|
+
border: 0 none;
|
|
1611
|
+
display: inline;
|
|
1612
|
+
float: left;
|
|
1613
|
+
padding: 0;
|
|
1614
|
+
}
|
|
1615
|
+
.jquery_tabs ul.tabs-list li a {
|
|
1616
|
+
font-size: 1em;
|
|
1617
|
+
line-height: 1.5;
|
|
1618
|
+
padding: 0.75em;
|
|
1619
|
+
background: transparent;
|
|
1620
|
+
display: block;
|
|
1621
|
+
float: left;
|
|
1622
|
+
font-weight: normal;
|
|
1623
|
+
margin: 0;
|
|
1624
|
+
}
|
|
1625
|
+
.jquery_tabs ul.tabs-list li a:focus, .jquery_tabs ul.tabs-list li a:hover, .jquery_tabs ul.tabs-list li a:active {
|
|
1626
|
+
background: #eee;
|
|
1627
|
+
border-radius: 0.2em 0.2em 0 0;
|
|
1628
|
+
color: #000;
|
|
1629
|
+
font-weight: normal;
|
|
1630
|
+
outline: 0 none;
|
|
1631
|
+
text-decoration: none;
|
|
1632
|
+
}
|
|
1633
|
+
.jquery_tabs ul.tabs-list li.current a,
|
|
1634
|
+
.jquery_tabs ul.tabs-list li.current a:focus,
|
|
1635
|
+
.jquery_tabs ul.tabs-list li.current a:hover,
|
|
1636
|
+
.jquery_tabs ul.tabs-list li.current a:active {
|
|
1637
|
+
background: #fff;
|
|
1638
|
+
border: 1px #ccc solid;
|
|
1639
|
+
border-radius: 0.2em 0.2em 0 0;
|
|
1640
|
+
color: #000;
|
|
1641
|
+
border-bottom: 0 none;
|
|
1642
|
+
font-weight: bold;
|
|
1643
|
+
text-decoration: none;
|
|
1644
|
+
}
|
|
1645
|
+
.jquery_tabs .content {
|
|
1646
|
+
border-top: 1px #ccc solid;
|
|
1647
|
+
clear: both;
|
|
1648
|
+
padding: 0;
|
|
1649
|
+
position: relative;
|
|
1650
|
+
top: -1px;
|
|
1651
|
+
margin-bottom: -1px;
|
|
1652
|
+
}
|
|
1653
|
+
|
|
1654
|
+
/* hiding texts visually */
|
|
1655
|
+
.jquery_tabs .tabhead {
|
|
1656
|
+
position: absolute;
|
|
1657
|
+
left: -32768px;
|
|
1658
|
+
}
|
|
1659
|
+
|
|
1660
|
+
.jquery_tabs .current-info,
|
|
1661
|
+
.jquery_tabs .accessibletabsanchor {
|
|
1662
|
+
left: -999em;
|
|
1663
|
+
position: absolute;
|
|
1664
|
+
}
|
|
1665
|
+
|
|
1666
|
+
/** Avoid margin collapsing to enable correct sync of all tabs
|
|
1667
|
+
*
|
|
1668
|
+
* @workaround
|
|
1669
|
+
* @affected all browsers
|
|
1670
|
+
* @css-for all browsers
|
|
1671
|
+
* @valid yes
|
|
1672
|
+
*/
|
|
1673
|
+
.jquery_tabs .tab-content {
|
|
1674
|
+
border-bottom: 1px transparent solid;
|
|
1675
|
+
border-top: 1px transparent solid;
|
|
1676
|
+
padding-top: 1.5em;
|
|
1677
|
+
*overflow: hidden;
|
|
1678
|
+
}
|
|
1679
|
+
|
|
1680
|
+
/** Containing floats adjustment and stability fixes for Internet Explorer
|
|
1681
|
+
*
|
|
1682
|
+
* @workaround
|
|
1683
|
+
* @affected IE 5.x/Win, IE6, IE7
|
|
1684
|
+
* @css-for IE 5.x/Win, IE6, IE7
|
|
1685
|
+
* @valid no
|
|
1686
|
+
*/
|
|
1687
|
+
* html .jquery_tabs {
|
|
1688
|
+
zoom: 1;
|
|
1689
|
+
width: auto;
|
|
1690
|
+
position: relative;
|
|
1691
|
+
}
|
|
1692
|
+
* html .jquery_tabs .tab-content {
|
|
1693
|
+
border-bottom: 1px #fff solid;
|
|
1694
|
+
border-top: 1px #fff solid;
|
|
1695
|
+
}
|
|
1696
|
+
* html .jquery_tabs .content {
|
|
1697
|
+
z-index: -1;
|
|
1698
|
+
}
|
|
1699
|
+
|
|
1700
|
+
* + html .jquery_tabs {
|
|
1701
|
+
zoom: 1;
|
|
1702
|
+
width: auto;
|
|
1703
|
+
}
|
|
1704
|
+
|
|
1705
|
+
.jquery_tabs * {
|
|
1706
|
+
zoom: 1;
|
|
1707
|
+
}
|
|
1708
|
+
}
|
|
1709
|
+
/* Make tabs printable */
|
|
1710
|
+
@media print {
|
|
1711
|
+
.jquery_tabs .tabs-list {
|
|
1712
|
+
display: none !important;
|
|
1713
|
+
}
|
|
1714
|
+
.jquery_tabs .tabbody,
|
|
1715
|
+
.jquery_tabs .tabhead {
|
|
1716
|
+
display: block !important;
|
|
1717
|
+
}
|
|
1718
|
+
}
|
|
1719
|
+
@media all {
|
|
1720
|
+
/* hCards + hCalendars */
|
|
1721
|
+
.vcard,
|
|
1722
|
+
.vevent {
|
|
1723
|
+
line-height: 1.5em;
|
|
1724
|
+
border: 2px solid #e0e7b8 !important;
|
|
1725
|
+
padding: 30px 5px 5px 5px !important;
|
|
1726
|
+
border-radius: 8px;
|
|
1727
|
+
-moz-border-radius: 8px;
|
|
1728
|
+
-webkit-border-radius: 8px;
|
|
1729
|
+
margin: 0 0 1.5em 0 !important;
|
|
1730
|
+
/* small IE-Fix for background images */
|
|
1731
|
+
zoom: 1;
|
|
1732
|
+
}
|
|
1733
|
+
|
|
1734
|
+
span.vcard,
|
|
1735
|
+
span.vevent {
|
|
1736
|
+
padding: 2px 1px 2px 70px !important;
|
|
1737
|
+
margin: 0 2px 0 !important;
|
|
1738
|
+
}
|
|
1739
|
+
|
|
1740
|
+
.vcard {
|
|
1741
|
+
background-color: #f8f8ec;
|
|
1742
|
+
background-repeat: no-repeat;
|
|
1743
|
+
background-position: 5px 5px;
|
|
1744
|
+
background-image: url(icons/hcard.png) !important;
|
|
1745
|
+
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;
|
|
1746
|
+
}
|
|
1747
|
+
.vcard a {
|
|
1748
|
+
padding-left: 11px;
|
|
1749
|
+
background: url(icons/external_link.png) top left no-repeat;
|
|
1750
|
+
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANAQMAAACn5x0BAAAABlBMVEX///9jlQQUCBxBAAAAAXRSTlMAQObYZgAAACBJREFUCB0FwaEJAAAIALA1/xYEs6/axQ0QLEUzJMkB8FxYBJy/sjNiAAAAAElFTkSuQmCC") top left no-repeat;
|
|
1751
|
+
color: #679A06;
|
|
1752
|
+
}
|
|
1753
|
+
.vcard .adr {
|
|
1754
|
+
display: block;
|
|
1755
|
+
margin: 0.5em 0;
|
|
1756
|
+
}
|
|
1757
|
+
.vcard .email {
|
|
1758
|
+
font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
|
|
1759
|
+
}
|
|
1760
|
+
|
|
1761
|
+
.vevent {
|
|
1762
|
+
background: #f8f8ec url(icons/hcalendar.png) 5px 5px no-repeat !important;
|
|
1763
|
+
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;
|
|
1764
|
+
}
|
|
1765
|
+
|
|
1766
|
+
.vevent a {
|
|
1767
|
+
padding-left: 11px;
|
|
1768
|
+
background: url(icons/external_link.png) top left no-repeat;
|
|
1769
|
+
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANAQMAAACn5x0BAAAABlBMVEX///9jlQQUCBxBAAAAAXRSTlMAQObYZgAAACBJREFUCB0FwaEJAAAIALA1/xYEs6/axQ0QLEUzJMkB8FxYBJy/sjNiAAAAAElFTkSuQmCC") top left no-repeat;
|
|
1770
|
+
color: #679A06;
|
|
1771
|
+
}
|
|
1772
|
+
.vevent p {
|
|
1773
|
+
margin: 0;
|
|
1774
|
+
}
|
|
1775
|
+
.vevent .description {
|
|
1776
|
+
display: block;
|
|
1777
|
+
margin-top: 1em;
|
|
1778
|
+
}
|
|
1779
|
+
.vevent .location {
|
|
1780
|
+
display: block;
|
|
1781
|
+
color: #679A06;
|
|
1782
|
+
}
|
|
1783
|
+
.vevent .summary {
|
|
1784
|
+
display: block;
|
|
1785
|
+
color: #679A06;
|
|
1786
|
+
font-weight: bold;
|
|
1787
|
+
}
|
|
1788
|
+
|
|
1789
|
+
/* XFN relationship */
|
|
1790
|
+
a.xfnRelationship {
|
|
1791
|
+
padding-right: 26px;
|
|
1792
|
+
background-image: url(xfn/xfn-small.png);
|
|
1793
|
+
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");
|
|
1794
|
+
background-repeat: no-repeat;
|
|
1795
|
+
background-position: right;
|
|
1796
|
+
}
|
|
1797
|
+
a.xfnRelationship[rel~="colleague"], a.xfnRelationship[rel~="co-worker"] {
|
|
1798
|
+
padding-right: 21px;
|
|
1799
|
+
background-image: url(icons/xfn/xfn-colleague.png);
|
|
1800
|
+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAYFBMVEXGxsa+z+woYcAmYL++z+u9zuvZ4/TO2/H///++zuvd5/WgueLy9fvR3fJVg87u8/mRr9/G1e7q8Pk0asP7/P5diM9CdMfC0u1chs+0yOmdt+Ln7fh5nNlQfsxPfstdiNANDsYBAAAAAXRSTlMAQObYZgAAAI5JREFUeF5tUNcKw0AMszxuZe90//9f9o7QkkL1IiHkSeQMagoDEA3mspPCD5IjFL4IszU6Fg3SQi9m3jvzRSvFQguzLB38kcKRkm/KjsK7iPRJ06lXvco6bsN8siruefDoPlZdrdKGVvbKN7c5GFmYmPk5PFhkmnULmlNccGUWlhAt4N9B5FAQAVWDwtEbDGwHzDGQ3uIAAAAASUVORK5CYII=");
|
|
1801
|
+
}
|
|
1802
|
+
a.xfnRelationship[rel~="met"] {
|
|
1803
|
+
padding-right: 32px;
|
|
1804
|
+
background-image: url(icons/icon-xfn.png);
|
|
1805
|
+
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");
|
|
1806
|
+
}
|
|
1807
|
+
a.xfnRelationship[rel~="colleague"][rel~="met"], a.xfnRelationship[rel~="co-worker"][rel~="met"] {
|
|
1808
|
+
padding-right: 26px;
|
|
1809
|
+
background-image: url(icons/xfn/xfn-colleague-met.png);
|
|
1810
|
+
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==");
|
|
1811
|
+
}
|
|
1812
|
+
a.xfnRelationship[rel~="friend"] {
|
|
1813
|
+
padding-right: 21px;
|
|
1814
|
+
background-image: url(icons/xfn/xfn-friend.png);
|
|
1815
|
+
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=");
|
|
1816
|
+
}
|
|
1817
|
+
a.xfnRelationship[rel~="friend"][rel~="met"] {
|
|
1818
|
+
padding-right: 26px;
|
|
1819
|
+
background-image: url(icons/xfn/xfn-friend-met.png);
|
|
1820
|
+
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");
|
|
1821
|
+
}
|
|
1822
|
+
a.xfnRelationship[rel~="sweetheart"] {
|
|
1823
|
+
padding-right: 21px;
|
|
1824
|
+
background-image: url(icons/xfn/xfn-sweetheart.png);
|
|
1825
|
+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAYFBMVEXGxsYoYcD4Qq6+z+vZ4/Q/ccb4UbX///++zuu9zuv/8/rd5vUlXb5bhs/6e8b5cMLy9fv90OuhuuN4m9i2yOlSfcn8t+H8oNaJqNqzmNPD0e3w3/KtxOb0hMv7n9X9xObCRbgHAAAAAXRSTlMAQObYZgAAAHlJREFUeF51j1cKA0EMQ12mby3p9f63jDxLSEJY2UbwkD9E5FQzNuEyzIE08UeNIzW/MfOul6cxXVEH1E0ybKBEaSO1AJ2O8vhCo2d/DaGsKJvNSF0Gmd6pcfYMtfvzvT+UmJEyUFnLRUJ95I+iCFL/hWptK55wNo5etO8G3lYCx4oAAAAASUVORK5CYII=");
|
|
1826
|
+
}
|
|
1827
|
+
a.xfnRelationship[rel~="sweetheart"][rel~="met"] {
|
|
1828
|
+
padding-right: 26px;
|
|
1829
|
+
background-image: url(icons/xfn/xfn-sweetheart-met.png);
|
|
1830
|
+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAYFBMVEXGxsYoYMDg5vX4Qq6+z+z///+9zutCdMfY4vT/8vpahc7y9fuhuuP4TrMlXb76ccL90Ov6esWxxuf9xOb5Wbc0asT8uOKyx+i2yel4nNj8odeJqNqzmNOtw+b7n9X3gMlS9TiMAAAAAXRSTlMAQObYZgAAAINJREFUeF6N0McKAzEMRVE9FZepJb3//19GTGK8GAI54M1F2EZEKTjV9ehHYM9sW8wUzD0AnGfZWaGk5hoAzSTjHz1s+4IyfwFwu8rTY7ITrPQ2InK/z96xoN7fAdBRJnMo77ZdhBua+2s+ZlsF7wd8DcjS13+iMpEy/2sPlLQqu2N6A+dbBzWluY7VAAAAAElFTkSuQmCC");
|
|
1831
|
+
}
|
|
1832
|
+
a.xfnRelationship[rel~="child"] {
|
|
1833
|
+
padding-right: 21px;
|
|
1834
|
+
background-image: url(icons/xfn/xfn-child.png);
|
|
1835
|
+
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=");
|
|
1836
|
+
}
|
|
1837
|
+
a.xfnRelationship[rel~="parent"] {
|
|
1838
|
+
padding-right: 21px;
|
|
1839
|
+
background-image: url(icons/xfn/xfn-parent.png);
|
|
1840
|
+
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=");
|
|
1841
|
+
}
|
|
1842
|
+
a.xfnRelationship[rel~="spouse"] {
|
|
1843
|
+
padding-right: 21px;
|
|
1844
|
+
background-image: url(icons/xfn/xfn-spouse.png);
|
|
1845
|
+
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");
|
|
1846
|
+
}
|
|
1847
|
+
a.xfnRelationship[rel~="me"] {
|
|
1848
|
+
padding-right: 21px;
|
|
1849
|
+
background-image: url(icons/xfn/xfn-me.png);
|
|
1850
|
+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAWlBMVEXGxsYoYcC+z+u+z+y9zusnYL/Z4/S+zusoYMBdiM/y9fteidDd5/QnYMDe5/VCdcihuuPy9Ps1a8SUsN+8zetdidDJ1u7Z5PV4m9hCdMeuxOc0asStw+b///+reoflAAAAAXRSTlMAQObYZgAAAH1JREFUeF5dj1cOBDEIQ7Ehbfpsr/e/5qYoH7Mg2eLJICHiSVU1Ja2Iz2T6Hmq5i1bwAnBpTIXVE4DUUUuNEW78QwCuDQWx6o8InBuihOrDiud+XNwA3DoKObKtmB3m9Bl66uQAF13Wd0d5KF2knvfL8aGpPKlUUoMZSaOXHyGOEL2qtmFaAAAAAElFTkSuQmCC");
|
|
1851
|
+
}
|
|
1852
|
+
|
|
1853
|
+
/* rel-tag */
|
|
1854
|
+
a[rel~="tag"] {
|
|
1855
|
+
padding-right: 32px;
|
|
1856
|
+
background: url(icons/icon-rel-tag.png);
|
|
1857
|
+
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==");
|
|
1858
|
+
background-repeat: no-repeat;
|
|
1859
|
+
background-position: right;
|
|
1860
|
+
}
|
|
1861
|
+
|
|
1862
|
+
/* geo */
|
|
1863
|
+
abbr[class~="geo"] {
|
|
1864
|
+
padding-right: 32px;
|
|
1865
|
+
background: url(icons/icon-geo.png) no-repeat right;
|
|
1866
|
+
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;
|
|
1867
|
+
border: none;
|
|
1868
|
+
cursor: default;
|
|
1869
|
+
}
|
|
1870
|
+
}
|
|
1871
|
+
@media all {
|
|
1872
|
+
/*
|
|
1873
|
+
* @section global typography settings
|
|
1874
|
+
*
|
|
1875
|
+
* vertical rhythm settings (based on em-unit)
|
|
1876
|
+
* -------------------------------------------
|
|
1877
|
+
* basefont-size: 14px (87.5%)
|
|
1878
|
+
* line-height : 21px (factor: 1.5) */
|
|
1879
|
+
/* (en) reset font size for all elements to standard (16 Pixel) */
|
|
1880
|
+
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
|
|
1881
|
+
html * {
|
|
1882
|
+
font-size: 100%;
|
|
1883
|
+
}
|
|
1884
|
+
|
|
1885
|
+
/**
|
|
1886
|
+
* (en) reset monospaced elements to font size 16px in all browsers
|
|
1887
|
+
* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
|
|
1888
|
+
*
|
|
1889
|
+
* @see: http://webkit.org/blog/67/strange-medium/
|
|
1890
|
+
*/
|
|
1891
|
+
textarea,
|
|
1892
|
+
pre,
|
|
1893
|
+
code,
|
|
1894
|
+
kbd,
|
|
1895
|
+
samp,
|
|
1896
|
+
var,
|
|
1897
|
+
tt {
|
|
1898
|
+
font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
|
|
1899
|
+
}
|
|
1900
|
+
|
|
1901
|
+
/* font-size: 14px; */
|
|
1902
|
+
body {
|
|
1903
|
+
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
|
|
1904
|
+
font-size: 87.5%;
|
|
1905
|
+
color: #444444;
|
|
1906
|
+
}
|
|
1907
|
+
|
|
1908
|
+
/*--- Headings | Überschriften ------------------------------------------------------------------------*/
|
|
1909
|
+
h1,
|
|
1910
|
+
h2,
|
|
1911
|
+
h3,
|
|
1912
|
+
h4,
|
|
1913
|
+
h5,
|
|
1914
|
+
h6 {
|
|
1915
|
+
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
|
|
1916
|
+
font-weight: 400;
|
|
1917
|
+
color: #161e21;
|
|
1918
|
+
margin: 0;
|
|
1919
|
+
}
|
|
1920
|
+
|
|
1921
|
+
h1 {
|
|
1922
|
+
/* font-size: 48px; */
|
|
1923
|
+
font-size: 342.85714%;
|
|
1924
|
+
line-height: 0.875;
|
|
1925
|
+
margin: 0 0 0.4375em 0;
|
|
1926
|
+
}
|
|
1927
|
+
|
|
1928
|
+
h2 {
|
|
1929
|
+
/* font-size: 32px; */
|
|
1930
|
+
font-size: 228.57143%;
|
|
1931
|
+
line-height: 1.3125;
|
|
1932
|
+
margin: 0 0 0.65625em 0;
|
|
1933
|
+
}
|
|
1934
|
+
|
|
1935
|
+
h3 {
|
|
1936
|
+
/* font-size: 24px; */
|
|
1937
|
+
font-size: 171.42857%;
|
|
1938
|
+
line-height: 0.875;
|
|
1939
|
+
margin: 0 0 0.875em 0;
|
|
1940
|
+
}
|
|
1941
|
+
|
|
1942
|
+
h4 {
|
|
1943
|
+
/* font-size: 21px; */
|
|
1944
|
+
font-size: 150%;
|
|
1945
|
+
line-height: 1;
|
|
1946
|
+
margin: 0 0 1em 0;
|
|
1947
|
+
}
|
|
1948
|
+
|
|
1949
|
+
h5 {
|
|
1950
|
+
/* font-size: 18px; */
|
|
1951
|
+
font-size: 128.57143%;
|
|
1952
|
+
line-height: 1.16667;
|
|
1953
|
+
margin: 0 0 1.16667em 0;
|
|
1954
|
+
}
|
|
1955
|
+
|
|
1956
|
+
h6 {
|
|
1957
|
+
/* font-size: 14px; */
|
|
1958
|
+
font-size: 100%;
|
|
1959
|
+
font-weight: bold;
|
|
1960
|
+
line-height: 1.5;
|
|
1961
|
+
margin: 0 0 1.5em 0;
|
|
1962
|
+
}
|
|
1963
|
+
|
|
1964
|
+
/* --- Lists | Listen -------------------------------------------------------------------------------- */
|
|
1965
|
+
ul,
|
|
1966
|
+
ol,
|
|
1967
|
+
dl {
|
|
1968
|
+
font-size: 100%;
|
|
1969
|
+
line-height: 1.5;
|
|
1970
|
+
margin: 0 0 1.5em 0;
|
|
1971
|
+
}
|
|
1972
|
+
|
|
1973
|
+
ul {
|
|
1974
|
+
list-style-type: disc;
|
|
1975
|
+
}
|
|
1976
|
+
|
|
1977
|
+
ol {
|
|
1978
|
+
list-style-type: decimal;
|
|
1979
|
+
}
|
|
1980
|
+
|
|
1981
|
+
ul ul {
|
|
1982
|
+
list-style-type: circle;
|
|
1983
|
+
margin-top: 0;
|
|
1984
|
+
}
|
|
1985
|
+
|
|
1986
|
+
ol ol {
|
|
1987
|
+
list-style-type: lower-latin;
|
|
1988
|
+
margin-top: 0;
|
|
1989
|
+
}
|
|
1990
|
+
|
|
1991
|
+
ol ul {
|
|
1992
|
+
list-style-type: circle;
|
|
1993
|
+
margin-top: 0;
|
|
1994
|
+
}
|
|
1995
|
+
|
|
1996
|
+
li {
|
|
1997
|
+
font-size: 100%;
|
|
1998
|
+
line-height: 1.5;
|
|
1999
|
+
margin-left: 1.2em;
|
|
2000
|
+
}
|
|
2001
|
+
|
|
2002
|
+
dt {
|
|
2003
|
+
font-weight: bold;
|
|
2004
|
+
}
|
|
2005
|
+
|
|
2006
|
+
dd {
|
|
2007
|
+
margin: 0 0 1.5em 0.8em;
|
|
2008
|
+
}
|
|
2009
|
+
|
|
2010
|
+
/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
|
|
2011
|
+
p {
|
|
2012
|
+
font-size: 100%;
|
|
2013
|
+
line-height: 1.5;
|
|
2014
|
+
margin: 0 0 1.5em 0;
|
|
2015
|
+
}
|
|
2016
|
+
|
|
2017
|
+
blockquote,
|
|
2018
|
+
cite,
|
|
2019
|
+
q {
|
|
2020
|
+
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
|
|
2021
|
+
font-style: italic;
|
|
2022
|
+
}
|
|
2023
|
+
|
|
2024
|
+
blockquote {
|
|
2025
|
+
background: transparent;
|
|
2026
|
+
color: #666666;
|
|
2027
|
+
margin: 1.5em 0 0 1.5em;
|
|
2028
|
+
}
|
|
2029
|
+
|
|
2030
|
+
strong,
|
|
2031
|
+
b {
|
|
2032
|
+
font-weight: bold;
|
|
2033
|
+
}
|
|
2034
|
+
|
|
2035
|
+
em,
|
|
2036
|
+
i {
|
|
2037
|
+
font-style: italic;
|
|
2038
|
+
}
|
|
2039
|
+
|
|
2040
|
+
big {
|
|
2041
|
+
/* font-size: 16px; */
|
|
2042
|
+
font-size: 114.28571%;
|
|
2043
|
+
line-height: 1.3125;
|
|
2044
|
+
}
|
|
2045
|
+
|
|
2046
|
+
small {
|
|
2047
|
+
/* font-size: 12px; */
|
|
2048
|
+
font-size: 85.71429%;
|
|
2049
|
+
line-height: 1.75;
|
|
2050
|
+
}
|
|
2051
|
+
|
|
2052
|
+
pre,
|
|
2053
|
+
code,
|
|
2054
|
+
kbd,
|
|
2055
|
+
tt,
|
|
2056
|
+
samp,
|
|
2057
|
+
var {
|
|
2058
|
+
font-size: 100%;
|
|
2059
|
+
}
|
|
2060
|
+
|
|
2061
|
+
pre {
|
|
2062
|
+
font-size: 100%;
|
|
2063
|
+
line-height: 1.5;
|
|
2064
|
+
margin: 0 0 1.5em 0;
|
|
2065
|
+
white-space: pre;
|
|
2066
|
+
white-space: pre-wrap;
|
|
2067
|
+
word-wrap: break-word;
|
|
2068
|
+
}
|
|
2069
|
+
|
|
2070
|
+
pre,
|
|
2071
|
+
code {
|
|
2072
|
+
color: #880000;
|
|
2073
|
+
}
|
|
2074
|
+
|
|
2075
|
+
kbd,
|
|
2076
|
+
samp,
|
|
2077
|
+
var,
|
|
2078
|
+
tt {
|
|
2079
|
+
color: #666666;
|
|
2080
|
+
font-weight: bold;
|
|
2081
|
+
}
|
|
2082
|
+
|
|
2083
|
+
var,
|
|
2084
|
+
dfn {
|
|
2085
|
+
font-style: italic;
|
|
2086
|
+
}
|
|
2087
|
+
|
|
2088
|
+
acronym,
|
|
2089
|
+
abbr {
|
|
2090
|
+
border-bottom: 1px #aaa dotted;
|
|
2091
|
+
font-variant: small-caps;
|
|
2092
|
+
letter-spacing: .07em;
|
|
2093
|
+
cursor: help;
|
|
2094
|
+
}
|
|
2095
|
+
|
|
2096
|
+
sub,
|
|
2097
|
+
sup {
|
|
2098
|
+
font-size: 75%;
|
|
2099
|
+
line-height: 0;
|
|
2100
|
+
position: relative;
|
|
2101
|
+
vertical-align: baseline;
|
|
2102
|
+
}
|
|
2103
|
+
|
|
2104
|
+
sup {
|
|
2105
|
+
top: -0.5em;
|
|
2106
|
+
}
|
|
2107
|
+
|
|
2108
|
+
sub {
|
|
2109
|
+
bottom: -0.25em;
|
|
2110
|
+
}
|
|
2111
|
+
|
|
2112
|
+
mark {
|
|
2113
|
+
background: yellow;
|
|
2114
|
+
color: black;
|
|
2115
|
+
}
|
|
2116
|
+
|
|
2117
|
+
hr {
|
|
2118
|
+
color: #fff;
|
|
2119
|
+
background: transparent;
|
|
2120
|
+
margin: 0 0 0.75em 0;
|
|
2121
|
+
padding: 0 0 0.67857em 0;
|
|
2122
|
+
border: 0;
|
|
2123
|
+
border-bottom: 1px #eeeeee solid;
|
|
2124
|
+
}
|
|
2125
|
+
|
|
2126
|
+
/*--- Links ----------------------------------------------------------------------------------------- */
|
|
2127
|
+
a {
|
|
2128
|
+
color: #4d87c7;
|
|
2129
|
+
background: transparent;
|
|
2130
|
+
text-decoration: none;
|
|
2131
|
+
}
|
|
2132
|
+
|
|
2133
|
+
a:active {
|
|
2134
|
+
outline: none;
|
|
2135
|
+
}
|
|
2136
|
+
|
|
2137
|
+
/* (en) maximum constrast for tab focus - change with great care */
|
|
2138
|
+
/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
|
|
2139
|
+
a:hover,
|
|
2140
|
+
a:focus {
|
|
2141
|
+
background-color: #4d87c7;
|
|
2142
|
+
color: white;
|
|
2143
|
+
text-decoration: none;
|
|
2144
|
+
}
|
|
2145
|
+
|
|
2146
|
+
/* --- images ------------------ */
|
|
2147
|
+
img,
|
|
2148
|
+
figure {
|
|
2149
|
+
margin: 0;
|
|
2150
|
+
}
|
|
2151
|
+
|
|
2152
|
+
.flexible {
|
|
2153
|
+
margin-bottom: 1.5em;
|
|
2154
|
+
max-width: 100%;
|
|
2155
|
+
height: auto;
|
|
2156
|
+
}
|
|
2157
|
+
|
|
2158
|
+
/* IE6 workaround - 2% space for possible borders */
|
|
2159
|
+
* html .flexible {
|
|
2160
|
+
width: 98%;
|
|
2161
|
+
}
|
|
2162
|
+
|
|
2163
|
+
.bordered {
|
|
2164
|
+
margin-bottom: 1.5em;
|
|
2165
|
+
border: 2px #eee solid;
|
|
2166
|
+
border: 2px white solid;
|
|
2167
|
+
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
|
|
2168
|
+
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
|
|
2169
|
+
}
|
|
2170
|
+
|
|
2171
|
+
/**
|
|
2172
|
+
* ----------------------------------------------------------------------- #
|
|
2173
|
+
*
|
|
2174
|
+
* Generic Content Classes
|
|
2175
|
+
*
|
|
2176
|
+
* (en) standard classes for positioning and highlighting
|
|
2177
|
+
* (de) Standardklassen zur Positionierung und Hervorhebung
|
|
2178
|
+
*
|
|
2179
|
+
* @section content-generic-classes
|
|
2180
|
+
*/
|
|
2181
|
+
.highlight {
|
|
2182
|
+
color: #cc3300;
|
|
2183
|
+
}
|
|
2184
|
+
|
|
2185
|
+
.dimmed {
|
|
2186
|
+
color: #888888;
|
|
2187
|
+
}
|
|
2188
|
+
|
|
2189
|
+
.box {
|
|
2190
|
+
border-radius: 0.3em;
|
|
2191
|
+
border-width: 1px;
|
|
2192
|
+
border-style: solid;
|
|
2193
|
+
border-color: #888;
|
|
2194
|
+
border-color: rgba(0, 0, 0, 0.3);
|
|
2195
|
+
-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
|
|
2196
|
+
box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
|
|
2197
|
+
color: #444;
|
|
2198
|
+
color: rgba(0, 0, 0, 0.8);
|
|
2199
|
+
padding: 1.42857em;
|
|
2200
|
+
margin: 0 0 1.5em 0;
|
|
2201
|
+
}
|
|
2202
|
+
.box > *:last-child {
|
|
2203
|
+
margin-bottom: 0;
|
|
2204
|
+
}
|
|
2205
|
+
|
|
2206
|
+
.label {
|
|
2207
|
+
font-family: Verdana, Geneva, sans-serif;
|
|
2208
|
+
padding: 1px 6px 2px;
|
|
2209
|
+
display: inline-block;
|
|
2210
|
+
vertical-align: middle;
|
|
2211
|
+
letter-spacing: normal;
|
|
2212
|
+
white-space: nowrap;
|
|
2213
|
+
border-radius: 3px;
|
|
2214
|
+
background: #06C;
|
|
2215
|
+
color: #fff;
|
|
2216
|
+
font-size: 10px;
|
|
2217
|
+
line-height: 12px;
|
|
2218
|
+
}
|
|
2219
|
+
|
|
2220
|
+
.info {
|
|
2221
|
+
background: #f4f4f4;
|
|
2222
|
+
}
|
|
2223
|
+
|
|
2224
|
+
.success {
|
|
2225
|
+
background: #88cc88;
|
|
2226
|
+
}
|
|
2227
|
+
|
|
2228
|
+
.warning {
|
|
2229
|
+
background: #cccc88;
|
|
2230
|
+
}
|
|
2231
|
+
|
|
2232
|
+
.error {
|
|
2233
|
+
background: #cc8888;
|
|
2234
|
+
}
|
|
2235
|
+
|
|
2236
|
+
.float-left {
|
|
2237
|
+
float: left;
|
|
2238
|
+
display: inline;
|
|
2239
|
+
margin: 0 1em 1.5em 0;
|
|
2240
|
+
}
|
|
2241
|
+
|
|
2242
|
+
.float-right {
|
|
2243
|
+
float: right;
|
|
2244
|
+
display: inline;
|
|
2245
|
+
margin: 0 0 1.5em 1em;
|
|
2246
|
+
}
|
|
2247
|
+
|
|
2248
|
+
.center {
|
|
2249
|
+
display: block;
|
|
2250
|
+
text-align: center;
|
|
2251
|
+
margin: 0 auto 1.5em auto;
|
|
2252
|
+
}
|
|
2253
|
+
|
|
2254
|
+
/**
|
|
2255
|
+
* ------------------------------------------------------------------------------------------------- #
|
|
2256
|
+
*
|
|
2257
|
+
* Tables | Tabellen
|
|
2258
|
+
*
|
|
2259
|
+
* (en) Generic classes for table-width and design definition
|
|
2260
|
+
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
|
|
2261
|
+
*
|
|
2262
|
+
* @section content-tables
|
|
2263
|
+
*/
|
|
2264
|
+
table {
|
|
2265
|
+
width: 100%;
|
|
2266
|
+
border-collapse: collapse;
|
|
2267
|
+
color: #444444;
|
|
2268
|
+
border-top: 1px #ccc solid;
|
|
2269
|
+
border-bottom: 1px #ccc solid;
|
|
2270
|
+
margin: 0 0 1.35714em 0;
|
|
2271
|
+
}
|
|
2272
|
+
table.narrow {
|
|
2273
|
+
margin: 0 0 1.42857em 0;
|
|
2274
|
+
}
|
|
2275
|
+
table.narrow th,
|
|
2276
|
+
table.narrow td {
|
|
2277
|
+
padding: 0 0.5em;
|
|
2278
|
+
line-height: 1.42857;
|
|
2279
|
+
}
|
|
2280
|
+
table.fixed {
|
|
2281
|
+
table-layout: fixed;
|
|
2282
|
+
}
|
|
2283
|
+
table.bordertable {
|
|
2284
|
+
border: 1px #ccc solid;
|
|
2285
|
+
}
|
|
2286
|
+
table.bordertable thead th {
|
|
2287
|
+
background: #e0e0e0;
|
|
2288
|
+
border-right: 1px #ccc solid;
|
|
2289
|
+
border-bottom: 1px #ccc solid;
|
|
2290
|
+
}
|
|
2291
|
+
table.bordertable tbody th[scope="row"] {
|
|
2292
|
+
background: #f0f0f0;
|
|
2293
|
+
}
|
|
2294
|
+
table.bordertable tbody th {
|
|
2295
|
+
border-right: 1px solid #ccc;
|
|
2296
|
+
}
|
|
2297
|
+
table.bordertable tbody td {
|
|
2298
|
+
border-right: 1px solid #ccc;
|
|
2299
|
+
}
|
|
2300
|
+
|
|
2301
|
+
caption {
|
|
2302
|
+
font-variant: small-caps;
|
|
2303
|
+
}
|
|
2304
|
+
|
|
2305
|
+
th,
|
|
2306
|
+
td {
|
|
2307
|
+
line-height: 1.5em;
|
|
2308
|
+
vertical-align: top;
|
|
2309
|
+
padding: 0.71429em 0.5em;
|
|
2310
|
+
}
|
|
2311
|
+
|
|
2312
|
+
th *:first-child,
|
|
2313
|
+
td *:first-child {
|
|
2314
|
+
margin-top: 0;
|
|
2315
|
+
}
|
|
2316
|
+
|
|
2317
|
+
th.nowrap,
|
|
2318
|
+
td.nowrap {
|
|
2319
|
+
white-space: nowrap;
|
|
2320
|
+
}
|
|
2321
|
+
|
|
2322
|
+
thead th {
|
|
2323
|
+
text-align: left;
|
|
2324
|
+
color: #000;
|
|
2325
|
+
border-bottom: 2px #000 solid;
|
|
2326
|
+
}
|
|
2327
|
+
|
|
2328
|
+
tbody {
|
|
2329
|
+
/* highlight row on mouse over */
|
|
2330
|
+
}
|
|
2331
|
+
tbody th {
|
|
2332
|
+
text-align: left;
|
|
2333
|
+
border-top: 1px solid #ccc;
|
|
2334
|
+
}
|
|
2335
|
+
tbody td {
|
|
2336
|
+
text-align: left;
|
|
2337
|
+
border-top: 1px solid #ccc;
|
|
2338
|
+
}
|
|
2339
|
+
tbody tr:hover th,
|
|
2340
|
+
tbody tr:hover td {
|
|
2341
|
+
background: #f8f8f8;
|
|
2342
|
+
}
|
|
2343
|
+
}
|
|
2344
|
+
@media print {
|
|
2345
|
+
/**
|
|
2346
|
+
* @section basic layout preparation
|
|
2347
|
+
*/
|
|
2348
|
+
/* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers */
|
|
2349
|
+
/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
|
|
2350
|
+
body {
|
|
2351
|
+
font-size: 10pt;
|
|
2352
|
+
padding: 0 5px;
|
|
2353
|
+
}
|
|
2354
|
+
|
|
2355
|
+
/* (en) Hide unneeded container of the screenlayout in print layout */
|
|
2356
|
+
/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
|
|
2357
|
+
nav,
|
|
2358
|
+
.ym-searchform {
|
|
2359
|
+
display: none;
|
|
2360
|
+
}
|
|
2361
|
+
|
|
2362
|
+
/*------------------------------------------------------------------------------------------------------*/
|
|
2363
|
+
/* (en) Avoid page breaks right after headings */
|
|
2364
|
+
/* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
|
|
2365
|
+
h1,
|
|
2366
|
+
h2,
|
|
2367
|
+
h3,
|
|
2368
|
+
h4,
|
|
2369
|
+
h5,
|
|
2370
|
+
h6 {
|
|
2371
|
+
page-break-after: avoid;
|
|
2372
|
+
}
|
|
2373
|
+
}
|
|
2374
|
+
/* Screen Design */
|
|
2375
|
+
@media screen {
|
|
2376
|
+
/**
|
|
2377
|
+
* (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
|
|
2378
|
+
* (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
|
|
2379
|
+
*
|
|
2380
|
+
* @workaround
|
|
2381
|
+
* @affected IE8, FF, Webkit, Opera
|
|
2382
|
+
* @css-for all
|
|
2383
|
+
* @valid CSS3
|
|
2384
|
+
*/
|
|
2385
|
+
[tabindex="-1"]:focus {
|
|
2386
|
+
outline: 0 none !important;
|
|
2387
|
+
}
|
|
2388
|
+
|
|
2389
|
+
body {
|
|
2390
|
+
overflow-y: scroll;
|
|
2391
|
+
}
|
|
2392
|
+
|
|
2393
|
+
/*------------------------------------------------------------------------------------------------------*/
|
|
2394
|
+
/* (en) Marginal areas & page background */
|
|
2395
|
+
/* (de) Randbereiche & Seitenhintergrund */
|
|
2396
|
+
body {
|
|
2397
|
+
background: #0d1113;
|
|
2398
|
+
}
|
|
2399
|
+
|
|
2400
|
+
body > header,
|
|
2401
|
+
body > footer,
|
|
2402
|
+
body > nav,
|
|
2403
|
+
body > [id] {
|
|
2404
|
+
min-width: 960px;
|
|
2405
|
+
}
|
|
2406
|
+
|
|
2407
|
+
body > #intro {
|
|
2408
|
+
min-width: 912px;
|
|
2409
|
+
}
|
|
2410
|
+
|
|
2411
|
+
* html .ym-wrapper {
|
|
2412
|
+
width: 1140px;
|
|
2413
|
+
/* IE6 support */
|
|
2414
|
+
}
|
|
2415
|
+
|
|
2416
|
+
.ym-wrapper {
|
|
2417
|
+
text-align: left;
|
|
2418
|
+
margin: 0 auto;
|
|
2419
|
+
max-width: 90em;
|
|
2420
|
+
}
|
|
2421
|
+
|
|
2422
|
+
.ym-wbox {
|
|
2423
|
+
padding: 24px 48px;
|
|
2424
|
+
position: relative;
|
|
2425
|
+
}
|
|
2426
|
+
|
|
2427
|
+
#js-info {
|
|
2428
|
+
display: block;
|
|
2429
|
+
padding: 10px 20px;
|
|
2430
|
+
background: #fee;
|
|
2431
|
+
color: #800;
|
|
2432
|
+
margin: 0 0 10px 0;
|
|
2433
|
+
}
|
|
2434
|
+
|
|
2435
|
+
.js .js-info {
|
|
2436
|
+
display: none;
|
|
2437
|
+
}
|
|
2438
|
+
|
|
2439
|
+
#formswitch {
|
|
2440
|
+
display: none;
|
|
2441
|
+
}
|
|
2442
|
+
|
|
2443
|
+
.js #formswitch {
|
|
2444
|
+
display: block;
|
|
2445
|
+
}
|
|
2446
|
+
|
|
2447
|
+
.fix {
|
|
2448
|
+
position: fixed;
|
|
2449
|
+
top: 0;
|
|
2450
|
+
z-index: 10000;
|
|
2451
|
+
width: 100%;
|
|
2452
|
+
-webkit-box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.5);
|
|
2453
|
+
box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.5);
|
|
2454
|
+
}
|
|
2455
|
+
|
|
2456
|
+
/* (en) Layout:width, background, borders */
|
|
2457
|
+
/* (de) Layout:Breite, Hintergrund, Rahmen */
|
|
2458
|
+
#intro,
|
|
2459
|
+
header,
|
|
2460
|
+
#overview,
|
|
2461
|
+
nav,
|
|
2462
|
+
#main,
|
|
2463
|
+
footer {
|
|
2464
|
+
background: #fff repeat-x top left;
|
|
2465
|
+
color: #333;
|
|
2466
|
+
clear: both;
|
|
2467
|
+
}
|
|
2468
|
+
|
|
2469
|
+
header,
|
|
2470
|
+
footer {
|
|
2471
|
+
background: #161e21;
|
|
2472
|
+
color: #fff;
|
|
2473
|
+
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
|
|
2474
|
+
-webkit-box-shadow: inset 0 -32px 64px rgba(0, 0, 0, 0.5);
|
|
2475
|
+
box-shadow: inset 0 -32px 64px rgba(0, 0, 0, 0.5);
|
|
2476
|
+
/* IE5.5 - IE7 */
|
|
2477
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF141C1F,EndColorStr=#FF0D1214);
|
|
2478
|
+
/* IE8 */
|
|
2479
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF141C1F,EndColorStr=#FF0D1214)";
|
|
2480
|
+
}
|
|
2481
|
+
|
|
2482
|
+
#sitenav .ym-wbox {
|
|
2483
|
+
padding: 0 48px;
|
|
2484
|
+
}
|
|
2485
|
+
|
|
2486
|
+
header .ym-wrapper {
|
|
2487
|
+
text-align: center;
|
|
2488
|
+
}
|
|
2489
|
+
|
|
2490
|
+
header .ym-wbox {
|
|
2491
|
+
padding-bottom: 48px;
|
|
2492
|
+
}
|
|
2493
|
+
|
|
2494
|
+
header h1,
|
|
2495
|
+
header h2 {
|
|
2496
|
+
font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
|
|
2497
|
+
font-weight: bold;
|
|
2498
|
+
font-size: 120px;
|
|
2499
|
+
color: #8b8f90;
|
|
2500
|
+
border: 0 none;
|
|
2501
|
+
text-shadow: 1px 1px 1px black;
|
|
2502
|
+
}
|
|
2503
|
+
|
|
2504
|
+
header h1 {
|
|
2505
|
+
margin: 0 0 0.15em 0;
|
|
2506
|
+
}
|
|
2507
|
+
|
|
2508
|
+
header h2 {
|
|
2509
|
+
position: relative;
|
|
2510
|
+
top: -16px;
|
|
2511
|
+
left: 4px;
|
|
2512
|
+
letter-spacing: 8px;
|
|
2513
|
+
font-size: 45px;
|
|
2514
|
+
line-height: 85%;
|
|
2515
|
+
margin: 0;
|
|
2516
|
+
}
|
|
2517
|
+
|
|
2518
|
+
header p {
|
|
2519
|
+
font-size: 1.25em;
|
|
2520
|
+
margin: 0;
|
|
2521
|
+
}
|
|
2522
|
+
|
|
2523
|
+
header p em {
|
|
2524
|
+
color: #fff;
|
|
2525
|
+
color: rgba(255, 255, 255, 0.75);
|
|
2526
|
+
font-family: "Times New Roman", Times, serif;
|
|
2527
|
+
font-size-adjust: 0.55;
|
|
2528
|
+
}
|
|
2529
|
+
|
|
2530
|
+
header h1 span {
|
|
2531
|
+
display: inline-block;
|
|
2532
|
+
overflow: hidden;
|
|
2533
|
+
height: 0;
|
|
2534
|
+
width: 235px;
|
|
2535
|
+
padding-top: 78px;
|
|
2536
|
+
margin-bottom: -2px;
|
|
2537
|
+
background: url(../images/yaml-solo-transparent.png) no-repeat top left;
|
|
2538
|
+
}
|
|
2539
|
+
|
|
2540
|
+
#intro {
|
|
2541
|
+
font-family: Arial, Helvetica, sans-serif;
|
|
2542
|
+
font-size: 10px;
|
|
2543
|
+
text-transform: uppercase;
|
|
2544
|
+
letter-spacing: 2px;
|
|
2545
|
+
color: #888;
|
|
2546
|
+
color: rgba(255, 255, 255, 0.5);
|
|
2547
|
+
background: #080b0c;
|
|
2548
|
+
border-bottom: 1px #000 solid;
|
|
2549
|
+
padding: 12px 24px;
|
|
2550
|
+
letter-spacing: 6px;
|
|
2551
|
+
word-spacing: 3px;
|
|
2552
|
+
text-align: center;
|
|
2553
|
+
}
|
|
2554
|
+
|
|
2555
|
+
#secondary {
|
|
2556
|
+
background: #464b4e;
|
|
2557
|
+
-webkit-box-shadow: inset 0 -24px 48px rgba(0, 0, 0, 0.3);
|
|
2558
|
+
box-shadow: inset 0 -24px 48px rgba(0, 0, 0, 0.3);
|
|
2559
|
+
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
|
|
2560
|
+
}
|
|
2561
|
+
|
|
2562
|
+
#secondary {
|
|
2563
|
+
color: #c8c8c8;
|
|
2564
|
+
}
|
|
2565
|
+
|
|
2566
|
+
#secondary {
|
|
2567
|
+
color: rgba(255, 255, 255, 0.8);
|
|
2568
|
+
}
|
|
2569
|
+
|
|
2570
|
+
#secondary h2,
|
|
2571
|
+
#secondary h3,
|
|
2572
|
+
#secondary h4 {
|
|
2573
|
+
color: #fff;
|
|
2574
|
+
}
|
|
2575
|
+
|
|
2576
|
+
#secondary .label {
|
|
2577
|
+
background: #161e21;
|
|
2578
|
+
}
|
|
2579
|
+
|
|
2580
|
+
#secondary a.label:hover,
|
|
2581
|
+
#secondary a.label:focus,
|
|
2582
|
+
#secondary a.label:active {
|
|
2583
|
+
background: #fff;
|
|
2584
|
+
color: #000;
|
|
2585
|
+
}
|
|
2586
|
+
|
|
2587
|
+
#sitenav {
|
|
2588
|
+
background: #161e21;
|
|
2589
|
+
-webkit-box-shadow: inset 0 -24px 30px rgba(255, 255, 255, 0.1);
|
|
2590
|
+
box-shadow: inset 0 -24px 30px rgba(255, 255, 255, 0.1);
|
|
2591
|
+
border-top: 1px solid #646464;
|
|
2592
|
+
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
2593
|
+
border-bottom: 1px solid #323232;
|
|
2594
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
|
2595
|
+
/* IE5.5 - IE7 */
|
|
2596
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF161E21,EndColorStr=#FF2C3336);
|
|
2597
|
+
/* IE8 */
|
|
2598
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF161E21,EndColorStr=#FF2C3336)";
|
|
2599
|
+
zoom: 1;
|
|
2600
|
+
}
|
|
2601
|
+
|
|
2602
|
+
.social-buttons {
|
|
2603
|
+
margin-bottom: 1.5em;
|
|
2604
|
+
}
|
|
2605
|
+
|
|
2606
|
+
.social-buttons > * {
|
|
2607
|
+
float: left;
|
|
2608
|
+
margin-right: 1em;
|
|
2609
|
+
}
|
|
2610
|
+
|
|
2611
|
+
.mnav ul {
|
|
2612
|
+
margin: 0;
|
|
2613
|
+
}
|
|
2614
|
+
|
|
2615
|
+
.mnav {
|
|
2616
|
+
background: #161e21;
|
|
2617
|
+
border-right: 1px solid #646464;
|
|
2618
|
+
border-right: 1px solid rgba(255, 255, 255, 0.1);
|
|
2619
|
+
border-left: 1px solid #323232;
|
|
2620
|
+
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
|
2621
|
+
/* IE5.5 - IE7 */
|
|
2622
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF161E21,EndColorStr=#FF2C3336);
|
|
2623
|
+
/* IE8 */
|
|
2624
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF161E21,EndColorStr=#FF2C3336)";
|
|
2625
|
+
}
|
|
2626
|
+
|
|
2627
|
+
* html .mnav ul {
|
|
2628
|
+
overflow: hidden;
|
|
2629
|
+
/* ie6 adjustment - overwrites ie-fix from iehacks.css */
|
|
2630
|
+
}
|
|
2631
|
+
|
|
2632
|
+
.mnav li {
|
|
2633
|
+
-webkit-box-shadow: inset 0 -24px 30px rgba(255, 255, 255, 0.1);
|
|
2634
|
+
box-shadow: inset 0 -24px 30px rgba(255, 255, 255, 0.1);
|
|
2635
|
+
overflow: hidden;
|
|
2636
|
+
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
|
|
2637
|
+
}
|
|
2638
|
+
|
|
2639
|
+
.mnav li.active {
|
|
2640
|
+
background-color: #2a3134;
|
|
2641
|
+
/* IE5.5 - IE7 */
|
|
2642
|
+
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF2A3134,EndColorStr=#FF3E4447);
|
|
2643
|
+
/* IE8 */
|
|
2644
|
+
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FF2A3134,EndColorStr=#FF3E4447)";
|
|
2645
|
+
zoom: 1;
|
|
2646
|
+
}
|
|
2647
|
+
|
|
2648
|
+
.mnav li strong,
|
|
2649
|
+
.mnav li a {
|
|
2650
|
+
color: #9d9fa0;
|
|
2651
|
+
}
|
|
2652
|
+
|
|
2653
|
+
.mnav li strong,
|
|
2654
|
+
.mnav li a {
|
|
2655
|
+
border-left: 1px solid #646464;
|
|
2656
|
+
border-left: 1px solid rgba(255, 255, 255, 0.1);
|
|
2657
|
+
border-right: 1px solid #323232;
|
|
2658
|
+
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
|
2659
|
+
font-family: "Droid Sans", Arial, Helvetica, sans-serif;
|
|
2660
|
+
text-transform: uppercase;
|
|
2661
|
+
text-align: left;
|
|
2662
|
+
display: block;
|
|
2663
|
+
line-height: 1em;
|
|
2664
|
+
padding: 1em 10%;
|
|
2665
|
+
color: #9d9fa0;
|
|
2666
|
+
color: rgba(255, 255, 255, 0.6);
|
|
2667
|
+
padding-bottom: 100px;
|
|
2668
|
+
margin-bottom: -86px;
|
|
2669
|
+
-webkit-transition: background-color .1s linear;
|
|
2670
|
+
-moz-transition: background-color .1s linear;
|
|
2671
|
+
transition: background-color .1s linear;
|
|
2672
|
+
zoom: 1;
|
|
2673
|
+
}
|
|
2674
|
+
|
|
2675
|
+
.mnav li strong span,
|
|
2676
|
+
.mnav li a span {
|
|
2677
|
+
display: block;
|
|
2678
|
+
margin-top: .7em;
|
|
2679
|
+
font-size: 10px;
|
|
2680
|
+
color: #79868c;
|
|
2681
|
+
color: rgba(255, 255, 255, 0.5);
|
|
2682
|
+
font-weight: normal;
|
|
2683
|
+
}
|
|
2684
|
+
|
|
2685
|
+
.mnav li.active strong span,
|
|
2686
|
+
.mnav li.active a span {
|
|
2687
|
+
color: #ccc;
|
|
2688
|
+
color: rgba(255, 255, 255, 0.7);
|
|
2689
|
+
}
|
|
2690
|
+
|
|
2691
|
+
.mnav li strong {
|
|
2692
|
+
color: #fff;
|
|
2693
|
+
-webkit-box-shadow: inset 0 -24px 30px rgba(255, 255, 255, 0.1);
|
|
2694
|
+
box-shadow: inset 0 -24px 30px rgba(255, 255, 255, 0.1);
|
|
2695
|
+
}
|
|
2696
|
+
|
|
2697
|
+
.mnav li a:hover,
|
|
2698
|
+
.mnav li a:focus,
|
|
2699
|
+
.mnav li a:active {
|
|
2700
|
+
color: #fff;
|
|
2701
|
+
-webkit-box-shadow: inset 0 -24px 30px rgba(255, 255, 255, 0.2);
|
|
2702
|
+
box-shadow: inset 0 -24px 30px rgba(255, 255, 255, 0.2);
|
|
2703
|
+
background: #800;
|
|
2704
|
+
-webkit-transition: background-color .1s linear;
|
|
2705
|
+
-moz-transition: background-color .1s linear;
|
|
2706
|
+
transition: background-color .1s linear;
|
|
2707
|
+
}
|
|
2708
|
+
|
|
2709
|
+
.mnav li a:hover span,
|
|
2710
|
+
.mnav li a:focus span,
|
|
2711
|
+
.mnav li a:active span {
|
|
2712
|
+
color: rgba(255, 255, 255, 0.7);
|
|
2713
|
+
}
|
|
2714
|
+
|
|
2715
|
+
nav {
|
|
2716
|
+
border-top: 1px #000 solid;
|
|
2717
|
+
background: #080b0c;
|
|
2718
|
+
}
|
|
2719
|
+
|
|
2720
|
+
nav .ym-wbox {
|
|
2721
|
+
padding: 0 48px;
|
|
2722
|
+
}
|
|
2723
|
+
|
|
2724
|
+
nav .ym-hlist {
|
|
2725
|
+
background: transparent;
|
|
2726
|
+
padding: 0;
|
|
2727
|
+
}
|
|
2728
|
+
|
|
2729
|
+
nav .ym-hlist ul {
|
|
2730
|
+
padding: 0.5em 0;
|
|
2731
|
+
}
|
|
2732
|
+
|
|
2733
|
+
nav .hlist li a {
|
|
2734
|
+
color: #aaa;
|
|
2735
|
+
font-variant: small-caps;
|
|
2736
|
+
font-weight: normal;
|
|
2737
|
+
}
|
|
2738
|
+
|
|
2739
|
+
nav .ym-hlist li.active a,
|
|
2740
|
+
nav .ym-hlist li a:hover,
|
|
2741
|
+
nav .ym-hlist li a:focus {
|
|
2742
|
+
background: #444;
|
|
2743
|
+
background: rgba(255, 255, 255, 0.1);
|
|
2744
|
+
color: #fff;
|
|
2745
|
+
}
|
|
2746
|
+
|
|
2747
|
+
#overview {
|
|
2748
|
+
background: #eee;
|
|
2749
|
+
-webkit-box-shadow: inset 0 0 48px rgba(0, 0, 0, 0.25);
|
|
2750
|
+
box-shadow: inset 0 0 48px rgba(0, 0, 0, 0.25);
|
|
2751
|
+
zoom: 1;
|
|
2752
|
+
}
|
|
2753
|
+
|
|
2754
|
+
#main {
|
|
2755
|
+
z-index: 1;
|
|
2756
|
+
background: #fff;
|
|
2757
|
+
-webkit-box-shadow: inset 0 0 48px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.25);
|
|
2758
|
+
-moz-box-shadow: inset 0 0 48px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.25);
|
|
2759
|
+
box-shadow: inset 0 0 48px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.25);
|
|
2760
|
+
}
|
|
2761
|
+
|
|
2762
|
+
#examples {
|
|
2763
|
+
margin-top: 1.5em;
|
|
2764
|
+
}
|
|
2765
|
+
|
|
2766
|
+
#examples img {
|
|
2767
|
+
-webkit-box-shadow: 0 0 64px rgba(255, 255, 255, 0.3);
|
|
2768
|
+
box-shadow: 0 0 64px rgba(255, 255, 255, 0.3);
|
|
2769
|
+
*width: 99%;
|
|
2770
|
+
}
|
|
2771
|
+
|
|
2772
|
+
footer {
|
|
2773
|
+
border-top: 2px #000 solid;
|
|
2774
|
+
}
|
|
2775
|
+
|
|
2776
|
+
footer p:last-child {
|
|
2777
|
+
margin-bottom: 0;
|
|
2778
|
+
}
|
|
2779
|
+
|
|
2780
|
+
footer .ym-gr {
|
|
2781
|
+
text-align: right;
|
|
2782
|
+
}
|
|
2783
|
+
|
|
2784
|
+
footer .ym-gr iframe {
|
|
2785
|
+
display: inline-block;
|
|
2786
|
+
width: 165px !important;
|
|
2787
|
+
}
|
|
2788
|
+
|
|
2789
|
+
footer a {
|
|
2790
|
+
color: #999;
|
|
2791
|
+
}
|
|
2792
|
+
|
|
2793
|
+
footer a {
|
|
2794
|
+
color: #999;
|
|
2795
|
+
color: rgba(255, 255, 255, 0.6);
|
|
2796
|
+
background: transparent;
|
|
2797
|
+
font-weight: normal;
|
|
2798
|
+
}
|
|
2799
|
+
|
|
2800
|
+
footer a:focus,
|
|
2801
|
+
footer a:hover,
|
|
2802
|
+
footer a:active {
|
|
2803
|
+
color: #4D87C7;
|
|
2804
|
+
background-color: transparent;
|
|
2805
|
+
text-decoration: underline;
|
|
2806
|
+
}
|
|
2807
|
+
|
|
2808
|
+
.ym-g30 {
|
|
2809
|
+
width: 30%;
|
|
2810
|
+
}
|
|
2811
|
+
|
|
2812
|
+
.flexible {
|
|
2813
|
+
margin-bottom: 1.5em;
|
|
2814
|
+
}
|
|
2815
|
+
|
|
2816
|
+
/*--- TYPOGRAPHY -----------------------------------------------------*/
|
|
2817
|
+
h2 {
|
|
2818
|
+
letter-spacing: -2px;
|
|
2819
|
+
}
|
|
2820
|
+
|
|
2821
|
+
h2[id] {
|
|
2822
|
+
border-bottom: 1px #aa1124 solid;
|
|
2823
|
+
}
|
|
2824
|
+
|
|
2825
|
+
.indent {
|
|
2826
|
+
padding-left: 10px;
|
|
2827
|
+
}
|
|
2828
|
+
|
|
2829
|
+
h3 {
|
|
2830
|
+
letter-spacing: -1px;
|
|
2831
|
+
}
|
|
2832
|
+
|
|
2833
|
+
body h4, h5, h6 {
|
|
2834
|
+
color: #8B8F90;
|
|
2835
|
+
}
|
|
2836
|
+
|
|
2837
|
+
.site dl {
|
|
2838
|
+
margin: 0 0 1.5em 0;
|
|
2839
|
+
}
|
|
2840
|
+
|
|
2841
|
+
.site dd {
|
|
2842
|
+
margin: 0 0 0.75em 0;
|
|
2843
|
+
}
|
|
2844
|
+
|
|
2845
|
+
/*--------------------------------------------------------------------*/
|
|
2846
|
+
.ym-gbox-left {
|
|
2847
|
+
padding: 0 20px 0 0;
|
|
2848
|
+
}
|
|
2849
|
+
|
|
2850
|
+
.ym-gbox-right {
|
|
2851
|
+
padding: 0 0 0 20px;
|
|
2852
|
+
}
|
|
2853
|
+
|
|
2854
|
+
.ym-cbox {
|
|
2855
|
+
padding: 0 10px;
|
|
2856
|
+
}
|
|
2857
|
+
|
|
2858
|
+
.grid-demo1,
|
|
2859
|
+
.grid-demo2 {
|
|
2860
|
+
margin: 0 0 1.5em 0;
|
|
2861
|
+
}
|
|
2862
|
+
|
|
2863
|
+
.grid-demo1 .ym-grid + .ym-grid {
|
|
2864
|
+
margin-top: 8px;
|
|
2865
|
+
}
|
|
2866
|
+
|
|
2867
|
+
.grid-demo1 .ym-gbox {
|
|
2868
|
+
text-align: center;
|
|
2869
|
+
background: #eee;
|
|
2870
|
+
margin-right: 12px;
|
|
2871
|
+
padding: 10px;
|
|
2872
|
+
border: 1px #ccc solid;
|
|
2873
|
+
}
|
|
2874
|
+
|
|
2875
|
+
.dummyscreen {
|
|
2876
|
+
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
|
|
2877
|
+
border: 1px #888 solid;
|
|
2878
|
+
border-radius: 5px;
|
|
2879
|
+
line-height: 3em;
|
|
2880
|
+
margin: 0 0 1.5em 0;
|
|
2881
|
+
zoom: 1;
|
|
2882
|
+
}
|
|
2883
|
+
|
|
2884
|
+
.layout-a .ym-wrapper {
|
|
2885
|
+
width: 70%;
|
|
2886
|
+
margin: 0 auto;
|
|
2887
|
+
border: 1px dashed #888;
|
|
2888
|
+
border: 1px dashed rgba(0, 0, 0, 0.25);
|
|
2889
|
+
background: #eee;
|
|
2890
|
+
}
|
|
2891
|
+
|
|
2892
|
+
.layout-b .ym-wrapper {
|
|
2893
|
+
width: 70%;
|
|
2894
|
+
margin: 0 auto;
|
|
2895
|
+
border: 1px dashed #888;
|
|
2896
|
+
border: 1px dashed rgba(0, 0, 0, 0.25);
|
|
2897
|
+
}
|
|
2898
|
+
|
|
2899
|
+
.dummyscreen .ym-wbox {
|
|
2900
|
+
padding: 0;
|
|
2901
|
+
margin: 8px;
|
|
2902
|
+
border: 1px dotted #888;
|
|
2903
|
+
border: 1px dotted rgba(0, 0, 0, 0.25);
|
|
2904
|
+
}
|
|
2905
|
+
|
|
2906
|
+
.layout-a .main {
|
|
2907
|
+
padding: 20px 0;
|
|
2908
|
+
}
|
|
2909
|
+
|
|
2910
|
+
.dummyscreen * {
|
|
2911
|
+
text-align: center;
|
|
2912
|
+
color: #fff;
|
|
2913
|
+
}
|
|
2914
|
+
|
|
2915
|
+
.dummyscreen .header {
|
|
2916
|
+
background: #aaa;
|
|
2917
|
+
color: #fff;
|
|
2918
|
+
}
|
|
2919
|
+
|
|
2920
|
+
.dummyscreen .main {
|
|
2921
|
+
background: #ccc;
|
|
2922
|
+
color: #fff;
|
|
2923
|
+
line-height: 10em;
|
|
2924
|
+
}
|
|
2925
|
+
|
|
2926
|
+
.dummyscreen .footer {
|
|
2927
|
+
background: #aaa;
|
|
2928
|
+
color: #fff;
|
|
2929
|
+
}
|
|
2930
|
+
|
|
2931
|
+
.dummyscreen .ym-cbox,
|
|
2932
|
+
.dummyscreen .bg {
|
|
2933
|
+
height: 10em;
|
|
2934
|
+
}
|
|
2935
|
+
|
|
2936
|
+
.dummyscreen .ym-col1 .ym-cbox {
|
|
2937
|
+
margin: 0 0.25em;
|
|
2938
|
+
background: #aaa;
|
|
2939
|
+
}
|
|
2940
|
+
|
|
2941
|
+
.dummyscreen .ym-col2 .ym-cbox {
|
|
2942
|
+
margin: 0 0.25em;
|
|
2943
|
+
background: #999;
|
|
2944
|
+
}
|
|
2945
|
+
|
|
2946
|
+
.dummyscreen .ym-col3 .ym-cbox .bg {
|
|
2947
|
+
padding: 0 0.25em;
|
|
2948
|
+
background: #777;
|
|
2949
|
+
}
|
|
2950
|
+
|
|
2951
|
+
.columnset-2 .ym-col1 {
|
|
2952
|
+
width: 6em;
|
|
2953
|
+
}
|
|
2954
|
+
|
|
2955
|
+
.columnset-2 .ym-col3 {
|
|
2956
|
+
width: auto;
|
|
2957
|
+
margin: 0 0 0 6em;
|
|
2958
|
+
}
|
|
2959
|
+
|
|
2960
|
+
.columnset-3 .ym-col1 {
|
|
2961
|
+
width: 6em;
|
|
2962
|
+
}
|
|
2963
|
+
|
|
2964
|
+
.columnset-3 .ym-col2 {
|
|
2965
|
+
width: 6em;
|
|
2966
|
+
}
|
|
2967
|
+
|
|
2968
|
+
.columnset-3 .ym-col3 {
|
|
2969
|
+
width: auto;
|
|
2970
|
+
margin: 0 6em;
|
|
2971
|
+
}
|
|
2972
|
+
|
|
2973
|
+
.columnset-4 * {
|
|
2974
|
+
color: #444;
|
|
2975
|
+
text-align: left;
|
|
2976
|
+
margin-top: 0;
|
|
2977
|
+
}
|
|
2978
|
+
|
|
2979
|
+
.columnset-4 .ym-col1 {
|
|
2980
|
+
width: 25%;
|
|
2981
|
+
}
|
|
2982
|
+
|
|
2983
|
+
.columnset-4 .ym-col2 {
|
|
2984
|
+
width: 25%;
|
|
2985
|
+
}
|
|
2986
|
+
|
|
2987
|
+
.columnset-4 .ym-col3 {
|
|
2988
|
+
width: auto;
|
|
2989
|
+
margin: 0 25%;
|
|
2990
|
+
border-left: 1px solid #ddd;
|
|
2991
|
+
border-right: 1px solid #ddd;
|
|
2992
|
+
background: #fff !important;
|
|
2993
|
+
}
|
|
2994
|
+
|
|
2995
|
+
.columnset-4 [class*="ym-cbox"] {
|
|
2996
|
+
text-align: left;
|
|
2997
|
+
padding: 0 1em;
|
|
2998
|
+
color: #444;
|
|
2999
|
+
height: auto !important;
|
|
3000
|
+
background: #fff !important;
|
|
3001
|
+
}
|
|
3002
|
+
|
|
3003
|
+
.grid-demo1 .ym-grid .ym-grid .ym-gbox,
|
|
3004
|
+
.grid-demo1 .ym-grid .ym-grid .ym-gbox {
|
|
3005
|
+
background: #ddd;
|
|
3006
|
+
}
|
|
3007
|
+
|
|
3008
|
+
.grid-demo2 .ym-grid {
|
|
3009
|
+
margin-bottom: 2px;
|
|
3010
|
+
}
|
|
3011
|
+
|
|
3012
|
+
.grid-demo2 .ym-gl {
|
|
3013
|
+
text-align: center;
|
|
3014
|
+
background: #f4f4f4;
|
|
3015
|
+
padding: 10px 0;
|
|
3016
|
+
}
|
|
3017
|
+
|
|
3018
|
+
.grid-demo2 .ym-gr {
|
|
3019
|
+
text-align: center;
|
|
3020
|
+
background: #e4e4e4;
|
|
3021
|
+
padding: 10px 0;
|
|
3022
|
+
}
|
|
3023
|
+
|
|
3024
|
+
.grid-demo3 {
|
|
3025
|
+
margin: 0 0 1.5em 0;
|
|
3026
|
+
}
|
|
3027
|
+
|
|
3028
|
+
.grid-demo3 .ym-gbox-left {
|
|
3029
|
+
background: #eee;
|
|
3030
|
+
padding-left: 0;
|
|
3031
|
+
padding-right: 0;
|
|
3032
|
+
margin-right: 0.5em;
|
|
3033
|
+
}
|
|
3034
|
+
|
|
3035
|
+
.grid-demo3 .ym-gbox-right {
|
|
3036
|
+
background: #eee;
|
|
3037
|
+
padding-left: 0;
|
|
3038
|
+
padding-right: 0;
|
|
3039
|
+
margin-left: 0.5em;
|
|
3040
|
+
}
|
|
3041
|
+
|
|
3042
|
+
.grid-demo3 h6 {
|
|
3043
|
+
background: #800;
|
|
3044
|
+
color: #fff;
|
|
3045
|
+
padding: 0.75em 1em;
|
|
3046
|
+
margin: 0;
|
|
3047
|
+
}
|
|
3048
|
+
|
|
3049
|
+
.grid-demo3 ul,
|
|
3050
|
+
.grid-demo3 p {
|
|
3051
|
+
padding: 1.5em;
|
|
3052
|
+
margin: 0;
|
|
3053
|
+
}
|
|
3054
|
+
|
|
3055
|
+
.nav-wrapper {
|
|
3056
|
+
margin-bottom: 1.5em;
|
|
3057
|
+
}
|
|
3058
|
+
|
|
3059
|
+
#main .hlist,
|
|
3060
|
+
#main h6.vlist {
|
|
3061
|
+
margin: 0 0 1.5em 0;
|
|
3062
|
+
}
|
|
3063
|
+
|
|
3064
|
+
#main th {
|
|
3065
|
+
white-space: nowrap;
|
|
3066
|
+
}
|
|
3067
|
+
|
|
3068
|
+
p .ym-button {
|
|
3069
|
+
margin-bottom: 1.5em;
|
|
3070
|
+
}
|
|
3071
|
+
|
|
3072
|
+
h3 + .label,
|
|
3073
|
+
h4 + .label {
|
|
3074
|
+
margin-top: -3.6em;
|
|
3075
|
+
}
|
|
3076
|
+
|
|
3077
|
+
/**
|
|
3078
|
+
* -------------------------------------------------------------------------- #
|
|
3079
|
+
*
|
|
3080
|
+
* Skiplinks
|
|
3081
|
+
*
|
|
3082
|
+
* (en) Visual styling for skiplink navigation
|
|
3083
|
+
* (de) Visuelle Gestaltung der Skiplink-Navigation
|
|
3084
|
+
*
|
|
3085
|
+
* @section content-skiplinks
|
|
3086
|
+
*/
|
|
3087
|
+
.ym-skiplinks a.skip:focus, .ym-skiplinks a.skip:active {
|
|
3088
|
+
color: #fff;
|
|
3089
|
+
background: #333;
|
|
3090
|
+
border-bottom: 1px #000 solid;
|
|
3091
|
+
padding: 10px 0;
|
|
3092
|
+
text-decoration: none;
|
|
3093
|
+
}
|
|
3094
|
+
}
|
|
3095
|
+
@media screen and (min-width: 0px) {
|
|
3096
|
+
body > header,
|
|
3097
|
+
body > footer,
|
|
3098
|
+
body > nav,
|
|
3099
|
+
body > #intro,
|
|
3100
|
+
body > [id] {
|
|
3101
|
+
min-width: 0;
|
|
3102
|
+
}
|
|
3103
|
+
|
|
3104
|
+
.ym-wrapper {
|
|
3105
|
+
width: auto;
|
|
3106
|
+
}
|
|
3107
|
+
|
|
3108
|
+
#examples img {
|
|
3109
|
+
width: auto;
|
|
3110
|
+
max-width: 99%;
|
|
3111
|
+
}
|
|
3112
|
+
}
|
|
3113
|
+
@media screen and (max-width: 960px) {
|
|
3114
|
+
nav .ym-wbox,
|
|
3115
|
+
#sitenav .ym-wbox,
|
|
3116
|
+
.ym-wbox {
|
|
3117
|
+
padding-left: 24px;
|
|
3118
|
+
padding-right: 24px;
|
|
3119
|
+
}
|
|
3120
|
+
|
|
3121
|
+
/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
|
|
3122
|
+
.linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
|
|
3123
|
+
/* linearization for grids and columns module */
|
|
3124
|
+
display: block;
|
|
3125
|
+
float: none;
|
|
3126
|
+
padding: 0;
|
|
3127
|
+
margin: 0;
|
|
3128
|
+
width: auto !important;
|
|
3129
|
+
}
|
|
3130
|
+
.linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
|
|
3131
|
+
/* reset defined gutter values */
|
|
3132
|
+
margin: 0;
|
|
3133
|
+
padding: 0;
|
|
3134
|
+
/* optional for containing floats */
|
|
3135
|
+
overflow: hidden;
|
|
3136
|
+
}
|
|
3137
|
+
|
|
3138
|
+
#secondary .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
|
|
3139
|
+
padding: 10px;
|
|
3140
|
+
}
|
|
3141
|
+
}
|
|
3142
|
+
@media screen and (max-width: 740px) {
|
|
3143
|
+
#intro {
|
|
3144
|
+
letter-spacing: normal;
|
|
3145
|
+
word-spacing: normal;
|
|
3146
|
+
}
|
|
3147
|
+
|
|
3148
|
+
header h1 {
|
|
3149
|
+
font-size: 60px;
|
|
3150
|
+
line-height: 1.0em;
|
|
3151
|
+
}
|
|
3152
|
+
|
|
3153
|
+
header h1 span {
|
|
3154
|
+
width: 118px;
|
|
3155
|
+
padding-top: 40px;
|
|
3156
|
+
margin-bottom: -2px;
|
|
3157
|
+
background: url(../images/yaml-solo-transparent-small.png) no-repeat top left;
|
|
3158
|
+
}
|
|
3159
|
+
|
|
3160
|
+
header h2 {
|
|
3161
|
+
font-size: 28px;
|
|
3162
|
+
letter-spacing: 2px;
|
|
3163
|
+
line-height: 1.5em;
|
|
3164
|
+
}
|
|
3165
|
+
|
|
3166
|
+
header p {
|
|
3167
|
+
font-size: 14px;
|
|
3168
|
+
}
|
|
3169
|
+
|
|
3170
|
+
th.nowrap,
|
|
3171
|
+
td.nowrap {
|
|
3172
|
+
white-space: normal;
|
|
3173
|
+
}
|
|
3174
|
+
|
|
3175
|
+
nav .ym-wbox,
|
|
3176
|
+
#sitenav .ym-wbox,
|
|
3177
|
+
.ym-wbox {
|
|
3178
|
+
padding-left: 6px;
|
|
3179
|
+
padding-right: 6px;
|
|
3180
|
+
}
|
|
3181
|
+
|
|
3182
|
+
.mnav li {
|
|
3183
|
+
-webkit-box-shadow: inset 0 -10px 30px rgba(255, 255, 255, 0.1);
|
|
3184
|
+
box-shadow: inset 0 -10px 30px rgba(255, 255, 255, 0.1);
|
|
3185
|
+
}
|
|
3186
|
+
|
|
3187
|
+
.mnav li a span,
|
|
3188
|
+
.mnav li strong span {
|
|
3189
|
+
display: none;
|
|
3190
|
+
}
|
|
3191
|
+
|
|
3192
|
+
footer .ym-gr {
|
|
3193
|
+
text-align: left;
|
|
3194
|
+
}
|
|
3195
|
+
|
|
3196
|
+
.indent {
|
|
3197
|
+
padding-left: 0px;
|
|
3198
|
+
}
|
|
3199
|
+
|
|
3200
|
+
table th,
|
|
3201
|
+
table td {
|
|
3202
|
+
white-space: normal !important;
|
|
3203
|
+
}
|
|
3204
|
+
|
|
3205
|
+
/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
|
|
3206
|
+
.linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
|
|
3207
|
+
/* linearization for grids and columns module */
|
|
3208
|
+
display: block;
|
|
3209
|
+
float: none;
|
|
3210
|
+
padding: 0;
|
|
3211
|
+
margin: 0;
|
|
3212
|
+
width: auto !important;
|
|
3213
|
+
}
|
|
3214
|
+
.linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
|
|
3215
|
+
/* reset defined gutter values */
|
|
3216
|
+
margin: 0;
|
|
3217
|
+
padding: 0;
|
|
3218
|
+
/* optional for containing floats */
|
|
3219
|
+
overflow: hidden;
|
|
3220
|
+
}
|
|
3221
|
+
|
|
3222
|
+
.ym-form .linearize-level-2 [class*="ym-fbox"] {
|
|
3223
|
+
margin: 0 0 1em 0;
|
|
3224
|
+
padding: 0.3em 1em;
|
|
3225
|
+
}
|
|
3226
|
+
|
|
3227
|
+
#secondary .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
|
|
3228
|
+
margin: 0;
|
|
3229
|
+
padding: 0;
|
|
3230
|
+
}
|
|
3231
|
+
|
|
3232
|
+
.linearize-form label {
|
|
3233
|
+
float: none;
|
|
3234
|
+
}
|
|
3235
|
+
.linearize-form .ym-label, .linearize-form .ym-message, .linearize-form input, .linearize-form button, .linearize-form textarea, .linearize-form select {
|
|
3236
|
+
display: block;
|
|
3237
|
+
float: none;
|
|
3238
|
+
position: static;
|
|
3239
|
+
width: 100% !important;
|
|
3240
|
+
margin-left: 0 !important;
|
|
3241
|
+
}
|
|
3242
|
+
.linearize-form .ym-fbox-wrap, .linearize-form .ym-fbox-wrap [class*="ym-g"] {
|
|
3243
|
+
display: block;
|
|
3244
|
+
float: none;
|
|
3245
|
+
width: 100% !important;
|
|
3246
|
+
margin: 0 !important;
|
|
3247
|
+
padding: 0 !important;
|
|
3248
|
+
}
|
|
3249
|
+
.linearize-form input[type="checkbox"], .linearize-form input[type="radio"], .linearize-form input[type="image"] {
|
|
3250
|
+
margin-left: 0 !important;
|
|
3251
|
+
width: auto !important;
|
|
3252
|
+
display: inline;
|
|
3253
|
+
}
|
|
3254
|
+
|
|
3255
|
+
.ym-button,
|
|
3256
|
+
.ym-form button,
|
|
3257
|
+
.ym-form input[type="button"],
|
|
3258
|
+
.ym-form input[type="reset"],
|
|
3259
|
+
.ym-form input[type="submit"] {
|
|
3260
|
+
margin-bottom: 0.25em;
|
|
3261
|
+
}
|
|
3262
|
+
}
|