Browse Source

Minor refactor of CSS file

master
Said Achmiz 6 years ago
parent
commit
5b108d782b
1 changed files with 49 additions and 25 deletions
  1. 49
    25
      papyrus.css

+ 49
- 25
papyrus.css View File

* 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 {

Loading…
Cancel
Save