Advertisement
Guest User

WGPDAP

a guest
Aug 6th, 2012
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 63.65 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html dir="ltr" lang="en-US">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <!--[if IE]><![endif]-->
  6. <!--[if lt IE 9]>
  7. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  8. <![endif]-->
  9.  
  10. <title>Working Group for Peace &amp; Demilitarization in Asia &amp; the Pacific | </title>
  11. <link rel="profile" href="http://gmpg.org/xfn/11" />
  12. <link rel="stylesheet" href="http://www.asiapacificinitiative.org/wp-content/themes/presswork/style.css" type="text/css" media="screen" />
  13. <!-- PressWork Theme Option CSS -->
  14. <style type="text/css" id="pw_style_preview">
  15. body { font-family: Nobile; font-size: 13px; }
  16. h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: Nobile; }
  17. #body-wrapper { color: #444444; width: 1290px; padding: 0px; background-color: #ffffff; }
  18. #headerbanner, #footer { width: 1290px; }
  19. #headerbanner li.mainl#header_image { background-size: 1290px; }
  20. #main-wrapper > li { margin: 0 15px; }
  21. #main-wrapper .el3 { *margin-left: 30px; }
  22. #firstsidebar { width: 300px; }
  23. #secondsidebar { width: 180px; }
  24. #maincontent { width: 960px; }
  25. body.fullwidth #maincontent { width: 1290px; }
  26. .siteheader a { color: #3ba576; }
  27. .siteheader a:hover { color: #da652b; }
  28. #description { color: #444444; }
  29. a { color: #2b904e; }
  30. a:hover { color: #4fb859; }
  31. #nav nav ul { background: #ffffff; }
  32. #nav nav a { color: #3e86da }
  33. #nav nav a:hover, #nav nav .sub-menu li, #nav nav li:hover { color: #3ba576; background: #ffffff; }
  34. #subnav nav ul { background: #FFFFFF; }
  35. #subnav nav a { color: #222222 }
  36. #subnav nav a:hover, #subnav nav .sub-menu li, #subnav nav li:hover { color: #222222; background: #EEEEEE; }
  37. #footer nav ul { background: #FFFFFF; }
  38. #footer nav a { color: #222222 }
  39. #footer nav a:hover, #footer nav .sub-menu li, #footer nav li:hover { color: #222222; background: #EEEEEE; }
  40. h1.catheader { color: #3b3b3b; }
  41. article .meta { color: #888888; }
  42. article .posttitle, article .posttitle a { color: #222222; }
  43. article .posttitle a:hover { color: #222222; }
  44. article .content-col { padding-left: 165px; }
  45. @media only screen and (max-device-width: 768px), only screen and (max-width: 768px) {
  46. #body-wrapper { width: 720px !important; padding: 0 10px; }
  47. body.fullwidth #maincontent, #headerbanner, #footer { width: 720px !important; }
  48. #header_image { background-size: 720px !important; height: 89.3023255814px !important; }
  49. #maincontent { width: 525.813953488px !important; }
  50. #firstsidebar { width: 167.441860465px !important; }
  51. #secondsidebar { width: 85.4651162791px !important; }
  52. }
  53. @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  54. #body-wrapper { width: 420px !important; padding: 0 10px; }
  55. body.fullwidth #maincontent, #headerbanner, #footer { width: 420px !important; }
  56. #maincontent { width: 420px !important; }
  57. #header_image { background-size: 420px !important; height: 52.0930232558px !important; }
  58. .home article { width: 100%; }
  59. #firstsidebar, #secondsidebar { float: none; width: 100% !important; }
  60. #main-wrapper > li { margin: 0 !important; }
  61. #extendedfooter .bottom-widget { width: 100%; margin: 0 0 20px; }
  62. }
  63. </style>
  64. <!-- eof PressWork Theme Option CSS -->
  65. <link rel="pingback" href="http://www.asiapacificinitiative.org/xmlrpc.php" />
  66. <link rel="shortcut icon" type="image/x-icon" href="http://www.asiapacificinitiative.org/wp-content/themes/presswork/admin/images/favicon.ico" />
  67. <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
  68. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  69. <meta name="viewport" content="width=device-width" />
  70. <style type="text/css">
  71. #wpadminbar .quicklinks li:hover ul ul {
  72. left: auto;
  73. }
  74. </style>
  75. <link rel="alternate" type="application/rss+xml" title="Working Group for Peace &amp; Demilitarization in Asia &amp; the Pacific &raquo; Feed" href="http://www.asiapacificinitiative.org/?feed=rss2" />
  76. <link rel="alternate" type="application/rss+xml" title="Working Group for Peace &amp; Demilitarization in Asia &amp; the Pacific &raquo; Comments Feed" href="http://www.asiapacificinitiative.org/?feed=comments-rss2" />
  77. <link rel='stylesheet' id='admin-bar-css' href='http://www.asiapacificinitiative.org/wp-includes/css/admin-bar.css?ver=3.4.1' type='text/css' media='all' />
  78. <link rel='stylesheet' id='adminbar_search_css-css' href='http://www.asiapacificinitiative.org/wp-content/plugins/enhanced-admin-bar-with-codex-search/css/adminbar_search.css?ver=3.4.1' type='text/css' media='all' />
  79. <link rel='stylesheet' id='pw_toolbox-css' href='http://www.asiapacificinitiative.org/wp-content/themes/presswork/admin/css/toolbox-styles.css?ver=3.4.1' type='text/css' media='all' />
  80. <link rel='stylesheet' id='farbtastic-css' href='http://www.asiapacificinitiative.org/wp-admin/css/farbtastic.css?ver=1.3u1' type='text/css' media='all' />
  81. <link rel='stylesheet' id='pw_google_font-css' href='http://fonts.googleapis.com/css?family=Quattrocento%7CDroid+Sans%7CDroid+Serif%7CLobster%7CPT+Sans%7CYanone+Kaffeesatz%7CArvo%7CUbuntu%7COpen+Sans%7CPacifico%7CCalligraffitti%7CReenie+Beanie%7CCrafty+Girls%7CTangerine%7COswald%7CShadows+Into+Light%7CNobile%7CRaleway%7CRock+Salt%7CCopse&#038;ver=3.4.1' type='text/css' media='all' />
  82. <script type='text/javascript' src='http://www.asiapacificinitiative.org/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
  83. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.asiapacificinitiative.org/xmlrpc.php?rsd" />
  84. <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.asiapacificinitiative.org/wp-includes/wlwmanifest.xml" />
  85. <meta name="generator" content="WordPress 3.4.1" />
  86. <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
  87. <style type="text/css" media="print">#wpadminbar { display:none; }</style>
  88. <style type="text/css" media="screen">
  89. html { margin-top: 28px !important; }
  90. * html body { margin-top: 28px !important; }
  91. </style>
  92. <style type="text/css">
  93. #header_image { background: url(http://www.asiapacificinitiative.org/wp-content/uploads/2012/08/cropped-Copy-of-peace-cranes2.jpg); height: 160px; width: 1290px; }
  94. </style>
  95. <style type="text/css" id="custom-background-css">
  96. body.custom-background { background-color: #ffffff; }
  97. </style>
  98. </head>
  99.  
  100. <!--[if lt IE 7 ]> <body class="home blog logged-in admin-bar custom-background ie6"> <![endif]-->
  101. <!--[if IE 7 ]> <body class="home blog logged-in admin-bar custom-background ie7"> <![endif]-->
  102. <!--[if IE 8 ]> <body class="home blog logged-in admin-bar custom-background ie8"> <![endif]-->
  103. <!--[if IE 9 ]> <body class="home blog logged-in admin-bar custom-background ie9"> <![endif<]-->
  104. <!--[if (gt IE 9)|!(IE)]><!--> <body class="home blog logged-in admin-bar custom-background"> <!--<![endif]-->
  105.  
  106. <div id="body-wrapper" class="clearfix">
  107. <header id="header-main" role="banner"> <!-- begin header -->
  108. <ul id="headerbanner" class="clearfix">
  109. <li id="blogname" class="mainl">
  110. <div class="handle hand"><span></span>Blog Name<a href="javascript:void(0)" class="delete_element" data-pw-ids="blogname" data-pw-selectors="header_option"></a></div> <h1 id="site-title" class="siteheader"><a href="http://www.asiapacificinitiative.org/">Working Group for Peace &amp; Demilitarization in Asia &amp; the Pacific</a></h1>
  111. </li>
  112. <li id="header_image" class="mainl"><div class="handle hand"><span></span>Header Image<a href="javascript:void(0)" class="delete_element" data-pw-ids="header_image" data-pw-selectors="header_option"></a></div></li>
  113. <li id="nav" class="mainl"><div class="handle hand"><span></span>Primary Nav Menu<a href="javascript:void(0)" class="delete_element" data-pw-ids="nav" data-pw-selectors="header_option"></a></div><nav class="clear fl" role="navigation"><h3 class="assistive-text">Main menu</h3><ul id="menu-main" class="menu"><li id="menu-item-26" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26"><a href="http://asiapacificinitiative.org">Home</a></li>
  114. <li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16"><a href="http://www.asiapacificinitiative.org/?page_id=14">About Us</a>
  115. <ul class="sub-menu">
  116. <li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a href="http://www.asiapacificinitiative.org/?page_id=20">Mission Statement</a></li>
  117. <li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27"><a href="http://www.asiapacificinitiative.org/?page_id=23">Member Groups &#038; Endorsing Organizations</a></li>
  118. </ul>
  119. </li>
  120. <li id="menu-item-10" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10"><a href="http://www.asiapacificinitiative.org/?cat=3">Learn More</a>
  121. <ul class="sub-menu">
  122. <li id="menu-item-11" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11"><a href="http://www.asiapacificinitiative.org/?cat=10">Resources by Issue</a></li>
  123. <li id="menu-item-12" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-12"><a href="http://www.asiapacificinitiative.org/?cat=9">Resources by Region</a></li>
  124. </ul>
  125. </li>
  126. <li id="menu-item-9" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9"><a href="http://www.asiapacificinitiative.org/?cat=4">In the News</a></li>
  127. <li id="menu-item-6" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6"><a href="http://www.asiapacificinitiative.org/?cat=5">Get Involved</a>
  128. <ul class="sub-menu">
  129. <li id="menu-item-7" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7"><a href="http://www.asiapacificinitiative.org/?cat=7">Action Items</a></li>
  130. <li id="menu-item-8" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8"><a href="http://www.asiapacificinitiative.org/?cat=8">Events Near You</a></li>
  131. </ul>
  132. </li>
  133. </ul></nav></li> </ul> <!-- end headerbanner -->
  134. <div id="social-icons" class="small"></div> </header> <!-- end header -->
  135. <ul id="main-wrapper">
  136. <li id="maincontent" role="main"> <!-- begin maincontent -->
  137. <div class="handle hand"><span></span>Main Content</div><aside id="search-2" class="content-widget widget_search"><form role="search" method="get" id="searchform" action="http://www.asiapacificinitiative.org/" >
  138. <label class="assistive-text" for="s">Search for:</label>
  139. <input type="search" placeholder="Search..." value="" name="s" id="s" />
  140. </form></aside> <aside id="recent-posts-2" class="content-widget widget_recent_entries"> <header><h1 class="catheader">Recent Posts</h1></header> <ul>
  141. <li><a href="http://www.asiapacificinitiative.org/?p=1" title="Hello world!">Hello world!</a></li>
  142. </ul>
  143. </aside><aside id="recent-comments-2" class="content-widget widget_recent_comments"><header><h1 class="catheader">Recent Comments</h1></header><ul id="recentcomments"><li class="recentcomments"><a href='http://wordpress.org/' rel='external nofollow' class='url'>Mr WordPress</a> on <a href="http://www.asiapacificinitiative.org/?p=1#comment-1">Hello world!</a></li></ul></aside><aside id="archives-2" class="content-widget widget_archive"><header><h1 class="catheader">Archives</h1></header> <ul>
  144. <li><a href='http://www.asiapacificinitiative.org/?m=201208' title='August 2012'>August 2012</a></li>
  145. </ul>
  146. </aside><aside id="categories-2" class="content-widget widget_categories"><header><h1 class="catheader">Categories</h1></header> <ul>
  147. <li class="cat-item cat-item-1"><a href="http://www.asiapacificinitiative.org/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
  148. </li>
  149. </ul>
  150. </aside><aside id="meta-2" class="content-widget widget_meta"><header><h1 class="catheader">Meta</h1></header> <ul>
  151. <li><a href="http://www.asiapacificinitiative.org/wp-admin/">Site Admin</a></li> <li><a href="http://www.asiapacificinitiative.org/wp-login.php?action=logout&#038;_wpnonce=4e44ef8f0f">Log out</a></li>
  152. <li><a href="http://www.asiapacificinitiative.org/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
  153. <li><a href="http://www.asiapacificinitiative.org/?feed=comments-rss2" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
  154. <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
  155. </ul>
  156. </aside>
  157. <article id="post-1" class="post-1 post type-post status-publish format-standard hentry category-uncategorized pw pw1 odd">
  158. <div>
  159. <header>
  160. <hgroup>
  161. <h1 class="posttitle"><a href="http://www.asiapacificinitiative.org/?p=1" title="Permalink to Hello world!" rel="bookmark">Hello world!</a></h1>
  162. <h2 class="meta">
  163. by <a href="http://www.asiapacificinitiative.org/?author=1" title="Posts by admin" rel="author">admin</a>&nbsp;&bull;&nbsp;August 2, 2012&nbsp;&bull;&nbsp;<a href="http://www.asiapacificinitiative.org/?p=1#comments" title="Comment on Hello world!">1 Comment</a> </h2>
  164. </hgroup>
  165. </header>
  166. <div class="storycontent">
  167. <p class="excerpt">Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p><a href="http://www.asiapacificinitiative.org/?p=1" class="more-link">Read more &rarr;</a> </div>
  168. </div>
  169. </article>
  170. <div id="indexposts" class="clear fl">
  171. </div> </li> <!-- end #maincontent -->
  172. <li id="firstsidebar" role="complementary" class="el2"> <!-- begin firstsidebar -->
  173. <div class="handle hand"><span></span>First Sidebar<a href="javascript:void(0)" class="delete_element" data-pw-ids="firstsidebar" data-pw-selectors="layout_option"></a></div><aside class="side-widget widget_search"><form role="search" method="get" id="searchform" action="http://www.asiapacificinitiative.org/" >
  174. <label class="assistive-text" for="s">Search for:</label>
  175. <input type="search" placeholder="Search..." value="" name="s" id="s" />
  176. </form></aside><aside class="side-widget pw_featured_posts"><header><h3>Featured Posts</h3></header> <article id="post-1" class="post-1 post type-post status-publish format-standard hentry category-uncategorized side-featured odd">
  177. <div>
  178. <header>
  179. <h1 class="posttitle"><a href="http://www.asiapacificinitiative.org/?p=1" title="Permalink to Hello world!" rel="bookmark">Hello world!</a></h1>
  180. <div class="meta">
  181. August 2, 2012 </div>
  182. </header>
  183. <div class="storycontent">
  184. <p class="excerpt">Welcome to WordPress. This is your first post. Edit or delete it, then start...</p> </div>
  185. </div>
  186. </article>
  187. </aside><aside class="side-widget pw_twitter_feed"><header><h3>Latest Tweets</h3></header><ul class='mytweets'><li>RT @<a class=" " href="https://twitter.com/UberFacts">UberFacts</a>: More children ages 5 to 14 die <em>from</em> playing baseball than any other sport.</li><li>RT @<a class=" " href="https://twitter.com/UberFacts">UberFacts</a>: More children ages 5 to 14 die <em>from</em> playing baseball than any other sport.</li><li>RT @<a class=" " href="https://twitter.com/GhettoEnglish">GhettoEnglish</a>: "Girl Bye" = Your stupidity has resulted in my irritation with you therefore I'm dismissing you <em>from</em> my presence.</li></ul> <p class="clear"><a href="http://twitter.com/">Follow Us</a></p>
  188. </aside><aside class="warning clearfix fl"><p>Add your own widgets to the First Sidebar <a href="http://www.asiapacificinitiative.org/wp-admin/widgets.php">here</a></p></aside></li> <!-- end firstsidebar -->
  189. </ul> <!-- end #main-wrapper ul -->
  190. <footer id="footer-main" class="clearfix fl" role="contentinfo"> <!-- begin footer -->
  191. <ul id="footer" class="clearfix">
  192. <li id="extendedfooter" class="foot" role="complementary"><div class="handle hand"><span></span>Extended Footer<a href="javascript:void(0)" class="delete_element" data-pw-ids="extendedfooter" data-pw-selectors="footer_option"></a></div><div class="warning clear fl"><p>Add widgets to the Extended Footer <a href="http://www.asiapacificinitiative.org/wp-admin/widgets.php">here</a></p></div></li><li id="copyright" class="foot"><div class="handle hand"><span></span>Copyright<a href="javascript:void(0)" class="delete_element" data-pw-ids="copyright" data-pw-selectors="footer_option"></a></div>&copy; 2012 <a href="http://www.asiapacificinitiative.org">Working Group for Peace &amp; Demilitarization in Asia &amp; the Pacific</a>. All Rights Reserved. Created using <a href="http://presswork.me">PressWork</a>.</li> </ul> <!-- end #footer -->
  193. </footer> <!-- end footer -->
  194. </div> <!-- end #body-wrapper -->
  195. <div id="pw_toolbox">
  196. <div id="pw_toolbox_controls">
  197. <div class="open_toolbox options clear fl" data-pw-toolbox-name="options" title="PressWork Options"></div>
  198. <div class="open_toolbox layout clear fl" data-pw-toolbox-name="layout" title="Layout Options"></div>
  199. <div class="open_toolbox color clear fl" data-pw-toolbox-name="color" title="Color Options"></div>
  200. <div class="open_toolbox fonts clear fl" data-pw-toolbox-name="fonts" title="Font Options"></div>
  201. <div class="open_toolbox social clear fl" data-pw-toolbox-name="social" title="Social Options"></div>
  202. <div id="savetheme" class="clear fl" title="Save Button"></div>
  203. </div>
  204. <form method="post" name="themeform" id="themeform" autocomplete="off">
  205. <div id="options" class="pw_toolbox_content">
  206. <div class="pw_toolbox_arrow"></div>
  207. <h4>PressWork Settings</h4>
  208. <div class="closewindow">X</div>
  209. <table class="themeoptions">
  210. <tr><th>Drag &amp; Drop Editor</th><td>
  211. <a href="javascript:void(0)" class="save_option green-button active" id="dragdrop">ON</a>
  212. </td></tr>
  213. <tr><th>Hooks</th><td><a href="javascript:void(0)" class="save_option green-button" id="hooks">OFF</a></td></tr>
  214. <tr><th>Functions</th><td><a href="javascript:void(0)" class="save_option green-button" id="functions">OFF</a></td></tr>
  215. <tr><th>Reset all options</th><td><a href="javascript:void(0)" class="green-button" id="reset_options">Reset</a></td></tr>
  216. </table>
  217. </div>
  218.  
  219. <div id="layout" class="pw_toolbox_content">
  220. <div class="pw_toolbox_arrow"></div>
  221. <h4>Layout</h4>
  222. <div class="closewindow">X</div>
  223. <div class="lower_box">
  224. <label>Main Content</label><input type="text" class="layout_widths" data-pw-ids="maincontent" name="content_width" size="4" id="content_width" value="960" />&nbsp;&nbsp;
  225. <label>First Sidebar</label><input type="text" class="layout_widths" data-pw-ids="firstsidebar" name="first_sidebar_width" size="4" id="first_sidebar_width" value="300" />&nbsp;&nbsp;
  226. <label>Second Sidebar</label><input type="text" class="layout_widths" name="second_sidebar_width" size="4" id="second_sidebar_width" data-pw-ids="secondsidebar" value="180" />
  227. <br />
  228. <label>Body Margins</label><input type="text" class="margins" data-pw-ids="body-wrapper" name="body_margins" size="4" id="body_margins" value="0" />&nbsp;&nbsp;
  229. <label>Content Margins</label><input type="text" class="margins" data-pw-ids="main-wrapper > li" name="content_margins" size="4" id="content_margins" value="30" />
  230. <div class="styled-select clearfix">
  231. <select id="layoutselect">
  232. <option value="header">Header</option>
  233. <option value="layout">Main Content</option>
  234. <option value="footer">Footer</option>
  235. </select>
  236. </div>
  237. <div class="pw-items">
  238. <div class="addoption header-item"><span>Logo</span><a href="javascript:void(0)" class="add-item" data-pw-ids="header_logo" data-pw-selectors="headerbanner|header">Add</a></div> <div class="addoption header-item"><span>Header Image</span><a href="javascript:void(0)" class="add-item disabled" data-pw-ids="header_image" data-pw-selectors="headerbanner|header">Add</a></div> <div class="addoption header-item"><span>Blog Name</span><a href="javascript:void(0)" class="add-item disabled" data-pw-ids="blogname" data-pw-selectors="headerbanner|header">Add</a></div> <div class="addoption header-item"><span>Description</span><a href="javascript:void(0)" class="add-item" data-pw-ids="description" data-pw-selectors="headerbanner|header">Add</a></div> <div class="addoption header-item"><span>Primary Menu</span><a href="javascript:void(0)" class="add-item disabled" data-pw-ids="nav" data-pw-selectors="headerbanner|header">Add</a></div> <div class="addoption header-item"><span>Secondary Menu</span><a href="javascript:void(0)" class="add-item" data-pw-ids="subnav" data-pw-selectors="headerbanner|header">Add</a></div> <div class="addoption header-item"><span>Widgetized Area</span><a href="javascript:void(0)" class="add-item" data-pw-ids="headerarea" data-pw-selectors="headerbanner|header">Add</a></div> <div class="addoption layout-item"><span>First Sidebar</span><a href="javascript:void(0)" class="add-item disabled" data-pw-ids="firstsidebar" data-pw-selectors="main-wrapper|layout">Add</a></div> <div class="addoption layout-item"><span>Second Sidebar</span><a href="javascript:void(0)" class="add-item" data-pw-ids="secondsidebar" data-pw-selectors="main-wrapper|layout">Add</a></div> <div class="addoption footer-item"><span>Footer Menu</span><a href="javascript:void(0)" class="add-item" data-pw-ids="footernav" data-pw-selectors="footer|footer">Add</a></div> <div class="addoption footer-item"><span>Extended Footer</span><a href="javascript:void(0)" class="add-item disabled" data-pw-ids="extendedfooter" data-pw-selectors="footer|footer">Add</a></div> <div class="addoption footer-item"><span>Copyright</span><a href="javascript:void(0)" class="add-item disabled" data-pw-ids="copyright" data-pw-selectors="footer|footer">Add</a></div> <table class="pw-inputs header-inputs">
  239. <tr><td><label for="the_header_logo">Logo Image URL</label></td><td><input type="text" name="header_logo" id="the_header_logo" class="header-item" value="http://www.asiapacificinitiative.org/wp-content/themes/presswork/admin/images/logo_front.png" /></td></tr>
  240. <tr><td><label for="favicon">Favicon URL</label></td><td><input type="text" name="favicon" id="favicon" value="http://www.asiapacificinitiative.org/wp-content/themes/presswork/admin/images/favicon.ico" /></td></tr>
  241. </table>
  242. </div>
  243. </div>
  244. </div>
  245.  
  246. <div id="color" class="pw_toolbox_content">
  247. <div class="pw_toolbox_arrow"></div>
  248. <h4>Colors</h4>
  249. <div class="closewindow">X</div>
  250. <div class="lower_box">
  251. <div class="styled-select">
  252. <select id="colorselect">
  253. <option value="siteheader">Blog Name</option>
  254. <option value="description">Description</option>
  255. <option value="links">Links</option>
  256. <option value="text">Main Text</option>
  257. <option value="nav">Primary Menu</option>
  258. <option value="subnav">Secondary Menu</option>
  259. <option value="footernav">Footer Menu</option>
  260. <option value="category_header">Category Header</option>
  261. <option value="post_title">Post Title</option>
  262. <option value="post_meta">Post Meta</option>
  263. <option value="page_background">Page Background</option>
  264. </select>
  265. </div>
  266. <table class="themeoptions">
  267. <tr class="color-item siteheader-item"><th>Color</th><td><input type="text" class="colorpicker" name="siteheader_color" data-pw-selectors=".siteheader a|color" size="7" maxlength="7" value="#3ba576" /></td></tr> <tr class="color-item siteheader-item"><th>Hover Color</th><td><input type="text" class="colorpicker" name="siteheader_color_hover" data-pw-selectors=".siteheader a:hover|color" size="7" maxlength="7" value="#da652b" /></td></tr> <tr class="color-item description-item"><th>Color</th><td><input type="text" class="colorpicker" name="description_color" data-pw-selectors="#description|color" size="7" maxlength="7" value="#444444" /></td></tr> <tr class="color-item links-item"><th>Color</th><td><input type="text" class="colorpicker" name="a_color" data-pw-selectors="a|color" size="7" maxlength="7" value="#2b904e" /></td></tr> <tr class="color-item links-item"><th>Hover Color</th><td><input type="text" class="colorpicker" name="a_color_hover" data-pw-selectors="a:hover|color" size="7" maxlength="7" value="#4fb859" /></td></tr> <tr class="color-item text-item"><th>Color</th><td><input type="text" class="colorpicker" name="main_text_color" data-pw-selectors="#body-wrapper|color" size="7" maxlength="7" value="#444444" /></td></tr> <tr class="color-item nav-item"><th>Color</th><td><input type="text" class="colorpicker" name="nav_color" data-pw-selectors="#nav nav a|color" size="7" maxlength="7" value="#3e86da" /></td></tr> <tr class="color-item nav-item"><th>Hover Color</th><td><input type="text" class="colorpicker" name="nav_color_hover" data-pw-selectors="#nav nav a:hover|color" size="7" maxlength="7" value="#3ba576" /></td></tr> <tr class="color-item nav-item"><th>BG Color</th><td><input type="text" class="colorpicker" name="nav_background_color" data-pw-selectors="#nav nav ul|background-color" size="7" maxlength="7" value="#ffffff" /></td></tr> <tr class="color-item nav-item"><th>BG Hover Color</th><td><input type="text" class="colorpicker" name="nav_background_color_hover" data-pw-selectors="#nav nav a:hover, #nav nav .sub-menu li, #nav nav li:hover|background-color" size="7" maxlength="7" value="#ffffff" /></td></tr> <tr class="color-item subnav-item"><th>Color</th><td><input type="text" class="colorpicker" name="subnav_color" data-pw-selectors="#subnav nav a|color" size="7" maxlength="7" value="#222222" /></td></tr> <tr class="color-item subnav-item"><th>Hover Color</th><td><input type="text" class="colorpicker" name="subnav_color_hover" data-pw-selectors="#subnav nav a:hover|color" size="7" maxlength="7" value="#222222" /></td></tr> <tr class="color-item subnav-item"><th>BG Color</th><td><input type="text" class="colorpicker" name="subnav_background_color" data-pw-selectors="#subnav nav ul|background-color" size="7" maxlength="7" value="#FFFFFF" /></td></tr> <tr class="color-item subnav-item"><th>BG Hover Color</th><td><input type="text" class="colorpicker" name="subnav_background_color_hover" data-pw-selectors="#subnav nav a:hover, #subnav nav .sub-menu li, #subnav nav li:hover|background-color" size="7" maxlength="7" value="#EEEEEE" /></td></tr> <tr class="color-item footernav-item"><th>Color</th><td><input type="text" class="colorpicker" name="footernav_color" data-pw-selectors="#footernav nav a|color" size="7" maxlength="7" value="#222222" /></td></tr> <tr class="color-item footernav-item"><th>Hover Color</th><td><input type="text" class="colorpicker" name="footernav_color_hover" data-pw-selectors="#footernav nav a:hover|color" size="7" maxlength="7" value="#222222" /></td></tr> <tr class="color-item footernav-item"><th>BG Color</th><td><input type="text" class="colorpicker" name="footernav_background_color" data-pw-selectors="#footernav nav ul|background-color" size="7" maxlength="7" value="#FFFFFF" /></td></tr> <tr class="color-item footernav-item"><th>BG Hover Color</th><td><input type="text" class="colorpicker" name="footernav_background_color_hover" data-pw-selectors="#footernav nav a:hover, #footernav nav .sub-menu li, #footernav nav li:hover|background-color" size="7" maxlength="7" value="#EEEEEE" /></td></tr> <tr class="color-item category_header-item"><th>Category Header</th><td><input type="text" class="colorpicker" name="category_header_color" data-pw-selectors="h1.catheader|color" size="7" maxlength="7" value="#3b3b3b" /></td></tr> <tr class="color-item post_title-item"><th>Color</th><td><input type="text" class="colorpicker" name="post_title_color" data-pw-selectors="article .posttitle, article .posttitle a|color" size="7" maxlength="7" value="#222222" /></td></tr> <tr class="color-item post_title-item"><th>Hover Color</th><td><input type="text" class="colorpicker" name="post_title_color_hover" data-pw-selectors="article .posttitle a:hover|color" size="7" maxlength="7" value="#222222" /></td></tr> <tr class="color-item post_meta-item"><th>Color</th><td><input type="text" class="colorpicker" name="post_meta_color" data-pw-selectors="article .meta|color" size="7" maxlength="7" value="#888888" /></td></tr> <tr class="color-item page_background-item"><th>BG Color</th><td><input type="text" class="colorpicker" name="page_background_color" data-pw-selectors="#body-wrapper|background-color" size="7" maxlength="7" value="#ffffff" /></td></tr> </table>
  268. <div id="picker"></div>
  269. </div>
  270. </div>
  271. <div id="fonts" class="pw_toolbox_content">
  272. <div class="pw_toolbox_arrow"></div>
  273. <h4>Fonts</h4>
  274. <div class="closewindow">X</div>
  275. <table class="themeoptions">
  276. <tr ><th>Headers</th><td>
  277. <div class="font-select"><input type="hidden" name="headers_font" value="Nobile" />
  278. <a href="javascript:void(0)" class="styled-select current" data-pw-selectors="#body-wrapper h1, #body-wrapper h2, #body-wrapper h3, #body-wrapper h4, #body-wrapper h5, #body-wrapper h6, #body-wrapper h1 a, #body-wrapper h2 a, #body-wrapper h3 a, #body-wrapper h4 a, #body-wrapper h5 a, #body-wrapper h6 a" style="font-family: Nobile;">Nobile</a>
  279. <div class="font-preview">
  280. <a href="javascript:void(0)" style="font-family: Quattrocento;">Quattrocento</a>
  281. <a href="javascript:void(0)" style="font-family: Droid Sans;">Droid Sans</a>
  282. <a href="javascript:void(0)" style="font-family: Droid Serif;">Droid Serif</a>
  283. <a href="javascript:void(0)" style="font-family: Lobster;">Lobster</a>
  284. <a href="javascript:void(0)" style="font-family: PT Sans;">PT Sans</a>
  285. <a href="javascript:void(0)" style="font-family: Yanone Kaffeesatz;">Yanone Kaffeesatz</a>
  286. <a href="javascript:void(0)" style="font-family: Arvo;">Arvo</a>
  287. <a href="javascript:void(0)" style="font-family: Ubuntu;">Ubuntu</a>
  288. <a href="javascript:void(0)" style="font-family: Open Sans;">Open Sans</a>
  289. <a href="javascript:void(0)" style="font-family: Pacifico;">Pacifico</a>
  290. <a href="javascript:void(0)" style="font-family: Calligraffitti;">Calligraffitti</a>
  291. <a href="javascript:void(0)" style="font-family: Reenie Beanie;">Reenie Beanie</a>
  292. <a href="javascript:void(0)" style="font-family: Crafty Girls;">Crafty Girls</a>
  293. <a href="javascript:void(0)" style="font-family: Tangerine;">Tangerine</a>
  294. <a href="javascript:void(0)" style="font-family: Oswald;">Oswald</a>
  295. <a href="javascript:void(0)" style="font-family: Shadows Into Light;">Shadows Into Light</a>
  296. <a href="javascript:void(0)" class="selected" style="font-family: Nobile;">Nobile</a>
  297. <a href="javascript:void(0)" style="font-family: Raleway;">Raleway</a>
  298. <a href="javascript:void(0)" style="font-family: Rock Salt;">Rock Salt</a>
  299. <a href="javascript:void(0)" style="font-family: Copse;">Copse</a>
  300. </div></div></td></tr> <tr ><th>Body</th><td>
  301. <div class="font-select"><input type="hidden" name="body_font" value="Nobile" />
  302. <a href="javascript:void(0)" class="styled-select current" data-pw-selectors="#body-wrapper" style="font-family: Nobile;">Nobile</a>
  303. <div class="font-preview">
  304. <a href="javascript:void(0)" style="font-family: Quattrocento;">Quattrocento</a>
  305. <a href="javascript:void(0)" style="font-family: Droid Sans;">Droid Sans</a>
  306. <a href="javascript:void(0)" style="font-family: Droid Serif;">Droid Serif</a>
  307. <a href="javascript:void(0)" style="font-family: Lobster;">Lobster</a>
  308. <a href="javascript:void(0)" style="font-family: PT Sans;">PT Sans</a>
  309. <a href="javascript:void(0)" style="font-family: Yanone Kaffeesatz;">Yanone Kaffeesatz</a>
  310. <a href="javascript:void(0)" style="font-family: Arvo;">Arvo</a>
  311. <a href="javascript:void(0)" style="font-family: Ubuntu;">Ubuntu</a>
  312. <a href="javascript:void(0)" style="font-family: Open Sans;">Open Sans</a>
  313. <a href="javascript:void(0)" style="font-family: Pacifico;">Pacifico</a>
  314. <a href="javascript:void(0)" style="font-family: Calligraffitti;">Calligraffitti</a>
  315. <a href="javascript:void(0)" style="font-family: Reenie Beanie;">Reenie Beanie</a>
  316. <a href="javascript:void(0)" style="font-family: Crafty Girls;">Crafty Girls</a>
  317. <a href="javascript:void(0)" style="font-family: Tangerine;">Tangerine</a>
  318. <a href="javascript:void(0)" style="font-family: Oswald;">Oswald</a>
  319. <a href="javascript:void(0)" style="font-family: Shadows Into Light;">Shadows Into Light</a>
  320. <a href="javascript:void(0)" class="selected" style="font-family: Nobile;">Nobile</a>
  321. <a href="javascript:void(0)" style="font-family: Raleway;">Raleway</a>
  322. <a href="javascript:void(0)" style="font-family: Rock Salt;">Rock Salt</a>
  323. <a href="javascript:void(0)" style="font-family: Copse;">Copse</a>
  324. </div></div></td></tr> <tr><th>Font Size</th><td><input type="text" name="body_font_size" id="body_font_size" value="13" size="4" /> px</td></tr>
  325. </table>
  326. <p>Fonts by <a href="http://www.google.com/webfonts?subset=latin&amp;sort=pop" target="_blank">Google</a></p>
  327. </div>
  328.  
  329. <div id="social" class="pw_toolbox_content">
  330. <div class="pw_toolbox_arrow"></div>
  331. <h4>Social</h4>
  332. <div class="closewindow">X</div>
  333. <table class="themeoptions">
  334. <tr><th>Twitter</th><td><input type="text" placeholder="Username (without @)" name="twitter" value="" /></td></tr> <tr><th>Facebook</th><td><input type="text" placeholder="Username" name="facebook" value="" /></td></tr> <tr><th>Flickr</th><td><input type="text" placeholder="User ID" name="flickr" value="" /></td></tr> <tr><th>Google +</th><td><input type="text" placeholder="User ID" name="googleplus" value="" /></td></tr> <tr><th>LinkedIn</th><td><input type="text" placeholder="Username" name="linkedin" value="" /></td></tr> <tr><th>StumbleUpon</th><td><input type="text" placeholder="Username" name="stumbleupon" value="" /></td></tr> </table>
  335. </div>
  336.  
  337. <input type="hidden" name="layout_option" id="layout_option" value="maincontent,firstsidebar" />
  338. <input type="hidden" name="header_option" id="header_option" value="blogname,header_image,nav" />
  339. <input type="hidden" name="footer_option" id="footer_option" value="extendedfooter,copyright" />
  340. <input type="hidden" id="presswork_nonce" name="presswork_nonce" value="40c27b862e" /><input type="hidden" name="_wp_http_referer" value="/" /> </form>
  341. </div>
  342. <div id="ajaxloader"></div>
  343. <div id="save_message">PressWork Updated</div>
  344. <script type='text/javascript' src='http://www.asiapacificinitiative.org/wp-includes/js/admin-bar.js?ver=3.4.1'></script>
  345. <script type='text/javascript' src='http://www.asiapacificinitiative.org/wp-includes/js/jquery/ui/jquery.ui.core.min.js?ver=1.8.20'></script>
  346. <script type='text/javascript' src='http://www.asiapacificinitiative.org/wp-includes/js/jquery/ui/jquery.ui.widget.min.js?ver=1.8.20'></script>
  347. <script type='text/javascript' src='http://www.asiapacificinitiative.org/wp-includes/js/jquery/ui/jquery.ui.mouse.min.js?ver=1.8.20'></script>
  348. <script type='text/javascript' src='http://www.asiapacificinitiative.org/wp-includes/js/jquery/ui/jquery.ui.sortable.min.js?ver=1.8.20'></script>
  349. <script type='text/javascript' src='http://www.asiapacificinitiative.org/wp-admin/js/farbtastic.js?ver=3.4.1'></script>
  350.  
  351. <!-- PressWork Toolbox Scripts -->
  352. <script type="text/javascript">
  353. /* <![CDATA[ */
  354. (function($) {
  355. $("#savetheme").click(function() {
  356. $("#themeform").trigger("submit");
  357. $(this).removeClass("remember");
  358. return false;
  359. });
  360. $("#themeform").submit(function() {
  361. var nonce = $("input#presswork_nonce").val(),
  362. loader = $("#ajaxloader"),
  363. message = $("#save_message"),
  364. data = {
  365. action: 'save_theme_options',
  366. nonce: nonce,
  367. option: $(this).serialize(),
  368. };
  369. message.hide();
  370. loader.show();
  371. $.post('http://www.asiapacificinitiative.org/wp-admin/admin-ajax.php', data,
  372. function(response){
  373. loader.hide();
  374. message.fadeIn();
  375. setTimeout(function() { message.fadeOut(); }, 5000);
  376. });
  377. return false;
  378. });
  379. $("#colorselect").change(function() {
  380. colorselect();
  381. });
  382. $("#layoutselect").change(function() {
  383. layoutselect();
  384. });
  385.  
  386. $('.font-select a').click(function() {
  387. var section_to_show = $(this).next(),
  388. already_visible = $('.font-preview:visible');
  389. section_to_show.slideToggle('slow');
  390. already_visible.slideUp('slow');
  391. });
  392.  
  393. $(".font-preview a").bind({
  394. click: function(){
  395. var el = $(this),
  396. fontSelect = el.parents('.font-select'),
  397. fontPreview = el.parents('.font-preview'),
  398. thisText = el.text();
  399. fontSelect
  400. .children('a.current').text(thisText).css('font-family', thisText)
  401. .end()
  402. .children('input').val(thisText);
  403. fontPreview
  404. .children('a.selected').removeClass('selected')
  405. .end()
  406. .parents('.font-preview').slideUp('slow');
  407. el.addClass('selected');
  408. },
  409. mouseenter: function(){
  410. var el = $(this),
  411. to_style = el.parents('.font-select').children('a.current').data("pw-selectors"),
  412. this_font = el.text();
  413. //console.log('to_style: ' + to_style + ', this_font: ' + this_font);
  414. if(!el.parent('.font-preview').is(':animated'))
  415. $(to_style).css({ fontFamily : this_font });
  416. },
  417. mouseleave: function(){
  418. var el = $(this),
  419. current = el.parents('.font-select').children('a.current'),
  420. to_style = current.data("pw-selectors"),
  421. original_option = current.text();
  422. // console.log('to_style: ' + to_style + ', original_option: ' + original_option);
  423. if(!el.parent('.font-preview').is(':animated'))
  424. $(to_style).css({ fontFamily : original_option});
  425. }
  426. });
  427.  
  428. $("#the_header_logo").change(function() {
  429. $("#header_logo img").attr("src", $(this).val());
  430. });
  431.  
  432. function colorselect() {
  433. $(".color-item").show().not("." + $("#colorselect").val() + "-item").hide();
  434. }
  435. colorselect();
  436.  
  437. function layoutselect() {
  438. var value = $("#layoutselect").val();
  439. $(".addoption").show().not("."+value+"-item").hide();
  440. $("."+value+"-inputs").show();
  441. $(".pw-inputs").not("."+value+"-inputs").hide();
  442. }
  443. layoutselect();
  444.  
  445. if($(".colorpicker").val()=="") $(".colorpicker").val("#")
  446.  
  447. var f = $.farbtastic('#picker');
  448. $('.colorpicker')
  449. .each(function() { f.linkTo(this); })
  450. .focus(function() { f.linkTo(this); })
  451. .change(function() { if($(this).val()=="") $(this).val("#"); change_styles(); });
  452.  
  453. $(".farbtastic").mouseup(function() {
  454. change_styles();
  455. $("#savetheme").addClass("remember");
  456. });
  457.  
  458. function change_styles() {
  459. $(".colorpicker:visible").each(function() {
  460. var el = $(this),
  461. col = el.val(),
  462. style = el.data("pw-selectors").split('|'),
  463. addstyle = style[0] + " { " + style[1] + ": " + col + "; }\n";
  464. $("#pw_style_preview").append(addstyle);
  465. });
  466. }
  467.  
  468. $("#body_font_size").change(function() {
  469. var size = $(this).val();
  470. $('body').css("font-size", size+"px");
  471. });
  472. $(".add-item").click(function(){
  473. var el = $(this);
  474. if(el.hasClass("disabled")) {
  475. // nothing
  476. } else {
  477. el.addClass("disabled");
  478. var nonce = $("input#presswork_nonce").val(),
  479. loader = $("#ajaxloader"),
  480. wrap = el.data("pw-selectors").split("|"),
  481. main = $("#"+wrap[0]),
  482. item = el.data("pw-ids"),
  483. data = {
  484. action: 'add_element',
  485. element: item,
  486. option: wrap[1],
  487. nonce: nonce,
  488. };
  489. loader.show();
  490. $.post('http://www.asiapacificinitiative.org/wp-admin/admin-ajax.php', data,
  491. function(response){
  492. loader.hide();
  493. if(response) {
  494. main.append(response);
  495. if(wrap[1]=="layout") {
  496. var last = main.find("li#"+item),
  497. newfull = parseInt($('.layout_widths[data-pw-ids="'+item+'"]').val()),
  498. contentMargins = parseInt($('#content_margins').val()),
  499. bodyWrapper = $("#body-wrapper"),
  500. full = bodyWrapper.width(),
  501. total_new = full + newfull + contentMargins;
  502. last.css({ margin: "0 "+contentMargins/2+"px", width: newfull });
  503. $("body").removeClass("fullwidth");
  504. bodyWrapper.stop(true,true).animate({
  505. width: total_new
  506. }, function() { last.show(); });
  507. $("#headerbanner, #footer").animate({ width: total_new });
  508. $("#header_image").animate({ backgroundSize: total_new });
  509. }
  510. $("#"+wrap[1]+"_option").val( main.sortable("toArray") );
  511. $("#savetheme").addClass("remember");
  512. }
  513. });
  514. }
  515. });
  516.  
  517. $(".save_option").click(function() {
  518. if($(this).hasClass("active")) {
  519. var value = "off";
  520. } else {
  521. var value = "on";
  522. }
  523. var theID = $(this).attr("id"),
  524. loader = $("#ajaxloader"),
  525. data = {
  526. action: 'save_option',
  527. option: value,
  528. id: theID
  529. };
  530. loader.show();
  531. $.post('http://www.asiapacificinitiative.org/wp-admin/admin-ajax.php', data,
  532. function(response){
  533. setTimeout(function() { location.reload(); }, 1000);
  534. });
  535. });
  536. $("#reset_options").click(function() {
  537. var message = "Are you sure you want to reset the theme options?";
  538. if(confirm(message)) {
  539. var loader = $("#ajaxloader"),
  540. data = {
  541. action: 'reset_theme_options'
  542. };
  543. loader.show();
  544. $.post('http://www.asiapacificinitiative.org/wp-admin/admin-ajax.php', data,
  545. function(response){
  546. setTimeout(function() { location.reload(); }, 1000);
  547. });
  548. } else {
  549. return false;
  550. }
  551. });
  552. $(".layout_widths").change(function(){
  553. var value = $(this).val(),
  554. id = $(this).data("pw-ids"),
  555. current = $("#"+id).width(),
  556. bodyWrapper = $("#body-wrapper"),
  557. headerFooter = $("#headerbanner, #footer"),
  558. headerImage = $("#header_image"),
  559. full = bodyWrapper.width(),
  560. newfull = parseInt(full) - parseInt(current) + parseInt(value);
  561. if(value>current) {
  562. bodyWrapper.stop(true,true).animate({
  563. width: newfull
  564. },
  565. function() {
  566. $("#"+id).stop(true,true).animate({
  567. width: value
  568. });
  569. headerFooter.animate({ width: newfull });
  570. headerImage.animate({ backgroundSize: newfull });
  571. });
  572. } else {
  573. $("#"+id).stop(true,true).animate({
  574. width: value
  575. },
  576. function() {
  577. bodyWrapper.stop(true,true).animate({
  578. width: newfull
  579. });
  580. headerFooter.animate({ width: newfull });
  581. headerImage.animate({ backgroundSize: newfull });
  582. });
  583. }
  584. });
  585.  
  586. $(".margins").change(function(){
  587. var value = $(this).val(),
  588. id = $(this).data("pw-ids");
  589. if(id!="body-wrapper") {
  590. var bodyWrapper = $("#body-wrapper"),
  591. headerFooter = $("#headerbanner, #footer"),
  592. headerImage = $("#header_image"),
  593. current = $("#"+id).css("margin-right").replace("px", ""),
  594. full = bodyWrapper.width(),
  595. n = $("#"+id).length-1,
  596. newfull = parseInt(full) - (parseInt(current*2)* n) + (parseInt(value)* n),
  597. newvalue = "0 " + (value/2);
  598. if((value/2)>current) {
  599. bodyWrapper.stop(true,true).animate({
  600. width: newfull
  601. },
  602. function() {
  603. $("#"+id).css({
  604. margin: newvalue+"px"
  605. });
  606. });
  607. } else {
  608. $("#"+id).css({
  609. margin: newvalue+"px"
  610. });
  611. bodyWrapper.stop(true,true).animate({
  612. width: newfull
  613. });
  614. }
  615. headerFooter.animate({ width: newfull });
  616. headerImage.animate({ backgroundSize: newfull });
  617. } else {
  618. $("#"+id).css({
  619. padding: value+"px"
  620. });
  621. }
  622. });
  623.  
  624. $("#social .themeoptions input").change(function() {
  625. var value = $(this).val(),
  626. el = $(this).attr('name');
  627. if(value=='') {
  628. $("#social-icons a."+el+"-icon").remove();
  629. } else if($("#social-icons a."+el+"-icon").length==0) {
  630. var theURL;
  631. if(el=="twitter") theURL = "http://twitter.com/"+value;
  632. if(el=="facebook") theURL = "http://facebook.com/"+value;
  633. if(el=="flickr") theURL = "http://flickr.com/photos/"+value;
  634. if(el=="linkedin") theURL = "http://www.linkedin.com/in/"+value;
  635. if(el=="stumbleupon") theURL = "http://www.stumbleupon.com/stumbler/"+value;
  636. if(el=="googleplus") theURL = "https://plus.google.com/"+value;
  637. $("#social-icons").append("<a href='"+theURL+"' class='"+el+"-icon'></a>");
  638. }
  639. });
  640. $(".open_toolbox").click(function() {
  641. var button = $(this),
  642. it = $(this).data("pw-toolbox-name"),
  643. par = $("#"+it);
  644. if(button.hasClass("open")) {
  645. par.stop(true,true).fadeOut('fast');
  646. button.removeClass("open");
  647. return;
  648. }
  649. $(".open_toolbox").removeClass("open");
  650. button.addClass("open");
  651. if($(".pw_toolbox_content").not(par).is(".open")) {
  652. $(".pw_toolbox_content.open").fadeOut('fast', function() {
  653. if(!par.hasClass("open")) par.stop(true,true).fadeIn().addClass("open");
  654. }).removeClass("open");
  655. } else {
  656. par.stop(true,true).fadeIn().addClass("open");
  657. }
  658. });
  659.  
  660. $(".closewindow").click(function() {
  661. $(".pw_toolbox_content").fadeOut('fast');
  662. $(".open_toolbox").removeClass("open");
  663. });
  664. $(".delete_element").live("click", function(){
  665. var nonce = $("input#presswork_nonce").val(),
  666. loader = $("#ajaxloader"),
  667. main = $("#main-wrapper"),
  668. el = $(this),
  669. element = $(this).data("pw-ids"),
  670. option = $(this).data("pw-selectors"),
  671. data = {
  672. action: 'delete_element',
  673. element: element,
  674. option: option,
  675. nonce: nonce,
  676. };
  677. loader.show();
  678. $('.add-item[data-pw-ids="'+element+'"]').removeClass("disabled");
  679. $.post('http://www.asiapacificinitiative.org/wp-admin/admin-ajax.php', data,
  680. function(response){
  681. loader.hide();
  682. if(option=="layout_option") {
  683. var theitem = el.parent().parent(),
  684. newfull = theitem.width(),
  685. bodyWrapper = $("#body-wrapper"),
  686. full = bodyWrapper.width(),
  687. new_width = full - newfull - parseInt($('#content_margins').val());
  688. theitem.remove();
  689. $("#header_image").animate({ backgroundSize: new_width });
  690. bodyWrapper.stop(true,true).animate({
  691. width: new_width
  692. },
  693. function() {
  694. $("#headerbanner, #footer").css({ width: new_width });
  695. });
  696. var parent = "main-wrapper";
  697. }
  698. if(option=="header_option") {
  699. var theitem = el.parent().parent(),
  700. parent = "headerbanner";
  701. theitem.remove();
  702. }
  703. if(option=="footer_option") {
  704. var theitem = el.parent().parent(),
  705. parent = "footer";
  706. theitem.remove();
  707. }
  708. $("#"+option).val( $("#"+parent).sortable("toArray") );
  709. $("#savetheme").addClass("remember");
  710. });
  711. });
  712. $("#main-wrapper")
  713. .sortable({
  714. placeholder: 'placeholder',
  715. handle: "div.handle",
  716. forcePlaceholderSize: true,
  717. update: function(){
  718. $("#layout_option").val( $(this).sortable("toArray") );
  719. }
  720.  
  721. })
  722. $("#headerbanner")
  723. .sortable({
  724. placeholder: 'placeholder',
  725. handle: "div.handle",
  726. forcePlaceholderSize: true,
  727. update: function(){
  728. $("#header_option").val( $(this).sortable("toArray") );
  729. }
  730. })
  731. $("#footer")
  732. .sortable({
  733. placeholder: 'placeholder',
  734. handle: "div.handle",
  735. forcePlaceholderSize: true,
  736. update: function(){
  737. $("#footer_option").val( $(this).sortable("toArray") );
  738. }
  739. })
  740.  
  741. $("#themeform input, #themeform #fonts select").change(function() {
  742. $("#savetheme").addClass("remember");
  743. });
  744.  
  745. // ask the user to confirm the window closing
  746. window.onbeforeunload = function() {
  747. if($('#savetheme').hasClass("remember")) {
  748. return "If you leave this page you will lose your changes.";
  749. }
  750. }
  751. })(jQuery);
  752. /* ]]> */
  753. </script>
  754. <!-- eof PressWork Toolbox Scripts -->
  755.  
  756. <!-- PressWork Video Resizer Script -->
  757. <script type="text/javascript">
  758. /* <![CDATA[ */
  759. (function($) {
  760. $("object, embed, .format-video iframe").each(function() {
  761. var origVideo = $(this),
  762. aspectRatio = origVideo.attr("height") / origVideo.attr("width"),
  763. wrapWidth = origVideo.parents().find("p:last").width();
  764. if(origVideo.attr("width") > wrapWidth) {
  765. origVideo
  766. .attr("width", wrapWidth)
  767. .attr("height", (wrapWidth * aspectRatio));
  768. }
  769. });
  770. })(jQuery);
  771. /* ]]> */
  772. </script>
  773. <!-- eof PressWork Video Resizer Script -->
  774. <script type="text/javascript">
  775. (function() {
  776. var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');
  777.  
  778. request = true;
  779.  
  780. b[c] = b[c].replace( rcs, '' );
  781. b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
  782. }());
  783. </script>
  784. <div id="wpadminbar" class="nojq nojs" role="navigation">
  785. <div class="quicklinks">
  786. <ul id="wp-admin-bar-root-default" class="ab-top-menu">
  787. <li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/about.php" title="About WordPress"><span class="ab-icon"></span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-default" class="ab-submenu">
  788. <li id="wp-admin-bar-about" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/about.php">About WordPress</a> </li></ul><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu">
  789. <li id="wp-admin-bar-wporg" class=""><a class="ab-item" tabindex="10" href="http://wordpress.org/">WordPress.org</a> </li>
  790. <li id="wp-admin-bar-documentation" class=""><a class="ab-item" tabindex="10" href="http://codex.wordpress.org/">Documentation</a> </li>
  791. <li id="wp-admin-bar-support-forums" class=""><a class="ab-item" tabindex="10" href="http://wordpress.org/support/">Support Forums</a> </li>
  792. <li id="wp-admin-bar-feedback" class=""><a class="ab-item" tabindex="10" href="http://wordpress.org/support/forum/requests-and-feedback">Feedback</a> </li></ul></div> </li>
  793. <li id="wp-admin-bar-site-name" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/">Working Group for Peace &amp; Demilitari&hellip;</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-site-name-default" class="ab-submenu">
  794. <li id="wp-admin-bar-dashboard" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/">Dashboard</a> </li></ul><ul id="wp-admin-bar-appearance" class=" ab-submenu">
  795. <li id="wp-admin-bar-themes" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/themes.php">Themes</a> </li>
  796. <li id="wp-admin-bar-customize" class=" hide-if-no-customize"><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/customize.php?url=http%3A%2F%2Fwww.asiapacificinitiative.org%2F">Customize</a> </li>
  797. <li id="wp-admin-bar-widgets" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/widgets.php">Widgets</a> </li>
  798. <li id="wp-admin-bar-menus" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/nav-menus.php">Menus</a> </li>
  799. <li id="wp-admin-bar-background" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/themes.php?page=custom-background">Background</a> </li>
  800. <li id="wp-admin-bar-header" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/themes.php?page=custom-header">Header</a> </li></ul></div> </li>
  801. <li id="wp-admin-bar-comments" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/edit-comments.php" title="0 comments awaiting moderation"><span class="ab-icon"></span><span id="ab-awaiting-mod" class="ab-label awaiting-mod pending-count count-0">0</span></a> </li>
  802. <li id="wp-admin-bar-new-content" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/post-new.php" title="Add New"><span class="ab-icon"></span><span class="ab-label">New</span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-new-content-default" class="ab-submenu">
  803. <li id="wp-admin-bar-new-post" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/post-new.php">Post</a> </li>
  804. <li id="wp-admin-bar-new-media" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/media-new.php">Media</a> </li>
  805. <li id="wp-admin-bar-new-link" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/link-add.php">Link</a> </li>
  806. <li id="wp-admin-bar-new-page" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/post-new.php?post_type=page">Page</a> </li>
  807. <li id="wp-admin-bar-new-user" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/user-new.php">User</a> </li></ul></div> </li>
  808. <li id="wp-admin-bar-presswork-menu" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/themes.php?page=PressWork">PressWork</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-presswork-menu-default" class="ab-submenu">
  809. <li id="wp-admin-bar-presswork-admin" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/themes.php?page=PressWork">PW Admin</a> </li>
  810. <li id="wp-admin-bar-presswork-themes" class=""><a class="ab-item" tabindex="10" href="http://presswork.me/category/themes/">Browse Our Themes</a> </li></ul></div> </li>
  811. <li id="wp-admin-bar-dsgnwrks_help_menu" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="#">
  812. <strong style="display:none;">Search the Codex</strong>
  813. <form target="_blank" method="get" action="http://wordpress.org/search/do-search.php" class="alignleft dw_search" >
  814. <input type="text" onblur="this.value=(this.value=='') ? 'Search the Codex' : this.value;" onfocus="this.value=(this.value=='Search the Codex') ? '' : this.value;" value="Search the Codex" name="search" class="text dw_search_input" >
  815. <input type="submit" value="Go" class="button dw_search_go" /></form></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-dsgnwrks_help_menu-default" class="ab-submenu">
  816. <li id="wp-admin-bar-plugins_stuff" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/plugins.php">Plugins</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-plugins_stuff-default" class="ab-submenu">
  817. <li id="wp-admin-bar-plugins_stuff_search" class=""><a class="ab-item" tabindex="10" href="#">
  818. <strong style="display:none;">Search Plugins</strong>
  819. <form method="get" action="http://www.asiapacificinitiative.org/wp-admin/plugin-install.php?tab=search" class="alignleft dw_search" >
  820. <input type="hidden" name="tab" value="search"/>
  821. <input type="hidden" name="type" value="term"/>
  822. <input type="text" placeholder="Search Plugins" onblur="this.value=(this.value=='') ? 'Search Plugins' : this.value;" onfocus="this.value=(this.value=='Search Plugins') ? '' : this.value;" value="Search Plugins" name="s" value="Search Plugins" class="text dw_search_input" />
  823. <input type="submit" value="Go" class="button dw_search_go" /></form></a> </li>
  824. <li id="wp-admin-bar-plugins_stuff_upload" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/plugin-install.php?tab=upload">Upload Plugin</a> </li></ul></div> </li>
  825. <li id="wp-admin-bar-themes_stuff" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/themes.php">Themes</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-themes_stuff-default" class="ab-submenu">
  826. <li id="wp-admin-bar-themes_stuff_search" class=""><a class="ab-item" tabindex="10" href="#">
  827. <strong style="display:none;">Search Themes</strong>
  828. <form method="get" action="http://www.asiapacificinitiative.org/wp-admin/theme-install.php?tab=search" class="alignleft dw_search" >
  829. <input type="hidden" name="tab" value="search"/>
  830. <input type="hidden" name="type" value="term"/>
  831. <input type="text" placeholder="Search Themes" onblur="this.value=(this.value=='') ? 'Search Themes' : this.value;" onfocus="this.value=(this.value=='Search Themes') ? '' : this.value;" value="Search Themes" name="s" value="Search Themes" class="text dw_search_input" />
  832. <input type="submit" value="Go" class="button dw_search_go" /></form></a> </li>
  833. <li id="wp-admin-bar-themes_stuff_upload" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/theme-install.php?tab=upload">Upload Theme</a> </li></ul></div> </li>
  834. <li id="wp-admin-bar-media_stuff" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/upload.php">Media</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-media_stuff-default" class="ab-submenu">
  835. <li id="wp-admin-bar-media_stuff_search" class=""><a class="ab-item" tabindex="10" href="#">
  836. <strong style="display:none;">Search Media</strong>
  837. <form method="get" action="http://www.asiapacificinitiative.org/wp-admin/upload.php?tab=search" class="alignleft dw_search" >
  838. <input type="text" placeholder="Search Media" onblur="this.value=(this.value=='') ? 'Search Media' : this.value;" onfocus="this.value=(this.value=='Search Media') ? '' : this.value;" value="Search Media" name="s" value="Search Media" class="text dw_search_input" />
  839. <input type="submit" value="Go" class="button dw_search_go" /></form></a> </li>
  840. <li id="wp-admin-bar-media_stuff_upload" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/media-new.php">Upload Media</a> </li></ul></div> </li>
  841. <li id="wp-admin-bar-user_stuff" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/users.php">Users</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-user_stuff-default" class="ab-submenu">
  842. <li id="wp-admin-bar-user_stuff_search" class=""><a class="ab-item" tabindex="10" href="#">
  843. <strong style="display:none;">Search Users</strong>
  844. <form method="get" action="http://www.asiapacificinitiative.org/wp-admin/users.php?tab=search" class="alignleft dw_search" >
  845. <input type="text" placeholder="Search Users" onblur="this.value=(this.value=='') ? 'Search Users' : this.value;" onfocus="this.value=(this.value=='Search Users') ? '' : this.value;" value="Search Users" name="s" value="Search Users" class="text dw_search_input" />
  846. <input type="submit" value="Go" class="button dw_search_go" /></form></a> </li>
  847. <li id="wp-admin-bar-user_stuff_add" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/user-new.php">Add New User</a> </li></ul></div> </li>
  848. <li id="wp-admin-bar-eab-new-post" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/edit.php?post_type=post">Posts</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-eab-new-post-default" class="ab-submenu">
  849. <li id="wp-admin-bar-eab-new-post_search_post" class=""><a class="ab-item" tabindex="10" href="#">
  850. <strong style="display:none;">Search Posts</strong>
  851. <form method="get" action="http://www.asiapacificinitiative.org/wp-admin/edit.php" class="alignleft dw_search" >
  852. <input type="hidden" name="post_status" value="all"/>
  853. <input type="hidden" name="post_type" value="post"/>
  854. <input type="text" placeholder="Search Posts" onblur="this.value=(this.value=='') ? 'Search Posts' : this.value;" onfocus="this.value=(this.value=='Search Posts') ? '' : this.value;" value="Search Posts" name="s" value="Search Posts" class="text dw_search_input" /><input type="submit" value="Go" class="button dw_search_go" /></form></a> </li>
  855. <li id="wp-admin-bar-eab-new-post_addnew_post" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/post-new.php?post_type=post">Add New Post</a> </li></ul></div> </li>
  856. <li id="wp-admin-bar-eab-new-page" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/edit.php?post_type=page">Pages</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-eab-new-page-default" class="ab-submenu">
  857. <li id="wp-admin-bar-eab-new-page_search_page" class=""><a class="ab-item" tabindex="10" href="#">
  858. <strong style="display:none;">Search Pages</strong>
  859. <form method="get" action="http://www.asiapacificinitiative.org/wp-admin/edit.php" class="alignleft dw_search" >
  860. <input type="hidden" name="post_status" value="all"/>
  861. <input type="hidden" name="post_type" value="page"/>
  862. <input type="text" placeholder="Search Pages" onblur="this.value=(this.value=='') ? 'Search Pages' : this.value;" onfocus="this.value=(this.value=='Search Pages') ? '' : this.value;" value="Search Pages" name="s" value="Search Pages" class="text dw_search_input" /><input type="submit" value="Go" class="button dw_search_go" /></form></a> </li>
  863. <li id="wp-admin-bar-eab-new-page_addnew_page" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/post-new.php?post_type=page">Add New Page</a> </li></ul></div> </li>
  864. <li id="wp-admin-bar-settings_stuff" class="menupop"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/options-general.php">Settings</a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-settings_stuff-default" class="ab-submenu">
  865. <li id="wp-admin-bar-settings_stuff_writing" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/options-writing.php">Writing</a> </li>
  866. <li id="wp-admin-bar-settings_stuff_reading" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/options-reading.php">Reading</a> </li>
  867. <li id="wp-admin-bar-settings_stuff_discussion" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/options-discussion.php">Discussion</a> </li>
  868. <li id="wp-admin-bar-settings_stuff_media" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/options-media.php">Media</a> </li>
  869. <li id="wp-admin-bar-settings_stuff_privacy" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/options-privacy.php">Privacy</a> </li>
  870. <li id="wp-admin-bar-settings_stuff_permalinks" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/options-permalink.php">Permalinks</a> </li></ul></div> </li></ul></div> </li></ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">
  871. <li id="wp-admin-bar-search" class=" admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="http://www.asiapacificinitiative.org/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" tabindex="10" type="text" value="" maxlength="150" /><input type="submit" class="adminbar-button" value="Search"/></form></div> </li>
  872. <li id="wp-admin-bar-my-account" class="menupop with-avatar"><a class="ab-item" tabindex="10" aria-haspopup="true" href="http://www.asiapacificinitiative.org/wp-admin/profile.php" title="My Account">Howdy, admin<img alt='' src='http://1.gravatar.com/avatar/3634ed56ae53cbaee8936d561c0046e2?s=16&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D16&amp;r=G' class='avatar avatar-16 photo' height='16' width='16' /></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-user-actions" class=" ab-submenu">
  873. <li id="wp-admin-bar-user-info" class=""><a class="ab-item" tabindex="-1" href="http://www.asiapacificinitiative.org/wp-admin/profile.php"><img alt='' src='http://1.gravatar.com/avatar/3634ed56ae53cbaee8936d561c0046e2?s=64&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D64&amp;r=G' class='avatar avatar-64 photo' height='64' width='64' /><span class='display-name'>admin</span></a> </li>
  874. <li id="wp-admin-bar-edit-profile" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-admin/profile.php">Edit My Profile</a> </li>
  875. <li id="wp-admin-bar-logout" class=""><a class="ab-item" tabindex="10" href="http://www.asiapacificinitiative.org/wp-login.php?action=logout&#038;_wpnonce=4e44ef8f0f">Log Out</a> </li></ul></div> </li></ul> </div>
  876. </div>
  877.  
  878. <!-- PressWork framework created by c.bavota & Brendan Sera-Shriar - http://presswork.me -->
  879. </body>
  880. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement