chiark / gitweb /
Go through CSS and rationalize it. Some cosmetic improvements too.
[disorder] / templates / choose.html
index c203157d2068c6f40985a68836f954c6ad18dfe1..844fe9a70cd181dcbdc99188a27ef88941d8c134 100644 (file)
@@ -1,7 +1,7 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
 <!--
 This file is part of DisOrder.
-Copyright (C) 2004, 2005 Richard Kettlewell
+Copyright (C) 2004-2008 Richard Kettlewell
 
 This program is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
@@ -25,148 +25,125 @@ USA
  </head>
  <body>
 @include{topbar}@
-   <h1 class=title>@label:choose.title@</h1>
+   <h1>@label:choose.title@</h1>
   
   @#{always have the first-letter bar, if choosealpha enabled}@
   @if{@eq{@label:sidebar.choosewhich@}{choosealpha}@}{
 
    <p class=choosealpha>
-    <a class=choosealpha
-    title="Directories starting with 'a'"
+    <a title="Directories starting with 'a'"
     href="@url@?action=choose&#38;regexp=^(the )?a">A</a> |
-    <a class=choosealpha
-    title="Directories starting with 'b'"
+    <a title="Directories starting with 'b'"
     href="@url@?action=choose&#38;regexp=^(the )?b">B</a> |
-    <a class=choosealpha
-    title="Directories starting with 'c'"
+    <a title="Directories starting with 'c'"
     href="@url@?action=choose&#38;regexp=^(the )?c">C</a> |
-    <a class=choosealpha
-    title="Directories starting with 'd'"
+    <a title="Directories starting with 'd'"
     href="@url@?action=choose&#38;regexp=^(the )?d">D</a> |
-    <a class=choosealpha
-    title="Directories starting with 'e'"
+    <a title="Directories starting with 'e'"
     href="@url@?action=choose&#38;regexp=^(the )?e">E</a> |
-    <a class=choosealpha
-    title="Directories starting with 'f'"
+    <a title="Directories starting with 'f'"
     href="@url@?action=choose&#38;regexp=^(the )?f">F</a> |
-    <a class=choosealpha
-    title="Directories starting with 'g'"
+    <a title="Directories starting with 'g'"
     href="@url@?action=choose&#38;regexp=^(the )?g">G</a> |
-    <a class=choosealpha
-    title="Directories starting with 'h'"
+    <a title="Directories starting with 'h'"
     href="@url@?action=choose&#38;regexp=^(the )?h">H</a> |
-    <a class=choosealpha
-    title="Directories starting with 'i'"
+    <a title="Directories starting with 'i'"
     href="@url@?action=choose&#38;regexp=^(the )?i">I</a> |
-    <a class=choosealpha
-    title="Directories starting with 'j'"
+    <a title="Directories starting with 'j'"
     href="@url@?action=choose&#38;regexp=^(the )?j">J</a> |
-    <a class=choosealpha
-    title="Directories starting with 'k'"
+    <a title="Directories starting with 'k'"
     href="@url@?action=choose&#38;regexp=^(the )?k">K</a> |
-    <a class=choosealpha
-    title="Directories starting with 'l'"
+    <a title="Directories starting with 'l'"
     href="@url@?action=choose&#38;regexp=^(the )?l">L</a> |
-    <a class=choosealpha
-    title="Directories starting with 'm'"
+    <a title="Directories starting with 'm'"
     href="@url@?action=choose&#38;regexp=^(the )?m">M</a> |
-    <a class=choosealpha
-    title="Directories starting with 'n'"
+    <a title="Directories starting with 'n'"
     href="@url@?action=choose&#38;regexp=^(the )?n">N</a> |
-    <a class=choosealpha
-    title="Directories starting with 'o'"
+    <a title="Directories starting with 'o'"
     href="@url@?action=choose&#38;regexp=^(the )?o">O</a> |
-    <a class=choosealpha
-    title="Directories starting with 'p'"
+    <a title="Directories starting with 'p'"
     href="@url@?action=choose&#38;regexp=^(the )?p">P</a> |
-    <a class=choosealpha
-    title="Directories starting with 'q'"
+    <a title="Directories starting with 'q'"
     href="@url@?action=choose&#38;regexp=^(the )?q">Q</a> |
-    <a class=choosealpha
-    title="Directories starting with 'r'"
+    <a title="Directories starting with 'r'"
     href="@url@?action=choose&#38;regexp=^(the )?r">R</a> |
-    <a class=choosealpha
-    title="Directories starting with 's'"
+    <a title="Directories starting with 's'"
     href="@url@?action=choose&#38;regexp=^(the )?s">S</a> |
-    <a class=choosealpha
-    title="Directories starting with 't'"
+    <a title="Directories starting with 't'"
     href="@url@?action=choose&#38;regexp=^(?!the [^t])t">T</a> |
-    <a class=choosealpha
-    title="Directories starting with 'u'"
+    <a title="Directories starting with 'u'"
     href="@url@?action=choose&#38;regexp=^(the )?u">U</a> |
-    <a class=choosealpha
-    title="Directories starting with 'v'"
+    <a title="Directories starting with 'v'"
     href="@url@?action=choose&#38;regexp=^(the )?v">V</a> |
-    <a class=choosealpha
-    title="Directories starting with 'w'"
+    <a title="Directories starting with 'w'"
     href="@url@?action=choose&#38;regexp=^(the )?w">W</a> |
-    <a class=choosealpha
-    title="Directories starting with 'x'"
+    <a title="Directories starting with 'x'"
     href="@url@?action=choose&#38;regexp=^(the )?x">X</a> |
-    <a class=choosealpha
-    title="Directories starting with 'y'"
+    <a title="Directories starting with 'y'"
     href="@url@?action=choose&#38;regexp=^(the )?y">Y</a> |
-    <a class=choosealpha
-    title="Directories starting with 'z'"
+    <a title="Directories starting with 'z'"
     href="@url@?action=choose&#38;regexp=^(the )?z">Z</a> |
-    <a class=choosealpha
-    title="Directories starting with anything else"
+    <a title="Directories starting with anything else"
     href="@url@?action=choose&#38;regexp=^[^a-z]">*</a>
    </p>
   }@
 
    @if{@ne{@arg:directory@}{}@}{
    <p class=directoryname>@navigate{@arg:directory@}{/<a
-   class=directory
-   href="@url@?action=choose&#38;directory=@urlquote{@fullname@}@&#38;nonce=@nonce@">@basename@</a>}@:</p>
+   href="@url@?action=choose&#38;directory=@urlquote{@fullname@}@">@basename@</a>}@:</p>
    }@
 
    @if{@isdirectories@}{
-   <div class=directories>
-    <p class=directories>
+   <div class=directories><div class=filesdirectories>
+    <p class=heading>
      @label:choose.directories@
     </p>
     @choose{directories}{
-    <p class=directory>
-     <a class=directory href="@url@?action=choose&#38;directory=@urlquote{@file@}@&#38;nonce=@nonce@">
+    <p class=entry>
+     <a
+     href="@url@?action=choose&#38;directory=@urlquote{@file@}@"
+     title="@label:choose.directory@">
+     <img class=button
+      src="@image:directory@"
+      alt="">
       @transform{@file@}{dir}{display}@
      </a>
     </p>
     }@
-   </div>
+   </div></div>
    }@
    @if{@isfiles@}{
-   <div class=files>
-    <p class=files>
+   <div class=files><div class=filesdirectories>
+    <p class=heading>
      @label:choose.files@
     </p>
     @choose{files}{
-    <p class=file>
+    <p class=entry>
     @right{prefs}{<a class=imgprefs
-     href="@url@?action=prefs&#38;0_file=@urlquote{@resolve{@file@}@}@&#38;nonce=@nonce@"
+     href="@url@?action=prefs&#38;0_file=@urlquote{@resolve{@file@}@}@"
      ><img class=button
-      src="@@image:edit@"
+      src="@image:edit@"
       title="@label:choose.prefsverbose@"
       alt="@label:choose.prefs@"></a>}@
-     <a class=file
-     href="@url@?action=play&#38;file=@urlquote{@file@}@&#38;back=@urlquote{@thisurl@}@&#38;nonce=@nonce@"
+     <a
+     href="@url@?action=play&#38;file=@urlquote{@file@}@&#38;back=@urlquote{@thisurl@}@"
      title="@label:choose.play@">@transform{@file@}{track}{display}@</a>
      @if{@eq{@trackstate{@file@}@}{playing}@}{[<b>playing</b>]}@
      @if{@eq{@trackstate{@file@}@}{queued}@}{[<b>queued</b>]}@
     </p>
     }@
-   </div>
-   <p class=allfiles>
-    @right{prefs}{<a class=imgprefs
-    href="@url@?action=prefs&#38;directory=@urlquote{@arg:directory@}@&#38;nonce=@nonce@&#38;back=@urlquote{@thisurl@}@"
-    ><img class=button 
-     src="@@image:edit@"
-     title="@label:choose.allprefsverbose@"
-     alt="@label:choose.allprefs@"></a>}@
-    <a class=allfiles href="@url@?action=play&#38;directory=@urlquote{@arg:directory@}@&#38;nonce=@nonce@&#38;back=@urlquote{@thisurl@}@">
-     @label:choose.playall@
-    </a>
-   </p>
+    <p class=all>
+     @right{prefs}{<a class=imgprefs
+     href="@url@?action=prefs&#38;directory=@urlquote{@arg:directory@}@&#38;back=@urlquote{@thisurl@}@"
+     ><img class=button 
+      src="@image:edit@"
+      title="@label:choose.allprefsverbose@"
+      alt="@label:choose.allprefs@"></a>}@
+     <a class=button href="@url@?action=play&#38;directory=@urlquote{@arg:directory@}@&#38;back=@urlquote{@thisurl@}@">
+      @label:choose.playall@
+     </a>
+    </p>
+   </div></div>
    }@
 
 @include{topbarend}@