web_dor_typography_page_class

The Business Responsive web dor typography page class class.

Defined (1)

The class is defined in the following location(s).

/admin/typography_page.php  
  1. class web_dor_typography_page_class{ 
  2.  
  3. public $typography; 
  4. public $shorttypography;  
  5. public $options_typography; 
  6.  
  7. function __construct() { 
  8.  
  9. $this->typography = "Typography";  
  10. $value_of_std[0]=get_theme_mod("_type_headers_font", 'Segoe UI'); 
  11. $value_of_std[1]=get_theme_mod("_type_headers_kern", '0.00em'); 
  12. $value_of_std[2]=get_theme_mod("_type_headers_transform", 'none'); 
  13. $value_of_std[3]=get_theme_mod("_type_headers_variant", 'normal'); 
  14. $value_of_std[4]=get_theme_mod("_type_headers_weight", 'normal'); 
  15. $value_of_std[5]=get_theme_mod("_type_headers_style", 'normal'); 
  16. $value_of_std[6]=get_theme_mod("_type_inputs_font", 'Segoe UI'); 
  17. $value_of_std[7]=get_theme_mod("_type_inputs_kern", '0.00em'); 
  18. $value_of_std[8]=get_theme_mod("_type_inputs_transform", 'none'); 
  19. $value_of_std[9]=get_theme_mod("_type_inputs_variant", 'normal'); 
  20. $value_of_std[10]=get_theme_mod("_type_inputs_weight", 'normal'); 
  21. $value_of_std[11]=get_theme_mod("_type_inputs_style", 'normal'); 
  22. $value_of_std[12]=get_theme_mod("_type_primary_font", 'Segoe UI'); 
  23. $value_of_std[13]=get_theme_mod("_type_primary_kern", '0.00em'); 
  24. $value_of_std[14]=get_theme_mod("_type_primary_transform", 'none'); 
  25. $value_of_std[15]=get_theme_mod("_type_primary_variant", 'normal'); 
  26. $value_of_std[16]=get_theme_mod("_type_primary_weight", 'normal');  
  27. $value_of_std[17]=get_theme_mod("_type_primary_style", 'normal'); 
  28. $value_of_std[18]=get_theme_mod("_type_secondary_font", 'Segoe UI'); 
  29. $value_of_std[19]=get_theme_mod("_type_secondary_kern", '0.00em'); 
  30. $value_of_std[20]=get_theme_mod("_type_secondary_transform", 'none'); 
  31. $value_of_std[21]=get_theme_mod("_type_secondary_variant", 'normal'); 
  32. $value_of_std[22]=get_theme_mod("_type_secondary_weight", 'normal');  
  33. $value_of_std[23]=get_theme_mod("_type_secondary_style", 'normal');  
  34.  
  35. $this->options_typography = array( 
  36. array( 
  37.  
  38. "name" => "Typography",  
  39.  
  40. "type" => "title" 
  41.  
  42. ),  
  43.  
  44. array(  
  45.  
  46. "type" => "open" 
  47. ),  
  48.  
  49. array( 
  50.  
  51. "name" => "Typography",  
  52.  
  53. "id" => "_type_headers_font",  
  54.  
  55. "desc" => "",  
  56.  
  57. "type" => "select",  
  58.  
  59. "std" => $value_of_std[0] 
  60. ),  
  61.  
  62. array( 
  63.  
  64. "name" => "Typography",  
  65.  
  66. "id" => "_type_headers_kern",  
  67.  
  68. "desc" => "",  
  69.  
  70. "type" => "",  
  71.  
  72. "std" => $value_of_std[1] 
  73. ),  
  74.  
  75. array( 
  76.  
  77. "name" => "Typography",  
  78.  
  79. "id" => "_type_headers_transform",  
  80.  
  81. "desc" => "",  
  82.  
  83. "type" => "",  
  84.  
  85. "std" => $value_of_std[2] 
  86. ),  
  87.  
  88. array( 
  89.  
  90. "name" => "Typography",  
  91.  
  92. "id" => "_type_headers_variant",  
  93.  
  94. "desc" => "",  
  95.  
  96. "type" => "",  
  97.  
  98. "std" => $value_of_std[3] 
  99. ),  
  100.  
  101. array( 
  102.  
  103. "name" => "Typography",  
  104.  
  105. "id" => "_type_headers_weight",  
  106.  
  107. "desc" => "",  
  108.  
  109. "type" => "",  
  110.  
  111. "std" => $value_of_std[4] 
  112. ),  
  113.  
  114. array( 
  115.  
  116. "name" => "Typography",  
  117.  
  118. "id" => "_type_headers_style",  
  119.  
  120. "desc" => "",  
  121.  
  122. "type" => "",  
  123.  
  124. "std" => $value_of_std[5] 
  125. ),  
  126.  
  127.  
  128. array( 
  129.  
  130. "name" => "Typography",  
  131.  
  132. "id" => "_type_inputs_font",  
  133.  
  134. "desc" => "",  
  135.  
  136. "type" => "",  
  137.  
  138. "std" => $value_of_std[6] 
  139. ),  
  140.  
  141. array( 
  142.  
  143. "name" => "Typography",  
  144.  
  145. "id" => "_type_inputs_kern",  
  146.  
  147. "desc" => "",  
  148.  
  149. "type" => "",  
  150.  
  151. "std" => $value_of_std[7] 
  152. ),  
  153.  
  154. array( 
  155.  
  156. "name" => "Typography",  
  157.  
  158. "id" => "_type_inputs_transform",  
  159.  
  160. "desc" => "",  
  161.  
  162. "type" => "",  
  163.  
  164. "std" => $value_of_std[8] 
  165. ),  
  166.  
  167. array( 
  168.  
  169. "name" => "Typography",  
  170.  
  171. "id" => "_type_inputs_variant",  
  172.  
  173. "desc" => "",  
  174.  
  175. "type" => "",  
  176.  
  177. "std" => $value_of_std[9] 
  178. ),  
  179.  
  180. array( 
  181.  
  182. "name" => "Typography",  
  183.  
  184. "id" => "_type_inputs_weight",  
  185.  
  186. "desc" => "",  
  187.  
  188. "type" => "",  
  189.  
  190. "std" => $value_of_std[10] 
  191. ),  
  192.  
  193. array( 
  194.  
  195. "name" => "Typography",  
  196.  
  197. "id" => "_type_inputs_style",  
  198.  
  199. "desc" => "",  
  200.  
  201. "type" => "",  
  202.  
  203. "std" => $value_of_std[11] 
  204. ),  
  205.  
  206.  
  207. array( 
  208.  
  209. "name" => "Typography",  
  210.  
  211. "id" => "_type_primary_font",  
  212.  
  213. "desc" => "",  
  214.  
  215. "type" => "",  
  216.  
  217. "std" => $value_of_std[12] 
  218. ),  
  219.  
  220. array( 
  221.  
  222. "name" => "Typography",  
  223.  
  224. "id" => "_type_primary_kern",  
  225.  
  226. "desc" => "",  
  227.  
  228. "type" => "",  
  229.  
  230. "std" => $value_of_std[13] 
  231. ),  
  232.  
  233. array( 
  234.  
  235. "name" => "Typography",  
  236.  
  237. "id" => "_type_primary_transform",  
  238.  
  239. "desc" => "",  
  240.  
  241. "type" => "",  
  242.  
  243. "std" => $value_of_std[14] 
  244. ),  
  245.  
  246. array( 
  247.  
  248. "name" => "Typography",  
  249.  
  250. "id" => "_type_primary_variant",  
  251.  
  252. "desc" => "",  
  253.  
  254. "type" => "",  
  255.  
  256. "std" => $value_of_std[15] 
  257. ),  
  258.  
  259. array( 
  260.  
  261. "name" => "Typography",  
  262.  
  263. "id" => "_type_primary_weight",  
  264.  
  265. "desc" => "",  
  266.  
  267. "type" => "",  
  268.  
  269. "std" => $value_of_std[16] 
  270. ),  
  271.  
  272. array( 
  273.  
  274. "name" => "Typography",  
  275.  
  276. "id" => "_type_primary_style",  
  277.  
  278. "desc" => "",  
  279.  
  280. "type" => "",  
  281.  
  282. "std" => $value_of_std[17] 
  283. ),  
  284.  
  285.  
  286. array( 
  287.  
  288. "name" => "Typography",  
  289.  
  290. "id" => "_type_secondary_font",  
  291.  
  292. "desc" => "",  
  293.  
  294. "type" => "",  
  295.  
  296. "std" => $value_of_std[18] 
  297. ),  
  298.  
  299. array( 
  300.  
  301. "name" => "Typography",  
  302.  
  303. "id" => "_type_secondary_kern",  
  304.  
  305. "desc" => "",  
  306.  
  307. "type" => "",  
  308.  
  309. "std" => $value_of_std[19] 
  310. ),  
  311.  
  312. array( 
  313.  
  314. "name" => "Typography",  
  315.  
  316. "id" => "_type_secondary_transform",  
  317.  
  318. "desc" => "",  
  319.  
  320. "type" => "",  
  321.  
  322. "std" => $value_of_std[20] 
  323. ),  
  324.  
  325. array( 
  326.  
  327. "name" => "Typography",  
  328.  
  329. "id" => "_type_secondary_variant",  
  330.  
  331. "desc" => "",  
  332.  
  333. "type" => "",  
  334.  
  335. "std" => $value_of_std[21] 
  336. ),  
  337.  
  338. array( 
  339.  
  340. "name" => "Typography",  
  341.  
  342. "id" => "_type_secondary_weight",  
  343.  
  344. "desc" => "",  
  345.  
  346. "type" => "",  
  347.  
  348. "std" => $value_of_std[22] 
  349. ),  
  350.  
  351. array( 
  352.  
  353. "name" => "Typography",  
  354.  
  355. "id" => "_type_secondary_style",  
  356.  
  357. "desc" => "",  
  358.  
  359. "type" => "",  
  360.  
  361. "std" => $value_of_std[23] 
  362. ),  
  363. array( 
  364.  
  365. "type" => "close" 
  366. ); 
  367.  
  368.  
  369.  
  370. /// save changes or reset options 
  371. public function web_dorado_theme_update_and_get_options_typography() { 
  372.  
  373. if (isset($_GET['page']) && $_GET['page'] == "web_dorado_theme" && isset($_GET['controller']) && $_GET['controller'] == "typography_page") { 
  374. if (isset($_REQUEST['action']) == 'save' ) { 
  375. foreach ($this->options_typography as $value) { 
  376. set_theme_mod($value['id'], $_REQUEST[$value['id']]); 
  377. foreach ($this->options_typography as $value) { 
  378. if (isset($_REQUEST[$value['id']])) { 
  379. set_theme_mod($value['id'], $_REQUEST[$value['id']]); 
  380. } else { 
  381. remove_theme_mod($value['id']); 
  382. header("Location: themes.php?page=web_dorado_theme&controller=typography_page&saved=true"); 
  383. die; 
  384. } else if (isset($_REQUEST['action']) && $_REQUEST['action'] == 'reset') { 
  385. foreach ($this->options_typography as $value) { 
  386. remove_theme_mod($value['id']); 
  387. header("Location: themes.php?page=web_dorado_theme&controller=typography_page&reset=true"); 
  388. die; 
  389.  
  390.  
  391.  
  392. public function web_dorado_typography_page_admin_scripts() { 
  393.  
  394. wp_enqueue_style('typography_page_main_style', get_bloginfo('template_directory').'/admin/css/typography_page.css');  
  395. wp_enqueue_script('jquery'); 
  396.  
  397.  
  398. public function dorado_theme_admin_typography() { 
  399. if(isset($_REQUEST['controller']) && $_REQUEST['controller']=='typography_page') { 
  400. if (isset($_REQUEST['saved']) && $_REQUEST['saved'] )  
  401.  
  402. echo '<div id="message" class="updated"><p><strong>Typography settings saved.</strong></p></div>'; 
  403.  
  404. if (isset($_REQUEST['reset']) && $_REQUEST['reset'] )  
  405.  
  406. echo '<div id="message" class="updated"><p><strong>Typography settings reset.</strong></p></div>'; 
  407. ?> 
  408.  
  409. <script> 
  410. jQuery(document).ready(function () { 
  411.  
  412. jQuery('.graphic_selector .graphic_select_border').click(function () { 
  413. select_graphic(this); 
  414. }); 
  415. }); 
  416.  
  417. function font_style(element, property) { 
  418.  
  419. var currentSelect = jQuery(element).attr("id"); 
  420.  
  421. var selectedOption = '#' + currentSelect + ' option:selected'; 
  422.  
  423. var previewProp = jQuery(selectedOption).val(); 
  424.  
  425. jQuery(element).parent().parent().parent().find('.optioninput').css(property, previewProp); 
  426.  
  427.  
  428.  
  429. function select_graphic(ClickedLayout) { 
  430.  
  431. if (!jQuery(ClickedLayout).hasClass('disabled_option')) { 
  432.  
  433. jQuery(ClickedLayout).parent().parent().find('.graphic_select_border').removeClass('selectedgraphic'); 
  434. jQuery(ClickedLayout).addClass('selectedgraphic'); 
  435. jQuery(ClickedLayout).parent().find('.graphic_select_input').attr("checked", "checked"); 
  436.  
  437.  
  438. function toggle(showElement, hideElement) { 
  439.  
  440. jQuery(hideElement).hide(); 
  441. jQuery(hideElement + '_button').removeClass('active_button'); 
  442.  
  443. if (jQuery(showElement).is(':visible')) { 
  444. jQuery(showElement).fadeOut(); 
  445. jQuery(showElement + '_button').removeClass('active_button'); 
  446. } else { 
  447. jQuery(showElement + '_button').addClass('active_button'); 
  448. jQuery(showElement).fadeIn(); 
  449.  
  450.  
  451.  
  452.  
  453. </script> 
  454. <div id="main_typagrphy_page"> 
  455. <form method="post" action="themes.php?page=web_dorado_theme&controller=typography_page"> 
  456.  
  457. <?php foreach ($this->options_typography as $value) { 
  458.  
  459.  
  460. switch ($value['type']) { 
  461. case "open": 
  462. ?> 
  463.  
  464. <table align="center" width="90%" style=" padding-top: 0px; padding-bottom:0px;"> 
  465. <tr> 
  466. <?php break; 
  467. case "close": 
  468.  
  469. ?> 
  470. </tr> 
  471. </table><br/> 
  472. <?php break; 
  473. case "title": 
  474. ?> 
  475. <table align="center" width="90%" style="margin-top: 0px;border-bottom: rgb(111, 111, 111) solid 2px;"> 
  476. <tr>  
  477. <td style="font-size:14px; font-weight:bold"> 
  478. <a href="http://web-dorado.com/wordpress-themes-guide-step-1.html" target="_blank" style="color:#126094; text-decoration:none;">User Manual</a><br />This section allows you to change the font styles. 
  479. <a href="http://web-dorado.com/wordpress-theme-options/3-7.html" target="_blank" style="color:#126094; text-decoration:none;">More...</a> 
  480. </td>  
  481. <td align="right" style="font-size:16px;"> 
  482. <a href="http://web-dorado.com/wordpress-themes/business-responsive.html" target="_blank" style="color:red; text-decoration:none;"> 
  483. <img src="<?php echo get_template_directory_uri() ?>/images/header.png" border="0" alt="" width="215"><br> 
  484. Get the full version     
  485. </a> 
  486. </td> 
  487. </tr> 
  488. <tr> 
  489. <td ><h3 style="font-family:Segoe UI;padding-bottom: 15px;color: rgb(111, 111, 111); font-size:18pt; margin:0px;margin-bottom: 15px;"><?php echo $value['name']; ?></h3> 
  490. </td> 
  491. </tr> 
  492. </table> 
  493. <?php 
  494. break; 
  495. case 'select': 
  496. ?> 
  497. <tr> 
  498. <td>  
  499. <div> 
  500. <div class="optiontitle first"> 
  501. Typography - Text Headers. Select the font style of your site's header tags (H1, H2, H3...) 
  502. </div> 
  503. <div> 
  504. <div class="optioninput" style=" font-size:13pt;"> 
  505. <label class="typagrphy_label" for="_type_headers_font">Select Font</label><select id="_type_headers_font" name="_type_headers_font" class="fontselector"onchange="font_style(this, 'font-family')" size="1"> 
  506. <?php $this->fonts_options(get_theme_mod("_type_headers_font", 'Segoe UI')); ?>  
  507. </select> 
  508. </div> 
  509. <div> 
  510. <div class="font_preview_wrap"> 
  511. <label class="typagrphy_label" for="" style="font-size:18px;font-size: 20px;font-family: Segoe UI;">Preview</label> 
  512.  
  513. <div class="font_preview"> 
  514.  
  515. <div class="optioninput" style="font-size: 16px; margin-top: 14px;margin-bottom: 23px; font-family: <?php if (get_theme_mod("_type_headers_font") != "") { echo htmlspecialchars(stripslashes(get_theme_mod("_type_headers_font"))); 
  516. } else { echo "Arial, "Helvetica Neue", Helvetica, sans-serif"; } ?>;font-weight:<?php if (get_theme_mod("_type_headers_weight") != "") { echo get_theme_mod("_type_headers_weight"); } else { echo "normal"; } ?>; letter-spacing:<?php if (get_theme_mod("_type_headers_kern") != "") { echo get_theme_mod("_type_headers_kern"); } else { echo "0.00em"; } ?>; text-transform:<?php if (get_theme_mod("_type_headers_transform") != "") { echo get_theme_mod("_type_headers_transform"); } else { echo "none"; } ?>; font-variant:<?php if (get_theme_mod("_type_headers_variant") != "") { echo get_theme_mod("_type_headers_variant"); } else { echo "normal"; } ?>; font-style:<?php if (get_theme_mod("_type_headers_style") != "") { echo get_theme_mod("_type_headers_style"); } else { echo "normal"; 
  517. } ?>;"> 
  518. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut 
  519. labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco 
  520. laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in 
  521. voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat 
  522. non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
  523. </div> 
  524. </div> 
  525. </div> 
  526. <a href="javascript:;" style="text-decoration:none;"><span id="type_headers_set_styling_button" class="button" onclick="toggle('#type_headers_set_styling', '#type_headers_set_advanced')">Edit Font Styling</span></a> 
  527.  
  528. <div id="type_headers_set_styling" class="font_styling type_inputs optioninputtextarea" style="height: 110px;"> 
  529. <div class="type_select"> 
  530. <label class="typagrphy_label" for="_type_headers_kern">Letter Spacing</label> 
  531. <select id="_type_headers_kern" name="_type_headers_kern" onchange="font_style(this, 'letter-spacing')">  
  532. <option <?php selected( get_theme_mod("_type_headers_kern"), "-0.30em" ); ?> value="-0.30em">-0.30em </option> 
  533. <option <?php selected( get_theme_mod("_type_headers_kern"), "-0.25em" ); ?> value="-0.25em">-0.25em </option> 
  534. <option <?php selected( get_theme_mod("_type_headers_kern"), "-0.20em" ); ?> value="-0.20em">-0.20em </option> 
  535. <option <?php selected( get_theme_mod("_type_headers_kern"), "-0.15em" ); ?> value="-0.15em">-0.15em </option> 
  536. <option <?php selected( get_theme_mod("_type_headers_kern"), "-0.10em" ); ?> value="-0.10em">-0.10em </option> 
  537. <option <?php selected( get_theme_mod("_type_headers_kern"), "-0.05em" ); ?> value="-0.05em">-0.05em </option> 
  538. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.00em" ); ?> value="0.00em" selected="selected">0.00em </option> 
  539. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.05em" ); ?> value="0.05em">0.05em </option> 
  540. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.10em" ); ?> value="0.10em">0.10em </option> 
  541. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.15em" ); ?> value="0.15em">0.15em </option> 
  542. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.20em" ); ?> value="0.20em">0.20em </option> 
  543. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.25em" ); ?> value="0.25em">0.25em </option> 
  544. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.30em" ); ?> value="0.30em">0.30em </option> 
  545. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.35em" ); ?> value="0.35em">0.35em </option> 
  546. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.40em" ); ?> value="0.40em">0.40em </option> 
  547. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.45em" ); ?> value="0.45em">0.45em </option> 
  548. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.50em" ); ?> value="0.50em">0.50em </option> 
  549. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.55em" ); ?> value="0.55em">0.55em </option> 
  550. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.60em" ); ?> value="0.60em">0.60em </option> 
  551. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.65em" ); ?> value="0.65em">0.65em </option> 
  552. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.70em" ); ?> value="0.70em">0.70em </option> 
  553. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.75em" ); ?> value="0.75em">0.75em </option> 
  554. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.80em" ); ?> value="0.80em">0.80em </option> 
  555. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.85em" ); ?> value="0.85em">0.85em </option> 
  556. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.90em" ); ?> value="0.90em">0.90em </option> 
  557. <option <?php selected( get_theme_mod("_type_headers_kern"), "0.95em" ); ?> value="0.95em">0.95em </option> 
  558. </select> 
  559. </div> 
  560. <div class="type_select"> 
  561. <label class="typagrphy_label" class="typagrphy_label"; for="_type_headers_transform">Text Transform</label> 
  562. <select id="_type_headers_transform" name="_type_headers_transform" onchange="font_style(this, 'text-transform')"> 
  563. <option <?php selected( get_theme_mod("_type_headers_transform"), "none" ); ?> value="none" selected="selected">None </option> 
  564. <option <?php selected( get_theme_mod("_type_headers_transform"), "uppercase" ); ?> value="uppercase">Uppercase </option> 
  565. <option <?php selected( get_theme_mod("_type_headers_transform"), "capitalize" ); ?> value="capitalize">Capitalize </option> 
  566. <option <?php selected( get_theme_mod("_type_headers_transform"), "lowercase" ); ?> value="lowercase">Lowercase </option> 
  567. </select> 
  568. </div> 
  569. <div class="type_select"> 
  570. <label class="typagrphy_label" for="_type_headers_variant">Variant</label> 
  571. <select id="_type_headers_variant" name="_type_headers_variant" onchange="font_style(this, 'font-variant')"> 
  572. <option <?php selected( get_theme_mod("_type_headers_variant"), "normal" ); ?> value="normal" selected="selected">Normal </option> 
  573. <option <?php selected( get_theme_mod("_type_headers_variant"), "small-caps" ); ?> value="small-caps">Small-Caps </option> 
  574. </select> 
  575. </div> 
  576. <div class="type_select"> 
  577. <label class="typagrphy_label" for="_type_headers_weight">Weight</label> 
  578. <select id="_type_headers_weight" name="_type_headers_weight" onchange="font_style(this, 'font-weight')"> 
  579. <option <?php selected( get_theme_mod("_type_headers_weight"), "normal" ); ?> value="normal">Normal </option> 
  580. <option <?php selected( get_theme_mod("_type_headers_weight"), "bold" ); ?> value="bold">Bold </option> 
  581. <option <?php selected( get_theme_mod("_type_headers_weight"), "lighter" ); ?> value="lighter">Light </option> 
  582. </select> 
  583. </div> 
  584. <div class="type_select"> 
  585. <label class="typagrphy_label" for="_type_headers_style">Style</label> 
  586. <select id="_type_headers_style" name="_type_headers_style" onchange="font_style(this, 'font-style')"> 
  587. <option <?php selected( get_theme_mod("_type_headers_style"), "normal" ); ?> value="normal" selected="selected">Normal </option> 
  588. <option <?php selected( get_theme_mod("_type_headers_style"), "italic" ); ?> value="italic">Italic </option> 
  589. </select> 
  590. </div> 
  591. <div class="clear"></div> 
  592. </div> 
  593.  
  594. <div id="type_headers_set_advanced" class="advanced_type type_inputs"> 
  595. <div class="type_advanced"> 
  596. <label class="typagrphy_label" for="_type_headers_selectors">Additional Selectors</label> 
  597. <textarea class="" name="-settings-two[type_headers][selectors]" id="_type_headers_selectors" rows="3"></textarea> 
  598. </div> 
  599. <div class="clear"></div> 
  600. </div> 
  601.  
  602.  
  603. </div> 
  604. </div> 
  605. </div> 
  606. <br/> 
  607.  
  608. <br/> 
  609.  
  610. <div> 
  611. <div class="optiontitle"> 
  612. Typography - Primary Font. Select the font style of your site*s primary body text. 
  613. </div> 
  614. <div> 
  615. <div class="optioninput" style=" font-size:13pt;"> 
  616. <label class="typagrphy_label" for="_type_primary_font">Select Font</label><select id="_type_primary_font" name="_type_primary_font" class="fontselector" onchange="font_style(this, 'font-family')" size="1"> 
  617. <?php $this->fonts_options(get_theme_mod("_type_primary_font", 'Segoe UI')); ?>  
  618. </select></div> 
  619. <div> 
  620. </div> 
  621. </div> 
  622. <div class="font_preview_wrap"> 
  623. <label class="typagrphy_label" for="" style="font-size:18px;font-size: 20px;font-family: Segoe UI;">Preview</label> 
  624.  
  625. <div class="font_preview"> 
  626. <div class="optioninput" style="font-size: 16px; margin-top: 14px; margin-bottom: 23px;  
  627. font-family: <?php if (get_theme_mod("_type_primary_font") != "") { 
  628. echo htmlspecialchars(stripslashes(get_theme_mod("_type_primary_font"))); 
  629. }  
  630. else { 
  631.  
  632. echo "Arial, "Helvetica Neue", Helvetica, sans-serif"; 
  633.  
  634. } ?>; 
  635. font-weight:<?php if (get_theme_mod("_type_primary_weight") != "") { 
  636. echo get_theme_mod("_type_primary_weight"); 
  637. }  
  638. else { 
  639. echo "normal"; 
  640. } ?>; 
  641. letter-spacing:<?php if (get_theme_mod("_type_primary_kern") != "") { 
  642. echo get_theme_mod("_type_primary_kern"); 
  643. }  
  644. else { 
  645. echo "0.00em"; 
  646. } ?>;  
  647. text-transform:<?php if (get_theme_mod("_type_primary_transform") != "") { 
  648. echo get_theme_mod("_type_primary_transform"); 
  649. } else { 
  650. echo "none"; 
  651. } ?>; font-variant:<?php if (get_theme_mod("_type_primary_variant") != "") { 
  652. echo get_theme_mod("_type_primary_variant"); 
  653. } else { 
  654. echo "normal"; 
  655. } ?>; font-style:<?php if (get_theme_mod("_type_primary_style") != "") { 
  656. echo get_theme_mod("_type_primary_style"); 
  657. } else { 
  658. echo "normal"; 
  659. } ?>;"> 
  660. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 
  661. dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip 
  662. ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu 
  663. fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia 
  664. deserunt mollit anim id est laborum. 
  665. </div> 
  666. </div> 
  667. </div> 
  668. <a href="javascript:;" style="text-decoration:none;"><span id="_type_primary__set_styling_button" class="button" 
  669. onclick="toggle('#_type_primary__set_styling', '#_type_primary__set_advanced')">Edit Font Styling</span></a> 
  670.  
  671. <div id="_type_primary__set_styling" class="font_styling type_inputs optioninputtextarea" style="height:110px;"> 
  672. <div class="type_select"> 
  673. <label class="typagrphy_label" for="_type_primary_kern">Letter Spacing</label> 
  674. <select id="_type_primary_kern" name="_type_primary_kern" onchange="font_style(this, 'letter-spacing')"> 
  675. <option <?php selected( get_theme_mod("_type_primary_kern"), "-0.30em" ); ?> value="-0.30em">-0.30em </option> 
  676. <option <?php selected( get_theme_mod("_type_primary_kern"), "-0.25em" ); ?> value="-0.25em">-0.25em </option> 
  677. <option <?php selected( get_theme_mod("_type_primary_kern"), "-0.20em" ); ?> value="-0.20em">-0.20em </option> 
  678. <option <?php selected( get_theme_mod("_type_primary_kern"), "-0.15em" ); ?> value="-0.15em">-0.15em </option> 
  679. <option <?php selected( get_theme_mod("_type_primary_kern"), "-0.10em" ); ?> value="-0.10em">-0.10em </option> 
  680. <option <?php selected( get_theme_mod("_type_primary_kern"), "-0.05em" ); ?> value="-0.05em">-0.05em </option> 
  681. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.05em" ); ?> value="0.00em" selected="selected">0.00em </option> 
  682. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.05em" ); ?> value="0.05em">0.05em </option> 
  683. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.10em" ); ?> value="0.10em">0.10em </option> 
  684. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.15em" ); ?> value="0.15em">0.15em </option> 
  685. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.20em" ); ?> value="0.20em">0.20em </option> 
  686. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.25em" ); ?> value="0.25em">0.25em </option> 
  687. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.30em" ); ?> value="0.30em">0.30em </option> 
  688. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.35em" ); ?> value="0.35em">0.35em </option> 
  689. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.40em" ); ?> value="0.40em">0.40em </option> 
  690. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.45em" ); ?> value="0.45em">0.45em </option> 
  691. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.50em" ); ?> value="0.50em">0.50em </option> 
  692. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.55em" ); ?> value="0.55em">0.55em </option> 
  693. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.60em" ); ?> value="0.60em">0.60em </option> 
  694. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.65em" ); ?> value="0.65em">0.65em </option> 
  695. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.70em" ); ?> value="0.70em">0.70em </option> 
  696. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.75em" ); ?> value="0.75em">0.75em </option> 
  697. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.80em" ); ?> value="0.80em">0.80em </option> 
  698. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.85em" ); ?> value="0.85em">0.85em </option> 
  699. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.90em" ); ?> value="0.90em">0.90em </option> 
  700. <option <?php selected( get_theme_mod("_type_primary_kern"), "0.95em" ); ?> value="0.95em">0.95em </option> 
  701. </select> 
  702. </div> 
  703. <div class="type_select"> 
  704. <label class="typagrphy_label" class="typagrphy_label" for="_type_primary_transform">Text Transform</label> 
  705. <select id="_type_primary_transform" name="_type_primary_transform" onchange="font_style(this, 'text-transform')"> 
  706. <option <?php selected( get_theme_mod("_type_primary_transform"), "none" ); ?> value="none" selected="selected">None </option> 
  707. <option <?php selected( get_theme_mod("_type_primary_transform"), "uppercase" ); ?> value="uppercase">Uppercase </option> 
  708. <option <?php selected( get_theme_mod("_type_primary_transform"), "capitalize" ); ?> value="capitalize">Capitalize </option> 
  709. <option <?php selected( get_theme_mod("_type_primary_transform"), "lowercase" ); ?> value="lowercase">Lowercase </option> 
  710. </select> 
  711. </div> 
  712. <div class="type_select"> 
  713. <label class="typagrphy_label" for="_type_primary_variant">Variant</label> 
  714. <select id="_type_primary_variant" name="_type_primary_variant" onchange="font_style(this, 'font-variant')"> 
  715. <option <?php selected( get_theme_mod("_type_primary_variant"), "normal" ); ?> value="normal" selected="selected">Normal </option> 
  716. <option <?php selected( get_theme_mod("_type_primary_variant"), "small-caps" ); ?> value="small-caps">Small-Caps </option> 
  717. </select> 
  718. </div> 
  719. <div class="type_select"> 
  720. <label class="typagrphy_label" for="_type_primary_weight">Weight</label> 
  721. <select id="_type_primary_weight" name="_type_primary_weight" onchange="font_style(this, 'font-weight')"> 
  722. <option <?php selected( get_theme_mod("_type_primary_weight"), "normal" ); ?> value="normal">Normal </option> 
  723. <option <?php selected( get_theme_mod("_type_primary_weight"), "bold" ); ?> value="bold">Bold </option> 
  724. <option <?php selected( get_theme_mod("_type_primary_weight"), "lighter" ); ?> value="lighter">Light </option> 
  725. </select> 
  726. </div> 
  727. <div class="type_select"> 
  728. <label class="typagrphy_label" for="_type_primary_style">Style</label> 
  729. <select id="_type_primary_style" name="_type_primary_style" onchange="font_style(this, 'font-style')"> 
  730. <option <?php selected( get_theme_mod("_type_primary_style"), "normal" ); ?> value="normal">Normal </option> 
  731. <option <?php selected( get_theme_mod("_type_primary_style"), "italic" ); ?> value="italic">Italic </option> 
  732. </select> 
  733. </div> 
  734. <div class="clear"></div> 
  735. </div> 
  736.  
  737. <div id="_type_primary__set_advanced" class="advanced_type type_inputs"> 
  738. <div class="type_advanced"> 
  739. <label class="typagrphy_label" for="_type_primary_selectors">Additional Selectors</label> 
  740. <textarea class="" name="-settings-two[type_primary][selectors]" id="_type_primary_selectors" rows="3"></textarea> 
  741. </div> 
  742. <div class="clear"></div> 
  743. </div> 
  744.  
  745.  
  746. </div> 
  747. </div> 
  748. </div><br/> 
  749.  
  750.  
  751.  
  752.  
  753.  
  754. <br/> 
  755. <div> 
  756. <div class="optiontitle">Typography - Secondary Font. Select the font style of your site's secondary or subtitle 
  757. text (Metabar, Subtitles, etc.). 
  758. </div> 
  759. <div> 
  760. <div class="optioninput" style=" font-size:13pt;"><label class="typagrphy_label" for="_type_secondary_font">Select 
  761. Font</label><select id="_type_secondary_font" name="_type_secondary_font" class="fontselector" onchange="font_style(this, 'font-family')" size="1"> 
  762. <?php $this->fonts_options(get_theme_mod("_type_secondary_font", 'Segoe UI')); ?>  
  763.  
  764. </select></div> 
  765. <div> 
  766. <div class="font_preview_wrap"> 
  767. <label class="typagrphy_label" for="" style="font-size:18px;font-size: 20px;font-family: Segoe UI;">Preview</label> 
  768.  
  769. <div class="font_preview"> 
  770. <div class="optioninput" style="font-size: 16px; margin-top: 14px; margin-bottom: 23px;  
  771. font-family: <?php if (get_theme_mod("_type_secondary_font") != "") { 
  772. echo htmlspecialchars(stripslashes(get_theme_mod("_type_secondary_font"))); 
  773. } else { 
  774. echo "Arial, "Helvetica Neue", Helvetica, sans-serif"; 
  775. } ?>;font-weight:<?php if (get_theme_mod("_type_secondary_weight") != "") { 
  776. echo get_theme_mod("_type_secondary_weight"); 
  777. } else { 
  778. echo "normal"; 
  779. } ?>; letter-spacing:<?php if (get_theme_mod("_type_secondary_kern") != "") { 
  780. echo get_theme_mod("_type_secondary_kern"); 
  781. } else { 
  782. echo "0.00em"; 
  783. } ?>; text-transform:<?php if (get_theme_mod("_type_secondary_transform") != "") { 
  784. echo get_theme_mod("_type_secondary_transform"); 
  785. } else { 
  786. echo "none"; 
  787. } ?>; font-variant:<?php if (get_theme_mod("_type_secondary_variant") != "") { 
  788. echo get_theme_mod("_type_secondary_variant"); 
  789. } else { 
  790. echo "normal"; 
  791. } ?>; font-style:<?php if (get_theme_mod("_type_secondary_style") != "") { 
  792. echo get_theme_mod("_type_secondary_style"); 
  793. } else { 
  794. echo "normal"; 
  795. } ?>;"> 
  796. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 
  797. ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco 
  798. laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in 
  799. voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat 
  800. cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
  801. </div> 
  802. </div> 
  803. </div> 
  804. <a href="javascript:;" style="text-decoration:none;"><span id="_type_secondary__set_styling_button" 
  805. class="button" 
  806. onclick="toggle('#_type_secondary__set_styling', '#_type_secondary__set_advanced')">Edit Font Styling</span></a> 
  807.  
  808.  
  809. <div id="_type_secondary__set_styling" class="font_styling type_inputs optioninputtextarea" style="height:110px;"> 
  810. <div class="type_select"> 
  811. <label class="typagrphy_label" for="_type_secondary_kern">Letter Spacing</label>  
  812. <select id="_type_secondary_kern" name="_type_secondary_kern" onchange="font_style(this, 'letter-spacing')"> 
  813. <option <?php selected( get_theme_mod("_type_secondary_kern"), "-0.30em" ); ?> value="-0.30em">-0.30em </option> 
  814. <option <?php selected( get_theme_mod("_type_secondary_kern"), "-0.25em" ); ?> value="-0.25em">-0.25em </option> 
  815. <option <?php selected( get_theme_mod("_type_secondary_kern"), "-0.20em" ); ?> value="-0.20em">-0.20em </option> 
  816. <option <?php selected( get_theme_mod("_type_secondary_kern"), "-0.15em" ); ?> value="-0.15em">-0.15em </option> 
  817. <option <?php selected( get_theme_mod("_type_secondary_kern"), "-0.10em" ); ?> value="-0.10em">-0.10em </option> 
  818. <option <?php selected( get_theme_mod("_type_secondary_kern"), "-0.05em" ); ?> value="-0.05em">-0.05em </option> 
  819. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.00em" ); ?> value="0.00em" selected="selected">0.00em </option> 
  820. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.05em" ); ?> value="0.05em">0.05em </option> 
  821. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.10em" ); ?> value="0.10em">0.10em </option> 
  822. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.15em" ); ?> value="0.15em">0.15em </option> 
  823. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.20em" ); ?> value="0.20em">0.20em </option> 
  824. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.25em" ); ?> value="0.25em">0.25em </option> 
  825. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.30em" ); ?> value="0.30em">0.30em </option> 
  826. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.35em" ); ?> value="0.35em">0.35em </option> 
  827. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.40em" ); ?> value="0.40em">0.40em </option> 
  828. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.45em" ); ?> value="0.45em">0.45em </option> 
  829. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.50em" ); ?> value="0.50em">0.50em </option> 
  830. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.55em" ); ?> value="0.55em">0.55em </option> 
  831. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.60em" ); ?> value="0.60em">0.60em </option> 
  832. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.65em" ); ?> value="0.65em">0.65em </option> 
  833. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.70em" ); ?> value="0.70em">0.70em </option> 
  834. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.75em" ); ?> value="0.75em">0.75em </option> 
  835. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.80em" ); ?> value="0.80em">0.80em </option> 
  836. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.85em" ); ?> value="0.85em">0.85em </option> 
  837. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.90em" ); ?> value="0.90em">0.90em </option> 
  838. <option <?php selected( get_theme_mod("_type_secondary_kern"), "0.95em" ); ?> value="0.95em">0.95em </option> 
  839. </select> 
  840. </div> 
  841. <div class="type_select"> 
  842. <label class="typagrphy_label" for="_type_secondary_transform">Text Transform</label>  
  843. <select id="_type_secondary_transform" name="_type_secondary_transform" onchange="font_style(this, 'text-transform')"> 
  844. <option <?php selected( get_theme_mod("_type_secondary_transform"), "none" ); ?> value="none" selected="selected">None </option> 
  845. <option <?php selected( get_theme_mod("_type_secondary_transform"), "uppercase" ); ?> value="uppercase">Uppercase </option> 
  846. <option <?php selected( get_theme_mod("_type_secondary_transform"), "capitalize" ); ?> value="capitalize">Capitalize </option> 
  847. <option <?php selected( get_theme_mod("_type_secondary_transform"), "lowercase" ); ?> value="lowercase">Lowercase </option> 
  848. </select> 
  849. </div> 
  850. <div class="type_select"> 
  851. <label class="typagrphy_label" for="_type_secondary_variant">Variant</label> 
  852. <select id="_type_secondary_variant" name="_type_secondary_variant" onchange="font_style(this, 'font-variant')"> 
  853. <option <?php selected( get_theme_mod("_type_secondary_variant"), "normal" ); ?> value="normal" selected="selected">Normal </option> 
  854. <option <?php selected( get_theme_mod("_type_secondary_variant"), "small-caps" ); ?> value="small-caps">Small-Caps </option> 
  855. </select> 
  856. </div> 
  857. <div class="type_select"> 
  858. <label class="typagrphy_label" for="_type_secondary_weight">Weight</label> 
  859. <select id="_type_secondary_weight" name="_type_secondary_weight" onchange="font_style(this, 'font-weight')"> 
  860. <option <?php selected( get_theme_mod("_type_secondary_weight"), "normal" ); ?> value="normal">Normal </option> 
  861. <option <?php selected( get_theme_mod("_type_secondary_weight"), "bold" ); ?> value="bold">Bold </option> 
  862. <option <?php selected( get_theme_mod("_type_secondary_weight"), "lighter" ); ?> value="lighter">Light </option> 
  863. </select> 
  864. </div> 
  865. <div class="type_select"> 
  866. <label class="typagrphy_label" for="_type_secondary_style">Style</label> 
  867. <select id="_type_secondary_style" name="_type_secondary_style" onchange="font_style(this, 'font-style')"> 
  868. <option <?php selected( get_theme_mod("_type_secondary_style"), "normal" ); ?> value="normal">Normal </option> 
  869. <option <?php selected( get_theme_mod("_type_secondary_style"), "italic" ); ?> value="italic">Italic </option> 
  870. </select> 
  871. </div> 
  872. <div class="clear"></div> 
  873. </div> 
  874.  
  875. <div id="_type_secondary__set_advanced" class="advanced_type type_inputs"> 
  876. <div class="type_advanced"> 
  877. <label class="typagrphy_label" for="_type_secondary_selectors">Additional Selectors</label> 
  878. <textarea class="" name="-settings-two[type_secondary][selectors]" id="_type_secondary_selectors" rows="3"></textarea> 
  879. </div> 
  880. <div class="clear"></div> 
  881. </div> 
  882.  
  883.  
  884. </div> 
  885. </div> 
  886. </div><br/> 
  887.  
  888.  
  889.  
  890. <br/> 
  891. <div> 
  892. <div class="optiontitle">Typography - Inputs and Text Areas. Select the font style of your site*s Text Inputs 
  893. and Text Areas. 
  894. </div> 
  895. <div> 
  896. <div class="optioninput" style=" font-size:13pt;"><label class="typagrphy_label" for="_type_inputs_font">Select Font</label> 
  897. <select id="_type_inputs_font" name="_type_inputs_font" class="fontselector" onchange="font_style(this, 'font-family')" size="1"> 
  898. <?php $this->fonts_options(get_theme_mod("_type_inputs_font", 'Segoe UI')); ?>  
  899. </select></div> 
  900. <div> 
  901. <div class="font_preview_wrap"> 
  902. <label class="typagrphy_label" for="" style="font-size:18px;font-size: 20px;font-family: Segoe UI;">Preview</label> 
  903.  
  904. <div class="font_preview"> 
  905. <div class="optioninput" style="font-size: 16px; 
  906. margin-top: 14px; margin-bottom: 23px; font-family: <?php if (get_theme_mod("_type_inputs_font") != "") { 
  907. echo htmlspecialchars(stripslashes(get_theme_mod("_type_inputs_font"))); 
  908. } else { 
  909. echo "Arial, "Helvetica Neue", Helvetica, sans-serif"; 
  910. } ?>;font-weight:<?php if (get_theme_mod("_type_inputs_weight") != "") { 
  911. echo get_theme_mod("_type_inputs_weight"); 
  912. } else { 
  913. echo "normal"; 
  914. } ?>; letter-spacing:<?php if (get_theme_mod("_type_inputs_kern") != "") { 
  915. echo get_theme_mod("_type_inputs_kern"); 
  916. } else { 
  917. echo "0.00em"; 
  918. } ?>; text-transform:<?php if (get_theme_mod("_type_inputs_transform") != "") { 
  919. echo get_theme_mod("_type_inputs_transform"); 
  920. } else { 
  921. echo "none"; 
  922. } ?>; font-variant:<?php if (get_theme_mod("_type_inputs_variant") != "") { 
  923. echo get_theme_mod("_type_inputs_variant"); 
  924. } else { 
  925. echo "normal"; 
  926. } ?>; font-style:<?php if (get_theme_mod("_type_inputs_style") != "") { 
  927. echo get_theme_mod("_type_inputs_style"); 
  928. } else { 
  929. echo "normal"; 
  930. } ?>;"> 
  931. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt 
  932. ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco 
  933. laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in 
  934. voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat 
  935. cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
  936. </div> 
  937. </div> 
  938. </div> 
  939. <a href="javascript:;" style="text-decoration:none;"><span id="_type_inputs__set_styling_button" 
  940. class="button" 
  941. onclick="toggle('#_type_inputs__set_styling', '#_type_inputs__set_advanced')">Edit Font Styling</span></a> 
  942.  
  943. <div id="_type_inputs__set_styling" class="font_styling type_inputs optioninputtextarea" 
  944. style="height:110px;"> 
  945. <div class="type_select"> 
  946. <label class="typagrphy_label" for="_type_inputs_kern">Letter Spacing</label> <select id="_type_inputs_kern" name="_type_inputs_kern" onchange="font_style(this, 'letter-spacing')"> 
  947. <option <?php selected( get_theme_mod("_type_inputs_kern"), "-0.30em" ); ?> value="-0.30em">-0.30em 
  948. </option> 
  949. <option <?php selected( get_theme_mod("_type_inputs_kern"), "-0.25em" ); ?> value="-0.25em">-0.25em 
  950. </option> 
  951. <option <?php selected( get_theme_mod("_type_inputs_kern"), "-0.20em" ); ?> value="-0.20em">-0.20em 
  952. </option> 
  953. <option <?php selected( get_theme_mod("_type_inputs_kern"), "-0.15em" ); ?> value="-0.15em">-0.15em 
  954. </option> 
  955. <option <?php selected( get_theme_mod("_type_inputs_kern"), "-0.10em" ); ?> value="-0.10em">-0.10em 
  956. </option> 
  957. <option <?php selected( get_theme_mod("_type_inputs_kern"), "-0.05em" ); ?> value="-0.05em">-0.05em 
  958. </option> 
  959. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.00em" ); ?> value="0.00em" selected="selected">0.00em 
  960. </option> 
  961. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.05em" ); ?> value="0.05em">0.05em 
  962. </option> 
  963. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.10em" ); ?> value="0.10em">0.10em 
  964. </option> 
  965. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.15em" ); ?> value="0.15em">0.15em 
  966. </option> 
  967. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.20em" ); ?> value="0.20em">0.20em 
  968. </option> 
  969. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.25em" ); ?> value="0.25em">0.25em 
  970. </option> 
  971. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.30em" ); ?> value="0.30em">0.30em 
  972. </option> 
  973. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.35em" ); ?> value="0.35em">0.35em 
  974. </option> 
  975. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.40em" ); ?> value="0.40em">0.40em 
  976. </option> 
  977. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.45em" ); ?> value="0.45em">0.45em 
  978. </option> 
  979. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.50em" ); ?> value="0.50em">0.50em 
  980. </option> 
  981. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.55em" ); ?> value="0.55em">0.55em 
  982. </option> 
  983. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.60em" ); ?> value="0.60em">0.60em 
  984. </option> 
  985. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.65em" ); ?> value="0.65em">0.65em 
  986. </option> 
  987. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.70em" ); ?> value="0.70em">0.70em 
  988. </option> 
  989. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.75em" ); ?> value="0.75em">0.75em 
  990. </option> 
  991. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.80em" ); ?> value="0.80em">0.80em 
  992. </option> 
  993. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.85em" ); ?> value="0.85em">0.85em 
  994. </option> 
  995. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.90em" ); ?> value="0.90em">0.90em 
  996. </option> 
  997. <option <?php selected( get_theme_mod("_type_inputs_kern"), "0.95em" ); ?> value="0.95em">0.95em 
  998. </option> 
  999. </select> 
  1000. </div> 
  1001. <div class="type_select"> 
  1002. <label class="typagrphy_label" for="_type_inputs_transform">Text Transform</label> <select id="_type_inputs_transform" name="_type_inputs_transform" onchange="font_style(this, 'text-transform')"> 
  1003. <option <?php selected( get_theme_mod("_type_inputs_transform"), "none" ); ?> value="none" selected="selected">None 
  1004. </option> 
  1005. <option <?php selected( get_theme_mod("_type_inputs_transform"), "uppercase" ); ?> value="uppercase">Uppercase 
  1006. </option> 
  1007. <option <?php selected( get_theme_mod("_type_inputs_transform"), "capitalize" ); ?> value="capitalize">Capitalize 
  1008. </option> 
  1009. <option <?php selected( get_theme_mod("_type_inputs_transform"), "lowercase" ); ?> value="lowercase">Lowercase 
  1010. </option> 
  1011. </select> 
  1012. </div> 
  1013. <div class="type_select"> 
  1014. <label class="typagrphy_label" for="_type_inputs_variant">Variant</label> <select id="_type_inputs_variant" name="_type_inputs_variant" onchange="font_style(this, 'font-variant')"> 
  1015. <option <?php selected( get_theme_mod("_type_inputs_variant"), "normal" ); ?> value="normal" selected="selected">Normal 
  1016. </option> 
  1017. <option <?php selected( get_theme_mod("_type_inputs_variant"), "small-caps" ); ?> value="small-caps">Small-Caps 
  1018. </option> 
  1019. </select> 
  1020. </div> 
  1021. <div class="type_select"> 
  1022. <label class="typagrphy_label" for="_type_inputs_weight">Weight</label> 
  1023. <select id="_type_inputs_weight" name="_type_inputs_weight" onchange="font_style(this, 'font-weight')"> 
  1024. <option <?php selected( get_theme_mod("_type_inputs_weight"), "normal" ); ?> value="normal">Normal 
  1025. </option> 
  1026. <option <?php selected( get_theme_mod("_type_inputs_weight"), "bold" ); ?> value="bold">Bold 
  1027. </option> 
  1028. <option <?php selected( get_theme_mod("_type_inputs_weight"), "lighter" ); ?> value="lighter">Light 
  1029. </option> 
  1030. </select> 
  1031. </div> 
  1032. <div class="type_select"> 
  1033. <label class="typagrphy_label" for="_type_inputs_style">Style</label>  
  1034. <select id="_type_inputs_style" name="_type_inputs_style" onchange="font_style(this, 'font-style')"> 
  1035. <option <?php selected( get_theme_mod("_type_inputs_style"), "normal" ); ?> value="normal">Normal 
  1036. </option> 
  1037. <option <?php selected( get_theme_mod("_type_inputs_style"), "italic" ); ?> value="italic">Italic 
  1038. </option> 
  1039. </select> 
  1040. </div> 
  1041. <div class="clear"></div> 
  1042. </div> 
  1043.  
  1044. <div id="_type_inputs__set_advanced" class="advanced_type type_inputs"> 
  1045. <div class="type_advanced"> 
  1046. <label class="typagrphy_label" for="_type_inputs_selectors">Additional Selectors</label> <textarea class="" name="-settings-two[type_inputs][selectors]" id="_type_inputs_selectors" rows="3"></textarea> 
  1047. </div> 
  1048. <div class="clear"></div> 
  1049. </div> 
  1050.  
  1051.  
  1052. </div> 
  1053. </div> 
  1054. </div><br/> 
  1055.  
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061. </td></tr> 
  1062.  
  1063. <?php 
  1064. break; 
  1065. ?> 
  1066. </style> 
  1067. <p class="submit" style="float: left; margin-left: 63px; margin-right: 8px;"> 
  1068. <input class="button" name="save" type="submit" value="Save changes"/> 
  1069. <input type="hidden" name="action" value="save"/> 
  1070. </p> 
  1071. </form> 
  1072. <form method="post" action="themes.php?page=web_dorado_theme&controller=typography_page"> 
  1073. <p class="submit"> 
  1074. <input class="button" name="reset" type="submit" value="Reset"/> 
  1075. <input type="hidden" name="action" value="reset"/> 
  1076. </p> 
  1077. </form> 
  1078. </div > <?php 
  1079.  
  1080.  
  1081.  
  1082.  
  1083. public function fonts_options($gteted_option) { 
  1084. $font_choices[ 'Arial, Helvetica Neue, Helvetica, sans-serif' ] = 'Arial *'; 
  1085. $font_choices[ 'Arial Black, Arial Bold, Arial, sans-serif' ] = 'Arial Black *'; 
  1086. $font_choices[ 'Arial Narrow, Arial, Helvetica Neue, Helvetica, sans-serif' ] = 'Arial Narrow *'; 
  1087. $font_choices[ 'Courier, Verdana, sans-serif' ] = 'Courier *'; 
  1088. $font_choices[ 'Georgia, Times New Roman, Times, serif' ] = 'Georgia *'; 
  1089. $font_choices[ 'Times New Roman, Times, Georgia, serif' ] = 'Times New Roman *'; 
  1090. $font_choices[ 'Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Arial, sans-serif' ] = 'Trebuchet MS *'; 
  1091. $font_choices[ 'Verdana, sans-serif' ] = 'Verdana *'; 
  1092. $font_choices[ 'American Typewriter, Georgia, serif' ] = 'American Typewriter'; 
  1093. $font_choices[ 'Andale Mono, Consolas, Monaco, Courier, Courier New, Verdana, sans-serif' ] = 'Andale Mono'; 
  1094. $font_choices[ 'Baskerville, Times New Roman, Times, serif' ] = 'Baskerville'; 
  1095. $font_choices[ 'Bookman Old Style, Georgia, Times New Roman, Times, serif' ] = 'Bookman Old Style'; 
  1096. $font_choices[ 'Calibri, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif' ] = 'Calibri'; 
  1097. $font_choices[ 'Cambria, Georgia, Times New Roman, Times, serif' ] = 'Cambria'; 
  1098. $font_choices[ 'Candara, Verdana, sans-serif' ] = 'Candara'; 
  1099. $font_choices[ 'Century Gothic, Apple Gothic, Verdana, sans-serif' ] = 'Century Gothic'; 
  1100. $font_choices[ 'Century Schoolbook, Georgia, Times New Roman, Times, serif' ] = 'Century Schoolbook'; 
  1101. $font_choices[ 'Consolas, Andale Mono, Monaco, Courier, Courier New, Verdana, sans-serif' ] = 'Consolas'; 
  1102. $font_choices[ 'Constantia, Georgia, Times New Roman, Times, serif' ] = 'Constantia'; 
  1103. $font_choices[ 'Corbel, Lucida Grande, Lucida Sans Unicode, Arial, sans-serif' ] = 'Corbel'; 
  1104. $font_choices[ 'Franklin Gothic Medium, Arial, sans-serif' ] = 'Franklin Gothic Medium'; 
  1105. $font_choices[ 'Garamond, Hoefler Text, Times New Roman, Times, serif' ] = 'Garamond'; 
  1106. $font_choices[ 'Gill Sans MT, Gill Sans, Calibri, Trebuchet MS, sans-serif' ] = 'Gill Sans MT'; 
  1107. $font_choices[ 'Helvetica Neue, Helvetica, Arial, sans-serif' ] = 'Helvetica Neue'; 
  1108. $font_choices[ 'Hoefler Text, Garamond, Times New Roman, Times, sans-serif' ] = 'Hoefler Text'; 
  1109. $font_choices[ 'Lucida Bright, Cambria, Georgia, Times New Roman, Times, serif' ] = 'Lucida Bright'; 
  1110. $font_choices[ 'Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif' ] = 'Lucida Grande'; 
  1111. $font_choices[ 'Palatino Linotype, Palatino, Georgia, Times New Roman, Times, serif' ] = 'Palatino Linotype'; 
  1112. $font_choices[ 'Tahoma, Geneva, Verdana, sans-serif' ] = 'Tahoma'; 
  1113. $font_choices[ 'Rockwell, Arial Black, Arial Bold, Arial, sans-serif' ] = 'Rockwell'; 
  1114. $font_choices[ 'Segoe UI' ] = 'Segoe UI'; 
  1115. foreach($font_choices as $key=>$option_value) { 
  1116. ?><option <?php if ($gteted_option == $key) { echo ' selected="selected"'; } ?> value="<?php echo $key ?>" title="Arial+Black"><?php echo $option_value?></option><?php 
  1117.  
  1118.  
  1119.  
  1120.