source: branches/2.1/admin/themes/default/template/photos_add_ploader.tpl @ 6323

Revision 6323, 1.7 KB checked in by plg, 9 years ago (diff)

merge r6320 from trunk to branch 2.1

bug 1667 fixed: r6027 was fixing a minor error on tabs for Google Chrome/Safari
BUT was introducing a major visual issue for IE8. Backmerged + adds the -webkit
radius anyway.

This is a quickfix for release 2.1.1, the improved display introduced by nikrou
was nice and it would be better to have it, but working in IE8

Line 
1{html_head}
2{literal}
3<script type="text/javascript">
4$().ready(function(){
5  $("#pLoaderPage  img").fadeTo("fast", 0.6);
6
7  $("#pLoaderPage  img").hover(
8    function(){
9      $(this).fadeTo("fast", 1.0); // Opacity on hover
10    },
11    function(){
12      $(this).fadeTo("fast", 0.6); // Opacity on mouseout
13    }
14  );
15});
16</script>
17
18<style type="text/css">
19#pLoaderPage {
20  width:600px;
21  margin:0 auto;
22  font-size:1.1em;
23}
24
25#pLoaderPage P {
26  text-align:left;
27}
28
29#pLoaderPage .downloads {
30  margin:10px auto 0 auto;
31}
32
33#pLoaderPage .downloads A {
34  display:block;
35  width:150px;
36  text-align:center;
37  font-size:16px;
38  font-weight:bold;
39}
40
41#pLoaderPage .downloads A:hover {
42  border:none;
43}
44
45#pLoaderPage LI {
46  margin:20px;
47}
48</style>
49{/literal}
50{/html_head}
51
52<div class="titrePage">
53  <h2>{'Piwigo Uploader'|@translate}</h2>
54</div>
55
56<div id="pLoaderPage">
57<p>{'pLoader stands for <em>Piwigo Uploader</em>. From your computer, pLoader prepares your photos and transfer them to your Piwigo photo gallery.'|@translate}</p>
58
59<ol>
60  <li>
61    {'Download,'|@translate}
62
63<table class="downloads">
64  <tr>
65    <td>
66      <a href="{$URL_DOWNLOAD_WINDOWS}">
67        <img src="http://piwigo.org/screenshots/windows.png" alt="windows">
68        <br>Windows
69      </a>
70    <td>
71    <td>
72      <a href="{$URL_DOWNLOAD_MAC}">
73        <img src="http://piwigo.org/screenshots/mac.png" alt="mac">
74        <br>Mac
75      </a>
76    <td>
77    <td>
78      <a href="{$URL_DOWNLOAD_LINUX}">
79        <img src="http://piwigo.org/screenshots/linux.png" alt="linux">
80        <br>Linux
81      </a>
82    <td>
83  </tr>
84</table>
85
86  </li>
87  <li>{'Install on your computer,'|@translate}</li>
88  <li>{'Start pLoader and add your photos.'|@translate}</li>
89</ol>
90</div>
Note: See TracBrowser for help on using the repository browser.