masthead.cs revision e4d8f1b1f5a6e2308bfeff04d7fa51ff7394c644
1<?cs def:custom_masthead() ?>
2    <!-- Header -->
3    <div id="header">
4        <div class="wrap" id="header-wrap">
5          <div class="col-3 logo">
6          <a href="<?cs var:toroot ?>index.html">
7            <img src="<?cs var:toroot ?>assets/images/dac_logo.png" width="123" height="25" alt="Android Developers" />
8          </a>
9          <div class="btn-quicknav" id="btn-quicknav">
10          	<a href="#" class="arrow-inactive">Quicknav</a>
11			<a href="#" class="arrow-active">Quicknav</a>
12          </div>
13          </div>
14            <ul class="nav-x col-9">
15                <li class="design"><a href="<?cs var:toroot ?>design/index.html" <?cs
16                  if:design ?>class="selected"<?cs /if ?> >Design</a></li>
17                <li class="develop"><a href="<?cs var:toroot ?>develop/index.html" <?cs
18                  if:training || guide || reference || tools || develop ?>class="selected"<?cs /if ?> >Develop</a></li>
19                <li class="distribute last"><a href="<?cs var:toroot ?>distribute/index.html" <?cs
20                  if:distribute ?>class="selected"<?cs /if ?> >Distribute</a></li>
21            </ul>
22
23            <!-- New Search -->
24            <div class="menu-container">
25            <div class="moremenu">
26    <div id="more-btn"></div>
27  </div>
28  <div class="morehover" id="moremenu">
29    <div class="top"></div>
30    <div class="mid">
31      <div class="header">Android Sites</div>
32      <ul>
33        <li><a href="http://www.android.com">Android.com</a></li>
34        <li class="active"><a>Android Developers</a></li>
35        <li><a href="http://source.android.com">Android Open Source Project</a></li>
36      </ul>
37      <div class="header">Support</div>
38      <ul>
39        <li><a href="<?cs var:toroot ?>support.html">Developer Support</a></li>
40      </ul>
41      <div class="header">Languages</div>
42        <div id="language" class="locales">
43          <select name="language" onChange="changeLangPref(this.value, true)">
44              <option value="en">English</option>
45              <option value="es">Español</option>
46              <option value="ja">日本語</option>
47              <option value="ko">한국어</option>
48              <option value="ru">Русский</option>
49              <option value="zh-CN">中文 (中国)
50      </option>
51          </select>
52        </div>
53      <script type="text/javascript">
54        <!--
55        loadLangPref();
56          //-->
57      </script>
58      <br class="clearfix" />
59    </div>
60    <div class="bottom"></div>
61  </div>
62  <div class="search" id="search-container">
63    <div class="search-inner">
64      <div id="search-btn"></div>
65      <div class="left"></div>
66      <form onsubmit="return submit_search()">
67        <input id="search_autocomplete" type="text" value="" autocomplete="off" name="q"
68onfocus="search_focus_changed(this, true)" onblur="search_focus_changed(this, false)"
69onkeydown="return search_changed(event, true, '/')" onkeyup="return search_changed(event, false,
70'/')" />
71      </form>
72      <div class="right"></div>
73        <a class="close hide">close</a>
74        <div class="left"></div>
75        <div class="right"></div>
76    </div>
77  </div>
78  <div id="search_filtered_wrapper">
79    <div id="search_filtered_div" class="no-display">
80        <ul id="search_filtered">
81        </ul>
82    </div>
83  </div>
84
85  </div>
86  <!-- /New Search>
87
88
89          <!-- Expanded quicknav -->
90           <div id="quicknav" class="col-9">
91                <ul>
92                    <li class="design">
93                      <ul>
94                        <li><a href="<?cs var:toroot ?>design/style/index.html">Style</a></li>
95                        <li><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></li>
96                        <li><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></li>
97                        <li><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></li>
98                      </ul>
99                    </li>
100                    <li class="develop">
101                      <ul>
102                        <li><a href="<?cs var:toroot ?>training/index.html">Android Training</a></li>
103                        <li><a href="<?cs var:toroot ?>guide/components/index.html">API Guides</a></li>
104                        <li><a href="<?cs var:toroot ?>reference/packages.html">Reference</a></li>
105                        <li><a href="<?cs var:toroot ?>tools/index.html">Tools</a>
106                          <ul><li><a href="<?cs var:toroot ?>sdk/index.html">Get the
107SDK</a></li></ul>
108                        </li>
109                      </ul>
110                    </li>
111                    <li class="distribute last">
112                      <ul>
113                        <li><a href="<?cs var:toroot ?>distribute/index.html">Google Play</a></li>
114                        <li><a href="<?cs var:toroot ?>distribute/googleplay/publish/index.html">Publishing</a></li>
115                        <li><a href="<?cs var:toroot ?>distribute/googleplay/promote/index.html">Promoting</a></li>
116                        <!--<li><a href="<?cs var:toroot ?>distribute/googleplay/strategies/index.html">Strategies</a></li> -->
117                        <li><a href="<?cs var:toroot ?>distribute/open.html">Open
118Distribution</a></li>
119                      </ul>
120                    </li>
121                </ul>
122          </div>
123          <!-- /Expanded quicknav -->
124        </div>
125    </div>
126    <!-- /Header -->
127
128
129  <div id="searchResults" class="wrap" style="display:none;">
130          <h2 id="searchTitle">Results</h2>
131          <div id="leftSearchControl" class="search-control">Loading...</div>
132  </div>
133
134
135
136<?cs if:training || guide || reference || tools || develop ?>
137    <!-- Secondary x-nav -->
138    <div id="nav-x">
139        <div class="wrap">
140            <ul class="nav-x col-9 develop" style="width:75%">
141                <li><a href="<?cs var:toroot ?>training/index.html" <?cs
142                  if:training ?>class="selected"<?cs /if ?> >Android Training</a></li>
143                  <li><a href="<?cs var:toroot ?>guide/components/index.html" <?cs
144                  if:guide ?>class="selected"<?cs /if ?> >API Guides</a></li>
145                <li><a href="<?cs var:toroot ?>reference/packages.html" <?cs
146                  if:reference ?>class="selected"<?cs /if ?> >Reference</a></li>
147                <li><a href="<?cs var:toroot ?>tools/index.html" <?cs
148                  if:tools ?>class="selected"<?cs /if ?> >Tools</a></li>
149            </ul>
150          <!--  <a class="button-secondary download-sdk">Download the SDK</a> -->
151        </div>
152
153    </div>
154    <!-- /Sendondary x-nav -->
155<?cs /if ?>
156  <?cs
157/def ?>
158