New threads display in Modern design

main
Inga 🏳‍🌈 14 years ago
parent b1a015411b
commit 96b9a0116f
  1. 2
      Builder/IISMainHandler/build.txt
  2. 53
      static/css/modern/global.css
  3. 22
      static/css/modern/iefixes.css
  4. 10
      static/css/modern/penartur.css
  5. 37
      templates/Modern/AllThreads.xslt
  6. 42
      templates/Modern/Board.xslt
  7. 35
      templates/Modern/UserThreads.xslt
  8. 6
      templates/Modern/elems/Main.xslt
  9. 2
      templates/Modern/elems/PostInfo.xslt
  10. 97
      templates/Modern/elems/ThreadInfo.xslt

@ -1,5 +1,12 @@
body { font-size:11pt; }
.signature {
max-height:3.5em;
overflow:hidden;
text-align:right;
font-size:0.8em;
}
.zerosize { width:0px;height:0px;max-width:0px;max-height:0px; }
pre
@ -39,15 +46,12 @@ pre
.avatar, .userbar_avatar {
border:none;
max-height:6em;
height:expression((this.scrollHeight >= 90) ? '90px' : 'auto');
max-width:6em;
width:expression((this.scrollHeight >= 90) ? '90px' : 'auto');
overflow:hidden;
}
.userbarcontainer {
border:none;
max-width:6em;
width:expression((this.scrollHeight >= 90) ? '90px' : 'auto');
margin:5pt;
}
.userbar_additionalcontainer {
@ -62,6 +66,7 @@ pre
white-space:nowrap;
padding:5pt;
font-size:1.2em;
z-index:10;
}
.UG_Blondes {
color:red !important;
@ -166,6 +171,7 @@ BLOCKQUOTE BR {FONT-SIZE:1px}
padding:5pt;
font-size:0.8em;
width:16.25em;
z-index:10;
}
a.external {
padding-right:13px;
@ -173,3 +179,44 @@ a.external {
background-repeat:no-repeat;
background-position:right center;
}
.threadscontainer {
vertical-align:top;
}
.threadcontainer {
vertical-align:top;
display:inline-block;
width:17em;
height:4em;
font-size:1em;
margin:5pt;
position:relative;
}
.threadcontainer .avatar, .threadcontainer .userbar_avatar {
max-height:3em;
max-width:4em;
}
.threadcontainer .userbarcontainer {
max-width:4em;
}
.threadcontainer .userbar_additional {
font-size:1em;
}
.threadcontainer_title {
font-size:1.1em;
font-weight:normal;
margin:0px;
height:3.5em;
overflow:hidden;
}
.threadcontainer_additionalcontainer {
height:0px;
max-height:0px;
overflow:visible;
position:relative;
}
.threadcontainer_additional {
position:absolute;
padding:5pt;
width:15em;
z-index:10;
}

@ -1,3 +1,13 @@
.signature {
height: expression( this.scrollHeight > 49 ? '50px' : 'auto' );
}
.avatar, .userbar_avatar {
height:expression((this.scrollHeight >= 90) ? '90px' : 'auto');
width:expression((this.scrollHeight >= 90) ? '90px' : 'auto');
}
.userbarcontainer {
width:expression((this.scrollHeight >= 90) ? '90px' : 'auto');
}
.categorycontainer {
display:inline;
}
@ -7,4 +17,14 @@
.board_additionalcontainer {
width:0px;
max-width:0px;
}
}
.threadcontainer {
display:inline;
}
.threadcontainer .avatar, .threadcontainer .userbar_avatar {
height:expression((this.scrollHeight >= 45) ? '45px' : 'auto');
width:expression((this.scrollHeight >= 60) ? '60px' : 'auto');
}
.threadcontainer .userbarcontainer {
width:expression((this.scrollHeight >= 60) ? '60px' : 'auto');
}

@ -30,19 +30,19 @@ blockquote {
.boardscontainer {
background-color:#101010;
}
.boardcontainer {
.boardcontainer, .threadcontainer {
background-color:#202020;
}
.boardcontainer:hover {
.boardcontainer:hover, .threadcontainer:hover {
background-color:#303030;
}
.boardcontainer.updated {
.boardcontainer.updated, .threadcontainer.updated {
background-color:#502800;
}
.boardcontainer.updated:hover {
.boardcontainer.updated:hover, .threadcontainer.updated:hover {
background-color:#684000;
}
.board_additional {
.board_additional, .threadcontainer_additional {
background-color:#302010;
}

@ -7,32 +7,17 @@
</xsl:template>
<xsl:template name="isRssEnabled">true</xsl:template>
<xsl:template name="specific">
<table width="95%" align="center" class="tablesurround">
<tr>
<td>
<table cellpadding="3" cellspacing="1" width="100%" class="tableborders">
<tr>
<td align="left" width="55%" class="tdheader">Òåìà</td>
<td align="left" nowrap="nowrap" width="15%" class="tdheader">Àâòîð</td>
<td nowrap="nowrap" width="5%" class="tdheader" align="center">Ïðîñìîòðîâ</td>
<td nowrap="nowrap" width="5%" class="tdheader" align="center">Ïîñòîâ</td>
<td nowrap="nowrap" width="20%" class="tdheader" align="center">Ïîñëåäíåå</td>
</tr>
<!-- BEGIN POST LOOP DO NOT DELETE -->
<xsl:apply-templates select="threads/thread"/>
<!-- END OF LOOP -->
<tr class="tdheader">
<td colspan="5">
<font class="onbody">
<xsl:text>ñòðàíèöû:</xsl:text>
<xsl:apply-templates select="threads/pageOuter" mode="withCurrent"/>
</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div>
<xsl:text>ñòðàíèöû:</xsl:text>
<xsl:apply-templates select="threads/pageOuter" mode="withCurrent"/>
</div>
<div id="threadsContainer">
<xsl:apply-templates select="threads/thread[not(isAnnouncement='true')]"/>
</div>
<div>
<xsl:text>ñòðàíèöû:</xsl:text>
<xsl:apply-templates select="threads/pageOuter" mode="withCurrent"/>
</div>
</xsl:template>
</xsl:stylesheet>

@ -13,34 +13,22 @@
<div class="boardscontainer">
<xsl:apply-templates select="boards/board"/>
</div>
<hr/>
</xsl:if>
<table width="95%" align="center" class="tablesurround">
<tr>
<td>
<table cellpadding="3" cellspacing="1" width="100%" class="tableborders">
<tr>
<td align="left" width="55%" class="tdheader">Òåìà</td>
<td align="left" nowrap="nowrap" width="15%" class="tdheader">Àâòîð</td>
<td nowrap="nowrap" width="5%" class="tdheader" align="center">Ïðîñìîòðîâ</td>
<td nowrap="nowrap" width="5%" class="tdheader" align="center">Ïîñòîâ</td>
<td nowrap="nowrap" width="20%" class="tdheader" align="center">Ïîñëåäíåå</td>
</tr>
<!-- BEGIN POST LOOP DO NOT DELETE -->
<xsl:apply-templates select="threads/thread"/>
<!-- END OF LOOP -->
<tr class="tdheader">
<td colspan="5">
<font class="onbody">
<xsl:text>ñòðàíèöû:</xsl:text>
<xsl:apply-templates select="threads/pageOuter" mode="withCurrent"/>
</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div>
<xsl:text>ñòðàíèöû:</xsl:text>
<xsl:apply-templates select="threads/pageOuter" mode="withCurrent"/>
</div>
<div id="threadsContainer">
<xsl:if test="threads/thread[isAnnouncement='true']">
<xsl:apply-templates select="threads/thread[isAnnouncement='true']"/>
<br/>
</xsl:if>
<xsl:apply-templates select="threads/thread[not(isAnnouncement='true')]"/>
</div>
<div>
<xsl:text>ñòðàíèöû:</xsl:text>
<xsl:apply-templates select="threads/pageOuter" mode="withCurrent"/>
</div>
</xsl:template>
</xsl:stylesheet>

@ -8,30 +8,17 @@
</xsl:template>
<xsl:template name="isRssEnabled">true</xsl:template>
<xsl:template name="specific">
<table width="95%" align="center" class="tablesurround">
<tr>
<td>
<table cellpadding="3" cellspacing="1" width="100%" class="tableborders">
<tr>
<td align="left" width="55%" class="tdheader">Òåìà</td>
<td align="left" nowrap="nowrap" width="15%" class="tdheader">Àâòîð</td>
<td nowrap="nowrap" width="5%" class="tdheader" align="center">Ïðîñìîòðîâ</td>
<td nowrap="nowrap" width="5%" class="tdheader" align="center">Ïîñòîâ</td>
<td nowrap="nowrap" width="20%" class="tdheader" align="center">Ïîñëåäíåå</td>
</tr>
<xsl:apply-templates select="threads/thread"/>
<tr class="tdheader">
<td colspan="5">
<font class="onbody">
<xsl:text>ñòðàíèöû:</xsl:text>
<xsl:apply-templates select="threads/pageOuter" mode="withCurrent"/>
</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div>
<xsl:text>ñòðàíèöû:</xsl:text>
<xsl:apply-templates select="threads/pageOuter" mode="withCurrent"/>
</div>
<div id="threadsContainer">
<xsl:apply-templates select="threads/thread[not(isAnnouncement='true')]"/>
</div>
<div>
<xsl:text>ñòðàíèöû:</xsl:text>
<xsl:apply-templates select="threads/pageOuter" mode="withCurrent"/>
</div>
</xsl:template>
</xsl:stylesheet>

@ -7,12 +7,12 @@
<html>
<head>
<meta http-equiv="x-ua-compatible" content="IE=8"/>
<link rel="stylesheet" href="/static/css/modern/global.css?v3.3" type="text/css" />
<link rel="stylesheet" href="/static/css/modern/global.css?v3.4" type="text/css" />
<xsl:comment>[if lte IE 7]&gt;<![CDATA[
<link rel="stylesheet" href="/static/css/modern/iefixes.css?v3.3" type="text/css" />
<link rel="stylesheet" href="/static/css/modern/iefixes.css?v3.4" type="text/css" />
]]>&lt;![endif]</xsl:comment>
<link rel="stylesheet" type="text/css" skin="skin">
<xsl:attribute name="href">/static/css/modern/penartur.css?v3.3</xsl:attribute>
<xsl:attribute name="href">/static/css/modern/penartur.css?v3.4</xsl:attribute>
</link>
<link rel="shortcut icon" href="/static/favicons/smirk.ico" type="image/x-icon" />
<script language="Javascript" type="text/javascript" src="/static/js/common.js"><xsl:text> </xsl:text></script>

@ -109,7 +109,7 @@
</div>
<div style="">
<xsl:if test="poster/user/signature != ''">
<div style="float:right;max-height:3.5em;height: expression( this.scrollHeight > 49 ? '50px' : 'auto' );overflow:hidden;text-align:right;font-size:0.8em;">
<div class="signature" style="float:right;">
<xsl:value-of select="poster/user/signature" disable-output-escaping="yes" />
</div>
</xsl:if>

@ -1,37 +1,32 @@
<?xml version="1.0" encoding="Windows-1251"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
<xsl:import href="UserInfoBar.xslt"/>
<xsl:template match="thread">
<tr>
<xsl:choose>
<xsl:when test="position() mod 2 = 0">
<xsl:attribute name="class">lighttable</xsl:attribute>
</xsl:when>
<xsl:otherwise>
<xsl:attribute name="class">darktable</xsl:attribute>
</xsl:otherwise>
</xsl:choose>
<td align="left">
<xsl:attribute name="title"><xsl:value-of select="firstPost/post/bodyShort"/></xsl:attribute>
<div>
<xsl:attribute name="class">
<xsl:text>threadcontainer</xsl:text>
<xsl:if test="totalNewPosts and totalNewPosts!='0'">
<xsl:text> updated</xsl:text>
</xsl:if>
</xsl:attribute>
<div class="userbarcontainer" style="float:left">
<xsl:apply-templates select="firstPost/post/poster/user" mode="userInfoBar"/>
</div>
<div class="threadicons" style="float:right">
<xsl:if test="isAnnouncement='true'">
<img src="/static/images/sticky.gif" width="16" height="16" alt="" border="0" style="vertical-align: text-bottom;" />
<xsl:text> </xsl:text>
<img src="/static/images/sticky.gif" width="16" height="16" alt="" border="0" style="vertical-align: text-bottom;" />
</xsl:if>
<xsl:if test="isLocked='true'">
<img src="/static/images/lock.gif" width="16" height="16" alt="" border="0" style="vertical-align:text-bottom"/>
<xsl:text> </xsl:text>
<img src="/static/images/lock.gif" width="16" height="16" alt="" border="0" style="vertical-align:text-bottom"/>
</xsl:if>
<img alt="*" hspace="5" style="vertical-align: text-bottom">
<xsl:choose>
<xsl:when test="totalNewPosts and totalNewPosts!='0'">
<xsl:attribute name="src">/static/images/message-<xsl:value-of select="firstPost/post/layerName"/>-notread.gif</xsl:attribute>
</xsl:when>
<xsl:otherwise>
<xsl:attribute name="src">/static/images/message-<xsl:value-of select="firstPost/post/layerName"/>-read.gif</xsl:attribute>
</xsl:otherwise>
</xsl:choose>
</img>
<xsl:text> </xsl:text>
<xsl:comment>fill</xsl:comment>
</div>
<h4 class="threadcontainer_title">
<xsl:attribute name="title"><xsl:value-of select="firstPost/post/bodyShort"/></xsl:attribute>
<a>
<xsl:attribute name="href">
<xsl:text>/Thread/</xsl:text>
@ -44,6 +39,59 @@
</xsl:attribute>
<xsl:value-of select="title"/>
</a>
</h4>
<div style="position:absolute;right:0px;bottom:0px;background-color:inherit;padding:3pt 0pt 0pt 3pt;">
<xsl:attribute name="onmouseover">showChildren(this);</xsl:attribute>
<xsl:attribute name="onmouseout">hideChildren(this);</xsl:attribute>
<div default="default" style="z-index:1;">
<a class="pseudolink">Èíôîðìàöèÿ</a>
</div>
<div class="threadcontainer_additionalcontainer" style="display:none;">
<div class="threadcontainer_additional" style="right:0px;">
<p>
<xsl:text>Ñîîáùåíèé: </xsl:text>
<xsl:value-of select="totalPosts"/>
<xsl:if test="totalNewPosts and totalNewPosts!='0'">
<a>
<xsl:if test="/root/session/sessionKey">
<xsl:attribute name="href">/do/MarkThreadAsRead/<xsl:value-of select="id"/>/p<xsl:value-of select="lastPostId"/>/</xsl:attribute>
</xsl:if>
<font class="new"><i>(<xsl:value-of select="totalNewPosts"/>)</i></font>
</a>
</xsl:if>
</p>
<p>
<xsl:text>Ïîñëåäíåå: </xsl:text>
<xsl:apply-templates select="lastPostDate/date" mode="dateTime"/>
</p>
<p>
<xsl:text>Ïðîñìîòðîâ: </xsl:text>
<xsl:value-of select="totalViews"/>
</p>
<xsl:if test="pageOuter/isEmpty='false'">
<p>
<xsl:text>Ñòðàíèöû: </xsl:text>
<xsl:apply-templates select="pageOuter" mode="withoutCurrent">
<xsl:with-param name="baseLink">/Thread/<xsl:value-of select="id"/>/</xsl:with-param>
</xsl:apply-templates>
</p>
</xsl:if>
</div>
</div>
</div>
</div>
<!--
<img alt="*" hspace="5" style="vertical-align: text-bottom">
<xsl:choose>
<xsl:when test="totalNewPosts and totalNewPosts!='0'">
<xsl:attribute name="src">/static/images/message-<xsl:value-of select="firstPost/post/layerName"/>-notread.gif</xsl:attribute>
</xsl:when>
<xsl:otherwise>
<xsl:attribute name="src">/static/images/message-<xsl:value-of select="firstPost/post/layerName"/>-read.gif</xsl:attribute>
</xsl:otherwise>
</xsl:choose>
</img>
<xsl:text> </xsl:text>
<xsl:if test="pageOuter/isEmpty='false'">
<span class="small" style="margin-left:1.5em">
<xsl:apply-templates select="pageOuter" mode="withoutCurrent">
@ -73,6 +121,7 @@
<xsl:apply-templates select="lastPostDate/date" mode="dateTime"/>
</td>
</tr>
-->
</xsl:template>

Loading…
Cancel
Save