body, html { margin:0; padding:0; height: 100%; } #maincontainer{ max-width: 1360px; min-height: 100%; width: 90%; /* fallback */ width: calc(100% - 52px); margin: 0 auto; background-color:#ffffff; border: 1px solid #949494; border-top: 0; padding: 0 14px 0 14px; box-shadow: 0px 0px 12px #b4b4b4; border-radius: 0px 0px 5px 5px; } #topsection{ padding-bottom:10px; padding-top:10px; } #topsection h1{ margin: 0; padding-top: 15px; } #contentwrapper{ float: left; width: 100%; background-color:#ffffff; } .dark #maincontainer, .dark #contentwrapper{ background-color:#161616; box-shadow: none; border: 0; } #contentcolumn{ margin-right: 210px; /*Set right margin to RightColumnWidth*/ } #contentcolumn .innertube{ clear:both; } #rightcolumn{ float: left; width: 210px; /*Width of right column*/ margin-left: -210px; /*Set left margin to -(RightColumnWidth) */ position: relative; } div.hidemenu {display:none;} #footer{ clear: left; width: 100%; text-align: center; padding: 20px 0 20px 0; } .innertube{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; } .clear {clear:both;} img {border:0;} td img {vertical-align:middle} table,tr,td { padding:0;margin:0;border:0; } table { border-collapse: collapse; border-spacing: 0; } table.tool {float:left;} table.tool td { white-space: nowrap; } table.syntaxtable td { padding:2px; padding-right:5px; } table.infotable td, table.infotable th { vertical-align:top; padding:4px; border:1px solid #c0c0c0; } table.infotable th {background-color:#eeeeee; text-align:left; font-weight:600;} .dark table.infotable th {background-color:#333;} td.top, th.top { vertical-align:top; } td.right, th.right, table.infotable th.right { text-align:right; } tr.bold td {font-weight:600;} tr.comment td {font-style:italic;text-align:center;} div.right-2nd-cell table td + td, div.right-2nd-cell table th + th { text-align:right; } /* freeze-sort tables */ div.ectable { display:inline-block; min-width:90%; } div.ectable.table-small {min-width:50%;} div.ectable.fullwidth {width:100%;} div.ectable table {width:100%;} th.ts i {padding-left:5px;} th.ts {cursor:pointer;} div.ectable table.infotable tbody tr:nth-child(even) { background-color: #f8f8f8; } div.ectable table.infotable tbody tr:hover { background-color: #fff9cb; } .dark div.ectable table.infotable tbody tr:nth-child(even) { background-color: #222; } .dark div.ectable table.infotable tbody tr:hover { background-color: #26497C; } .dark table.infotable td, .dark table.infotable th { border-color: #111;} div.lastsub {padding-bottom:10px;} label input { border:1px solid #ffffff; } .resultbox { min-height:26px; } #result1 {min-height:45px; } .ampm,.pref-tz { margin-left: 4px; } .warning, .error { font-weight:600; color:#8b0000; } body { font-size: 14px; background-color: #d4d9dd; font-family: 'Open Sans', 'Lucida Grande', sans-serif; font-weight: 400; line-height: 1.55; color: #000000; } .dark body { background-color: #121212; color: #d6d6d6; } span.logo { height:60px; width:286px; background-position:left; background-repeat:no-repeat; background-size:contain; display:inline-block; background-image: url("/img/epochconverter.svg"); text-indent: -9999px; } .dark span.logo {filter: invert(90%);} pre,code,kbd {font-family: Consolas,monospace; } code {background-color:#f0f0f0;} pre {white-space: pre-wrap;} pre, pre code {background-color:#fafafa;} .dark code, .dark pre {background-color:#1c1c1c;} a { color: #21759a; text-decoration: none; } .dark a { color:#6699CC; } a:active, a:hover {color:#882222;} .dark a:active, .dark a:hover { color:#86B9EC; } p a { border-bottom: 1px solid #dfdfdf; } .dark p a { border-color: #202020; } a.nocolor, a i.fa {color:#444;} .dark a.nocolor, .dark a i.fa {color:#d6d6d6;} a i.fa.blue {color: #21759a;} a.currentpage { color:#222222; } .dark a.currentpage {color:#dddddd; } a.currentpage:after { content: '\2022'; padding-left:5px; color:#822; } .dark a currentpage:after { color:#cccccc; } h1,h2 { font-family: 'Roboto Slab', sans-serif; font-weight: 400; line-height: 1.2em; } h1 { border-bottom:1px solid #dedede; font-size:2.1em; color:#882222; padding-bottom:10px; margin-bottom:14px; } .dark h1 { color: rgb(166, 86, 82); border-bottom: 1px solid #555;} .dark h2, .dark h3 { color: #ccc;} #rightcolumn h4 { padding:4px 0 2px 0; margin: 16px 0 0 0; font-weight: 600; } #rightcolumn .links { padding-left: 0; } #topsection h1 {padding-top:30px;} h2 { font-size:1.65em; color:#143470; margin-bottom:14px; margin-top:46px; padding:0; } #rightcolumn h2 {background:none;text-indent:0;} h2.first, p.first, h2#efhead { padding-top:0; margin-top:0;} h3 { font-size:1.1em; color:#444; font-weight:600; padding:0; margin:15px 0 15px 0; } p { margin: 8px 0 20px; } b,em,strong { font-weight: 700; } #timebox { width:180px;border:1px solid #333333; text-align:center; } #timebox b { color:#882222 } .small,#footer { font-size:0.9em; } .highlight, .highlightbox { text-align:center; padding:10px; border-radius:8px; border:1px solid #003D5D; margin:0; margin-bottom:20px; color:#222; } .highlight h3, .highlightbox h3 { font-size:27px; font-weight:normal; color:#222; } .highlight { background-color:#ccddff; } .dark .highlight, .dark .highlight h3, .dark .highlightbox h3 { color: #eee;} .inline{ display:inline; } input[type=button], input[type=submit], input[type=text], select, button, textarea { -webkit-appearance: none; } input, button, select, textarea { border:1px solid #999; padding:4px; font-size:1.1em; border-radius: 2px; box-shadow: 2px 2px 4px #ddd; } @-moz-document url-prefix() { select { padding:3px; }} @supports (-ms-ime-align:auto) { select { padding:3px }} textarea { box-shadow: none; } .dark input, .dark button, .dark select, .dark textarea { background-color: #333333; color: #dddddd; box-shadow: none; border: 1px solid #222222; } .dark textarea { background-color: #222; } input[type=button], input[type=submit], button { border-radius: 3px; background-color: #eeeeee; cursor: pointer; } input:focus, button:focus, select:focus, input.button:hover, button.button:hover { border:1px solid #666; box-shadow: 0px 0px 5px #777; } input.button, button.button { border-radius: 3px; border: 1px solid; border-color: #adb1b8 #a2a6ac #8d9096; background-color: #fff9cb; background-image: linear-gradient(to bottom, #fff9cb 0%, #faf3c5 100%); color: #333; box-shadow: none; cursor: pointer; } .dark input.button, .dark button.button { background-image: none; background-color: #555555; color: #dddddd; border: 0; } .dark input[type="text"]:disabled { color: #555; background-color:#222; } button.show-comments { margin-top: 20px; padding: 6px 40px 6px 40px; cursor: pointer; box-shadow: none; } input.dateform {width:30px;} input.year {width:50px;} form div {padding-top:7px;} form#hf {padding-top:20px;} input[type="radio"], input[type="check"], select, label { cursor: pointer; } input[type="radio"], input[type="check"] { box-shadow: none;} select { -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 3px; padding-right: 20px !important; } .dark select { background-image: url('data:image/svg+xml;utf8,<svg fill="lightgray" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); } hr.lefthr { border: none; border-top: 1px dashed #888; max-width: 500px; height: 1px; text-align: left;/*this will align it for IE*/ margin: 6px auto 20px 0; /*this will align it left for Mozilla*/ } .help[title] {cursor: help;} tr.otherYear {color:#999999} tr.currentWeek, tr.currentDay { font-weight:600; font-size:1.2em; } td.numbers, th.numbers, table.infotable th.numbers {text-align:right;} .nowrap { white-space: nowrap; } /* CLOCK SMALL */ #ecclock,.ecclock { display:inline; text-align: center; padding: 8px 10px; border-radius:8px; margin:0; font-size:1.2em; font-weight: 600; background-color:#eaeafa; background-image: linear-gradient(to bottom,#ededfd 0%,#dddded 100%); line-height: 2.5; } #clocknotice,.clocknotice { padding-left:9px; display:inline; color: #cccccc; } .dark #ecclock,.dark .ecclock { background-color: #555555; background-image:none; } /* homepage table */ td.proglang {font-weight:600;width:120px;vertical-align:top} td.progcode {vertical-align:top} /* homepage only */ #br td {vertical-align:middle} #br label {padding-left:7px;padding-right:7px;} #br-d3 span.datesep {padding:0;} .topbtn i.fa { padding-top: 7px; padding-bottom: 7px; background-color: #f6f6f6; margin-top: 6px; } .topbtn i.fa:hover { background-color: #e6e6e6; } .topbtn { display:none;margin-top: 14px;} /* only mobile */ .long .topbtn {display:block;} .dark .topbtn i.fa {background-color: #222; color: #666; border:0;} .social-footer i.fa {color: #555;} .social-footer i.fa:hover {color:#21759a;} .dark .social-footer i.fa {color:#b6b6b6;} .dark .social-footer i.fa:hover { color:#21759a;} .footer-links {padding-top:5px;} #mobilelink, #mobilemenulink, span.close { display:none; } .floatingHeader { position: fixed; top: 0; visibility: hidden; border-collapse: collapse; border-spacing: 0; } .mobileonly {display:none;} .desktoponly {display:inline;} kbd { background:#EEEEEE none repeat scroll 0 0; border-color:#CCCCCC #AAAAAA #888888 #BBBBBB; border-style:solid; border-width:1px 1px 2px 2px; padding:2px 3px; white-space:nowrap; } .dark kbd {background:none;} .utcal { display:inline-block; min-width:120px; } span.datesep { padding: 0 4px 0 4px; } .dark .hidedark {display:none;} .dark .hljs { color: #666; } .preferencetable { width: 100%; } .preferencetable select, .preferencetable option {font-size: 1.1em;} .preferencetable td { padding-bottom: 20px; width: 50%; } /* cookie consent */ body .cc-revoke, body .cc-window { font-size:15px; line-height:1.3em; } body .cc-window {border: 1px solid #bbbbbb;} body .cc-btn {height: inherit !important;} #responsive { content:"L"; z-index: 3; position: absolute; top: -999em; left: -999em; } .fa{display:inline-block;vertical-align: sub;} .dark .fa{ filter: invert(90%); } .fa-fw{width:1.28571429em;text-align:center} .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%} .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em} .fa-sun-o:before { vertical-align: baseline; content: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1472 896q0-117-45.5-223.5t-123-184-184-123-223.5-45.5-223.5 45.5-184 123-123 184-45.5 223.5 45.5 223.5 123 184 184 123 223.5 45.5 223.5-45.5 184-123 123-184 45.5-223.5zm276 277q-4 15-20 20l-292 96v306q0 16-13 26-15 10-29 4l-292-94-180 248q-10 13-26 13t-26-13l-180-248-292 94q-14 6-29-4-13-10-13-26v-306l-292-96q-16-5-20-20-5-17 4-29l180-248-180-248q-9-13-4-29 4-15 20-20l292-96v-306q0-16 13-26 15-10 29-4l292 94 180-248q9-12 26-12t26 12l180 248 292-94q14-6 29 4 13 10 13 26v306l292 96q16 5 20 20 5 16-4 29l-180 248 180 248q9 12 4 29z"/></svg>'); } .fa-moon-o:before { vertical-align: baseline; content: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1390 1303q-54 9-110 9-182 0-337-90t-245-245-90-337q0-192 104-357-201 60-328.5 229t-127.5 384q0 130 51 248.5t136.5 204 204 136.5 248.5 51q144 0 273.5-61.5t220.5-171.5zm203-85q-94 203-283.5 324.5t-413.5 121.5q-156 0-298-61t-245-164-164-245-61-298q0-153 57.5-292.5t156-241.5 235.5-164.5 290-68.5q44-2 61 39 18 41-15 72-86 78-131.5 181.5t-45.5 218.5q0 148 73 273t198 198 273 73q118 0 228-51 41-18 72 13 14 14 17.5 34t-4.5 38z"/></svg>'); } .fa-external-link:before { content: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1408 928v320q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h704q14 0 23 9t9 23v64q0 14-9 23t-23 9h-704q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113v-320q0-14 9-23t23-9h64q14 0 23 9t9 23zm384-864v512q0 26-19 45t-45 19-45-19l-176-176-652 652q-10 10-23 10t-23-10l-114-114q-10-10-10-23t10-23l652-652-176-176q-19-19-19-45t19-45 45-19h512q26 0 45 19t19 45z"/></svg>'); } .fa-arrow-up:before { content: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1675 971q0 51-37 90l-75 75q-38 38-91 38-54 0-90-38l-294-293v704q0 52-37.5 84.5t-90.5 32.5h-128q-53 0-90.5-32.5t-37.5-84.5v-704l-294 293q-36 38-90 38t-90-38l-75-75q-38-38-38-90 0-53 38-91l651-651q35-37 90-37 54 0 91 37l651 651q37 39 37 91z"/></svg>'); } .fa-angle-up { content: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1395 1184q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z"/></svg>'); } .fa-angle-down { content: url('data:image/svg+xml;utf8,<svg width="15" height="15" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"/></svg>'); } .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* IOS Safari */ option, button, input { color: #000000; } .dark option, .dark button, .dark input { color: #d6d6d6; } /* =========================== ====== Media Queries ====== =========================== */ @media only screen and (min-width: 0px) and (max-width: 920px){ #responsive {content:"M"; z-index: 2;} #maincontainer {width: calc(100% - 48px);} #mobilelink {display:block;} #mobilemenulink { display:block; float:right; margin-top:10px; margin-right:10px; } #mobilemenulink a { border:1px solid #999; border-radius: 3px; box-shadow: 2px 2px 4px #ddd; background-color: #fff9cb; background-color: #eeeeee; color:#333333; font-size:20px; padding:6px; padding-left:12px; padding-right:12px; } .dark #mobilemenulink a { filter: invert(100%); } #rightcolumn { display: none; position: absolute; right: 0; width: 220px; top: 0; z-index:100; box-shadow: 0px 0px 15px black; background: white; padding: 10px; padding-bottom:0; -webkit-transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s ease-in-out; outline: 0; min-height:100%; } .dark #rightcolumn {background:#222222;} #rightcolumn .innertube {height:100%;position: relative; padding-bottom:0; } #rightcolumn h2 {padding-top:14px; margin-top:0;} #rightcolumn .firstsub { border:0; padding-top:10px; padding-left:0; } #contentcolumn {margin-right:0;} div.lastsub {padding-bottom:0;} .innertube{margin:5px;} table.tool td {white-space:normal;} span.close { display:block; position:relative; left:5px; top:10px; width:20px; height:20px; background-image:url("/img/close-button.svg"); background-repeat:no-repeat; background-size: cover; cursor: pointer; } .dark span.close {filter: invert(90%);} .mobileonly {display:inline;} .desktoponly {display:none;} .socialcount {display:none;} pre {white-space: pre-wrap; } td,pre {word-break: break-all; } .infotable td {word-break: normal;} .biggerlinks a, a.biggerlinks {display:inline-block; margin:6px;} input,textarea,select {max-width: 95% !important;} } @media only screen and (max-width: 478px) { div#ecclock{display:block;margin-top:5px;font-size:inherit;} tr.currentWeek, tr.currentDay {font-size:1.0em;} .infotable.wrapmobile td, .infotable.wrapmobile th {word-break: break-all;} .hidexs {display:none;} } @media only screen and (max-width: 746px) { #responsive {content:"S"; z-index:1;} body {background: #ffffff; } #contentwrapper{ -webkit-text-size-adjust:110%; } #footer { -webkit-text-size-adjust:100% } #maincontainer{ width:auto; padding:0 6px 0 6px; border:0; box-shadow:none; } table.syntaxtable {display:none; } input.dateform {width:25px;} input.year {width:40px;} div.ad_keywords {display:none; } input,button,select {margin-bottom:3px;} .hidemobile {display:none;} #rightcolumn .sub { border:0;padding-left:10px; width:auto; } table.infotable {width:auto;} #EpochClock { font-size:60px !important; } #Time {font-size: 26px !important;} #earlyyears a {display:inline-block; margin:4px;} table.syntaxtable td, table.preferencetable td {display: table-row;} table.syntaxtable td.progcode {border-bottom:10px solid transparent;} table.preferencetable td { border-bottom: 15px solid transparent;} span.logo { max-width:286px; width:75%; } .utcal { min-width:auto; } } @media only screen and (min-width: 1200px) { #responsive {content:"XL"; z-index:4;} body { font-size:15px; } #maincontainer{ padding: 0 48px 0 48px; box-shadow: 0px 0px 12px #b4b4b4; width: calc(100% - 120px); } #contentcolumn { margin-right: 250px; } #rightcolumn { margin-left:-240px; width:240px; } td.proglang { width:160px; } form div.clear { padding-top:15px; } input,button,select { padding:5px; } @-moz-document url-prefix() { select { padding:4px; }} @supports (-ms-ime-align:auto) { select { padding:3px }} } @media only screen and (min-width: 1340px) { #responsive {content:"XXL"; z-index:5;} #maincontainer{ padding: 0 58px 0 58px; width: calc(100% - 160px); } #contentcolumn {margin-right: 360px;} #rightcolumn { margin-left:-310px; /* 280 */ width:310px; } td.proglang {width:180px;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ styles */ .hide-ie{ display: none; } select { padding-right: 2px !important; } } /* =========================== =========== Ads =========== =========================== */ div.ad_code { padding:10px 0 0 0; margin:0; width:100%; max-width:100%; } div.ad_code>span { display: inline-block; } div.ad_center { margin:auto; text-align:center; } /* div.ad_code, .bnr_full, .bnr_content, .bnr_right, .bnr_right_long { border:1px solid black; } */ div.ad_rightbar { padding-top: 20px; } .bnr_full, .bnr_content { width: 234px; height: 60px; } .bnr_right { width: 125px; height: 240px; } /* 125x125 or 120x240 */ .bnr_right_long { width: 160px; height: 600px; } /* hidden for small screens */ @media (max-width:920px) { .bnr_right, .bnr_right_long, body.charset div.ad_rightbar { display: none; } } @media (min-width:370px) { .bnr_full, .bnr_content { width: 320px; height: 100px; } } @media (min-width:510px) { .bnr_full, .bnr_content { width: 468px; height: 100px; } } @media (min-width:820px) { .bnr_full { width: 728px; height: 90px; } } @media (min-width:1024px), (min-width:820px) and (max-width:920px) { .bnr_content { width: 728px; height: 90px; } } @media (min-width:1064px) { .bnr_full { width: 970px; height: 90px; } } @media (min-width:1340px) { .x_bnr_right { width: 250px; height: 250px; } .bnr_right { width: 300px; height: 250px; } .bnr_right_long { width: 300px; height: 600px; } } @media (min-width:1500px) { .bnr_content { width: 970px; height: 90px; } } span.logo, span.charset-logo { background-position:left; background-repeat:no-repeat; background-size:contain; display:inline-block; text-indent: -9999px; } span.charset-logo { height:46px; width: 250px; background-image: url("/img/charset.svg?v=2"); } .dark span.charset-logo {filter: invert(90%);} input#letter {width:30px; text-align:center;} input#number {width:50px; text-align:center;} input.xl, button.xl {font-size:1.2em;} div.shortlabel {width:80px;float:left;} table td.white, table th.white {border:0 !important; background-color:#fff;} .dark table td.white, .dark table th.white {background-color:#161616;} form.tools textarea, form.tools textarea.large { width:80%; height:200px; } img.codepage{ width: auto !important; height: auto !important; max-width: 100%; } td.enlarge:hover {font-size:1.8em;} @media only screen and (max-width: 746px) { form.tools textarea, form.tools textarea.large { width: 99%; } span.charset-logo { max-width:250px; width:75%; } } @media only screen and (min-width: 1240px) { form.tools textarea { height:220px; } form.tools textarea.large { height:250px; } }