atlas/web/_css/style.css

1106 lines
506 KiB
CSS
Raw Normal View History

/*
========================================================================
The /r/place Atlas
An Atlas of Reddit's /r/place, with information to each
artwork of the canvas provided by the community.
Copyright (C) 2017 Roland Rytz <roland@draemm.li>
Licensed under the GNU Affero General Public License Version 3
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more information, see:
http://place-atlas.stefanocoding.me/license.txt
========================================================================
*/
@font-face {
font-family: 'dejavu';
src: url(data:application/font-woff;charset=utf-8;base64,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
font-weight: normal;
font-style: normal;
}
2022-04-04 16:31:10 +02:00
@font-face {
font-family: 'DejaVu Sans Mono';
src: url('data:font/woff2;charset=utf-8;base64,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
url('data:font/woff;charset=utf-8;base64,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
font-weight: normal;
font-style: normal;
font-display: swap;
}
*{
margin: 0px;
padding: 0px;
border: none;
box-sizing: border-box;
}
html, body{
min-height: 100%;
min-width: 100%;
height: 100%;
width: 100%;
}
body{
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
font-family: dejavu, sans, Sans-Serif;
background-color: #111111;
color: #FFFFFF;
line-height: 1.15;
}
#wrapper{
position: fixed;
height: 100%;
width: 100%;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
a{
color: #FFAA00;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
button,
#aboutBackButton,
#drawBackButton{
background-image: linear-gradient(to bottom, #888888, #666666);
border: 1px #000000 solid;
color: #FFFFFF;
text-align: center;
display: inline-block;
padding: 5px;
cursor: pointer;
text-shadow: 1px 1px 0px #444444;
}
button::-moz-focus-inner {
border: 0;
}
button:disabled,
button:disabled:hover{
background-image: none;
background-color: #666666;
color: #AAAAAA;
cursor: default;
}
button:hover,
#aboutBackButton:hover,
#drawBackButton:hover{
background-image: linear-gradient(to bottom, #999999, #777777);
text-decoration: none;
}
input[type="text"],
textArea{
background-color: #444444;
border: 1px #000000 solid;
margin-bottom: 4px;
padding: 5px 5px;
color: #FFFFFF;
box-sizing: border-box;
}
input[type="text"]{
height: 25px;
}
header{
min-width: 360px;
height: 50px;
position: absolute;
background-color: #555555;
border-right: 1px #000000 solid;
border-bottom: 1px #000000 solid;
z-index: 1000;
display: inline-block;
}
2017-04-07 19:52:56 +02:00
@media (max-width: 600px) {
header{
width: 100%;
}
}
@media (max-width: 400px) {
header h1{
font-size: 28px;
}
}
@media (max-width: 350px) {
2017-04-07 19:52:56 +02:00
header h1{
font-size: 20px;
}
}
header.aboutHeader{
width: 100%;
border-right: 0px;
}
header > a{
display: flex;
color: #FFFFFF;
2017-04-09 02:08:35 +02:00
/*align-items: center;*/
}
header > a:hover{
text-decoration: none;
color: #FFAA00;
}
#logo{
padding: 5px;
/*background-color: #FFFFFF;*/
}
h1{
2017-04-09 02:08:35 +02:00
font-weight: lighter;
2017-04-07 19:52:56 +02:00
padding: 0px 10px;
display: inline-block;
2017-04-09 02:08:35 +02:00
margin-top: 0px;
line-height: 45px;
position: absolute;
top: 0px;
left: 50px;
text-shadow: 1px 1px 0px #000000;
}
select{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%2215.26367%22%0A%20%20%20height%3D%2215.3125%22%0A%20%20%20id%3D%22svg2%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%28-188.36328%2C-392.51062%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20id%3D%22text2985%22%0A%20%20%20%20%20%20%20style%3D%22font-size%3A20px%3Bfont-style%3Anormal%3Bfont-variant%3Anormal%3Bfont-weight%3Anormal%3Bfont-stretch%3Anormal%3Btext-align%3Acenter%3Bline-height%3A125%25%3Bletter-spacing%3A0px%3Bword-spacing%3A0px%3Btext-anchor%3Amiddle%3Bfill%3A%23000000%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bfont-family%3AOpen%20Sans%3B-inkscape-font-specification%3AOpen%20Sans%22%3E%0A%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20188.36328%2C392.51062%2015.26367%2C0%20-7.63672%2C15.3125%20-7.62695%2C-15.3125%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path2990%22%0A%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A0.63274339%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E")
,linear-gradient(to bottom, #888888, #666666);
background-repeat: no-repeat, repeat;
background-position: calc(100% - 10px) center, 0 0;
background-size: 10px, cover;
border: 1px #222222 outset;
color: #FFFFFF;
cursor: pointer;
padding: 3px;
padding-left: 7px;
}
select option[disabled] {
display: none;
}
select:hover{
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%2215.26367%22%0A%20%20%20height%3D%2215.3125%22%0A%20%20%20id%3D%22svg2%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%28-188.36328%2C-392.51062%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20id%3D%22text2985%22%0A%20%20%20%20%20%20%20style%3D%22font-size%3A20px%3Bfont-style%3Anormal%3Bfont-variant%3Anormal%3Bfont-weight%3Anormal%3Bfont-stretch%3Anormal%3Btext-align%3Acenter%3Bline-height%3A125%25%3Bletter-spacing%3A0px%3Bword-spacing%3A0px%3Btext-anchor%3Amiddle%3Bfill%3A%23000000%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bfont-family%3AOpen%20Sans%3B-inkscape-font-specification%3AOpen%20Sans%22%3E%0A%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20d%3D%22m%20188.36328%2C392.51062%2015.26367%2C0%20-7.63672%2C15.3125%20-7.62695%2C-15.3125%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path2990%22%0A%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ffffff%3Bfill-opacity%3A0.63274339%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E")
,linear-gradient(to bottom, #999999, #777777);
}
select:active{
background-image: linear-gradient(to bottom, #666666, #777777);
background-color: #666666;
}
option,
optgroup{
background-color: #555555;
font-size: 16px;
border-color: #BBBBBB
}
#linesCanvas{
position: absolute;
left: 0px;
top: 0px;
height: 100%;
2017-04-06 11:44:50 +02:00
/*width: calc(100% - 320px);*/
width: 100%;
z-index: -500;
}
#container{
2017-04-06 11:44:50 +02:00
width: calc(100% - 320px);
height: 100%;
margin-left: 320px;
touch-action: manipulation;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
}
2017-04-10 17:57:13 +02:00
#loading{
position: absolute;
background-color: rgba(10, 10, 10, 0.9);
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 100;
}
#loading > div{
margin: 80px auto;
color: #FFFFFF;
text-align: center;
font-size: 40px;
}
2018-04-30 15:21:01 +02:00
#loading > div > div:first-child{
2017-04-10 17:57:13 +02:00
width: 200px;
height: 200px;
border-radius: 200px;
border: 7px #CCCCCC solid;
display: inline-block;
border-top-color: #FFAA00;
animation-duration: 3s;
animation-name: spinner;
animation-iteration-count: infinite;
}
#loading > div > span{
font-family: "DejaVu Sans", Helvetica, sans-serif;
font-weight: 200;
}
2017-04-10 17:57:13 +02:00
@keyframes spinner {
from {
transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
}
.error{
color: #FFFFFF;
font-size: 23px;
margin: 15px 0px;
}
.errorBody{
color: #CC8888;
font-family: monospace;
font-size: 20px;
cursor: text;
}
noscript{
color: #FFFFFF;
font-size: 23px;
display: block;
margin-top: 10px;
}
.listHidden #container{
width: 100%;
margin-left: 0px;
}
#innerContainer{
height: 1000px;
width: 2000px;
position: absolute;
z-index: -2000;
}
#image{
position: absolute;
height: 100%;
width: 100%;
z-index: -1500;
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
#highlightCanvas{
z-index: -1200;
position: absolute;
height: 100%;
width: 100%;
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
#objectsList{
2017-04-09 02:08:35 +02:00
max-width: 300px;
width: calc(100% - 10px);
position: absolute;
right: 0px;
top: 0px;
padding: 0px;
max-height: calc(100% - 40px);
overflow-y: auto;
2017-04-09 02:08:35 +02:00
z-index: 0;
}
#closeObjectsListButton{
height: 40px;
width: 40px;
position: absolute;
top: 10px;
right: 310px;
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%22192.84375%22%0A%20%20%20height%3D%22192.875%22%0A%20%20%20id%3D%22svg2%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22matrix%281.2121574%2C0%2C0%2C1.2121574%2C-20.456139%2C-20.460051%29%22%0A%20%20%20%20%20id%3D%22g3804%22%0A%20%20%20%20%20style%3D%22stroke%3A%23ffffff%3Bstroke-opacity%3A1%22%3E%0A%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20transform%3D%22translate%28-156.4375%2C-398.78125%29%22%0A%20%20%20%20%20%20%20id%3D%22layer1%22%0A%20%20%20%20%20%20%20style%3D%22stroke%3A%23ffffff%3Bstroke-opacity%3A1%22%3E%0A%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20d%3D%22M%20195.27845%2C552.79802%20310.43583%2C437.64064%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path2985%22%0A%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A24.74926186%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20d%3D%22M%20310.43583%2C552.79802%20195.27845%2C437.64064%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path3802%22%0A%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A24.74926186%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E")
,linear-gradient(to bottom, #666666, #444444);
background-size: 15px, cover;
background-position: center, 0 0;
background-repeat: no-repeat, no-repeat;
}
#closeObjectsListButton.hidden{
display: none;
}
#closeObjectsListButton:hover{
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%22192.84375%22%0A%20%20%20height%3D%22192.875%22%0A%20%20%20id%3D%22svg2%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22matrix%281.2121574%2C0%2C0%2C1.2121574%2C-20.456139%2C-20.460051%29%22%0A%20%20%20%20%20id%3D%22g3804%22%0A%20%20%20%20%20style%3D%22stroke%3A%23ffffff%3Bstroke-opacity%3A1%22%3E%0A%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20transform%3D%22translate%28-156.4375%2C-398.78125%29%22%0A%20%20%20%20%20%20%20id%3D%22layer1%22%0A%20%20%20%20%20%20%20style%3D%22stroke%3A%23ffffff%3Bstroke-opacity%3A1%22%3E%0A%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20d%3D%22M%20195.27845%2C552.79802%20310.43583%2C437.64064%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path2985%22%0A%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A24.74926186%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20d%3D%22M%20310.43583%2C552.79802%20195.27845%2C437.64064%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path3802%22%0A%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A24.74926186%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E")
,linear-gradient(to bottom, #777777, #555555);
}
@media (max-width: 750px) {
div:not(.listHidden) > #objectsList{
display: none;
}
div:not(.listHidden) > #closeObjectsListButton{
display: none;
}
}
2017-04-07 19:57:15 +02:00
@media (max-width: 700px) {
#objectsList{
top: 50px;
max-height: calc(100% - 90px);
}
}
2017-04-09 02:08:35 +02:00
@media (max-width: 750px) {
#closeObjectsListButton{
top: 60px;
}
}
@media (max-width: 530px) {
2017-04-07 19:57:15 +02:00
#objectsList{
top: 80px;
max-height: calc(100% - 130px);
}
2017-04-09 02:08:35 +02:00
#closeObjectsListButton{
top: 55px;
right: 10px;
height: 30px;
width: 30px;
}
2017-04-07 19:57:15 +02:00
}
.object{
background-color: #555555;
border: 1px #000000 solid;
margin: 10px 10px 0px 0px;
padding: 10px;
overflow-x: auto;
}
2017-04-06 00:12:45 +02:00
.object:hover{
background-color: #666666;
border-color: #FFFFFF;
}
.object:hover a{
background-color: #555555;
}
.object:hover h2{
background-color: #777777;
}
2017-04-09 02:08:35 +02:00
.object > *{
display: block;
}
.object h2{
display: block;
font-size: 20px;
background-color: #666666;
text-shadow: 1px 1px 0px #000000;
margin: 0px -10px 10px -10px;
font-weight: 300;
}
.object h2 a{
color: #FFFFFF;
padding: 3px 10px;
display: block;
height: 100%;
width: 100%;
}
.object h2 a:hover{
color: #FFAA00;
}
.object a{
background-color: #666666;
text-align: center;
padding: 3px;
margin-bottom: 5px;
}
.object a.inline{
background-color: transparent;
display: inline;
padding: 0px;
margin: 0px;
}
.object a.inline:hover{
background-color: transparent;
text-decoration: underline;
}
.object a:hover{
background-color: #777777;
text-decoration: none;
}
.object p{
margin-bottom: 10px;
}
#drawControlsContainer{
background-color: #444444;
border-right: 1px #000000 solid;
width: 360px;
position: absolute;
left: 0px;
top: 50px;
bottom: 0px;
overflow-y: auto;
display: none;
padding: 0px 20px;
}
.draw #drawControlsContainer{
display: block;
}
#drawControls{
width: 250px;
padding: 15px;
margin: 10px auto;
background-color: #555555;
}
#drawBackButton{
margin: 10px auto 0px auto;
display: block;
width: 170px;
}
#drawControls > *{
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 5px;
}
#drawControls > * > *{
flex-grow: 1;
margin-right: 5px;
}
#drawControls > * > *:last-child{
margin-right: 0px;
}
.checkboxLabel{
background-color: #666666;
padding: 3px;
cursor: pointer;
}
.checkboxLabel:hover{
background-color: #777777;
}
#drawControls .checkboxLabel{
display: inline-block;
}
input[type="checkbox"]{
margin: 3px;
vertical-align: middle;
display: inline-block;
width: 15px;
height: 15px;
}
#hint{
display: block;
text-align: left;
color: #DDDDDD;
}
#hint p{
margin-bottom: 10px;
}
#objectInfo{
display: none;
}
#objectInfo input{
width: 100%;
}
#descriptionField{
width: 220px;
height: 70px;
}
#infoButtons{
display: flex;
margin-top: 10px;
}
#infoButtons button{
width: 50px;
flex-grow: 1;
margin-right: 10px;
}
#infoButtons button:last-child{
margin-right: 0px;
}
.overlay{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.8);
display: none;
justify-content: center;
}
#exportWindow{
margin: 50px auto;
padding: 10px;
width: 100%;
height: calc(100% - 100px);
max-width: 500px;
/*max-height: 300px*/;
border: 1px #000000 solid;
background-color: #555555;
display: flex;
flex-direction: column;
overflow-y: auto;
}
#exportWindow *{
flex-shrink: 0;
margin-bottom: 10px;
}
#exportWindow p{
}
#exportString{
flex-grow: 1;
flex-shrink: 0;
}
#exportCloseButton{
margin-bottom: 0px;
width: 100px;
align-self: flex-end;
}
#exportOverlay{
display: none;
}
2017-04-05 00:53:10 +02:00
#zoomControls{
position: absolute;
bottom: 10px;
left: 370px;
2017-04-05 00:53:10 +02:00
width: 90px;
2017-04-10 12:25:04 +02:00
display: flex;
2017-04-05 00:53:10 +02:00
}
.listHidden #zoomControls{
left: 10px;
}
2017-04-05 00:53:10 +02:00
#zoomControls button{
2017-04-10 12:25:04 +02:00
display: inline-block;
2017-04-05 00:53:10 +02:00
height: 30px;
2017-04-10 12:25:04 +02:00
width: 30px;
2017-04-05 00:53:10 +02:00
margin-left: -1px;
flex-grow: 1;
font-size: 20px;
line-height: 0px;
font-weight: 300;
background-size: 15px;
background-repeat: no-repeat;
background-position: center;
background-color: #555555;
}
#zoomControls button:focus{
outline: none;
}
#zoomControls button:hover{
background-color: #666666;
}
#zoomInButton{
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%22192.84375%22%0A%20%20%20height%3D%22192.875%22%0A%20%20%20id%3D%22svg2%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%28-156.4375%2C-398.78125%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22m%20171.42857%2C495.21933%20162.85714%2C0%22%0A%20%20%20%20%20%20%20id%3D%22path2985%22%0A%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A30%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22m%20252.85714%2C413.79076%200%2C162.85714%22%0A%20%20%20%20%20%20%20id%3D%22path3755%22%0A%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A30%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A");
2017-04-05 00:53:10 +02:00
}
button#zoomResetButton{
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%22192.84375%22%0A%20%20%20height%3D%22192.875%22%0A%20%20%20id%3D%22svg2%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%28-156.4375%2C-398.78125%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22m%20334.28394%2C576.65207%20-162.85044%2C0%20-4.6e-4%2C-162.86607%20162.85078%2C0%20z%22%0A%20%20%20%20%20%20%20id%3D%22path3755%22%0A%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A30%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
2017-04-05 00:53:10 +02:00
}
#zoomOutButton{
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%22192.84375%22%0A%20%20%20height%3D%22192.875%22%0A%20%20%20id%3D%22svg2%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%28-156.4375%2C-398.78125%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22m%20171.42857%2C495.21933%20162.85714%2C0%22%0A%20%20%20%20%20%20%20id%3D%22path2985%22%0A%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A30%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
2017-04-05 00:53:10 +02:00
}
#entriesListContainer{
position: absolute;
left: 10px;
top: 50px;
2017-04-06 11:44:50 +02:00
bottom: 0px;
padding-bottom: 0px;
width: 340px;
display: flex;
flex-direction: column;
}
2017-04-07 19:52:56 +02:00
@media (max-width: 500px) {
div#entriesListContainer{
width: calc(100% - 20px);
}
div#entriesListBackground{
width: 100%;
}
div:not(.listHidden) > #zoomControls{
display: none;
}
div:not(.listHidden) > button#hideListButton{
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%22192.84375%22%0A%20%20%20height%3D%22192.875%22%0A%20%20%20id%3D%22svg2%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22matrix%281.2121574%2C0%2C0%2C1.2121574%2C-20.456139%2C-20.460051%29%22%0A%20%20%20%20%20id%3D%22g3804%22%0A%20%20%20%20%20style%3D%22stroke%3A%23ffffff%3Bstroke-opacity%3A1%22%3E%0A%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20transform%3D%22translate%28-156.4375%2C-398.78125%29%22%0A%20%20%20%20%20%20%20id%3D%22layer1%22%0A%20%20%20%20%20%20%20style%3D%22stroke%3A%23ffffff%3Bstroke-opacity%3A1%22%3E%0A%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20d%3D%22M%20195.27845%2C552.79802%20310.43583%2C437.64064%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path2985%22%0A%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A24.74926186%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20d%3D%22M%20310.43583%2C552.79802%20195.27845%2C437.64064%22%0A%20%20%20%20%20%20%20%20%20id%3D%22path3802%22%0A%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A24.74926186%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
background-size: 20px;
position: absolute;
top: 55px;
right: 10px;
left: initial;
border: 1px #000000 solid;
width: 40px;
height: 40px;
}
#entriesListContainer > nav{
width: calc(100% - 45px);
}
}
@media (max-width: 750px) {
div:not(.listHidden) > #author{
display: none;
}
}
@media (max-width: 400px) {
#author{
display: none;
}
}
@media (max-width: 350px) {
#entriesListContainer > nav > a#drawLink{
display: none;
}
}
.draw #entriesListContainer{
display: none;
}
.listHidden #entriesListContainer{
display: none;
}
#entriesListContainer > nav{
margin: 10px 0px;
display: flex;
flex-shrink: 0;
justify-content: center;
}
#entriesListContainer > nav > a,
#entriesListContainer > nav > button{
background-image: linear-gradient(to bottom, #888888, #666666);
border: 1px #000000 solid;
color: #FFFFFF;
text-align: center;
display: block;
padding: 4px;
cursor: pointer;
width: 120px;
height: 30px;
margin-right: 10px;
text-shadow: 1px 1px 0px #444444;
}
#entriesListContainer > nav > button{
width: 30px;
padding: 2px;
flex-shrink: 0;
}
#entriesListContainer > nav > button > img{
height: 22px;
width: 22px;
}
#entriesListContainer > nav > button:last-child{
margin-right: 0px;
}
#entriesListContainer > nav > a:hover{
text-decoration: none;
background-image: linear-gradient(to bottom, #999999, #777777);
}
#entriesListContainer > nav > button:hover{
background-image: none;
background: transparent;
border-color: transparent;
}
#entriesListContainer > nav > button:hover > img{
text-decoration: none;
background-image: linear-gradient(to bottom, #FFAA00, #FFAA00);
border-radius: 15px;
padding: 3px;
margin: -3px;
height: 28px;
width: 28px;
}
2017-04-06 11:44:50 +02:00
#entriesListBackground{
position: absolute;
left: 0px;
2017-04-06 11:44:50 +02:00
top: 50px;
bottom: 0px;
width: 360px;
2017-04-06 11:44:50 +02:00
z-index: -600;
background-color: #333333;
border-right: 1px #000000 solid;
2017-04-06 11:44:50 +02:00
}
.draw #entriesListBackground{
display: none;
}
.listHidden #entriesListBackground{
display: none;
}
2017-04-06 11:44:50 +02:00
#hideListButton{
position: absolute;
height: 100px;
2017-04-06 11:44:50 +02:00
width: 15px;
top: 60px;
left: 360px;
border-left: none;
2017-04-06 11:44:50 +02:00
background-color: #444444;
background-size: 7px;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%22165.15738%22%0A%20%20%20height%3D%22260.42575%22%0A%20%20%20id%3D%22svg2%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%28-170.27845%2C-307.37227%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22M%20310.43583%2C552.79802%20195.27845%2C437.58514%20310.43583%2C322.37227%22%0A%20%20%20%20%20%20%20id%3D%22path2985%22%0A%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A30%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E");
2017-04-06 11:44:50 +02:00
}
2017-04-07 19:52:56 +02:00
.listHidden #hideListButton::before{
content: "Show List";
font-size: 17px;
font-weight: 300;
color: #BBBBBB;
margin-left: 20px;
}
2017-04-06 11:44:50 +02:00
#hideListButton:hover{
background-color: #555555;
}
.draw #hideListButton{
display: none;
}
.listHidden #hideListButton{
2017-04-07 19:52:56 +02:00
background-image: url("data:image/svg+xml;utf8,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%22272.84375%22%0A%20%20%20height%3D%22177.59375%22%0A%20%20%20id%3D%22svg2%22%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs4%22%20/%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata7%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cg%0A%20%20%20%20%20transform%3D%22translate%28-116.4375%2C-348.78125%29%22%0A%20%20%20%20%20id%3D%22layer1%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22M%20368.07001%2C380.00645%20252.85714%2C495.16383%20137.64427%2C380.00645%22%0A%20%20%20%20%20%20%20id%3D%22path2985%22%0A%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A30%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Amiter%3Bstroke-miterlimit%3A4%3Bstroke-opacity%3A1%3Bstroke-dasharray%3Anone%22%20/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E")
,linear-gradient(to bottom, #555555, #444444);
background-size: 15px, cover;
background-position: 10px center, 0 0;
top: 49px;
left: 20px;
border: 1px #000000 solid;
2017-04-07 19:52:56 +02:00
border-top: 1px #333333 solid;
width: 130px;
height: 35px;
z-index: 1000;
2017-04-06 11:44:50 +02:00
}
#hideListButton:focus{
outline: none;
}
#entriesListControls{
background-color: #555555;
border: 1px #000000 solid;
color: #CCCCCC;
padding: 10px;
margin-bottom: 10px;
}
#entriesListControls input:focus{
outline: none;
border-color: #CCCCCC;
}
#atlasSize{
display: block;
margin: 3px 0px 5px 0px;
}
#searchList{
width: 100%;
}
#sortContainer{
}
#sortContainer label{
width: 70px;
}
#sort{
width: 150px;
}
#entriesListControls{
width: 100%;
}
#entriesList{
overflow-y: auto;
direction: rtl;
padding-bottom: 10px;
text-align: center;
}
#entriesList .object{
direction: ltr;
margin: 0px 0px 10px 5px;
text-align: left;
}
#author{
position: absolute;
bottom: 10px;
right: 10px;
2017-04-06 11:44:50 +02:00
background-color: #555555;
2017-04-06 19:57:16 +02:00
border: 1px #000000 solid;
padding: 3px;
font-size: 12px;
2017-04-06 11:44:50 +02:00
z-index: 1100;
text-align: center;
}
#aboutContainer{
position: absolute;
top: 50px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: #333333;
2017-04-06 12:26:49 +02:00
display: block;
2017-04-05 00:53:10 +02:00
z-index: 1000;
overflow-y: auto;
}
#aboutBackButton{
margin: 20px 20px 0px 20px;
padding: 10px 20px;
}
#aboutBackButtonContainer{
/*margin: 0px auto;
width: 100%;
max-width: 1300px;*/
}
#about{
margin: 0px auto;
width: 100%;
max-width: 1000px;
2017-04-07 19:52:56 +02:00
padding: 10px;
}
#about a{
white-space: nowrap;
}
#about h2{
font-weight: 300;
font-size: 30px;
margin-top: 30px;
margin-bottom: 10px;
}
#contributors{
text-align: justify;
margin-top: 15px;
margin-bottom: 60px;
}
#contributors a{
margin: 3px;
line-height: 26px;
}
#bitcoinButton{
cursor: pointer;
}
#bitcoinWindow,
#donateWindow{
display: inline-block;
z-index: 2000;
max-width: 400px;
background-color: #444444;
border: 1px #000000 solid;
width: 100%;
text-align: center;
min-height: 50px;
max-height: 500px;
overflow: auto;
height: auto;
align-self: center;
}
#donateWindow{
top: 20px;
max-height: 100%;
max-width: 800px;
}
#donateWindow > #bitcoinQR{
}
#donateWindow > p{
margin: 2px 0px;
padding: 0px 20px;
text-align: left;
width: 100%;
}
#bitcoinWindow > *,
#donateWindow > *{
display: inline-block;
margin: 5px 0px;
}
#bitcoinWindow > h2,
#donateWindow > h2{
font-weight: 200;
background-color: #555555;
width: 100%;
line-height: 1.5em;
margin: 10px 0px;
text-shadow: 1px 1px 0px #000000;
}
#bitcoinWindow input,
#donateWindow input{
width: 100%;
max-width: 350px;
font-size: 14px;
background-color: #666666;
text-align: center;
cursor: text;
color: #FFFFFF;
}
#bitcoinWindow button,
#donateWindow button{
padding: 10px 20px;
margin-bottom: 20px;
margin-top: 10px;
}
h2#abouth2{
font-size: 40px;
margin-bottom: 20px;
text-shadow: 2px 2px 0px #000000;
}
#bitcoinNotice{
color: #AAAAAA;
margin-top: 7px;
}