From e6d230d8500d0901e9b5655a5e4f0e92748614be Mon Sep 17 00:00:00 2001 From: Claire Welsh Date: Tue, 7 Oct 2025 15:37:32 +0100 Subject: [PATCH 1/3] Moved rules on navbar and description into styles.css and exposed it in quarto.yml --- _brand.yml | 8 -- _quarto.yml | 2 +- assets/css/styles.css | 306 +----------------------------------------- 3 files changed, 7 insertions(+), 309 deletions(-) diff --git a/_brand.yml b/_brand.yml index cae9fd6..a26e817 100644 --- a/_brand.yml +++ b/_brand.yml @@ -53,11 +53,3 @@ defaults: defaults: dropdown-link-hover-bg: $brand-blue dropdown-link-hover-color: $brand-white - rules: | - .navbar-logo { - max-height: 50px; - } - - .description { - display: none; - } \ No newline at end of file diff --git a/_quarto.yml b/_quarto.yml index cbc65ac..e99ff39 100644 --- a/_quarto.yml +++ b/_quarto.yml @@ -76,7 +76,7 @@ website: format: html: - #css: styles.css + css: styles.css link-external-newwindow: true toc: true email-obfuscation: references diff --git a/assets/css/styles.css b/assets/css/styles.css index 6531e61..d0021bd 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -1,301 +1,7 @@ -body { - background-color: #fff; - padding:50px; - font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - color:#595959; - font-weight:400; -} +.navbar-logo { + max-height: 50px; +} -h1, h2, h3, h4, h5, h6 { - color:#222; - margin:0 0 20px; -} - -p, ul, ol, table, pre, dl { - margin:0 0 20px; -} - -h1, h2, h3 { - line-height:1.1; -} - -h1 { - font-size:28px; - font-weight: 500; -} - -h2 { - color:#393939; - font-weight: 500; -} - -h3, h4, h5, h6 { - color:#494949; - font-weight: 500; -} - -a { - color:#39c; - text-decoration:none; -} - -a:hover { - color:#069; -} - -a small { - font-size:11px; - color:#777; - margin-top:-0.3em; - display:block; -} - -a:hover small { - color:#777; -} - -.wrapper { - width:1080px; - margin:0 auto; -} - -blockquote { - border-left:1px solid #e5e5e5; - margin:0; - padding:0 0 0 20px; - font-style:italic; -} - -code, pre { - font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; - color:#333; -} - -pre { - padding:8px 15px; - background: #f8f8f8; - border-radius:5px; - border:1px solid #e5e5e5; - overflow-x: auto; -} - -table { - width:100%; - border-collapse:collapse; -} - -th, td { - text-align:left; - padding:5px 10px; - border-bottom:1px solid #e5e5e5; -} - -dt { - color:#444; - font-weight:500; -} - -th { - color:#444; -} - -img { - max-width:100%; -} - -header { - width:270px; - float:left; - -webkit-font-smoothing:subpixel-antialiased; -} - -header ul { - list-style:none; - height:40px; - padding:0; - background: #f4f4f4; - border-radius:5px; - border:1px solid #e0e0e0; - width:270px; -} - -header li { - width:89px; - float:left; - border-right:1px solid #e0e0e0; - height:40px; -} - -header li:first-child a { - border-radius:5px 0 0 5px; -} - -header li:last-child a { - border-radius:0 5px 5px 0; -} - -header ul a { - line-height:1; - font-size:11px; - color:#999; - display:block; - text-align:center; - padding-top:6px; - height:34px; -} - -header ul a:hover { - color:#999; -} - -header ul a:active { - background-color:#f0f0f0; -} - -strong { - color:#222; - font-weight:500; -} - -header ul li + li + li { - border-right:none; - width:89px; -} - -header ul a strong { - font-size:14px; - display:block; - color:#222; -} - -section { - width:750px; - float:right; - padding-bottom:50px; -} - -small { - font-size:11px; -} - -hr { - border:0; - background:#e5e5e5; - height:1px; - margin:0 0 20px; -} - -footer { - width:270px; - clear:left; - float:left; - margin-top:20px; - -webkit-font-smoothing:subpixel-antialiased; -} - -@media print, screen and (max-width: 960px) { - - div.wrapper { - width:auto; - margin:0; - } - - header, section, footer { - float:none; - position:static; - width:auto; - } - - header { - padding-right:320px; - } - - section { - border:1px solid #e5e5e5; - border-width:1px 0; - padding:20px 0; - margin:0 0 20px; - } - - header a small { - display:inline; - } - - header ul { - position:absolute; - right:50px; - top:52px; - } -} -@media print, screen and (max-width: 720px) { - body { - word-wrap:break-word; - } - - header { - padding:0; - } - - header ul, header p.view { - position:static; - } - - pre, code { - word-wrap:normal; - } -} - -@media print, screen and (max-width: 480px) { - body { - padding:15px; - } - - header ul { - width:99%; - } - - header li, header ul li + li + li { - width:33%; - } -} - -@media print { - body { - padding:0.4in; - font-size:12pt; - color:#444; - } -} - -/* custom css */ -.center { - display: block; - margin-left: auto; - margin-right: auto; - width: 50%; -} - -.btn { - background-color: #4A154B; - border-radius: 12px; - padding: 15px 32px; - text-align: center; - color: white; - display: block; - margin: 0 auto; - width: 200px; -} - -/* Image containers a third the width of the page */ -.column-3 { - text-align: center; - flex-basis: 25%; - padding: 5px; -} - -/* Clear floats after image containers */ -.row { - text-align: center; - justify-content: space-evenly; - display: flex; -} +.description { + display: none; +} \ No newline at end of file From 116d09800277f00d1d36a1a8a603f8b52a86ecb9 Mon Sep 17 00:00:00 2001 From: Claire Welsh Date: Tue, 7 Oct 2025 15:44:29 +0100 Subject: [PATCH 2/3] fix typo --- _quarto.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_quarto.yml b/_quarto.yml index e99ff39..0a49dd5 100644 --- a/_quarto.yml +++ b/_quarto.yml @@ -76,7 +76,7 @@ website: format: html: - css: styles.css + css: assets/css/styles.css link-external-newwindow: true toc: true email-obfuscation: references From 816175cf60129ce34f629a774ab2997eb078e3da Mon Sep 17 00:00:00 2001 From: EllaKaye Date: Tue, 7 Oct 2025 15:47:09 +0100 Subject: [PATCH 3/3] Add line at EOF --- assets/css/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/styles.css b/assets/css/styles.css index d0021bd..30e258f 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -4,4 +4,4 @@ .description { display: none; -} \ No newline at end of file +}