achmizs/papyrus
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Minor refactor of CSS file

Browse Source
This commit is contained in:
Said Achmiz 2019-01-28 17:55:59 +00:00
parent d2216b5336
commit 5b108d782b
1 changed files with 49 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
papyrus.css
View File

@ -17,9 +17,9 @@
* ReadMe.txt (instructions & info) * ReadMe.txt (instructions & info)
*/ */
/***********/ /*************/
/* GENERAL */ /* VARIABLES */
/***********/ /*************/
:root { :root {
--papyrus-sidebar-width: 200px; --papyrus-sidebar-width: 200px;
@ -28,6 +28,10 @@
--papyrus-page-header-height: 50px; --papyrus-page-header-height: 50px;
} }
/***********/
/* GENERAL */
/***********/
html { html {
font-size: 16px; font-size: 16px;
@ -37,15 +41,9 @@ html {
box-sizing: inherit; box-sizing: inherit;
} }
#main, /*==========*/
#sidebar, /*= Layout =*/
#header { /*==========*/
font-size: 0.75rem;
}
/**********/
/* LAYOUT */
/**********/
body { body {
margin: 0; margin: 0;
@ -57,10 +55,6 @@ body {
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) {
@ -78,9 +72,25 @@ body {
} }
} }
/*================*/ /*===========*/
/*= 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;
@ -90,7 +100,9 @@ body {
flex-flow: column; flex-flow: column;
} }
/*======================*/
/*= Page title & group =*/ /*= Page title & group =*/
/*======================*/
#pageTitle { #pageTitle {
overflow: auto; overflow: auto;
@ -103,7 +115,9 @@ body {
font-weight: bold; font-weight: bold;
} }
/*===============*/
/*= Page footer =*/ /*= Page footer =*/
/*===============*/
#footer { #footer {
margin: 30px 0 0 0; margin: 30px 0 0 0;
@ -143,7 +157,9 @@ body {
} }
} }
/*==================*/
/*= Wiki page text =*/ /*= Wiki page text =*/
/*==================*/
#wikitext { #wikitext {
line-height: 1.5; line-height: 1.5;
@ -153,9 +169,9 @@ body {
margin: 1em 0; margin: 1em 0;
} }
/*==========*/ /**********/
/*= Header =*/ /* HEADER */
/*==========*/ /**********/
#header { #header {
grid-area: header; grid-area: header;
@ -163,7 +179,9 @@ body {
display: flex; display: flex;
} }
/*=============*/
/*= Page logo =*/ /*= Page logo =*/
/*=============*/
#pageLogo { #pageLogo {
padding: 10px; padding: 10px;
@ -173,7 +191,9 @@ body {
max-height: 100%; max-height: 100%;
} }
/*================*/
/*= Page actions =*/ /*= Page actions =*/
/*================*/
#pageActions { #pageActions {
padding: 5px 10px 0 0; padding: 5px 10px 0 0;
@ -214,9 +234,9 @@ body {
} }
} }
/*===========*/ /***********/
/*= Sidebar =*/ /* SIDEBAR */
/*===========*/ /***********/
#sidebar { #sidebar {
grid-area: sidebar; grid-area: sidebar;
@ -269,7 +289,9 @@ body {
} }
} }
/*======================*/
/*= Sidebar search box =*/ /*= Sidebar search box =*/
/*======================*/
#sideSearch { #sideSearch {
margin: 20px 0 0 0; margin: 20px 0 0 0;
@ -326,7 +348,9 @@ body {
-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 {