API tools faq
paste
jackoconnells

{ Texas Sweet Tea } - 01

jackoconnells
Feb 28th, 2017
1,177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.62 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3.  
  4.  
  5.  
  6. <!--
  7.  
  8. THEME BY JACKOCONNELLS
  9. PLEASE BE KIND AND DON'T
  10. USE THIS THEME AS A BASE
  11. OR REDISTRIBUTE ANY PARTS
  12. OF THE CODE
  13.  
  14. DO NOT REMOVE THE CREDIT
  15. OR CLAIM AS YOUR OWN
  16.  
  17. -->
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27. <head>
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34. </head>
  35.  
  36.  
  37.  
  38.  
  39. <meta name="image:background" content="http://i.imgur.com/AOsWYGI.png" />
  40. <meta name="image:header" content="http://i.imgur.com/CeX9mJ1.png" />
  41.  
  42. <meta name="color:background" content="#f5f5f5"/>
  43. <meta name="color:container background" content="#eaeaea"/>
  44. <meta name="color:posts" content="#fff"/>
  45. <meta name="color:posts border" content="#e1e1e1"/>
  46. <meta name="color:sidebar" content="#fff"/>
  47. <meta name="color:sidebar border" content="#e1e1e1"/>
  48. <meta name="color:scrollbar" content="#f5f5f5"/>
  49. <meta name="color:header text" content="#fff"/>
  50. <meta name="color:tagline text" content="#727272"/>
  51. <meta name="color:navi bar" content="#d79e8c"/>
  52. <meta name="color:navi links" content="#fff"/>
  53. <meta name="color:navi links shadow" content="#a5755d"/>
  54. <meta name="color:navi links border" content="#ffd5c8"/>
  55. <meta name="color:search button" content="#dab28b"/>
  56. <meta name="color:body links" content="#000"/>
  57. <meta name="color:body links hover" content="#a9a9a9"/>
  58. <meta name="color:accent color" content="#d79e8c"/>
  59. <meta name="color:body font" content="#b8b8b8"/>
  60. <meta name="color:bold" content="#b59457"/>
  61. <meta name="color:italic" content="#f1f1f1"/>
  62. <meta name="color:underline" content="#f1f1f1"/>
  63. <meta name="color:blockquote" content="#f5f5f5"/>
  64. <meta name="color:blockquote text" content="#727272"/>
  65. <meta name="color:blockquote border" content="#d7d7d7"/>
  66. <meta name="color:sidebar titles" content="#000"/>
  67. <meta name="color:project links" content="#9d9d9d"/>
  68. <meta name="color:affiliate and family borders" content="#f5f5f5"/>
  69. <meta name="color:members background" content="#f5f5f5"/>
  70. <meta name="color:stats icons" content="#0000"/>
  71. <meta name="color:question background" content="#f9f9f9"/>
  72. <meta name="color:answer border" content="#f5f5f5"/>
  73. <meta name="color:permalinks" content="#"/>
  74. <meta name="color:permalinks links" content="#"/>
  75. <meta name="color:permalinks links hover" content="#"/>
  76. <meta name="color:tags" content="#"/>
  77. <meta name="color:footer" content="#d79e8c"/>
  78. <meta name="color:footer text" content="#fff"/>
  79. <meta name="color:footer text shadow" content="#ae7d71"/>
  80.  
  81. <meta name="text:link 1" content="REFRESH"/>
  82. <meta name="text:link 1 url" content="/"/>
  83. <meta name="text:link 2" content="CONTACT"/>
  84. <meta name="text:link 2 url" content="/"/>
  85. <meta name="text:link 3" content="NAVIGATION"/>
  86. <meta name="text:link 3 url" content="/"/>
  87. <meta name="text:link 4" content="EMMA"/>
  88. <meta name="text:link 4 url" content="/"/>
  89.  
  90.  
  91.  
  92. <!-- google fonts -->
  93.  
  94. <link href="https://fonts.googleapis.com/css?family=Crimson+Text" rel="stylesheet">
  95.  
  96.  
  97. <!-- font-awesome icons -->
  98.  
  99. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  100.  
  101.  
  102.  
  103. <!-- tooltip -->
  104.  
  105. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  106. <script src="http://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  107.  
  108. <script>
  109. (function($){
  110. $(document).ready(function(){
  111. $("a[title]").style_my_tooltips({
  112. tip_follows_cursor:true,
  113. tip_delay_time:90,
  114. tip_fade_speed:700,
  115. attribute:"title"
  116. });
  117. });
  118. })(jQuery);
  119. </script>
  120.  
  121.  
  122.  
  123.  
  124. <style type="text/css">
  125.  
  126.  
  127.  
  128. ::-webkit-scrollbar {
  129. width: 2px;
  130. height: 2px;
  131. }
  132. ::-webkit-scrollbar-button {
  133. width: 0px;
  134. height: 0px;
  135. }
  136. ::-webkit-scrollbar-thumb {
  137. background:{color:scrollbar};
  138. border: 0px none transparent;
  139. border-radius: 0px;
  140. }
  141.  
  142.  
  143.  
  144. /* body styling */
  145.  
  146.  
  147. body {
  148. font-family: 'Roboto', sans-serif;
  149. font-size:12px;
  150. color:{color:body font};
  151. margin:0;
  152. background-color:{color:Background};
  153. background-image:url('{image:Background}');
  154. background-repeat: repeat;
  155. }
  156.  
  157. small,sup,sub {
  158. font-size:12px;
  159. }
  160.  
  161.  
  162. a {
  163. color:{color:body links};
  164. text-decoration:none;
  165. -webkit-transition:ease-out 1s;
  166. -moz-transition: ease-out 1s;
  167. -o-transition:ease-out 1s;
  168. transition: ease-out 1s;
  169. }
  170.  
  171. a:hover {
  172. color:{color:body links hover};
  173. -webkit-transition:ease-out 1s;
  174. -moz-transition: ease-out 1s;
  175. -o-transition:ease-out 1s;
  176. transition: ease-out 1s;
  177. }
  178.  
  179. b,strong {
  180. color:{color:bold};
  181. }
  182.  
  183. italic, em {
  184. color:{color:italic};
  185. }
  186.  
  187. underline {
  188. color:{color:underline};
  189. }
  190.  
  191.  
  192.  
  193. hr {
  194. border-bottom:1px solid #f1f1f1;
  195. width:50%;
  196. }
  197.  
  198. img {
  199. max-width: 100%;
  200. }
  201.  
  202. blockquote {
  203. background-color:{color:blockquote};
  204. border:solid {color:blockquote border} 1px;
  205. color:{color:blockquote text};
  206. text-shadow:0px 1px 0px white;
  207. font-size:10px;
  208. text-align:justify;
  209. padding:10px;
  210. font-family:'roboto',sans-serif;
  211. line-height:180%;
  212. }
  213.  
  214. blockquote img {
  215. margin-left:15px!important;
  216. max-width:100%;
  217. height:auto;
  218. padding:10px;
  219. clear:both!important;
  220. }
  221.  
  222.  
  223. /* centering the theme */
  224.  
  225. #contain {
  226. width: 1280px;
  227. margin: 0px auto;
  228. margin-top: 0px;
  229. min-height:2000px;
  230. }
  231.  
  232.  
  233.  
  234. /* header */
  235.  
  236. #header-image {
  237. border-bottom:white solid 3px;
  238. margin:0;
  239. width:1280px;
  240. height:700px;
  241. margin-bottom:20px;
  242. position:relative;
  243. z-index:-1;
  244.  
  245. }
  246.  
  247. #header-title {
  248. font-family: 'Crimson Text', serif;
  249. letter-spacing:3px;
  250. text-decoration:underline;
  251. padding:20px;
  252. color:{color:header text};
  253. position:absolute;
  254. z-index:.999;
  255. margin:0 auto;
  256. margin-left:400px;
  257. margin-top:250px;
  258. font-size:36px;
  259. border:3px solid {color:header text};
  260. text-shadow:1px 1px 0px gray;
  261. }
  262.  
  263. #header-tagline {
  264. font-family: 'Crimson Text', serif;
  265. color:{color:tagline text};
  266. padding:5px;
  267. font-size:11px;
  268. background-color:white;
  269. text-shadow:1px 1px 0px #d0c1ba;
  270. margin:0 auto;
  271. margin-left:450px;
  272. margin-top:360px;
  273. position:absolute;
  274. z-index:.999;
  275. text-transform:uppercase;
  276. letter-spacing:2px;
  277. }
  278.  
  279. #header-description {
  280. font-family: 'Crimson Text', serif;
  281. margin-top:150px;
  282. margin-left:50px;
  283. padding:10px;
  284. position:absolute;
  285. z-index:.999;
  286. width:250px;
  287. height:320px;
  288. background-color:rgba({RGBcolor:Accent Color}, 0.5);
  289.  
  290. }
  291.  
  292. #header-description p {
  293. font-family: 'Crimson Text', serif;
  294. margin:0 auto;
  295. color:white;
  296. text-shadow:1px 1px 0px black;
  297. font-size:14px;
  298. text-align:justify;
  299. height:310px;
  300. width:230px;
  301. overflow:scroll;
  302. overflow-y:scroll;
  303. padding:5px;
  304.  
  305. }
  306.  
  307.  
  308. #header-about {
  309. font-family: 'Crimson Text', serif;
  310. margin-top:150px;
  311. margin-left:950px;
  312. padding:10px;
  313. position:absolute;
  314. z-index:.999;
  315. width:250px;
  316. height:320px;
  317. background-color:rgba({RGBcolor:Accent Color}, 0.5);
  318.  
  319. }
  320.  
  321. #header-about p {
  322. font-family: 'Crimson Text', serif;
  323. margin:0 auto;
  324. color:white;
  325. text-shadow:1px 1px 0px black;
  326. font-size:14px;
  327. text-align:justify;
  328. height:310px;
  329. width:230px;
  330. overflow:scroll;
  331. overflow-y:scroll;
  332. padding:5px;
  333.  
  334. }
  335.  
  336.  
  337. /* navigation */
  338.  
  339. #navigation {
  340. color:{color:navi links};
  341. display:inline-block;
  342. padding:5px;
  343. position:absolute;
  344. z-index:2;
  345. margin-top:-130px;
  346. margin-left:330px;
  347. }
  348.  
  349. #navigation a {
  350. text-shadow:0px 1px 0px {color:navi links shadow};
  351. letter-spacing:2px;
  352. color:{color:navi links};
  353. font-size:15px;
  354. font-weight:bold;
  355. font-family: 'Crimson Text', serif;
  356. padding:5px;
  357. margin:10px;
  358. -webkit-transition:ease-out 1s;
  359. -moz-transition: ease-out 1s;
  360. -o-transition:ease-out 1s;
  361. transition: ease-out 1s;
  362. }
  363.  
  364. #navigation a:hover {
  365. box-shadow:inset 0px -15px 0px {color:navi links border};
  366. -webkit-transition:ease-out 1s;
  367. -moz-transition: ease-out 1s;
  368. -o-transition:ease-out 1s;
  369. transition: ease-out 1s;
  370. }
  371.  
  372. .navigation-icons {
  373. color:{color:navi links};
  374. }
  375.  
  376.  
  377. /* search bar */
  378.  
  379. input {
  380. display:inline-block;
  381. width:190px;
  382. border:0;
  383. padding:5px;
  384. font-size:10px;
  385. text-transform:uppercase;
  386. }
  387.  
  388. input[type="submit"] {
  389. margin:2px;
  390. color:white;
  391. background:{color:search button};
  392. display:inline-block;
  393. width:60px;
  394.  
  395. }
  396.  
  397.  
  398. /* post container */
  399.  
  400. #p-container {
  401. box-shadow:1px 50px 90px #989898;
  402. border-top:100px solid {color:navi bar};
  403. z-index:1;
  404. position:absolute;
  405. width:1080px;
  406. padding:10px;
  407. background-color:{color:container background};
  408. margin-left:100px;
  409. margin-top:-150px;
  410. margin-bottom:0px;
  411. }
  412.  
  413. #posts-alignment {
  414. margin-left:500px;
  415. margin-top:84px;
  416. margin-bottom:300px;
  417.  
  418. }
  419.  
  420.  
  421. /* posts sizing */
  422.  
  423. .posts {
  424. width:500px;
  425. padding:15px;
  426. background-color:{color:posts};
  427. margin-bottom:50px;
  428. border:1px solid {color:posts border};
  429. }
  430.  
  431. /* sidebar */
  432.  
  433. #sidebar-alignment {
  434. width:350px;
  435. padding:15px;
  436. margin-left:50px;
  437. margin-top:50px;
  438. position:absolute;
  439. margin-bottom:300px;
  440. }
  441.  
  442. .side-titles {
  443. font-weight:bold;
  444. font-family: 'Crimson Text', serif;
  445. color:{color:sidebar titles};
  446. text-transform:uppercase;
  447. font-size:13px;
  448. box-shadow:inset 0px -2px 0px {color:accent color};
  449. letter-spacing:8px;
  450. text-shadow: 0px 1px 10px gray;
  451. }
  452.  
  453. .side-content {
  454. border:1px solid {color:sidebar border};
  455. background-color:{color:sidebar};
  456. padding:5px;
  457.  
  458. }
  459.  
  460. /* projects */
  461.  
  462. .p-image {
  463. margin:5px;
  464. padding:5px;
  465. width:320px;
  466. height:100px;
  467. position:relative;
  468. -webkit-transition:ease-out 1s;
  469. -moz-transition: ease-out 1s;
  470. -o-transition:ease-out 1s;
  471. transition: ease-out 1s;
  472. }
  473.  
  474. .p-image:hover {
  475. opacity:.6;
  476. -webkit-transition:ease-out 1s;
  477. -moz-transition: ease-out 1s;
  478. -o-transition:ease-out 1s;
  479. transition: ease-out 1s;
  480. }
  481.  
  482. .p-title {
  483. font-family: 'Crimson Text', serif;
  484. max-width:290px;
  485. background-color:rgba({RGBcolor:Accent Color}, 0.5);
  486. padding:5px;
  487. letter-spacing:3px;
  488. text-transform:uppercase;
  489. text-align:center;
  490. position:absolute;
  491. margin-top:-80px;
  492. font-size:12px;
  493. margin-left:20px;
  494. color:white;
  495. }
  496.  
  497. .p-info {
  498. font-family: 'Crimson Text', serif;
  499. max-width:290px;
  500. color:white;
  501. font-size:13px;
  502. text-shadow:0px 1px 0px gray;
  503. position:absolute;
  504. letter-spacing:1px;
  505. margin-top:-40px;
  506. margin-left:20px;
  507. }
  508.  
  509. .p-info strong {
  510. background-color:{color:accent color};
  511. padding:2px;
  512. color:white;
  513. text-shadow:0px 1px 0px gray;
  514. }
  515.  
  516. .p-info italic, em {
  517. color:white;
  518. }
  519.  
  520. .p-about {
  521. width:290px;
  522. background-color:{color:blockquote};
  523. border:solid 1px {color:blockquote border};
  524. color:{color:blockquote text};
  525. text-shadow:0px 1px 0px white;
  526. font-size:10px;
  527. text-align:justify;
  528. padding:10px;
  529. font-family:'roboto',sans-serif;
  530. line-height:180%;
  531. }
  532.  
  533. .p-link-icons {
  534. margin:5px;
  535. font-size:15px;
  536. color:{color:accent color};
  537. display:inline-block;
  538. -webkit-transition:ease-out 1s;
  539. -moz-transition: ease-out 1s;
  540. -o-transition:ease-out 1s;
  541. transition: ease-out 1s;
  542. }
  543.  
  544.  
  545. .p-link-icons a {
  546. color:{color:project links};
  547. font-family: 'Crimson Text', serif;
  548. letter-spacing:1px;
  549. font-size:10px;
  550. box-shadow:inset 0px -6px 0px {color:accent color};
  551. -webkit-transition:ease-out 1s;
  552. -moz-transition: ease-out 1s;
  553. -o-transition:ease-out 1s;
  554. transition: ease-out 1s;
  555. }
  556.  
  557. .p-link-icons a:hover {
  558. letter-spacing:1px;
  559. font-size:10px;
  560. box-shadow:inset 0px -6px 0px {color:accent color};
  561. -webkit-transition:ease-out 1s;
  562. -moz-transition: ease-out 1s;
  563. -o-transition:ease-out 1s;
  564. transition: ease-out 1s;
  565. }
  566.  
  567.  
  568. /* family sites */
  569.  
  570. #family-sites {
  571. padding:10px;
  572. }
  573.  
  574. #family-sites img {
  575. display:inline-block;
  576. padding:5px;
  577. border:solid 1px {color:affiliate and family borders};
  578. margin:5px;
  579. -webkit-filter: grayscale(0%);
  580. -webkit-transition: all 0.6s ease-in-out;
  581. -moz-transition: all 0.6s ease-in-out;
  582. -o-transition: all 0.6s ease-in-out;
  583. -ms-transition: all 0.6s ease-in-out;
  584. transition: all 0.6s ease-in-out;
  585.  
  586. }
  587.  
  588. #family-sites img:hover {
  589. -webkit-filter: grayscale(100%);
  590. -webkit-transition: all 0.6s ease-in-out;
  591. -moz-transition: all 0.6s ease-in-out;
  592. -o-transition: all 0.6s ease-in-out;
  593. -ms-transition: all 0.6s ease-in-out;
  594. transition: all 0.6s ease-in-out;
  595. }
  596.  
  597. /* affiliated sites */
  598.  
  599. #affiliated-sites {
  600. width:320px;
  601. height:290px;
  602. padding:10px;
  603. overflow:scroll;
  604. overflow-x:hidden;
  605. }
  606.  
  607. #affiliated-sites img {
  608. display:inline-block;
  609. padding:5px;
  610. border:solid 1px {color:affiliate and family borders};
  611. margin:2px;
  612. -webkit-filter: grayscale(0%);
  613. -webkit-transition: all 0.6s ease-in-out;
  614. -moz-transition: all 0.6s ease-in-out;
  615. -o-transition: all 0.6s ease-in-out;
  616. -ms-transition: all 0.6s ease-in-out;
  617. transition: all 0.6s ease-in-out;
  618.  
  619. }
  620.  
  621. #affiliated-sites img:hover {
  622. -webkit-filter: grayscale(100%);
  623. -webkit-transition: all 0.6s ease-in-out;
  624. -moz-transition: all 0.6s ease-in-out;
  625. -o-transition: all 0.6s ease-in-out;
  626. -ms-transition: all 0.6s ease-in-out;
  627. transition: all 0.6s ease-in-out;
  628. }
  629.  
  630. /* memebers */
  631.  
  632. #members {
  633. padding:10px;
  634. max-height:290px;
  635. overflow:scroll;
  636. overflow-x:hidden;
  637. }
  638.  
  639. .members {
  640. background-color:{color:members background};
  641. padding:5px;
  642. margin-bottom:10px;
  643. }
  644.  
  645. .m-image {
  646. width:40px;
  647. height:40px;
  648. padding:5px;
  649. border:solid 1px {color:affiliate and family borders};
  650. margin:5px;
  651. }
  652.  
  653. .m-url {
  654. box-shadow:inset 0px -6px 0px {color:accent color};
  655. font-family:'roboto',sans-serif;
  656. height:10px;
  657. display:inline-block;
  658. text-transform:uppercase;
  659. font-size:9px;
  660. letter-spacing:2px;
  661. position:absolute;
  662. margin-top:23px;
  663. text-shadow:0px 1px 0px white;
  664. }
  665.  
  666.  
  667. /* statistics */
  668.  
  669. #stats {
  670. font-family: 'Crimson Text', serif;
  671. padding:10px;
  672.  
  673. }
  674.  
  675. .stats-icons {
  676. box-shadow:inset 0px -6px 0px {color:accent color};
  677. text-transform:uppercase;
  678. color:{color:stats icons};
  679. font-size:10px;
  680. }
  681.  
  682. /* footer */
  683.  
  684. #footer {
  685. text-shadow:0px 1px 0px {color:footer text shadow};
  686. letter-spacing:2px;
  687. font-size:9px;
  688. color:{color:footer text};
  689. left:0;
  690. margin:0 auto;
  691. padding:10px;
  692. text-align:center;
  693. width:1080px;
  694. height:100px;
  695. background-color:{color:footer};
  696. bottom:fixed;
  697. position:absolute;
  698. z-index:-1;
  699. }
  700.  
  701. #footer a {
  702. color:{color:footer text};
  703. }
  704.  
  705.  
  706. /* different post type styling ( asks, chat posts etc ) */
  707.  
  708.  
  709. .title {
  710. text-transform:uppercase;
  711. font-size:20px;
  712. text-align:center;
  713. }
  714.  
  715.  
  716. .linkp {
  717. text-align:center;
  718. font-size:30px;
  719. text-transform:uppercase;
  720. -webkit-transition:ease-out 1s;
  721. -moz-transition: ease-out 1s;
  722. -o-transition:ease-out 1s;
  723. transition: ease-out 1s;
  724. }
  725.  
  726. .chat li {
  727. list-style-type:none;
  728. }
  729.  
  730.  
  731. .chat .odd {
  732. background-color:{color:permalinks};
  733. padding:5px;
  734. margin:10px;
  735. text-transform:uppercase;
  736. letter-spacing:1px;
  737. }
  738.  
  739. .chat .even {
  740. background-color:{color:posts};
  741. padding:5px;
  742. margin:10px;
  743. text-transform:uppercase;
  744. letter-spacing:1px;
  745. }
  746.  
  747. .askurl {
  748. margin:1px;
  749. text-transform:uppercase;
  750. font-size:16px;
  751. text-align:center;
  752. }
  753.  
  754. .ask img {
  755. margin:5px;
  756. border:1px solid {color:affiliate and family borders};
  757. float:left;
  758. display:inline-block;
  759. padding:5px;
  760. }
  761.  
  762.  
  763. .ask {
  764. width:480px;
  765. display:inline-block;
  766. text-transform:normal;
  767. font-family:arial;
  768. font-size:11px;
  769. background-color:{color:question background};
  770. padding:10px;
  771. }
  772.  
  773.  
  774. .question {
  775. margin:10px;
  776. padding:20px;
  777. margin-top:10px;
  778. font-style: normal;
  779. border:solid 1px {color:posts border};
  780. }
  781.  
  782.  
  783. .notes .ol,.ul {
  784. padding:4px;
  785.  
  786. }
  787.  
  788. .tags {
  789. font-family:'roboto',sans-serif;
  790. overflow:hidden;
  791. padding:5px;
  792. width:480px;
  793. text-align:center;
  794. text-transform:uppercase;
  795. font-size:9px;
  796. }
  797.  
  798. .tags a {
  799. color:{color:tags};
  800. text-align:center;
  801. padding:2px;
  802. -webkit-transition:ease-out 1s;
  803. -moz-transition: ease-out 1s;
  804. -o-transition:ease-out 1s;
  805. transition: ease-out 1s;
  806. }
  807.  
  808. .tags a:hover {
  809. -webkit-transition:ease-out 1s;
  810. -moz-transition: ease-out 1s;
  811. -o-transition:ease-out 1s;
  812. transition: ease-out 1s;
  813. }
  814.  
  815.  
  816. .quote {
  817. text-align:center;
  818. font-variant:small-caps;
  819. letter-spacing:2px;
  820. text-transform:uppercase;
  821. font-size:16px;
  822. font-family: 'Playfair Display', serif;
  823. font-weight:lighter;
  824. padding:15px;
  825. text-shadow:1px 1px 0px #fff;
  826. }
  827.  
  828. .quotesource {
  829. letter-spacing:2px;
  830. padding:10px;
  831. text-align:right;
  832. text-transform:uppercase;
  833. font-family: 'Playfair Display', serif;
  834.  
  835. }
  836.  
  837.  
  838.  
  839. .permalinks {
  840. margin-top:10px;
  841. padding:10px;
  842. background-color:{color:permalinks};
  843. width:480px;
  844. height:30px;
  845. }
  846.  
  847. .permalinks a {
  848. padding:10px;
  849. color:{color:permalinks links};
  850. font-size:9px;
  851. text-transform:uppercase;
  852. -webkit-transition:ease-out 1s;
  853. -moz-transition: ease-out 1s;
  854. -o-transition:ease-out 1s;
  855. transition: ease-out 1s;
  856.  
  857. }
  858.  
  859.  
  860. .permalinks a:hover {
  861.  
  862. padding:10px;
  863. font-size:9px;
  864. text-transform:uppercase;
  865. -webkit-transition:ease-out 1s;
  866. -moz-transition: ease-out 1s;
  867. -o-transition:ease-out 1s;
  868. transition: ease-out 1s;
  869.  
  870. }
  871.  
  872.  
  873.  
  874.  
  875.  
  876.  
  877. #pagination {
  878. text-align:center;
  879. margin-top:10px;
  880. padding:10px;
  881. text-transform:uppercase;
  882. }
  883.  
  884. #pagination a {
  885. padding:5px;
  886. letter-spacing:2px;
  887. }
  888.  
  889.  
  890. /* tooltip */
  891.  
  892. #s-m-t-tooltip {
  893. text-transform:uppercase;
  894. max-width:300px;
  895. padding:4px;
  896. margin:5px 10px 5px 0px;
  897. color:;
  898. border:1px solid #f0f0f0;
  899. font-family: ‘Roboto’, sans-serif;
  900. font-size:8px;
  901. letter-spacing:2px;
  902. background:white;
  903. z-index:99999;
  904.  
  905. }
  906.  
  907.  
  908.  
  909. </style>
  910.  
  911. <body>
  912.  
  913.  
  914. <div id="contain">
  915.  
  916. <center><div id="header-title">EMMA STONE DAILY</div></center>
  917. <center><div id="header-tagline">your #1 source for all things emma stone<i>!!</i></div></center>
  918. <div id="header-description">
  919.  
  920. <!-- left description box -->
  921.  
  922. <p style="margin-top:0px">
  923. Cat ipsum dolor sit amet, hunt by meowing loudly at 5am next to human slave food dispenser or find something else more interesting swat turds around the house but mewl for food at 4am. Love to play with owner's hair tie unwrap toilet paper for peer out window, chatter at birds, lure them to mouth yet chirp at birds yet lay on arms while you're using the keyboard. Destroy the blinds mark territory lounge in doorway, yet scratch the furniture meowzer!. Rub whiskers on bare skin act innocent. Lie on your belly and purr when you are asleep knock over christmas tree for play riveting piece on synthesizer keyboard, for spot something, big eyes, big eyes, crouch, shake butt, prepare to pounce and sometimes switches in french and say "miaou" just because well why not. Catch mouse and gave it as a present mark territory, for if it smells like fish eat as much as you wish, hide at bottom of staircase to trip human eat the fat cats food, or meow meow, i tell my human.
  924.  
  925. </p>
  926. </div>
  927.  
  928. <div id="header-about">
  929.  
  930. <!-- right description box -->
  931.  
  932. <p style="margin-top:0px">
  933. Cat ipsum dolor sit amet, hunt by meowing loudly at 5am next to human slave food dispenser or find something else more interesting swat turds around the house but mewl for food at 4am. Love to play with owner's hair tie unwrap toilet paper for peer out window, chatter at birds, lure them to mouth yet chirp at birds yet lay on arms while you're using the keyboard. Destroy the blinds mark territory lounge in doorway, yet scratch the furniture meowzer!. Rub whiskers on bare skin act innocent. Lie on your belly and purr when you are asleep knock over christmas tree for play riveting piece on synthesizer keyboard, for spot something, big eyes, big eyes, crouch, shake butt, prepare to pounce and sometimes switches in french and say "miaou" just because well why not. Catch mouse and gave it as a present mark territory, for if it smells like fish eat as much as you wish, hide at bottom of staircase to trip human eat the fat cats food, or meow meow, i tell my human.
  934.  
  935. </p>
  936.  
  937.  
  938. </div>
  939. <div id="header-image"><img src="{image:header}"></div>
  940.  
  941.  
  942. <div id="navigation">
  943.  
  944. <!-- navigation -->
  945.  
  946. <center>
  947.  
  948. <a href="/"><i class="fa fa-home navigation-icons" aria-hidden="true"></i> REFRESH</a>
  949.  
  950. <a href="/"><i class="fa fa-comments navigation-icons" aria-hidden="true"></i> CONTACT</a>
  951.  
  952. <a href="/"><i class="fa fa-bars navigation-icons" aria-hidden="true"></i> NAVIGATION</a>
  953.  
  954. <a href="/"><i class="fa fa-star navigation-icons" aria-hidden="true"></i> EMMA</a>
  955.  
  956. <a href="http://jackoconnells.tumblr.com"><i class="fa fa-arrows-alt navigation-icons" aria-hidden="true"></i> THEME</a>
  957.  
  958. <br/><br/>
  959.  
  960. <!-- search bar -->
  961.  
  962. <form action="/search" method="get">
  963. <input type="text" name="q" value="{SearchQuery}" placeholder="search tags"/>
  964. <input type="submit" value="Search"/>
  965. </form>
  966. </center>
  967.  
  968. </div>
  969.  
  970. <div id="p-container">
  971.  
  972.  
  973.  
  974.  
  975. <div id="sidebar-alignment">
  976.  
  977.  
  978.  
  979.  
  980. <center><div class="side-titles">projects</div></center>
  981. <div class="side-content">
  982.  
  983. <!-- first film -->
  984.  
  985. <img src="http://i.imgur.com/6xKQ3UV.png" class="p-image" draggable="false"/>
  986.  
  987. <center><div class="p-title">LA LA LAND</div></center>
  988. <center><div class="p-info">—<em>Emma as</em> <strong>Mia</strong> — 12/9/2016</div></center>
  989.  
  990. <center>
  991. <i class="fa fa-camera p-link-icons" aria-hidden="true"> <a href="/">PHOTOS</a></i>
  992. <i class="fa fa-info p-link-icons" aria-hidden="true"> <a href="/">IMDB</a></i>
  993.  
  994. <i class="fa fa-youtube-play p-link-icons" aria-hidden="true"> <a href="/">TRAILER</a></i>
  995.  
  996.  
  997. </center>
  998.  
  999. <center><p class="p-about">The story of Mia, an aspiring actress, and Sebastian, a dedicated jazz musician, struggling to make ends meet while pursuing their dreams in a city known for destroying hopes and breaking hearts. With modern day Los Angeles as the backdrop, this musical about everyday life explores what is more important: a once-in-a-lifetime love or the spotlight.
  1000. </p></center>
  1001.  
  1002. <br>
  1003.  
  1004. <!-- second film -->
  1005.  
  1006. <img src="http://i.imgur.com/rk6Lk9P.png" class="p-image" draggable="false"/>
  1007.  
  1008. <center><div class="p-title">BATTLE OF THE SEXES</div></center>
  1009. <center><div class="p-info">—<em>Emma as</em> <strong>Billie Jean King</strong> — 2017</div></center>
  1010.  
  1011. <center>
  1012. <i class="fa fa-camera p-link-icons" aria-hidden="true"> <a href="/">PHOTOS</a></i>
  1013. <i class="fa fa-info p-link-icons" aria-hidden="true"> <a href="/">IMDB</a></i>
  1014.  
  1015. <i class="fa fa-youtube-play p-link-icons" aria-hidden="true"> <a href="/">TRAILER</a></i>
  1016.  
  1017.  
  1018. </center>
  1019.  
  1020. <center><p class="p-about">The true story of the 1973 tennis match between World number one Billie Jean King and ex-champ and serial hustler Bobby Riggs.
  1021. </p></center>
  1022.  
  1023. </div>
  1024.  
  1025.  
  1026. <br/><br/>
  1027.  
  1028. <center><div class="side-titles">FAMILY SITES</div></center>
  1029. <div class="side-content">
  1030.  
  1031.  
  1032. <div id="family-sites">
  1033.  
  1034. <center>
  1035.  
  1036. <!-- family sites -->
  1037.  
  1038.  
  1039. <a href="/" title="FAMILY SITE"><img src="http://i.imgur.com/ufy08rz.png"></a>
  1040.  
  1041. <a href="/" title="FAMILY SITE"><img src="http://i.imgur.com/ufy08rz.png"></a>
  1042.  
  1043. <a href="/" title="FAMILY SITE"><img src="http://i.imgur.com/ufy08rz.png"></a>
  1044.  
  1045. </center>
  1046.  
  1047.  
  1048. </div>
  1049.  
  1050. </div>
  1051.  
  1052.  
  1053.  
  1054. <br/><br/>
  1055.  
  1056. <center><div class="side-titles">AFFILIATED SITES</div></center>
  1057. <div class="side-content">
  1058.  
  1059.  
  1060. <div id="affiliated-sites">
  1061.  
  1062. <center>
  1063.  
  1064. <!-- affiliates -->
  1065.  
  1066. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1067.  
  1068. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1069.  
  1070. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1071.  
  1072. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1073.  
  1074. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1075.  
  1076. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1077.  
  1078. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1079.  
  1080. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1081.  
  1082. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1083.  
  1084. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1085.  
  1086. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1087.  
  1088. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1089.  
  1090. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1091.  
  1092. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1093.  
  1094. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1095.  
  1096. <a href="/" title="AFFILIATE"><img src="http://i.imgur.com/wO0YKI9.png"></a>
  1097.  
  1098. </center>
  1099.  
  1100. </div>
  1101.  
  1102. </div>
  1103.  
  1104.  
  1105. <br><br>
  1106.  
  1107.  
  1108. <center><div class="side-titles">MEMBERS</div></center>
  1109. <div class="side-content">
  1110.  
  1111. <!-- members -->
  1112.  
  1113.  
  1114. {block:GroupMembers}
  1115.  
  1116. <div id="members">
  1117. {block:GroupMember}
  1118. <a href="{GroupMemberURL}">
  1119. <div class="members">
  1120. <img src="{GroupMemberPortraitURL-40}" class="m-image">
  1121. <a href="{GroupMemberURL}" class="m-url">{GroupMemberName}</a><br/>
  1122. </div></a>
  1123. {/block:GroupMember}
  1124.  
  1125. </div>
  1126.  
  1127. {/block:GroupMembers}
  1128.  
  1129.  
  1130.  
  1131. </div>
  1132.  
  1133.  
  1134. <br><br>
  1135.  
  1136.  
  1137. <center><div class="side-titles">STATISTICS</div></center>
  1138. <div class="side-content">
  1139.  
  1140.  
  1141. <div id="stats">
  1142.  
  1143. <!-- stats -->
  1144.  
  1145. <i class="fa fa-info-circle stats-icons" aria-hidden="true"> About:</i> Emma Stone<br/>
  1146.  
  1147. <i class="fa fa-file-code-o stats-icons" aria-hidden="true"> Admin:</i> Madi<br/>
  1148.  
  1149. <i class="fa fa-users stats-icons" aria-hidden="true"> Online:</i> 12 <br/>
  1150.  
  1151. <i class="fa fa-map-marker stats-icons" aria-hidden="true"> Hits:</i> 3903 <br/>
  1152.  
  1153.  
  1154. <blockquote>Our site claims no credit for any content posted on this site unless stated otherwise. information on this blog are copyright to their respectful owners. If there is any content appearing on this blog that belongs to you and do not wish for it appear on this site, please message us with a link to say which post and it will be promptly removed.
  1155. </blockquote>
  1156.  
  1157.  
  1158.  
  1159. </div>
  1160.  
  1161. </div>
  1162.  
  1163. </div>
  1164.  
  1165.  
  1166.  
  1167.  
  1168.  
  1169.  
  1170.  
  1171.  
  1172.  
  1173.  
  1174. <div id="posts-alignment">
  1175.  
  1176. {block:Posts}
  1177.  
  1178. <div class="posts">
  1179.  
  1180.  
  1181. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  1182.  
  1183. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1184.  
  1185. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1186.  
  1187. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1188.  
  1189. {block:Quote}<div class="quote">"{Quote}"</div>{block:Source}<div class="quotesource">–{Source}</div>{/block:Source}{/block:Quote}
  1190.  
  1191.  
  1192. <div class="linkp">
  1193. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1194. </div>
  1195.  
  1196.  
  1197. {block:Chat}{block:Title}<div class="title">{Title}</a></div>{/block:Title}
  1198.  
  1199. <div class="chat">
  1200.  
  1201. {block:Lines}
  1202. <li class="{Alt}">{block:Label}<span style="font-weight:bold;">{Label}</span>{/block:Label} {Line}</li>
  1203. {/block:Lines}
  1204.  
  1205. </div>
  1206. {/block:Chat}
  1207.  
  1208. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1209.  
  1210. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1211.  
  1212.  
  1213. {block:Answer}
  1214. <div class="ask">
  1215. <div class="askurl">{Asker} ASKED —</div>
  1216. <hr>
  1217. <img src="{AskerPortraitURL-64}" alt="" style="display:inline-block;">
  1218. <br/> <div style="margin:5px!important; padding:5px!important;">{Question}</div></div>
  1219.  
  1220.  
  1221. <div class="question">{Answer}</div>
  1222. {/block:Answer}
  1223.  
  1224.  
  1225.  
  1226. <div class="permalinks">
  1227.  
  1228. <center style="margin-top:5px;">
  1229. <a href="{Permalink}"><big><i class="fa fa-clock-o" aria-hidden="true"></big></i> {TimeAgo}</a><a href="{Permalink}">{block:NoteCount}<big><i class="fa fa-heart" aria-hidden="true"></i></big> {NoteCount}{/block:NoteCount}</a>
  1230. {/block:Date}
  1231. {block:RebloggedFrom} <a title="{ReblogParentTitle}" href="{ReblogParentURL}"><big><i class="fa fa-refresh" aria-hidden="true"></i></big> VIA</a>{/block:RebloggedFrom}
  1232. {block:ContentSource} <a title="{SourceTitle}" href="{SourceURL}"><big><i class="fa fa-thumb-tack" aria-hidden="true"></i></big> SOURCE</a>{/block:ContentSource} <a title="Reblog" href="{ReblogURL}" target="_blank" class="details"><big><i class="fa fa-retweet" aria-hidden="true"></i></big> REBLOG</a> {/block:Date}
  1233. </center>
  1234.  
  1235. </div>
  1236.  
  1237. <div class="tags" style="clear:both">
  1238. {block:HasTags}{Block:Tags} <i class="fa fa-tag" aria-hidden="true"></i> <a href="{TagURL}"> {Tag}</a>{/Block:Tags}{/Block:HasTags}
  1239. </div>
  1240.  
  1241.  
  1242.  
  1243. {block:PermalinkPage}
  1244. {Block:PostNotes}<div class="notes">{PostNotes}</div>{/Block:PostNotes}
  1245. {/block:PermalinkPage}
  1246.  
  1247. <!-- end of post style -->
  1248. </div>
  1249.  
  1250. {/block:Posts}
  1251.  
  1252. <!-- end of posts alignment -->
  1253. </div>
  1254.  
  1255.  
  1256. <div id="footer">
  1257.  
  1258. <!-- footer -->
  1259.  
  1260. <div id="pagination">
  1261. {block:Pagination}
  1262. {block:PreviousPage}
  1263. <span class="pagib"><a href="{PreviousPage}">previous</a></span>
  1264. {/block:PreviousPage}
  1265. {block:JumpPagination length="5"}
  1266. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  1267. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1268. {block:NextPage}
  1269. <span class="pagib"><a href="{NextPage}">next</a></span>
  1270. {/block:NextPage}
  1271. {/block:Pagination}
  1272. </div>
  1273.  
  1274.  
  1275. <p>
  1276. EMMASTONEDAILY <b style="color:#fff;">&hearts;</b> © COPYRIGHT 2017 ALL RIGHTS RESERVED <b style="color:#fff;">&hearts;</b> <a href="http://jackoconnells.tumblr.com">THEME BY</a>
  1277. </p>
  1278.  
  1279. </div>
  1280.  
  1281.  
  1282. <!-- end of post container -->
  1283. </div>
  1284.  
  1285.  
  1286.  
  1287. <!-- end of "contain" -->
  1288. </div>
  1289.  
  1290. </body>
  1291. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!