From 52a46b525e973fcdabc47f73ceb40d74aeba58e1 Mon Sep 17 00:00:00 2001 From: Craig Stuart Sapp Date: Sun, 18 Feb 2024 19:18:41 -0800 Subject: [PATCH] Some cleanup. --- _includes/chapternav-guide.html | 4 +- _includes/css/customstyles.html | 967 +++++++++--------- _includes/css/styles.html | 10 +- _includes/css/toc.html | 8 +- _includes/footer.html | 2 +- _includes/sidebar.html | 107 +- _includes/toc.html | 20 +- _includes/topnav.html | 136 +-- _includes/verovio.html | 36 +- guide/ch04/guide-04-table-01.txt | 59 ++ ...-02-table-01.txt => guide-04-table-02.txt} | 0 guide/ch04/index.md | 43 +- guide/ch11/index.md | 45 +- guide/ch28/guide-28-example-01.txt | 12 + guide/ch28/guide-28-example-02.txt | 44 + guide/ch28/guide-28-table-01.txt | 130 +++ guide/ch28/guide-28-table-dynamics.txt | 95 ++ guide/ch28/guide-28-table-signifiers.txt | 18 + guide/ch28/index.md | 242 +---- guide/index.md | 2 + 20 files changed, 1078 insertions(+), 902 deletions(-) create mode 100644 guide/ch04/guide-04-table-01.txt rename guide/ch04/{guide-02-table-01.txt => guide-04-table-02.txt} (100%) create mode 100644 guide/ch28/guide-28-example-01.txt create mode 100644 guide/ch28/guide-28-example-02.txt create mode 100644 guide/ch28/guide-28-table-01.txt create mode 100644 guide/ch28/guide-28-table-dynamics.txt create mode 100644 guide/ch28/guide-28-table-signifiers.txt diff --git a/_includes/chapternav-guide.html b/_includes/chapternav-guide.html index f4a6968..621d1c7 100644 --- a/_includes/chapternav-guide.html +++ b/_includes/chapternav-guide.html @@ -37,7 +37,7 @@ lastlink += lastnum; var output = ""; - output += ""; + output += "
"; output += "
"; output += ' ' + lastnum; output += ""; @@ -67,7 +67,7 @@ output += 'Original HTML version'; + output += '" style="margin-top:6px;" class="btn btn-primary btn-lg btn-responsive">Original HTML version'; output += '
+#tg-sb-sidebar { + left: -50px !important; + right: 50px !important; + background: yellow; +} + .bs-callout { - padding: 20px; - margin: 20px 0; - border: 1px solid #eee; - border-left-width: 5px; - border-radius: 3px; + padding: 20px; + margin: 20px 0; + border: 1px solid #eee; + border-left-width: 5px; + border-radius: 3px; } .bs-callout h4 { - margin-top: 0; - margin-bottom: 5px; + margin-top: 0; + margin-bottom: 5px; } .bs-callout p:last-child { - margin-bottom: 0; + margin-bottom: 0; } .bs-callout code { - border-radius: 3px; + border-radius: 3px; } .bs-callout+.bs-callout { - margin-top: -5px; + margin-top: -5px; } .bs-callout-default { - border-left-color: #777; + border-left-color: #777; } .bs-callout-default h4 { - color: #777; + color: #777; } .bs-callout-primary { - border-left-color: #428bca; + border-left-color: #428bca; } .bs-callout-primary h4 { - color: #428bca; + color: #428bca; } .bs-callout-success { - border-left-color: #5cb85c; + border-left-color: #5cb85c; } .bs-callout-success h4 { - color: #5cb85c; + color: #5cb85c; } .bs-callout-danger { - border-left-color: #d9534f; + border-left-color: #d9534f; } .bs-callout-danger h4 { - color: #d9534f; + color: #d9534f; } .bs-callout-warning { - border-left-color: #f0ad4e; + border-left-color: #f0ad4e; } .bs-callout-warning h4 { - color: #f0ad4e; + color: #f0ad4e; } .bs-callout-info { - border-left-color: #5bc0de; + border-left-color: #5bc0de; } .bs-callout-info h4 { - color: #5bc0de; + color: #5bc0de; } @@ -83,41 +89,41 @@ } .post-content img { - margin: 12px 0px 3px 0px; - width: auto; - height: auto; - max-width: 100%; - max-height: 100%; + margin: 12px 0px 3px 0px; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } .post-content ol li, .post-content ul li { - margin: 10px 0px; + margin: 10px 0px; } .bs-example{ - margin: 20px; + margin: 20px; } .breadcrumb li { - color: gray; + color: gray; } table { - background-color: transparent; + background-color: transparent; } caption { - padding-top: 8px; - padding-bottom: 8px; - color: #777; - text-align: left; + padding-top: 8px; + padding-bottom: 8px; + color: #777; + text-align: left; } th { - text-align: left; + text-align: left; } table { - max-width: 90%; - margin-bottom: 20px; - border: 1px solid #dedede; + max-width: 90%; + margin-bottom: 20px; + border: 1px solid #dedede; } table > thead > tr > th, @@ -126,18 +132,18 @@ table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { - padding: 8px; - line-height: 1.42857143; - vertical-align: top; - border-top: 1px solid #ddd; + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #ddd; } table > thead > tr > th { - vertical-align: bottom; - border-bottom: 2px solid #ddd; - text-transform: none; - background-color: #777; - color: white; - text-align: left; + vertical-align: bottom; + border-bottom: 2px solid #ddd; + text-transform: none; + background-color: #777; + color: white; + text-align: left; } table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, @@ -145,39 +151,39 @@ table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td { - border-top: 0; + border-top: 0; } table > tbody > tr:nth-of-type(odd) { - background-color: #f9f9f9; + background-color: #f9f9f9; } table col[class*="col-"] { - position: static; - display: table-column; - float: none; + position: static; + display: table-column; + float: none; } table td[class*="col-"], table th[class*="col-"] { - position: static; - display: table-cell; - float: none; + position: static; + display: table-cell; + float: none; } table tr td { - hyphens: auto; + hyphens: auto; } p.external a { - text-align:right; - font-size:12px; - color: #0088cc; - display:inline; + text-align:right; + font-size:12px; + color: #0088cc; + display:inline; } #definition-box-container div a.active { - font-weight: bold; + font-weight: bold; } p.post-meta {font-size: 80%; color: #777;} @@ -186,134 +192,134 @@ /* search area */ #search-demo-container ul#results-container { - list-style: none; - font-size: 12px; - background-color: white; - position: absolute; - top: 40px; /* if you change anything about the nav, you'll prob. need to reset the top and left values here.*/ - left: 20px; - z-index: -1; - width:125px; - border-left: 1px solid #dedede; + list-style: none; + font-size: 12px; + background-color: white; + position: absolute; + top: 40px; /* if you change anything about the nav, you'll prob. need to reset the top and left values here.*/ + left: 20px; + z-index: -1; + width:125px; + border-left: 1px solid #dedede; } ul#results-container a { - background-color: transparent; + background-color: transparent; } ul#results-container a:hover { - color: black; + color: black; } #search-demo-container a:hover { - color: black; + color: black; } #search-input { - margin-left:20px; - width:10em; - font-size: 90%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-top:10px; + margin-left:20px; + width:10em; + font-size: 90%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-top:10px; } /* end search */ .filter-options { - margin-bottom: 20px; + margin-bottom: 20px; } .filter-options button { - margin: 3px; + margin: 3px; } li.dropdownActive a { - font-weight: bold; + font-weight: bold; } .post-content a.fa-rss { - color: orange; + color: orange; } .navbar-inverse .navbar-nav > li > a { - background-color: transparent; - margin-top:10px; + background-color: transparent; + margin-top:10px; } .post-content .rssfeedLink { - color: #248EC2; + color: #248EC2; } footer { - font-size: smaller; + font-size: smaller; } /* FAQ page */ #accordion .panel-heading { - font-size: 12px; + font-size: 12px; } a.accordion-toggle, a.accordion-collapsed { - font-size: 14px; - text-decoration: none; + font-size: 14px; + text-decoration: none; } /* navgoco sidebar styles (customized) */ .nav, .nav ul, .nav li { - list-style: none; + list-style: none; } .nav ul { - padding: 0; - /*margin: 0 0 0 18px;*/ - margin:0px; + padding: 0; + /*margin: 0 0 0 18px;*/ + margin:0px; } .nav { - /* padding: 4px;*/ - padding:0px; - margin: 0px; + /* padding: 4px;*/ + padding:0px; + margin: 0px; } .nav > li { - margin: 1px 0; + margin: 1px 0; } .nav > li li { - margin: 2px 0; + margin: 2px 0; } .nav a { - color: #333; - display: block; - outline: none; - /*-webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px;*/ - text-decoration: none; + color: #333; + display: block; + outline: none; + /*-webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px;*/ + text-decoration: none; } .nav li > a > span { - float: right; - font-size: 19px; - font-weight: bolder; + float: right; + font-size: 19px; + font-weight: bolder; } .nav li > a > span:after { - content: '\25be'; + content: '\25be'; } .nav li.active > a > span:after { - content: '\25b4'; + content: '\25b4'; } .nav a:hover, .nav li.active > a { - background-color: #8D8D8D; - color: #f5f5f5; + background-color: #8D8D8D; + color: #f5f5f5; } .nav > li.active > a { @@ -321,193 +327,193 @@ } .nav li a { - font-size: 12px; - line-height: 18px; - padding: 2px 10px; - background-color: #f1f1f1; + font-size: 12px; + line-height: 18px; + padding: 2px 10px; + background-color: #f1f1f1; } .nav > li > a { - font-size: 14px; - line-height: 20px; - padding: 4px 10px; + font-size: 14px; + line-height: 20px; + padding: 4px 10px; } ul#mysidebar { - border-radius:0px; + border-radius:0px; } .nav ul li ul li a { - padding-left:40px; + padding-left:40px; } .nav li.thirdlevel > a { - color: #248EC2; - font-weight:bold; - padding-left:20px; - background-color: whitesmoke !important; + color: #248EC2; + font-weight:bold; + padding-left:20px; + background-color: whitesmoke !important; } .nav ul li a { - background-color: #FAFAFA; + background-color: #FAFAFA; } .nav li a { - padding-right:10px; + padding-right:10px; } .nav li a:hover { - background-color: #8D8D8D; + background-color: #8D8D8D; } .nav ul li a { - border-top:1px solid whitesmoke; - padding-left:10px; + border-top:1px solid whitesmoke; + padding-left:10px; } /* end sidebar */ .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { - border-radius:5px; + border-radius:5px; } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { - border-radius: 5px; + border-radius: 5px; } span.projectTitle { - font-family: Helvetica; - font-weight: bold; + font-family: Helvetica; + font-weight: bold; } .footer { - text-align: right; + text-align: right; } .footerMeta { - background-color: whitesmoke; - padding: 10px; - max-width: 250px; - border-radius: 5px; - margin-top: 50px; - font-style:italic; - font-size:12px; + background-color: whitesmoke; + padding: 10px; + max-width: 250px; + border-radius: 5px; + margin-top: 50px; + font-style:italic; + font-size:12px; } img.screenshotSmall { - max-width: 300px; + max-width: 300px; } dl dt p { - margin-left:20px; + margin-left:20px; } dl dd { - margin-top:10px; - margin-bottom:10px; + margin-top:10px; + margin-bottom:10px; } dl.dl-horizontal dd { - padding-top: 20px; + padding-top: 20px; } figcaption { - padding-bottom:12px; - padding-top:6px; - max-width: 90%; - margin-bottom:20px; - font-style: italic; - color: gray; + padding-bottom:12px; + padding-top:6px; + max-width: 90%; + margin-bottom:20px; + font-style: italic; + color: gray; } .testing { - color: orange; + color: orange; } .preference { - color: red; + color: red; } table.dataTable thead { - background-color: #444; + background-color: #444; } table td { - hyphens: auto; + hyphens: auto; } section table tr.success { - background-color: #dff0d8 !important; + background-color: #dff0d8 !important; } table tr.info { - background-color: #d9edf7 !important; + background-color: #d9edf7 !important; } section table tr.warning, table tr.testing, table tr.testing > td.sorting_1 { - background-color: #fcf8e3 !important; + background-color: #fcf8e3 !important; } section table tr.danger, table tr.preference, table tr.preference > td.sorting_1 { - background-color: #f2dede !important; + background-color: #f2dede !important; } .orange { - color: orange; + color: orange; } table.profile thead tr th { - background-color: #248ec2; + background-color: #248ec2; } table.request thead tr th { - background-color: {{site.primary-background-color}}; + background-color: {{site.primary-background-color}}; } .audienceLabel { - margin: 10px; - float: right; - border:1px solid #dedede; - padding:7px; + margin: 10px; + float: right; + border:1px solid #dedede; + padding:7px; } .prefaceAudienceLabel { - color: gray; - text-align: center; - margin:5px; + color: gray; + text-align: center; + margin:5px; } span.myLabel { - padding-left:10px; - padding-right:10px; + padding-left:10px; + padding-right:10px; } button.cursorNorm { - cursor: default; + cursor: default; } a.dropdown-toggle, .navbar-inverse .navbar-nav > li > a { - margin-left: 10px; + margin-left: 10px; } hr.faded { - border: 0; - height: 1px; - background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); - background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); - background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); - background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); + border: 0; + height: 1px; + background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); + background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); + background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); + background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); } hr.shaded { - height: 12px; - border: 0; - margin-top: 70px; - background: white; - width: 100%; - margin-bottom: 10px; + height: 12px; + border: 0; + margin-top: 70px; + background: white; + width: 100%; + margin-bottom: 10px; } .fa-6x{font-size:900%;} @@ -517,27 +523,27 @@ .fa-10x{font-size:1700%;} i.border { - padding: 10px 20px; - background-color: whitesmoke; + padding: 10px 20px; + background-color: whitesmoke; } a[data-toggle] { - color: #248EC2; + color: #248EC2; } a.fa.fa-envelope-o.mailto { - font-weight: 600; + font-weight: 600; } .alert, .callout { - overflow: hidden; + overflow: hidden; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { - background-color: #248ec2; - color: white; + background-color: #248ec2; + color: white; } ol li ol li {list-style-type: lower-alpha;} @@ -546,133 +552,133 @@ li img {clear:both; } div#toc ul li ul li { - list-style-type: none; - margin: 5px 0px 0px 0px; + list-style-type: none; + margin: 5px 0px 0px 0px; } .tab-content { - padding: 15px; - background-color: #FAFAFA; + padding: 15px; + background-color: #FAFAFA; } span.tagTitle {font-weight: 500;} li.activeSeries { - font-weight: bold; + font-weight: bold; } .seriesContext .dropdown-menu li.active { - font-weight: bold; - margin-left: 43px; - font-size:18px; + font-weight: bold; + margin-left: 43px; + font-size:18px; } .alert-warning { - color: #444; + color: #444; } div.alert code, h2 code { - background-color: transparent !important; + background-color: transparent !important; } /* without this, the links in these notes aren't visible.*/ .alert a { - text-decoration: underline; + text-decoration: underline; } div.tags {padding: 10px 5px;} .tabLabel { - font-weight: normal; + font-weight: normal; } hr { - background: #999; - margin: 30px 0px; - width: 90%; - margin-left: auto; - margin-right: auto; + background: #999; + margin: 30px 0px; + width: 90%; + margin-left: auto; + margin-right: auto; } button.cursorNorm { - cursor: pointer; + cursor: pointer; } h2 { - font-size:24px; - line-height:29px; + font-size:24px; + line-height:29px; } span.otherProgrammingLanguages { - font-style: normal; + font-style: normal; } a[data-toggle="tooltip"] { - color: #649345; - font-style: italic; - cursor: default; + color: #649345; + font-style: italic; + cursor: default; } .seriesNext, .seriesContext { - margin-top: 15px; - margin-bottom: 15px; + margin-top: 15px; + margin-bottom: 15px; } .seriescontext ol li { - list-style-type: upper-roman; + list-style-type: upper-roman; } ol.series li { - list-style-type: decimal; - margin-left: 40px; - padding-left: 0px; + list-style-type: decimal; + margin-left: 40px; + padding-left: 0px; } .siteTagline { - font-size: 200%; - font-weight: bold; - color: silver; - font-family: monospace; - text-align: center; - line-height: 10px; - margin: 20px 0px; - display: block; + font-size: 200%; + font-weight: bold; + color: silver; + font-family: monospace; + text-align: center; + line-height: 10px; + margin: 20px 0px; + display: block; } .versionTagline { - text-align: center; - margin-bottom: 20px; - font-family: courier; - color: silver; - color: #444; - display:block; + text-align: center; + margin-bottom: 20px; + font-family: courier; + color: silver; + color: #444; + display:block; } /* not sure if using this ...*/ .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { - border-color: #248ec2 !important; + border-color: #248ec2 !important; } #mysidebar .nav ul { - background-color: #FAFAFA; + background-color: #FAFAFA; } .nav ul.series li { - list-style: decimal; - font-size:12px; + list-style: decimal; + font-size:12px; } .nav ul.series li a:hover { - background-color: gray; + background-color: gray; } .nav ul.series { - padding-left: 30px; + padding-left: 30px; } .nav ul.series { - background-color: #FAFAFA; + background-color: #FAFAFA; } /* a.dropdown-toggle.otherProgLangs { - color: #f7e68f !important; + color: #f7e68f !important; } */ @@ -681,39 +687,39 @@ table code {background-color: transparent;} .highlight .err { - color: #a61717; - background-color: transparent !important; + color: #a61717; + background-color: transparent !important; } table p { - margin-top: 12px; - margin-bottom: 12px; + margin-top: 12px; + margin-bottom: 12px; } pre, table code { - white-space: pre-wrap; /* css-3 */ - white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ - white-space: -pre-wrap; /* Opera 4-6 */ - white-space: -o-pre-wrap; /* Opera 7 */ - word-wrap: break-word; /* Internet Explorer 5.5+ */ + white-space: pre-wrap; /* css-3 */ + white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ + white-space: -pre-wrap; /* Opera 4-6 */ + white-space: -o-pre-wrap; /* Opera 7 */ + word-wrap: break-word; /* Internet Explorer 5.5+ */ } pre { - margin: 25px 0px; + margin: 25px 0px; } #json-box-container pre { - margin: 0px; + margin: 0px; } .video-js { - margin: 30px 0px; + margin: 30px 0px; } video { - display: block; - margin: 30px 0px; - border: 1px solid #c0c0c0; + display: block; + margin: 30px 0px; + border: 1px solid #c0c0c0; } @@ -722,144 +728,115 @@ dd {margin-left:20px;} .post-content img.inline { - margin:0px; - margin-bottom:6px; + margin:0px; + margin-bottom:6px; } .panel-heading { - font-weight: bold; + font-weight: bold; } .note code, .alert code, .warning code, div#toc code, h2 code, h3 code, h4 code { - color: inherit; - padding: 0px; + color: inherit; + padding: 0px; } .alert { - margin-bottom:10px; - margin-top:10px; + margin-bottom:10px; + margin-top:10px; } a.accordion-toggle { - font-style: normal; + font-style: normal; } span.red { - color: red; - font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + color: red; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } h3.codeExplanation { - font-size:18px; - font-style:normal; - color: black; - line-height: 24px; + font-size:18px; + font-style:normal; + color: black; + line-height: 24px; } span.soft { - color: #c0c0c0; + color: #c0c0c0; } .githubEditButton { - margin-bottom:7px; + margin-bottom:7px; } .endpoint { - padding: 15px; - background-color: #f0f0f0; - font-family: courier; - font-size: 110%; - margin: 20px 0px; - color: #444; + padding: 15px; + background-color: #f0f0f0; + font-family: courier; + font-size: 110%; + margin: 20px 0px; + color: #444; } .parameter { - font-family: courier; - color: red !important; + font-family: courier; + color: red !important; } .formBoundary { - border: 1px solid gray; - padding: 15px; - margin: 15px 0px; - background-color: whitesmoke; -} - -@media (max-width: 767px) { - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { - color: #444; - } -} - -@media (max-width: 990px) { - #mysidebar { - position: relative; - } -} - -@media (min-width: 1000px) { - - ul#mysidebar { - width: 225px; - } -} - -@media (max-width: 900px) { - - ul#mysidebar { - max-width: 100%; - } + border: 1px solid gray; + padding: 15px; + margin: 15px 0px; + background-color: whitesmoke; } .col-md-9 img { - max-width: 100%; - max-height: 100%; + max-width: 100%; + max-height: 100%; } .post-content img { - margin: 12px 0px 3px 0px; - width: auto; - height: auto; - max-width: 100%; - max-height: 100%; + margin: 12px 0px 3px 0px; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } .col-md-9 img { - max-width: 100%; - max-height: 100%; + max-width: 100%; + max-height: 100%; } .post-content img { - margin: 12px 0px 3px 0px; - width: auto; - height: auto; - max-width: 100%; - max-height: 100%; + margin: 12px 0px 3px 0px; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; } .videoThumbs img { - float: left; - margin:15px 15px 15px 0px; - border: 1px solid #dedede; + float: left; + margin:15px 15px 15px 0px; + border: 1px solid #dedede; } - -@media only screen and (min-width: 900px), only screen and (min-device-width: 900px) { - .col-md-9 img { - max-width: 700px; - max-height: 700px; - } +h4.panel-title { + padding-top: 0px; + margin-top: 0px; } *:hover > .anchorjs-link { - transition: color .25s linear; - text-decoration: none; + transition: color .25s linear; + text-decoration: none; } .kbCaption { - color: white; - background-color: #444; - padding:10px; + color: white; + background-color: #444; + padding:10px; } /* this part adds an icon after external links, using FontAwesome*/ @@ -880,265 +857,287 @@ /* Strip the outbound icon when this class is present */ a[href].noCrossRef::after, -a.no_icon:after - { - content:"" !important; - padding-left: 0; +a.no_icon:after { + content:"" !important; + padding-left: 0; } .btn-default { - margin-bottom: 10px; + margin-bottom: 10px; } /* algolia search */ .search { - text-align: left; + text-align: left; } .search input { - font-size: 20px; - width: 300px; + font-size: 20px; + width: 300px; } .results { - margin: auto; - text-align: left; + margin: auto; + text-align: left; } .results ul { - list-style-type: none; - padding: 0; + list-style-type: none; + padding: 0; } /* algolia */ div.results { - position: absolute; - background-color: white; - width: 100%; + position: absolute; + background-color: white; + width: 100%; } .post-meta { - font-size: 14px; - color: #828282; + font-size: 14px; + color: #828282; } .post-link { - font-size: 22px; + font-size: 22px; } .post-list p { - margin: 10px 0px; + margin: 10px 0px; } time { - margin-right: 10px; + margin-right: 10px; } p.post-meta time { - margin-right: 0px; + margin-right: 0px; } span.label.label-default { - background-color: gray; + background-color: gray; } span.label.label-primary { - background-color: #f0ad4e; + background-color: #f0ad4e; } -.col-lg-12 .nav li a {background-color: white} +.col-lg-12 .nav li a { + background-color: white +} .nav li.active > a.subfoldersTitle { - background-color: whitesmoke; - font-weight: bold; - color: black; - } + background-color: whitesmoke; + font-weight: bold; + color: black; +} a code { - color: #248EC2; + color: #248EC2; } code + a > code { - margin-left: -7px; + margin-left: -7px; } table th code { - color: white; + color: white; } ol li ul li ol li { - list-style: decimal; + list-style: decimal; } ol li ul li ol li ul li{ - list-style: disc; + list-style: disc; } .post-content table th { - vertical-align: top; + vertical-align: top; } table thead th code.highlighter-rouge { - background-color: transparent; + background-color: transparent; } - .box { - padding: 10px; - border: 1px solid #888; - width: 100px; - height: 80px; - background-color: #f5f5f5; - font-family: Arial; - font-size: 12px; - hyphens: auto; - float: left; - font-size: 12px; + padding: 10px; + border: 1px solid #888; + width: 100px; + height: 80px; + background-color: #f5f5f5; + font-family: Arial; + font-size: 12px; + hyphens: auto; + float: left; + font-size: 12px; } .box:hover { - background-color: #f0f0f0; + background-color: #f0f0f0; } #userMap { - overflow-x: auto; - overflow-y: auto; - padding: 20px; - min-width: 770px; + overflow-x: auto; + overflow-y: auto; + padding: 20px; + min-width: 770px; } #userMap .active { - background-color: #d6f5d6; - border:1px solid #555; - font-weight: bold; + background-color: #d6f5d6; + border:1px solid #555; + font-weight: bold; } h2.userMapTitle { - font-family: Arial; + font-family: Arial; } #userMap a:hover { - text-decoration: none; - } + text-decoration: none; +} div.arrow { - max-width: 50px; - margin-left: 15px; - margin-right: 15px; - font-size: 20px; + max-width: 50px; + margin-left: 15px; + margin-right: 15px; + font-size: 20px; } div.content { - max-width: 110px + max-width: 110px } #userMap div.arrow, #userMap div.content { - float: left; + float: left; } .clearfix { - clear: both; + clear: both; } #userMap div.arrow { - position: relative; - top: 30px; + position: relative; + top: 30px; } .box1 { - margin-left:0px; + margin-left:0px; } button.btn.btn-default.btn-lg.modalButton1 { - margin-left: -20px; + margin-left: -20px; } div.box.box1 { - margin-left: -20px; + margin-left: -20px; } #userMap .btn-lg { - width: 100px; - height: 80px; + width: 100px; + height: 80px; } #userMap .complexArrow { - font-size: 22px; - margin: 0px 10px; + font-size: 22px; + margin: 0px 10px; } #userMap .btn-lg .active { - background-color: #d6f5d6; + background-color: #d6f5d6; } #userMap .btn-lg { - white-space: pre-wrap; /* css-3 */ - white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ - white-space: -pre-wrap; /* Opera 4-6 */ - white-space: -o-pre-wrap; /* Opera 7 */ - word-wrap: break-word; /* Internet Explorer 5.5+ */ - font-size: 14px; - } + white-space: pre-wrap; /* css-3 */ + white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ + white-space: -pre-wrap; /* Opera 4-6 */ + white-space: -o-pre-wrap; /* Opera 7 */ + word-wrap: break-word; /* Internet Explorer 5.5+ */ + font-size: 14px; +} -/* - * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files - * - * [1] IE9 - * [2] IE10+ - */ -/* 1 */ -.ie9 img[src$=".svg"] { - width: 100%; -} -/* 2 */ -@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { - img[src$=".svg"] { - width: 100%; - } + +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #444; + } +} + +@media (max-width: 1010px) { + #mysidebar { + position: relative; + } + ul#mysidebar { + max-width: 100%; + } + li.active { + width: 100%; + position: relative; + /* background: chartreuse; */ + } + #toc li { + font-size: 150%; + line-height: 150%; + } +} + +@media only screen and (min-width: 1010px), +only screen and (min-device-width: 1010px) { + .col-md-9 img { + max-width: 700px; + max-height: 700px; + } } -h4.panel-title { - padding-top: 0px; - margin-top: 0px; -} - -/*set navbar breakpoint so that it converts to hamburger earlier */ - -@media (max-width: 1200px) { - .navbar-header { - float: none; - } - .navbar-left,.navbar-right { - float: none !important; - } - .navbar-toggle { - display: block; - } - .navbar-collapse { - border-top: 1px solid transparent; - } - .navbar-fixed-top { - top: 0; - border-width: 0 0 1px; - } - .navbar-collapse.collapse { - display: none!important; - } - .navbar-nav { - float: none!important; - margin-top: 7.5px; - } - .navbar-nav>li { - float: none; - } - .navbar-nav>li>a { - padding-top: 10px; - padding-bottom: 10px; - } - .collapse.in{ - display:block !important; - } + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + img[src$=".svg"] { + width: 100%; + } +} + + +@media (max-width: 1010px) { + /*set navbar breakpoint so that it converts to hamburger earlier */ + .navbar-header { + float: none; + } + .navbar-left,.navbar-right { + float: none !important; + } + .navbar-toggle { + display: block; + } + .navbar-collapse { + border-top: 1px solid transparent; + } + .navbar-fixed-top { + top: 0; + border-width: 0 0 1px; + } + .navbar-collapse.collapse { + display: none!important; + } + .navbar-nav { + float: none!important; + margin-top: 7.5px; + } + .navbar-nav>li { + float: none; + } + .navbar-nav>li>a { + padding-top: 10px; + padding-bottom: 10px; + } + .collapse.in{ + display:block !important; + } } + + + + diff --git a/_includes/css/styles.html b/_includes/css/styles.html index d58d619..4c04404 100644 --- a/_includes/css/styles.html +++ b/_includes/css/styles.html @@ -67,10 +67,13 @@ } h2 { - margin-top: 50px; - margin-bottom: 40px; - font-weight: bold; + /* background: purple; */ + position: relative; + height: 30px !important; + color: #3d5b73 !important; + font-weight: bold !important; font-size: 150%; + top: 0px; } h2 em { @@ -141,7 +144,6 @@ display: none; } - a.htug span::after { content: "" !important; } diff --git a/_includes/css/toc.html b/_includes/css/toc.html index 3f840aa..72090eb 100644 --- a/_includes/css/toc.html +++ b/_includes/css/toc.html @@ -70,8 +70,14 @@ position: sticky; } +#chapternav table { + border-collapse: collapse; + width: 350px !important; +} + #chapternav { - background: hotpink; + /* background: orange; */ + width: 250px; } #chapternav td { diff --git a/_includes/footer.html b/_includes/footer.html index 3361f14..ce2ae23 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -41,7 +41,7 @@ {% if page.author %}
Author: {{page.author}}
{% endif %} -{% if page.last_updated %}Page last updated: {{page.last_updated}}
{% endif %} Site last generated: {{ site.time | date: "%b %-d, %Y" }}
+{% if page.last-edited %}Page last edited: {{page.last-edited}}
{% endif %} Site last generated: {{ site.time | date: "%b %-d, %Y" }}
+ {% endfor %} + + diff --git a/_includes/toc.html b/_includes/toc.html index 3889933..81f55a5 100644 --- a/_includes/toc.html +++ b/_includes/toc.html @@ -20,18 +20,14 @@
+ {% if page.chapternav == "guide" %} + {% include chapternav-guide.html %} + {% elsif page.chapternav == "tool" %} + {% include chapternav-tool.html %} + {% elsif page.chapternav == "rep" %} + {% include chapternav-rep.html %} + {% endif %} +
-{% if page.chapternav == "guide" %} - {% include chapternav-guide.html %} -{% endif %} - -{% if page.chapternav == "tool" %} - {% include chapternav-tool.html %} -{% endif %} - -{% if page.chapternav == "rep" %} - {% include chapternav-rep.html %} -{% endif %} - diff --git a/_includes/topnav.html b/_includes/topnav.html index 4a9156b..a69d86b 100644 --- a/_includes/topnav.html +++ b/_includes/topnav.html @@ -3,85 +3,87 @@ vim: ts=3:nowrap -->