diff --git a/content/style.css b/content/style.css index c3d02ba..15844c8 100644 --- a/content/style.css +++ b/content/style.css @@ -1,64 +1,58 @@ /* optimized for desktop users */ @media only screen and (min-width: 721px) { - .container{ - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-template-rows: 100px; - grid-template-columns: 1fr 1fr 1fr; - grid-auto-rows: minmax(100px, auto); - } - - div.item-1 { - grid-column: 2 / 3; - grid-row: 1; - } - - div.item-2 { - grid-column: 2 / 3; - grid-row: 2; - } - - div.item-3 { - grid-column: 2 / 3; - grid-row: 3; - } + .container{ + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-template-rows: 100px; + grid-template-columns: 1fr 1fr 1fr; + grid-auto-rows: minmax(100px, auto); + } + div.item-1 { + grid-column: 2 / 3; + grid-row: 1; + } + div.item-2 { + grid-column: 2 / 3; + grid-row: 2; + } + div.item-3 { + grid-column: 2 / 3; + grid-row: 3; + } } /* optimized for mobile users */ @media only screen and (max-width: 720px) { - .container{ - display: grid; - grid-template-columns: repeat(1, 1fr); - grid-template-rows: 100px; - grid-template-columns: 1fr; - grid-auto-rows: minmax(100px, auto); - } - - div.item-1 { - grid-column: 1 / 1; - grid-row: 1; - } - - div.item-2 { - grid-column: 1 / 1; - grid-row: 2; - } - - div.item-3 { - grid-column: 1 / 1; - grid-row: 3; - } + .container{ + display: grid; + grid-template-columns: repeat(1, 1fr); + grid-template-rows: 100px; + grid-template-columns: 1fr; + grid-auto-rows: minmax(100px, auto); + } + div.item-1 { + grid-column: 1 / 1; + grid-row: 1; + } + div.item-2 { + grid-column: 1 / 1; + grid-row: 2; + } + div.item-3 { + grid-column: 1 / 1; + grid-row: 3; + } } div.round-border { - border: 1px solid; - padding: 0.01em 16px; - border-radius: 16px; + border: 1px solid; + padding: 0.01em 16px; + border-radius: 16px; } body { - background-color:#feffef; - color:#00000; + background-color:#feffef; + color:#00000; } @@ -74,12 +68,22 @@ pre { font-size: 11pt; font-family: monospace; } - pre.commandLine { background-color: #2E3436; color: #C3F097; } - +/* in-line code block */ +span.codeBlockInText{ + background-color: white; + border-color: black; + border-style: solid; + border-width: 1px; + font-size: 11pt; + font-family: monospace; + padding-left: 5px; + padding-right: 5px; +} +/* code highlighting */ span.structure { color: #FCAF3E; font-weight: bold; @@ -92,7 +96,6 @@ span.className { color: #8AE234; font-weight: bold; } - span.type { color: #729FCF; } @@ -108,14 +111,3 @@ span.name { span.comment { color: #888A85; } -/* in-line code block */ -span.codeBlockInText{ - background-color: white; - border-color: black; - border-style: solid; - border-width: 1px; - font-size: 11pt; - font-family: monospace; - padding-left: 5px; - padding-right: 5px; -} \ No newline at end of file