source: iupac/index2.html @ 794

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