|
|
|
body {
|
|
|
|
background-color: #aaa4a0;
|
|
|
|
color: #371F10;
|
|
|
|
font-family: Roboto Mono, monospace;
|
|
|
|
}
|
|
|
|
/*.pagelink{
|
|
|
|
position: fixed;
|
|
|
|
display: inline;
|
|
|
|
left:0px;
|
|
|
|
/* width:20px;
|
|
|
|
height:20px;
|
|
|
|
padding: 0px 5px 0px 5px;
|
|
|
|
background-color: white;
|
|
|
|
z-index: 10;
|
|
|
|
font-size: 30px;
|
|
|
|
text-align: center;
|
|
|
|
border-top-style: solid;
|
|
|
|
border-right-style: solid;
|
|
|
|
border-bottom-style: solid;
|
|
|
|
/*border-style: solid;
|
|
|
|
border-width: 1px;
|
|
|
|
border-color: #371F10;
|
|
|
|
|
|
|
|
}*/
|
|
|
|
|
|
|
|
/*.pagelink:hover{
|
|
|
|
background-color: #0BEFEB;
|
|
|
|
}
|
|
|
|
.pagelink a{
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pagelink .pagename{
|
|
|
|
display: inline;
|
|
|
|
position: absolute;
|
|
|
|
width: auto;
|
|
|
|
padding: 5px;
|
|
|
|
margin-left: 25px;
|
|
|
|
font-size: 13px;
|
|
|
|
background-color: white;
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pagelink:hover .pagename{
|
|
|
|
visibility: visible;
|
|
|
|
}*/
|
|
|
|
|
|
|
|
.linkscont{
|
|
|
|
margin-top: 10%;
|
|
|
|
height: auto;
|
|
|
|
width: auto;
|
|
|
|
position: fixed;
|
|
|
|
left:0%;
|
|
|
|
z-index: 10;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pagelink{
|
|
|
|
/* display:table-cell;
|
|
|
|
text-align:center;
|
|
|
|
vertical-align:middle;*/
|
|
|
|
display: inline-flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
position: fixed;
|
|
|
|
/*display: block;*/
|
|
|
|
left:0px;
|
|
|
|
width:25px;
|
|
|
|
height:25px;
|
|
|
|
padding:10px;
|
|
|
|
background-color: white;
|
|
|
|
z-index: 2;
|
|
|
|
font-size: 24px;
|
|
|
|
/*text-align: justify;*/
|
|
|
|
border-top-style: solid;
|
|
|
|
border-right-style: solid;
|
|
|
|
border-bottom-style: solid;
|
|
|
|
/*border-style: solid;*/
|
|
|
|
border-width: 1px;
|
|
|
|
border-color: #371F10;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.pagelink:hover{
|
|
|
|
background-color: #0BEFEB;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pagelink{
|
|
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pagelink a{
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*.pagelink a:active{
|
|
|
|
background-color: #0BEFEB;
|
|
|
|
}
|
|
|
|
|
|
|
|
.active .pagelink:after{
|
|
|
|
background-color: #0BEFEB;
|
|
|
|
}*/
|
|
|
|
|
|
|
|
.pagename{
|
|
|
|
align-items: center;
|
|
|
|
width:auto;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pagelink .pagename{
|
|
|
|
display: inline;
|
|
|
|
position: absolute;
|
|
|
|
width: auto;
|
|
|
|
padding: 5px;
|
|
|
|
margin-left: 160px;
|
|
|
|
font-size: 12px;
|
|
|
|
background-color: white;
|
|
|
|
visibility: hidden;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pagelink:hover .pagename{
|
|
|
|
visibility: visible;
|
|
|
|
position: absolute;
|
|
|
|
z-index: 20;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
position: fixed;
|
|
|
|
right:0%;
|
|
|
|
top:5%;
|
|
|
|
text-align: right;
|
|
|
|
background-color: rgba(11,239,235,0.7);
|
|
|
|
color: #371F10;
|
|
|
|
padding: 3px 35px 3px 10px;
|
|
|
|
z-index: 10;
|
|
|
|
font-size: 28px;
|
|
|
|
}
|
|
|
|
|
|
|
|
a, a:visited{
|
|
|
|
color:#371F10;
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
color: blue;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.image {cursor: default!important;} /* KEEP THIS: it is important to avoid images to seeming like links */
|
|
|
|
|