farflunghopes

baseball cap

Mar 12th, 2013
600
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.76 KB | None | 0 0
  1. <!--- Theme #21 'Baseball Cap' by Brianna @ colorfulmetaphors.tumblr.com
  2.  
  3. Rules:
  4. 1. Do not remove the credit from the code or the theme. You may MOVE it, but leave it on the FIRST page of your blog, ie: it must be visible on the main page.
  5. 2. Do not redistribute this theme.
  6. 3. Do not steal this theme. Taking a portion of the code and adding it to your own theme/others' counts as stealing. If you want to learn how to do something, ask, and I will do my best to help you.
  7. 4. Do not use this theme as a base code.
  8. 5. If you have any problems, find glitches, or just need help, please ask me! That's not really a rule, but I'd love to help.
  9.  
  10. Help:
  11. - Theme looks best in Google Chrome.
  12. - SAVE and REFRESH the page before changing appearance options.
  13. - The background image REPEAT and POSITION can be changed under the appearance options. Select or deslect 'BackgroundImageRepeat' and enter the position in 'bgimgposition'.
  14. - Your sidebar image can either be an image you upload, or your Tumblr icon. For icon, select 'Icon' under the appearance options.
  15. - The sidebar image is 100px square. Smaller images will be stretched and larger ones will be compressed.
  16. - The title is the home link.
  17. - There are seven extra links available. Add them under the appearance options.
  18. - There are two post sizes available. For 500px, deselect '400pxPosts'.
  19. - The BODY font SIZE can be changed under the appearance options. DO NOT add 'px' after the number.
  20. - The 'highlight' and 'highlighttext' color options refer to the background and text color that appears when you click and drag the cursor.
  21.  
  22. Enjoy!
  23.  
  24. --->
  25.  
  26. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  27. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  28. <head><title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'>
  38.  
  39. <link href='http://fonts.googleapis.com/css?family=Rokkitt' rel='stylesheet' type='text/css'>
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("[title]").style_my_tooltips();
  47. });
  48. })(jQuery);
  49. </script>
  50.  
  51. <meta name="color:background" content="#ffffff"/>
  52. <meta name="color:text" content="#bfbfbf"/>
  53. <meta name="color:sidebar" content="#313131"/>
  54. <meta name="color:side text" content="#353535"/>
  55. <meta name="color:desc link" content="#b2b2b2"/>
  56. <meta name="color:borders" content="#888888"/>
  57. <meta name="color:blockquotes" content="#eaeaea"/>
  58. <meta name="color:link" content="#373737"/>
  59. <meta name="color:link hover" content="#999999"/>
  60. <meta name="color:tags" content="#373737"/>
  61. <meta name="color:tags hover" content="#fafafa"/>
  62. <meta name="color:info bg" content="#444444"/>
  63. <meta name="color:infolink" content="#e0e0e0"/>
  64. <meta name="color:infolink hover" content="#0c0c0c"/>
  65. <meta name="color:sidelink" content="#cecece"/>
  66. <meta name="color:sidelink hover" content="#CCCCCC"/>
  67. <meta name="color:title" content="#888888"/>
  68. <meta name="color:title hover" content="#333333"/>
  69. <meta name="color:scroll barbackground" content="#dddddd"/>
  70. <meta name="color:scrollbar" content="#999999"/>
  71. <meta name="color:highlight" content="#dddddd"/>
  72. <meta name="color:highlight text" content="#111111"/>
  73.  
  74. <meta name="font:sidebar" content=""/>
  75. <meta name="font:body" content=""/>
  76.  
  77. <meta name="image:sidebar" content=""/>
  78. <meta name="image:background" content=""/>
  79.  
  80. <meta name="text:body font size" content="11"/>
  81. <meta name="text:bg img position" content="bottom right" />
  82. <meta name="text:link1" content="/"/>
  83. <meta name="text:link1name" content="link 1"/>
  84. <meta name="text:link2" content="/"/>
  85. <meta name="text:link2name" content="link 2"/>
  86. <meta name="text:link3" content="/"/>
  87. <meta name="text:link3name" content="link 3"/>
  88. <meta name="text:link4" content="/"/>
  89. <meta name="text:link4name" content="link 4"/>
  90. <meta name="text:link5" content="/"/>
  91. <meta name="text:link5name" content="link 5"/>
  92. <meta name="text:link6" content="/"/>
  93. <meta name="text:link6name" content="link 6"/>
  94. <meta name="text:link7" content="/"/>
  95. <meta name="text:link7name" content="link 7"/>
  96.  
  97. <meta name="if:BackgroundImageRepeat" content="" />
  98. <meta name="if:400pxPosts" content="1"/>
  99. <meta name="if:Icon" content=""/>
  100.  
  101. <style type="text/css">
  102.  
  103. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  104. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  105.  
  106. ::-webkit-scrollbar {
  107. width: 7px;
  108. background-color:{color:scrollbar background};
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb {
  112. width:7px;
  113. background-color:{color:scrollbar};
  114. }
  115.  
  116. ::selection {
  117. background: {color:highlight};
  118. color: {color:highlight text};
  119. }
  120.  
  121.  
  122. #s-m-t-tooltip {
  123. z-index: 9999;
  124. background:{color:background};
  125. font-size: 8px;
  126. text-transform:uppercase;
  127. letter-spacing:1px;
  128. color:{color:text};
  129. max-width: 150px;
  130. padding: 5px 10px 5px 10px;
  131. display: block;
  132. margin: 17px 0px 0px -10px;
  133. box-shadow:3px 3px 5px;
  134. }
  135.  
  136. body {
  137. background-color:{color:background};
  138. color:{color:text};
  139. font-size:{text:body font size}px;
  140. font-family:{font:body};
  141. background-image:url('{image:background}');
  142. background-attachment:fixed;
  143. word-spacing:1px;
  144. text-align:justify;
  145. background-position:{text:bg img position};
  146. {block:IfBackgroundImageRepeat}
  147. background-repeat:repeat;
  148. {/block:IfBackgroundImageRepeat}
  149. {block:IfNotBackgroundImageRepeat}
  150. background-repeat:no-repeat;
  151. {/block:IfNotBackgroundImageRepeat}
  152. }
  153.  
  154. a {
  155. color:{color:link};
  156. text-decoration:none;
  157. outline:none;
  158. -moz-outline-style:none;
  159. -webkit-transition: all 0.6s ease-out;
  160. -o-transition: all 0.6s ease-out;
  161. -webkit-transition: all 0.6s ease-out;
  162. -moz-transition: all 0.6s ease-out;
  163. }
  164.  
  165. a:hover {
  166. text-decoration:line-through;
  167. color:{color:link hover};
  168. -webkit-transition: all 0.6s ease-out;
  169. -o-transition: all 0.6s ease-out;
  170. -webkit-transition: all 0.6s ease-out;
  171. -moz-transition: all 0.6s ease-out;
  172. }
  173.  
  174. blockquote {
  175. padding:1px 10px 1px 10px;
  176. border-left:1px solid {color:text};
  177. margin-left:10px;
  178. font-size:9px;
  179. word-wrap:break-word;
  180. background-color:{color:blockquotes};
  181. {block:IndexPage}
  182. {block:IfNot400pxPosts}
  183. width:460px;
  184. {/block:IfNot400pxPosts}
  185. {block:If400pxPosts}
  186. width:360px;
  187. {/block:If400pxPosts}
  188. {/block:IndexPage}
  189. {block:PermalinkPage}
  190. width:460px;
  191. {/block:PermalinkPage}
  192. }
  193.  
  194. blockquote blockquote {
  195. padding:5px 5px 5px 5px;
  196. border-left:1px solid {color:text};
  197. background-color:{color:blockquotes};
  198. {block:IndexPage}
  199. {block:IfNot400pxPosts}
  200. min-width:250px;
  201. width:auto;
  202. {/block:IfNot400pxPosts}
  203. {block:If400pxPosts}
  204. min-width:200px;
  205. width:auto;
  206. {/block:If400pxPosts}
  207. {/block:IndexPage}
  208. {block:PermalinkPage}
  209. min-width:250px;
  210. width:auto;
  211. {/block:PermalinkPage}
  212. }
  213.  
  214. blockquote img {
  215. {block:IndexPage}
  216. {block:IfNot400pxPosts}
  217. max-width:430px;
  218. {/block:IfNot400pxPosts}
  219. {block:If400pxPosts}
  220. max-width:330px;
  221. {/block:If400pxPosts}
  222. {/block:IndexPage}
  223. {block:PermalinkPage}
  224. max-width:430px;
  225. {/block:PermalinkPage}
  226. }
  227.  
  228. h1 {
  229. font-size:15px;
  230. }
  231.  
  232. #theme {
  233. {block:IndexPage}
  234. {block:If400pxPosts}
  235. width:830px;
  236. {/block:If400pxPosts}
  237. {block:IfNot400pxPosts}
  238. width:930px;
  239. {/block:IfNot400pxPosts}
  240. {/block:IndexPage}
  241. {block:PermalinkPage}
  242. width:830px;
  243. {/block:PermalinkPage}
  244. margin:auto;
  245. }
  246.  
  247. #entries {
  248. padding-top:30px;
  249. position:absolute;
  250. margin-left:280px;
  251. background-color:{color:background};
  252. {block:IndexPage}
  253. {block:If400pxPosts}
  254. width:420px;
  255. {/block:If400pxPosts}
  256. {block:IfNot400pxPosts}
  257. width:520px;
  258. {/block:IfNot400pxPosts}
  259. {/block:IndexPage}
  260. {block:PermalinkPage}
  261. width:520px;
  262. {/block:PermalinkPage}
  263.  
  264. }
  265.  
  266. #post {
  267. word-wrap:break-word;
  268. background-color:{color:background};
  269. padding:10px;
  270. margin-top:30px;
  271. {block:IndexPage}
  272. {block:If400pxPosts}
  273. width:400px;
  274. {/block:If400pxPosts}
  275. {block:IfNot400pxPosts}
  276. width:500px;
  277. {/block:IfNot400pxPosts}
  278. {/block:IndexPage}
  279. {block:PermalinkPage}
  280. width:500px;
  281. {/block:PermalinkPage}
  282. }
  283.  
  284. #across {
  285. width:100%;
  286. background-color:{color:sidebar};
  287. position:fixed;
  288. height:50px;
  289. margin-top:110px;
  290. }
  291.  
  292. #sidebar {
  293. width:230px;
  294. margin-top:100px;
  295. position:fixed;
  296. }
  297.  
  298. #curve {
  299. width:218px;
  300. min-height:100px;
  301. background-color:{color:background};
  302. }
  303.  
  304. #title {
  305. width:130px;
  306. text-align:right;
  307. }
  308.  
  309. #title a {
  310. font-size:13px;
  311. color:{color:title};
  312. font-family: 'News Cycle', sans-serif;
  313. }
  314.  
  315. #title a:hover {
  316. color:{color:link hover};
  317. text-decoration:none;
  318. }
  319.  
  320. #sidebarimage {
  321. margin-left:120px;
  322. margin-top:-10px;
  323. width:105px;
  324. height:105px;
  325. position:absolute;
  326. z-index:9999;
  327. border-radius:50%;
  328. -webkit-transition: all 0.6s ease-out;
  329. -o-transition: all 0.6s ease-out;
  330. -webkit-transition: all 0.6s ease-out;
  331. -moz-transition: all 0.6s ease-out;
  332. }
  333.  
  334. #sidebarimage img {
  335. width:100px;
  336. height:100px;
  337. border-radius:50%;
  338. border:5px solid {color:sidebar};
  339. }
  340.  
  341. #sidebarimage:hover #link {
  342. opacity:0.8;
  343. -webkit-transition: all 0.6s ease-out;
  344. -o-transition: all 0.6s ease-out;
  345. -webkit-transition: all 0.6s ease-out;
  346. -moz-transition: all 0.6s ease-out;
  347. }
  348.  
  349. #sidebarimage:hover #link a {
  350. opacity:1;
  351. -webkit-transition: all 0.6s ease-out;
  352. -o-transition: all 0.6s ease-out;
  353. -webkit-transition: all 0.6s ease-out;
  354. -moz-transition: all 0.6s ease-out;
  355. }
  356.  
  357. #link {
  358. opacity:0;
  359. position:absolute;
  360. background-color:#fff;
  361. height:80px;
  362. width:105px;
  363. padding-top:25px;
  364. border-radius:50%;
  365. margin-left:2px;
  366. margin-top:2px;
  367. -ms-transform: rotate(360deg);
  368. -webkit-transform: rotate(360deg);
  369. transform: rotate(360deg);
  370. z-index:9999;
  371. text-align:center;
  372. -webkit-transition: all 0.6s ease-out;
  373. -o-transition: all 0.6s ease-out;
  374. -webkit-transition: all 0.6s ease-out;
  375. -moz-transition: all 0.6s ease-out;
  376. }
  377.  
  378. #sidebarimage:hover #link {
  379. opacity:0.8;
  380. -ms-transform: rotate(0deg);
  381. -webkit-transform: rotate(0deg);
  382. transform: rotate(0deg);
  383. -webkit-transition: all 0.6s ease-out;
  384. -o-transition: all 0.6s ease-out;
  385. -webkit-transition: all 0.6s ease-out;
  386. -moz-transition: all 0.6s ease-out;
  387. }
  388.  
  389. #link a {
  390. display:inline-block;
  391. width:40px;
  392. font-size:8px;
  393. font-family:georgia, serif;
  394. font-style:italic;
  395. -webkit-transition: all 0.6s ease-out;
  396. -o-transition: all 0.6s ease-out;
  397. -webkit-transition: all 0.6s ease-out;
  398. -moz-transition: all 0.6s ease-out;
  399. }
  400.  
  401. #link a:hover {
  402. text-decoration:line-through;
  403. color:{color:sidelink hover};
  404. -webkit-transition: all 0.6s ease-out;
  405. -o-transition: all 0.6s ease-out;
  406. -webkit-transition: all 0.6s ease-out;
  407. -moz-transition: all 0.6s ease-out;
  408. }
  409.  
  410. .text {
  411. text-align:justify;
  412. line-height:170%;
  413. font-size:10px;
  414. color:{color:side text};
  415. font-family:{font:sidebar};
  416. width:200px;
  417. }
  418.  
  419. .sr {
  420. float:right;
  421. clear:right;
  422. height:11.5px;
  423. }
  424.  
  425. .text a {
  426. color:{color:desc link};
  427. }
  428.  
  429. .text a:hover {
  430. color:{color:scrollbar};
  431. }
  432.  
  433. #pagination {
  434. margin-top:10px;
  435. width:210px;
  436. border-top:7px solid {color:sidebar};
  437. padding-top:10px;
  438. }
  439.  
  440. #stack {
  441. float:right;
  442. }
  443.  
  444. #stack a {
  445. display:inline-block;
  446. margin-left:3px;
  447. margin-right:3px;
  448. width:63px;
  449. text-align:right;
  450. color:{color:side text};
  451. font-size:16px;
  452. text-transform:uppercase;
  453. font-style:italic;
  454. letter-spacing:8px;
  455. font-family: 'Rokkitt', serif;
  456. }
  457.  
  458. #jumps {
  459. margin-top:2px;
  460. text-align:left;
  461. width:66px;
  462. float:left;
  463. }
  464.  
  465. #jumps a {
  466. margin-left:2px;
  467. margin-right:2px;
  468. display:inline-block;
  469. height:10px;
  470. width:10px;
  471. background-color:{color:sidebar};
  472. border-radius:50%;
  473. }
  474.  
  475. #info {
  476. background-color:{color:info bg};
  477. border-top:1px solid {color:borders};
  478. padding:5px;
  479. font-family: 'News Cycle', sans-serif;
  480. margin-top:10px;
  481. {block:IndexPage}
  482. text-transform:uppercase;
  483. font-size:8px;
  484. text-align:right;
  485. {/block:IndexPage}
  486. {block:PermalinkPage}
  487. font-size:10px;
  488. {/block:PermalinkPage}
  489. }
  490.  
  491. #info a {
  492. color:{color:infolink};
  493. {block:IndexPage}
  494. letter-spacing:1px;
  495. {/block:IndexPage}
  496. {block:PermalinkPage}
  497. text-decoration:underline;
  498. {/block:PermalinkPage}
  499. }
  500.  
  501. #info a:hover {
  502. color:{color:infolink hover};
  503. text-decoration:none;
  504. }
  505.  
  506. #tags {
  507. {block:IndexPage}
  508. margin-top:3px;
  509. border-top:1px dotted {color:borders};
  510. padding-top:3px;
  511. text-align:right;
  512. font-family:calibri, sans-serif;
  513. {/block:IndexPage}
  514. {block:PermalinkPage}
  515. text-transform:uppercase;
  516. font-size:8px;
  517. {/block:PermalinkPage}
  518. }
  519.  
  520. #tags a {
  521. font-size:8px;
  522. text-align:right;
  523. font-style:italic;
  524. {block:IndexPage}
  525. color:{color:tags};
  526. {/block:IndexPage}
  527. {block:PermalinkPage}
  528. letter-spacing:1px;
  529. color:{colorinfolink};
  530. {/block:PermalinkPage}
  531. }
  532.  
  533. #tags a:hover {
  534. color:{color:tags hover};
  535. text-decoration:none;
  536. }
  537.  
  538. #credit {
  539. position:fixed;
  540. bottom:0px;
  541. left:0px;
  542. text-align:left;
  543. padding:4px 10px 4px 5px;
  544. text-decoration:none;
  545. font-size:11px;
  546. background-color:{color:side text};
  547. color:{color:background};
  548. font-family: 'Allura', cursive;
  549. -webkit-transition: all 0.3s ease-out;
  550. -o-transition: all 0.3s ease-out;
  551. -webkit-transition: all 0.3s ease-out;
  552. -moz-transition: all 0.3s ease-out;
  553.  
  554. }
  555.  
  556. .quote {
  557. padding-left:50px;
  558. padding-right:50px;
  559. font-size:12px;
  560. line-height:110%;
  561. text-align:center;
  562. font-family: 'Droid Sans', sans-serif;
  563. }
  564.  
  565. .face {
  566. float:right;
  567. width:37px;
  568. height:30px;
  569. padding-left:5px;
  570. border-left:1px solid {color:info bg};
  571. }
  572.  
  573. .face img {
  574. border:7px solid {color:info bg};
  575. }
  576.  
  577. .question {
  578. padding:10px;
  579. background-color:{color:blockquotes};
  580. min-height:30px;
  581. {block:IndexPage}
  582. {block:If400pxPosts}
  583. width:380px;
  584. {/block:If400pxPosts}
  585. {block:IfNot400pxPosts}
  586. width:480px;
  587. {/block:IfNot400pxPosts}
  588. {/block:IndexPage}
  589. {block:PermalinkPage}
  590. width:480px;
  591. {/block:PermalinkPage}
  592. }
  593.  
  594. .words {
  595. text-align:justify;
  596. line-height:150%;
  597. }
  598.  
  599. .reply {
  600. border-top:1px dotted {color:text};
  601. margin-top:10px;
  602. }
  603.  
  604. .audio {
  605. margin-right:5px;
  606. width:70px;
  607. float:left;
  608. }
  609.  
  610. .hidden {
  611. width:70px;
  612. height:73px;
  613. }
  614.  
  615. .tumblr_audio_player {
  616. margin:0px;
  617. padding:0px;
  618. width:500px;
  619. height:50px;
  620. }
  621.  
  622. .pull {
  623. margin-left:5px;
  624. margin-top:-5px;
  625. }
  626.  
  627. .player {
  628. width:35px;
  629. height:37px;
  630. margin-left:10px;
  631. margin-top:10px;
  632. overflow:hidden;
  633. position:absolute;
  634. opacity:0.7;
  635. background-color:#fff;
  636. z-index:8888;
  637. border:7px solid #ECECEC;
  638. -webkit-transition: all 0.3s ease-out;
  639. -o-transition: all 0.3s ease-out;
  640. -webkit-transition: all 0.3s ease-out;
  641. -moz-transition: all 0.3s ease-out;
  642. }
  643.  
  644. .player:hover {
  645. opacity:1;
  646. -webkit-transition: all 0.3s ease-out;
  647. -o-transition: all 0.3s ease-out;
  648. -webkit-transition: all 0.3s ease-out;
  649. -moz-transition: all 0.3s ease-out;
  650. }
  651.  
  652. .caption {
  653. margin-top:20px;
  654. }
  655.  
  656. .audio img{
  657. max-width: 70px;
  658. height: auto;
  659. }
  660.  
  661. .song {
  662. margin-left:70px;
  663. margin-top:-55px;
  664. text-transform:uppercase;
  665. font-size:10px;
  666. padding-bottom:13px;
  667. font-family: 'Droid Sans', sans-serif;
  668. }
  669.  
  670. .link {
  671. padding:15px;
  672. background-color:{color:info bg};
  673. border:1px solid {color:borders};
  674. border-radius:20px;
  675. font-size:15px;
  676. font-style:italic;
  677. }
  678.  
  679. .link a {
  680. color:{color:infolink};
  681. }
  682.  
  683. .link a:hover {
  684. text-shadow:1px 1px 1px;
  685. }
  686.  
  687. ol.notes {
  688. padding:0px;
  689. margin-left:30px;
  690. list-style-type:decimal;
  691. font-style:italic;
  692. border-bottom: solid 1px {color:sidebar};
  693. width:470px;
  694. }
  695.  
  696. ol.notes li.note {
  697. border-top: solid 1px {color:sidebar};
  698. padding: 10px;
  699. font-family: 'Droid Sans', sans-serif;
  700. font-size:9px;
  701. }
  702.  
  703. ol.notes li.note img.avatar {
  704. vertical-align: -4px;
  705. margin-right: 10px;
  706. width: 16px;
  707. height: 16px;
  708. }
  709.  
  710. ol.notes li.note blockquote {
  711. border-color: {color:text};
  712. padding: 4px 10px;
  713. margin: 10px 0px 0px 25px;
  714. }
  715.  
  716. ol.notes li.note blockquote a {
  717. text-decoration: none;
  718. }
  719.  
  720. {CustomCSS}</style></head><body>
  721. <div id="theme">
  722.  
  723. <div id="across"></div>
  724. <div id="sidebar">
  725.  
  726. <div id="sidebarimage">
  727. <div id="link">
  728. <a href="/ask">askbox</a>
  729. {block:ifLink1Name}
  730. <a href="{text:link1}">{text:link1name}</a>
  731. {/block:ifLink1Name}
  732. {block:ifLink2Name}
  733. <a href="{text:link2}">{text:link2name}</a>
  734. {/block:ifLink2Name}
  735. {block:ifLink3Name}
  736. <a href="{text:link3}">{text:link3name}</a>
  737. {/block:ifLink3Name}
  738. {block:ifLink4Name}
  739. <a href="{text:link4}">{text:link4name}</a>
  740. {/block:ifLink4Name}
  741. {block:ifLink5Name}
  742. <a href="{text:link5}">{text:link5name}</a>
  743. {/block:ifLink5Name}
  744. {block:ifLink6Name}
  745. <a href="{text:link6}">{text:link6name}</a>
  746. {/block:ifLink6Name}
  747. {block:ifLink7Name}
  748. <a href="{text:link7}">{text:link7name}</a>
  749. {/block:ifLink7Name}
  750. </div>
  751. {block:IfNotIcon}
  752. <img src="{image:sidebar}">
  753. {/block:IfNotIcon}
  754. {block:IfIcon}
  755. <img src="{PortraitURL-96}">
  756. {/block:IfIcon}
  757. </div>
  758.  
  759. <div id="curve">
  760.  
  761. <div class="sr" style="width:90px;"></div>
  762. <div class="sr" style="width:97px;"></div>
  763. <div class="sr" style="width:104px;"></div>
  764. <div class="sr" style="width:106px;"></div>
  765. <div class="sr" style="width:106px;"></div>
  766. <div class="sr" style="width:102px;"></div>
  767. <div class="sr" style="width:97px;"></div>
  768. <div class="sr" style="width:82px;"></div>
  769.  
  770. <div id="title">
  771. <a href="/">
  772. {Title}
  773. </a>
  774. </div>
  775.  
  776. <div class="text">
  777. {Description}
  778. </div>
  779. </div>
  780.  
  781. {block:Pagination}
  782. <div id="pagination">
  783. <div id="stack">
  784. {block:PreviousPage}
  785. <a href="{PreviousPage}">prev</a>
  786. {/block:PreviousPage}
  787. {block:NextPage}
  788. <a href="{NextPage}">next</a>
  789. {/block:NextPage}
  790. </div>
  791. <div id="jumps">
  792. {block:JumpPagination length="5"}
  793. {block:JumpPage}
  794. <a title="page&nbsp;{PageNumber}" href="{URL}"></a>
  795. {/block:JumpPage}
  796. {/block:JumpPagination}
  797. </div>
  798. </div>
  799. {/block:Pagination}
  800.  
  801. </div>
  802.  
  803. <a target="blank" title="theme by colorfulmetaphors" href="http://colorfulmetaphors.tumblr.com/">
  804. <div id="credit">
  805. T
  806. </div>
  807. </a>
  808.  
  809. <div id="entries">
  810.  
  811. {block:Posts}
  812. <div id="post">
  813.  
  814. {block:Text}
  815. {block:Title}
  816. <h1>{Title}</h1>
  817. {/block:Title}
  818. {Body}
  819. {/block:Text}
  820.  
  821. {block:Photo}
  822. <center>{LinkOpenTag}
  823. {block:IndexPage}
  824. {block:If400pxPosts}
  825. <img src="{PhotoURL-500}" width="400">
  826. {/block:If400pxPosts}
  827. {block:IfNot400pxPosts}
  828. <img src="{PhotoURL-500}">
  829. {/block:IfNot400pxPosts}
  830. {/block:IndexPage}
  831. {block:PermalinkPage}
  832. <img src="{PhotoURL-500}">
  833. {/block:PermalinkPage}
  834. {LinkCloseTag}</center>
  835. {block:Caption}
  836. {Caption}
  837. {/block:Caption}
  838. {/block:Photo}
  839.  
  840. {block:Photoset}
  841. {block:IndexPage}
  842. {block:If400pxPosts}
  843. {Photoset-400}
  844. {/block:If400pxPosts}
  845. {block:IfNot400pxPosts}
  846. {Photoset-500}
  847. {/block:IfNot400pxPosts}
  848. {/block:IndexPage}
  849. {block:PermalinkPage}
  850. {Photoset-500}
  851. {/block:PermalinkPage}
  852. {block:Caption}
  853. {Caption}
  854. {/block:Caption}
  855. {/block:Photoset}
  856.  
  857. {block:Quote}
  858. <div class="quote">
  859. {Quote}
  860. </div>
  861. {block:Source}
  862. <div style="text-align:center; font-family: 'Droid Sans', sans-serif; padding-top:5px">— {Source} —
  863. </div>
  864. {/block:Source}
  865. {/block:Quote}
  866.  
  867. {block:Link}
  868. <div class="link">
  869. <a target="blank" href="{URL}" {Target}>-----&nbsp;{Name}</a>
  870. </div>
  871. {block:Description}
  872. {Description}
  873. {/block:Description}
  874. {/block:Link}
  875.  
  876. {block:Chat}
  877. {block:Title}
  878. <h1>
  879. {Title}
  880. </h1>
  881. {/block:Title}
  882. {block:Lines}
  883. {block:Label}
  884. <strong>{Label}&nbsp;</strong>
  885. {/block:Label}
  886. {Line}<br />
  887. {/block:Lines}
  888. {/block:Chat}
  889.  
  890. {block:Audio}
  891. {block:AlbumArt}
  892. <div class="audio">
  893. <img src="{AlbumArtURL}">
  894. </div>
  895. {/block:AlbumArt}
  896. <div class="hidden">
  897. <div class="player">
  898. <div class="pull">
  899. {AudioPlayerWhite}
  900. </div>
  901. </div>
  902. </div>
  903. <div class="song">
  904. {block:TrackName}
  905. {TrackName}
  906. {/block:TrackName}
  907. {block:Artist}
  908. <br />{Artist}
  909. {/block:Artist}
  910. <br />{PlayCountWithLabel}
  911. </div>
  912. {block:Caption}
  913. <div class="caption">
  914. {Caption}
  915. </div>
  916. {/block:Caption}
  917. {/block:Audio}
  918.  
  919. {block:Video}
  920. {block:IndexPage}
  921. {block:If400pxPosts}
  922. {Video-400}
  923. {/block:If400pxPosts}
  924. {block:IfNot400pxPosts}
  925. {Video-500}
  926. {/block:IfNot400pxPosts}
  927. {/block:IndexPage}
  928. {block:PermalinkPage}
  929. {Video-500}
  930. {/block:PermalinkPage}
  931. {block:Caption}
  932. {Caption}
  933. {/block:Caption}
  934. {/block:Video}
  935.  
  936. {block:Answer}
  937. <div class="question">
  938. <div class="words">
  939. <a href="{AskerURL}" title="{AskerName}">
  940. <div style="float:right;margin-left:5px;padding-left:5px;border-left:1px solid {color:posts};height:30px;">
  941. <img src="{AskerPortraitURL-16}" border="7px solid {color:posts}">
  942. </div>
  943. </a>
  944. {Question}
  945. </div>
  946. </div>
  947. <div class="reply">
  948. {Answer}
  949. </div>
  950. {/block:Answer}
  951.  
  952. {block:IndexPage}
  953. <div id="info">
  954. {block:Date}
  955. <a href="{Permalink}">{TimeAgo}&nbsp;with&nbsp;{NoteCountWithLabel}</a>
  956. &nbsp;|&nbsp;
  957. {/block:Date}
  958. {block:RebloggedFrom}
  959. {block:ContentSource}
  960. &copy;&nbsp;<a href="{SourceURL}">{ReblogRootName}</a>,&nbsp;
  961. {/block:ContentSource}
  962. via&nbsp;
  963. <a href="{ReblogParentURL}">{ReblogParentName}</a>&nbsp;|&nbsp;
  964. {/block:RebloggedFrom}
  965. <a href="{ReblogURL}">reblog</a>
  966. </div>
  967. {block:HasTags}
  968. <div id="tags">
  969. {block:Tags}
  970. &nbsp;&nbsp;<a href="{TagURL}">{Tag}</a>
  971. {/block:Tags}
  972. </div>
  973. {/block:HasTags}
  974. {/block:IndexPage}
  975.  
  976. {block:PermalinkPage}
  977. <div id="info">
  978. {block:Date}
  979. {TimeAgo}&nbsp;on&nbsp;{Month}&nbsp;{DayofMonth}{DayofMonthSuffix},&nbsp;{Year}&nbsp;|&nbsp;
  980. {/block:Date}
  981. {NoteCountWithLabel}&nbsp;|&nbsp;<a href="{ReblogURL}">reblog</a>
  982. {block:RebloggedFrom}
  983. <br />
  984. {block:ContentSource}
  985. originally&nbsp;from&nbsp;<a href="{SourceURL}">{ReblogRootName}</a>,&nbsp;
  986. {/block:ContentSource}
  987. via&nbsp;
  988. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  989. {/block:RebloggedFrom}
  990. {block:HasTags}
  991. <div id="tags">
  992. tagged&nbsp;as:
  993. {block:Tags}
  994. &nbsp;&nbsp;<a href="{TagURL}">{Tag}</a>
  995. {/block:Tags}
  996. </div>
  997. {/block:HasTags}
  998. </div>
  999. {/block:PermalinkPage}
  1000.  
  1001.  
  1002. </div>
  1003.  
  1004. {block:PostNotes}
  1005. {PostNotes}
  1006. {/block:PostNotes}
  1007. {/block:Posts}
  1008.  
  1009. </div>
  1010. </div>
  1011.  
  1012. </body>
  1013.  
  1014. </html>
Advertisement
Add Comment
Please, Sign In to add comment