diff --git a/lexipython/resources/lexicon.css b/lexipython/resources/lexicon.css index bb70d3b..988eeb4 100644 --- a/lexipython/resources/lexicon.css +++ b/lexipython/resources/lexicon.css @@ -1,36 +1,114 @@ -body { background-color: #eeeeee; line-height: 1.4; font-size: 16px; } -div#wrapper { max-width: 800px; position: absolute; left: 0; right: 0; - margin: 0 auto; } -div#header { padding: 5px; margin: 5px; background-color: #ffffff; - box-shadow: 2px 2px 10px #888888; border-radius: 5px; } -div#header p, div#header h2 { margin: 5px; } -div#sidebar { width: 200px; float:left; margin:5px; padding: 8px; - text-align: center; background-color: #ffffff; - box-shadow: 2px 2px 10px #888888; border-radius: 5px; } -img#logo { max-width: 200px; } -table { table-layout: fixed; width: 100%; } -div#sidebar table { border-collapse: collapse; } -div.citeblock table td:first-child + td a { justify-content: flex-end; } -table a { display: flex; padding: 3px; background-color: #dddddd; - border-radius: 5px; text-decoration: none; } -div#sidebar table a { justify-content: center; } -table a:hover { background-color: #cccccc; } -div#sidebar table td { padding: 0px; margin: 3px 0; - border-bottom: 8px solid transparent; } -div#content { position: absolute; right: 0px; left: 226px; max-width: 564px; - margin: 5px; } -div.contentblock { background-color: #ffffff; box-shadow: 2px 2px 10px #888888; - margin-bottom: 5px; padding: 10px; width: auto; border-radius: 5px; } -div.contentblock h3 { margin: 0.3em 0; } -a.phantom { color: #cc2200; } -div.citeblock a.phantom { font-style: italic; } -span.signature { text-align: right; } +body { + background-color: #eeeeee; + line-height: 1.4; + font-size: 16px; +} +div#wrapper { + max-width: 800px; + position: absolute; + left: 0; + right: 0; + margin: 0 auto; +} +div#header { + padding: 5px; + margin: 5px; + background-color: #ffffff; + box-shadow: 2px 2px 10px #888888; + border-radius: 5px; +} +div#header p, div#header h2 { + margin: 5px; +} +div#sidebar { + width: 200px; + float:left; + margin:5px; + padding: 8px; + text-align: center; + background-color: #ffffff; + box-shadow: 2px 2px 10px #888888; + border-radius: 5px; +} +img#logo { + max-width: 200px; +} +table { + table-layout: fixed; + width: 100%; +} +div#sidebar table { + border-collapse: collapse; +} +div.citeblock table td:first-child + td a { + justify-content: flex-end; +} +table a { + display: flex; + padding: 3px; + background-color: #dddddd; + border-radius: 5px; + text-decoration: none; +} +div#sidebar table a { + justify-content: center; +} +table a:hover { + background-color: #cccccc; +} +div#sidebar table td { + padding: 0px; margin: 3px 0; + border-bottom: 8px solid transparent; +} +div#content { + position: absolute; + right: 0px; + left: 226px; + max-width: 564px; + margin: 5px; +} +div.contentblock { + background-color: #ffffff; + box-shadow: 2px 2px 10px #888888; + margin-bottom: 5px; + padding: 10px; + width: auto; + border-radius: 5px; +} +div.contentblock h3 { + margin: 0.3em 0; +} +a.phantom { + color: #cc2200; +} +div.citeblock a.phantom { + font-style: italic; +} +span.signature { + text-align: right; +} @media only screen and (max-width: 816px) { - div#wrapper { padding: 5px; } - div#header { max-width: 554; margin: 0 auto; } - div#sidebar { max-width: 548; width: inherit; float: inherit; - margin: 5px auto; } - div#content { max-width: 564; position: static; right: inherit; - margin: 5px auto; } - img#logo { max-width: inherit; width: 100%; } + div#wrapper { + padding: 5px; + } + div#header { + max-width: 554; + margin: 0 auto; + } + div#sidebar { + max-width: 548; + width: inherit; + float: inherit; + margin: 5px auto; + } + div#content { + max-width: 564; + position: static; + right: inherit; + margin: 5px auto; + } + img#logo { + max-width: inherit; + width: 100%; + } } \ No newline at end of file