Advertisement
Guest User

Untitled

a guest
Feb 2nd, 2012
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 16.44 KB | None | 0 0
  1. <?php
  2. /**
  3.  * The Header for our theme.
  4.  *
  5.  * @package WordPress
  6.  * @subpackage Bowtie
  7.  */
  8. ?>
  9.  
  10. <!DOCTYPE html>
  11.  
  12. <html <?php language_attributes(); ?>>
  13.  
  14. <head>
  15.  
  16.     <?php load_theme_textdomain('amplifier'); // localization ?>
  17.    
  18.     <!-- Meta Info -->
  19.     <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
  20.     <meta name="description" content="<?php bloginfo('description'); ?>">
  21.    
  22.     <!-- Favicon -->
  23.     <link rel="shortcut icon" href="<?php echo of_get_option('favicon_icon'); ?>" />
  24.    
  25.     <title><?php
  26.     /*
  27.      * Print the <title> tag based on what is being viewed.
  28.      * We filter the output of wp_title() a bit -- see
  29.      * twentyten_filter_wp_title() in functions.php.
  30.      */
  31.     wp_title( '|', true, 'right' );
  32.  
  33.     ?><?php bloginfo('name'); ?></title>
  34.    
  35.     <link rel="profile" href="http://gmpg.org/xfn/11" />
  36.  
  37.     <!-- Stylesheets -->
  38.     <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/reset.css" />
  39.     <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/typography.css" />
  40.     <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/960.css" />
  41.     <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/jquery.fancybox-1.3.4.css" media="screen" />
  42.     <link rel="stylesheet" type="text/css" href="<?php bloginfo( 'stylesheet_url' ); ?>">
  43.     <link rel="stylesheet" media="handheld" href="<?php bloginfo('template_url'); ?>/css/handheld.css">
  44.  
  45.     <!--[if IE]>
  46.     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  47.     <![endif]-->
  48.    
  49.     <!--[if lte IE 8]>
  50.     <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
  51.     <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/ie8.css">
  52.     <![endif]-->
  53.    
  54.     <!--[if IE 7]>
  55.     <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/ie7.css">
  56.     <![endif]-->
  57.    
  58.     <!-- RSS & Pingbacks -->
  59.     <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
  60.    
  61. <!-- All of our custom styles  -->
  62. <style type="text/css">
  63.  
  64. #call-to-action h2, #cta-top h2.inner-title {
  65. <?php $cta_typography = of_get_option('cta_typography'); if ($cta_typography) {
  66. echo 'font-size:'.$cta_typography['size'] . ';';
  67. echo 'font-family:\''.$cta_typography['face'] . '\';';
  68. echo 'font-style:'.$cta_typography['style'] . ';';
  69. echo 'color:'.$cta_typography['color'] . ';';
  70. } else {} ?>
  71. }
  72.  
  73. p {
  74. <?php $post_typography = of_get_option('post_typography'); if ($post_typography) {
  75. echo 'font-size:'.$post_typography['size'] . ';';
  76. echo 'font-family:\''.$post_typography['face'] . '\';';
  77. echo 'font-style:'.$post_typography['style'] . ';';
  78. echo 'color:'.$post_typography['color'] . ';';
  79. } else {} ?>
  80. }
  81.  
  82. #post-content-wrap h3.post-title {
  83. <?php $post_title_typography = of_get_option('post_title_typography'); if ($post_title_typography) {
  84. echo 'font-size:'.$post_title_typography['size'] . ';';
  85. echo 'font-family:\''.$post_title_typography['face'] . '\';';
  86. echo 'font-style:'.$post_title_typography['style'] . ';';
  87. echo 'color:'.$post_title_typography['color'] . ';';
  88. } else {} ?>
  89. }
  90.  
  91. .sf-menu a {
  92. <?php $nav_typography = of_get_option('nav_typography'); if ($nav_typography) {
  93. echo 'font-size:'.$nav_typography['size'] . ';';
  94. echo 'font-family:\''.$nav_typography['face'] . '\';';
  95. echo 'font-style:'.$nav_typography['style'] . ';';
  96. echo 'color:'.$nav_typography['color'] . ';';
  97. } else {} ?>
  98. }
  99.  
  100. #home-portfolio .details h4 {background:<?php echo of_get_option('hover_typography'); ?>;}
  101.  
  102. #nav-info-box{background-color:<?php echo of_get_option('phone_bg_color'); ?>;}
  103. .inner-cta-wrap .cta-strong-title, .home-section-hr, .home-section-title {background:<?php echo of_get_option('title_bg_color'); ?>;}
  104.  
  105. <?php echo of_get_option('custom_style'); //custom style inputed from theme options panel ?>
  106.  
  107. </style>
  108.  
  109. <!-- Analytics -->
  110. <script type="text/javascript">
  111. <?php echo stripslashes(of_get_option('tracking_code'));  ?>
  112. </script>
  113.     <?php
  114.         /* We add some JavaScript to pages with the comment form
  115.         * to support sites with threaded comments (when in use).
  116.         */
  117.         if ( is_singular() && get_option( 'thread_comments' ) )
  118.             wp_enqueue_script( 'comment-reply' );
  119.  
  120.         /* Always have wp_head() just before the closing </head>
  121.         * tag of your theme, or you will break many plugins, which
  122.         * generally use this hook to add elements to <head> such
  123.         * as styles, scripts, and meta tags.
  124.         */
  125.         wp_head();
  126.     ?>
  127.    
  128. </head>
  129.  
  130. <body <?php body_class(); ?>>
  131.  
  132.     <!-- Begin Social Media Bar -->
  133.     <?php $social_bar_position = of_get_option('social_bar_position'); //check if user wants to display the social bar in footer
  134.     if ( $social_bar_position == 'top' || $social_bar_position == 'both' ) { ?>
  135.  
  136. <style type="text/css">
  137.     #social-wrap {
  138. /*    background: #111111 !important; */
  139.     }
  140.    
  141.     .container_12 .grid_10 {
  142.         width: auto !important;
  143.         float: right;
  144.     }
  145.  
  146.     .container_12 .grid_8 {
  147.     float: left;
  148.     width: auto;
  149.     }
  150.  
  151.     #social-icons {
  152.     height: 50px;
  153.     padding-top: 14px;
  154.     }
  155.  
  156.  
  157.     #social-icons #main-nav a {
  158.         font-weight: 300;
  159.     font-family: 'Lato';
  160.     font-style: normal;
  161.     color: #eee;
  162.     float: right;
  163.     font-size: 18px;
  164.         line-height: 3px;
  165.     /* font-family: 'Anton',arial,serif;
  166.     font-size: 32px;
  167.     font-family: 'Istok Web','arial',sans-serif;
  168.     */
  169.     letter-spacing: 0.05em;
  170.     text-transform: lowercase;
  171.     }
  172.    
  173.     #social-icons .grid_2 {
  174.     width: 90px !important;
  175.     }
  176.    
  177.     #social-icons .grid_2 .fadeThis {
  178.     width: 84px !important;
  179.     }
  180.        
  181. .sf-menu ul {
  182.     margin-top: 18px;
  183.     background: #1A1A1A !important;
  184.     border-top: none;
  185.     border: none;
  186.     padding: 0 !important;
  187. }  
  188.    
  189.     .sf-menu li:hover, .sf-menu li.sfHover,
  190.     .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  191.         outline:0;
  192.         font-weight: bold;
  193.     color: #f63000 !important;
  194.    
  195.     }  
  196.  
  197.     .sf-menu ul.sub-menu a {
  198.     border-bottom: none !important;
  199.     color: #eee !important;
  200.     padding-left: 32px;
  201.     padding-right: 20px;
  202.     padding-top: 15px;
  203.     }
  204.  
  205.     .sf-menu ul.sub-menu li.current-menu-item a {
  206.     color: #16aeff !important;
  207.     }
  208.  
  209.     ul.sub-menu li.menu-item {
  210.         width: 100%;
  211.     margin: 0 10px;
  212.     }
  213.  
  214.     ul.sub-menu li.menu-item:hover {
  215.         background: #222;
  216.     }
  217.    
  218.     ul.sub-menu li.menu-item a:hover {
  219.     color: #f63000 !important;
  220.     }
  221.    
  222.     nav ul.sf-menu li:last-child {
  223.     }
  224.  
  225.     nav ul li.last-item a {
  226.         margin-right: 0;
  227.     padding-right: 0;
  228.     }  
  229.    
  230.     .sf-menu li.current-menu-parent > a,
  231.     .sf-menu li.current-menu-item > a,
  232.     li.current_page_item > a {
  233.         color: #16aeff !important;
  234.     }  
  235.        
  236.     /* call to action */
  237.     header .grid_9  {
  238.     width: none;
  239.     }
  240.    
  241.     header #logo {
  242.         width: auto;
  243.     }  
  244.    
  245.     header .cta-wrap {
  246.     margin:0;
  247.     width: none;
  248.     }
  249.        
  250.     header .container_12 {
  251.         margin: 0;
  252.     width: auto !important;
  253.     }
  254.  
  255.     #logo {
  256.         width: auto;
  257.     }
  258.    
  259.     #call-to-action h2 {
  260.     margin-top: 16px;
  261.     }
  262.    
  263.     #nav-info-box {
  264.     top: 20px;
  265.     }  
  266.    
  267.     #nav-info-box span#nav-phone {
  268.     letter-spacing: 0.04em;
  269.     text-transform: uppercase;
  270.     top: 12px !important;
  271.     }
  272.    
  273.     #nav-info-box span#nav-phone:hover {
  274.         color: #16aeff;
  275.     }
  276.    
  277.     header {
  278.     border-bottom: none !important;
  279.     }
  280.    
  281.     /* calendar */
  282.     #content table.fullcalendar {
  283.     border: none;
  284.     }
  285.    
  286.     table.fullcalendar td.month_name,
  287.     table.fullcalendar tr.days-names td {
  288.     background: none repeat scroll 0 0 #222222;
  289.     color: #eee !important;
  290.     font-family: 'Anton',arial,sans-serif;
  291.     font-size: 22px;
  292.     font-weight: normal !important;
  293.     padding: 5px 15px !important;
  294.     text-transform: uppercase;
  295.     }
  296.    
  297.     #content table.fullcalendar tr td.month_name,
  298.     #content table.fullcalendar tr td.month_name a {
  299.     color: #eee !important;
  300.     }
  301.    
  302.     #content table.fullcalendar td {
  303.     border: none;
  304.     }
  305.    
  306.     #content table.fullcalendar tr {
  307.     border-bottom: 1px solid black;
  308.     }
  309.  
  310.  
  311.     #content table.fullcalendar tr td,
  312.     #content table.fullcalendar tr td a {
  313.         font-weight: bold;
  314.     font-size: 20px;
  315.     color: #333;
  316.         line-height: 30px;
  317.     }
  318.  
  319.     #content table.fullcalendar tr td.eventless,
  320.     #content table.fullcalendar tr td.eventless-pre,
  321.     #content table.fullcalendar tr td.eventless-post,
  322.     #content table.fullcalendar tr td.eventless-today
  323.     {
  324.     color: #333;
  325.     }
  326.    
  327.     #content table.fullcalendar tr td.eventful-pre,
  328.     #content table.fullcalendar tr td.eventful-post,
  329.     #content table.fullcalendar tr td.eventful-pre a,
  330.     #content table.fullcalendar tr td.eventful-post a,
  331.     #content table.fullcalendar tr td.eventless-pre,
  332.     #content table.fullcalendar tr td.eventless-post,
  333.     #content table.fullcalendar tr td.eventless-pre a,
  334.     #content table.fullcalendar tr td.eventless-post a
  335.     {
  336.     color: #999;
  337.     }
  338.    
  339.     #content table.fullcalendar tr td ul li a:hover {
  340.         text-decoration: underline;
  341.     }
  342.    
  343.     #content table.fullcalendar tr td ul li a {
  344.         font-weight: normal;
  345.         color: #333 !important;
  346.         line-height: 10px;
  347.     font-size: 13px;
  348.     }
  349.    
  350.     #content table.fullcalendar tr td ul li {
  351.     padding: 0;
  352.     margin-top: 5px;
  353.     }
  354.    
  355.    
  356. </style>
  357.    
  358.         <div id="social-wrap">
  359.             <!-- Main Navigation -->
  360.             <div id="social-icons" class="container_12">
  361.             <nav class="grid_8 sub-menu"><!-- Navigation Grid Size -->
  362.                 <?php if ( has_nav_menu( 'main-menu' ) ) { /* if menu location 'main-menu' exists then use custom menu */ ?>
  363.                        
  364.                 <?php wp_nav_menu( array( 'theme_location' => 'main-menu', 'link_after' => '<span class="nav-slash">/</span>', 'items_wrap' => '<ul id="main-nav" class="sf-menu">%3$s</ul>', 'container' => '' ) ); ?>
  365.                
  366.                 <?php } else {} // nada ?>
  367.                
  368.             </nav> <!-- end #top-nav  -->
  369.                     <!-- Send a Message -->
  370.                     <div id="share" class="grid_2">
  371.                    
  372.                     <?php $contact_form = of_get_option('contact_form'); // Get the contact form shortcode
  373.                         if(!$contact_form) { /* nada */ } else { ?>
  374.  
  375.                         <div class="fadeThis">
  376.                             <span class="hover"></span>
  377.                             <a id="footer-contact" href="#inline1" title="<?php echo of_get_option('contact_message'); ?>" ><span><?php _e('Send a Message','amplifier'); ?></span></a>
  378.                         </div>
  379.  
  380.                         <div class="hidden">
  381.                             <div id="inline1">
  382.                                 <h3 class="fancybox-contact-title"><?php echo of_get_option('contact_title'); ?></h3>
  383.                                 <?php echo do_shortcode( $contact_form ); // placed the contact form shortcode from theme options panel ?>
  384.                             </div> <!-- end #inline1 -->
  385.                         </div> <!-- end .hidden -->
  386.                        
  387.                     <?php } ?>
  388.                            
  389.                     </div> <!-- end #share .grid_2 -->
  390.                 <ul class="grid_10 omega">
  391.                
  392.                     <!-- TWITTER -->
  393.                     <?php $twitter_name = of_get_option('twitter_username');
  394.                         if(!$twitter_name) { /* nada */ } else { ?>
  395.                
  396.                     <li id="twitter">
  397.                     <a class="tooltip" original-title="<?php echo of_get_option('twitter_title'); ?>" href="http://twitter.com/<?php echo $twitter_name ?>" title="<?php echo of_get_option('twitter_title'); ?>">
  398.                         <div class="fadeThis">
  399.                             <span class="hover"></span>
  400.                         </div>
  401.                     </a>
  402.                     </li>
  403.                    
  404.                     <?php } ?>
  405.                     <!-- end Twitter -->
  406.                    
  407.                     <!-- FACEBOOK -->
  408.                     <?php $facebook_link = of_get_option('facebook_link');
  409.                         if(!$facebook_link) { /* nada */ } else { ?>
  410.                    
  411.                     <li id="facebook">
  412.                     <a class="tooltip" original-title="<?php echo of_get_option('facebook_title'); ?>" href="<?php echo $facebook_link ?>" title="<?php echo of_get_option('facebook_title'); ?>">
  413.                         <div class="fadeThis">
  414.                             <span class="hover"></span>
  415.                         </div>
  416.                     </a>
  417.                     </li>
  418.                    
  419.                     <?php } ?>
  420.                     <!-- end Facebook -->
  421.                    
  422.                     <!-- LINKEDIN -->
  423.                     <?php $linkedin_link = of_get_option('linkedin_link');
  424.                         if(!$linkedin_link) { /* nada */ } else { ?>
  425.                    
  426.                     <li id="linkedin">
  427.                     <a class="tooltip" original-title="<?php echo of_get_option('linkedin_title'); ?>" href="<?php echo $linkedin_link ?>" title="<?php echo of_get_option('linkedin_title'); ?>">
  428.                         <div class="fadeThis">
  429.                             <span class="hover"></span>
  430.                         </div>
  431.                     </a>
  432.                     </li>
  433.                    
  434.                     <?php } ?>
  435.                     <!-- end Linkedin -->
  436.                
  437.                     <!-- DRIBBBLE -->
  438.                     <?php $dribbble_link = of_get_option('dribbble_link');
  439.                         if(!$dribbble_link) { /* nada */ } else { ?>
  440.                        
  441.                     <li id="dribbble">
  442.                     <a class="tooltip" original-title="<?php echo of_get_option('dribbble_title'); ?>" href="<?php echo $dribbble_link ?>" title="<?php echo of_get_option('dribbble_title'); ?>">
  443.                         <div class="fadeThis">
  444.                             <span class="hover"></span>
  445.                         </div>
  446.                     </a>
  447.                     </li>
  448.    
  449.                     <?php } ?>
  450.                     <!-- end Dribbble -->
  451.                
  452.                     <!-- FORRST -->
  453.                     <?php $forrst_link = of_get_option('forrst_link');
  454.                         if(!$forrst_link) { /* nada */ } else { ?>
  455.                        
  456.                     <li id="forrst">
  457.                     <a class="tooltip" original-title="<?php echo of_get_option('forrst_title'); ?>" href="<?php echo $forrst_link ?>" title="<?php echo of_get_option('forrst_title'); ?>">
  458.                         <div class="fadeThis">
  459.                             <span class="hover"></span>
  460.                         </div>
  461.                     </a>
  462.                     </li>
  463.                    
  464.                     <?php } ?>
  465.                     <!-- end Forrst -->
  466.                    
  467.                     <!-- GOOGLE -->
  468.                     <?php $google_link = of_get_option('google_link');
  469.                         if(!$google_link) { /* nada */ } else { ?>
  470.                        
  471.                     <li id="google">
  472.                     <a class="tooltip" original-title="<?php echo of_get_option('google_title'); ?>" href="<?php echo $google_link ?>" title="<?php echo of_get_option('google_title'); ?>">
  473.                         <div class="fadeThis">
  474.                             <span class="hover"></span>
  475.                         </div>
  476.                     </a>
  477.                     </li>
  478.                    
  479.                     <?php } ?>
  480.                     <!-- end Google -->
  481.  
  482.                     <!-- RSS -->
  483.                     <?php $rss_link = of_get_option('rss_link');
  484.                         if(!$rss_link) { /* nada */ } else { ?>
  485.                        
  486.                     <li id="rss">
  487.                     <a class="tooltip" original-title="<?php echo of_get_option('rss_title'); ?>" href="<?php echo $rss_link ?>" title="<?php echo of_get_option('rss_title'); ?>">
  488.                         <div class="fadeThis">
  489.                             <span class="hover"></span>
  490.                         </div>
  491.                     </a>
  492.                     </li>
  493.                    
  494.                     <?php } ?>
  495.                     <!-- end RSS -->
  496.  
  497.                     <!-- CONTACT -->
  498.                     <?php $contact_link = of_get_option('contact_link');
  499.                         if(!$contact_link) { /* nada */ } else { ?>
  500.                        
  501.                     <li id="contact">
  502.                     <a href="<?php echo $contact_link ?>" title="<?php echo of_get_option('contact_title'); ?>">
  503.                         <div class="fadeThis">
  504.                             <span class="hover"></span>
  505.                         </div>
  506.                     </a>
  507.                     </li>
  508.                    
  509.                     <?php } ?>
  510.                     <!-- end Contact -->
  511.                    
  512.                 </ul>
  513.                    
  514.                
  515.             </div><!-- end .container_12 -->
  516.         </div> <!-- end #social-wrap -->
  517.        
  518.     <?php } else { } // end check for social bar position ?>
  519.    
  520.     <div id="top-bg"></div>
  521.  
  522.         <header class="container_12">
  523.        
  524.             <!-- Logo -->
  525.             <a href="<?php echo home_url( '/' ); ?>">
  526.                 <div id="logo" class="grid_4 alpha"><!-- Logo Grid Size -->
  527.                
  528.                     <?php if(of_get_option('logo_img') != '') { // if the logo is not empty ?>
  529.                     <img src="<?php echo of_get_option('logo_img') ?>" alt="<?php bloginfo('name'); ?>" />
  530.                     <?php } else { ?>
  531.                     <img src="<?php bloginfo('template_directory') ?>/images/logo.jpg" alt="<?php bloginfo('name'); ?>" />
  532.                     <?php } ?>
  533.                    
  534.                 </div><!-- end #logo -->
  535.             </a>
  536.            
  537.     <?php $cta_choice = of_get_option('cta_choice'); // Check if user wants to display CTA on homepage
  538.         if($cta_choice == 'true') : ?>
  539.        
  540.     <!-- BEGIN CALL TO ACTION -->
  541.     <div class="elbowwrap">
  542.         <div id="call-to-action" class="container_12">
  543.        
  544.             <?php $cta_button_choice = of_get_option('cta_button_choice'); // Check if user wants to display CTA button on homepage ?>
  545.            
  546.             <!-- CTA SENTENCE -->
  547.             <div class="<?php if($cta_button_choice == 'true') { echo 'grid_9'; } elseif($cta_button_choice == 'false') { echo 'grid_12'; } ?>">
  548.            
  549.                 <h2><?php echo stripslashes(of_get_option('cta_text')); ?></h2>
  550.             </div> <!-- end #cta-top .grid_7 -->
  551.                        
  552.         </div> <!-- end .container_12 #call-to-action -->
  553.     </div><!-- end CALL TO ACTION -->
  554.    
  555.     <?php endif; // End if user wants to display CTA on homepage ?>
  556.            
  557.     <?php $cta_choice = of_get_option('cta_choice'); // Check if user wants to display CTA on homepage
  558.         if($cta_choice == 'true') : ?>
  559.            
  560.         <a href="<?php echo of_get_option('cta_button_link'); ?>">
  561.             <div id="nav-info-box" class="grid_4 right omega">
  562.                 <span id="nav-phone" style="font-size:<?php echo of_get_option('phone_size'); ?>;">
  563.                             <?php echo of_get_option('cta_button_text'); ?>
  564.                 </span> <!-- end #nav-phone -->
  565.             </div>
  566.         </a>
  567.            
  568.     <?php endif; // End if user wants to display CTA on homepage ?>
  569.    
  570.    
  571.            
  572.         </header>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement