API tools faq
paste
Advertisement
Gived

Gived theme #12

Gived
Aug 28th, 2013
3,094
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.17 KB | None | 0 0
raw download clone embed print report
  1. <!--==========theme 02 v2 by gived remove the credit and die===============-->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <link href='http://fonts.googleapis.com/css?family=Butterfly+Kids' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  8. <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  10. </script>
  11. <meta name="color:Background" content="#FFFFFF" />
  12. <meta name="color:Text" content="#696969" />
  13. <meta name="color:Link" content="#77003c" />
  14. <meta name="color:Scrollbar" content="#130C11" />
  15. <meta name="color:posts" content="#ffffff" />
  16. <meta name="color:border" content="#ddd" />
  17. <meta name="image:Background" content="1" />
  18. <meta name="if:fullbg" content="0" />
  19. <meta name="if:image fade" content="0" />
  20. <meta name="if:tiny cursor" content="0" />
  21. <meta name="if:tiny scrollbar" content="1" />
  22. <meta name="if:show blog title" content="1" />
  23. <meta name="text:link one" content="" />
  24. <meta name="text:link one title" content="" />
  25. <meta name="text:link two" content="" />
  26. <meta name="text:link two title" content="" />
  27. <meta name="text:link three" content="" />
  28. <meta name="text:link three title" content="" />
  29. <meta name="text:link four" content="" />
  30. <meta name="text:link four title" content="" />
  31. <meta name="text:link five" content="" />
  32. <meta name="text:link five title" content="" />
  33. <meta name="text:link six" content="" />
  34. <meta name="text:link six title" content="" />
  35. <meta name="image:sidebar" content="0"/>
  36. <meta name="if:rounded corners" content="1"/>
  37. <meta name="text:Blog Title Size" content="30" />
  38. <meta name="if:show sidebar photo" content="0"/>
  39. <meta name="text:Blog Title holder height" content="53" />
  40. <link href='http://fonts.googleapis.com/css?family=Quicksand:400,700|The+Girl+Next+Door|Marck+Script|Lobster|Reenie+Beanie|Shadows+Into+Light+Two|Megrim|Rock+Salt|Raleway:100' rel='stylesheet' type='text/css'>
  41.  
  42. <style type="text/css">
  43. /*<![CDATA[*/
  44. @import url(http://fonts.googleapis.com/css?family=Megrim);
  45. @import url(http://fonts.googleapis.com/css?family=Marck+Script);
  46. @import url(http://fonts.googleapis.com/css?family=Open+Sans);
  47. @import url(http://fonts.googleapis.com/css?family=Bad+Script);
  48.  
  49.  
  50.  
  51.  
  52. {block:iftinycursor}body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}{/block:iftinycursor}
  53.  
  54.  
  55. {block:iftinyscrollbar}::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  56.  
  57. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}{/block:iftinyscrollbar}
  58.  
  59.  
  60. #tumblr_controls{
  61. position:fixed !important;
  62. }
  63.  
  64. .wrapper{
  65. margin: 0px auto;
  66. width: 802px;
  67. }
  68.  
  69. .header{
  70. float: left;
  71. width: 100%;
  72. }
  73.  
  74. .left{
  75. float: left;
  76. margin-right: 20px;
  77. width: 802px;
  78. }
  79.  
  80. .right{
  81. float: right;
  82. width: 200px;
  83. background-color: {color:Background};
  84. }
  85.  
  86. @font-face {font-family: gived; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');
  87. }
  88.  
  89. body {
  90. overflow-y:visible;
  91. padding: 0px;
  92. margin: 0px;
  93. font-family: calibri;
  94. font-size: 11px;
  95. text-align:left;
  96. color:{color:Text};
  97. background-color: {color:Background};
  98. background-image:url({image:Background});
  99. background-attachment: fixed;
  100. background-image: repeat;
  101. {block:iffullbg}
  102. background-size: cover;
  103. {block:iffullbg}
  104. }
  105.  
  106. a:link, a:active, a:visited{color: {color:Link}; text-decoration: none;}
  107. a:hover {color:{color:Link};
  108. background: ; text-decoration:none;
  109. text-transform: none;
  110. }
  111.  
  112. #cole{margin-left:-5px;
  113. padding-right:px;
  114. color:{color:Link};
  115. border-top:1px solid {color:border};
  116. }
  117.  
  118. #cole a {
  119. padding-right:1px;
  120. display:relative;
  121. max-width:300px;
  122.  
  123. color:{color:Link};
  124. }
  125.  
  126. #cole .mohr {
  127. padding-left:0px;
  128. margin-top:-10px;
  129. filter: alpha(opacity = 0);
  130. opacity:0;
  131. -webkit-transition: all 1s ease-out;
  132. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  133.  
  134. }
  135.  
  136. #cole:hover .mohr {
  137. margin-top:5px;
  138. padding-left:0px;
  139. -webkit-transition: all 1s ease-out;
  140. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  141. filter: alpha(opacity = 80);
  142. filter: alpha(opacity = 100);
  143. opacity:100;
  144. }
  145.  
  146.  
  147. .entry {
  148. margin:30px;
  149. {block:ifroundedcorners}
  150. border-radius:5px;
  151. {/block:ifroundedcorners}
  152. background:white;
  153. float:center;
  154. line-height:12px;
  155.  
  156.  
  157. padding:6px;
  158. padding-bottom:4px;
  159. border: 1px double {color:border};
  160. {block:IndexPage}
  161. width:200px;
  162. {/block:IndexPage}
  163. {block:PermalinkPage}
  164. width:400px;
  165. {/block:PermalinkPage}
  166. {block:ifshadow}
  167. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  168. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  169. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  170. {/block:ifshadow}
  171. }
  172.  
  173.  
  174.  
  175. .entry img{
  176. {block:ifroundedcorners}
  177. border-radius:5px;
  178. {/block:ifroundedcorners}
  179. opacity:1;
  180. {block:ifimagefade}
  181. opacity:0.7;
  182. -webkit-transition-duration: 1s;
  183. {/block:ifimagefade}
  184. max-width:600px;
  185. {block:permalinkpage}
  186. max-width:400px;
  187. {/block:permalinkpage}
  188. }
  189.  
  190. {block:ifimagefade}
  191. .entry img:hover{
  192. opacity:1;
  193. -webkit-transition-duration: 1s;
  194. }
  195. {/block:ifimagefade}
  196.  
  197. .entry .perma{
  198. z-index:9999;
  199. position:absolute;
  200. background:white;
  201. border-radius:px;
  202. padding:5px;
  203.  
  204.  
  205. margin-left:5px;
  206. width:auto;
  207. height:auto;
  208. margin-top:-40px;
  209. top:50px;
  210. overflow:hidden;
  211. text-align:center;
  212. text-transform:uppercase;
  213. font-size:10px;
  214. line-height:3px;
  215.  
  216. opacity: 0;
  217.  
  218. -webkit-transition: all 0.5s ease-in-out;
  219. -moz-transition: all 0.5s ease-in-out;
  220. -o-transition: all 0.5s ease-in-out;
  221. -ms-transition: all 0.5s ease-in-out;
  222. transition: all 0.5s ease-in-out;
  223. }
  224.  
  225. .entry:hover .perma{
  226. overflow:hidden;
  227. opacity: 0.9;
  228.  
  229. -webkit-transition: all 0.5s ease-in-out;
  230. -moz-transition: all 0.5s ease-in-out;
  231. -o-transition: all 0.5s ease-in-out;
  232. -ms-transition: all 0.5s ease-in-out;
  233. transition: all 0.5s ease-in-out;
  234.  
  235. }
  236.  
  237. .entry .perma2{
  238. z-index:9999;
  239. position:absolute;
  240. background:#fff;
  241. border-radius:px;
  242. padding:5px;
  243. margin-left:35px;
  244. width:auto;
  245. height:auto;
  246. margin-top:-40px;
  247. top:50px;
  248. overflow:hidden;
  249. text-align:center;
  250. text-transform:uppercase;
  251. font-size:10px;
  252. line-height:3px;
  253.  
  254. opacity: 0;
  255.  
  256. -webkit-transition: all 0.5s ease-in-out;
  257. -moz-transition: all 0.5s ease-in-out;
  258. -o-transition: all 0.5s ease-in-out;
  259. -ms-transition: all 0.5s ease-in-out;
  260. transition: all 0.5s ease-in-out;
  261. }
  262.  
  263. .entry:hover .perma2{
  264. overflow:hidden;
  265. opacity: 0.9;
  266.  
  267.  
  268. -webkit-transition: all 0.5s ease-in-out;
  269. -moz-transition: all 0.5s ease-in-out;
  270. -o-transition: all 0.5s ease-in-out;
  271. -ms-transition: all 0.5s ease-in-out;
  272. transition: all 0.5s ease-in-out;
  273. }
  274.  
  275. .entry .perma3{
  276. z-index:9999;
  277. position:absolute;
  278. background:#fff;
  279. border-radius:px;
  280. padding:5px;
  281.  
  282. margin-left:65px;
  283. width:auto;
  284. height:auto;
  285. margin-top:-40px;
  286. top:50px;
  287. overflow:hidden;
  288. text-align:center;
  289. text-transform:uppercase;
  290. font-size:10px;
  291. line-height:15px;
  292.  
  293. opacity: 0;
  294.  
  295. -webkit-transition: all 0.5s ease-in-out;
  296. -moz-transition: all 0.5s ease-in-out;
  297. -o-transition: all 0.5s ease-in-out;
  298. -ms-transition: all 0.5s ease-in-out;
  299. transition: all 0.5s ease-in-out;
  300. }
  301.  
  302. .entry:hover .perma3{
  303. overflow:hidden;
  304. opacity: 0.9;
  305. text-transform:uppercase;
  306.  
  307. -webkit-transition: all 0.5s ease-in-out;
  308. -moz-transition: all 0.5s ease-in-out;
  309. -o-transition: all 0.5s ease-in-out;
  310. -ms-transition: all 0.5s ease-in-out;
  311. transition: all 0.5s ease-in-out;
  312.  
  313. }
  314.  
  315.  
  316. .perma3 a{
  317. text-transform:uppercase;
  318. color:#777;
  319. -webkit-transition: all 0.2s linear;
  320. -webkit-transition: all 0.2s linear;
  321. -moz-transition: all 0.2s linear;
  322. transition: all 0.2s linear;
  323. }
  324.  
  325. .entry .tags{
  326. z-index:9999;
  327. position:absolute;
  328.  
  329. border-radius:px;
  330. padding:5px;
  331. left:6px;
  332. width:auto;
  333. height:auto;
  334. bottom:10px;
  335. overflow:hidden;
  336. text-align:left;
  337. text-transform:uppercase;
  338. font-size:10px;
  339. line-height:15px;
  340.  
  341. opacity: 0;
  342.  
  343. -webkit-transition: all 0.5s ease-in-out;
  344. -moz-transition: all 0.5s ease-in-out;
  345. -o-transition: all 0.5s ease-in-out;
  346. -ms-transition: all 0.5s ease-in-out;
  347. transition: all 0.5s ease-in-out;
  348. }
  349.  
  350. .entry:hover .tags{
  351. overflow:hidden;
  352. opacity: 0.9;
  353. text-transform:uppercase;
  354.  
  355. -webkit-transition: all 0.5s ease-in-out;
  356. -moz-transition: all 0.5s ease-in-out;
  357. -o-transition: all 0.5s ease-in-out;
  358. -ms-transition: all 0.5s ease-in-out;
  359. transition: all 0.5s ease-in-out;
  360.  
  361. }
  362.  
  363.  
  364. .tags a{background:#fff; margin-right:3px;
  365. text-transform:uppercase;
  366. -webkit-transition: all 0.2s linear;
  367. -webkit-transition: all 0.2s linear;
  368. -moz-transition: all 0.2s linear;
  369. transition: all 0.2s linear;
  370. }
  371.  
  372. .caption img{width:100%;}
  373.  
  374. .perm {
  375. color: #000000;
  376. padding-top: 0px;
  377. padding-bottom: 0px;
  378. font-size: 12px;
  379. text-align: center;
  380. text-transform:uppercase;
  381. opacity: 0;
  382. filter: alpha(opacity = 0);
  383. -webkit-transition: all ease-in 250ms;
  384. -moz-transition: all ease-in 250ms;
  385. -o-transition: all ease-in 250ms;
  386. -ms-transition: all ease-in 250ms;
  387. transition: all ease-in 250ms;
  388.  
  389. }
  390.  
  391. .entry:hover .perm {
  392. opacity: 1;text-transform:uppercase;
  393. filter: alpha(opacity = 100);
  394. -webkit-transition: all ease-in 250ms;
  395. -moz-transition: all ease-in 250ms;
  396. -o-transition: all ease-in 250ms;
  397. -ms-transition: all ease-in 250ms;
  398. transition: all ease-in 250ms;
  399. }
  400.  
  401. .perm a{text-transform:uppercase;}
  402.  
  403.  
  404. div#sidebar{
  405. z-index:999;
  406. position:fixed;
  407. width:200px;
  408. top:220px;
  409. margin-left:-40px;
  410. padding:10px;
  411.  
  412.  
  413. color:{color:Text};
  414. background-color:white ;
  415. border:1px solid {color:border};
  416. line-height: 14px;
  417. text-align:left;
  418. opacity: 1;
  419. opacity:1;
  420. {block:ifshadow}
  421. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  422. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  423. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  424. {/block:ifshadow}
  425. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;{block:ifroundedcorners}
  426. border-radius:5px;
  427. {/block:ifroundedcorners}
  428. }
  429.  
  430. #sidebar #navi{
  431. border:1px solid {color:border};
  432. width:210px;
  433. padding:5px;
  434. background:white;
  435. margin-top:18px;
  436. position:fixed;
  437. margin-left:-15px;
  438. {block:ifroundedcorners}
  439. border-radius:5px;
  440. {/block:ifroundedcorners}
  441. }
  442.  
  443. #sidebar #btitleholder{
  444. z-index:99999;
  445. position:fixed;
  446. width:220px;
  447. margin-top:-55px;
  448. margin-left:-11px;
  449. padding:px;
  450. color:{color:Text};
  451. background-color:white ;
  452. border:1px solid {color:border};
  453. {block:ifroundedcorners}
  454. border-radius:5px;
  455. {/block:ifroundedcorners}
  456. text-align:center;
  457. opacity: 1;
  458. opacity:1;
  459. {block:ifshadow}
  460. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  461. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  462. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  463. {/block:ifshadow}
  464.  
  465. {block:ifsidebarleft}
  466. text-align:left;
  467. {/block:ifsidebarleft}
  468. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  469. }
  470.  
  471.  
  472.  
  473. @font-face {
  474. font-family: "g";
  475. src: url('http://static.tumblr.com/a90iyxz/iwMmihniw/graffiti_1_.ttf'); }
  476.  
  477.  
  478. div#2{
  479. position:fixed;
  480. width:300px;
  481. top:0%;
  482. height:100%;
  483. margin-left:-230px;
  484. padding:10px;
  485. padding-bottom:20px;
  486. padding-top:20px;
  487. background-color:white ;
  488. border-right:1px solid {color:border};
  489. line-height: 14px;
  490. text-align:right;
  491. opacity: 1;
  492. opacity:1;
  493.  
  494. {block:ifsidebarleft}
  495. text-align:left;
  496. {/block:ifsidebarleft}
  497. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  498. }
  499.  
  500.  
  501.  
  502. .links {
  503. width: 50px;
  504. height: 5px;
  505. padding: 6px;
  506. font-family: ;
  507. Text-transform: uppercase;
  508. background-color: {color:drop down links};
  509. margin-right: -1px;
  510. margin-top: 3px;
  511. font-size:9.5px;
  512. letter-spacing:2px;
  513. line-height: 5px;
  514. display: inline-block;
  515. text-align:center;
  516. -webkit-transition-duration: .4s;
  517. border:none;}
  518.  
  519. .links:hover {
  520. background-color:{color:drop down links hover};
  521. -moz-box-shadow: 0px 0px;
  522. -webkit-box-shadow: 0px 0px;
  523. }
  524.  
  525. #posts {
  526. width: 555px;
  527. margin-left:25%;
  528. top:0px;
  529. background:;
  530. {block:PermalinkPage}
  531. width: 450px;
  532. margin-left:25%;
  533. margin-top:0px;
  534. {/block:PermalinkPage}
  535. }
  536.  
  537. /* AUDIO */
  538.  
  539. .artcover {position:absolute;}
  540. .artcover img {width:42px;height:42px;float:left;border:5px solid #EEE;}
  541. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  542. .audioinfo {margin-left:55px;padding:3px 0px;}
  543. .i{display:block;padding:2px;}
  544. .i b, strong{font-family:Consolas;}
  545. .player {
  546. position:absolute;
  547. background:#FFF;
  548. width:30px;
  549. height:30px;
  550. opacity:0.75;
  551. padding:4px;
  552. margin:7px;
  553. overflow:hidden;}
  554.  
  555.  
  556. #infscr-loading{
  557. bottom: -70px;
  558. position: absolute;
  559. left: 50%;
  560. margin-left:-8px;
  561. width:16px;
  562. height:11px;
  563. overflow:hidden;
  564. margin-bottom: 50px;
  565. }
  566.  
  567. .title{
  568. font-size: 15px;
  569. line-height:10px;
  570. color: {color:title};
  571. font-weight: normal;
  572. font-family:xx;
  573. }
  574. @font-face { font-family: "amatic";src: url('http://static.tumblr.com/u37ad6e/GKZmr4tgx/amaticsc-regular.ttf');,}
  575.  
  576. .blogtitle{
  577. font-family:amatic;
  578. font-size: {text:blog title size}px;
  579. padding:10px;
  580. text-align:center;
  581. {block:ifsidebarleft}
  582. text-align:left;
  583. {/block:ifsidebarleft}
  584. color: {color:blog title};
  585. letter-spacing: 2px;
  586. font-weight: normal;
  587.  
  588. }
  589.  
  590. .blogtitle a:hover{
  591.  
  592.  
  593. }
  594.  
  595. @font-face { font-family: "xx"; src: url('http://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf'); }
  596.  
  597. @font-face { font-family: u; src: url('http://static.tumblr.com/vilw5yj/4igm9bv3f/barcodefont.ttf'); }
  598.  
  599. @font-face { font-family: cute; src: url('http://static.tumblr.com/vilw5yj/6l7ma3fqc/signerica_medium.ttf'); }
  600.  
  601. @font-face {font-family: hi; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');
  602. }
  603.  
  604.  
  605. @font-face {font-family: cedarville; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');
  606. }
  607.  
  608.  
  609. @font-face {font-family:"swaggy";src:url('http://static.tumblr.com/myvd7yu/oHdm0ykyy/damion-regular.ttf');}
  610.  
  611. blockquote{
  612. padding:2px 2px 2px 3px;
  613. margin:2px 2px 0px 5px;
  614. border-left: 5px solid #000000;
  615. }
  616.  
  617. blockquote p, ul{
  618. margin:15px;
  619. padding:0px;
  620. }
  621.  
  622. #postie{
  623. position:fixed !important;
  624. right:3px;
  625. top:26px;
  626. font-family: arial;
  627. font-size: 10px;
  628. line-height:12px;
  629. vertical-align: middle;
  630. overflow: hidden;
  631. padding:3px;
  632. -webkit-border-radius:2px;
  633. moz-border-radius:2px;
  634. -o-border-radius:2px;
  635. border-radius:2px;
  636. z-index: 100;}
  637.  
  638. #postie a{
  639. color: #fff;}
  640.  
  641.  
  642.  
  643.  
  644. /*]]>*/
  645. </style>
  646. <title>{title}</title>
  647. <link rel="shortcut icon" href="{Favicon}" />
  648. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  649. <meta name="viewport" content="width=820" />
  650. <style type="text/css">
  651. /*<![CDATA[*/
  652. div.c5 {padding-top:2px;}
  653. div.c4 {margin-top:-3px;}
  654. li.c3 {list-style: none}
  655. div.c2 {text-align: center}
  656. img.c1 {position:relative; float:center; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px;}
  657. /*]]>*/
  658. </style>
  659.  
  660. <style type="text/css">
  661. /*<![CDATA[*/
  662. strong.c1 {text-decoration: underline}
  663. /*]]>*/
  664. </style>
  665. </head>
  666. <body>
  667. {block:IndexPage} <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js">
  668. </script><script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js">
  669. </script><script type="text/javascript">
  670. //<![CDATA[
  671. $(window).load(function () {
  672. var $content = $('#posts');
  673. $content.masonry({itemSelector: '.entry'}),
  674. $content.infinitescroll({
  675. navSelector : 'div#pagination',
  676. nextSelector : 'div#pagination a#nextPage',
  677. itemSelector : '.entry',
  678. loading: {
  679. finishedMsg: '',
  680. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  681. },
  682. bufferPx : 600,
  683. debug : false,
  684. },
  685. // call masonry as a callback.
  686. function( newElements ) {
  687. var $newElems = $( newElements );
  688. $newElems.hide();
  689. // ensure that images load before adding to masonry layout
  690. $newElems.imagesLoaded(function(){
  691. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  692.  
  693.  
  694. });
  695. });
  696. });
  697. //]]>
  698. </script>
  699. <div id="postie"><a href="http://gived.tumblr.com/" target="_blank">
  700. <div class="yo"><img src="http://static.tumblr.com/vzjzx9a/Oyymbuhss/hdggj57retuete.png" alt="** THEME **" /></a></div>
  701. </div>
  702. {/block:IndexPage}
  703. <div class="wrapper">
  704. <div class="header"></div>
  705. <div id"2"></div>
  706. <div id="sidebar"><div style="margin-top:px;">
  707. {block:ifshowblogtitle}<div id="btitleholder"><div class="blogtitle"><span class="blogtitle"><a href="/">{Title}</a></span></div></div>{/block:ifshowblogtitle}
  708. {block:ifshowsidebarphoto}
  709. <a href="/"><img style="-webkit-filter:saturate(30%);" src="{image:sidebar}" width=200px ></a>{/block:ifshowsidebarphoto}
  710. <i>
  711. {description}</i><br /> <div style="margin-left:5px;">
  712. <div id="navi"><center>
  713. <select style="width:209px;font-size:11px;font-family:calibri;color:{color:text};border:1px solid {color:border};background:#fdfdfd;" onChange="location=this.options[this.selectedIndex].value;">
  714.  
  715. <option>Click for links</option>
  716. <option value="{text:link one}">{text:link one title}</option>
  717. <option value="{text:link two}">{text:link two title}</option>
  718. <option value="{text:link three}">{text:link three title}</option>
  719. {block:iflinkfourtitle}<option value="{text:link four}">{text:link four title}</option>{/block:iflinkfourtitle}
  720. {block:iflinkfivetitle}<option value="{text:link five}">{text:link five title}</option>{/block:iflinkfivetitle}
  721. {block:iflinksixtitle}<option value="{text:link six}">{text:link six title}</option>{/block:iflinksixtitle}
  722. <option value="http://gived.tumblr.com/">theme credit</option>
  723. </select>
  724.  
  725. </center>
  726. </div>
  727. </div>
  728. </div>
  729.  
  730.  
  731. </div>
  732. <div id="posts">{block:Posts}
  733. <div class="entry">{block:Answer}
  734. <div class="ask" style="border:1px solid {color:border}; border-radius:2px; padding:3px;"><strong class="c1">{Asker}</strong> asked: {Question} </div>
  735. <div class="caption"><i>{Answer}</i></div>
  736. {block:IndexPage}<div class="perm"><a href="{Permalink}">{notecount}</a></div>{/block:IndexPage} {/block:Answer} {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<div class="caption"><span class="entrytext">{Body}</span></div> {block:IndexPage}
  737.  
  738. <div class="perm"><a href="{Permalink}"></a><a href="{Permalink}">{notecount}</a> / <a href="{ReblogUrl}">Reblog</a></div> {block:IndexPage} {/block:text} {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}{Description}{/block:Description}
  739. {block:IndexPage}<div class="perm"><a href="{Permalink}"></a><a href="{Permalink}">{notecount}</a> / <a href="{ReblogUrl}">Reblog</a></div>{block:IndexPage} {/block:link}
  740.  
  741.  
  742. {block:Photo} {block:IndexPage}
  743. <div class="perma">
  744. {reblogbutton size="15"}</div>
  745. <div class="perma2">
  746. {likebutton size="15"}</div>
  747. <div class="perma3">
  748. <a href="{Permalink}">{notecountwithlabel}</a></div>
  749. {block:HasTags}
  750. <div class="tags" style="letter-spacing:0px; padding:1px;">
  751. {block:Tags}<a href="{TagURL}">#{Tag}<br></a>{block:Tags}
  752. </div>{/block:HasTags}
  753. {/block:IndexPage}
  754.  
  755. {block:indexpage} {block:indexpage} {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%" />{LinkCloseTag}
  756. {/block:indexpage} {/block:Photo}
  757.  
  758.  
  759. {block:Photoset} {block:IndexPage}<center>
  760. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="{200px}" style="padding:0px;"/></a>
  761. {/block:Photos}</center>
  762.  
  763. <div class="perm"><a href="{Permalink}"></a><a href="{Permalink}">{notecount}</a> / <a href="{ReblogUrl}">Reblog</a></div> {/block:IndexPage} {block:PermalinkPage}
  764. <div class="c2">{Photoset-400}</div>
  765. {/block:PermalinkPage} {/block:Photoset} {block:Quote}<span class="title">"{Quote}"</span>{block:Source} <em>- {Source}</em>{/block:Source}
  766. {block:IndexPage}<div class="perm"><a href="{Permalink}"></a><a href="{Permalink}">{notecount}</a> / <a href="{ReblogUrl}">Reblog</a></div> {block:IndexPage} {/block:Quote} {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  767. <ul class="chat">
  768. <li class="c3">{block:Lines}</li>
  769. <li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span> {/block:Label}{Line}</li>
  770. <li class="c3">{/block:Lines}</li>
  771. </ul>
  772.  
  773. {block:IndexPage} <div class="perm"><a href="{Permalink}"></a><a href="{Permalink}">{notecount}</a> / <a href="{ReblogUrl}">Reblog</a></div> {block:IndexPage} {/block:Chat} {Line} {/block:Lines} {/block:Chat}
  774. {block:Audio}
  775. {block:AlbumArt}<div class="artcover">
  776. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  777. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  778. <div class="audioinfo"><div class="i"><b>TITLE: </b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i"><b>ARTIST: </b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  779. <div class="i"><b>PLAYS: </b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span>{block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  780.  
  781.  
  782. <div class="perm"><a href="{Permalink}"></a><a href="{Permalink}">{notecount}</a> / <a href="{ReblogUrl}">Reblog</a></div>
  783. {/block:Audio}
  784.  
  785.  
  786.  
  787.  
  788. {block:Video} {block:IndexPage}
  789. <div class="c2"><div class="title">VIEW VIDEO</div></div>
  790. {/block:IndexPage} {block:PermalinkPage}
  791. <div class="c2">{Video-400}</div>
  792. {/block:PermalinkPage}<div class="perm"><a href="{Permalink}"></a><a href="{Permalink}">{notecount}</a> / <a href="{ReblogUrl}">Reblog</a></div> {block:Video} {block:PermalinkPage}
  793. <div class="c2"><br />
  794. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}<br />
  795. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags}
  796. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;&nbsp;</a>{block:Tags}
  797. {/block:HasTags}</div>
  798. {/block:PermalinkPage} {block:PostNotes}{PostNotes} {/block:PostNotes}</div>
  799. {/block:Posts}</div>
  800. {block:IndexPage} {block:Pagination}
  801. <div id="pagination">{block:NextPage} <a id="nextPage" href="{NextPage}" name="nextPage">→</a> {/block:NextPage} {block:PreviousPage} <a href="{PreviousPage}">←</a> {/block:PreviousPage}</div>
  802. {/block:Pagination} {/block:IndexPage}</div>
  803. </body>
  804. </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!