kts
/
QWiki
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adjusted body background to be separate from the content background -- also added a shadow to the content. Updated TODO for future snazz.

master
kts of kettek 2016-01-24 05:15:34 -08:00
parent 3df8bd9b6a
commit 331eca575d
2 changed files with 31 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
TODO.md
View File

@ -4,3 +4,4 @@
* Create actual login restrictions and credentials * Create actual login restrictions and credentials
* Allow file uploading * Allow file uploading
* Make searching a thing * Make searching a thing
* Make controls stay at top of document window when scrolling out of bounds

40
wiki/style.css
View File

@ -1,12 +1,15 @@
html,body { html,body {
background-color: #f3f3d8; background-color: #fbf4d0;
color: #0c0c27; color: #0c0c27;
margin: 0; padding: 0; margin: 0; padding: 0;
width: 100%; height: 100%; width: 100%; height: 100%;
font-size: large; font-size: large;
} }
#wrapper { #wrapper {
min-height: 100%; border-bottom: 1px solid transparent;
height: auto;
position: relative; position: relative;
} }
#content { #content {
@ -19,12 +22,14 @@ html,body {
padding-right: 2em; padding-right: 2em;
padding-bottom: 2em; padding-bottom: 2em;
margin: auto; margin: auto;
margin-bottom: 2em;
max-width: 36em; max-width: 36em;
min-height: 100%; display: block;
height: 100%; background-color: #f3f3d8;
/*-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75);*/ box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25), 0px 0px 120px 0px #dbB470;
z-index: 1000;
} }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
font-weight: 700; font-weight: 700;
@ -36,7 +41,7 @@ html,body {
width: 100%; width: 100%;
} }
#content code { #content code {
background-color: #3c3c57; background-color: #6c6c87;
color: #f3f3d8; color: #f3f3d8;
font-family: 'Roboto Mono', courier, monospace; font-family: 'Roboto Mono', courier, monospace;
padding: 0 0.3em 0.1em 0.3em; padding: 0 0.3em 0.1em 0.3em;
@ -46,20 +51,31 @@ html,body {
display: block; display: block;
width: 100%; width: 100%;
padding: 1em; padding: 1em;
box-shadow: inset 2px 2px 8px #0c0c27; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: inset 2px 2px 8px #2c2c47;
}
#content a {
color: #b87602;
}
#content a:visited {
color: #6c6c87;
} }
#footer { #footer {
font-size: 50%; font-size: 50%;
text-align: center; text-align: center;
width: 100%; width: 100%;
position: absolute;
padding-bottom: 1em; padding-bottom: 1em;
padding-top: 1em; padding-top: 1em;
position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
/* menu and flexbox styling */ /* menu and flexbox styling */
#menu { #menu {
position: relative;
z-index: 1001;
font-family: 'Oswald', sans-serif; font-family: 'Oswald', sans-serif;
font-size: 100%; font-size: 100%;
width: 100%; width: 100%;
@ -127,6 +143,7 @@ html,body {
} }
/* controls */ /* controls */
#controls { #controls {
position: relative;
font-family: 'Oswald', sans-serif; font-family: 'Oswald', sans-serif;
font-size: 75%; font-size: 75%;
width: 100%; width: 100%;
@ -142,6 +159,7 @@ html,body {
-webkit-flew-flow: row wrap; -webkit-flew-flow: row wrap;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
z-index: 1001;
} }
#controls li { #controls li {
flex-grow: 1; flex-grow: 1;
@ -186,6 +204,8 @@ html,body {
-webkit-flex-flow: row wrap; -webkit-flex-flow: row wrap;
justify-content: flex-start; justify-content: flex-start;
align-items: stretch; align-items: stretch;
position: relative;
z-index: 1001;
} }
#crumbs li { #crumbs li {
text-align: left; text-align: left;