monkey2/docs/style.css

/*! Tweaked version of milligram!

 * Milligram v1.1.0
 * http://milligram.github.io
 *
 * Copyright (c) 2016 CJ Patoilo
 * Licensed under the MIT license

*/

/* ***** color ***** */

/*
$color-initial: #fcfcfc !default
$color-primary: #9b4dca !default
$color-secondary: #606c76 !default
$color-tertiary: #f4f5f6 !default
$color-quaternary: #d1d1d1 !default
*/

/* ***** base ***** */

html{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	font-weight: 300;
	padding:0;
	border:0;
	margin:0;
}

body{
	background: #fcfcfc;
	color: #404c56;	/* $color-secondary */
	font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 16px;
	line-height: 140%;
	padding:0;
	border:0;
	margin:0;
}

blockquote {
  border-left: 2px solid #d1d1d1;
  padding: 4px 8px;
}

*,
*:after,
*:before{
	box-sizing: inherit;
}

/* ***** gadegets ***** */

.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  background-color: #9b4dca;
  border: 1px solid #9b4dca;
  border-radius: 3px;
  color: #fcfcfc;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.button:hover, .button:focus,
button:hover,
button:focus,
input[type='button']:hover,
input[type='button']:focus,
input[type='reset']:hover,
input[type='reset']:focus,
input[type='submit']:hover,
input[type='submit']:focus {
  background-color: #606c76;
  border-color: #606c76;
  color: #fcfcfc;
  outline: 0;
}
.button.button-disabled, .button[disabled],
button.button-disabled,
button[disabled],
input[type='button'].button-disabled,
input[type='button'][disabled],
input[type='reset'].button-disabled,
input[type='reset'][disabled],
input[type='submit'].button-disabled,
input[type='submit'][disabled] {
  opacity: 0.5;
  cursor: default;
}
.button.button-disabled:hover, .button.button-disabled:focus, .button[disabled]:hover, .button[disabled]:focus,
button.button-disabled:hover,
button.button-disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
input[type='button'].button-disabled:hover,
input[type='button'].button-disabled:focus,
input[type='button'][disabled]:hover,
input[type='button'][disabled]:focus,
input[type='reset'].button-disabled:hover,
input[type='reset'].button-disabled:focus,
input[type='reset'][disabled]:hover,
input[type='reset'][disabled]:focus,
input[type='submit'].button-disabled:hover,
input[type='submit'].button-disabled:focus,
input[type='submit'][disabled]:hover,
input[type='submit'][disabled]:focus {
  background-color: #9b4dca;
  border-color: #9b4dca;
}
.button.button-outline,
button.button-outline,
input[type='button'].button-outline,
input[type='reset'].button-outline,
input[type='submit'].button-outline {
  color: #9b4dca;
  background-color: transparent;
}
.button.button-outline:hover, .button.button-outline:focus,
button.button-outline:hover,
button.button-outline:focus,
input[type='button'].button-outline:hover,
input[type='button'].button-outline:focus,
input[type='reset'].button-outline:hover,
input[type='reset'].button-outline:focus,
input[type='submit'].button-outline:hover,
input[type='submit'].button-outline:focus {
  color: #606c76;
  background-color: transparent;
  border-color: #606c76;
}
.button.button-outline.button-disabled:hover, .button.button-outline.button-disabled:focus, .button.button-outline[disabled]:hover, .button.button-outline[disabled]:focus,
button.button-outline.button-disabled:hover,
button.button-outline.button-disabled:focus,
button.button-outline[disabled]:hover,
button.button-outline[disabled]:focus,
input[type='button'].button-outline.button-disabled:hover,
input[type='button'].button-outline.button-disabled:focus,
input[type='button'].button-outline[disabled]:hover,
input[type='button'].button-outline[disabled]:focus,
input[type='reset'].button-outline.button-disabled:hover,
input[type='reset'].button-outline.button-disabled:focus,
input[type='reset'].button-outline[disabled]:hover,
input[type='reset'].button-outline[disabled]:focus,
input[type='submit'].button-outline.button-disabled:hover,
input[type='submit'].button-outline.button-disabled:focus,
input[type='submit'].button-outline[disabled]:hover,
input[type='submit'].button-outline[disabled]:focus {
  color: #9b4dca;
  border-color: inherit;
}
.button.button-clear,
button.button-clear,
input[type='button'].button-clear,
input[type='reset'].button-clear,
input[type='submit'].button-clear {
  color: #9b4dca;
  background-color: transparent;
  border-color: transparent;
}
.button.button-clear:hover, .button.button-clear:focus,
button.button-clear:hover,
button.button-clear:focus,
input[type='button'].button-clear:hover,
input[type='button'].button-clear:focus,
input[type='reset'].button-clear:hover,
input[type='reset'].button-clear:focus,
input[type='submit'].button-clear:hover,
input[type='submit'].button-clear:focus {
  color: #606c76;
  background-color: transparent;
  border-color: transparent;
}
.button.button-clear.button-disabled:hover, .button.button-clear.button-disabled:focus, .button.button-clear[disabled]:hover, .button.button-clear[disabled]:focus,
button.button-clear.button-disabled:hover,
button.button-clear.button-disabled:focus,
button.button-clear[disabled]:hover,
button.button-clear[disabled]:focus,
input[type='button'].button-clear.button-disabled:hover,
input[type='button'].button-clear.button-disabled:focus,
input[type='button'].button-clear[disabled]:hover,
input[type='button'].button-clear[disabled]:focus,
input[type='reset'].button-clear.button-disabled:hover,
input[type='reset'].button-clear.button-disabled:focus,
input[type='reset'].button-clear[disabled]:hover,
input[type='reset'].button-clear[disabled]:focus,
input[type='submit'].button-clear.button-disabled:hover,
input[type='submit'].button-clear.button-disabled:focus,
input[type='submit'].button-clear[disabled]:hover,
input[type='submit'].button-clear[disabled]:focus {
  color: #9b4dca;
}

input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

	font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 140%;
	padding:4px;

  background-color: transparent;
  border: 1px solid #d1d1d1;
  border-radius: 3px;
  box-shadow: none;
  width: 100%;

}
input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
textarea:focus,
select:focus {
  border: 1px solid #9b4dca;
  outline: 0;
}

textarea {
}

label,
legend {
  display: block;
}

fieldset {
}

input[type='checkbox'],
input[type='radio'] {
  display: inline;
}

/* ***** code ***** */

code{
	font-family: Courier, monospace;
	font-weight: 400;
	white-space: nowrap;
	color: #111;
}

pre{
	background: #f4f5f6;	/* $color-tertiary */
	border-left: 1px solid #9b4dca;	/* $color-primary */
	padding: 2px;
	padding-left: 12px;
	font-family: Courier, monospace;
}

pre>code{
	white-space: pre;
	font-weight: 300;
}

/* ***** link ***** */

a{
	color: #9b4dca;	/* $color-primary */
	text-decoration: none;
	cursor: pointer;
}

a:hover{
	color: #606c76;	/* $color-secondary */
}

/* ***** spacing ***** */

hr {
  border: 0;
  width: 100%;
  border-top: 1px solid #c4c5c6;
  margin: 64px 0 24px;
}

.button,
button{
	margin-bottom: 1px;
}

input,
textarea,
select,
fieldset{
	margin-bottom: 1px;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form{
}

/* ***** table ***** */

table{
	table-layout: fixed;
	border-spacing: 0;
	width: 100%;
	margin: 16px 0;
}

table.modman{
	font-size: 90%;
	table-layout: auto;
	margin: 0;
}

th,td{
	border-bottom: 1px solid #e1e1e1;
	text-align: left;
	padding: 4px 0;
}

th{
	font-weight: 600;
}

th.modman{
	padding: 0 8px;
}

td.modman{
	padding: 0 8px;
}

/* ***** typography ***** */

p{
	margin-top: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight: 400;
}

h1{
	font-size: 36px;
	margin: 38px 0 28px;
}

h2{
	font-size: 32px;
	margin: 34px 0 24px;
}

h3{
	font-size: 28px;
	margin: 32px 0 22px;
}

h4{
	font-size: 24px;
	margin: 30px 0 20px;
}

h5{
	font-size: 20px;
	margin: 28px 0 18px;
}

h6{
	font-size: 16px;
	margin: 26px 0 16px;
}

/* ***** wordpress css ***** */

div.comments-area{
	background-color: #e8e8e8;
	border: 1px solid #e8e8e8;
	border-radius:3px;
	padding:8px;
}

/* ***** mx2-theme layout ***** */

body.page_body{
	position:relative;;
	width:100%;
	height:100%;
}

/* parent: page_body */
div.page_header{
	position:fixed;
	width:100%;
	top:0;
	height:72px;
	border-bottom:1px solid #9b4dca;
	padding-left:12px;
	padding-right:16px;
	line-height:72px;
	text-align:center;
	background:#e8e8e8;
	z-index: 5;
}

.header_logo {
	height: 72px;
}

.header_logo a {
	display: block;
	height: 100%;
}

/* parent: page_header */
div.header_title_strip{
	display:inline;
	float:left;
}

/* parent: page_title_strip */
div.header_logo{
	float:left;
}

/* parent: page_title_strip */
div.header_text{
	float: left;
	font-size: 21px;
	letter-spacing: -0.04em;
}

/* parent: page_header */
div.header_button_strip{
	display:inline;
	float:right
	top:0;
	bottom:0;
}

/* parent: header_button_strip */
a.header_button{
	background-color: #9b4dca;
	border: 1px solid #9b4dca;
	border-radius: 3px;
	padding: 4px 7px;
	font-size: 11px;
	font-weight: 400;
	color: #fcfcfc;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	letter-spacing: 0.05em;
}

a.header_button:hover{
	background-color: #606c76;
	border-color: #606c76;
	color: #fcfcfc;
	outline: 0;
}

/* parent: page_header */
div.header_donate_strip{
	display:inline;
	float:right;
}

/* parent: header_donate_strip */
form.header_paypal{
	display:inline;
}

/* parent: header_donate_strip */
a.header_patreon{
}

a.header_patreon:hover{
}

/* parent: page_body */
div.page_content{
	position:relative;
	top: 0;
	height: 100%;
	width: 100%;
	margin-top: 72px;
}

/* parent: page_content */
div.post_content{
	position: static;
	padding:8px 24px;
	max-width: 840px;
	margin: 0 auto;
	clear: left;
}

/* parent: page_content */
div.modules_content{
	width: 100%;
	height: calc(100% - 72px);
	position: relative;
}

/* parent: modules_content */
div.modules_nav_wrapper{
	position:absolute;
	left:0;
	bottom: 0;
	width:249px;
	height:100%;
	padding:16px 12px;
	border-right:1px solid #d1d1d1;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

/* parent: modules_nav_wrapper */
div.modules_nav_tree{
	border:0;
	width:100%;
}

/* parent: modules_content */
div.modules_docs_wrapper{
	position:absolute;
	left:250px;
	right:0;
	height:100%;
	padding:0;
	border:0;
	margin:0;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

/* parent: modules_docs_wrapper */
iframe.modules_docs_iframe{
	display:block;
	width:100%;
	height:100%;
	padding:0;
	border:0;
	margin:0;
}

/* parent: modules_docs_iframe */
body.docs_body{
	width:100%;
	padding:12px 24px;
}

/* parent: docs_body */
div.docs_content{
}

/* page styles */
body.page-modules-reference {
	overflow: hidden;
	width:100%;
	height:100%;
}

body.page-language-reference {
	overflow: hidden;
	width:100%;
	height:100%;
}

body.forums.post_content {
	max-width: 1100px;
}

div.toc{
	display:none;
}