From: Wolfgang M. M. <wol...@us...> - 2004-08-10 20:34:23
|
Update of /cvsroot/exist/eXist-1.0/webapp/mods/styles In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv26376/webapp/mods/styles Modified Files: default-style.css overview.xsl Added Files: display.css Log Message: MODS metadata demo application (to be continued). Index: overview.xsl =================================================================== RCS file: /cvsroot/exist/eXist-1.0/webapp/mods/styles/overview.xsl,v retrieving revision 1.2 retrieving revision 1.3 diff -C2 -d -r1.2 -r1.3 *** overview.xsl 22 Jul 2004 19:00:49 -0000 1.2 --- overview.xsl 10 Aug 2004 20:34:14 -0000 1.3 *************** *** 14,17 **** --- 14,56 ---- <xsl:template match="items"> <div id="content"> + <div id="navigation"> + <form action="overview.xq" method="GET"> + <table> + <tr> + <th align="left">Display:</th> + <th align="right">Order by:</th> + </tr> + <tr> + <td align="left"> + <select name="howmany" onChange="form.submit()"> + <option>10</option> + <option selected="true">50</option> + <option>100</option> + </select> + </td> + <td align="right"> + <select name="order" onChange="form.submit()"> + <option>Date</option> + <option value="title">Title</option> + <option value="creator">Creator</option> + </select> + </td> + <input type="hidden" name="start" value="{@start}"/> + </tr> + <tr> + <td align="left"> + <xsl:if test="@start > 1"> + <a href="?start={@start - @max}&howmany={@max}"><< previous</a> + </xsl:if> + </td> + <td align="right"> + <xsl:if test="@next <= @hits"> + <a href="?start={@next}&howmany={@max}">more >></a> + </xsl:if> + </td> + </tr> + </table> + </form> + </div> <xsl:apply-templates select="item"/> </div> *************** *** 20,26 **** <xsl:template match="item"> <div class="record"> - <a href="{@chiba}&instance=/chiba/exist{../@collection}/{@doc}&submitsave=store.xq?document={@doc}"> - <img src="images/edit.gif"/> - </a> <a href="?action=remove&doc={java:java.net.URLEncoder.encode(@doc)}&collection={java:java.net.URLEncoder.encode(../@collection)}"><img src="images/delete.gif"/></a> <p class="citation"> --- 59,62 ---- *************** *** 32,39 **** <xsl:apply-templates select="m:name"/> </p> ! <p class="keywords"> ! <span class="heading">Topics: </span> ! <xsl:apply-templates select="m:subject/m:topic|m:subject/m:geographic"/> ! </p> <xsl:apply-templates select="m:abstract"/> </div> --- 68,77 ---- <xsl:apply-templates select="m:name"/> </p> ! <xsl:if test="m:subject"> ! <p class="keywords"> ! <span class="heading">Topics: </span> ! <xsl:apply-templates select="m:subject/m:topic|m:subject/m:geographic"/> ! </p> ! </xsl:if> <xsl:apply-templates select="m:abstract"/> </div> Index: default-style.css =================================================================== RCS file: /cvsroot/exist/eXist-1.0/webapp/mods/styles/default-style.css,v retrieving revision 1.1 retrieving revision 1.2 diff -C2 -d -r1.1 -r1.2 *** default-style.css 22 Jul 2004 19:00:49 -0000 1.1 --- default-style.css 10 Aug 2004 20:34:14 -0000 1.2 *************** *** 20,28 **** } - #content { - margin-left: 190px; - background-color: white; - } - #notes { border-top: solid 1px #DEDEDE; --- 20,23 ---- *************** *** 30,42 **** #top { ! margin: 0; } #top #menubar { width: 100%; ! padding-top: 3px; ! padding-bottom: 3px; margin-top: 5px; - margin-bottom: 15px; border-top: solid 1px #DEDEDE; border-bottom: solid 1px #DEDEDE; --- 25,36 ---- #top { ! margin-bottom: 5px; } #top #menubar { width: 100%; ! padding-top: 4px; ! padding-bottom: 4px; margin-top: 5px; border-top: solid 1px #DEDEDE; border-bottom: solid 1px #DEDEDE; *************** *** 62,69 **** #sidebar { ! float: left; ! width: 180px; display: block; ! padding-top: 10px; } --- 56,93 ---- #sidebar { ! position: absolute; ! margin-top: 15px; ! width: 16%; display: block; ! overflow: hidden; ! } ! ! #content2col { ! position: absolute; ! left: 18%; ! width: 81%; ! margin-top: 15px; ! display: block; ! background-color: white; ! overflow: hidden; ! } ! ! #content { ! position: absolute; ! left: 18%; ! width: 62%; ! margin-top: 15px; ! display: block; ! background-color: white; ! overflow: hidden; ! } ! ! #news { ! position: absolute; ! width: 18%; ! left: 82%; ! margin-top: 15px; ! display: block; ! overflow: hidden; } *************** *** 83,91 **** font-size: 160%; font-weight: normal; ! color: #fff; ! background-color: #b0b0b0; border: 1px solid #999; margin-left: 0px; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; --- 107,116 ---- font-size: 160%; font-weight: normal; ! color: white; ! background-color: #0990EE; border: 1px solid #999; margin-left: 0px; margin-bottom: 15px; + margin-top: 0px; padding-left: 5px; padding-right: 5px; *************** *** 196,200 **** .block { ! margin:6px 6px 12px 6px; padding: 4px; background: #fff; --- 221,225 ---- .block { ! margin:0px 6px 12px 6px; padding: 4px; background: #fff; *************** *** 203,208 **** .block h3 { ! background: #bbb; ! color: #fff; margin: -4px -4px 4px -4px; padding: 4px; --- 228,233 ---- .block h3 { ! background: #ddd; ! color: #000; margin: -4px -4px 4px -4px; padding: 4px; *************** *** 212,217 **** .block ul { ! margin-left: 0; ! padding-left: 0; list-style-type: none; } --- 237,242 ---- .block ul { ! margin: 0; ! padding: 0; list-style-type: none; } *************** *** 220,227 **** } .block a { display: block; padding: 3px; ! font-size: 11px; color: #666666; font-weight: normal; --- 245,263 ---- } + .block .date { + text-align: right; + font-size: 9.5pt; + font-style: italic; + border-bottom: 1px solid #999; + } + + .block .headline { + margin-bottom: 10px; + } + .block a { display: block; padding: 3px; ! font-size: small; color: #666666; font-weight: normal; *************** *** 251,267 **** .xmlsrc { ! margin-top: 20px; ! margin-bottom: 20px; ! padding-right: 10px; ! text-align: right; } .filename { ! font-family: Courier, monospace; ! font-size: 120%; } .option { ! font-family: Courier, monospace; } --- 287,303 ---- .xmlsrc { ! margin-top: 20px; ! margin-bottom: 20px; ! padding-right: 10px; ! text-align: right; } .filename { ! font-family: Courier, monospace; ! font-size: 120%; } .option { ! font-family: Courier, monospace; } *************** *** 275,279 **** .command { ! font-weight: bold; } --- 311,315 ---- .command { ! font-weight: bold; } *************** *** 283,287 **** div.screen { ! font-family: Courier, monospace; } --- 319,323 ---- div.screen { ! font-family: Courier, monospace; } *************** *** 291,295 **** font-family: Courier, monospace; text-align: left; ! background: #AABBCC; } --- 327,331 ---- font-family: Courier, monospace; text-align: left; ! background: #ddd; } *************** *** 333,337 **** padding-bottom: 10px; text-align: left; ! background: #eee; border: 1px solid #999; } --- 369,373 ---- padding-bottom: 10px; text-align: left; ! background: #fafafa; border: 1px solid #999; } --- NEW FILE: display.css --- @import url(default-style.css); #navigation { background: #ddd; margin: 10px; padding: 10px; width: 457px; } #navigation table { width: 100%; font-size: 8pt; } |