User: rhaas
Date: 2010/06/02 07:20 AM
Modified:
/
credits.php
/global/
style.css
Log:
add multicolumn display to credits
for IE this uses the javascript code (LGPL) from
http://www.csscripting.com/css-multi-column and browser specific css for
Mozilla and Webkit
Support for IE might be broken since the SCRIPT tag is no longer in the header,
support for Opera is in the script but not currently activated.
File Changes:
Directory: /
============
File [modified]: credits.php
Delta lines: +3 -1
===================================================================
--- credits.php 2010-06-02 09:30:25 UTC (rev 174)
+++ credits.php 2010-06-02 12:20:49 UTC (rev 175)
@@ -1,11 +1,13 @@
<?php $title='Credits';
include_once($_SERVER['DOCUMENT_ROOT'].'/global/header.php');?>
+<!--might want to move this into header.php-->
+<!--[if IE]><script type="text/javascript" src="/global/css3-multi-column.js"></script><![endif]-->
<p>
Many people have contributed to the software development of the Einstein Toolkit. This list is not complete, if you spot missing names please email the <a href="mailto:maintainers@einsteintoolkit.org">toolkit maintainers</a>.
</p>
-<ul>
+<ul class="column">
<li>Miguel Alcubierre</li>
<li>Gabrielle Allen</li>
<li>Marcus Ansorg</li>
Directory: /global/
===================
File [modified]: style.css
Delta lines: +16 -1
===================================================================
--- global/style.css 2010-06-02 09:30:25 UTC (rev 174)
+++ global/style.css 2010-06-02 12:20:49 UTC (rev 175)
@@ -117,4 +117,19 @@
}
img {
border-style: none;
-}
\ No newline at end of file
+}
+
+.column {
+/* the proper rules ready for future */
+column-count: 3;
+column-gap: 2em;
+column-width: 30%;
+
+/* Moz/Firefox rules */
+-moz-column-count: 3;
+-moz-column-gap: 2em;
+
+/* Safari & Chrome rules */
+-webkit-column-count: 3;
+-webkit-column-gap: 2em;
+}
