diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/gitjoe.css | 244 | ||||
| -rw-r--r-- | css/site.css | 4 | 
2 files changed, 246 insertions, 2 deletions
| diff --git a/css/gitjoe.css b/css/gitjoe.css new file mode 100644 index 0000000..5e16d96 --- /dev/null +++ b/css/gitjoe.css @@ -0,0 +1,244 @@ +/* ************************************************************************** */ +/*                                                                            */ +/*   File     : site.css                                         /_________/  */ +/*   Authors  : Joe                                                    |      */ +/*   Date     : 06/2020                                                |      */ +/*   Info     : Style for GitJoe                                       |      */ +/*                                                             /       |      */ +/*                                                             \       /      */ +/*                                                              \_____/       */ +/*                                                                            */ +/* ************************************************************************** */ + +body { +	margin: 0 auto; +	width: 100%; +	height: 100%; +	min-height: 100%; +	font-family: sans-serif; +	background-color: #f5f5f5; +	position: relative; +	min-height: 100%; +} + +header { +	margin: 0pt; +	padding: 0pt; +	width: 100%; +	background-color: #ededed; +	border-bottom: 2pt solid #aaa; +	border-top: 0pt; +} + + +header h1 { +	font-size: x-large; +	font-weight: bold; +	text-align: center; +	padding: 5pt; +	margin: 0pt; +	color: #292929; +} + +header a { +	margin: 0pt; +	border-collapse: collapse; +} + +header a:link { +	color: #292929; +	background-color: transparent; +	text-decoration: none; +} + +header a:visited { +	color: #292929; +	background-color: transparent; +	text-decoration: none; +} + +header a:hover { +	color: #292929; +	background-color: transparent; +	text-decoration: none; +} + +header a:active { +	color: #292929; +	background-color: transparent; +	text-decoration: none; +} + +footer { +	border-top: 1pt solid #ccc; +	background-color: #f1f1f1; +	clear: both; +	position: absolute; +	bottom: 0; +	width: 100%; +	height: 2rem; +	margin-top: -2rem; +} + +footer p { +	text-align: center; +	padding: 5px; +	margin: 0; +} + +a { +	margin: 0pt; +	border-collapse: collapse; +} + +a:link { +	color: #23b; +	background-color: transparent; +	text-decoration: none; +} + +a:visited { +	color: #23b; +	background-color: transparent; +	text-decoration: none; +} + +a:hover { +	color: #23b; +	background-color: transparent; +	text-decoration: underline; +} + +a:active { +	color: #23b; +	background-color: transparent; +	text-decoration: none; +} + +div.sidebar li { +	display: list-item; +} + +div.sidebar ul { +	padding: 0pt 0pt 0pt 1em; +	margin: 0; +	list-style: square; +} + +div.sidebar { +	float: right; +	background-color: #e4e4f0; +	border-left: 1pt solid #99c; +	border-bottom: 1pt solid #99c; +	margin-left: 2em; +	margin-bottom: 1em; +	min-width: 15%; +	padding: 5pt; +	border-radius: 0px 0px 0px 3px; +} + +div.body-contents { +	padding: 5pt 0 5pt 0; +	padding-bottom: 2.5rem; +	margin-left: 10%; +	margin-right: 20%; +} + +div.body-contents h1 { +	font-size: 140%; +	font-weight: bold; +	text-align: left; +	padding: 0em 0em 0.25rem 0em; +	margin: 0pt; +	margin-top: 1em; +	color: #24c; +	border-bottom: 2px solid #24c; +} + +div.body-contents h2 { +	font-size: 130%; +	font-weight: bold; +	text-align: left; +	padding: 0em 0em 0.25rem 0em; +	margin: 0pt; +	margin-top: 1em; +	color: #24c; +	border-bottom: 1px solid #24c; +} + +div.body-contents h3 { +	font-size: 120%; +	font-weight: bold; +	text-align: left; +	padding: 0em 0em 0.25rem 0em; +	margin: 0pt; +	margin-top: 1em; +	color: #24c; +} + +div.body-contents b { +	font-weight: bold; +	color: #24c; +} + +div.body-contents li { +	display: list-item; +} + +div.body-contents ul { +	padding: 0pt 0pt 0pt 1.5rem; +	margin: 0; +	list-style: square; +} + +div.body-contents code { +	font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; +	font-size: smaller; +	background-color: #e4e4e4; +	color: #24d; +	border-radius: 5px; +	padding: 2px 5px 2px 5px; +} + +div.body-contents pre { +	font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; +	font-size: smaller; +	background-color: #d1e2f4; +	border-radius: 4px; +	display: block; +	margin: 0; +	width: 80%; +	overflow: auto; +	margin-left: 1em; +	margin-right: 1em; +	padding: 10px 10px 10px 10px; +	white-space: pre; +	border: 1px solid #aaa; +} + +div.body-contents pre.src { +	background-color: #3c3836; +	color: #ebdbb2; +	border-radius: 4px; +	display: block; +	margin: 0; +	width: 80%; +	overflow: auto; +	margin-left: 1em; +	margin-right: 1em; +	padding: 10px 10px 10px 10px; +	white-space: pre; +	border: 1px solid #1d2021; +} + +div#postamble { +	border: 1px solid #89f; +	width: 35%; +	margin: 15px; +	padding: 4px; +	border-radius: 4px; +} + +span.fa { +	font-size: 16px; +} diff --git a/css/site.css b/css/site.css index b6194d6..48ca756 100644 --- a/css/site.css +++ b/css/site.css @@ -1,9 +1,9 @@  /* ************************************************************************** */  /*                                                                            */ -/*   File     : classic-contents.inc.php                         /_________/  */ +/*   File     : site.css                                         /_________/  */  /*   Authors  : Joe                                                    |      */  /*   Date     : 06/2020                                                |      */ -/*   Info     : Functions for contents on every page                   |      */ +/*   Info     : Style                                                  |      */  /*                                                             /       |      */  /*                                                             \       /      */  /*                                                              \_____/       */ | 
