API tools faq
paste
Advertisement
DavidBorrink

Untitled

DavidBorrink
Sep 5th, 2014
210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.63 KB | None | 0 0
raw download clone embed print report
  1. HEADER.PHP
  2.  
  3. <?php
  4. /**
  5. * The Header template for our theme
  6. *
  7. * Displays all of the <head> section and everything up till <div id="main">
  8. *
  9. * @package WordPress
  10. * @subpackage Twenty_Twelve
  11. * @since Twenty Twelve 1.0
  12. */
  13. ?><!DOCTYPE html>
  14. <!--[if IE 7]>
  15. <html class="ie ie7" <?php language_attributes(); ?>>
  16. <![endif]-->
  17. <!--[if IE 8]>
  18. <html class="ie ie8" <?php language_attributes(); ?>>
  19. <![endif]-->
  20. <!--[if !(IE 7) | !(IE 8) ]><!-->
  21. <html <?php language_attributes(); ?>>
  22. <!--<![endif]-->
  23. <head>
  24. <meta charset="<?php bloginfo( 'charset' ); ?>" />
  25. <meta name="viewport" content="width=device-width" />
  26. <title><?php wp_title( '|', true, 'right' ); ?></title>
  27. <link rel="profile" href="http://gmpg.org/xfn/11" />
  28. <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
  29. <?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
  30. <!--[if lt IE 9]>
  31. <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
  32. <![endif]-->
  33. <?php wp_head(); ?>
  34. </head>
  35.  
  36. <body <?php body_class(); ?>>
  37. <div id="page" class="hfeed site">
  38.  
  39. <div id="mobile-header">
  40. </div><!-- #mobile-header -->
  41.  
  42. <header id="masthead" class="site-header" role="banner">
  43. <hgroup>
  44. <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
  45. <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
  46. </hgroup>
  47.  
  48. <?php if ( get_header_image() ) : ?>
  49. <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
  50. <?php endif; ?>
  51. </header><!-- #masthead -->
  52.  
  53.  
  54. <div id="capture-social">
  55. <div id="capture-box">
  56. <?php
  57. $captext_q = new WP_Query( 'page_id=109' );
  58. // The Loop
  59. if ( $captext_q->have_posts() ) :
  60. while ( $captext_q->have_posts() ) : $captext_q->the_post(); ?>
  61. <h3><?php the_title(); ?></h3>
  62. <?php the_content(); ?>
  63. <?php endwhile;
  64. endif;
  65. wp_reset_postdata();
  66. ?> </div><!-- capture-box -->
  67. </div><!-- capture-social -->
  68.  
  69. <nav id="site-navigation" class="main-navigation" role="navigation">
  70. <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
  71. <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
  72. <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
  73. </nav><!-- #site-navigation -->
  74.  
  75. <div id="main" class="wrapper">
  76. ------------------------------------------------------------------
  77.  
  78. FOOTER.PHP
  79.  
  80. <?php
  81. /**
  82. * The template for displaying the footer
  83. *
  84. * Contains footer content and the closing of the #main and #page div elements.
  85. *
  86. * @package WordPress
  87. * @subpackage Twenty_Twelve
  88. * @since Twenty Twelve 1.0
  89. */
  90. ?>
  91. </div><!-- #main .wrapper -->
  92.  
  93. <!-- Lower Navigation -->
  94. <nav id="lower-navigation" class="main-navigation" role="navigation">
  95. <h3 class="menu-toggle"><?php _e( 'Lower Menu', 'twentytwelve' ); ?></h3>
  96. <div class="skip-link assistive-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a></div>
  97. <?php wp_nav_menu( array( 'theme_location' => 'secondary', 'menu_class' => 'nav-menu', 'fallback_cb' => false ) ); ?>
  98. </nav><!-- #lower-navigation -->
  99.  
  100.  
  101. <footer id="colophon" role="contentinfo">
  102. <footer id="colophon" role="contentinfo">
  103. <div class="site-info">
  104. Copyright Connie Clay — Site design by <a href="http://artsandletters.biz">Arts & Letters</a>
  105. </div><!-- .site-info -->
  106. </footer><!-- #colophon -->
  107. </div><!-- #page -->
  108.  
  109. <?php wp_footer(); ?>
  110. </body>
  111. </html>
  112. ----------------------------------------------------------
  113.  
  114. NAVIGATION.JS
  115.  
  116. // JavaScript Document
  117. // Lower Navigation
  118. ( function() {
  119. var button = document.getElementById( 'lower-navigation' ).getElementsByTagName( 'h3' )[0],
  120. menu = document.getElementById( 'lower-navigation' ).getElementsByTagName( 'ul' )[0];
  121.  
  122. if ( undefined === button )
  123. return false;
  124.  
  125. // Hide button if menu is missing or empty.
  126. if ( undefined === menu || ! menu.childNodes.length ) {
  127. button.style.display = 'none';
  128. return false;
  129. }
  130.  
  131. button.onclick = function() {
  132. if ( -1 == menu.className.indexOf( 'nav-menu' ) )
  133. menu.className = 'nav-menu';
  134.  
  135. if ( -1 != button.className.indexOf( 'toggled-on' ) ) {
  136. button.className = button.className.replace( ' toggled-on', '' );
  137. menu.className = menu.className.replace( ' toggled-on', '' );
  138. } else {
  139. button.className += ' toggled-on';
  140. menu.className += ' toggled-on';
  141. }
  142. };
  143. } )();
  144.  
  145. -----------------------------------------------------
  146. STYLE.CSS (child theme of TwentyTwelve)
  147.  
  148. /*
  149. Theme Name: Connie Clay '14
  150. Description: Child theme for the Twenty Twelve theme
  151. Author: David Borrink, Arts & Letters
  152. Template: twentytwelve
  153. */
  154.  
  155. @import url("../twentytwelve/style.css");
  156.  
  157. /* hide hgroup */
  158. hgroup {
  159. display: none;
  160. }
  161.  
  162. /* no shaddows on images */
  163. .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
  164. border-radius: 0;
  165. box-shadow: none;
  166. }
  167.  
  168. /* adjust header space, page size and background */
  169. body .site {
  170. box-shadow: none;
  171. margin-bottom: 3.42857rem;
  172. margin-top: 0rem;
  173. padding: 0 2.85714rem;
  174. }
  175. body .site {
  176. background-color: none;
  177. }
  178. .site-header {
  179. padding: 0 0 0 0rem;
  180. }
  181. .header-image {
  182. margin-top: 0rem;
  183. }
  184. img.header-image {
  185. border-radius: 0;
  186. box-shadow: none;
  187. }
  188. .site {
  189. background-color: #FCD9D2;
  190. }
  191.  
  192.  
  193. /* capture box and social icons*/
  194. #capture-social {
  195. }
  196.  
  197. #capture-box {
  198. background-color: #FEE9E4;
  199. border: 1px solid #CA0B4D;
  200. box-shadow: 0 0 5px 0 #999999;
  201. display: block;
  202. height: 10rem;
  203. padding: 0.5em;
  204. position: absolute;
  205. right: 10%;
  206. top: 2rem;
  207. width: 16%;
  208. z-index: 9999;
  209. border-radius: 3px 3px 3px 3px;
  210. }
  211.  
  212. #capture-box h3 {
  213. font-size: 2rem;
  214. line-height: 2.3rem;
  215. }
  216.  
  217. #capture-box p {
  218. font-size: 1.1rem;
  219. line-height: 1.5rem;
  220. }
  221.  
  222. #capture-text {
  223. width: auto;
  224. }
  225.  
  226.  
  227.  
  228. /* typography */
  229. .entry-header .entry-title, .entry-title a {
  230. color: #CA0B4D;
  231. font-size: 2rem;
  232. }
  233.  
  234. .entry-header {
  235. margin-bottom: 0.75rem;
  236. }
  237. a, a:hover {
  238. color: #CA0B4D;
  239. }
  240.  
  241. h1, h2, h3, h4, h5, h6 {
  242. color: #ca0b4d;
  243. font-family: Georgia,serif;
  244. font-weight: normal;
  245. letter-spacing: -1px;
  246. line-height: 1em;
  247. padding-bottom: 5px;
  248. }
  249.  
  250. .entry-content h1, .comment-content h1 {
  251. font-size: 3rem;
  252. line-height: 1.5;
  253. }
  254.  
  255. .entry-content h2, .comment-content h2, .mu_register h2 {
  256. font-size: 1.5rem;
  257. line-height: 1.6;
  258. margin-bottom: 0;
  259. }
  260.  
  261. body {
  262. color: #222222;
  263. }
  264.  
  265. .archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
  266. color: #CA0B4D;
  267. font-size: 1.5rem;
  268. font-weight: normal;
  269. line-height: 1;
  270. text-transform: none;
  271. }
  272.  
  273. .widget-area .widget h3 {
  274. margin-bottom: 1rem;
  275. -moz-hyphens: none;
  276. }
  277.  
  278. .widget-area .widget a, .widget a:hover {
  279. color: #ca0b4d;
  280. }
  281.  
  282. .entry-content p, .entry-summary p, .comment-content p, .mu_register p {
  283. line-height: 2;
  284. margin: 0 0 1.71429rem;
  285. }
  286.  
  287. /* content areas */
  288. .site-content article {
  289. border-bottom: 1px solid #CA0B4D;
  290. margin-bottom: 5.14286rem;
  291. padding-bottom: 1.71429rem;
  292. word-wrap: normal;
  293. -webkit-hyphens: none;
  294. -moz-hyphens: none;
  295. hyphens: none;
  296. }
  297.  
  298. .comments-link a, .entry-meta a {
  299. color: #CA0B4D;
  300. }
  301.  
  302. footer.entry-meta {
  303. color: #444444;
  304. font-size: 0.928571rem;
  305. line-height: 1.84615;
  306. margin-top: 1.71429rem;
  307. }
  308.  
  309. .entry-header .comments-link {
  310. color: #444444;
  311. font-size: 0.928571rem;
  312. line-height: 1.84615;
  313. margin-top: 0rem;
  314. }
  315.  
  316. .entry-content blockquote, .comment-content blockquote {
  317. background: none repeat scroll 0 0 #F1BEB4;
  318. border-radius: 9px 9px 9px 9px;
  319. font-style: italic;
  320. margin-bottom: 1.71429rem;
  321. padding: 1.71429rem;
  322. }
  323.  
  324. .widget-area .widget {
  325. word-wrap: normal;
  326. -webkit-hyphens: none;
  327. -moz-hyphens: none;
  328. hyphens: none;
  329. }
  330.  
  331. /* footer */
  332. footer[role="contentinfo"] {
  333. border-top: 1px solid #CA0B4D;
  334. clear: both;
  335. font-size: 0.857143rem;
  336. line-height: 2;
  337. margin-left: auto;
  338. margin-right: auto;
  339. margin-top: 1.71429rem;
  340. max-width: 68.5714rem;
  341. padding: 1.71429rem 0;
  342. }
  343.  
  344. /* tables */
  345. .entry-content table, .comment-content table {
  346. color: #000000;
  347. font-size: 1rem;
  348. line-height: 2;
  349. }
  350.  
  351. .entry-content td, .comment-content td {
  352. border-top: 1px solid #BBBBBB;
  353. padding: 6px 10px 6px 0;
  354. }
  355.  
  356. button, input, textarea {
  357. border: 1px solid #CCCCCC;
  358. border-radius: 3px 3px 3px 3px;
  359. font-family: inherit;
  360. min-width: 85%;
  361. padding: 0.428571rem;
  362. }
  363.  
  364. #respond h3#reply-title {
  365. font-size: 2rem;
  366. line-height: 1.5;
  367. }
  368.  
  369. /* remove that boring comment tags paragraph */
  370. #respond form p.form-allowed-tags {
  371. display: none;
  372. }
  373.  
  374. /* Tabs Styles */
  375. ul.tabs {
  376. list-style: none;
  377. margin: 0;
  378. border-bottom: 1px solid #ca0b4d;
  379. }
  380. ul.tabs li {display: inline-block;}
  381. ul.tabs a {
  382. display: block;
  383. position: relative;
  384. top: 1px;
  385. padding: 5px 10px;
  386. border: 1px solid transparent;
  387. text-decoration: none;
  388. }
  389. ul.tabs a.active {
  390. border-color: #ca0b4d;
  391. border-bottom-color: #FCD9D2;
  392. }
  393. section.tab {
  394. display: none;
  395. margin-bottom: 15px;
  396. padding: 15px 0;
  397. }
  398. section.tab.active {display: block;}
  399.  
  400. .entry-content li {
  401. margin: 0 0 0 1rem;
  402. }
  403.  
  404.  
  405. /* =Media queries
  406. -------------------------------------------------------------- */
  407.  
  408. /* minimum width of 600 pixels. */
  409. @media screen and (min-width: 600px) {
  410. /* hide mobile 320 header */
  411. #mobile-header {
  412. display: none;
  413. }
  414.  
  415.  
  416. /* Navigation Styles */
  417. .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
  418. background: none repeat scroll 0 0 #4d001b;
  419. border-bottom: medium none;
  420. border-top: medium none;
  421. display: inline-block !important;
  422. text-align: center;
  423. width: 100%;
  424. }
  425. .main-navigation ul {
  426. margin: 0;
  427. text-indent: 0;
  428. }
  429.  
  430. .main-navigation li a,
  431. .main-navigation li {
  432. font-family: Georgia,serif;
  433. display: inline-block;
  434. text-decoration: none;
  435. font-size: 1rem;
  436. }
  437. .main-navigation li a {
  438. border-bottom: none;
  439. color: #fff;
  440. line-height: 3.692307692;
  441. text-transform: none;
  442. white-space: nowrap;
  443. }
  444. .main-navigation li a:hover {
  445. color: #f6e68b;
  446. }
  447. .main-navigation li {
  448. margin: 0 40px 0 0;
  449. margin: 0 2rem 0 0;
  450. position: relative;
  451. }
  452. .main-navigation li ul {
  453. display: none;
  454. margin: -3rem 0 0 10rem;
  455. padding: 0;
  456. position: absolute;
  457. top: 100%;
  458. -moz-box-shadow: 0 2px 5px 2px #999999;
  459. -webkit-box-shadow: 0 2px 5px 2px #999999;
  460. box-shadow: 0 2px 5px 2px #999999;
  461. z-index: 1;
  462. }
  463. .main-navigation li ul ul {
  464. top: 0;
  465. left: 100%;
  466. }
  467. .main-navigation ul li:hover > ul {
  468. border-left: 0;
  469. display: block;
  470. }
  471. .main-navigation li ul li a {
  472. background: #4d001b;
  473. color: #fff;
  474. display: block;
  475. font-size: 14px;
  476. font-size: 1rem;
  477. line-height: 2.181818182;
  478. padding: 8px 10px;
  479. padding: 0.571428571rem 0.714285714rem;
  480. width: 140px;
  481. width: 10rem;
  482. white-space: normal;
  483. }
  484. .main-navigation li ul li a:hover {
  485. background: #4d001b;
  486. color: #f6e68b;
  487. }
  488. .main-navigation .current-menu-item > a,
  489. .main-navigation .current-menu-ancestor > a,
  490. .main-navigation .current_page_item > a,
  491. .main-navigation .current_page_ancestor > a {
  492. color: #f6e68b;
  493. font-weight: normal;
  494. }
  495.  
  496. #capture-social {
  497. }
  498.  
  499. #capture-box {
  500. background-color: #FEE9E4;
  501. border: 1px solid #CA0B4D;
  502. box-shadow: 0 0 5px 0 #999999;
  503. display: block;
  504. height: 11rem;
  505. padding: 0.5em;
  506. position: absolute;
  507. right: 6%;
  508. top: 2rem;
  509. width: 19%;
  510. z-index: 9999;
  511. border-radius: 3px 3px 3px 3px;
  512. }
  513. #capture-box h3 {
  514. font-size: 1.5rem;
  515. line-height: 1.8rem;
  516. }
  517. #capture-box p {
  518. font-size: 0.9rem;
  519. line-height: 1.3rem;
  520. }
  521.  
  522.  
  523. }
  524.  
  525. /* minimum width of 960 pixels. */
  526. @media screen and (min-width: 960px) {
  527. /* hide mobile 320 header */
  528. #mobile-header {
  529. display: none;
  530. }
  531.  
  532. #capture-social {
  533. }
  534.  
  535. #capture-box {
  536. background-color: #fee9e4;
  537. border: 1px solid #ca0b4d;
  538. border-radius: 3px;
  539. box-shadow: 0 0 5px 0 #999999;
  540. display: block;
  541. height: 15rem;
  542. padding: 0.5em;
  543. position: absolute;
  544. right: 10%;
  545. top: 3rem;
  546. width: 16%;
  547. z-index: 9999;
  548. }
  549.  
  550. }
  551.  
  552.  
  553. /* maximum width of 480 pixels. */
  554. @media screen and (max-width: 480px) {
  555. /* hide mobile 320 header */
  556. #mobile-header {
  557. display: none;
  558. }
  559.  
  560. #capture-box {
  561. background-color: #FEE9E4;
  562. border: 1px solid #CA0B4D;
  563. border-radius: 3px 3px 3px 3px;
  564. box-shadow: 0 0 5px 0 #999999;
  565. display: block;
  566. height: 3rem;
  567. left: 8%;
  568. padding: 0.5em;
  569. position: absolute;
  570. top: 11rem;
  571. width: 83%;
  572. z-index: 9999;
  573. }
  574. #capture-box h3 {
  575. font-size: 1.3rem;
  576. line-height: 1.6rem;
  577. }
  578.  
  579. #capture-box p {
  580. font-size: 1rem;
  581. line-height: 1rem;
  582. }
  583.  
  584. .site-content {
  585. float: left;
  586. margin: 0rem 0 0;
  587. width: 100%;
  588. }
  589. #site-navigation {
  590. display: block;
  591. margin-top: 6rem;
  592. }
  593. .widget-area {
  594. float: right;
  595. width: 80%;
  596. }
  597. .wrapper {
  598. margin-top: 5%;
  599. }
  600.  
  601. }
  602.  
  603.  
  604. /* maximum width of 320 pixels. */
  605. @media screen and (max-width: 320px) {
  606. /* Mobile Header 320 */
  607. #mobile-header {
  608. background: url("images/Connie-Clay-Header-250x125.jpg") no-repeat scroll center bottom transparent;
  609. height: 8rem;
  610. margin-bottom: 1.7rem;
  611. width: 100%;
  612. display: block;
  613. }
  614.  
  615. /* hide main header for mobile 320 */
  616. .site-header {
  617. display: none;
  618. }
  619.  
  620. #capture-box {
  621. background-color: #FEE9E4;
  622. border: 1px solid #CA0B4D;
  623. border-radius: 3px 3px 3px 3px;
  624. box-shadow: 0 0 5px 0 #999999;
  625. display: block;
  626. height: 4rem;
  627. padding: 0.5em;
  628. position: absolute;
  629. top: 12rem;
  630. width: 78%;
  631. z-index: 9999;
  632. }
  633. #capture-box h3 {
  634. font-size: 1rem;
  635. line-height: 1.4rem;
  636. }
  637.  
  638. #capture-box p {
  639. font-size: 0.8rem;
  640. line-height: 1rem;
  641. }
  642.  
  643. .site-content {
  644. float: left;
  645. width: 100%;
  646. }
  647. .site-content {
  648. margin: 0rem 0 0;
  649. }
  650. #site-navigation {
  651. display: block;
  652. margin-top: 7rem;
  653. }
  654. .widget-area {
  655. float: right;
  656. width: 80%;
  657. }
  658.  
  659. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!