Metalog:Sitemap: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Zeile 8: Zeile 8:
 
}
 
}
  
.sitemap {
+
<!--
position: relative;
 
min-width: 32em;
 
max-width: 45em;
 
margin: auto;
 
font-size: 1.25rem;
 
    font-weight: bold;
 
    color: #676767;
 
    font-family: calibri, arial, sans-serif;
 
}
 
.sitemapBg {
 
display: flex;
 
border: 4px solid #efefdf;
 
border-radius: 8px; 
 
background: #efefdf;
 
overflow: hidden;
 
}
 
.sitemap a,
 
.sitemap a:visited {
 
    color: #2a4b8d;
 
}
 
.sitemap a:hover {
 
background: #efefdf;
 
}
 
.part {
 
width: 50%; 
 
}
 
.one {
 
}
 
.two {
 
}
 
  
[id^="p-"] {
 
position: relative;
 
border-left: 3.5em solid #666;
 
padding: 1em 1em 1em 0;
 
background-color:#fffeee;
 
 
#p-Meta {  border-color: #cecbad; }
 
#p-Grundbegriffe {  border-color: #334; }
 
#p-Bauten {  border-color: #ae3711;  }
 
#p-Alltag {  border-color: #A6A66F; }
 
#p-Ikonographie {  border-color: #3C325B;  }
 
#p-Mythen {  border-color: #B1BBA6; }
 
#p-Geschichte {  border-color: #357;}
 
#p-Texte {  border-color: #c8b05c; }
 
#p-Essay {  border-color: #755337;  }
 
#p-Essay {  border-color: #9b873f;  }
 
#p-Glossar {  border-color: #cecbad;  }
 
#p-Wiki {  border-color: #666; }
 
  
.sitemap dd span {
+
--><div class='sitemap' >
    display: block;
 
    position: absolute;
 
    left: -3.5em;
 
width: 3.5em;
 
text-align: right;
 
color: #fff;
 
}
 
.sitemap dl,
 
.sitemap dd {
 
margin: 0;
 
padding: 0;
 
}
 
.sitemap ul {
 
font-size: 1rem;
 
list-style:none;
 
margin: 0;
 
padding: 0;
 
text-align: left;
 
}
 
.sitemap ul {
 
padding-top: .7em;
 
display:none;
 
}
 
 
 
.sitemap div:hover ul { 
 
}
 
.sitemap li {
 
list-style:none;
 
margin: 0;
 
color: #777;
 
text-align: left;
 
}
 
.sitemap li a {
 
display: block; 
 
padding-left: 1.5rem;
 
font-style:normal;
 
border-radius: 1em;
 
}
 
.sitemap ul ul { 
 
    margin-top: -.2em;
 
    padding-top: 0;
 
padding-left: 3rem;
 
font-size: .86em;
 
font-weight: normal;
 
}
 
.sitemap li li,
 
.sitemap li li a { 
 
    display: inline-block;
 
    margin-left: -.4em;
 
    padding: 0 .4em;
 
}
 
.sitemap li a.selflink {
 
    background: #efefdf;
 
    background: #fff692;
 
    display: block;
 
    font-weight: normal;
 
}
 
.sitemap li a.selflink::before {
 
content: '\f04b';
 
padding-right: .2em;
 
}
 
.plusMinus {
 
cursor: pointer;
 
position: relative;
 
display: block;
 
border-radius: 0 .95em .95em 0;
 
}
 
.plusMinus:hover {
 
background: #efefdf;
 
}
 
.plusMinus::after {
 
content: "\f067";
 
position: absolute;
 
right: .5em;
 
}
 
.plusMinus.close::after {
 
content: "\f068";
 
}
 
.plusMinus::after {
 
color: #efefdf;
 
color: #dadaba;
 
}
 
#plusMinusAll::after,
 
.plusMinus:hover::after  {
 
color: #afaf9f; 
 
}
 
#plusMinusAll { 
 
    font-size: .86em;
 
    text-align: right;
 
    padding: .2em 0 .4em;
 
    border: 4px solid #efefdf;
 
    border-width: 4px 4px 0;
 
    border-radius: 6px;
 
    background: #efefdf;
 
    margin: 0 2% -5px 50%;
 
    margin-left: calc(100% - 14.4em);
 
    cursor: pointer;
 
    width: 13em;
 
    height: 1.7em;
 
    overflow: hidden;
 
    white-space: nowrap;
 
}
 
#plusMinusAll::before {
 
content:'Details anzeigen';
 
    font-family: calibri, arial, sans-serif;
 
}
 
#plusMinusAll::after {
 
content:'\f067';
 
    padding: 0 1em;
 
}
 
#plusMinusAll:hover {
 
    background: #fffeee;
 
    z-index: 1;
 
    position: relative;
 
}
 
#plusMinusAll.close::before {
 
content:'Details verbergen';
 
}
 
#plusMinusAll.close::after {
 
content:'\f068';
 
}
 
#s-container {
 
font-size: 1.2rem;
 
padding: 1.2em 1em 1em;
 
}
 
}}
 
<div class='sitemap' >
 
 
<div id='plusMinusAll'></div>
 
<div id='plusMinusAll'></div>
 
<div class='sitemapBg' ><!--
 
<div class='sitemapBg' ><!--
Zeile 496: Zeile 321:
 
}}
 
}}
 
</div><!--
 
</div><!--
--><div  id='s-container'>
+
--><div  id='s-container'></div><!--
</div></div></div>
+
--></div></div>
 
<div class=clear></div>
 
<div class=clear></div>
</div></div>
+
</div>

Version vom 29. Februar 2020, 22:12 Uhr

{{#css:

  1. nv {
display:none;

}