source: iupac/index.html @ 794

Last change on this file since 794 was 780, checked in by pnipsl, 10 years ago
File size: 7.9 KB
Line 
1<!DOCTYPE html>
2<html>
3    <head>
4        <meta charset="utf-8" />
5
6        <title>IUPAC template1</title>
7
8        <!-- CSS stylesheet file -->
9        <link rel="stylesheet" href="css/styles.css" />
10            <link type="text/css" href="menu.css" rel="stylesheet" />
11        <script type="text/javascript" src="jquerry.js"></script>
12        <script type="text/javascript" src="menu.js"></script>
13
14    </head>
15
16    <body>
17        <div id="iupac" class="containerIUPAC">
18             <div id="logo" class="containerLogo"><IMG SRC="images/IUPAC_title2.gif"></div>
19        </div>
20       
21        <nav>
22            <ul class="Nav">
23                <li id="home"><a href="#home" class="homeIcon">Home</a></li>
24                <li id="Recent"><a href="#recent">Recent changes</a></li>
25                <li id="Committee"><a href="#committee">Committee members</a></li>
26                <li id="Email"><a href="#email">Email list</a></li>
27                <li id="Publications"><a href="#publications">Publications</a></li>
28                <li id="IUPAC"><a href="#iupac">IUPAC home page</a></li>
29                <li id="Related"><a href="#related">Related web sites</a></li>
30                <li id="Research"><a href="#research">Research projects</a></li>
31                <li id="login"><a href="#login" class="LogIn">Login</a></li>
32            </ul>
33         </nav>
34
35         
36         <H1>Evaluated Kinetic Data</H1>
37           <div id="kinetic" class="kineticIUPAC"><P>This website provides kinetic and photochemical data evaluated by the IUPAC Task Group
38                       on Atmospheric Chemical Kinetic Data Evaluation. Also see Atmospheric Chemistry and Physics publications:<br>
39           <a href="#Volumes" target="_blank">Volumes 1-6 in Atmospheric Chemistry and Physics (ACP)</a></P>
40           </div>
41
42         <H2>Datasheets</H2>
43           
44              <div id="menu">
45                   <ul class="menu">
46
47                       <li><a href="" class="parent"><span>Gas-phase</span></a>
48                          <div>
49                             <ul> 
50                               <li><a href=""><span>Ox reactions</span></a>
51                               </li>
52                                           <li><a href=""><span>HOx reactions</span></a>
53                               </li>
54                               <li><a href=""><span>NOx reactions</span></a>
55                               </li>
56                               <li><a href=""><span>SOx reactions</span></a>
57                               </li>
58                             </ul> 
59                          </div>
60                       </li>
61                       <li><a href="" class="parent"><span>Photolysis reactions</span></a>
62                          <div>
63                             <ul>
64                               <li><a href=""><span>Photolysis of halogenated species</span></a>
65                               </li>
66                               <li><a href=""><span>Photolysis of Ox species</span></a>
67                               </li>
68                             </ul>
69                          </div> 
70                       </li>
71                       <li><a href="" class="parent"><span>Heterogeneous reactions on solids</span></a>
72                          <div>
73                             <ul>
74                               <li><a href=""><span>Heterogeneous reactions on ice</span></a>
75                               </li>
76                               <li><a href=""><span>Heterogeneous reactions on mineral dust</span></a>
77                               </li>
78                             </ul>
79                          </div>
80                       </li>
81                       <li><a href="" class="parent"><span>Heterogeneous reactions on liquids</span></a>
82                       </li>
83                   </ul>
84              </div>
85           <div id="datasheets" class="datasheetsIUPAC"><P>View most recently added/changed datasheets. If you want to be notified when any of this
86                       information is updated please join our mailing list.</P>
87           </div>
88
89         <H2>Summary tables</H2>
90           <div id="summary" class="summaryT"><P>We have summary tables of recommended data for the reactions listed in the ACP volumes.
91                                   Where published data has been superceded by new evaluations on the website this is noted.
92                                   We recommend the use of Firefox to ensure these XML files view correctly. These summary
93                                   data will be updated frequently.</P>
94           </div>
95
96         <H2>Supplementary Informations</H2>
97           <div id="supInfo" class="suppInf"></div>
98           <!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></scipt>
99                   <scipt type="text/javascipt" src="jquery.easing.1.3.js"></scipt>
100           <script type="text/javascipt">
101               $(function() {
102                   $('#Nav2 > li').bind('mouseenter',function(){
103                              var $elem = $(this);
104                                        $elem.find('img')
105                                                 .stop(true)
106                                                 .animate({
107                                                        'width':'170px',
108                                                        'height':'170px',
109                                                        'left':'0px'
110                                                 },400,'easeOutBack')
111                                                 .andSelf()
112                                                 .find('.sdt_wrap')
113                                             .stop(true)
114                                                 .animate({'top':'140px'},500,'easeOutBack')
115                                                 .andSelf()
116                                                 .find('.sdt_active')
117                                             .stop(true)
118                                                 .animate({'height':'170px'},300,function(){
119                                                var $sub_menu = $elem.find('.sdt_box');
120                                                if($sub_menu.length){
121                                                        var left = '170px';
122                                                        if($elem.parent().children().length == $elem.index()+1)
123                                                                left = '-170px';
124                                                        $sub_menu.show().animate({'left':left},200);
125                                                }       
126                                        });
127                              }).bind('mouseleave',function(){
128                                        var $elem = $(this);
129                                        var $sub_menu = $elem.find('.sdt_box');
130                                        if($sub_menu.length)
131                                                $sub_menu.hide().css('left','0px');
132                                       
133                                        $elem.find('.sdt_active')
134                                                 .stop(true)
135                                                 .animate({'height':'0px'},300)
136                                                 .andSelf().find('img')
137                                                 .stop(true)
138                                                 .animate({
139                                                        'width':'0px',
140                                                        'height':'0px',
141                                                        'left':'85px'},400)
142                                                 .andSelf()
143                                                 .find('.sdt_wrap')
144                                                 .stop(true)
145                                                 .animate({'top':'25px'},500);
146                                });
147            });
148           </scipt> -->
149     </body>
150</html>   
Note: See TracBrowser for help on using the repository browser.