API tools faq
paste
Advertisement
themepirate

Ursula Theme by ThemePirate

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