| * ReadMe.txt (instructions & info) | * ReadMe.txt (instructions & info) | ||||
| */ | */ | ||||
| /***********/ | |||||
| /* GENERAL */ | |||||
| /***********/ | |||||
| /*************/ | |||||
| /* VARIABLES */ | |||||
| /*************/ | |||||
| :root { | :root { | ||||
| --papyrus-sidebar-width: 200px; | --papyrus-sidebar-width: 200px; | ||||
| --papyrus-page-header-height: 50px; | --papyrus-page-header-height: 50px; | ||||
| } | } | ||||
| /***********/ | |||||
| /* GENERAL */ | |||||
| /***********/ | |||||
| html { | html { | ||||
| font-size: 16px; | font-size: 16px; | ||||
| box-sizing: inherit; | box-sizing: inherit; | ||||
| } | } | ||||
| #main, | |||||
| #sidebar, | |||||
| #header { | |||||
| font-size: 0.75rem; | |||||
| } | |||||
| /**********/ | |||||
| /* LAYOUT */ | |||||
| /**********/ | |||||
| /*==========*/ | |||||
| /*= Layout =*/ | |||||
| /*==========*/ | |||||
| body { | body { | ||||
| margin: 0; | margin: 0; | ||||
| grid-template-areas: | grid-template-areas: | ||||
| "header header" | "header header" | ||||
| "main sidebar"; | "main sidebar"; | ||||
| font-family: Verdana, Arial, sans-serif; | |||||
| background-color: Beige; | |||||
| background-image: url('papyrus.jpg'); | |||||
| } | } | ||||
| @media only screen and (max-width: 900px) { | @media only screen and (max-width: 900px) { | ||||
| } | } | ||||
| } | } | ||||
| /*================*/ | |||||
| /*= Main content =*/ | |||||
| /*================*/ | |||||
| /*===========*/ | |||||
| /*= Styling =*/ | |||||
| /*===========*/ | |||||
| body { | |||||
| font-family: Verdana, Arial, sans-serif; | |||||
| background-color: Beige; | |||||
| background-image: url('papyrus.jpg'); | |||||
| } | |||||
| #main, | |||||
| #sidebar, | |||||
| #header { | |||||
| font-size: 0.75rem; | |||||
| } | |||||
| /****************/ | |||||
| /* MAIN CONTENT */ | |||||
| /****************/ | |||||
| #main { | #main { | ||||
| grid-area: main; | grid-area: main; | ||||
| flex-flow: column; | flex-flow: column; | ||||
| } | } | ||||
| /*======================*/ | |||||
| /*= Page title & group =*/ | /*= Page title & group =*/ | ||||
| /*======================*/ | |||||
| #pageTitle { | #pageTitle { | ||||
| overflow: auto; | overflow: auto; | ||||
| font-weight: bold; | font-weight: bold; | ||||
| } | } | ||||
| /*===============*/ | |||||
| /*= Page footer =*/ | /*= Page footer =*/ | ||||
| /*===============*/ | |||||
| #footer { | #footer { | ||||
| margin: 30px 0 0 0; | margin: 30px 0 0 0; | ||||
| } | } | ||||
| } | } | ||||
| /*==================*/ | |||||
| /*= Wiki page text =*/ | /*= Wiki page text =*/ | ||||
| /*==================*/ | |||||
| #wikitext { | #wikitext { | ||||
| line-height: 1.5; | line-height: 1.5; | ||||
| margin: 1em 0; | margin: 1em 0; | ||||
| } | } | ||||
| /*==========*/ | |||||
| /*= Header =*/ | |||||
| /*==========*/ | |||||
| /**********/ | |||||
| /* HEADER */ | |||||
| /**********/ | |||||
| #header { | #header { | ||||
| grid-area: header; | grid-area: header; | ||||
| display: flex; | display: flex; | ||||
| } | } | ||||
| /*=============*/ | |||||
| /*= Page logo =*/ | /*= Page logo =*/ | ||||
| /*=============*/ | |||||
| #pageLogo { | #pageLogo { | ||||
| padding: 10px; | padding: 10px; | ||||
| max-height: 100%; | max-height: 100%; | ||||
| } | } | ||||
| /*================*/ | |||||
| /*= Page actions =*/ | /*= Page actions =*/ | ||||
| /*================*/ | |||||
| #pageActions { | #pageActions { | ||||
| padding: 5px 10px 0 0; | padding: 5px 10px 0 0; | ||||
| } | } | ||||
| } | } | ||||
| /*===========*/ | |||||
| /*= Sidebar =*/ | |||||
| /*===========*/ | |||||
| /***********/ | |||||
| /* SIDEBAR */ | |||||
| /***********/ | |||||
| #sidebar { | #sidebar { | ||||
| grid-area: sidebar; | grid-area: sidebar; | ||||
| } | } | ||||
| } | } | ||||
| /*======================*/ | |||||
| /*= Sidebar search box =*/ | /*= Sidebar search box =*/ | ||||
| /*======================*/ | |||||
| #sideSearch { | #sideSearch { | ||||
| margin: 20px 0 0 0; | margin: 20px 0 0 0; | ||||
| -moz-appearance: none; | -moz-appearance: none; | ||||
| } | } | ||||
| /*===================*/ | |||||
| /*= GUIEdit buttons =*/ | /*= GUIEdit buttons =*/ | ||||
| /*===================*/ | |||||
| @media only screen and (max-width: 900px) { | @media only screen and (max-width: 900px) { | ||||
| #wikiedit .guibuttons { | #wikiedit .guibuttons { |