style.css (1852B) - raw
1 body { 2 font-size:18px; 3 background-color: black; 4 color: white; 5 margin: auto; 6 font-family: "Roboto", Helvetica, Arial, Sans-serif; 7 word-wrap: break-word; 8 line-height: 1.5; 9 } 10 11 header { ; padding: 25px; border-bottom: 1px solid #222; } 12 nav ul { list-style-type: none } 13 footer { color: white; line-height: 30px; clear:both; padding:15px; border-top: 1px solid #222; } 14 15 hr { color: #222 } 16 nav { color: white; padding: 25px; float: left; } 17 nav details summary { margin-bottom: 30px } 18 main { color: white; padding: 15px; float:left; max-width:700px; } 19 nav .site-nav section { line-height: 22px; margin-bottom: 40px;} 20 nav .site-nav section h2 { font-size: 20px; margin: 20px 0 20px 0; } 21 nav .site-nav section ul { margin: 0px; padding: 0px; } 22 23 24 blockquote { font-style: italic; } 25 26 a, a:visited { 27 color: #00ffc3; 28 } 29 30 h1 {margin-top: 0} 31 h1, h2, h3, h4, h5, h6{ margin-bottom:.2em; font-family: monospace; } 32 p { margin-bottom: .2em; line-height: 1.5; } 33 a:hover { background-color: black; color: white } 34 35 /* Mobile */ 36 37 @media (max-width: 1100px) { 38 nav { width: 100%; } 39 nav .site-nav section { float: left; margin: 0 10px 10px 0; } 40 } 41 @media (max-width: 1100px) and (min-width: 651px) { 42 nav .site-nav section { width: calc(25% - 10px); } 43 nav .site-nav section:nth-child(4n + 1) { clear: left; } 44 } 45 46 @media (max-width: 650px) and (min-width: 501px) { 47 nav .site-nav section { width: calc(33% - 10px); } 48 nav .site-nav section:nth-child(3n + 1) { clear: left; } 49 } 50 51 @media (max-width: 500px) and (min-width: 351px) { 52 nav .site-nav section { width: calc(50% - 10px); } 53 nav .site-nav section:nth-child(2n + 1) { clear: left; } 54 } 55 56 @media (max-width: 350px) { 57 nav .site-nav section { width: 100%; } 58 } 59 60 /* bonus */ 61 main a[href^="http"]:where(:not([href*="paritybit.ca/"]))::after{ content: "︎↗" } 62 figure a::after{ content: "" !important } 63