Removed borders from images for FF (what is it with that browser that every image...
authorthe_mgt <themgt@ueberserver.de>
Tue, 5 Jul 2011 16:54:02 +0000 (18:54 +0200)
committerWilfried Goesgens <dothebart@citadel.org>
Sun, 4 Sep 2011 21:31:09 +0000 (21:31 +0000)
Pimped the userlist view: edit option is now an icon, added "titles", changed table spacing to look proper,
turned host info into monospaced font and added a navbar

webcit/static/styles/service.css
webcit/static/styles/webcit.css
webcit/static/t/who.html
webcit/static/t/who/box_list_static.html
webcit/static/t/who/section.html

index ceeaa5bd59fae59cc1290ae092905670a7544f14..f4b63075b64bfc83f61e79a8bd6c769f5ced706c 100644 (file)
@@ -1,5 +1,7 @@
 .service {}
 
+.service .edit_col, .service .host_col { display: none }
+
 .bio table {
        margin-top: 0.5em;
        padding: 0 0.5em;
 }
 
 .bio h1 { float: right; }
+
+.who_is_online tr { 
+       height: 1.5em;
+       padding: 0;
+       margin: 0;
+}
+
+.who_is_online td {
+       padding: 0 0.3em;
+}
+
+.who_is_online td img { 
+       border: none;
+       margin: 0 auto;
+}
+
+.who_is_online .edit_col {}
+
+.who_is_online .host_col { 
+       font-family: monospace;
+       font-size: 90%;
+}
+
+div#who_inner th.host_col { 
+       font-family: sans-serif;
+       font-size: 100%;
+}
index a6b916eee5093776f5ee2c0e88ce7aa2a97462c4..2e2ccc4c7e53d77d4e45bdfbb8659e214885858e 100644 (file)
@@ -711,10 +711,6 @@ div.auto_complete ul strong.highlight {
 
 #address_book_inner_div input { margin: 4px 5px 0 5px }
 
-.service .edit_col, .service .host_col { display: none }
-
-.who_is_online .edit_col, .who_is_online .host_col { display: block }
-
 #citlogo { display: none; /* Overriden later */ }
 
 .sort_ascending, .sort_descending {
index 02053e914f7e5415bc9019ccd672279d1e736c44..b3b88a7420c8d181d61bee2c644f65860316ac2e 100644 (file)
@@ -7,17 +7,22 @@
        }
 </script>
 
-<div id="banner">
-       <div class="banner">
+<div id="banner" class="banner">
+       <h1>
                <img alt="" src="static/webcit_icons/essen/32x32/user.png">
-               <h1><?_("Users currently on ")><?SERV:HUMANNODE></h1>
-       </div>
-       <?=("loggedinas")>
+               <?_("Users currently on ")><?SERV:HUMANNODE>
+       </h1>
        <div id="actiondiv">
                <ul class="room_actions">
                        <li class="start_page"><?OFFERSTARTPAGE></li>
+                       <li><?=("loggedinas")></li>
                </ul>
        </div>
+       <div id="navbar"><ul><li>
+               <span class="navbar_link"><?_("Click on a name to read user info.  Click on")></span>
+               <img align="middle" src="static/webcit_icons/essen/16x16/chat.png" alt="(p)">
+               <span class="navbar_link"><?_("to send an instant message to that user.")></span>
+       </li></ul></div>
 </div>
 <div id="content" class="who_is_online">
        <?DOBOXED(="who_box_list_static", ="who_list_static_header")>
@@ -27,4 +32,3 @@
                             { method: 'get', frequency: 30 }  );
 </script>
 <?=("trailing")>
-
index 3ca2ce94dcdb56538fe77acb83004fdbf42688e5..d1f05deaf11b6f5f1cece9fc129ffd903e891ac4 100644 (file)
@@ -10,9 +10,4 @@
                <?ITERATE("WHOLIST", ="who_section")>
        </table>
 </div>
-<div class="instructions">
-       <?_("Click on a name to read user info.  Click on")>
-               <img align="middle" src="static/webcit_icons/essen/16x16/chat.png" alt="(p)">
-       <?_("to send an instant message to that user.")>
-</div>
 
index 17235f6079b8c2f637ae71111d7b5994d7bbaeb2..338a74204e3bc0c839d6d2915811a4869415e4b2 100644 (file)
@@ -3,39 +3,39 @@
                <??("COND:AIDE", 1)><??("WHO:ISME", 2)>
                        <a href="terminate_session?which_session=<?WHO:SESSION>&template=who" onClick="return ConfirmKill();"><?_("(kill)")></a>
                <??("X", 2)><??("X", 1)>
-               <?!("WHO:ISME", 3)>   <a href="edit_me">(<?_("edit")>)</a>  <?!("X", 3)>
+               <?!("WHO:ISME", 3)>
+                       <a href="edit_me"><img src="static/webcit_icons/essen/16x16/config.png" alt="(<?_("edit")>)" title="<?_("edit")>"></a>
+               <?!("X", 3)>
        </td>
        <!-- link to page this user -->
-               <td width="5%"><a href="display_page?recp=<?WHO:NAME("X")>">
-                       <img align="middle" src="static/webcit_icons/essen/16x16/chat.png" alt="(p)"></a> 
-               </td>
+       <td><a href="display_page?recp=<?WHO:NAME("X")>">
+               <img src="static/webcit_icons/essen/16x16/chat.png" alt="(p)" title="chat"></a> 
+       </td>
        <!-- idle flag -->
-               <td width="5%">
-                       <?!("WHO:IDLE", 4)>
-                               <img align="middle" src="static/webcit_icons/essen/16x16/user.png" alt="(<?_("idle since")>s <?WHO:IDLESINCE> <?_("Minutes")>)">
-                       <?!("X", 4)>
-                       <??("WHO:IDLE", 5)>
-                               <img align="middle" src="static/webcit_icons/essen/16x16/activeuser.png" alt="(<?_("active")>)">
-                       <?!("X", 5)>
-               </td>
-               <td>
+       <td>
+               <?!("WHO:IDLE", 4)>
+                       <img align="middle" src="static/webcit_icons/essen/16x16/user.png" alt="(<?_("idle since")>s <?WHO:IDLESINCE> <?_("Minutes")>)" title="(<?_("idle since")>s <?WHO:IDLESINCE> <?_("Minutes")>)">
+               <?!("X", 4)>
+               <??("WHO:IDLE", 5)>
+                       <img align="middle" src="static/webcit_icons/essen/16x16/activeuser.png" alt="(<?_("active")>)">
+               <?!("X", 5)>
+       </td>
        <!--  username (link to user bio/photo page)  -->
-               <a href="showuser?who=<?WHO:NAME("U")>">
-                       <?WHO:NAME("X")></a> 
-                               <??("WHO:NSESSIONS", 6, 1)>[<?WHO:NSESSIONS>] </a>
-                       <?!("X", 6)>
-               <!-- room -->
-               </td>
-               <td>
-                       <?WHO:ROOM>
-                       <?!("WHO:REALROOM", 7)>
-                               <br><i>  <?WHO:REALROOM("X")>  </i>
-                       <?!("X", 7)>
-               </td>
-               <td class="host_col">
-               <!-- hostname -->
-                       <?WHO:HOST("X")>
-                               <?!("WHO:REALHOST", 8)><br><i> <?WHO:REALHOST("X")></i>
-                       <?!("X", 8)>
-               </td>
+       <td>
+               <a href="showuser?who=<?WHO:NAME("U")>"><?WHO:NAME("X")></a>
+               <??("WHO:NSESSIONS", 6, 1)>[<?WHO:NSESSIONS>]<?!("X", 6)>
+       </td>
+       <!-- room -->
+       <td>
+               <?WHO:ROOM>
+               <?!("WHO:REALROOM", 7)>
+                       <br><i>  <?WHO:REALROOM("X")>  </i>
+               <?!("X", 7)>
+       </td>
+       <!-- hostname -->
+       <td class="host_col">
+               <?WHO:HOST("X")>
+                       <?!("WHO:REALHOST", 8)><br><i> <?WHO:REALHOST("X")></i>
+               <?!("X", 8)>
+       </td>
 </tr>