diff --git a/static/css/styles.css b/static/css/styles.css index 6fcbe79..6299ecb 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -1 +1,368 @@ -/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}a{background-color:transparent}b{font-weight:bolder}img{border-style:none}input{font-family:inherit;font-size:100%;line-height:1.15;margin:0}input{overflow:visible}[type=checkbox]{box-sizing:border-box;padding:0}p{margin:0}ul{list-style:none;margin:0;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;line-height:1.5}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}img{border-style:solid}input::-webkit-input-placeholder{color:#a0aec0}input::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder{color:#a0aec0}input::-ms-input-placeholder{color:#a0aec0}input::placeholder{color:#a0aec0}table{border-collapse:collapse}a{color:inherit;text-decoration:inherit}input{padding:0;line-height:inherit;color:inherit}img{display:block;vertical-align:middle}img{max-width:100%;height:auto}.bg-CoconutCream{background-color:#f2f6d5}.bg-AuChico{background-color:#996561}.border-CoconutCream{border-color:#f2f6d5}.border-b-8{border-bottom-width:8px}.cursor-pointer{cursor:pointer}.block{display:block}.flex{display:-webkit-box;display:flex}.table{display:table}.justify-between{-webkit-box-pack:justify;justify-content:space-between}.font-vg5000{font-family:vg5000-regular,sans}.font-playfair{font-family:playfairdisplay regular,sans}.font-bold{font-weight:700}.h-full{height:100%}.leading-none{line-height:1}.mx-4{margin-left:1rem;margin-right:1rem}.mb-1{margin-bottom:.25rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}.p-1{padding:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pr-4{padding-right:1rem}.pt-6{padding-top:1.5rem}.pb-8{padding-bottom:2rem}.pt-16{padding-top:4rem}.pt-32{padding-top:8rem}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.text-CoconutCream{color:#f2f6d5}.text-xs{font-size:.75rem}.text-base{font-size:1rem}.z-10{z-index:10}@font-face{font-family:playfairdisplay regular;font-weight:400;src:url(../fonts/PlayfairDisplay-Regular.woff)format('woff')}@font-face{font-family:vg5000-regular;font-weight:400;src:url(../fonts/VG5000-Regular_web.woff)format('woff')}html{font-size:1.2em;background-color:#f2f6d5}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}blockquote{font-style:italic}p{padding-bottom:.5rem;line-height:1.25}footer{font-family:vg5000-regular,sans;font-size:.75rem;color:#29102f}article ul{position:relative;list-style-type:none;margin-left:0;padding-left:.75rem}article ul li:before{font-family:vg5000-regular,sans;color:#996561;font-size:.75rem;left:0;position:absolute;padding-top:.5rem;padding-bottom:.5rem;content:"•"}article li{padding-left:.5rem}a{color:#996561}a:hover{text-decoration:underline}.edit-button{border-bottom-width:4px;border-color:#f2f6d5;padding-left:.25rem;padding-right:.25rem;background-color:#996561;margin-bottom:.5rem;font-family:vg5000-regular,sans;color:#f2f6d5}.edit-button:hover{background-color:#f2f6d5;color:#996561;border-bottom-width:2px;border-color:#996561}.title-text{font-family:playfairdisplay regular,sans;font-size:2.25rem;color:#996561}.title-pretext{font-family:vg5000-regular,sans;font-size:1rem;color:#996561}.content-text{font-family:playfairdisplay regular,sans;font-size:1.25rem;color:#29102f}.sidebar-title{font-family:vg5000-regular,sans;font-size:1rem;color:#996561}.sidebar-list{font-family:vg5000-regular,sans;font-size:1.25rem;color:#996561}.logo{font-family:vg5000-regular,sans;font-size:1.25rem;color:#996561;padding-top:.5rem}.ddmenu .sidebar-title{cursor:pointer}.ddmenu input{display:none}.ddmenu .hiddendiv{padding-bottom:.25rem;display:none}.ddmenu input:not(:checked)~.hiddendiv{display:block;padding-bottom:1rem}#TableOfContents{font-family:vg5000-regular,sans;font-size:1.25rem;color:#996561;margin-left:-.5rem}#TableOfContents ul{margin-left:.5rem}#TableOfContents li:before{content:"> "}@media(max-width:767px){.md\:flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.md\:w-full{width:100%}}@media(min-width:768px){.lg\:flex{display:-webkit-box;display:flex}.lg\:static{position:static}.lg\:sticky{position:-webkit-sticky;position:sticky}.lg\:top-0{top:0}.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}} +/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html { + line-height:1.15; + -webkit-text-size-adjust:100% +} +body { + margin:0 +} +main { + display:block +} +a { + background-color:transparent +} +b { + font-weight:bolder +} +img { + border-style:none +} +input { + font-family:inherit; + font-size:100%; + line-height:1.15; + margin:0 +} +input { + overflow:visible +} +[type=checkbox] { + box-sizing:border-box; + padding:0 +} +p { + margin:0 +} +ul { + list-style:none; + margin:0; + padding:0 +} +html { + font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji; + line-height:1.5 +} +*, +::before, +::after { + box-sizing:border-box; + border-width:0; + border-style:solid; + border-color:currentColor +} +img { + border-style:solid +} +input::-webkit-input-placeholder { + color:#a0aec0 +} +input::-moz-placeholder { + color:#a0aec0 +} +input:-ms-input-placeholder { + color:#a0aec0 +} +input::-ms-input-placeholder { + color:#a0aec0 +} +input::placeholder { + color:#a0aec0 +} +table { + border-collapse:collapse +} +a { + color:inherit; + text-decoration:inherit +} +input { + padding:0; + line-height:inherit; + color:inherit +} +img { + display:block; + vertical-align:middle +} +img { + max-width:100%; + height:auto +} +.bg-CoconutCream { + background-color:#f2f6d5 +} +.bg-AuChico { + background-color:#996561 +} +.border-CoconutCream { + border-color:#f2f6d5 +} +.border-b-8 { + border-bottom-width:8px +} +.cursor-pointer { + cursor:pointer +} +.block { + display:block +} +.flex { + display:-webkit-box; + display:flex +} +.table { + display:table +} +.justify-between { + -webkit-box-pack:justify; + justify-content:space-between +} +.font-vg5000 { + font-family:vg5000-regular,sans +} +.font-playfair { + font-family:playfairdisplay regular,sans +} +.font-bold { + font-weight:700 +} +.h-full { + height:100% +} +.leading-none { + line-height:1 +} +.mx-4 { + margin-left:1rem; + margin-right:1rem +} +.mb-1 { + margin-bottom:.25rem +} +.mt-4 { + margin-top:1rem +} +.mb-4 { + margin-bottom:1rem +} +.mb-6 { + margin-bottom:1.5rem +} +.mb-12 { + margin-bottom:3rem +} +.p-1 { + padding:.25rem +} +.px-1 { + padding-left:.25rem; + padding-right:.25rem +} +.pt-2 { + padding-top:.5rem +} +.pt-3 { + padding-top:.75rem +} +.pr-4 { + padding-right:1rem +} +.pt-6 { + padding-top:1.5rem +} +.pb-8 { + padding-bottom:2rem +} +.pt-16 { + padding-top:4rem +} +.pt-32 { + padding-top:8rem +} +.static { + position:static +} +.sticky { + position:-webkit-sticky; + position:sticky +} +.top-0 { + top:0 +} +.text-CoconutCream { + color:#f2f6d5 +} +.text-xs { + font-size:.75rem +} +.text-base { + font-size:1rem +} +.z-10 { + z-index:10 +} +@font-face { + font-family:playfairdisplay regular; + font-weight:400; + src:url(../fonts/PlayfairDisplay-Regular.woff)format('woff') +} +@font-face { + font-family:vg5000-regular; + font-weight:400; + src:url(../fonts/VG5000-Regular_web.woff)format('woff') +} +html { + font-size:1.2em; + background-color:#f2f6d5 +} +h1 { + font-size:1.875rem +} +h2 { + font-size:1.5rem +} +h3 { + font-size:1.25rem +} +blockquote { + font-style:italic +} +p { + padding-bottom:.5rem; + line-height:1.25 +} +footer { + font-family:vg5000-regular,sans; + font-size:.75rem; + color:#29102f +} +article ul { + position:relative; + list-style-type:none; + margin-left:0; + padding-left:.75rem +} +article ul li:before { + font-family:vg5000-regular,sans; + color:#996561; + font-size:.75rem; + left:0; + position:absolute; + padding-top:.5rem; + padding-bottom:.5rem; + content:"•" +} +article li { + padding-left:.5rem +} +a { + color:#996561 +} +a:hover { + text-decoration:underline +} +.edit-button { + border-bottom-width:4px; + border-color:#f2f6d5; + padding-left:.25rem; + padding-right:.25rem; + background-color:#996561; + margin-bottom:.5rem; + font-family:vg5000-regular,sans; + color:#f2f6d5 +} +.edit-button:hover { + background-color:#f2f6d5; + color:#996561; + border-bottom-width:2px; + border-color:#996561 +} +.title-text { + font-family:playfairdisplay regular,sans; + font-size:2.25rem; + color:#996561 +} +.title-pretext { + font-family:vg5000-regular,sans; + font-size:1rem; + color:#996561 +} +.content-text { + font-family:playfairdisplay regular,sans; + font-size:1.25rem; + color:#29102f +} +.sidebar-title { + font-family:vg5000-regular,sans; + font-size:1rem; + color:#996561 +} +.sidebar-list { + font-family:vg5000-regular,sans; + font-size:1.25rem; + color:#996561 +} +.logo { + font-family:vg5000-regular,sans; + font-size:1.25rem; + color:#996561; + padding-top:.5rem +} +.ddmenu .sidebar-title { + cursor:pointer +} +.ddmenu input { + display:none +} +.ddmenu .hiddendiv { + padding-bottom:.25rem; + display:none +} +.ddmenu input:not(:checked)~.hiddendiv { + display:block; + padding-bottom:1rem +} +#TableOfContents { + font-family:vg5000-regular,sans; + font-size:1.25rem; + color:#996561; + margin-left:-.5rem +} +#TableOfContents ul { + margin-left:.5rem +} +#TableOfContents li:before { + content:"> " +} +@media(max-width:767px) { + .md\:flex-row { + -webkit-box-orient:horizontal; + -webkit-box-direction:normal; + flex-direction:row + } + .md\:w-full { + width:100% + } +} +@media(min-width:768px) { + .lg\:flex { + display:-webkit-box; + display:flex + } + .lg\:static { + position:static + } + .lg\:sticky { + position:-webkit-sticky; + position:sticky + } + .lg\:top-0 { + top:0 + } + .lg\:w-2\/5 { + width:40% + } + .lg\:w-3\/5 { + width:60% + } +}