datenspuren: mitschnitte style
This commit is contained in:
parent
dfbe5a63bc
commit
27c3bc4eea
|
@ -154,11 +154,14 @@ nothing { border: 1px solid red; }
|
||||||
|
|
||||||
/* videos, at least */
|
/* videos, at least */
|
||||||
section.resource {
|
section.resource {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
border: 2pt solid black;
|
border: 2pt solid black;
|
||||||
border-radius: 8pt;
|
border-radius: 8pt;
|
||||||
padding: 10pt;
|
padding: 10pt;
|
||||||
margin-bottom: 5pt;
|
margin-bottom: 5pt;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
max-width: 336px;
|
||||||
}
|
}
|
||||||
section.resource > h4 {
|
section.resource > h4 {
|
||||||
margin: 0pt;
|
margin: 0pt;
|
||||||
|
@ -167,9 +170,45 @@ section.resource > h4 {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
min-height: 3em;
|
min-height: 3em;
|
||||||
|
font: 120%/1.5;
|
||||||
}
|
}
|
||||||
section.resource > p.play {
|
section.resource > .preview {
|
||||||
text-align: center !important;
|
position: relative; /* to place .play */
|
||||||
|
margin: 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
section.resource > .preview > img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
section.resource > .preview > p.play {
|
||||||
|
position: absolute;
|
||||||
|
left: 40%;
|
||||||
|
top: 30%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0.42em 0.5em 0.58em;
|
||||||
|
color: white;
|
||||||
|
font-size: 300%;
|
||||||
|
cursor: pointer;
|
||||||
|
line-height: 0.5em;
|
||||||
|
width: 0.5em;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
border-radius: 100%;
|
||||||
|
}
|
||||||
|
section.resource > ul.links {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0.2em 0;
|
||||||
|
padding: 0;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 80%;
|
||||||
|
}
|
||||||
|
section.resource > ul.links > li {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 1em;
|
||||||
|
}
|
||||||
|
section.resource > ul.links .size {
|
||||||
|
margin: 0 0 0 0.5em;
|
||||||
|
font-size: 80%;
|
||||||
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* info */
|
/* info */
|
||||||
|
|
|
@ -309,9 +309,11 @@
|
||||||
</xsl:choose>
|
</xsl:choose>
|
||||||
</h4>
|
</h4>
|
||||||
<xsl:if test="@poster">
|
<xsl:if test="@poster">
|
||||||
<img src="{@poster}" title="{@title}"/>
|
<div class="preview">
|
||||||
|
<img src="{@poster}" title="{@title}"/>
|
||||||
|
</div>
|
||||||
</xsl:if>
|
</xsl:if>
|
||||||
<ul>
|
<ul class="links">
|
||||||
<li><xsl:call-template name="link-resource"/></li>
|
<li><xsl:call-template name="link-resource"/></li>
|
||||||
<xsl:for-each select="alternative">
|
<xsl:for-each select="alternative">
|
||||||
<li><xsl:call-template name="link-resource"/></li>
|
<li><xsl:call-template name="link-resource"/></li>
|
||||||
|
|
Loading…
Reference in New Issue