c3d2/c3d2-web
c3d2
/
c3d2-web
38
3
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

datenspuren: mitschnitte style

This commit is contained in:
Astro 2012-06-29 00:28:51 +02:00
parent dfbe5a63bc
commit 27c3bc4eea
2 changed files with 45 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
content/static/datenspuren/2012/style/style.css
View File

@ -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 */

6
xsl/datenspuren/xhtml5.xsl
View File

@ -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>