You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
special-issue-11-wiki2html/static/title.css

355 lines
5.1 KiB
CSS

5 years ago
body {
background-color: #F4EBE8;
font-family: Roboto Mono;
5 years ago
}
5 years ago
5 years ago
.grid-container {
5 years ago
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 10px;
position: absolute;
top: 25%;
width: 82%;
height: auto;
left: 7%;
text-align: : center;
z-index: 5;
5 years ago
padding-bottom: 5%;
5 years ago
}
.grid-container > div {
5 years ago
position: relative;
text-align: center;
z-index: 5;
5 years ago
5 years ago
}
5 years ago
.thumbborder {
5 years ago
position: relative;
max-width: 100%;
max-height: 100%;
5 years ago
5 years ago
}
5 years ago
/*links*/
5 years ago
a:link {
5 years ago
text-decoration: ;
5 years ago
color: #371F10;
}
a:visited {
text-decoration: none;
5 years ago
color: #371F10;
}
a:hover {
5 years ago
text-decoration: none;
color: blue;
}
h1 {
5 years ago
/* position: fixed;
5 years ago
right:0%;
5 years ago
bottom:83%;
5 years ago
text-align: right;
background-color: rgba(11,239,235,0.7);
padding: 3px 35px 3px 10px;
5 years ago
z-index: 10;*/
/* font-size: ;*/
/* color: #371F10;
max-width: 90%;*/
}
h2{
5 years ago
position: fixed;
right: 0%;
top: 15%;
text-align: left;
background-color: rgba(11,239,235,0.7);
padding: 3px 35px 3px 10px;
z-index: 10;
font-size: 20px;
5 years ago
color: #371F10;
}
5 years ago
/*.viewnav {
position: fixed;
bottom: 1%;
right: 1%;
background-color: transparent;
width: 5%;
z-index: 9;
5 years ago
}
.collapsible2 {
5 years ago
background-color: transparent;
5 years ago
color: #371F10;
cursor: pointer;
padding: 0px;
width: 100%;
height: auto;
border: none;
text-align: center;
outline: none;
font-size: 40px;
z-index: 10;
margin-top: 0px;
5 years ago
}
5 years ago
.collapsible2:hover {
background-color: transparent;
color: blue;
5 years ago
}
.content2 {
5 years ago
position: absolute;
5 years ago
max-height: 0;
overflow: hidden;
5 years ago
width: auto;
5 years ago
transition: max-height 0.3s ease-out;
background-color: transparent;
5 years ago
color: white;
z-index: 10;
5 years ago
text-align: center;
5 years ago
bottom: 100%;
5 years ago
}*/
5 years ago
/* Grid buttons */
5 years ago
.header {
position: fixed;
/* text-align: center;*/
bottom: 0%;
5 years ago
right: 1%;
5 years ago
z-index: 9;
width: 110px;
height: 50px;
background-color: white;
color: #371F10;
}
5 years ago
p {
5 years ago
display: inline-block;
/*position: relative;*/
color: #371F10;
5 years ago
}
5 years ago
.btnov {
5 years ago
position: fixed;
display: inline;
5 years ago
right: 20px;
5 years ago
bottom:0px;
5 years ago
border: none;
5 years ago
width: 50px;
height: 50px;
5 years ago
text-align: center;
5 years ago
/* padding: 5px 5px;*/
5 years ago
background-color: transparent;
cursor: pointer;
font-size: 20px;
z-index: 9;
color: #371F10;
5 years ago
margin-bottom: 3px;
5 years ago
}
5 years ago
.btn {
5 years ago
position: fixed;
display: inline;
5 years ago
right: 70px;
5 years ago
bottom:0px;
5 years ago
border: none;
5 years ago
width: 50px;
height: 50px;
5 years ago
text-align: center;
5 years ago
background-color: transparent;
5 years ago
cursor: pointer;
5 years ago
font-size: 30px;
5 years ago
z-index: 9;
5 years ago
color: #371F10;
5 years ago
}
.btn:hover {
5 years ago
color:rgba(11,239,235);
/* color: blue;*/
5 years ago
}
.btn:active {
5 years ago
color:rgba(11,239,235);
}
5 years ago
.btnov:hover {
color:rgba(11,239,235);
/* color: blue;*/
}
.btnov:active {
color:rgba(11,239,235);
}
.metadata{
5 years ago
position: fixed;
top: 25%;
right: 0%;
background-color: transparent;
width: 60%;
z-index: 10;
opacity: 1;
text-align: right;
/*align-items: right;
align-content: right;*/
5 years ago
}
.collapsible {
5 years ago
display: inline-block;
right:0%;
5 years ago
background-color: white;
5 years ago
color: #371F10;
cursor: pointer;
padding: 18px;
5 years ago
width: 3%;
height: 100%;
/*border: solid 1px;*/
text-align: left;
outline: none;
font-size: 15px;
z-index: 10;
margin-top: 10px;
5 years ago
}
.active, .collapsible:hover {
5 years ago
color: #371F10;
background-color:rgba(11,239,235);
}
.content {
position: relative;
padding: 0px 18px;
max-height: 0;
overflow: hidden;
5 years ago
width: auto;
transition: max-height 0.2s ease-out;
5 years ago
background-color: white;
5 years ago
color: #371F10;
z-index: 10;
5 years ago
text-align: left;
5 years ago
opacity: 0.7;
5 years ago
right:0%;
}
5 years ago
a.content:link {
5 years ago
color:white;
5 years ago
}
5 years ago
.metadata_topic, .metadata_format, .metadata_creator, .metadata_organization {
max-width: 95%;
}
.fbtn {
5 years ago
font-style: italic;
}
5 years ago
.smw-template-furtherresults {
5 years ago
display: none;
5 years ago
}
5 years ago
/*
5 years ago
.orglink {
5 years ago
position: fixed;
top: 30%;
left: 0%;
background-color: white;
z-index: 10;
font-size: 30px;
padding: 0px 5px 0px 5px;
5 years ago
}
5 years ago
.orglink .htext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
font-size: 15px;
5 years ago
5 years ago
position: absolute;
5 years ago
left: 50px;
5 years ago
z-index: 10;
5 years ago
}
5 years ago
.orglink:hover .htext {
visibility: visible;
}
5 years ago
.timelinelink {
5 years ago
position: fixed;
top: 20%;
left: 0%;
background-color: white;
z-index: 10;
font-size: 30px;
padding: 0px 5px 0px 5px;
5 years ago
}
5 years ago
.timelinelink .htext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
font-size: 15px;
5 years ago
5 years ago
position: absolute;
5 years ago
left: 50px;
5 years ago
z-index: 10;
}
.timelinelink:hover .htext {
visibility: visible;
}
5 years ago
.indexlink {
5 years ago
position: fixed;
top:10%;
left:0%;
background-color: white;
z-index: 10;
font-size: 30px;
padding: 0px 5px 0px 5px;
5 years ago
}
5 years ago
.indexlink .htext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
font-size: 15px;
5 years ago
5 years ago
position: absolute;
5 years ago
left: 50px;
5 years ago
z-index: 10;
}
.indexlink:hover .htext {
visibility: visible;
}
5 years ago
*/