/*==== Copyright (c) 2017-2020 The Wizard Of Finity ====*/ a, title, h1, h2, p, div, ul, li, textarea, pre, table, td, th, tr { padding: 0px; margin: 0px; border: none; font-weight: inherit;} li { margin-left: 0.7em; margin-top: 0.6em; } h3 { margin-bottom: 0.2em; } body, .bodyFontSize { padding: 0px; margin: 0px; border: none; font-size:17.6px; } details > summary { cursor:pointer; padding:9px; padding-left:20px; padding-right:20px;} .zcode { white-space: nowrap; } .block { display: block; } .inlinepre { white-space: pre; display: inline; } .math { font-style: italic; } .mathBlock { font-style: italic; display:inline-block; } .chapterTitle { text-align: center; } .chapterTitle .zcode { font-size: 1em; } #footer { width: 100%; padding: 5px 0px; font-size: 85%;} #footer #licensesLink { padding-right: 10%;} #footer > p { text-align: center; } #contentTitle nav a { margin-left: 12vw; } /* next/prev article link */ #contentmargin { max-width: 1310px; } /* 130 characters per line in 18.5 px font */ #contentmargin > main { margin: 3% 3%; } #instr { padding: 0px 7%; } #topnav { border-bottom: 1px solid; } #instr p { margin-top: 1.2em; } #instr header p { margin-top: 0.5em; margin-bottom: 0.2em;} #instr li { margin: 10px 10px 10px 1.7em; padding-left: 0.6em; } #instr ol li { margin-left: 3px; } #navBottom { clear:both; } .hardwareNav h1 { margin: 5px 25px; } .hardwareNav li { margin: 5px 50px; } .hardwareNav { margin: 1.0em auto 2.0em auto; padding: 0px 40px; } .article-page .hardwareNav { margin-top: 2.1em; } img.article-image { border: 4px solid #333; height: auto; width:50%;} img.article-image.float-right { float: right; margin: 1em 0em 1em 2em;} img.article-image.float-left { float: left ; margin: 1em 2em 1em 0em;} @media screen and (max-width: 590px) { .hardwareNav { margin: 1.0em auto 2.0em auto; padding: 0px 10px; } .hardwareNav li { margin: 5px 10px 5px 10px; } #instr ul { padding-left: 1em; } img.article-image.float-right { float: none; margin: 0.3em 25%; } img.article-image.float-right.narrow-img { float: right; margin: 1em 0em 1em 2em; } img.article-image.float-left { float: none; margin: 0.3em 25%; } img.article-image.float-left.narrow-img { float: left ; margin: 1em 2em 1em 0em;} } #instr h1 { font-size: 1.6em; font-weight: normal; text-align: center; } #instr h1 { margin: 0px 5%;} #instr h2 { font-size: 130%; text-align: left; font-weight: normal; border-bottom: 1px solid; margin-top: 25px; color: #d0d0d0; } #instr h3:before, #instr h3:after {background-color: #68F;} #instr h3 {color: #68F;} #instr h3 { clear:both; overflow: hidden; text-align: left; font-size: 1.4em; font-weight: bold; margin-top: 1%; padding-top: 20px; padding-bottom: 0px; margin-bottom: 15px; } #instr h3:before, #instr h3:after { content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; } #instr h3:before { right: 0.7em; margin-left: -0px; width: 110px; } #instr h3:after { left: 0.7em; margin-right: -200px; width: 200px; } @media screen and (max-width: 900px) { #instr h3:before { right: 0.7em; margin-left: -0px; width: 15%; } #instr h3:after { left: 0.7em; margin-right: -90%; width: 90%; } } table.med-sub-padding th, table.med-sub-padding td { padding: 5px; } table.med-sub-padding td { padding: 7px; padding-left:4vw} table { border-collapse: collapse; margin: 1.1em;} table tr { border-top: 1px solid #778; border-bottom: 1px solid #778; } table td, table th { padding: 0px 10px;} #instr table p { padding: 0px; margin: 10px;} @media screen and (max-width: 590px) { #instr h1 { margin: 0px; } table td, table th { padding: 0px 0px;} #instr { padding: 0px 0%; } } .comp-price-table tr td:nth-child(3) p, .comp-price-table tr td:nth-child(4) p, .comp-price-table tr th:nth-child(3) p, .comp-price-table tr th:nth-child(4) p { width: 3em; text-align:right; } .gpu-price-table tr th:nth-child(8) p, .gpu-price-table tr th:nth-child(7) p, .gpu-price-table tr td:nth-child(8) p, .gpu-price-table tr td:nth-child(7) p { text-align:right; } .bold-table-header tr th p { font-weight: bold; } #instr table.comp-price-table p { margin: 0.5em 0em; } #instr table.gpu-price-table p { margin: 0.5em 0em; } .comp-conf-totals p { text-align:right; } .comp-price-table tr:last-child { border-top: 2px solid; border-bottom: 0px none; } /***************************** MEDRES ******************************************/ /*@media screen and (min-width: 1300px), screen and (min-width: 1245px) and (max-height: 810px) {*/ /*@media screen and (min-width: 1201px) {*/ /*@media screen and (min-width: 1371px) { /* until 11.2023. */ @media screen and (min-width: 1315px) { /* from 11.2023. */ /* change the following two values to adjust the font sizes */ body, .bodyFontSize { font-size: 18.5px; } pre, #source, .CodeMirror, .zcode { font-size: 17px; } /* #contentmargin { max-width: 1700px;} causes 160 characters per line in 18.5px font */ #titlediv { height: initial;} #titlediv h1, #headtitle { padding:7px; padding-top:14px; font-size: 160%;} #titlediv .subtitle { padding-bottom: 16px; font-size: 113%;} #topnav { /*min-height: 39px;*/ } #topnav ul { padding-left:35px; } #topnav li a { padding: 4px 20px 0px 20px; height: 32px;} #socshare { padding: 4px 10px 1px 0px;} #socshare { display:block; float:right; padding:3px 10px 1px 0px;} #socshare .social-share-facebook { background-position: 0px 0px; } #socshare .social-share-twitter { background-position: -40px 0px; } #socshare .social-share-googleplus{ background-position: -80px 0px; } #socshare .social-share-linkedin { background-position: -120px 0px; } #socshare .social-share-pinterest { background-position: -160px 0px; } #socshare .social-share-reddit { background-position: -200px 0px; } #socshare a { text-indent: -9999px;display: inline-block; padding-right:3px; background-size: auto 32px; height: 32px; width: 32px; background-repeat: no-repeat; } } /***********************************************************************/