@charset "utf-8";

/* Open Sans - https://www.google.com/fonts/specimen/Open+Sans */
@font-face { font-family:'Open Sans'; font-weight:bold; font-style:normal; src:url(../../shared/fonts/OpenSans-Bold.ttf); }
@font-face { font-family:'Open Sans'; font-weight:normal; font-style:italic; src:url(../../shared/fonts/OpenSans-Italic.ttf); }
@font-face { font-family:'Open Sans'; font-weight:bold; font-style:italic; src:url(../../shared/fonts/OpenSans-BoldItalic.ttf); }
@font-face { font-family:'Open Sans'; font-weight:normal; font-style:normal; src:url(../../shared/fonts/OpenSans-Regular.ttf); }

/* DejaVu - https://dejavu-fonts.github.io/ */
@font-face { font-family:'DejaVu Sans Mono'; font-weight:bold; font-style:normal; src:url(../../shared/fonts/DejaVuSansMono-Bold.ttf); }
@font-face { font-family:'DejaVu Sans Mono'; font-weight:normal; font-style:italic; src:url(../../shared/fonts/DejaVuSansMono-Oblique.ttf); }
@font-face { font-family:'DejaVu Sans Mono'; font-weight:bold; font-style:italic; src:url(../../shared/fonts/DejaVuSansMono-BoldOblique.ttf); }
@font-face { font-family:'DejaVu Sans Mono'; font-weight:normal; font-style:normal; src:url(../../shared/fonts/DejaVuSansMono.ttf); }

/* Remix Icon - https://remixicon.com */
@font-face { font-family:'Remix Icon'; font-weight:normal; font-style:normal; src:url(../../shared/fonts/remixicon.woff2?4.7.0); }

.icon { font-family:'Remix Icon'; font-size:18px; }
legend .icon { font-weight:normal; }
.icon.disabled { opacity:.5; }
.icon::before { background-repeat:no-repeat; }
.icon_clone::before   { content:'\ecd5'; }
.icon_view::before    { content:'\ecb5'; }
.icon_goup::before    { content:'\ea71'; }
.icon_godown::before  { content:'\ea49'; }
.icon_prev::before    { content:'\ea5b'; }
.icon_next::before    { content:'\ea67'; }
.icon_moveall::before { content:'\f176'; }
.icon_copy::before    { content:'\ecd3'; }
.icon_paste::before   { content:'\eb91'; }
.icon_show::before    { content:'\eb80'; }
.icon_hide::before    { content:'\eb96'; }
.icon_delete::before  { content:'\ec26'; }
.icon_new::before     { content:'\ecc9'; }
.icon_gethelp::before { content:'\eea9'; }
.icon_edit::before    { content:'\ec5c'; }
.icon_image::before   { content:'\ee45'; }
.icon_link::before    { content:'\eeaf'; }
.icon_marker::before  { content:'\ef0a'; }
.icon_bold::before    { content:'\ead1'; }
.icon_italic::before  { content:'\ee6b'; }
.icon_under::before   { content:'\f244'; }
.icon_through::before { content:'\f1ab'; }
.icon_super::before   { content:'\f1c1'; }
.icon_sub::before     { content:'\f1ad'; }
.icon_chars::before   { content:'\f226'; }
.icon_icons::before   { content:'\ebb8'; }
.icon_play::before    { content:'\f009'; }
.icon_pause::before   { content:'\efd6'; }
.icon_close::before   { content:'\eb97'; }
.icon_info::before    { content:'\ee58'; }
.icon_menu::before    { content:'\ef3e'; }
.icon_menu2::before   { content:'\ef76'; }
.icon_navi::before    { content:'\ebbe'; }
.icon_up::before      { content:'\ea72'; }
.icon_down::before    { content:'\ea4a'; }
.icon_html5::before   { content:'\ee40'; }
.icon_css3::before    { content:'\ec03'; }
.icon_cc::before      { content:'\ebf4'; }
.icon_buddy::before   { content:'\ea08'; }
.icon_phone::before   { content:'\efe9'; }
.icon_flathub::before { content:'\f4c5'; }
.icon_on::before      { content:'\f218'; }
.icon_off::before     { content:'\f219'; }
.icon_network::before { content:'\f2bf'; }
.icon_shutdown::before  { content:'\f126'; }
.icon_logout::before  { content:'\f126'; display:inline-block; transform:rotate(90deg); }
.icon_play::before    { content:'\f508'; }
.icon_stop::before    { content:'\f1a0'; }
.icon_ubuntu::before  { content:'\f240'; }
.icon_mswin::before   { content:'\f2c7'; }
.icon_padlock::before { content:'\eecb'; }
.icon_star::before    { content:'\f186'; }
.icon_alert::before   { content:'\ea20'; color:yellow; }
.icon_up, .icon_down { display:none; }

* { margin:0; padding:0; line-height:1; vertical-align:baseline; font-family:Open Sans,Segoe UI,Myriad,Frutiger,sans-serif; font-size:12px; font-feature-settings:'ss02'; }
html { position:relative; min-height:100%; scroll-behavior:smooth; scroll-padding-top:54px; }
body { overflow-y:scroll; overflow-x:hidden; background:hsl(108,86%,19%); }
a { text-decoration:none; white-space:nowrap; }
a:active, a:focus { outline:none; }
html { scrollbar-color:hsl(66,41%,30%) hsl(66,80%,12%); }
#sidebar { scrollbar-color:hsl(34,31%,56%) hsl(34,60%,34%); }
.hidden { display:none; }

/**** Layout Styles ****/

#maingrid  { display:grid; grid-template:1fr / 1fr 1180px 1fr; gap:0; }
#maingrid  { min-height:200px; background:transparent linear-gradient(to bottom, hsla(0,0%,5%,.5) 0px, hsla(0,0%,5%,0) 200px); }
#maingrid.hhidden  { background:transparent linear-gradient(to bottom, hsl(0,0%,20%) 0px, hsl(0,0%,40%) 200px); }
main       { grid-row: 1 / span 1; grid-column: 2 / span 1; }

header, #navbar, footer { width:1180px; margin:auto; }
#mbox > div { width:1140px; margin:auto; }

#headerbox { background:hsl(108,86%,19%) linear-gradient(to bottom, hsl(108,86%,19%) 0px, hsl(108,20%,51%) 1px, hsl(108,86%,19%) 50px); }
#animbox svg { position:absolute; height:116px; width:100%; }
header { position:relative; height:116px; }
#nameplate { position:absolute; top:15px; left:0px; }
#nameplate img { vertical-align:middle; }
#nameplate strong span { vertical-align:middle; font-family:Open Sans,Segoe UI,Myriad,Frutiger,sans-serif; font-size:55px; color:hsl(109,20%,80%); white-space:nowrap; letter-spacing:.05em; text-shadow:3px 3px 2px hsl(108,84%,10%); }
#nameplate strong a:hover span { color:hsl(107,22%,92%); }
#navbarbox { background:hsl(108,85%,15%); height:34px; width:100%; position:sticky; margin-top:0; top:0; left:0; z-index:1001; border:solid hsl(108,85%,15%); border-width:1px 0; }
nav menu { list-style-type:none; }
#navbar { position:relative; }

#breadcrumbs, #toolbar { position:absolute; }
#breadcrumbs { left:5px; color:hsl(0,0%,100%); padding-top:12px; width:100%; }
#breadcrumbs * { font-size:12px; }
#breadcrumbs .init { margin-right:3px; float:left; }
#breadcrumbs ol { list-style-type:none; }
#breadcrumbs li { float:left; }
#breadcrumbs a { margin-left:3px; margin-right:3px; }
#breadcrumbs a, #toolbar a, #toolbar span { color:hsl(48,85%,48%); cursor:pointer; }
#toolbar { right:0; top:4px; text-align:right; white-space:nowrap; }
#toolbar a, #toolbar span { position:relative; top:2px; font-size:22px; margin-right:8px; text-shadow:0px 0px 0px hsl(49,84%,5%); }
#searchform { display:inline; }
#searchform form { display:inline; vertical-align:top; }
#searchform input { width:220px; }

main { padding-top:40px; padding-bottom:140px; background:transparent; }
#footerbox { position:absolute; bottom:0; left:0; width:100%; background:hsl(108,85%,15%); border-top:2px solid hsl(65,18%,51%); }
footer { position:relative; color:hsl(108,20%,51%); height:73px; background:transparent; }
footer small { font-size:15px; }
#footer1 a, #footer2 a { color:hsl(109,20%,80%); }
#footer1, #footer2 { position:absolute; top:7px; line-height:1.6; }
#footer1 { left:3px; }
#footer2 { right:3px; text-align:right; }
footer > div:nth-of-type(3) { width:100%; position:absolute; bottom:5px; text-align:center; }
footer > div:nth-of-type(3) small { opacity:0; font-size:11px; }
footer > div:nth-of-type(3):hover small { opacity:1; }
#mbox { width:100%; position:fixed; top:-100px; z-index:1003; transition:all .6s ease; }
#mbox > div { opacity:.9; }
#mbox p { font-size:18px; letter-spacing:1px; }
#overlay, #wait { display:none; position:fixed; z-index:1003; top:0; left:0; width:100%; }
#overlay { height:100%; background-color:black; opacity:.5; }
#wait { text-align:center; margin-top:25%; }
#wait span { font-size:30px; font-weight:bold; color:hsl(66,83%,5%); background-color:hsl(67,17%,80%); border:5px solid hsl(34,85%,27%); border-radius:8px; padding:5px 10px; }

#breadcrumbs a:hover, #breadcrumbs a:focus,
#toolbar a:hover, #toolbar a:focus, #toolbar span:hover, #toolbar span:focus,
footer a:hover, footer a:focus { text-shadow:0 0 6px hsl(0,0%,100%); }

.smallnav { text-align:right; float:right; margin-top:-40px; margin-right:5px; }
.smallnav div { color:hsl(0,0%,100%); font-size:15px; }
#ci { position:fixed; bottom:0; width:100%; z-index:2; opacity:.9; }
#cookie_info { border-top:1px solid hsl(9,85%,22%); text-align:center; color:hsl(52,86%,75%); background-color:hsl(9,85%,34%); font-size:14px; padding:6px; }
#cookie_info a { font-weight:bold; vertical-align:1px; font-size:15px; border-radius:8px; color:hsl(9,85%,26%); background-color:hsl(52,85%,65%); padding:2px 8px; margin-left:10px; }
#cookie_info a:hover { text-shadow:none; background-color:hsl(52,85%,45%); }

.notpublic2 { opacity:.6; }
.editbox span { color:white; font-weight:normal; background-color:blue; padding:0px; border-radius:4px; }
.highLight, .highLight * { background-color:blue !important; }

/* styles for top navi menu */
#topnav { width:100%; position:absolute; left:-1px; bottom:0; z-index:1002; }
#topnav menu { position:absolute; }
.topnav1 { bottom:-1px; left:0px; }
.topnav1 li { position:relative; }
.topnav1 > li { float:left; margin-right:1px; padding:6px 1px 7px; background:hsl(34,84%,20%); border:1px solid; border-color:transparent transparent hsl(108,85%,15%); border-top-left-radius:6px; border-top-right-radius:6px; }
.topnav1 > li > a { font-size:15px; color:hsl(107,22%,92%); background:transparent; padding:6px 8px; }
.topnav1 > .current { padding-top:9px; margin-top:-3px; background:hsl(108,85%,15%);  border-bottom:1px solid hsl(108,85%,15%); }
.topnav1 > li:hover { background:hsl(34,85%,24%); border-bottom-color:hsl(34,85%,24%); }
.topnav1 > .current:hover { background:hsl(108,85%,15%); border-bottom-color:hsl(108,85%,15%); }
.topnav1 > li.notpublic { background:linear-gradient(to bottom, hsl(0,0%,64%) 0px, hsl(0,0%,40%) 10px); }

.topnav1 menu { z-index:0; visibility:hidden; opacity:0; min-width:160px; padding:6px 2px; border:1px solid hsl(34,85%,24%); border-bottom-left-radius:6px; border-bottom-right-radius:6px; background-color:hsl(34,85%,24%); box-shadow:0px 0px 4px 0 hsl(107,85%,8%); transition:all .5s ease; }
.topnav1 menu.topnav2 { border-top-width:0; left:-1px; top:29px; }
.topnav1 li:hover > .topnav2 { visibility:visible; opacity:.9; }
.topnav1 > .current .topnav2 { top:32px; }
.topnav2 a { display:block; line-height:1.5; padding-left:8px; padding-right:12px; font-size:12px; color:hsl(107,22%,92%); margin-top:1px; border-radius:4px; }
.topnav2 > li.sub > a { background-image:url(../../skins/PureDark/img/arrow.svg); background-repeat:no-repeat; background-position:right; background-size:auto; }
.topnav2 a:hover { background:hsl(35,51%,38%); }
.topnav1 .current menu { background:hsl(108,85%,15%); border-color:hsl(108,85%,15%); }
.topnav1 .current .current > a, .topnav1 .current .topnav2 a:hover { background-color:hsl(108,54%,27%); }

.topnav3 { left:160px; top:-5px; border-top-left-radius:6px; border-top-right-radius:6px; }  /* better: { left:parent-menu.width; } */
.topnav1 li:hover > .topnav2 li:hover > .topnav3 { visibility:visible; opacity:1; }

/* styles for side navi menu */
#sidenav { z-index:2; max-height:350px; padding:20px 0; width:250px; background:hsl(34,85%,26%); position:sticky; top:86px; margin-top:50px; margin-left:auto; overflow-y:auto; border:0px solid hsl(35,38%,45%); border-right-width:0; border-top-left-radius:10px; border-bottom-left-radius:10px; transition:margin-left .3s ease, opacity .5s ease-in-out, visibility .5s; }
#sidenav li { text-align:left; padding-left:10px; margin-bottom:1px; border-top-left-radius:6px; border-bottom-left-radius:6px; }
#sidenav a { line-height:1.5; display:block; }
.sidenav1 { margin-left:10px; }
.sidenav1 .current, .sidenav1 li:hover { background:hsl(35,72%,30%); }
.sidenav2 .current, .sidenav2 li:hover { background:hsl(35,51%,38%); }
.sidenav3 .current, .sidenav3 li:hover { background:hsl(35,38%,45%); }
.sidenav4 .current, .sidenav4 li:hover { background:hsl(34,31%,53%); }
.sidenav5 .current, .sidenav5 li:hover { background:hsl(34,32%,60%); }
.sidenav1 > li > a { font-size:13px; color:hsl(48,79%,74%); font-weight:bold; display:none !important; }
.sidenav2 > li > a { font-size:13px; color:hsl(48,78%,79%); }
.sidenav3 > li > a { font-size:12px; color:hsl(48,78%,84%); }
.sidenav4 > li > a { font-size:12px; color:hsl(48,77%,90%); font-style:italic; }
.sidenav5 > li > a { font-size:12px; color:hsl(49,78%,95%); font-style:italic; }

/**** Mobile Skin Styles ****/

@media (max-width: 1199px) {
  body { background-image:none; }
  #topnav, #breadcrumbs, .nomob { display:none; }
  #sidebar { display:none; padding:0; background:transparent; border-width:0; }
  #snav { cursor:pointer; display:inline; }

  #maingrid  { grid-template:1fr 75px / 10px 1fr 10px; }
  main       { grid-column: 2 / span 1; }
  #sidebar   { grid-column: 3 / span 1; }
  #footerbox { grid-column: 1 / span 3; }

  #mbox p { font-size:14px; }

  header { height:90px; }
  #sidenav { z-index:1004; padding:10px 0; top:60px; margin-top:24px; margin-left:-290px; box-shadow:0 0 10px 3px hsl(108,84%,10%); opacity:0; visibility:hidden; width:300px !important; }
  #sidenav a { font-size:18px; }
  .sidenav1 > li > a { display:block !important; }
  header, #navbar, footer { width:calc(100% - 20px); }
  main { padding:30px 0; overflow:hidden; }
  #footer2 { left:0; top:30px; text-align:left; }
  .icon_up, .icon_down { display:inline; }
  a { white-space:normal; }
  #cookie_info { line-height:1.5; }
}

/**** Content Styles ****/

/* styles for general content */
summary { font-size:16px; color:hsl(109,20%,80%); cursor:pointer; margin-top:25px; background-color:hsl(108,84%,10%); padding:5px 10px; border-radius:4px; }
summary:hover { background-color:hsl(108,86%,14%); }
h1, h2, h3, h4 { line-height:1.3; letter-spacing:1px; }
h1 { font-size:36px; color:hsl(107,22%,92%); }
h2 { font-size:26px; color:hsl(0,0%,100%); margin-top:28px; }
h3 { font-size:22px; color:hsl(0,0%,100%); margin-top:24px; }
h4 { font-size:20px; color:hsl(0,0%,100%); margin-top:22px; }
.subtitle { font-size:15px; line-height:1.4; margin-top:0; }
p, dt, dd, td, th, li, label, .toc { color:hsl(0,0%,100%); }
.hash { font-size:.7em; margin-left:.4em; display:none; }
.hash::before { content:'#'; }
h1:hover .hash, h2:hover .hash, h3:hover .hash, h4:hover .hash { display:inline; }

div.wrapper { margin-top:27px; }
div.wrapper.small { margin-top:20px; }
div.wrapper.neutral { margin-top:0px; }
div.wrapper > *:nth-child(1) { margin-top:0; }
.box1, .box2 { padding:20px; border:2px solid hsl(108,27%,43%); border-radius:3px; }
.box2 { background-color:hsl(108,85%,15%); }
.small { padding:16px; }

main p { font-size:18px; line-height:1.6; margin-top:27px; }
main .small p { font-size:15px; margin-top:20px; }

blockquote { font-family:DejaVu Serif,Georgia,Lucida Bright,serif; line-height:1.3; font-size:13px; color:hsl(0,0%,100%); padding:10px 14px; margin-left:20px; margin-right:20px; margin-bottom:5px; background-color:hsl(108,37%,35%); border-left:4px solid hsl(108,85%,15%); }
blockquote cite { font-size:13px; display:block; text-align:right; padding-top:10px; font-style:italic; }

/* styles for messages and warnings */
p.warning, p.message, p.alert, p.info { overflow:hidden; padding:15px; border-radius:6px; margin-top:27px; }
p.warning { border-left:10px solid hsl(52,85%,37%); }
p.message { border-left:10px solid hsl(65,20%,47%); }
/* from content */
p.warning, p.message { line-height:1.5; }
p.warning { color:hsl(0,0%,95%); background-color:hsl(9,86%,28%); }
p.message { color:hsl(0,0%,95%); background-color:hsl(66,80%,18%); }
p.message::before, p.warning::before { position:absolute; top:-8px; left:-25px; transform:scale(.7); }
p.warning, p.warning a, p.message, p.message a { font-size:17px; }
p.message samp { color:hsl(66,17%,67%); }

/* from cms */
p.alert, p.info { text-align:center; line-height:1.4; font-weight:bold; font-family:DejaVu Sans Mono,Consolas,SF Mono,monospace; }
p.alert { border:3px dashed hsl(52,85%,45%); background-color:hsl(9,85%,22%); color:hsl(9,64%,86%); }
p.info { border:3px dashed hsl(52,85%,45%); background-color:hsl(120,85%,13%); color:hsl(120,30%,82%); }
p.info::before, p.alert::before { position:absolute; top:-8px; left:-25px; transform:scale(.7); }
p.alert a, p.info a { color:inherit; text-decoration:underline; }
p.alert, p.alert a, p.info, p.info a { font-size:15px; }
p.alert samp, p.info samp { color:hsl(0,0%,100%); font-size:inherit; }

aside.toc { margin-left:20px; float:right; }
.toc nav, .toc menu, .toc li, .toc a { font-size:inherit; }
.toc menu { list-style-type:none; }
.toc li { line-height:1.3; }
.toc li::before { content:'•'; margin-right:5px; }
.toc p { line-height:2; margin-top:4px !important; }
.toc p:nth-of-type(1) { margin-top:0 !important; }
q { font-size:inherit; line-height:inherit; font-style:italic; color:hsl(108,20%,76%); font-family:DejaVu Serif,Georgia,Lucida Bright,serif; }
q::before { content:'»'; }
q::after { content:'«'; }
cite { font-variant:normal; font-style:italic; }
hr { margin-top:32px; margin-bottom:32px; border-color:hsl(108,22%,47%); background-color:hsl(107,45%,31%); border-style:solid; height:0; }

a, b, strong, i, em, u, ins, del, s, sup, sub, var, mark, small, span, label, cite, abbr, dfn, time, noscript, data, output { font-size:inherit; font-family:inherit; line-height:inherit; }
b.initial { line-height:.5; margin:11px 1px 0 -6px; float:left; color:hsl(107,20%,68%); font-size:65px; }
small { font-size:14px; }
span[lang][title], abbr[title] { text-decoration:none; border-bottom:2px dashed hsl(108,27%,43%); cursor:help; }
span[lang] { font-style:italic; }
code, samp { font-size:.95em; color:hsl(67,18%,71%); padding-left:2px; padding-right:2px; }
code:not(.source) { display:inline-block; vertical-align:-5px; max-width:calc(100% - 4px); overflow:auto; white-space:nowrap; background-color:hsl(108,85%,15%); line-height:1.2; }
code:not(.source) img { height:20px; vertical-align:-5px; margin-right:5px; cursor:pointer; filter:contrast(1.7); }
.apturl img { height:26px; vertical-align:-6px; filter:hue-rotate(00deg) contrast(2) brightness(2); }
kbd { display:inline-block; min-width:15px; text-align:center; vertical-align:1px; font-feature-settings:initial; font-size:15px; color:hsl(109,84%,5%); letter-spacing:1px; font-family:Arial,FreeSans,Liberation Sans,Inter,SF Pro,Helvetica,sans-serif; border:solid 2px hsl(65,34%,34%); border-radius:4px; padding:3px 3px; background:hsl(67,18%,71%) linear-gradient(to bottom, hsl(67,18%,71%) 0px, hsl(67,18%,71%) 12px); white-space:nowrap; }
kbd .icon { font-size:inherit; }
sup, sub { font-size:12px; font-weight:bold; }
sup { vertical-align:5px; }
sub { vertical-align:-2px; }
em { font-family:Liberation Sans,FreeSans,Arial,SF Pro,Helvetica,sans-serif; font-feature-settings:initial; font-style:normal; color:hsl(106,20%,84%); background:hsl(107,45%,31%); padding:1px 3px 2px; border-radius:4px; }
em.button { border:1px solid hsl(107,20%,68%); border-radius:5px; margin-left:2px; margin-right:3px; white-space:nowrap; }

.mob { display:none; }
.nowrap { white-space:nowrap; }
.scrollbox { max-width:100%; overflow-x:auto; }
.mono, code, samp, pre { font-family:DejaVu Sans Mono,Consolas,SF Mono,monospace; }
.left, select.left option { text-align:left; }
.right, select.right option { text-align:right; }
.center, select.center option { text-align:center; }
.showonhover { opacity:0; }
.showonhover:hover { opacity:1; }
.red { background-color:hsl(9,85%,32%) !important; }
.notpublic { background:hsl(0,0%,40%) !important; }
.hidden { display:none; }

.key_down::before { content:'\f5d1'; }
.key_up::before   { content:'\f5df'; }
.key_left::before, .key_backspace::before { content:'\f5d5'; }
.key_right::before { content:'\f5db'; }
.key_backspace, .key_shift, .key_tab { padding-right:10px; }
.key_shift::before { content:url(../../shared/img/shiftkey.svg.php?13,0e3604); top:1px; left:0px; }
.key_tab::before { content:url(../../shared/img/tabkey.svg.php?13,0e3604); top:2px; left:-1px; }
.key_win::before { content:url(../../shared/img/branding/winlogo.svg.php?15,0e3604); top:1px; left:-1px; }
.key_shift::before, .key_tab::before, .key_win::before { position:relative; }
.key_win { vertical-align:-1px; padding:2px 3px 1px; }
.mlogo::before { content:url(../../shared/img/branding/mintlogo.svg.php); vertical-align:-5px; margin-left:2px; }

.yes::before { content:'✔'; color:hsl(125,85%,37%); }
.no::before { content:'✘'; color:hsl(0,85%,60%); }
.maybe::before { content:'?'; font-weight:bold; color:hsl(220,85%,75%); }
.yes::before, .no::before, .maybe::before { font-size:22px; font-family:Open Sans,sans-serif; }
pre.ancestree { color:hsl(0,0%,100%); font-size:22px; line-height:1.2; margin-left:-100px; margin-top:20px; }
pre.ancestree span { margin-left:5px; font-family:Open Sans,Segoe UI,Myriad,Frutiger,sans-serif; font-size:18px; }

/* fallback styles */
.nono, canvas b, noscript b, .novideo, .noaudio { margin:1px; font-weight:bold; display:inline-block; font-size:18px !important; font-family:DejaVu Sans Mono,Consolas,SF Mono,monospace; color:hsl(9,85%,34%); background-color:hsl(52,85%,50%); width:200px; padding:10px; }
canvas b::before { content:'Dieser Inhalt kann nicht dargestellt werden, da JavaScript deaktiviert ist oder der Browser das HTML5 Canvas-Element nicht unterstützt!'; }
noscript b::before { content:'Zur Darstellung dieses Inhalts muss JavaScript aktiviert werden!'; }
.novideo::before { content:'Dieses Video kann nicht angezeigt werden, da der Browser das HTML5 Video-Element oder das verwendete Videoformat nicht unterstützt! Sie können es aber herunterladen: '; }
.noaudio::before { content:'Diese Aufnahme kann nicht abgespielt werden, da der Browser das HTML5 Audio-Element oder das verwendete Audioformat nicht unterstützt! Sie können sie aber herunterladen: '; }

/* styles for links */
main a, div.tool small { color:hsl(48,85%,48%); }
main a:hover, main a:focus, div.tool small:hover { text-shadow:0 0 6px hsl(0,0%,100%); }
a[hreflang]::before { content:''; display:inline-block; background-size:10px; width:10px; height:10px; background-repeat:no-repeat; margin-right:4px; }
a[hreflang=de]::before { background-image:url(../../shared/img/flags/de.svg); }
a[hreflang=en]::before { background-image:url(../../shared/img/flags/gb.svg); }
a[hreflang=fr]::before { background-image:url(../../shared/img/flags/fr.svg); }
a[hreflang=es]::before { background-image:url(../../shared/img/flags/es.svg); }
a[hreflang=it]::before { background-image:url(../../shared/img/flags/it.svg); }
a[hreflang=tr]::before { background-image:url(../../shared/img/flags/tr.svg); }
small a[hreflang]::before { vertical-align:-1px; }
a img, iframe { border-width:0; }

/* styles for buttons */
.smallbutton, .bigbutton, .waitbutton { display:inline-block; line-height:1; border-width:0px; }
.bigbutton, .waitbutton { padding:3px 10px 5px; font-size:16px; border-radius:12px; font-weight:bold; letter-spacing:.05em; }
.smallbutton, .bigbutton, #help .smallbutton:hover { cursor:pointer; color:hsl(33,30%,93%); }
#help .smallbutton:hover { cursor:auto; }
.bigbutton { background:linear-gradient(to bottom, hsl(34,44%,42%) 0%, hsl(34,85%,22%) 100%); }
.smallbutton, #help .smallbutton:hover { font-weight:normal; font-style:normal; padding:1px 8px 3px; font-size:14px; background:linear-gradient(to bottom, hsl(65,28%,39%) 0%, hsl(65,80%,14%) 100%); border-radius:4px; }
.smallbutton:hover { background:linear-gradient(to bottom, hsl(65,20%,47%) 0%, hsl(66,80%,15%) 100%); }
.bigbutton:hover { background:linear-gradient(to bottom, hsl(34,31%,53%) 0%, hsl(34,85%,26%) 100%); }

.download { position:relative; cursor:pointer; white-space:nowrap; font-size:15px; color:hsl(48,78%,58%); padding:7px 11px 8px 10px; background:hsl(66,80%,18%) linear-gradient(to bottom, hsl(65,34%,34%) 0%, hsl(66,81%,13%) 100%);  border-radius:8px; font-weight:bold; }
.download::before { display:inline-block; transform:scale(1); content:url(../../shared/img/papirus/icon-download.svg); margin-right:4px; vertical-align:-10px; }
.download:hover, .download:focus { background-color:hsl(65,49%,26%); background-image:linear-gradient(to bottom, hsl(65,20%,47%) 0%, hsl(66,81%,13%) 100%); }

.button3 { font-size:18px; cursor:pointer; padding:3px; background:hsl(48,85%,36%) linear-gradient(to bottom, hsl(48,79%,74%) 0px, hsl(48,85%,36%) 4px, hsl(48,85%,36%) 17px, hsl(48,79%,87%) 22px) scroll; border:1px solid hsl(34,44%,42%); border-radius:4px; }
.button3:hover { background-color:hsl(48,85%,43%); }
.right .bigbutton { margin-right:10px; }

/* styles for lists */
main ul, main ol { margin-top:27px; margin-left:20px; }
.small ul, .small ol { margin-top:20px; }
main ul ul, main ol ol { margin-top:0; }
main li { font-size:18px; line-height:1.5; margin-top:3px; }
main .small li { font-size:15px; }

/* styles for tables */
table { border-spacing:2px; margin-top:27px; margin-bottom:2px; }
.small table { margin-top:20px; }
table.middle { margin-left:auto; margin-right:auto; }
td, th { line-height:1.3; padding:4px 7px; vertical-align:top; font-weight:normal; font-size:16px; }
.small td, .small th { font-size:13px; }
th { text-align:left; }
.title, tr.title td, tr.title th { font-weight:bold; background-color:hsl(66,63%,22%); }
.normal  { background-color:hsl(107,86%,17%); }
.special { background-color:hsl(108,54%,27%); }
.extra   { background-color:hsl(108,85%,13%); }
.blind   { background-color:hsl(108,86%,19%) !important; border-color:transparent; }
.border, tr.border td, tr.border th { border:1px solid hsl(108,37%,35%); }
tr.sticky { position:sticky; top:40px; }
fieldset .blind, fieldset .blind td { background-color:hsl(108,84%,13%); }

/* styles for fieldsets */
fieldset { padding:5px 10px 14px; margin-top:27px; background:hsl(108,84%,13%); border-radius:6px; border:none; }
legend { padding:5px; margin-left:10px; font-size:18px; font-weight:bold; color:hsl(0,0%,100%); white-space:nowrap; }
fieldset fieldset { background:hsl(107,86%,9%); border-color:hsl(107,45%,31%); margin-top:0; margin-bottom:10px; padding-top:10px; }
fieldset fieldset legend { font-size:16px; color:hsl(107,20%,68%); }
fieldset .message, fieldset .warning, fieldset .info, fieldset .alert { margin-top:0; margin-bottom:10px; }

/* styles for forms */
input[type=text], input[type=password], input[type=email], input[type=search], input[list], input[type=number], textarea { line-height:1.3; color:hsl(107,86%,17%); font-size:15px; padding:3px 5px 2px; border-radius:3px; letter-spacing:1px; background-color:hsl(107,20%,60%); border:none; }
textarea { vertical-align:-7px; }
input.mono { font-size:14px; }
input[type=range] { vertical-align:-5px; }
input[type=text], input[type=password], input[type=email], input[list] { width:200px; }
input[type=number] { width:70px; text-align:right; }
input.narrow { width:40px !important; }
input.narrow2 { width:237px !important; }
input.narrow3 { width:175px !important; }
select { padding:0 4px 2px; border-radius:3px; border:1px solid hsl(108,85%,13%); background:hsl(107,20%,60%) linear-gradient(to bottom, hsl(108,20%,76%) 0%, hsl(107,45%,31%) 100%) bottom right; }
select, option { color:hsl(108,86%,11%); letter-spacing:1px; font-size:15px; }
option { background-color:hsl(109,20%,80%); }
input[type=radio], input[type=checkbox] { vertical-align:-2px; }
input[type=checkbox].check1 { vertical-align:-7px; }
input:autofill { font-feature-settings:initial !important; font-family:'Open Sans',sans-serif !important; }

input.error, textarea.error { background-color:hsl(10,64%,77%); }
form em { background:unset; font-family:unset; line-height:1.5; font-size:14px; color:hsl(9,64%,63%); font-weight:bold; font-style:italic; margin-left:5px; }
.qebtia { font-size:15px; margin:10px 0 10px 175px; }
form .fieldset { margin:0 10px; }  /* big button inside fieldset */
.smallnav select, .smallnav select option { font-size:15px; letter-spacing:0; }

.fs1 dt, .fs1 dd { padding-bottom:4px; min-height:19px; line-height:1.2; }
.fs1 dt { width:160px; float:left; background-color:transparent; padding-top:4px; text-align:right; clear:both; }
.fs1 dd { float:right; background-color:transparent; }
.fs1 dd { width:990px; }
.fs2 dd { width:965px; }
.fs1 label, .fs1 dd, .fs1 dt { font-size:15px; }
.fs1 dd input[type=text], .fs1 dd input[type=password], .fs1 dd input[type=email], .fs1 dd textarea { width:500px; }

/* styles for source code */
div.tool { clear:both; opacity:.8; position:relative; z-index:1; text-align:right; margin-top:13px; margin-bottom:5px; }
div.tool small { font-size:12px; cursor:pointer; margin-right:3px; background-color:hsl(108,85%,13%); border-top-left-radius:4px; border-top-right-radius:4px; padding:1px 10px 3px; }

pre.source { white-space:pre-wrap; margin-top:-1px; border:2px solid transparent; overflow:auto; border-radius:3px; background-color:hsl(107,85%,8%); }
pre.source b { display:inline-block; font-size:14px; font-weight:normal; color:hsl(34,31%,64%); line-height:1.5; margin-left:2px; width:calc(100% - 2px); }
pre.source .linum { background-image:linear-gradient(to right, hsl(108,86%,11%) 0px, hsl(108,86%,11%) 36px, transparent 36px); counter-reset:linum; }
pre.source b::before { content:'\200b'; user-select:none; }
pre.source .linum b::before { margin-right:1em; display:inline-block; width:2em; text-align:right; counter-increment:linum; content:counter(linum); color:hsl(108,22%,47%); }
pre.source .linum b { margin-left:3em; text-indent:-3em; color:hsl(34,31%,64%); width:calc(100% - 3em); }
pre.source b mark { color:inherit; background-color:hsla(60,100%,20%,.5); }
pre.source b:hover { background-color:hsl(108,84%,10%); }

/* styles for images */
.iright, .ileft, .iauto { margin-top:3px; padding:2px; border:0 solid hsl(65,20%,47%); border-radius:4px; }
.iright { float:right; margin-left:20px; margin-bottom:10px; }
.ileft { float:left; margin-right:20px; margin-bottom:10px; }
.inlineimg { vertical-align:-3px; }
.center_image { display:block; margin:27px auto; text-align:center; overflow-x:auto; background-color:transparent; line-height:1.4; }
.center_image small { font-style:italic; }
.svgicon { height:24px; vertical-align:-7px; }
.subtitle .svgicon { vertical-align:-8px; }
img.border { border:2px solid hsl(108,22%,47%); border-radius:4px; padding:2px; }
.portrait  { height:500px; }
.landscape { width:500px; }

/* styles for video */
.videobox { display:block; margin:27px auto 0; border:2px solid hsl(65,20%,47%); padding:2px; }
.f4by3 { width:540px; height:405px; }
.f3by4 { width:405px; height:540px; }
.f16by9 { width:720px; height:405px; }
.f9by16 { width:405px; height:720px; }

/* styles for pager */
.pager { text-align:center; margin:27px; line-height:2; }
.pager a { color:hsl(34,31%,85%); background-color:hsl(34,85%,24%); border:1px solid hsl(48,85%,29%); }
.pager a, .pager span { font-weight:bold; padding:0 6px 1px; font-size:15px; margin:auto 1px; border-radius:4px; }
.pager a:hover { background-color:hsl(34,85%,27%); }
.pager a.current { background:magenta; }
.pager span { color:hsl(34,31%,85%); background-color:hsl(34,85%,27%); border:2px solid hsl(48,86%,38%); }

/* styles for tags */
.tags { line-height:2; user-select:none; }
.tags a, .tags span { white-space:nowrap; cursor:pointer; margin-left:3px; margin-right:3px; padding:1px 4px 3px 6px; font-size:15px; font-style:italic; color:hsl(68,19%,92%); background-color:hsl(66,81%,16%); border:1px solid hsl(65,28%,39%); border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 30px 20px; border-bottom-right-radius: 30px 20px; box-shadow: 1px 1px 2px 1px hsl(108,84%,10%); }
.tags a::after, .tags span::after { content:'○'; margin-left:6px; color:hsl(64,17%,55%); font-size:10px; font-style:normal; vertical-align:3px; }
.tags a:hover { background-color:hsl(66,80%,18%); }

/* Styles for Leaflet maps */
.leaflet-control-layers-base { line-height:1.5; }
.leaflet-control-layers-base span { color:black; font-feature-settings:initial; }
.leaflet-popup {}
.leaflet-popup-close-button { color:black !important; }
.leaflet-popup-content-wrapper { border:1px solid hsl(65,18%,59%) !important; background:hsl(67,17%,80%) !important; }
.leaflet-popup-content { width:auto !important; color:hsl(108,86%,11%); line-height:1.4; font-size:15px !important; white-space:nowrap; }
.leaflet-popup-content a { font-weight:bold; font-size:18px; color:hsl(34,33%,49%); }
.leaflet-popup-tip-container {}
.leaflet-popup-tip { background:hsl(67,17%,80%) !important; }

/* styles for macro flatpakref */
a.flathub::before { content:url(../../shared/img/branding/flathub.svg.php?20,e2b912); vertical-align:-3px; margin-right:5px; }

/* styles for macro footnotes */
#footnotes { margin-top:10px; padding-top:10px; font-size:14px; color:white; }
#footnotes hr { width:25% }
#footnotes > span:target span { background:hsl(108,86%,11%); }
main a.ref:target { background:hsl(107,85%,8%) !important; text-shadow:none; }
#footnotes > span > a { display:block; width:15px; float:left; line-height:1.5; text-align:right; font-size:12px; }
#footnotes > span > span { display:block; margin-left:20px; line-height:1.5; padding-bottom:10px; }
#footnotes > span > a { font-weight:bold; }

/* styles for macro linklist */
.linklist { margin-top:20px; clear:both; }
.linklist.end { margin-top:60px !important; }
.linklist dl { display:block; margin-left:1px; }
.linklist dt, .linklist dd { height:40px; padding-top:3px; padding-left:4px; padding-right:4px; overflow:hidden; margin-bottom:2px; color:hsl(0,0%,100%); background-color:hsl(108,86%,19%); }
.linklist dt { line-height:1.0; width:calc(40% - 10px); float:left; border-right-width:0; }
.linklist dt a { font-size:15px; font-weight:bold; width:100px; display:inline-block; }
.linklist dt small { opacity:.8; font-size:12px; font-weight:normal; }
.linklist dd { line-height:1.3; width:calc(60% - 10px); font-size:14px; }

/* styles for macro screenshot */
.screenshot { margin-left:10px; }
.screenshot .svgicon { transform:scale(.9); vertical-align:-6px; }

/* styles for macro debian status */
.debian { margin-left:5px; }
.debian::before { display:inline-block; content:url(../../shared/img/papirus/distributor-logo-debian.svg); vertical-align:-11px; transform:scale(.6); filter:hue-rotate(-80deg) contrast(2) saturate(3); }

/* styles for MathML */
.math { display:inline-block; background-color:hsl(107,68%,23%); padding:14px; margin-bottom:10px; }
math * { font-family:math; font-size:18px; color:hsl(0,0%,100%); }
msub > :nth-child(2), msup > :nth-child(2), msup > :nth-child(2) *, mroot > :nth-child(2) { font-size:15px; }
mspace { width:5px; }

/* macro error */
.macroerror { background-color:hsl(52,85%,50%); color:hsl(9,85%,43%); padding:5px 10px; border:2px solid hsl(9,85%,43%); font-weight:bold; }
.macroerror samp { color:hsl(0,0%,0%); }

/* styles for module stickynotes */
.stickynote { margin:60px auto 0; background-color:hsl(55,60%,65%); width:300px; border:1px solid hsl(55,60%,25%); border-radius:5px; box-shadow:4px 4px 5px 2px hsl(108,86%,14%); }
.stickynote * { font-family:DejaVu Sans Mono,Consolas,SF Mono,monospace; color:black; }
.stickynote div:nth-of-type(1) { font-weight:bold; font-size:15px; text-align:center; color:hsl(55,60%,70%); background-color:hsl(55,60%,20%); border:6px solid hsl(55,60%,20%); margin-top:-1px; margin-left:-1px; width:290px; border-radius:5px 5px 0 0; white-space:nowrap; overflow:hidden; padding:2px 0; }
.stickynote div:nth-of-type(2) { padding:10px 10px; font-size:16px; line-height:1.3; }
.stickynote hr { margin:10px 0; padding:0; height:0; }
.stickynote div em { font-family:unset; font-style:normal; font-weight:bold; font-size:inherit; display:inline-block; width:100%; padding:0 4px; background-color:hsl(55,60%,55%); margin-left:-4px; }
@media (max-width: 1199px) {
  .stickynote { width:250px; }
  .stickynote div:nth-of-type(1) { font-size:13px; width:241px; }
  .stickynote div:nth-of-type(2) { font-size:14px; }
}

/* styles for module gallery */
.preview { padding:6px; text-align:center; vertical-align:middle; }
.preview img { border:1px solid hsl(0,0%,100%); }
#mod_gallery .landscape { width:200px; }
#mod_gallery .portrait { height:200px; }
#iv_mode img, #iv_close img { width:15px; height:15px; opacity:.8; }
#iv_overlay, #iv_box { position:fixed; z-index:1004; top:0; left:0; width:100%; height:100%; }
#iv_box { pointer-events:none; }
#iv_overlay { background-color:black; opacity:.8; }
#imageviewer { pointer-events:auto; background-color:black; border:1px solid hsl(0,0%,30%); margin:10px auto; overflow:hidden; }

#iv_mode, #iv_count, #iv_close, #iv_prev, #iv_next, #iv_prev::before, #iv_next::before, #iv_content1, #iv_content2, #imageviewer img, #iv_cap1, #iv_cap2 { position:absolute; }
#iv_box1, #iv_box2, #imageviewer { position:relative; }
.preview img, #iv_mode, #iv_close, #iv_prev, #iv_next { cursor:pointer; }
#imageviewer a { cursor:url(../../shared/img/fullscreen.svg) 11 11,crosshair; }

#iv_mode, #iv_count, #iv_close { top:20px; z-index:1008; color:hsl(0,0%,80%); text-shadow:1px 0px 0px black, 0px 1px 0px black, -1px 0px 0px black, 0px -1px 0px black; font-size:20px; }
#iv_mode { left:20px; }
#iv_count { left:35px; top:13px; font-size:14px; }
#iv_close { right:20px; }
#iv_prev, #iv_next { background-color:hsl(0,0%,15%); opacity:0; transition:opacity .4s linear; width:100px; height:100%; z-index:1007; }
#iv_prev { left:0; }
#iv_next { right:0; }
#iv_prev::before, #iv_next::before { font-size:40px; color:white; top:50%; }
#iv_prev::before { content:'◁'; left:35px; }
#iv_next::before { content:'▷'; right:35px; }
#iv_prev:hover, #iv_next:hover { opacity:.5; }

#iv_content1, #iv_content2 { left:0; width:100%; height:100%; transition:all .4s linear; }
#imageviewer img { left:50%; top:50%; transform:translate(-50%,-50%); }
#iv_cap1, #iv_cap2 { background-color:hsl(0,0%,10%); width:100%; height:30px; bottom:0; text-align:center; color:hsl(0,0%,70%); padding-top:10px; font-size:14px; }

/**** Mobile Content Styles ****/

@media (max-width: 1199px) {
  #nameplate { top:24px; }
  #nameplate strong a span { font-size:34px; }
  .linklist dd { display:none; }
  .mob { display:inline; }
  .icon { font-size:16px; }
  .icon_link { display:none; }

  summary { font-size:14px; }
  h1 { font-size:24px; }
  h2 { font-size:20px; }
  h3 { font-size:17px; }
  h4, .p, .box1, .box2, main li, td, th, .hash { font-size:15px; }
  .xbutton { font-size:14px; }
  p.alert, p.alert a, p.info, p.info a { font-size:13px; }
  p.warning, p.warning a, p.message, p.message a, kbd, .fs1 label, .fs2 label, .qebtia { font-size:13px; }
  p.alert, p.info { width:85%; margin-left:auto; margin-right:auto; }
  small, div.special, div.normal, div.border, div.blind, .download, .subtitle { font-size:12px; }
  pre.source { background-color:hsl(107,85%,8%); }
  pre.source .linum { background-image:linear-gradient(to right, hsl(108,86%,11%) 0px, hsl(108,86%,11%) 31px, hsl(107,85%,8%) 31px); }
  pre.source b, pre.source .linum b { font-size:12px; }
  b.initial { font-size:52px; margin-top:12px; }
  aside div, aside p { float:none !important; margin-left:0 !important; }
  #content img:not(.icon):not(.noscale) { zoom:.75; }
  .yes::before, .no::before { font-size:13px; }
  .math { display:block; overflow-x:auto; }
  .scrollbox2 { max-width:100%; overflow-x:auto; }
  pre.ancestree { font-size:19px; margin-top:18px; }
  pre.ancestree span { font-size:15px; }

  #mbox > div { width:100%; }
  p.warning, p.message, p.alert, p.info { padding-left:20px; }
  code { vertical-align:-4px; }
  .xbutton { padding:1px 4px 2px; }
  kbd { vertical-align:1px; min-width:11px; }
  .smallbutton { height:18px; font-size:12px; padding:2px 7px; }
  a.smallbutton { padding:5px 7px 1px; }
  .bigbutton { height:23px; font-size:15px; padding:0 9px 2px; }
  a.bigbutton { padding:4px 9px 3px; }

  .p, table { margin-top:20px; }
  td, th { padding:2px 6px; }
  td a, th a { white-space:nowrap; }
  tr.sticky { position:static; }
  main ul, main ol { margin-top:27px; margin-left:25px; }

  .fs1, .fs2 { width:calc(100% - 25px); }
  .fs1 legend, .fs2 legend { font-size:15px; margin-left:0; }
  .fs1 dt, .fs2 dt, .fs1 dd, .fs2 dd { text-align:left; width:auto; float:none; }
  .fs1 dd textarea, .fs1 dd input[type=text], .fs1 dd input[type=email], .fs2 dd textarea, .fs2 dd input[type=text], .fs2 dd input[type=email] { width:calc(100% - 20px); }
  .qebtia { margin-left:0; white-space:normal; }
  .linklist dt { width:calc(100% - 11px); max-width:calc(100% - 11px); border-right-width:1px; }
  .linklist dt a { white-space:nowrap; font-size:14px; }

  .video1, .video1 iframe { width:320px; height:240px; }  /* YouTube and Vimeo macro default */
}
/**** Print Styles ****/

@media print {
  #navbarbox, #sidebar { display:none; }
  body, #headerbox, #maingrid, #footerbox, .linklist dt { background:transparent; }
  #headerbox * { background-image:none !important; background-color:transparent !important; }
  #maingrid  { display:block; }  /* to enable gecko print output */
  main, #content { padding-top:0; min-height:auto; }
  #footerbox { position:relative; }
  p.warning, p.message, p.alert, p.info, code, .smallbutton, .bigbutton, .download, .xbutton, kbd, fieldset, select { background:silver; }

  h1, h2, h3, h4, .p, .subtitle, p.warning, p.message, p.alert, p.info, dt, dd, td, th, li, label, legend, code, .xbutton, .download, .linklist a, select, main td a, td samp, .qebtia, .bigbutton, .smallbutton, #entries .normal { color:black; }
  div.tool small { color:transparent; }
  main a, samp, footer div, #footer1 a, #footer2 a, p.warning a, p.message a, p.alert a, p.info a, p.warning samp, p.message samp, p.alert samp, p.info samp { color:dimgray; }
  code:not(.source) { white-space:normal; background:silver; }

  a { text-decoration:underline; }
  #footerbox, p.warning, p.message, p.alert, p.info, .smallbutton, .bigbutton, .download, .xbutton, kbd, fieldset, .linklist dt, select { border-color:gray; }
  h1, h2, .download { text-shadow:initial; }
  p.warning, p.message, p.alert, p.info, .bigbutton { box-shadow:initial; }
  b.initial { color:grey; }
  .yes::before, .no::before { color:black; }

  summary { background:grey; color:white; }
  hr { border-color:gray; background-color:gray; }
  .smallbutton, .bigbutton, .download { text-decoration:none; }
  span[lang][title], abbr[title] { border-bottom-color:dimgray; }

  .title, tr.title td, tr.title th { background:dimgray; color:white; }
  .special a { color:white; }
  .normal, tr.normal td { background:silver; }
  .extra, tr.extra td { background:lightgray; }
  .special, tr.special td { background:gray; }
  .title, .normal, .special, .border, .extra, tr.title td, tr.title th, tr.normal th, tr.normal td, tr.special td, tr.extra td, tr.border td { border-color:black; }

  div.tool { opacity:0; }
  pre.source { color:black !important; background-color:transparent; border-color:silver; height:auto !important; }
  pre.source b, pre.source b *, pre.source b::before { color:black !important; background-color:transparent; text-shadow:none !important; }
  pre.source b mark { background-color:silver; }
  pre.source code { background-color:transparent; }
  pre.source .linum { background-image:linear-gradient(to right, silver 0px, silver 30px, transparent 30px); }
}