|
|
@@ -1,84 +1,3 @@
|
|
|
-body.lightMode #connections{
|
|
|
- background: #111;
|
|
|
- padding: 1em;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
#connections:empty {
|
|
|
display: none;
|
|
|
}
|
|
|
-
|
|
|
-/*
|
|
|
-#connections > .connectedLocation{
|
|
|
- display: block;
|
|
|
- position: relative;
|
|
|
- border: rgba(10, 10, 10, 0) 0.2em solid;
|
|
|
-}
|
|
|
-
|
|
|
-#connections>.connectedLocation:hover {
|
|
|
- border: rgb(165, 165, 165) 0.2em dotted;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-#connections>.connectedLocation>a {
|
|
|
- position: absolute;
|
|
|
- display: block;
|
|
|
- left: 0px;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- z-index: 1000;
|
|
|
-}
|
|
|
-
|
|
|
-#connections>.connectedLocation>img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- object-fit: cover;
|
|
|
- filter: grayscale(80%);
|
|
|
-}
|
|
|
-
|
|
|
-#connections>.connectedLocation.fitContain>img {
|
|
|
- object-fit: contain;
|
|
|
-}
|
|
|
-
|
|
|
-#connections>.connectedLocation:hover>img {
|
|
|
- filter: unset;
|
|
|
-}
|
|
|
-
|
|
|
-#connections>.connectedLocation>.label {
|
|
|
- position: absolute;
|
|
|
- bottom: 0px;
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- background: rgba(10, 10, 10, 0.8);
|
|
|
-}
|
|
|
-
|
|
|
-#connections>.connectedLocation>.duration_label{
|
|
|
- position: absolute;
|
|
|
- top: 0px;
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- background: rgba(10, 10, 10, 0.8);
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-
|
|
|
-#connections>.connectedLocation:hover>.duration_label {
|
|
|
- opacity: 1;
|
|
|
- transition-delay: 0.5s;
|
|
|
-}
|
|
|
-
|
|
|
-#connections>.connectedLocation .indecentBlock {
|
|
|
- position: absolute;
|
|
|
- left: 0px;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- z-index: 2000;
|
|
|
- background-color: rgba(255,0,0,0.5);
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- font-size: 2.5em;
|
|
|
- font-weight: bold;
|
|
|
- cursor: not-allowed;
|
|
|
-}
|
|
|
-*/
|
