API tools faq
paste
Advertisement
themepirate

Hydra Theme by THEMEPIRATE

themepirate
May 23rd, 2013
1,599
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--------------------------------------------
  4.  
  5. *************** *************
  6. *************** **************
  7. *************** ***************
  8. ***** ***** ****
  9. ***** ***************
  10. ***** *************
  11. ***** heme ***** irate
  12. ***** *****
  13. ***** *****
  14.  
  15. Theme: Hydra Date: 5/23/13
  16. By: Byron (BlogInfinity.me)
  17.  
  18. themepirate.tumblr.com
  19. ---------------------------------------------->
  20.  
  21. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
  22. <title>{Title}</title>
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <link rel="shortcut icon" href="{Favicon}" />
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  27. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  28. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  29. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  30. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  31.  
  32. <meta name="color:Background" content="#f0f0f0" />
  33. <meta name="color:Box" content="#fafafa" />
  34. <meta name="color:Text" content="#252525" />
  35. <meta name="color:Links" content="#2e2e2e" />
  36. <meta name="color:Links Hover" content="#2e2e2e" />
  37. <meta name="color:Title Color" content="#2e2d2d" />
  38. <meta name="color:Title Hover Color" content="#363636" />
  39. <meta name="color:Navlinks Text Color" content="#242323" />
  40. <meta name="color:Chat" content="#f1f1f1" />
  41. <meta name="color:Asker Background" content="#f1f1f1" />
  42. <meta name="image:Background" content="http://static.tumblr.com/psjhflr/tiwmn98xv/bgwhite.png" />
  43. <meta name="image:Header Background" content="http://static.tumblr.com/psjhflr/HuBmn98ym/bg3.png" />
  44. <meta name="image:Banner" content="http://static.tumblr.com/psjhflr/Fsomn98zg/banner1.jpg" />
  45.  
  46. <meta name="font:Body" content="Helvetica" />
  47. <meta name="if:Infinite Scroll" content="0"/>
  48. <meta name="if:To top button" content="1" />
  49. <meta name="if:Centered Header" content="0" />
  50. <meta name="if:3 columns" content="1" />
  51. <meta name="if:4 columns" content="0" />
  52. <meta name="if:Show Description" content="0" />
  53. <meta name="if:Show Caption" content="0" />
  54. <meta name="if:Show Post Links" content="1" />
  55. <meta name="if:Show Tags" content="0" />
  56.  
  57. <meta name="text:Custom Link 1" content="" />
  58. <meta name="text:Custom Link 1 Title" content="Link1" />
  59. <meta name="text:Custom Link 2" content="" />
  60. <meta name="text:Custom Link 2 Title" content="Link2" />
  61. <meta name="text:Custom Link 3" content="" />
  62. <meta name="text:Custom Link 3 Title" content="Link3" />
  63. <meta name="text:Custom Link 4" content="" />
  64. <meta name="text:Custom Link 4 Title" content="Link4" />
  65. <meta name="text:Custom Link 5" content="" />
  66. <meta name="text:Custom Link 5 Title" content="Link5" />
  67.  
  68.  
  69. <head>
  70.  
  71. <script src="http://static.tumblr.com/psjhflr/lpGmmq0oc/like.js"></script>
  72. <script src="http://static.tumblr.com/uiqhh9x/61sm66w66/jquery.min.js" type="text/javascript"></script>
  73. <script src="http://static.tumblr.com/uiqhh9x/3Jpm92lk1/totop.js" type="text/javascript"></script>
  74.  
  75. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  76.  
  77.  
  78. <style type="text/css">
  79. body {
  80. background: {color:Background} url('{image:Background}') top left scroll repeat;
  81. color: {color:Text};
  82. font-family: {font:Body};
  83. font-size: 12px; line-height: 15px;
  84. text-align:left; letter-spacing: 1px;
  85. text-transform:{text:Body Text transform};
  86. -webkit-font-smoothing: antialiased;
  87. }
  88.  
  89. a, a:link, a:visited {
  90. color: {color:Links};
  91. font-family: {font:Links};
  92. text-transform: {text:Body Text transform};
  93. text-decoration: none;
  94. font-size: 12px;
  95. }
  96.  
  97. a:hover {
  98. color: {color:Links Hover};
  99. font-family: {font:Links};
  100. text-decoration: none;
  101. font-size: 12px; }
  102.  
  103. p {
  104. margin: 5px 0 0 0;
  105. line-height:12px;
  106. padding: 0; }
  107. ul, ol {
  108. margin: 5px 0 0 25px; padding: 0; }
  109. blockquote {
  110. margin: 2px 2px 1px 2px;
  111. padding: 1px 2px 1px 4px;
  112. border: 0px solid {color:Text}; }
  113. blockquote p {
  114. margin: 0;
  115. padding: 0;
  116. line-height: 12px; }
  117.  
  118.  
  119. #header {
  120. background: url('{image:Header Background}') top left scroll repeat;
  121. top: 0px; left: 0px;
  122. width: 1200px; padding: 40px;
  123. text-align: left;
  124. {block:IfShowDescription}
  125. height: 165px;
  126. {block:IfShowDescription}
  127. {block:IfNotShowDescription}
  128. height: 120px;
  129. {/block:IfNotShowDescription}
  130. display: block; position: absolute;
  131. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
  132. -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
  133. box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
  134.  
  135. }
  136.  
  137. #content {
  138. {block:IfShowDescription}
  139. top: 235px;
  140. {block:IfShowDescription}
  141. {block:IfNotShowDescription}
  142. top: 190px;
  143. {/block:IfNotShowDescription}
  144. {block:If3columns}
  145. left: 45px;
  146. {/block:If3columns}
  147. {block:If4columns}
  148. left: 55px;
  149. {/block:If4columns}
  150. {block:IfNot3columns}
  151. {block:IfNot4columns}
  152. left: 185px;
  153. {/block:IfNot4columns}
  154. {/block:IfNot3columns}
  155. {block:IfNot3columns}
  156. {block:IfNot4columns}
  157. width: 900px;
  158. {/block:IfNot4columns}
  159. {/block:IfNot3columns}
  160. {block:If3columns}
  161. {block:If4columns}
  162. left: 190px;
  163. {block:If4columns}
  164. {/block:If3columns}
  165. {block:IndexPage}
  166.  
  167. {block:If3columns}
  168. width: 1150px;
  169. {/block:If3columns}
  170.  
  171. {block:If4columns}
  172. width: 1150px;
  173. {/block:If4columns}
  174.  
  175. padding: 20px;
  176. {/block:IndexPage}
  177. {block:PermalinkPage}
  178. width:1150px;
  179. left: 95px;
  180. {block:IfShowDescription}
  181. top: 255px;
  182. {/block:IfShowDescription}
  183. {block:IfNotShowDescription}
  184. top: 210px;
  185. {/block:IfNotShowDescription}
  186. {/block:PermalinkPage}
  187. float: right; position: absolute;
  188. -khtml-border-radius: 5px;
  189. -moz-border-radius: 5px;
  190. -webkit-border-radius: 5px;
  191. }
  192.  
  193. #container {
  194. width: 1000px;
  195. margin: 0px auto;
  196. }
  197.  
  198. .entry {
  199. border: 1px dotted #ccc;
  200. background: transparent;
  201. float: left;
  202. width: 400px;
  203. {block:If3columns}
  204. width: 350px;
  205. {/block:If3columns}
  206. {block:If3columns}
  207. {block:If4columns}
  208. width: 400px;
  209. {block:If4columns}
  210. {/block:If3columns}
  211. {block:IfNot3columns}
  212. {block:If4columns}
  213. width: 250px;
  214. {/block:If4columns}
  215. {/block:IfNot3columns}
  216. margin: 10px; margin-bottom: 5px;
  217. {block:PermalinkPage}
  218. width: 500px;
  219. {/block:PermalinkPage}
  220. padding: 5px;
  221. display: block;
  222. position: relative;
  223.  
  224. }
  225.  
  226. .entry img {
  227. display: block;
  228. max-width: 100%;
  229. }
  230.  
  231. .entry:hover img {
  232. max-width: 100%;
  233. }
  234.  
  235.  
  236.  
  237. .menulinks a {
  238. text-transform: capitalize;
  239. color: {color:Navlinks Text Color};
  240. font-family: 'Oswald', sans-serif;
  241. text-transform: uppercase; font-size: 12px;
  242. text-align: center; font-weight: bold;
  243. padding: 0px 15px 0px;
  244. letter-spacing:1px; line-height: 0px;
  245. }
  246.  
  247. .menulinks a:hover {
  248. display:block;
  249. color: {color:Navlinks Text Hover Color};
  250. }
  251.  
  252. #menubar {
  253. margin-left: -17px; margin-bottom: 10px;
  254. text-align: center;
  255. }
  256.  
  257. .navlinks a {
  258. background-color: {color:Menu Background Color} ;
  259. no-repeat center center fixed;
  260. margin-right: 5px; margin-bottom: 5px;
  261. text-transform: capitalize;
  262. font-family: 'Open Sans', sans-serif;
  263. text-transform: capitalize; font-size: 11px;
  264. color: {color:Navlinks Text Color};
  265. text-align: center; font-weight: bold;
  266. letter-spacing:0px; display:block;
  267. padding: 9px 0px 9px;
  268. width:125px;height:20px;line-height:20px; border-radius: 75px;
  269. }
  270.  
  271. .navlinks a:hover {
  272. display:block;
  273. color: {color:Links Hover};
  274. background-color: {color:NavLinks Background Hover} ;
  275. }
  276.  
  277. #left {
  278. line-height: 12px; position: absolute; top: 40px;
  279. height:auto; color: {color:Text};
  280. padding: 15px; left: 0px; text-align: right;
  281. font-size: 11px; letter-spacing: 0px;
  282. Display:block;
  283. }
  284.  
  285.  
  286.  
  287. .entry:hover .rblg, .entry:hover .dte, .entry:hover .nts {
  288. top: 0px; height: 123px; left: 0px;
  289. opacity: 1; filter: alpha(opacity = 100);
  290. -webkit-transition: all 0.5s ease-out;
  291. -moz-transition: all 0.5s ease-out;
  292. }
  293.  
  294. .entry:hover .p1, .entry:hover .p2, .entry:hover .p3, .entry:hover .p4 {
  295. opacity: .8; filter: alpha(opacity = 80);
  296. }
  297.  
  298.  
  299. .p1 {
  300. -webkit-transition: all 0.5s ease-out;
  301. -moz-transition: all 0.5s ease-out;
  302. top: 5px;
  303. left: 5px;
  304. opacity: 0; text-align: center;
  305. filter: alpha(opacity = 0);
  306. z-index:9999999;
  307. position: absolute;
  308. text-transform: uppercase;
  309. }
  310.  
  311. .dte {
  312. -webkit-font-smoothing: antialiased;
  313. width: 393px;
  314. {block:If3Columns}
  315. width: 342px;
  316. {/block:If3Columns}
  317. {block:If4Columns}
  318. width: 243px;
  319. {/block:If4Columns}
  320. height: 0px;
  321. background-color: #000;
  322. padding: 3px;
  323. overflow: hidden;
  324. z-index: 9999999;
  325. color: #fff;
  326. padding-left: 4px;
  327. padding-right: 4px;
  328. position: absolute;
  329. text-transform: uppercase;
  330. text-align: center;
  331. -webkit-transition: all 0.5s ease-out;
  332. -moz-transition: all 0.5s ease-out;
  333. opacity: .7;
  334. filter: alpha(opacity = 70);
  335. font-family: 'Open Sans', sans-serif;
  336. }
  337.  
  338. .dte a {
  339. color: #ffffff!important; text-transform: uppercase;
  340. font-family: 'Open Sans', sans-serif; font-size: 14px;
  341.  
  342. }
  343.  
  344. .dte:hover, .dte a:hover {
  345. color: #000; text-transform: uppercase;
  346. font-family: 'Open Sans', sans-serif;
  347. }
  348.  
  349. .perma1 {
  350. margin-top: 0px;
  351. font-family: 'Oswald', sans-serif; padding: 0px;
  352. font-size:11px; color: {color:Links};
  353. text-transform: uppercase; letter-spacing: 2px;
  354. border-bottom: 1px dotted #ccc; line-height: 25px; margin-bottom: 5px;
  355. }
  356.  
  357. .perma1 a {
  358. font-family: 'Oswald', sans-serif;
  359. font-size:11px; color: {color:Links};
  360. text-transform: uppercase; letter-spacing: 2px;
  361. }
  362.  
  363. .perma1 a:hover {
  364. color: {color:Links Hover};
  365. }
  366.  
  367. .tags {
  368. margin-top: 5px;
  369. font-family: 'Open Sans', sans-serif; padding: 5px;
  370. font-size:11px; color: {color:Links}; mar
  371. text-transform: capitalize; letter-spacing: 0px;
  372. border: 1px dotted #ccc; line-height: 15px; margin-bottom: 5px;
  373. }
  374.  
  375. .tags a {
  376. margin-top: 5px;
  377. font-family: 'Open Sans', sans-serif;
  378. font-size:11px; color: {color:Links};
  379. text-transform: capitalize; letter-spacing: 0px;
  380. }
  381.  
  382. .tags a:hover {
  383. color: {color:Links Hover};
  384. }
  385.  
  386.  
  387. .n1, .n1 a {
  388. text-transform: capitalize;
  389. font-family: 'Open Sans', sans-serif;
  390. font-size: 45px;
  391. text-align: center;
  392. color: #fff;
  393. }
  394.  
  395. .n1:hover, .n1 a:hover {
  396. color: #fff;
  397. }
  398.  
  399. .n2, .n2 a {
  400. text-transform: capitalize; text-align: center; margin-top: 0px;
  401. font-family: 'Open Sans', sans-serif; font-size: 15px; letter-spacing: 1px;
  402. color: #fff;
  403.  
  404. }
  405.  
  406. .n2:hover, .n2 a:hover {
  407. text-transform: capitalize; text-align: center; margin-top: 0px;
  408. font-family: 'Open Sans', sans-serif;
  409. color: #fff;
  410. }
  411.  
  412. .n3, .n3 a {
  413. text-transform: capitalize;
  414. font-family: 'Six Caps', sans-serif;
  415. font-size: 23px; letter-spacing: 5px;
  416. line-height: 35px;
  417.  
  418. }
  419.  
  420. .n3:hover, .n3 a:hover {
  421. text-transform: capitalize;
  422. font-family: 'Six Caps', sans-serif;
  423. }
  424.  
  425. .n4, .n4 a {
  426. text-transform: capitalize;
  427. font-family: 'Six Caps', sans-serif;
  428. font-size: 25px; letter-spacing: 1px;
  429. line-height: 13px;
  430. }
  431.  
  432. .n4:hover, .n4 a:hover {
  433. text-transform: capitalize;
  434. font-family: 'Six Caps', sans-serif;
  435. font-size: 25px; letter-spacing: 1px;
  436. }
  437.  
  438. .n5, .n5 a {
  439. text-transform: capitalize; text-align: center;
  440. letter-spacing: 3px; font-family: 'Six Caps', sans-serif;
  441. font-size: 50px; line-height: 60px; color: #ffffff;
  442. }
  443.  
  444. .n5:hover, .n5 a:hover {
  445. text-transform: capitalize; text-align: center;
  446. letter-spacing: 3px; font-family: 'Six Caps', sans-serif;
  447. font-size: 50px; color: #ffffff;
  448. }
  449.  
  450.  
  451.  
  452. .title, .title a {
  453. font-family: 'Six Caps', sans-serif;
  454. font-size: 35px;
  455. color: {color:title color};
  456. line-height: 35px; margin-bottom: 10px;
  457. letter-spacing:2px;
  458. text-transform: none;
  459. }
  460.  
  461. .title:hover, .title a:hover {
  462. color:{color:title hover color};
  463. }
  464.  
  465. .blogtitle, .blogtitle a {
  466. font-family: 'Six Caps', sans-serif;
  467. font-size: 90px; margin-left: 20px;
  468. color: {color:title color};
  469. line-height: 100px; margin-bottom: 15px;
  470. letter-spacing:5px;
  471. text-transform: none;
  472. }
  473.  
  474. .blogtitle img { width: 96px; height: 96px; border-radius: 48px; display: block;
  475. }
  476.  
  477. .pos {
  478. background-color: {color:Chat};
  479. }
  480. .audioplayer {
  481. padding-left: 12px;
  482. background-color:{color:Chat};
  483. }
  484. .playcount {
  485. float: right;
  486. clear: both;
  487. padding-top: 10px;
  488. padding-right: 20px;
  489. color:{color:link};
  490. text-shadow: none;
  491. font-size:10px;
  492. text-transform:{text:Title text transform};
  493. }
  494.  
  495. #sidebar img {
  496. max-width:100%;
  497. }
  498.  
  499. #sidebar img {
  500. border: 0px;
  501. display: block;
  502. }
  503.  
  504. .ques {
  505. background-color:{color:Asker Background};
  506. padding:5px;
  507. font-family: {font:Title};
  508. font-size: 12px;
  509. line-height: 16px;
  510. text-transform: uppercase;
  511. letter-spacing:-1px;
  512. }
  513. .ques a {
  514. font-family: {font:Title};
  515. font-size: 12px;
  516. line-height: 16px;
  517. text-transform: uppercase;
  518. letter-spacing:-1px;color:{color:Links};
  519. }
  520. .ques a:hover {
  521. color: {color:Links Hover};}
  522. .said a {
  523. font-family: {font:Title};
  524. font-size: 12px;
  525. line-hepxht: 14px;
  526. text-transform: uppercase;
  527. letter-spacing:-1px;
  528. margin-top:6px;
  529. }
  530.  
  531. .said a:hover {
  532. font-family: {font:Title};
  533. font-size: 12px;
  534. line-height: 14px;
  535. text-transform: uppercase;
  536. letter-spacing:-1px;
  537. margin-top:6px;
  538. }
  539.  
  540. .nav a {
  541. font-size: 13px;
  542. font-family: 'Open Sans', sans-serif;
  543. }
  544. .nav {
  545. font-size: 13px;
  546. font-family: 'Open Sans', sans-serif;
  547. }
  548.  
  549.  
  550. .pagination {
  551. float:center; color: {color: Navlinks Text Color};
  552. margin-top:2px;
  553. margin-bottom: 7px;
  554. width: auto;
  555. height:20px;
  556. margin-left: 3px;
  557. text-align: right;
  558. line-height:20px; letter-spacing: 1px;
  559. font-family: 'Six Caps', sans-serif;
  560. font-size:35px;
  561. }
  562.  
  563.  
  564. .pagination a, .pagination, .pagination a:active, .pagination a:visited {
  565. float:center; color: {color: Navlinks Text Color};
  566. margin-top:2px;
  567. margin-bottom: 7px;
  568. width: auto;
  569. height:20px;
  570. margin-left: 3px;
  571. text-align: right;
  572. font-size:35px;
  573. line-height:20px; letter-spacing: 1px;
  574. font-family: 'Six Caps', sans-serif;
  575. }
  576.  
  577. .pagination a:hover, .pagination :hover {
  578. float:center;
  579. margin-top:0px;
  580. width: auto;
  581. height:20px;
  582. margin-left: 3px;
  583. text-align: right;
  584. line-height:20px; letter-spacing: 1px;
  585. font-family: 'Six Caps', sans-serif;
  586. color: {color: Links Hover};
  587. }
  588.  
  589. #toTop {
  590. display:none;
  591. text-decoration:none;
  592. position:fixed;
  593. bottom:2px;
  594. right:2px;
  595. overflow:hidden;
  596. width:51px;
  597. height:51px;
  598. border:none;
  599. text-indent:100%;
  600. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;
  601. opacity: .5;
  602. filter: alpha(opacity = 50);
  603. }
  604.  
  605. #toTopHover {
  606. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;
  607. width:51px;
  608. height:51px;
  609. display:block;
  610. overflow:hidden;
  611. float:left;
  612. opacity: 0;
  613. -moz-opacity: 0;
  614. filter:alpha(opacity=0);
  615. }
  616.  
  617. #toTop:hover {
  618. opacity: 1;
  619. filter: alpha(opacity = 100);
  620. }
  621.  
  622. #toTop:active, #toTop:focus {
  623. outline:none;
  624. }
  625.  
  626. {block:IfInfiniteScroll}
  627. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  628. #infscr-loading {
  629. display:none;
  630. }
  631. .navigation {
  632. display:none!important;
  633. }
  634. #pagination {
  635. display:none;
  636. {/block:IfInfiniteScroll}
  637. }
  638.  
  639. #infscr-loading {
  640. position: absolute!important;
  641. width: 16px!important;
  642. height: 11px!important;
  643. bottom: 0px!important;
  644. left: 50%!important;
  645. margin-top: 10px!important;
  646. margin-bottom: 5px!important;
  647. }
  648.  
  649. #over{
  650. height:50000px!important;
  651. position:absolute;
  652. top:0px;
  653. left:0px;
  654. width: 100%;}
  655.  
  656.  
  657. .perma2, .perma2 a {
  658. font-family: 'Open Sans', sans-serif;
  659. font-size:14px; color: {color:Links};
  660. margin-top: -10px; margin-bottom: 5px;
  661. }
  662.  
  663.  
  664.  
  665. .prmlnk {
  666. background: {color:Box};
  667. font-size:15px;
  668. width: 500px;
  669. padding: 20px;
  670. display: block; overflow:hidden;
  671. position: relative;
  672.  
  673. }
  674.  
  675. .wrap {position: fixed; bottom:10px; left:0px;}
  676.  
  677. .wrap:hover .cred a {width: 140px; height: 20px; text-align: right;}
  678.  
  679. .cred a {
  680. height: 100%; width: 80px; height: 20px; margin-left:-65px;
  681. background-color: #000; font-size: 14px; text-align: right;
  682. overflow: hidden; line-height: 15px;
  683. z-index: 9999999; padding-top: 3px;
  684. color: #fff; padding-right: 5px;
  685. -moz-border-radius: 2px;
  686. border-radius: 2px;
  687. display: inline-block;
  688. text-transform: capitalize;
  689. -webkit-transition: all 0.5s ease-out;
  690. -moz-transition: all 0.5s ease-out;
  691. opacity: .7;
  692. filter: alpha(opacity = 70);
  693. font-family: 'Open Sans', sans-serif;
  694. line-spacing: 1px;
  695. }
  696.  
  697. .desc {
  698. font-size: 11px; width: 500px; margin-top: 15px; text-align: justify;
  699. {block:IfCenteredHeader}
  700. text-align: center;
  701. {/block:IfCenteredHeader}
  702. }
  703.  
  704. ol.notes {
  705. padding: 0px;
  706. margin: 25px 0px;
  707. list-style-type: none;
  708. border-bottom: solid 1px #ccc;
  709. }
  710.  
  711. ol.notes li.note {
  712. border-top: solid 1px #ccc;
  713. padding: 10px;
  714. }
  715.  
  716. ol.notes li.note img.avatar {
  717. vertical-align: -4px;
  718. margin-right: 10px;
  719. width: 16px;
  720. height: 16px;
  721. }
  722.  
  723. ol.notes li.note span.action {
  724. font-weight: bold;
  725. }
  726.  
  727. ol.notes li.note .answer_content {
  728. font-weight: normal;
  729. }
  730.  
  731. ol.notes li.note blockquote {
  732. border-color: #eee;
  733. padding: 4px 10px;
  734. margin: 10px 0px 0px 25px;
  735. }
  736.  
  737. ol.notes li.note blockquote a {
  738. text-decoration: none;
  739. }
  740.  
  741. #banner {
  742. position: absolute;
  743. display: block;
  744. {block:IfNotCenteredHeader}
  745. left: 50px;
  746. {/block:IfNotCenteredHeader}
  747. {block:IfCenteredHeader}
  748. left: 438px;
  749. {/block:IfCenteredHeader}
  750. top: 35px;
  751. }
  752.  
  753. #banner img { max-width: 700px; max-height: 100px; padding: 5px;
  754. border: 1px dotted #363636;
  755. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  756. -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  757. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  758. }
  759.  
  760. #linksdesc {
  761. position: absolute;
  762. display: block;
  763. {block:IfCenteredHeader}
  764. left: 380px;
  765. {/block:IfCenteredHeader}
  766. {block:IfNotCenteredHeader}
  767. left: 50px;
  768. {/block:IfNotCenteredHeader}
  769. top: 155px;}
  770.  
  771. .my-like {
  772. cursor:pointer;
  773. display:inline-block;
  774. vertical-align:top; font-style: bold;
  775. font-size: 25px; letter-spacing: 1px;
  776. color: #ffffff;
  777. }
  778. .my-liked, .my-like:hover {
  779. color: red;
  780. cursor:pointer;
  781. display:inline-block;
  782. vertical-align:top;
  783. }
  784.  
  785.  
  786.  
  787.  
  788. </style>
  789.  
  790.  
  791. <script type="text/javascript" src="http://static.tumblr.com/psjhflr/nvqmmq0r3/liked.js"></script>
  792.  
  793. <script>
  794. window.onload = function () {
  795. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  796. document.addEventListener( 'click', function ( event ) {
  797. var myLike = event.target;
  798. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  799. var frame = document.getElementById( 'my-like-frame' ),
  800. liked = ( myLike.className == 'my-liked' ),
  801. command = liked ? 'unlike' : 'like',
  802. reblog = myLike.getAttribute( 'data-reblog' ),
  803. id = myLike.getAttribute( 'data-id' ),
  804. oauth = reblog.slice( -8 );
  805. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  806. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  807. };
  808. }, false );
  809. };
  810. </script>
  811.  
  812. </head>
  813.  
  814.  
  815. <style type="text/css">{CustomCSS}</style>
  816.  
  817. <body>
  818.  
  819. <div id="fb-root"></div>
  820. <script>(function(d, s, id) {
  821. var js, fjs = d.getElementsByTagName(s)[0];
  822. if (d.getElementById(id)) return;
  823. js = d.createElement(s); js.id = id;
  824. js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
  825. fjs.parentNode.insertBefore(js, fjs);
  826. }(document, 'script', 'facebook-jssdk'));</script>
  827.  
  828. <div id="header">
  829. <div id="banner">
  830. {block:IfBannerimage}
  831. <a href="/"><img src="{image:Banner}"></a>
  832. {/block:IfBannerimage}
  833. <div class="blogtitle">
  834. {block:IfNotBannerimage}
  835. <img src="{PortraitURL-128}" align="left" style="margin-right:10px;"></img><a href="/">{Title}</a>
  836. {/block:IfNotBannerimage}
  837. </div>
  838. </div>
  839. <p>
  840. <div id="linksdesc">
  841. <div align="left">
  842. <div id="menubar">
  843. <table cellpadding="0" cellspacing="3" width="230px">
  844. <div align="center">
  845. <tr>
  846. <td><div class="menulinks"><a href="/">Index</a></div></td>
  847. <td><div class="menulinks"><a href="/archive">Archive</a></div></td>
  848.  
  849. <td><div class="menulinks"><a href="/ask">Message</a></div></td>
  850. <td>{block:ifCustomLink1Title}<div class="menulinks"><a href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a></div>{/block:ifCustomLink1Title}</td>
  851. <td>
  852. {block:ifCustomLink2Title}<div class="menulinks"><a href="{text:Custom Link 2}">{text:Custom Link 2 Title}</a></div>{/block:ifCustomLink2Title}</td>
  853. <td>{block:ifCustomLink3Title}<div class="menulinks"><a href="{text:Custom Link 3}">{text:Custom Link 3 Title}</a></div>{/block:ifCustomLink3Title}
  854. </td>
  855. <td>
  856. {block:ifCustomLink4Title}<div class="menulinks"><a href="{text:Custom Link 4}">{text:Custom Link 4 Title}</a></div>{/block:ifCustomLink4Title}</td>
  857. </tr>
  858. </table>
  859. </div>
  860. </div><p>
  861. {block:IfShowDescription}
  862. <div class="desc">{Description}</div> <br> <p>
  863. {/block:IfShowDescription}
  864. </div>
  865. </div>
  866. <div id="container">
  867. <div id="content">
  868.  
  869. {block:Posts}
  870. <div class="entry">
  871.  
  872. {block:Text}
  873. {block:IfShowPostLinks}
  874. <div class="perma1">
  875. {Month} {DayOfMonth}, {Year} / <a href="{Permalink}">{NoteCountWithLabel}</a>
  876. </div>
  877. {/block:IfShowPostLinks}
  878. {block:Title}
  879. <div class="title"><a href="{Permalink}">{Title}</a></div>
  880. {/block:Title} {block:indexpage}
  881. {Body}
  882. {block:IfShowTags} {block:HasTags}
  883. <div class="tags">
  884. {block:Tags}
  885. <i>#{Tag}</i>
  886. {/block:Tags} </div> {/block:HasTags}
  887. {/block:IfShowTags}
  888. {/block:indexpage}
  889. {block:PermalinkPage}
  890. {Body}
  891. {/block:PermalinkPage}
  892. {/block:Text}
  893.  
  894. {block:Photo}
  895. {block:IndexPage}
  896. <div class="p1">
  897. <div class="dte">
  898. <div class="n5">
  899. {NoteCount}</div><p>
  900. <div class="n4">
  901. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">LIKE</div>
  902. <a href="{reblogurl}">/ REBLOG</a><p></div>
  903. <div class="n3"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a></div>
  904. </div></div>
  905.  
  906.  
  907. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}
  908. {block:ifShowCaption}
  909.  
  910. {block:Caption}{caption}{/block:Caption}
  911.  
  912. {/block:ifShowCaption}
  913.  
  914. {block:IfShowTags} {block:HasTags}
  915. <div class="tags">
  916. {block:Tags}
  917. <i>#{Tag}</i>
  918. {/block:Tags} </div> {/block:HasTags}
  919. {/block:IfShowTags}
  920.  
  921. {/block:IndexPage}
  922. {block:PermalinkPage}<div align="center">
  923. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
  924. {block:Caption}{Caption}{/block:Caption}
  925. {/block:PermalinkPage}
  926. {/block:Photo}
  927.  
  928. {block:Photoset}
  929. {block:IndexPage}
  930. {block:IfShowPostLinks}
  931. <div class="perma1">
  932. {Month} {DayOfMonth}, {Year} / <a href="{Permalink}">{NoteCountWithLabel}</a>
  933. </div>
  934. {/block:IfShowPostLinks}
  935. <center>
  936. {block:IfNot3columns}
  937. {block:IfNot4columns}
  938. {Photoset-400}
  939. {block:IfNot4columns}
  940. {/block:IfNot3columns}
  941. {block:If3columns}
  942. {Photoset-250}
  943. {/block:If3columns}
  944. {block:If4columns}
  945. {Photoset-250}
  946. {/block:If4columns}
  947. </center>
  948. {block:ifShowCaption}{block:Caption}{caption}{/block:Caption}{/block:ifShowCaption}
  949.  
  950. {block:IfShowTags} {block:HasTags}
  951. <div class="tags">
  952. {block:Tags}
  953. <i>#{Tag}</i>
  954. {/block:Tags} </div> {/block:HasTags}
  955. {/block:IfShowTags}
  956.  
  957. {/block:IndexPage}
  958. {block:permalinkpage}
  959. <div align="center">{Photoset-500}</div>
  960. {block:Caption}{Caption}{/block:Caption}
  961. {/block:permalinkpage}
  962. {/block:Photoset}
  963.  
  964. {block:Video}
  965. {block:IndexPage}
  966. {block:IfShowPostLinks}
  967. <div class="perma1">
  968. {Month} {DayOfMonth}, {Year} / <a href="{Permalink}">{NoteCountWithLabel}</a>
  969. </div>
  970. {/block:IfShowPostLinks}
  971. <div align="center">
  972.  
  973. {block:IfNot3columns}
  974. {block:IfNot4columns}
  975. {Video-400}
  976. {block:IfNot4columns}
  977. {/block:IfNot3columns}
  978. {block:If3columns}
  979. {Video-250}
  980. {/block:If3columns}
  981. {block:If4columns}
  982. {Video-250}
  983. {/block:If4columns}
  984.  
  985. </div> <p>
  986.  
  987. {block:IfShowTags} {block:HasTags}
  988. <div class="tags">
  989. {block:Tags}
  990. <i>#{Tag}</i>
  991. {/block:Tags} </div> {/block:HasTags}
  992. {/block:IfShowTags}
  993.  
  994. {block:ifShowCaption}{block:Caption}{caption}{/block:Caption}{/block:ifShowCaption}
  995. {/block:IndexPage}
  996. {block:permalinkpage}
  997. <div align="center">{Video-500}</div>
  998. {block:Caption}{Caption}{/block:Caption}
  999. {/block:permalinkpage}
  1000. {/block:Video}
  1001.  
  1002. {block:Audio}
  1003. {block:IfShowPostLinks}
  1004. <div class="perma1">
  1005. {Month} {DayOfMonth}, {Year} / <a href="{Permalink}">{NoteCountWithLabel}</a>
  1006. </div>
  1007. {/block:IfShowPostLinks}
  1008. <div class="audioplayer">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}<p>{block:IndexPage}
  1009.  
  1010. {block:IfShowTags} {block:HasTags}
  1011. <div class="tags">
  1012. {block:Tags}
  1013. <i>#{Tag}</i>
  1014. {/block:Tags} </div> {/block:HasTags}
  1015. {/block:IfShowTags}
  1016.  
  1017. {/block:IndexPage}
  1018. {block:permalinkpage}
  1019. <div class="perma1"><a id="notes{PostID}" href="{Permalink}">{PlayCount} Plays</a></div>
  1020. {/block:permalinkpage}
  1021. {/block:Audio}
  1022.  
  1023. {block:Quote}
  1024. {block:IfShowPostLinks}
  1025. <div class="perma1">
  1026. {Month} {DayOfMonth}, {Year} / <a href="{Permalink}">{NoteCountWithLabel}</a>
  1027. </div>
  1028. {/block:IfShowPostLinks}
  1029. <div class="title"><a href="{Permalink}">{Quote}</a></div><p> {block:Source}— {Source}{/block:Source}<p>{block:IndexPage}
  1030.  
  1031. {block:IfShowTags} {block:HasTags}
  1032. <div class="tags">
  1033. {block:Tags}
  1034. <i>#{Tag}</i>
  1035. {/block:Tags} </div> {/block:HasTags}
  1036. {/block:IfShowTags}
  1037.  
  1038. {/block:IndexPage}
  1039. {/block:Quote}
  1040.  
  1041. {block:Link}
  1042. {block:IfShowPostLinks}
  1043. <div class="perma1">
  1044. {Month} {DayOfMonth}, {Year} / <a href="{Permalink}">{NoteCountWithLabel}</a>
  1045. </div>
  1046. {/block:IfShowPostLinks}
  1047. <div class="title"><a href="{URL}" class="post_title" target="_blank"> {Name}</a></div> {block:Description}{Description}{/block:Description}<p>{block:IndexPage}
  1048.  
  1049. {block:IfShowTags} {block:HasTags}
  1050. <div class="tags">
  1051. {block:Tags}
  1052. <i>#{Tag}</i>
  1053. {/block:Tags} </div> {/block:HasTags}
  1054. {/block:IfShowTags}
  1055.  
  1056. {/block:IndexPage}
  1057. {/block:Link}
  1058.  
  1059. {block:Chat}
  1060. {block:IfShowPostLinks}
  1061. <div class="perma1">
  1062. {Month} {DayOfMonth}, {Year} / <a href="{Permalink}">{NoteCountWithLabel}</a>
  1063. </div>
  1064. {/block:IfShowPostLinks}
  1065. {block:Title}<div class="title"><a href="{Permalink}">{Title}<p></a></div>{/block:Title} {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}<p>{block:IndexPage}
  1066.  
  1067. {block:IfShowTags} {block:HasTags}
  1068. <div class="tags">
  1069. {block:Tags}
  1070. <i>#{Tag}</i>
  1071. {/block:Tags} </div> {/block:HasTags}
  1072. {/block:IfShowTags}
  1073.  
  1074. {/block:IndexPage}
  1075. {/block:Chat}
  1076. {block:Answer} <div class="ques"> {Asker} said: {Question}</div>
  1077. <i>{Answer}</i>{/block:Answer}
  1078.  
  1079. </div>
  1080.  
  1081. {block:permalinkpage}
  1082. {block:NoteCount}
  1083. <div class="prmlnk">
  1084. <div class="perma2">
  1085. {block:HasTags}
  1086. <div class="tags">
  1087. {block:Tags}
  1088. <i>#{Tag}</i>
  1089. {/block:Tags}
  1090.  
  1091. </div><p><p>
  1092. {/block:HasTags}
  1093.  
  1094. Posted on: <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a>
  1095. with <a href="{Permalink}">{NoteCount} Notes</a><p>
  1096. <i>via</i> {block:RebloggedFrom}
  1097. {ReblogParentName} <i> source: </i> {ReblogRootName}
  1098. {/block:RebloggedFrom}
  1099. <br><br>
  1100. <span st_url='{Permalink}' st_title='{Title}' class='st_facebook_hcount' displayText='Facebook'></span><span st_url='{Permalink}' st_title='{Title}' class='st_twitter_hcount' displayText='Tweet'></span>
  1101.  
  1102. {/block:NoteCount}
  1103. {block:PostNotes}
  1104. {PostNotes}
  1105. {/block:PostNotes}
  1106. </div>
  1107.  
  1108. </div>
  1109. {/block:permalinkpage}
  1110. {/block:Posts}
  1111.  
  1112.  
  1113.  
  1114. <div class="clear"></div>
  1115. {block:IfNotInfiniteScroll}
  1116. {block:IndexPage}
  1117. <div class="entry">
  1118. <div class="pagination">
  1119. {block:Pagination}
  1120. <div class="navigation">
  1121. {block:PreviousPage}
  1122. <a href="{PreviousPage}">Previous</a>
  1123. {/block:PreviousPage}
  1124.  
  1125. {block:NextPage}
  1126. <a href="{NextPage}" >Next</a>
  1127. {/block:NextPage}
  1128. <div class="clear"></div>
  1129. </div>
  1130. {/block:Pagination}
  1131. {/block:IndexPage}
  1132. </div>
  1133. </div>{/block:IfNotInfiniteScroll}
  1134.  
  1135. </div>
  1136. </div>
  1137.  
  1138. <div class="wrap"><div class="cred"><a href="http://styleandluxury.tumblr.com/">THEME ©</a></div></div>
  1139.  
  1140. {block:Pagination}
  1141. <ul id="pagination">
  1142. {block:PreviousPage}
  1143. <li><a href="{PreviousPage}"></a></li>
  1144. {/block:PreviousPage}
  1145. {block:NextPage}
  1146. <li><a id="nextPage" href="{NextPage}"></a></li>
  1147. {/block:NextPage}
  1148. </ul>
  1149. {/block:Pagination}
  1150. <script src="http://static.tumblr.com/psjhflr/bxnmcwj9t/masonry.js"></script>
  1151. {block:IfInfiniteScroll}
  1152. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:IfInfiniteScroll}
  1153. <script type="text/javascript">
  1154. $(window).load(function () {
  1155. $('#content').masonry(),
  1156. $('.masonryWrap').infinitescroll({
  1157. navSelector : '#pagination',
  1158. nextSelector : '#pagination a#nextPage',
  1159. itemSelector : ".entry, .clear",
  1160. bufferPx : 40,
  1161. loadingImg : "",
  1162. loadingText : "",
  1163. },
  1164. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1165. );
  1166. });
  1167. </script>
  1168.  
  1169. </div>
  1170.  
  1171.  
  1172.  
  1173.  
  1174. {block:iftotopbutton}
  1175. <script type="text/javascript">
  1176. $(document).ready(function() {
  1177. /*
  1178. var defaults = {
  1179. containerID: 'toTop', // fading element id
  1180. containerHoverID: 'toTopHover', // fading element hover id
  1181. scrollSpeed: 1200,
  1182. easingType: 'linear'
  1183. };
  1184. */
  1185.  
  1186. $().UItoTop({ easingType: 'easeOutQuart' });
  1187.  
  1188. });
  1189. </script>
  1190. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>{block:iftotopbutton}
  1191.  
  1192.  
  1193.  
  1194. </div>
  1195. <script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'b23f4bdb-a6a3-4a14-a640-7f559e550107'});</script>
  1196.  
  1197.  
  1198. </body>
  1199. </html>
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!