html {
}
body {
margin: auto;
#margin-top: .5%;
#margin-bottom: .5%;
max-width: 1792px;
#font-family: sans-serif;
font-family: Avenir, "Helvetica Neue", Helvetica, Roboto, Corbel, sans-serif;
#font-family: courier;
#font-family: 'Courier New', monospace;
font-size: 160%;
font-weight: 400;
#line-height: 0;
#font-size: 1.8rem;
#-ms-text-size-adjust: 100%;
#-webkit-text-size-adjust: 100%;
}
.initial {
float: left;
display: block;
color: #903;
font-size: 118px;
line-height: 0.80em;
padding-top: 10px;
padding-right: 11px;
padding-left: 0px;
margin-left: -6px;
font-weight: bold;
text-shadow: 3px 3px 10px #2a2f35;
}
.shadow {
-webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84);
-moz-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84);
box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84);
}
div {
/* Debug */
border: 0px solid;
}
div.rightbox {
margin-left: 30px;
margin-bottom: 0;
margin-top: 0;
padding: 0;
float: right;
}
div.rightboxalignment {
width: 30%;
margin-top: 35px;"
}
div.leftbox {
margin-right: 30px;
margin-bottom: 0;
margin-top: 0;
padding: 0;
float: left;
}
div.leftboxalignment {
width: 30%;
margin-top: 35px;"
}
p {
margin-bottom: 0;
text-align: justify;
}
h1 {
font-size: 230%;
margin-top: 0;
margin-bottom: 0;
font-weight: 900;
}
h2 {
margin-top: 1em;
margin-bottom: 1rem;
}
a, a:visited {
color: black;
text-decoration: none;
font-weight: 400;
}
a:hover {
color: blue;
text-decoration: none;
}
p a, a:visited {
color: black;
text-decoration: underline;
font-weight: 400;
}
p a:hover {
color: black;
text-decoration: none;
}
a.menu, a:visited.visited {
color: red;
text-decoration: none;
font-weight: 400;
}
a.menu:hover {
color: #0cc;
color: white;
text-decoration: none;
}
strong {
color: #303030;
}
::selection {
background: #ffff0a;
background: #ff1dce;
background: #ccff00;
text-shadow: none;
}
ul {
margin-bottom: 0px;
text-align: justify;
}
blockquote {
font-style: italic;
border-left: 3px solid #666;
padding-left: 1em;
margin-left: 0em;
margin-right: 0em;
line-height: 1.6;
}
img {
width: 100%;
border: 0;
margin: 0;
}
img.alignemnt {
margin-top: 1rem;
}
.leftside {
min-width: 280px;
width: 20%;
display: inline-block;
}
.leftside p {
text-align: right;
}
.rightside {
width: 80%;
margin: 0px;
display: inline-block;
}
.menupadding {
padding: 10px;
}
.contentcontainer {
display: flex;
}
.contentleftside {
min-width: 280px;
width: 20%;
text-align: right;
}
.contentrightside {
width: 80%;
margin: 0px;
display: inline-block;
}
.contentpaddingleft {
padding: 58px;
padding-left: 0px;
padding-top: 40px;
padding-bottom: 0px;
}
.contentpaddingright {
padding: 38px;
padding-top: 15px;
padding-bottom: 20px;
}
.tableofcontents {
column-count: 2;
column-gap: 50px;
column-rule: 2px solid lightgrey;
}
.footnote {
font-size: 60%;
}
ol {
margin-bottom: 0px;
}
.footnotes {
clear: both;
padding: 0;
padding-right: 1em;
margin-top: 1em;
margin-bottom: 0;
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.footnotes p {
font-size: 0.95em;
color: #594f40;
line-height: 1.0;
margin-top: 0px;
}
.footnotes p:last-child {
margin-bottom: 0.65rem;
}
.footnotes p:target {
background-color: #ffffeb;
padding: 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.rainbow{
width: 100%;
height: 8px;
background-repeat:repeat-x;
background: linear-gradient(to right, #eb5252, #f78f2f, #f4c151, #75d850, #6284FF, #eb5252);
animation: rainbow 10s linear infinite;
background-size: 200% 100% !important;
}
@keyframes rainbow{
0% {background-position: 0;}
100% {background-position: 800% 0;}
}
.rightfloatingbox {
position: fixed;
top: 50%;
transform: translateY(-50%);
right: 0;
background-color: black;
z-index: 1;
opacity: 1;
#visibility: hidden;
#opacity: 0;
#transition: visibility 0s 1s, opacity 1s linear;
-webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84);
-moz-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84);
box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.84);
}
.photosource {
font-family: "Source Code Pro", Monaco, monospace;
font-size: 20px;
}
/*
@media only screen and ( max-width: 800px ) {
body {
disabled_font-size: 1.7rem;
}
.contentcontainer {
display: table;
}
.contentleftside {
width: 100%;
text-align: left;
}
.contentrightside {
width: 100%;
}
.contentpaddingleft {
padding: 20px;
}
.tableofcontents {
column-count: 1;
column-gap: 50px;
column-rule: 2px solid lightgrey;
}
}
@media only screen and ( max-device-width: 500px ) {
body {
font-size: 1.7rem;
}
.contentcontainer {
display: table;
}
.contentleftside {
width: 100%;
text-align: left;
}
.contentrightside {
width: 100%;
}
.contentpaddingleft {
padding: 10px;
text-align: left;
}
.tableofcontents {
column-count: 1;
column-gap: 50px;
column-rule: 2px solid lightgrey;
}
}
*/
/* Create four equal columns that floats next to each other */
.column {
margin-top: -0.7em;
float: left;
width: 23%;
padding: 1%;
}
.column img {
margin-top: 4%;
margin-bottom: 4%;
width: 100%;
}
.row {
margin-left: -1%;
margin-right: -1%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
pre {
margin-top: 0;
margin-bottom: .4;
padding: 0rem;
font-size: 1rem;
line-height: 1.4;
background-color: #ffffff;
white-space: pre-wrap;
/* Since CSS 2.1 */
white-space: -moz-pre-wrap;
/* Mozilla, since 1999 */
white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word;
/* Internet Explorer 5.5+ */
}
pre.terminal {
border: 2px solid black;
background-color: #333;
line-height: 1.25;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #17cc00;
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
padding: 0.8em;
font-family: "Courier New", Courier, monospace;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
pre.terminal::selection {
background: #00ff00;
text-shadow: none;
color: black;
}
pre.terminal a, .post pre.terminal a:hover, .post pre.terminal a:visited {
background-color: #333;
color: #17cc00;
}
pre.terminal strong {
color: #00ff00;
}
pre.terminal strong::selection {
background: #00ff00;
text-shadow: none;
color: black;
}