@font-face
{
font-family: "Montez";
font-style: normal;
font-weight: 400;
src: url(../fonts/Montez.woff) format("woff");
}
@font-face
{
font-family: "OpenSans";
font-style: normal;
font-weight: 300;
src: url(../fonts/OpenSans-Light-latinext.woff) format("woff");
}
@font-face
{
font-family: "OpenSans";
font-style: normal;
font-weight: 400;
src: url(../fonts/OpenSans-Regular-latinext.woff) format("woff");
}
@font-face
{
font-family: "OpenSans";
font-style: italic;
font-weight: 400;
src: url(../fonts/OpenSans-Italic-latinext.woff) format("woff");
}
@font-face
{
font-family: "OpenSans";
font-style: normal;
font-weight: 600;
src: url(../fonts/OpenSans-Semibold-latinext.woff) format("woff");
}
@font-face
{
font-family: "OpenSans";
font-style: italic;
font-weight: 600;
src: url(../fonts/OpenSans-Semibold-Italic-latinext.woff) format("woff");
}
@font-face
{
font-family: "ForoLight";
font-style: normal;
font-weight: 400;
src: url(../fonts/ForoLig.woff) format("woff");
}
@font-face
{
font-family: "Source Code Pro";
font-style: normal;
font-weight: 400;
src: url(../fonts/SourceCodePro-Regular.woff) format("woff");
}
html
{
background: #ffffff url(../img/head_pattern_bk.png);
color: #202020;
overflow-y: scroll;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
html.white
{
background: #ffffff;
}
html.black
{
background: #000000;
color: #808080;
}
body
{
margin: 0;
}
html,
body
{
height: 100%;
}
#all-sections
{
position: relative;
min-height: 100%;
}
#head,
#sitemsg,
#content,
#foot
{
width: 850px;
max-width: 95%;
margin: 0 auto;
}
#head
{
padding-top: 8px;
}
#content
{
padding-bottom: 2.5em;
}
html,
span.tag,
input,
select,
textarea,
kbd
{
font-family: OpenSans, sans-serif;
font-size: 13px;
}
kbd
{
font-size: 12px;
}
html,
span.tag
{
line-height: 20px;
}
#foot
{
font-size: 0.9em;
line-height: 150%;
}
h1
{
font-family: ForoLight, Julius Sans One, sans-serif;
font-size: 3.6em;
font-weight: normal;
line-height: 105%;
}
p.intro
{
font-size: 1.538em;
font-weight: 300;
line-height: 130%;
}
h2
{
font-family: ForoLight, Julius Sans One, sans-serif;
font-size: 1.923em;
font-weight: normal;
line-height: 120%;
}
h3
{
font-family: OpenSans, sans-serif;
font-size: 1.538em;
font-weight: 300;
line-height: 120%;
}
div.items-list a.item span.item-title,
div.index-items-list a.item span.item-title
{
font-size: 1.45em;
font-weight: 300;
line-height: 120%;
}
span.tag
{
font-size: 10px;
text-transform: uppercase;
}
div.quick-download-box a.quick-download
{
font-size: 16px;
line-height: 17px;
}
a.download span.filename
{
font-size: 1.45em;
font-weight: 300;
line-height: 130%;
}
a.download span.typename
{
font-size: 0.62em;
font-weight: normal;
}
a.download span.pgp-desc
{
font-size: 0.9em;
}
a.manual span.title
{
font-size: 1.45em;
font-weight: 300;
line-height: 130%;
}
div.calendar-date span.year
{
font-size: 0.85em;
line-height: 110%;
}
div.calendar-date span.month
{
font-weight: 600;
line-height: 110%;
}
div.calendar-date span.day
{
font-size: 1.7em;
font-weight: 300;
line-height: 105%;
letter-spacing: -0.05em;
}
code,
tt,
pre
{
font-family: Source Code Pro, monospace;
font-size: 0.92em;
line-height: 125%;
}
div.source-code
{
font-family: Source Code Pro, monospace;
font-size: 0.92em;
line-height: 125%;
}
div.source-code.inline
{
line-height: 140%;
}
html
{
cursor: default;
}
input[type="text"],
input[type="search"],
input[type="password"],
textarea
{
cursor: text;
}
input[type="button"],
input[type="submit"],
input[type="image"],
input[type="checkbox"],
input[type="radio"],
select,
label
{
cursor: pointer;
}
input[disabled],
textarea[disabled],
select[disabled],
option[disabled]
{
cursor: default;
}
header,
nav,
footer
{
display: block;
}
#topdeco
{
position: fixed;
z-index: 10;
top: -1px;
left: -5px;
right: -5px;
height: 1px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}
#head-section
{
background: #3452ae url(../img/head_pattern.png);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
position: relative;
z-index: 10;
}
#head
{
position: relative;
}
.direct-links
{
position: absolute;
margin-top: -14px;
font-size: 0.8em;
}
#head .direct-links a
{
color: #3452ae;
}
#head .direct-links a:hover
{
color: #aabbff;
text-decoration: none;
}
.language-selection
{
float: right;
margin-top: 6px;
height: 1px;
overflow: visible;
text-align: right;
font-size: 0.92em;
}
.language-selection a.language-pref
{
color: rgba(255, 255, 255, 0.6) !important;
-moz-transition: color 0.2s;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
-ms-transition: color 0.2s;
transition: color 0.2s;
}
.language-selection a.language-pref-highlight
{
text-shadow: 0 0 4px #ffd800;
color: #ffe040 !important;
}
.search-box
{
margin-top: 4px;
}
.search-box input[type="search"]
{
width: 145px;
padding-right: 20px;
opacity: 0.6;
-moz-transition: width 0.2s, opacity 0.2s;
-webkit-transition: width 0.2s, opacity 0.2s;
-o-transition: width 0.2s, opacity 0.2s;
-ms-transition: width 0.2s, opacity 0.2s;
transition: width 0.2s, opacity 0.2s;
}
.search-box input[type="search"]:hover
{
opacity: 0.75;
}
.search-box input[type="search"]:focus,
.search-box input[type="search"]:focus:hover
{
width: 220px;
opacity: 1;
}
.search-box input[type="search"]::-webkit-input-placeholder
{
color: black;
}
.search-box input[type="search"]::-moz-placeholder
{
color: black;
}
.search-box input[type="search"]:-ms-input-placeholder
{
color: black;
}
.search-box input[type="search"]:focus::-webkit-input-placeholder
{
color: #808080;
}
.search-box input[type="search"]:focus::-moz-placeholder
{
color: #808080;
}
.search-box input[type="search"]:focus:-ms-input-placeholder
{
color: #808080;
}
.search-box input[type="image"]
{
width: 13px;
margin-left: -16px;
margin-right: 3px;
vertical-align: middle;
position: relative;
top: -2px;
z-index: 10;
}
#logo
{
margin-left: 10px;
margin-top: 6px;
font: 38px/27px Montez;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
}
#logo a,
#subtitle a
{
text-decoration: none;
}
#subtitle
{
margin-left: 10px;
margin-right: 260px;
padding-bottom: 8px;
color: white;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
font-weight: 300;
letter-spacing: 0.02em;
}
#subtitle .caps
{
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 0.07em;
font-weight: 400;
text-shadow: none;
}
#subtitle strong
{
font-weight: 600;
letter-spacing: 0;
margin: 0 0.7em;
}
#sitemsg-section
{
background: #fff8bb url(../img/head_pattern_bk.png);
}
#mobile-tools
{
display: none;
}
#content
{
padding-top: 1.5em;
}
#navigation
{
float: left;
height: 1px;
overflow: visible;
width: 160px;
margin-top: 0.2em;
margin-bottom: 1em;
}
#navigation a.item,
#navigation a.subitem
{
display: block;
text-align: right;
line-height: 130%;
padding: 0.4em 8px;
color: #004dd2;
border-right: solid 4px transparent;
-moz-transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
transition: background-color 0.15s;
}
#navigation a.subitem
{
font-size: 0.9em;
margin-right: 4px;
padding-right: 4px;
}
#navigation a.subitem.with-hyphens
{
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
#navigation a.item:hover,
#navigation a.subitem:hover
{
background-color: rgba(49, 102, 193, 0.1);
text-decoration: none;
}
#navigation a.item.selected,
#navigation a.item.selected:hover,
#navigation a.subitem.selected,
#navigation a.subitem.selected:hover
{
border-color: #ff8000;
}
#navigation a.item.super-selected,
#navigation a.item.super-selected:hover
{
border-color: rgba(255, 128, 0, 0.3);
}
#navigation a.item .annot,
#navigation a.subitem .annot
{
display: block;
color: #909090;
font-size: 0.9em;
line-height: 130%;
padding-bottom: 2px;
}
#navigation a.item.selected .annot,
#navigation a.subitem.selected .annot
{
}
#navigation a.item.super-selected .annot
{
}
#navigation a.mobile-language
{
display: none;
}
.plusone-button
{
cursor: pointer;
background: url(../img/google-plusone-off.png) no-repeat;
width: 90px;
height: 20px;
}
#plusone-section #disable-plusone-button
{
float: left;
margin-top: 2px;
width: 16px;
height: 16px;
cursor: pointer;
background: url(../img/close.png) no-repeat;
opacity: 0.4;
}
#plusone-section:hover #disable-plusone-button
{
opacity: 1;
}
#navigation .othersites
{
margin-top: 1.5em;
border-top: solid 1px #e4e4e4;
padding-top: 1.5em;
text-align: center;
color: #808080;
}
#navigation .othersites.no-line
{
margin-top: -0.5em;
border-top: none;
padding-top: 0;
}
#navigation .othersites a img
{
padding: 6px;
-moz-transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
transition: background-color 0.15s;
}
#navigation .othersites a:hover img
{
border-radius: 1px;
background-color: rgba(49, 102, 193, 0.1);
}
#navigation #photos-link
{
margin-top: 1em;
height: 130px;
position: relative;
}
#navigation #photos-link .back-photo1,
#navigation #photos-link .back-photo2,
#navigation #photos-link .back-photo3,
#navigation #photos-link .main-photo
{
position: absolute;
left: 14px;
width: 120px;
height: 80px;
border: solid 6px white;
background: #eeeeee;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
#navigation #photos-link .back-photo1
{
-moz-transform: rotate(3deg) translate(2px, -2px);
-webkit-transform: rotate(3deg) translate(2px, -2px);
-o-transform: rotate(3deg) translate(2px, -2px);
-ms-transform: rotate(3deg) translate(2px, -2px);
transform: rotate(3deg) translate(2px, -2px);
}
#navigation #photos-link .back-photo2
{
-moz-transform: rotate(4deg) translate(-1px, 3px);
-webkit-transform: rotate(4deg) translate(-1px, 3px);
-o-transform: rotate(4deg) translate(-1px, 3px);
-ms-transform: rotate(4deg) translate(-1px, 3px);
transform: rotate(4deg) translate(-1px, 3px);
}
#navigation #photos-link .back-photo3
{
-moz-transform: rotate(-5deg) translate(-3px, 1px);
-webkit-transform: rotate(-5deg) translate(-3px, 1px);
-o-transform: rotate(-5deg) translate(-3px, 1px);
-ms-transform: rotate(-5deg) translate(-3px, 1px);
transform: rotate(-5deg) translate(-3px, 1px);
}
#navigation #photos-link .main-photo
{
background: white;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
#navigation #photos-link .main-photo img
{
opacity: 0.85;
-moz-transition: opacity 0.15s;
-webkit-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
-ms-transition: opacity 0.15s;
transition: opacity 0.15s;
}
#navigation #photos-link .main-photo a:hover img
{
opacity: 1;
}
#print-navigation
{
display: none;
}
.mobile-index-navigation
{
display: none;
}
#inner-content
{
padding-top: 1px;
margin-left: 190px;
min-height: 47em;
}
#inner-content > :last-child
{
margin-bottom: 0;
}
#rightside
{
display: none;
}
#content-section
{
position: relative;
left: 0;
-moz-transition: left 0.2s;
-webkit-transition: left 0.2s;
-o-transition: left 0.2s;
-ms-transition: left 0.2s;
transition: left 0.2s;
padding-bottom: 80px;
}
#foot-section
{
background: #757e96;
box-shadow: inset 0 23px 8px -20px rgba(0, 0, 0, 0.15);
border-top: solid 1px #6479b6;
position: absolute;
bottom: 0;
min-width: 100%;
}
#foot
{
padding-top: 12px;
padding-bottom: 12px;
color: #c0c0c0;
}
#foot .print-url
{
display: none;
}
#foot a
{
color: #9bc0ff;
}
#foot-section #social-links
{
float: right;
opacity: 0.7;
-moz-transition: opacity 0.15s;
-webkit-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
-ms-transition: opacity 0.15s;
transition: opacity 0.15s;
}
#foot-section:hover #social-links
{
opacity: 1;
}
#foot-section #social-links a
{
margin-left: 4px;
}
.foot-link-separator
{
margin: 0 7px 0 10px;
border-left: solid 1px #999999;
}
.foot-link-separator.de-flag
{
margin: 0 7px 0 10px;
border-left: none !important;
display: inline-block;
position: relative;
top: 4px;
margin-top: -4px;
width: 1px;
height: 6px;
border-top: 6px solid black;
background: red;
border-bottom: 6px solid #ffcc00;
}
h2
{
color: #ff8000;
padding: 0;
margin: 1.2em 0 0.5em;
}
h2[id]
{
padding-top: 20px;
margin-top: calc(1.2em - 20px);
}
h3
{
color: #e06e00;
padding: 0;
margin: 1em 0 0.5em 0;
}
h3[id]
{
padding-top: 15px;
margin-top: calc(1em - 15px);
}
h3 + p
{
margin-top: -0.2em;
}
h3 em.highlight
{
font-size: 0.55em;
font-weight: 600;
font-style: normal;
position: relative;
top: -6px;
color: #202020;
background: #ffde5b;
padding: 0 2px;
}
p
{
margin-top: 1em;
margin-bottom: 1em;
}
p:first-child,
div.source-code:first-child
{
margin-top: 0;
}
p:last-child,
div.source-code:last-child
{
margin-bottom: 0;
}
h1
{
margin-top: 2px;
margin-bottom: 4px;
padding: 0;
color: #000000;
}
html.black h1
{
color: #c0c0c0;
}
div.title-info
{
margin-bottom: 1.5em;
}
p.intro
{
color: #000000;
}
html.black p.intro
{
color: #808080;
}
p.intro,
p.text,
div.text,
ol.text,
ul.text
{
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
span.no-hyphens
{
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
p.intro.intro-box
{
background: rgba(255, 128, 0, 0.17);
padding: 6px 10px 8px;
text-align: center;
}
p.intro strong
{
font-weight: 600;
}
ul.text,
ol.text
{
margin: 1em 0;
}
p.indent
{
margin-left: 24px;
}
p.center
{
text-align: center;
}
p.next
{
padding-left: 24px;
background: url(../img/arrow_right_9_green.png) no-repeat 2px 55%;
}
p.alternative
{
padding-left: 24px;
background: url(../img/alternative.png) no-repeat 1px 2px;
}
p.replaced
{
padding-left: 24px;
background: url(../img/replaced.png) no-repeat 1px 2px;
background-color: rgba(255, 250, 221, 0.75);
border-radius: 5px;
box-shadow: 0 0 25px #fffadd, 0 0 15px #fffadd;
}
p.readtime
{
padding-left: 24px;
background: url(../img/time_green.svg) no-repeat 1px 4px;
background-size: 11px 11px;
font-style: italic;
}
p.warning
{
padding-left: 24px;
background: url(../img/icons/warning.png) no-repeat 1px 2px;
background-color: rgba(255, 250, 221, 0.75);
border-radius: 5px;
box-shadow: 0 0 25px #fffadd, 0 0 15px #fffadd;
}
p.error
{
color: #f00000;
padding-left: 24px;
background: url(../img/icons/error.png) no-repeat 1px 2px;
background-color: rgba(253, 224, 224, 0.75);
border-radius: 9px;
box-shadow: 0 0 25px #fde0e0, 0 0 15px #fde0e0;
}
p.error strong
{
color: #d80000;
}
#sitemsg p.warning
{
background-position: 1px 7px;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
background-color: transparent;
border-radius: 0px;
box-shadow: none;
}
#sitemsg p.error
{
background-position: 1px 7px;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
background-color: transparent;
border-radius: 0px;
box-shadow: none;
}
p#page-keywords
{
margin-top: 1.5em;
font-size: 0.9em;
line-height: 130%;
color: #707070;
}
ol
{
padding-left: 24px;
margin: 0.3em 0 0.3em;
}
ul
{
padding-left: 24px;
margin: 0.3em 0 0.3em;
list-style-image: url(../img/list-bullet-small.png);
}
ul ul
{
margin: 0;
list-style-image: url(../img/list-bullet2-small.png);
}
ul.check-icon,
li.check-icon
{
list-style-image: url(../img/yes_9.png);
}
ul.no-icon,
li.no-icon
{
list-style-image: url(../img/no_9.png);
}
ul.no2-icon,
li.no2-icon
{
list-style-image: url(../img/no2_9.png);
}
ul.info-icon,
li.info-icon
{
list-style-image: url(../img/info_9.png);
}
ul.plus-icon,
li.plus-icon
{
list-style-image: url(../img/plus.png);
}
ul.warn-icon,
li.warn-icon
{
list-style-image: url(../img/warn.png);
}
ul.right-arrow-icon,
li.right-arrow-icon
{
list-style-image: url(../img/blue_right_7.png);
}
ul.folder-icon,
li.folder-icon
{
list-style-image: url(../img/folder_13.png);
}
ul.folder-open-icon,
li.folder-open-icon
{
list-style-image: url(../img/folder_open_13.png);
}
ul.file-icon,
li.file-icon
{
list-style-image: url(../img/file_13.png);
}
ul.flags
{
padding-left: 30px;
}
ol.wide li,
ul.wide li
{
margin: 1em 0;
}
ul.left-guideline
{
border-left: dotted 1px #e4e4e4;
margin-left: -1px;
}
blockquote
{
margin: 1em 0;
padding: 2px 8px 2px 30px;
background: url(../img/quote-liberty-48l.png) no-repeat 0.2em 0.2em;
background-color: #f8f8f8;
color: #303030;
}
.imageshape-dbg
{
background: silver;
background: rgba(0, 0, 0, 0.1);
}
a
{
text-decoration: none;
color: #004dd2;
}
a:hover
{
text-decoration: underline;
color: #004dd2;
}
a img
{
border: 0;
}
#head a,
#head a:hover
{
color: white;
}
html[lang="de"] a[hreflang="en"]
{
background-image: url(../img/link_en.png);
background-position: 100% 35%;
background-repeat: no-repeat;
padding-right: 11px;
}
html[lang="en"] a[hreflang="de"]
{
background-image: url(../img/link_de.png);
background-position: 100% 35%;
background-repeat: no-repeat;
padding-right: 11px;
}
a[rel~="external"]
{
background-image: url(../img/out.png);
background-position: 100% 35%;
background-repeat: no-repeat;
padding-right: 8px;
}
a[rel~="help"]
{
cursor: help;
background-image: url(../img/helpout.png);
background-position: 100% 35%;
background-repeat: no-repeat;
padding-right: 6px;
}
a[rel~="map"]
{
background-image: url(../img/mapout.png);
background-position: 100% 30%;
background-repeat: no-repeat;
padding-right: 7px;
}
html[lang="de"] a[rel~="external"][hreflang="en"]
{
background-image: url(../img/out_en.png);
padding-right: 17px;
}
html[lang="en"] a[rel~="external"][hreflang="de"]
{
background-image: url(../img/out_de.png);
padding-right: 17px;
}
#foot a[rel~="external"]
{
background-image: url(../img/out_small.png);
background-position: 100% 35%;
background-repeat: no-repeat;
padding-right: 7px;
}
a[rel~="external"].no-deco,
#foot a[rel~="external"].no-deco,
html[lang="de"] a[rel~="external"][hreflang="en"].no-deco,
html[lang="en"] a[rel~="external"][hreflang="de"].no-deco,
html[lang="de"] a[hreflang="en"].no-deco,
html[lang="en"] a[hreflang="de"].no-deco
{
background-image: none;
padding-right: 0;
}
abbr
{
white-space: nowrap;
word-spacing: -0.1em;
}
sup
{
line-height: 0;
}
.grey
{
color: #808080;
}
address
{
font-style: normal;
}
kbd
{
background-color: #f7f7f7;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(127, 127, 127, 0.1));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.3), rgba(127, 127, 127, 0.1));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.3), rgba(127, 127, 127, 0.1));
background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(127, 127, 127, 0.1));
border: 0.5px solid;
border-color: #ddd #bbb #999 #ccc;
border-radius: 2px;
padding: 0 3px;
margin: 0 0.5px;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
white-space: nowrap;
}
.desktop-nobr
{
white-space: nowrap;
}
.marker
{
background: #fffdd0;
outline: solid 1px #fffdd0;
}
table
{
border-spacing: 0;
}
table td,
table th
{
vertical-align: top;
text-align: left;
padding: 0;
}
table.pad td,
table.pad th
{
padding: 0 1em 0.2em 0;
}
table.pad td:last-child,
table.pad th:last-child
{
padding-right: 0;
}
table.grid,
table.hgrid
{
border-collapse: collapse;
}
table.grid th,
table.grid td
{
border: solid 1px #c0c0c0;
padding: 0.1em 0.4em;
}
table.grid.tight th,
table.grid.tight td
{
border: solid 1px #c0c0c0;
padding: 0 0.2em;
}
table.hgrid th,
table.hgrid td
{
border-top: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
padding: 0.1em 1em 0.1em 0;
}
table.hgrid th:first-child,
table.hgrid td:first-child
{
border-left: solid 1px #c0c0c0;
padding-left: 0.4em;
}
table.hgrid th:last-child,
table.hgrid td:last-child
{
border-right: solid 1px #c0c0c0;
padding-right: 0.4em;
}
table.hgrid.tight th,
table.hgrid.tight td
{
border-top: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
padding-top: 0;
padding-bottom: 0;
}
table td.right,
table th.right
{
text-align: right;
}
table td.center,
table th.center
{
text-align: center;
}
table td.allcenter,
table th.allcenter
{
text-align: center;
vertical-align: middle;
}
table.hyphens,
tr.hyphens,
th.hyphens,
td.hyphens,
ul.hyphens,
li.hyphens
{
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
tr.nowrap,
th.nowrap,
td.nowrap
{
white-space: nowrap;
}
td.indent
{
padding-left: 24px !important;
}
td.highlight
{
background: rgba(255, 128, 0, 0.1);
}
td.rating-3
{
background: #e7ffe1;
}
td.rating-2
{
background: #fffce1;
}
td.rating-1
{
background: #ffede9;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"]
{
overflow: visible;
width: auto;
border: solid 1px #c0c0c0;
background: #f8f8f8;
padding: 1px 4px;
color: black;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover
{
border-color: #909090;
background: #ffffff;
}
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active
{
border-color: #909090;
background: #f0f0f0;
}
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus
{
box-shadow: 0 0 3px rgba(105, 160, 255, 0.5);
}
button.call-to-action,
input[type="button"].call-to-action,
input[type="submit"].call-to-action,
input[type="reset"].call-to-action
{
border: none;
padding: 3px 5px;
background: #1358b9;
color: white;
}
button.call-to-action:hover,
input[type="button"].call-to-action:hover,
input[type="submit"].call-to-action:hover,
input[type="reset"].call-to-action:hover
{
background: #114da3;
}
button.call-to-action:active,
input[type="button"].call-to-action:active,
input[type="submit"].call-to-action:active,
input[type="reset"].call-to-action:active
{
background: #0f4591;
text-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
}
input[type="text"],
input[type="search"],
input[type="password"],
textarea
{
font-size: 1em;
padding: 2px 3px;
}
input[type="text"],
input[type="search"],
input[type="password"],
textarea,
select
{
border: solid 1px #c0c0c0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus
{
border-color: #68a0ff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 3px rgba(105, 160, 255, 0.3);
}
input[type="text"].full-width,
textarea.full-width,
select.full-width
{
width: 99%;
width: calc(100% - 8px);
}
input[type="checkbox"],
input[type="radio"]
{
margin: -4px 4px 0 0;
vertical-align: middle;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus
{
box-shadow: 0 0 3px rgba(105, 160, 255, 0.5);
}
::-webkit-input-placeholder
{
font-style: italic;
}
::-moz-placeholder
{
font-style: italic;
}
:-ms-input-placeholder
{
font-style: italic;
}
label,
select
{
cursor: pointer;
}
label
{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
input[type="checkbox"],
input[type="radio"]
{
margin: -2px 4px 0 0;
vertical-align: middle;
cursor: pointer;
}
input[type="search"]
{
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button
{
display: none;
}
.formtrap
{
display: none;
}
input.checkError,
textarea.checkError,
select.checkError
{
box-shadow: 0 0 7px red, 0 0 2px red;
}
input[type="text"].checkError:focus,
input[type="password"].checkError:focus,
textarea.checkError:focus,
select.checkError:focus
{
border-color: #68a0ff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 3px rgba(105, 160, 255, 0.3), 0 0 7px red;
}
.popup-error
{
background: #f00000;
color: white;
padding: 2px 8px;
margin-top: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.popup-error:after
{
position: absolute;
top: -6px;
left: 50%;
left: calc(50% - 6px);
content: '';
border: 6px solid transparent;
border-bottom-color: #f00000;
margin-top: -0.5em;
}
p.form-ok
{
background: url(../img/ok_large_green.png) no-repeat 0% 0%;
padding-left: 55px;
padding-top: 3px;
font-weight: bold;
min-height: 42px;
}
div.tab-header
{
margin-bottom: -1px;
padding-top: 1px;
overflow: hidden;
}
div.tab-header a
{
display: inline-block;
margin-right: -1px;
border: solid 1px #c0c0c0;
background: #eeeeee;
padding: 2px 8px;
position: relative;
}
div.tab-header a:hover
{
text-decoration: none;
background-color: #f8f8f8;
}
div.tab-header a.selected
{
border-bottom-width: 0;
padding-bottom: 3px;
background: white;
margin-top: -1px;
padding-top: 3px;
}
div.tab-header a span.shadow
{
position: absolute;
bottom: -1px;
height: 1px;
left: 0px;
right: 0px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
div.tab-header a.selected span.shadow
{
display: none;
}
div.tab-page
{
border: solid 1px #c0c0c0;
background: white;
padding: 6px 8px;
}
.scale-width
{
max-width: 100%;
height: auto !important;
}
div.toc
{
clear: right;
float: right;
margin: 0.65em 0 1.5em 30px;
max-width: 40%;
}
div.toc ul
{
padding-left: 16px;
margin-top: 0.3em;
}
div.toc ul ul
{
margin-top: 0;
margin-bottom: 0.3em;
}
div.toc li
{
list-style-image: url(../img/blue_down_7.png);
}
div.toc li li
{
}
ul.page-links
{
margin: 1.2em 0;
padding: 0;
text-align: center;
line-height: 200%;
}
ul.page-links li
{
display: inline-block;
}
ul.page-links li a
{
margin: 0 3px;
padding: 2px 6px;
background-color: rgba(49, 102, 193, 0.08);
-moz-transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
transition: background-color 0.15s;
}
ul.page-links li a:hover
{
text-decoration: none;
background-color: rgba(49, 102, 193, 0.16);
}
ul.page-links li a:before
{
content: url(../img/arrow_right_9_green.png);
margin-right: 5px;
}
ul.page-links li a[href^="#"]:before
{
content: url(../img/arrow_down_8_blue.png);
}
ul.productivity-links
{
margin: 1.2em -1px;
padding: 0;
}
ul.productivity-links li
{
display: inline;
}
ul.productivity-links li a
{
display: inline-block;
width: 22.4%;
height: 4em;
vertical-align: top;
margin: 2px 0px;
padding: 3px 7px;
background: rgba(0, 0, 0, 0.05);
font-size: 1.45em;
font-weight: 300;
line-height: 130%;
-moz-transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
transition: background-color 0.15s;
position: relative;
}
ul.productivity-links li a:hover
{
text-decoration: none;
background-color: rgba(49, 102, 193, 0.16);
}
ul.productivity-links li a:after
{
content: attr(data-count);
position: absolute;
bottom: 5px;
right: 5px;
font-weight: 600;
font-size: 0.6em;
line-height: 1em;
background: #cccccc;
color: white;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
padding: 2px 5px;
border-radius: 10px;
-moz-transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
transition: background-color 0.15s;
}
ul.productivity-links li a:hover:after
{
background: #bcbcbc;
}
div.image-previews
{
margin-left: -11px;
}
.image-preview
{
display: inline-block;
vertical-align: top;
margin-left: 10px;
margin-top: 0.7em;
margin-bottom: 0.7em;
}
.image-preview .img-container
{
width: 155px;
height: 120px;
font-size: 1px;
line-height: 120px;
text-align: center;
}
.image-preview .img-container img
{
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.image-preview .desc
{
margin-top: 0.5em;
width: 155px;
text-align: center;
color: #606060;
font-size: 0.9em;
line-height: 140%;
}
img.shadowed
{
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
img.shadowed.aero
{
border-radius: 6px;
}
div.item-image
{
position: relative;
margin: 1em 0 1.5em;
max-height: 200px;
overflow: hidden;
opacity: 0.8;
-moz-transition: max-height 0.5s, opacity 0.5s;
-webkit-transition: max-height 0.5s, opacity 0.5s;
-o-transition: max-height 0.5s, opacity 0.5s;
-ms-transition: max-height 0.5s, opacity 0.5s;
transition: max-height 0.5s, opacity 0.5s;
}
div.item-image:hover
{
max-height: 600px;
opacity: 1;
-moz-transition-delay: 0.5s, 0s;
-webkit-transition-delay: 0.5s, 0s;
-o-transition-delay: 0.5s, 0s;
transition-delay: 0.5s, 0s;
}
div.item-image.height-200:hover
{
max-height: 200px;
}
div.item-image.height-210:hover
{
max-height: 210px;
}
div.item-image.height-220:hover
{
max-height: 220px;
}
div.item-image.height-230:hover
{
max-height: 230px;
}
div.item-image.height-240:hover
{
max-height: 240px;
}
div.item-image.height-250:hover
{
max-height: 250px;
}
div.item-image.height-260:hover
{
max-height: 260px;
}
div.item-image.height-270:hover
{
max-height: 270px;
}
div.item-image.height-280:hover
{
max-height: 280px;
}
div.item-image.height-290:hover
{
max-height: 290px;
}
div.item-image.height-300:hover
{
max-height: 300px;
}
div.item-image.height-310:hover
{
max-height: 310px;
}
div.item-image.height-320:hover
{
max-height: 320px;
}
div.item-image.height-330:hover
{
max-height: 330px;
}
div.item-image.height-340:hover
{
max-height: 340px;
}
div.item-image.height-350:hover
{
max-height: 350px;
}
div.item-image.height-360:hover
{
max-height: 360px;
}
div.item-image.height-370:hover
{
max-height: 370px;
}
div.item-image.height-380:hover
{
max-height: 380px;
}
div.item-image.height-390:hover
{
max-height: 390px;
}
div.item-image.height-400:hover
{
max-height: 400px;
}
div.item-image.height-410:hover
{
max-height: 410px;
}
div.item-image.height-420:hover
{
max-height: 420px;
}
div.item-image.height-430:hover
{
max-height: 430px;
}
div.item-image.height-440:hover
{
max-height: 440px;
}
div.item-image.height-450:hover
{
max-height: 450px;
}
div.item-image.height-460:hover
{
max-height: 460px;
}
div.item-image.height-470:hover
{
max-height: 470px;
}
div.item-image.height-480:hover
{
max-height: 480px;
}
div.item-image.height-490:hover
{
max-height: 490px;
}
div.item-image.height-500:hover
{
max-height: 500px;
}
div.item-image.height-510:hover
{
max-height: 510px;
}
div.item-image.height-520:hover
{
max-height: 520px;
}
div.item-image.height-530:hover
{
max-height: 530px;
}
div.item-image.height-540:hover
{
max-height: 540px;
}
div.item-image.height-550:hover
{
max-height: 550px;
}
div.item-image.height-560:hover
{
max-height: 560px;
}
div.item-image.height-570:hover
{
max-height: 570px;
}
div.item-image.height-580:hover
{
max-height: 580px;
}
div.item-image.height-590:hover
{
max-height: 590px;
}
div.item-image img
{
display: block;
max-width: 100%;
}
div.item-image:after
{
content: "";
display: block;
position: absolute;
z-index: 5;
pointer-events: none;
top: 180px;
left: 0;
width: 100%;
height: 16px;
background: url(../img/image_expand.png) no-repeat 50% 0;
opacity: 1;
-moz-transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
transition: opacity 0.4s;
}
div.item-image.height-200:after
{
display: none;
}
div.item-image:hover:after
{
opacity: 0;
-moz-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
p.tags-selection
{
line-height: 220%;
}
p.tags-selection a.taglink,
p.tags-selection span.taglink
{
line-height: 140%;
}
a.taglink,
span.taglink
{
display: inline-block;
border-radius: 1px;
background: #eeeeee;
padding: 2px 6px;
margin-right: 0.2em;
font-size: 11px;
text-transform: uppercase;
}
a.taglink.clear
{
color: #c00000;
font-weight: bold;
}
a.taglink:hover,
a.taglink.selected
{
background: #3166c1;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4f7cca", endColorstr="#3166c1", gradientType=0);
background: -ms-linear-gradient(top, #4f7cca, #3166c1);
background: -webkit-gradient(linear, left top, left bottom, from(#4f7cca), to(#3166c1));
background: -moz-linear-gradient(top, #4f7cca, #3166c1);
color: white;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
text-decoration: none;
}
a.taglink.clear:hover
{
background: #c00000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c92626", endColorstr="#c00000", gradientType=0);
background: -ms-linear-gradient(top, #c92626, #c00000);
background: -webkit-gradient(linear, left top, left bottom, from(#c92626), to(#c00000));
background: -moz-linear-gradient(top, #c92626, #c00000);
}
span.taglink
{
background: #f8f8f8;
color: #b0b0b0;
}
span.taglink.clear
{
font-weight: bold;
}
div.items-list
{
border-top: solid 1px #cccccc;
padding-top: 1em;
}
div.items-list.no-line
{
border-top: none;
padding-top: 0;
}
div.items-list p.hot
{
border-radius: 1px;
background: #fefaec;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefbee", endColorstr="#fef9e6", gradientType=0);
background: -ms-linear-gradient(top, #fefbee, #fef9e6);
background: -webkit-gradient(linear, left top, left bottom, from(#fefbee), to(#fef9e6));
background: -moz-linear-gradient(top, #fefbee, #fef9e6);
border: solid 1px #fdf1c5;
}
div.items-list p.hot a.item
{
padding: 3px 7px;
}
div.items-list p.hot a.icon-item
{
padding-left: 71px;
}
div.items-list a.item
{
position: relative;
display: block;
padding: 4px 8px;
border-radius: 1px;
color: #202020;
-moz-transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
transition: background-color 0.15s;
}
div.items-list a.item[rel~="external"].no-deco,
html[lang="de"] div.items-list a.item[rel~="external"][hreflang="en"].no-deco,
html[lang="en"] div.items-list a.item[rel~="external"][hreflang="de"].no-deco
{
padding-right: 8px;
}
div.items-list a.icon-item
{
padding-left: 72px;
min-height: 56px;
}
div.items-list a.item:hover
{
background-color: rgba(49, 102, 193, 0.1);
text-decoration: none;
}
div.items-list p.hot a.item:hover
{
background-color: rgba(49, 102, 193, 0.05);
}
div.items-list a.item span.tag
{
position: relative;
top: -2px;
}
div.items-list a.item:hover span.tag
{
background: #aebcd5;
}
div.items-list p.hot a.item:hover span.tag
{
background: #b2bfd5;
}
div.items-list a.item span.head
{
display: block;
padding-bottom: 0.2em;
}
div.items-list a.item span.item-title
{
margin-right: 1em;
color: #004dd2;
text-shadow: 0 0 0 rgba(0, 77, 210, 0.3), 0 0 1px rgba(0, 77, 210, 0.1);
}
div.items-list a.item[rel~="external"] span.item-title
{
background-image: url(../img/out.png);
background-position: 100% 40%;
background-repeat: no-repeat;
padding-right: 8px;
}
html[lang="de"] div.items-list a.item[rel~="external"][hreflang="en"] span.item-title
{
background-image: url(../img/out_en.png);
padding-right: 17px;
}
html[lang="en"] div.items-list a.item[rel~="external"][hreflang="de"] span.item-title
{
background-image: url(../img/out_de.png);
padding-right: 17px;
}
div.items-list p.inactive a.item span.item-title,
div.items-list p.inactive a.item span.sort-value,
div.items-list p.inactive a.item span.description
{
opacity: 0.65;
}
div.items-list a.item span.sort-value
{
font-size: 0.8em;
margin-left: 1em;
color: #808080;
position: relative;
top: -2px;
}
div.items-list a.item span.sort-value.large
{
font-size: 0.9em;
color: #b0b0b0;
}
div.items-list a.item img.hotstar,
div.items-list a.item img.inactive-icon
{
position: absolute;
right: -5px;
top: -4px;
width: 16px;
height: 16px;
}
div.items-list a.item img.inactive-icon
{
opacity: 0.4;
}
div.items-list a.icon-item img.icon
{
position: absolute;
left: 8px;
top: 8px;
}
div.items-list p.hot a.icon-item img.icon
{
left: 7px;
top: 7px;
}
div.items-list a.item span.description
{
display: block;
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
div.items-list a.item span.tags
{
display: block;
margin-top: 0.3em;
}
div.index-items-list
{
}
div.index-items-list a.item
{
position: relative;
display: inline-block;
float: left;
width: 309px;
margin-top: 4px;
margin-right: 4px;
padding: 4px 8px;
border-radius: 1px;
color: #202020;
-moz-transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
transition: background-color 0.15s;
}
div.index-items-list a.item.every-second
{
clear: left;
}
div.index-items-list a.icon-item
{
padding-left: 40px;
min-height: 32px;
width: 277px;
}
div.index-items-list a.item:hover
{
background-color: rgba(49, 102, 193, 0.1);
text-decoration: none;
}
div.index-items-list a.item span.head
{
display: block;
padding-bottom: 0.2em;
}
div.index-items-list a.item span.item-title
{
margin-right: 1em;
color: #004dd2;
text-shadow: 0 0 0 rgba(0, 77, 210, 0.3), 0 0 1px rgba(0, 77, 210, 0.1);
}
div.index-items-list a.icon-item img.icon
{
position: absolute;
left: 6px;
top: 4px;
width: 24px;
height: 24px;
}
div.index-items-list a.item span.description
{
display: block;
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
span.tag
{
display: inline-block;
border-radius: 1px;
background: #b9c4d7;
padding: 0px 3px;
margin-right: 0.4em;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
color: #ffffff;
font-weight: 600;
-moz-transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
transition: background-color 0.15s;
}
h1 span.tag
{
position: relative;
top: -1px;
}
p.compatibility span.version
{
margin-right: 8px;
font-size: 0.9em;
}
div.quick-download-box
{
margin: 20px 0 20px 0;
text-align: center;
}
div.quick-download-box a.quick-download
{
display: inline-block;
background-color: #e54e35;
background-image: url(../img/download.svg);
background-size: auto 18px;
background-position: 10px 50%;
background-repeat: no-repeat;
padding: 7px 11px 7px 36px;
margin: 6px 6px 0;
color: white;
-moz-transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
transition: background-color 0.15s;
}
div.quick-download-box a.quick-download:hover
{
text-decoration: none;
background-color: #ce462f;
}
div.quick-download-box a.quick-download:active
{
transform: scale(0.95);
}
div.quick-download-box a.quick-download.github
{
background-color: #7b8eca;
background-image: url(../img/github.svg);
}
div.quick-download-box a.quick-download.github:hover
{
background-color: #6d80bc;
}
div.quick-download-box a.quick-download.nuget
{
background-color: #7b8eca;
background-image: url(../img/nuget.svg);
}
div.quick-download-box a.quick-download.nuget:hover
{
background-color: #6d80bc;
}
div.quick-download-box a.quick-download.next
{
background-image: url(../img/arrow_right_9_white.png);
background-repeat: no-repeat;
background-position: 10px 52%;
background-size: auto;
padding-left: 26px;
}
div.quick-download-box a.more
{
display: inline-block;
background-image: url(../img/arrow_down_8_blue.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 12px;
font-size: 0.85em;
}
a.download
{
position: relative;
display: block;
border-radius: 1px;
border-left: solid 40px rgba(49, 102, 193, 0.65);
padding: 2px 8px 4px 6px;
background: rgba(0, 0, 0, 0.05);
color: #202020;
-moz-transition: background-color 0.15s, border-color 0.15s;
-webkit-transition: background-color 0.15s, border-color 0.15s;
-o-transition: background-color 0.15s, border-color 0.15s;
-ms-transition: background-color 0.15s, border-color 0.15s;
transition: background-color 0.15s, border-color 0.15s;
}
a.download:hover
{
border-left-color: rgba(49, 102, 193, 0.75);
background-color: rgba(49, 102, 193, 0.15);
text-decoration: none;
}
a.download.old
{
border-left-color: rgba(85, 112, 156, 0.65);
}
a.download.old:hover
{
border-left-color: rgba(85, 112, 156, 0.75);
}
a.download-pgp
{
padding-bottom: 2px;
}
a.download img.download-icon
{
position: absolute;
left: -31px;
top: 9px;
z-index: 2;
width: 22px;
height: 22px;
}
a.download img.typeicon
{
position: absolute;
left: 6px;
top: 4px;
}
a.download img.pgp-icon
{
position: absolute;
left: 34px;
top: 2px;
}
a.download span.filename,
a.download span.description
{
position: relative;
display: block;
text-align: justify;
margin-left: 27px;
z-index: 3;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
a.download span.filename
{
color: #004dd2;
text-shadow: 0 0 0 rgba(0, 77, 210, 0.3), 0 0 1px rgba(0, 77, 210, 0.1);
}
a.download span.description
{
padding-left: 1px;
}
a.download span.typename
{
margin-left: 1em;
color: #707070;
text-shadow: none;
}
a.download span.pgp-title
{
margin-left: 44px;
color: #4c7bca;
}
a.download span.pgp-desc
{
margin-left: 1em;
color: #707070;
}
a.manual
{
position: relative;
display: block;
min-height: 34px;
border-radius: 1px;
border-left: solid 40px rgba(30, 130, 30, 0.65);
padding: 2px 8px 4px 8px;
background: rgba(0, 0, 0, 0.05);
color: #202020;
-moz-transition: background-color 0.15s, border-color 0.15s;
-webkit-transition: background-color 0.15s, border-color 0.15s;
-o-transition: background-color 0.15s, border-color 0.15s;
-ms-transition: background-color 0.15s, border-color 0.15s;
transition: background-color 0.15s, border-color 0.15s;
}
a.manual:hover
{
border-left-color: rgba(30, 130, 30, 0.75);
background-color: rgba(49, 102, 193, 0.15);
text-decoration: none;
}
a.manual img.manual-icon
{
position: absolute;
left: -31px;
top: 9px;
z-index: 2;
width: 22px;
height: 22px;
}
a.manual span.title
{
display: block;
color: #004dd2;
padding-bottom: 2px;
}
a.manual span.description
{
display: block;
padding-left: 1px;
}
div.calendar-item
{
margin: 1em 0;
}
div.calendar-date
{
float: left;
background: -ms-linear-gradient(top, #f1ece5, white);
background: -webkit-gradient(linear, left top, left bottom, from(#f1ece5), to(white));
background: -moz-linear-gradient(top, #f1ece5, white);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
margin-top: 0.3em;
min-width: 2.5em;
}
div.calendar-date.recent
{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5b1", endColorstr="#fffbe3", gradientType=0);
background: -ms-linear-gradient(top, #fff5b1, #fffbe3);
background: -webkit-gradient(linear, left top, left bottom, from(#fff5b1), to(#fffbe3));
background: -moz-linear-gradient(top, #fff5b1, #fffbe3);
}
div.calendar-date span.year
{
display: block;
text-align: center;
margin: 0 -1px;
padding: 0.1em 0.3em 0;
background: #b24e4e;
color: white;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
}
div.calendar-date span.month
{
display: block;
text-align: center;
padding: 0.1em 0.2em 0 0.3em;
color: #404040;
}
div.calendar-date span.day
{
display: block;
text-align: center;
padding-bottom: 0.1em;
}
div.calendar-item div.indent
{
margin-left: 4.5em;
}
code
{
background: #f3f2ed;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
div.source-code
{
margin: 1.1em 0;
border-top: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
padding: 1.1em 0;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
div.source-code.inline
{
border-top: none;
border-bottom: none;
border-left: solid 1px #c0c0c0;
padding: 0 0 0 10px;
}
div.source-code.inline.move-down
{
margin-top: 1.4em;
margin-bottom: -0.8em;
}
div.hborder
{
margin: 1em 0;
border-top: solid 1px #c0c0c0;
border-bottom: solid 1px #c0c0c0;
padding: 1em 0;
}
p.todo
{
background: rgba(254, 204, 43, 0.25) url(../img/icons/underconstruction.png) no-repeat 8px 4px;
padding: 3px 8px 3px 32px;
border-radius: 1px;
color: red;
}
a.expander-link
{
display: block;
padding: 2px 8px 2px 24px;
border-radius: 1px;
background: url(../img/tree_expanded.png) no-repeat 9px 50%;
-moz-transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
transition: background-color 0.15s;
}
a.expander-link:hover
{
background-color: rgba(49, 102, 193, 0.1);
text-decoration: none;
}
a.expander-link.collapsed
{
background-image: url(../img/tree_collapsed.png);
}
div.collapse-region
{
margin-top: 0.5em;
border-top: dashed 1px #c0c0c0;
border-bottom: dashed 1px #c0c0c0;
padding: 0.5em 0;
}
div.wordle
{
position: relative;
height: 220px;
margin-top: 4px;
margin-bottom: 2em;
font-family: ForoLight;
}
div.wordle span
{
position: absolute;
white-space: nowrap;
}
div.wordle span.size-1
{
font-size: 15px;
line-height: 100%;
color: rgba(32, 32, 32, 0.48);
z-index: 19;
}
div.wordle span.size-2
{
font-size: 20px;
line-height: 100%;
color: rgba(32, 32, 32, 0.54);
z-index: 18;
}
div.wordle span.size-3
{
font-size: 25px;
line-height: 100%;
color: rgba(32, 32, 32, 0.6);
z-index: 17;
}
div.wordle span.size-4
{
font-size: 30px;
line-height: 100%;
color: rgba(32, 32, 32, 0.66);
z-index: 16;
}
div.wordle span.size-5
{
font-size: 35px;
line-height: 100%;
color: rgba(32, 32, 32, 0.72);
z-index: 15;
}
div.wordle span.size-6
{
font-size: 40px;
line-height: 100%;
color: rgba(32, 32, 32, 0.78);
z-index: 14;
}
div.wordle span.size-7
{
font-size: 50px;
line-height: 100%;
color: rgba(32, 32, 32, 0.84);
z-index: 13;
}
div.wordle span.size-8
{
font-size: 60px;
line-height: 100%;
color: rgba(32, 32, 32, 0.9);
z-index: 12;
}
div.wordle span.size-9
{
font-size: 70px;
line-height: 100%;
color: rgba(32, 32, 32, 0.95);
z-index: 11;
}
div.wordle span.size-10
{
font-size: 80px;
line-height: 100%;
z-index: 10;
}
div.wordle span.h-grid
{
width: 100%;
height: 1px;
left: 0px;
}
div.wordle span.v-grid
{
height: 100%;
width: 1px;
top: 0px;
}
div.wordle span.h-grid,
div.wordle span.v-grid
{
background: rgba(0, 0, 0, 0.05);
}
div.wordle span.h-grid.submain,
div.wordle span.v-grid.submain
{
background: rgba(0, 0, 0, 0.1);
}
div.wordle span.h-grid.main,
div.wordle span.v-grid.main
{
background: rgba(0, 0, 0, 0.15);
}
div.wordle span a
{
color: inherit;
-moz-transition: background-color 1s;
-webkit-transition: background-color 1s;
-o-transition: background-color 1s;
-ms-transition: background-color 1s;
transition: background-color 1s;
}
div.wordle span a:hover
{
background: rgba(49, 102, 193, 0.1);
text-decoration: none;
-moz-transition: background-color 0.15s;
-webkit-transition: background-color 0.15s;
-o-transition: background-color 0.15s;
-ms-transition: background-color 0.15s;
transition: background-color 0.15s;
}
th.accent
{
font-size: 1.8em;
font-weight: 500;
}
td.need-unicode,
span.need-unicode
{
color: #f04040;
}
div.related-link
{
line-height: 180%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #707070;
}
div.related-link .tags
{
margin-left: 0.8em;
}
div.related-link .desc
{
margin-left: 0.4em;
}
div.feedback-text-helpful
{
margin-top: -1em;
float: left;
width: 63%;
}
html[lang="de"] div.feedback-text-helpful
{
width: 61%;
}
div.feedback-text-bug
{
margin-top: -1em;
float: right;
width: 32%;
}
html[lang="de"] div.feedback-text-bug
{
width: 34%;
}
div.feedback-text-helpful h2,
div.feedback-text-bug h2
{
color: #333333;
}
div.contact-form-box
{
display: block;
display: -webkit-flex;
display: flex;
align-items: center;
font-size: 13px;
margin-bottom: 12px;
}
div.contact-form-box span.caption
{
-webkit-flex: 0 auto;
flex: 0 auto;
margin-right: 6px;
font-weight: 600;
color: white;
}
div.contact-form-box input[type="text"]
{
-webkit-flex: 1;
flex: 1;
margin-right: 6px;
}
div.contact-form-box input[type="submit"]
{
-webkit-flex: 0 auto;
flex: 0 auto;
}
div.sitepoll
{
margin: 2em 0;
padding: 4px 0;
background-color: rgba(122, 228, 34, 0.2);
border-radius: 6px;
box-shadow: 0 0 15px 10px rgba(122, 228, 34, 0.2);
}
div.sitepoll div.caption
{
font-size: 1.45em;
font-weight: 300;
line-height: 130%;
}
div.sitepoll div.question
{
margin: 10px 0;
font-weight: 600;
}
div.vertical-placeholder
{
height: 600px;
margin: 2em auto 0;
background: url(../img/diag_32_full.png);
opacity: 0.02;
}
div.vertical-placeholder-note
{
margin-top: -1.6em;
text-align: center;
opacity: 0.3;
}
@media screen and (min-width: 1270px)
{
#head,
#content,
#foot
{
width: 1180px;
}
.search-box input[type="search"]
{
width: 160px;
}
.search-box input[type="search"]:focus,
.search-box input[type="search"]:focus:hover
{
width: 300px;
}
#inner-content
{
margin-right: 330px;
}
#rightside
{
display: block;
float: right;
height: 1px;
overflow: visible;
width: 280px;
margin-top: 0.2em;
margin-bottom: 1em;
}
#rightside h2
{
color: #333333;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
}
#rightside h2:first-child
{
margin-top: 0;
}
#rightside div.related-link
{
margin-top: 0.6em;
}
#rightside div.related-link span.update-time
{
display: block;
font-size: 0.92em;
line-height: 140%;
}
#rightside div.related-link a,
#rightside div.related-link span.tags
{
line-height: 150%;
display: block;
margin-left: 0;
white-space: normal;
}
#rightside div.related-link span.desc
{
font-size: 0.92em;
line-height: 140%;
display: block;
margin-left: 0;
white-space: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
#related-bottom
{
display: none;
}
}
@media screen and (max-width: 910px)
{
html
{
overflow-y: inherit;
}
#head,
#content,
#foot
{
width: inherit;
max-width: inherit;
}
#content
{
padding: 0 1em 1em;
}
#topdeco
{
display: none;
}
.direct-links
{
display: none;
}
.language-selection
{
display: none;
}
#logo
{
margin-left: 14px;
}
#subtitle
{
margin-left: 14px;
margin-right: 0;
}
#navigation
{
position: absolute;
top: 1em;
left: -180px;
}
#content-section.nav-mode
{
position: relative;
left: 180px;
}
#navigation a.mobile-language
{
display: block;
}
.mobile-index-navigation
{
display: block;
padding-bottom: 1em;
border-bottom: solid 1px #c0c0c0;
margin-bottom: 1.5em;
}
.mobile-index-navigation a
{
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 32%;
vertical-align: top;
line-height: 130%;
font-weight: 600;
padding: 0.2em 6px;
}
.mobile-index-navigation a:hover
{
background-color: rgba(49, 102, 193, 0.1);
text-decoration: none;
}
.mobile-index-navigation a .annot
{
display: block;
color: #909090;
font-size: 0.9em;
line-height: 130%;
font-weight: normal;
padding-bottom: 2px;
}
#mobile-tools
{
display: block;
display: -webkit-flex;
display: flex;
margin: 1em 0;
}
#navigation-button
{
-webkit-flex: 0 auto;
flex: 0 auto;
margin-right: 1em;
border: solid 1px #808080;
background: #eeeeee;
color: black;
border-radius: 0;
}
#content-section.nav-mode #navigation-button
{
border: solid 1px #808080;
background: #444444;
color: white;
}
#mobile-tools .search-box
{
-webkit-flex: 1;
flex: 1;
margin-top: 0;
}
#mobile-tools .search-box input[type="search"]
{
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: solid 1px #808080;
background: white;
border-radius: 0;
}
#mobile-tools .search-box input[type="search"]:focus,
#mobile-tools .search-box input[type="search"]:focus:hover
{
width: 100%;
}
#content-section
{
padding-bottom: 5em;
}
#foot-section
{
position: absolute;
bottom: 0;
max-width: 100%;
}
#foot
{
padding-left: 1em;
padding-right: 1em;
}
.foot-link-separator
{
margin: 0 5px 0 8px;
}
#inner-content
{
padding-top: 1px;
margin-left: 0;
min-height: 0;
}
h1 span.tag
{
position: relative;
top: -1px;
font-size: 0.55em;
}
div.quick-download-box a.more
{
margin-top: 8px;
}
a.download img.typeicon
{
top: 1px;
}
a.download span.filename
{
font-size: 100%;
font-weight: 400;
line-height: 140%;
}
a.download span.typename
{
font-size: 0.8em;
}
a.download-pgp
{
padding-left: 45px;
}
a.download span.pgp-title
{
margin-left: 0;
}
div.source-code
{
font-size: 0.7em;
}
div.item-image:hover
{
-moz-transition-delay: 0s, 0s;
-webkit-transition-delay: 0s, 0s;
-o-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
}
div.feedback-text-helpful,
div.feedback-text-bug
{
float: none;
width: inherit;
}
html[lang="de"] div.feedback-text-helpful,
html[lang="de"] div.feedback-text-bug
{
width: inherit;
}
div.index-items-list a.item
{
float: none;
width: inherit;
}
.mobile-hidden
{
display: none;
}
.desktop-nobr
{
white-space: normal;
}
}
@media screen and (max-width: 600px)
{
h1
{
font-size: 2.7em;
line-height: 105%;
}
#content-section
{
padding-bottom: 105px;
}
div.contact-form-box
{
flex-wrap: wrap;
}
div.contact-form-box span.caption
{
display: block;
margin-bottom: 4px;
min-width: 100%;
}
}
@media screen and (max-width: 500px)
{
#subtitle .caps
{
display: block;
margin-top: 1px;
}
#subtitle strong
{
margin-left: 0;
}
.mobile-index-navigation a
{
width: 49%;
}
}
@media print
{
html
{
background: white;
overflow-y: inherit;
}
#head-section
{
background: white;
box-shadow: none;
}
#head,
#sitemsg,
#content,
#foot
{
width: inherit;
max-width: inherit;
}
#head
{
padding: 0;
}
#sitemsg
{
padding: 0 6px;
}
#content
{
padding: 0;
}
.direct-links
{
display: none;
}
html,
span.tag,
input,
select,
textarea
{
font-size: 9pt;
line-height: 140%;
}
#topdeco,
.language-selection,
.search-box
{
display: none;
}
#head a
{
color: black;
}
#logo
{
margin-left: 0;
margin-top: 10px;
font: 35px/27px Montez;
text-shadow: none;
}
#subtitle
{
margin-left: 0;
margin-right: 0;
color: black;
text-shadow: none;
}
#sitemsg-section
{
background-image: none;
}
#sitemsg-section noscript
{
display: none;
}
#content
{
margin-top: 1em;
}
#navigation
{
display: none;
}
#print-navigation
{
display: block;
border-bottom: solid 1px black;
margin-bottom: 1em;
}
#inner-content
{
padding-top: 1px;
margin-left: 0;
min-height: 0;
}
div.title-info #canonicalLink
{
display: none;
}
div.item-image
{
max-height: inherit;
opacity: 1;
}
div.item-image:after
{
display: none;
}
div.source-code
{
font-size: 0.9em;
}
#content-section
{
padding-bottom: 0px;
}
#foot-section
{
margin-top: 12px;
background: none;
box-shadow: none;
border-top: solid 1px #808080;
position: relative;
}
#foot
{
padding-top: 12px;
padding-bottom: 0;
color: #606060;
}
#foot .additional-links,
#foot #social-links,
div.contact-form-box
{
display: none;
}
#foot .print-url
{
display: inline;
}
.foot-link-separator
{
border-left: solid 1px #808080;
}
div.vertical-placeholder
{
display: none;
}
}