API tools faq
paste
Advertisement
b0rn-to-be-wild

- Urban elegance vol.2 -

b0rn-to-be-wild
Jun 24th, 2014
1,240
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.55 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <!----
  4.  
  5. © borntobewildthemes.tumblr.com | "Urban elegance" vol.2
  6.  
  7. + Please do not redistribute this theme or remove credits.
  8. + You are allowed to make changes as long as you keep our credits.
  9. + if you have any questions or concerns, just contact us.
  10. + Thanks for using our theme! We hope that you enjoy it!
  11.  
  12. ---->
  13.  
  14. <html>
  15.  
  16. <head>
  17.  
  18. <!--Google fonts-->
  19.  
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Merienda+One' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  30.  
  31. <!--DEFAULT VARIABLES-->
  32. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  33.  
  34. <meta name="image:Background" content="1"/>
  35. <meta name="image:Header background" content="1"/>
  36. <meta name="image:Avatar" content="1"/>
  37.  
  38. <meta name="color:Background" content="#fff"/>
  39. <meta name="color:Blog Title" content="#315F7A"/>
  40. <meta name="color:Search box background" content="#eee"/>
  41. <meta name="color:Social icon background" content="#eee"/>
  42. <meta name="color:Title" content="#315F7A"/>
  43. <meta name="color:Text" content="#eee"/>
  44. <meta name="color:Link" content="#ddd"/>
  45. <meta name="color:Icon" content="#315F7A"/>
  46. <meta name="color:Hover" content="#fff"/>
  47. <meta name="color:Italic" content="#777"/>
  48. <meta name="color:Bold" content="#000"/>
  49. <meta name="color:Info background" content="#333"/>
  50. <meta name="color:Borders" content="#222"/>
  51. <meta name="color:Scrollbar" content="#315F7A"/>
  52.  
  53. <meta name="color:Link 1 border" content="#333"/>
  54. <meta name="color:Link 2 border" content="#333"/>
  55. <meta name="color:Link 3 border" content="#333"/>
  56. <meta name="color:Link 4 border" content="#333"/>
  57. <meta name="color:Link 5 border" content="#333"/>
  58. <meta name="color:Link 6 border" content="#333"/>
  59.  
  60. <meta name="select:Container transparency color" content="238,238,238" title="gray">
  61. <meta name="select:Container transparency color" content="0,0,0" title="black">
  62. <meta name="select:Container transparency color" content="255,255,255" title="white">
  63. <meta name="select:Container transparency color" content="255,168,212" title="pink">
  64. <meta name="select:Container transparency color" content="127,88,242" title="purple">
  65. <meta name="select:Container transparency color" content="184,168,255" title="indigo">
  66. <meta name="select:Container transparency color" content="184,208,255" title="blue">
  67. <meta name="select:Container transparency color" content="103,173,90" title="green">
  68. <meta name="select:Container transparency color" content="33,209,297" title="turquoise">
  69. <meta name="select:Container transparency color" content="226,229,23" title="yellow">
  70. <meta name="select:Container transparency color" content="112,38,11" title="brown">
  71.  
  72. <meta name="select:Container transparency" content="1" title="opaque">
  73. <meta name="select:Container transparency" content=".9" title=".9">
  74. <meta name="select:Container transparency" content=".8" title=".8">
  75. <meta name="select:Container transparency" content=".7" title=".7">
  76. <meta name="select:Container transparency" content=".6" title=".6">
  77. <meta name="select:Container transparency" content=".5" title=".5">
  78. <meta name="select:Container transparency" content=".4" title=".4">
  79. <meta name="select:Container transparency" content=".3" title=".3">
  80. <meta name="select:Container transparency" content=".2" title=".2">
  81. <meta name="select:Container transparency" content=".1" title=".1">
  82. <meta name="select:Container transparency" content=".0" title="transparent">
  83.  
  84. <meta name="select:Post transparency color" content="238,238,238" title="gray">
  85. <meta name="select:Post transparency color" content="0,0,0" title="black">
  86. <meta name="select:Post transparency color" content="255,255,255" title="white">
  87. <meta name="select:Post transparency color" content="255,168,212" title="pink">
  88. <meta name="select:Post transparency color" content="127,88,242" title="purple">
  89. <meta name="select:Post transparency color" content="184,168,255" title="indigo">
  90. <meta name="select:Post transparency color" content="184,208,255" title="blue">
  91. <meta name="select:Post transparency color" content="103,173,90" title="green">
  92. <meta name="select:Post transparency color" content="33,209,297" title="turquoise">
  93. <meta name="select:Post transparency color" content="226,229,23" title="yellow">
  94. <meta name="select:Post transparency color" content="112,38,11" title="brown">
  95.  
  96. <meta name="select:Post transparency" content="1" title="opaque">
  97. <meta name="select:Post transparency" content=".9" title=".9">
  98. <meta name="select:Post transparency" content=".8" title=".8">
  99. <meta name="select:Post transparency" content=".7" title=".7">
  100. <meta name="select:Post transparency" content=".6" title=".6">
  101. <meta name="select:Post transparency" content=".5" title=".5">
  102. <meta name="select:Post transparency" content=".4" title=".4">
  103. <meta name="select:Post transparency" content=".3" title=".3">
  104. <meta name="select:Post transparency" content=".2" title=".2">
  105. <meta name="select:Post transparency" content=".1" title=".1">
  106. <meta name="select:Post transparency" content=".0" title="transparent">
  107.  
  108. <meta name="select:Header transparency color" content="238,238,238" title="gray">
  109. <meta name="select:Header transparency color" content="0,0,0" title="black">
  110. <meta name="select:Header transparency color" content="255,255,255" title="white">
  111. <meta name="select:Header transparency color" content="255,168,212" title="pink">
  112. <meta name="select:Header transparency color" content="127,88,242" title="purple">
  113. <meta name="select:Header transparency color" content="184,168,255" title="indigo">
  114. <meta name="select:Header transparency color" content="184,208,255" title="blue">
  115. <meta name="select:Header transparency color" content="103,173,90" title="green">
  116. <meta name="select:Header transparency color" content="33,209,297" title="turquoise">
  117. <meta name="select:Header transparency color" content="226,229,23" title="yellow">
  118. <meta name="select:Header transparency color" content="112,38,11" title="brown">
  119.  
  120. <meta name="select:Header transparency" content="1" title="opaque">
  121. <meta name="select:Header transparency" content=".9" title=".9">
  122. <meta name="select:Header transparency" content=".8" title=".8">
  123. <meta name="select:Header transparency" content=".7" title=".7">
  124. <meta name="select:Header transparency" content=".6" title=".6">
  125. <meta name="select:Header transparency" content=".5" title=".5">
  126. <meta name="select:Header transparency" content=".4" title=".4">
  127. <meta name="select:Header transparency" content=".3" title=".3">
  128. <meta name="select:Header transparency" content=".2" title=".2">
  129. <meta name="select:Header transparency" content=".1" title=".1">
  130. <meta name="select:Header transparency" content=".0" title="transparent">
  131.  
  132. <meta name="select:Menu transparency color" content="238,238,238" title="gray">
  133. <meta name="select:Menu transparency color" content="0,0,0" title="black">
  134. <meta name="select:Menu transparency color" content="255,255,255" title="white">
  135. <meta name="select:Menu transparency color" content="255,168,212" title="pink">
  136. <meta name="select:Menu transparency color" content="127,88,242" title="purple">
  137. <meta name="select:Menu transparency color" content="184,168,255" title="indigo">
  138. <meta name="select:Menu transparency color" content="184,208,255" title="blue">
  139. <meta name="select:Menu transparency color" content="103,173,90" title="green">
  140. <meta name="select:Menu transparency color" content="33,209,297" title="turquoise">
  141. <meta name="select:Menu transparency color" content="226,229,23" title="yellow">
  142. <meta name="select:Menu transparency color" content="112,38,11" title="brown">
  143.  
  144. <meta name="select:Menu transparency" content="1" title="opaque">
  145. <meta name="select:Menu transparency" content=".9" title=".9">
  146. <meta name="select:Menu transparency" content=".8" title=".8">
  147. <meta name="select:Menu transparency" content=".7" title=".7">
  148. <meta name="select:Menu transparency" content=".6" title=".6">
  149. <meta name="select:Menu transparency" content=".5" title=".5">
  150. <meta name="select:Menu transparency" content=".4" title=".4">
  151. <meta name="select:Menu transparency" content=".3" title=".3">
  152. <meta name="select:Menu transparency" content=".2" title=".2">
  153. <meta name="select:Menu transparency" content=".1" title=".1">
  154. <meta name="select:Menu transparency" content=".0" title="transparent">
  155.  
  156. <meta name="select:Title Font" content="Poiret One" title="Poiret One">
  157. <meta name="select:Title Font" content="Merienda One" title="Merienda One">
  158. <meta name="select:Title Font" content="Play" title="Play">
  159. <meta name="select:Title Font" content="Baumans" title="Baumans">
  160. <meta name="select:Title Font" content="Marvel" title="Marvel">
  161.  
  162. <meta name="select:Title font size" content="20px" title="20px">
  163. <meta name="select:Title font size" content="25px" title="25px">
  164. <meta name="select:Title font size" content="30px" title="30px">
  165. <meta name="select:Title font size" content="35px" title="35px">
  166. <meta name="select:Title font size" content="40px" title="40px">
  167.  
  168. <meta name="font:Body font" content="Helvetica"/>
  169. <meta name="select:Body font size" content="12px" title="12px">
  170. <meta name="select:Body font size" content="13px" title="13px">
  171. <meta name="select:Body font size" content="14px" title="14px">
  172. <meta name="select:Body font size" content="15px" title="15px">
  173. <meta name="select:Body font size" content="16px" title="16px">
  174.  
  175. <meta name="if:Three columns" content="0" />
  176. <meta name="if:Infinite Scroll" content="0" />
  177. <meta name="if:Show Main links" content="1" />
  178. <meta name="if:Show Avatar" content="1" />
  179. <meta name="if:Show Description" content="1" />
  180. <meta name="if:Show Search Box" content="1" />
  181. <meta name="if:Show Social Icons" content="1" />
  182.  
  183. <meta name="if:Faded Images" content="0" />
  184. <meta name="if:Monochrome Images" content="0" />
  185. <meta name="if:Ask Enabled" content="1"/>
  186. <meta name="if:Submissions Enabled" content="1"/>
  187. <meta name="if:Show Archive Link" content="1"/>
  188. <meta name="if:Show Info On Hover" content="0" />
  189. <meta name="if:Show Captions" content="1" />
  190. <meta name="if:Show Tags" content="1" />
  191.  
  192. <meta name="if:Facebook" content="1" />
  193. <meta name="if:Twitter" content="1" />
  194. <meta name="if:Flickr" content="1" />
  195. <meta name="if:Pinterest" content="1" />
  196. <meta name="if:Deviant Art" content="1" />
  197.  
  198. <meta name="if:Show Link One" content="1" />
  199. <meta name="if:Show Link Two" content="1" />
  200. <meta name="if:Show Link Three" content="1" />
  201. <meta name="if:Show Link Four" content="1" />
  202. <meta name="if:Show Link Five" content="1" />
  203. <meta name="if:Show Link Six" content="1" />
  204.  
  205. <meta name="text:Facebook Url" content="" />
  206. <meta name="text:Twitter Url" content="" />
  207. <meta name="text:Wordpress Url" content="" />
  208. <meta name="text:Flickr url" content="" />
  209. <meta name="text:Devianart url" content="" />
  210. <meta name="text:You Tube url" content="" />
  211. <meta name="text:Scroll to top image url" content="http://i63.tinypic.com/mcvijc.jpg"/>
  212. <meta name="text:Blog title top margin" content="45px">
  213. <meta name="text:Stats" content="Add text here">
  214. <meta name="text:Footer text" content="Add text here">
  215.  
  216. <meta name="text:Link One" content="Link One"/>
  217. <meta name="text:Link Two" content="Link Two"/>
  218. <meta name="text:Link Three" content="Link Three"/>
  219. <meta name="text:Link Four" content="Link Four"/>
  220. <meta name="text:Link Five" content="Link Five"/>
  221.  
  222. <meta name="text:Link One url" content="Link One url"/>
  223. <meta name="text:Link Two url" content="Link Two url"/>
  224. <meta name="text:Link Three url" content="Link Three url"/>
  225. <meta name="text:Link Four url" content="Link Four url"/>
  226. <meta name="text:Link Five url" content="Link Five url"/>
  227.  
  228. <style type="text/css">
  229.  
  230. /* ---------------------------- CSS ----------------------------- */
  231.  
  232. /* -------- BASICS ------- */
  233.  
  234. body {
  235. margin:0;
  236. padding:0;
  237. width:100%;
  238. height:100%;
  239. color:{color:text};
  240. font-family:{font:Body font};
  241. font-size:{select:Body font size};
  242. line-height: -moz-calc({select:Body font size} + 3px);
  243. line-height: -webkit-calc({select:Body font size} + 3px);
  244. line-height: -o-calc({select:Body font size} + 3px);
  245. line-height: calc({select:Body font size} + 3px);
  246. background-color: {color:Background};
  247. background-image:url({image:Background});
  248. background-attachment: fixed;
  249. background-repeat: repeat;
  250. }
  251.  
  252. /* Paragraph */
  253.  
  254. p {margin-top:5px; margin-bottom:5px;}
  255.  
  256. small{font-size: 90%;}
  257.  
  258. big{font-size: 110%;}
  259.  
  260. /* Title */
  261.  
  262. h1{
  263. margin:0;
  264. margin-bottom:10px;
  265. color:{color:Title};
  266. font-family:{select:Title Font};
  267. font-size:{select:Title font size};
  268. line-height: -moz-calc({select:Title font size} + 3px);
  269. line-height: -webkit-calc({select:Title font size} + 3px);
  270. line-height: -o-calc({select:Title font size} + 3px);
  271. line-height: calc({select:Title font size} + 3px);
  272. border-bottom:1px solid {color:Borders};
  273. }
  274.  
  275. /* Captions */
  276.  
  277. h2{
  278. font-family:{font:Body font};
  279. font-size:{select:Body font size};
  280. line-height: -moz-calc({select:Body font size} + 3px);
  281. line-height: -webkit-calc({select:Body font size} + 3px);
  282. line-height: -o-calc({select:Body font size} + 3px);
  283. line-height: calc({select:Body font size} + 3px);
  284. font-weight:normal;
  285. }
  286.  
  287. /* Links */
  288.  
  289. a:link, a:active, a:visited{
  290. -webkit-transition: all .7s ease;
  291. -moz-transition: all .7s ease;
  292. -o-transition: all .7s ease;
  293. transition: all .7s ease;
  294. color:{color:Link};
  295. text-decoration:none;
  296. }
  297.  
  298. a:hover{
  299. color:{color:Hover};
  300. -webkit-transition: all 0.8s ease-in-out;
  301. -moz-transition: all 0.8s ease-in-out;
  302. -o-transition: all 0.8s ease-in-out;
  303. -ms-transition: all 0.8s ease-in-out;
  304. transition: all 0.8s ease-in-out;
  305. }
  306.  
  307. a img{border: 0px;}
  308.  
  309. ul, ol, li{ margin:5px 10px; padding:0px;}
  310.  
  311. /* Bold and italic */
  312.  
  313. b, strong {color:{color:Bold};}
  314. i, em {color:{color:Italic};}
  315.  
  316. /* Blockquote */
  317.  
  318. blockquote{
  319. padding:0px 0px 2px 5px;
  320. margin:0px 0px 2px 10px;
  321. border-left: 1px solid {color:Borders};
  322. }
  323.  
  324. /* Text selection */
  325.  
  326. ::-moz-selection {
  327. background: {color:Borders};
  328. color: {color:Scrollbar};
  329. }
  330.  
  331. ::selection {
  332. background: {color:Borders};
  333. color: {color:Scrollbar};
  334. }
  335.  
  336. /* Webkit scrollbar */
  337.  
  338. ::-webkit-scrollbar {
  339. width: 7px;
  340. height: 0px;
  341. }
  342.  
  343. ::-webkit-scrollbar-thumb:vertical {
  344. height: 0px;
  345. background-color: {color:Scrollbar};
  346. border:3px solid {color:Borders};
  347. }
  348.  
  349. ::-webkit-scrollbar-button:start:decrement,
  350. ::-webkit-scrollbar-button:end:increment {
  351. height: 0px;
  352. display: block;
  353. background-color: {color:Borders};
  354. }
  355.  
  356. ::-webkit-scrollbar-track-piece {
  357. background-color: {color:Borders};
  358. }
  359.  
  360. /* Tumblr controls */
  361.  
  362. .iframe-controls--desktop {
  363. position:fixed!important;
  364. bottom:10px !important;
  365. margin-top:auto;
  366. right:10px!important;
  367. opacity:.9!important;
  368. white-space:nowrap!important;
  369. filter: invert(1);
  370. -webkit-filter: invert(1);
  371. -moz-filter: invert(1);
  372. -o-filter: invert(1);
  373. -ms-filter: invert(1);
  374. z-index:10000!important;
  375. }
  376.  
  377. /* Tooltips */
  378.  
  379. #s-m-t-tooltip {
  380. max-width:300px;
  381. z-index:10000000;
  382. margin:24px 14px 7px 12px;
  383. padding:5px;
  384. color:{color:Link};
  385. background:{color:Post background};
  386. border:1px solid {color:Borders};
  387. font-size:11px;
  388. line-height:13px;
  389. }
  390.  
  391. /* Image style */
  392.  
  393. {block:ifFadedImages}
  394. img{
  395. -webkit-transition: opacity 0.8s linear;
  396. -moz-transition: opacity 0.8s linear;
  397. -o-transition: opacity 0.8s linear;
  398. -ms-transition: opacity 0.8s linear;
  399. opacity: 0.60;
  400. }
  401. img:hover{
  402. -webkit-transition: opacity 0.8s linear;
  403. -moz-transition: opacity 0.8s linear;
  404. -o-transition: opacity 0.8s linear;
  405. -ms-transition: opacity 0.8s linear;
  406. opacity: 1;
  407. }
  408. {/block:ifFadedImages}
  409.  
  410. {block:ifMonochromeImages}
  411. img{
  412. -webkit-filter: grayscale(1);
  413. -webkit-transition: all 0.5s ease-in-out;
  414. -moz-transition: all 0.5s ease-in-out;
  415. -o-transition: all 0.5s ease-in-out;
  416. -ms-transition: all 0.5s ease-in-out;
  417. transition: all 0.5s ease-in-out;
  418. }
  419.  
  420. img:hover{
  421. filter: none;
  422. -webkit-filter: grayscale(0);
  423. -webkit-transition: all 0.2s ease-in-out;
  424. -moz-transition: all 0.2s ease-in-out;
  425. -o-transition: all 0.2s ease-in-out;
  426. }
  427. {/block:ifMonochromeImages}
  428.  
  429. /* Post notes style */
  430.  
  431. .notes{
  432. width:400px;
  433. }
  434.  
  435. ol.notes {
  436. padding: 0px;
  437. margin: 5px 0px;
  438. list-style-type: none;
  439. }
  440.  
  441. ol.notes li.note {
  442. padding: 5px;
  443. border-bottom:1px solid {color:Borders};
  444. }
  445.  
  446. ol.notes li.note img.avatar {
  447. position:relative;
  448. border-radius:100%;
  449. vertical-align: -5px;
  450. margin-right: 10px;
  451. width: 15px;
  452. height: 15px;
  453. }
  454.  
  455. /* -------- MENU ------- */
  456.  
  457. #menu{
  458. position:fixed;
  459. top: 10px;
  460. left:50%;
  461. background:rgba({select:Menu transparency color}, {select:Menu transparency});
  462. height:55px;
  463. width:900px;
  464. font-size:12px;
  465. line-height:10px;
  466. z-index:1000;
  467. text-align:center;
  468. padding-top:5px;
  469. -webkit-transform: translateX(-50%);
  470. -moz-transform: translateX(-50%);
  471. -ms-transform: translateX(-50%);
  472. transform: translateX(-50%);
  473. }
  474.  
  475. /* Navigation */
  476.  
  477. #linkone{
  478. width:110px;
  479. height:10px;
  480. position:absolute;
  481. margin-left:90px;
  482. margin-top:10px;
  483. padding:5px;
  484. font-size:14px;
  485. line-height:15px;
  486. border-bottom:3px solid {color:Link 1 border};
  487. }
  488.  
  489. #linktwo{
  490. width:110px;
  491. height:10px;
  492. position:absolute;
  493. margin-left:210px;
  494. margin-top:10px;
  495. padding:5px;
  496. font-size:14px;
  497. line-height:15px;
  498. border-bottom:3px solid {color:Link 2 border};
  499. }
  500.  
  501. #linkthree{
  502. width:110px;
  503. height:10px;
  504. position:absolute;
  505. margin-left:330px;
  506. margin-top:10px;
  507. padding:5px;
  508. font-size:14px;
  509. line-height:15px;
  510. border-bottom:3px solid {color:Link 3 border};
  511. }
  512.  
  513. #linkfour{
  514. height:10px;
  515. width:110px;
  516. position:absolute;
  517. margin-left:450px;
  518. margin-top:10px;
  519. padding:5px;
  520. font-size:14px;
  521. line-height:15px;
  522. border-bottom:3px solid {color:Link 4 border};
  523. }
  524.  
  525. #linkfive{
  526. width:110px;
  527. height:10px;
  528. position:absolute;
  529. margin-left:570px;
  530. margin-top:10px;
  531. padding:5px;
  532. font-size:14px;
  533. line-height:15px;
  534. border-bottom:3px solid {color:Link 5 border};
  535. }
  536.  
  537. /* Drop down navigation */
  538.  
  539. #menulinks{
  540. width:150px;
  541. height:0px;
  542. position:absolute;
  543. background:{color:Link 5 border};
  544. margin-left:-5px;
  545. margin-top:0px;
  546. padding-left:5px;
  547. padding-bottom:25px;
  548. font-size:14px;
  549. line-height:15px;
  550. opacity:0;
  551. text-align:left;
  552. }
  553.  
  554. #menulinks a{
  555. display:block;
  556. width:140px;
  557. height:20px;
  558. position:absolute;
  559. margin-left:5px;
  560. margin-top:5px;
  561. padding-left:5px;
  562. font-size:14px;
  563. line-height:15px;
  564. color:{color:Menu link};
  565. }
  566.  
  567. #menulinks a:hover{
  568. color:{color:Hover};
  569. }
  570.  
  571. #linkfive:hover #menulinks{
  572. height:auto;
  573. margin-top:-2px;
  574. opacity:1;
  575. z-index:10000;
  576. }
  577.  
  578. #linksix{
  579. width:110px;
  580. height:10px;
  581. position:absolute;
  582. margin-left:690px;
  583. margin-top:10px;
  584. padding:5px;
  585. font-size:14px;
  586. line-height:15px;
  587. border-bottom:3px solid {color:Link 6 border};
  588. }
  589.  
  590. #linkone:hover{
  591. height:30px;
  592. line-height:40px;
  593. margin-top:-10px;
  594. color:{color:Container};
  595. background:{color:Link 1 border};
  596. -webkit-transition: all .7s ease;
  597. -moz-transition: all .7s ease;
  598. -o-transition: all .7s ease;
  599. transition: all .7s ease;
  600. }
  601.  
  602. #linktwo:hover{
  603. height:30px;
  604. line-height:40px;
  605. margin-top:-10px;
  606. color:{color:Container};
  607. background:{color:Link 2 border};
  608. -webkit-transition: all .7s ease;
  609. -moz-transition: all .7s ease;
  610. -o-transition: all .7s ease;
  611. transition: all .7s ease;
  612. }
  613.  
  614. #linkthree:hover{
  615. height:30px;
  616. line-height:40px;
  617. margin-top:-10px;
  618. color:{color:Container};
  619. background:{color:Link 3 border};
  620. -webkit-transition: all .7s ease;
  621. -moz-transition: all .7s ease;
  622. -o-transition: all .7s ease;
  623. transition: all .7s ease;
  624. }
  625.  
  626. #linkfour:hover{
  627. height:30px;
  628. line-height:40px;
  629. margin-top:-10px;
  630. color:{color:Container};
  631. background:{color:Link 4 border};
  632. -webkit-transition: all .7s ease;
  633. -moz-transition: all .7s ease;
  634. -o-transition: all .7s ease;
  635. transition: all .7s ease;
  636. }
  637.  
  638. #linkfive:hover{
  639. height:30px;
  640. line-height:40px;
  641. margin-top:-10px;
  642. color:{color:Container};
  643. background:{color:Link 5 border};
  644. -webkit-transition: all .7s ease;
  645. -moz-transition: all .7s ease;
  646. -o-transition: all .7s ease;
  647. transition: all .7s ease;
  648. }
  649.  
  650. #linksix:hover{
  651. height:30px;
  652. line-height:40px;
  653. margin-top:-10px;
  654. color:{color:Container};
  655. background:{color:Link 6 border};
  656. -webkit-transition: all .7s ease;
  657. -moz-transition: all .7s ease;
  658. -o-transition: all .7s ease;
  659. transition: all .7s ease;
  660. }
  661.  
  662. /* -------- HEADER ------- */
  663.  
  664. #header{
  665. background:rgba({select:header transparency color}, {select:Header transparency});
  666. width:880px;
  667. height:100px;
  668. margin-top:80px;
  669. margin-left:auto;
  670. margin-right:auto;
  671. z-index:10;
  672. text-align:left;
  673. padding-left:10px;
  674. padding-right:10px;
  675. padding-top:10px;
  676. }
  677.  
  678. /* Blog title */
  679.  
  680. #blogtitle {
  681. position:absolute;
  682. margin-top:0px;
  683. margin-left:0px;
  684. font-size:{select:Title font size};
  685. font-family:{select:Title Font};
  686. width:250px;
  687. padding:10px;
  688. height:70px;
  689. letter-spacing:2px;
  690. line-height:35px;
  691. z-index:100000;
  692. text-align:center;
  693. color:{color:Blog Title};
  694. background:rgba({select:Menu transparency color}, {select:Menu transparency});
  695. }
  696.  
  697. #blogtitle:hover {
  698. color:{color:Hover};
  699. -webkit-transition: opacity .7s linear;
  700. -webkit-transition: all .7s ease-out;
  701. -moz-transition: all .7s ease-out;
  702. -o-transition: all .7s ease-out;
  703. }
  704.  
  705. #avatar{
  706. float:left;
  707. width:70px;
  708. height:70px;
  709. border:1px solid {color:Borders};
  710. }
  711.  
  712. #avatar img{
  713. width:100%;
  714. height:100%;
  715. }
  716.  
  717. /* Description */
  718.  
  719. #description{
  720. position:absolute;
  721. width:400px;
  722. height:70px;
  723. overflow-y:auto;
  724. margin-top:0px;
  725. margin-left:280px;
  726. padding:10px;
  727. display:block;
  728. text-align:justify;
  729. display:block;
  730. color:{color:Description};
  731. background:rgba({select:Menu transparency color}, {select:Menu transparency});
  732. }
  733.  
  734. /* Search box*/
  735.  
  736. #searchbox {
  737. position:absolute;
  738. margin-top:0px;
  739. margin-left:710px;
  740. height:90px;
  741. width:160px;
  742. padding-left:10px;
  743. z-index:1;
  744. border:bottom:2px solid {color:Borders};
  745. background:rgba({select:Menu transparency color}, {select:Menu transparency});
  746. }
  747.  
  748. #searchbox i{
  749. margin-left:-20px;
  750. color:{color:Icon};
  751. }
  752.  
  753. /* Social Icons */
  754.  
  755. #socialicons{
  756. margin-top:0px;
  757. margin-left:-5px;
  758. width:160px;
  759. text-align:center;
  760. }
  761.  
  762. #socialicons a{
  763. display:inline-block;
  764. width:21px;
  765. height:20px;
  766. text-align:center;
  767. background:{color:Social icon background};
  768. border:1px solid {color:Borders};
  769. }
  770.  
  771. #socialicons a:hover{
  772. color:{color:Hover};
  773. background: {color:Borders};
  774. }
  775.  
  776. #socialicons i{
  777. margin-left:0px;
  778. margin-top:5px;
  779. color:{color:Icon};
  780. }
  781.  
  782. /* ----------------------- MAIN CONTAINER --------------------------- */
  783.  
  784. #container{
  785. position:relative;
  786. margin-top:0px;
  787. width:900px;
  788. min-height:600px;
  789. background:rgba({select:Container transparency color}, {select:Container transparency});
  790. padding-bottom:20px;
  791. margin-left:auto;
  792. margin-right:auto;
  793. }
  794.  
  795. /* -------- POSTS AND ENTRIES ------- */
  796.  
  797. #posts {
  798. width:990px;
  799. z-index:1;
  800. margin-left:0px;
  801. margin-top:10px;
  802. padding-left:4px;
  803. height:auto;
  804. {block:PermalinkPage}
  805. width:450px;
  806. margin-left:auto;
  807. margin-right:auto;
  808. {/block:PermalinkPage}
  809. }
  810.  
  811. .entry {
  812. float:left;
  813. display: block;
  814. margin:12px;
  815. overflow:hidden;
  816. width:400px;
  817. {block:IfThreeColumns}
  818. margin:13px;
  819. width:250px;
  820. {/block:IfThreeColumns}
  821. height:auto;
  822. min-height:120px;
  823. padding:10px;
  824. {block:PermalinkPage}
  825. width:400px;
  826. margin-left:auto;
  827. margin-right:auto;
  828. {/block:PermalinkPage}
  829. background:rgba({select:Post transparency color}, {select:Post transparency});
  830. border:1px solid {color:Borders};
  831. z-index:10;
  832. }
  833.  
  834. .entry img { max-width: 100%; }
  835.  
  836. /* ----------------------- POST STYLES ----------------------------- */
  837.  
  838. /* Quote posts */
  839.  
  840. .quote {
  841. font-family:{select:Title Font};
  842. font-size:{select:Title font size};
  843. line-height: -moz-calc({select:Title font size} + 3px);
  844. line-height: -webkit-calc({select:Title font size} + 3px);
  845. line-height: -o-calc({select:Title font size} + 3px);
  846. line-height: calc({select:Title font size} + 3px);
  847. color:{color:Italic};
  848. height:auto;
  849. margin:10px;
  850. padding:5px;
  851. text-align:center;
  852. letter-spacing:1px;
  853. }
  854.  
  855. .source {
  856. font-family:{font:Body font};
  857. font-size:{select:Body font size};
  858. line-height:130%;
  859. height:auto;
  860. margin-top:10px;
  861. margin-left:10px;
  862. margin-right:10px;
  863. margin-bottom:5px;
  864. padding:5px;
  865. text-align:right;
  866. letter-spacing:1px;
  867. }
  868.  
  869. /* Link posts */
  870.  
  871. #linktitle{
  872. font-family:{select:Title Font};
  873. font-size:{select:Title font size};
  874. line-height:130%;
  875. width:96%;
  876. padding:2%;
  877. border:1px solid {color:Borders};
  878. }
  879.  
  880. #linktitle a{
  881. color:{color:Link};
  882. }
  883.  
  884. #linktitle i{
  885. color:{color:Icon};
  886. }
  887.  
  888. /* Chat posts */
  889.  
  890. .chat li {
  891. padding:5px;
  892. margin-top:-2px;
  893. display:block;
  894. border-bottom:1px solid {color:Borders};
  895. }
  896.  
  897. .chat li:last-child{
  898. border-bottom:1px solid transparent;
  899. }
  900.  
  901. .label {
  902. color:{color:Bold};
  903. font-size:15px;
  904. font-family:{select:Title Font};
  905. padding-right:2px;
  906. }
  907.  
  908. /* Audio posts */
  909.  
  910. #audiocon{
  911. width:100%;
  912. height:auto;
  913. min-height:85px;
  914. overflow:hidden;
  915. margin-bottom:10px;
  916. }
  917.  
  918. .album{
  919. width:65px;
  920. height:65px;
  921. background-image:url(http://i61.tinypic.com/s6k3zb.jpg);
  922. border: 5px solid {color:Borders};
  923. }
  924.  
  925. .album img{
  926. max-width:65px;
  927. margin-left:0px;
  928. float:left;
  929. margin-top:0px;
  930. z-index:10;
  931. }
  932.  
  933. .audio{
  934. position:absolute;
  935. max-width:325px;
  936. margin-left:80px;
  937. float:left;
  938. margin-top:0;
  939. z-index:10;
  940. font-size:12px;
  941. overflow:hidden;
  942. }
  943.  
  944. .audio i{
  945. color:{color:Icon};
  946. border:1px solid {color:Borders};
  947. padding:2px;
  948. width:12px;
  949. height:12px;
  950. font-size:12px;
  951. margin-bottom:1px;
  952. text-align:center;
  953. }
  954.  
  955. .play{
  956. position:absolute;
  957. margin:20px;
  958. max-width:25px;
  959. max-height:25px;
  960. overflow:hidden;
  961. opacity:0.8;
  962. }
  963.  
  964. /* Ask Posts */
  965.  
  966. .bubble {
  967. position: relative;
  968. height:auto;
  969. margin:5px;
  970. padding:5px;
  971. border: 1px solid {color:Borders};
  972. z-index:1;
  973. min-height:50px;
  974. }
  975.  
  976. .asker img {
  977. float:left;
  978. border:1px solid {color:Borders};
  979. margin-right:5px;
  980. z-index:2000;
  981. border-radius:100%;
  982. }
  983.  
  984. /* ----------------------- POST INFO ----------------------------- */
  985.  
  986. #postinfo{
  987. margin-top:10px;
  988. width:400px;
  989. {block:IfThreeColumns}
  990. width:250px;
  991. {/block:IfThreeColumns}
  992. {block:IndexPage}
  993. {block:IfShowInfoOnHover}
  994. display:none;
  995. height:0;
  996. {/block:IfShowInfoOnHover}
  997. {/block:IndexPage}
  998. {block:PermalinkPage}
  999. width:400px;
  1000. {/block:PermalinkPage}
  1001. z-index:1000;
  1002. }
  1003.  
  1004. .entry:hover #postinfo{
  1005. {block:IndexPage}
  1006. {block:IfShowInfoOnHover}
  1007. height:auto;
  1008. display:block;
  1009. bottom:0px;
  1010. left:0px;
  1011. padding-left:10px;
  1012. padding-right:10px;
  1013. position:absolute;
  1014. background:{color:Info background};
  1015. opacity:0.9;
  1016. color:{color:Link};
  1017. border-top:1px solid {color:Borders};
  1018. {/block:IfShowInfoOnHover}
  1019. {/block:IndexPage}
  1020. }
  1021.  
  1022. #postinfo a {
  1023. font-size:12px;
  1024. }
  1025.  
  1026. .info {
  1027. height:28px;
  1028. line-height:20px;
  1029. float:center;
  1030. padding-top:5px;
  1031. margin-top:0px;
  1032. margin-bottom:5px;
  1033. font-size:12px;
  1034. width:400px;
  1035. {block:IfThreeColumns}
  1036. width:250px;
  1037. {/block:IfThreeColumns}
  1038. color:{color:Link};
  1039. border-top:1px solid {color:Borders};
  1040. text-transform:lowercase;
  1041. {block:IfShowInfoOnHover}
  1042. border:none;
  1043. {/block:IfShowInfoOnHover}
  1044. {block:PermalinkPage}
  1045. width:400px;
  1046. {/block:PermalinkPage}
  1047. }
  1048.  
  1049. .info i{
  1050. color:{color:Icon};
  1051. }
  1052.  
  1053. /* Like reblog and permalink buttons */
  1054.  
  1055. .plrbuttons {
  1056. float:right;
  1057. margin-top:0px;
  1058. margin-left:200px;
  1059. {block:IfThreeColumns}
  1060. margin-left:150px;
  1061. {/block:IfThreeColumns}
  1062. width:60px;
  1063. z-index:200000;
  1064. list-style: none;
  1065. padding:5px;
  1066. padding-bottom:2px;
  1067. {block:PermalinkPage}
  1068. margin-left:200px;
  1069. {/block:PermalinkPage}
  1070. }
  1071.  
  1072. .plrbuttons i {
  1073. float:left;
  1074. display:inline-block;
  1075. margin-left:5px;
  1076. list-style:none;
  1077. color:#cccccc;
  1078. font-size:15px;
  1079. }
  1080.  
  1081. .plrbuttons li:first-child {
  1082. border-right: 0px solid #e8e8e8;
  1083. }
  1084.  
  1085. /* Tags */
  1086.  
  1087. .tags {
  1088. margin-top:5px;
  1089. margin-bottom:5px;
  1090. display:inline;
  1091. width:100%;
  1092. }
  1093.  
  1094. .tags i{
  1095. float:left;
  1096. color:{color:Icon};
  1097. }
  1098.  
  1099. /*-- PAGINATION --*/
  1100.  
  1101. #pagination {
  1102. margin-top:10px;
  1103. width:900px;
  1104. height:50px;
  1105. line-height:50px;
  1106. background:rgba({select:Menu transparency color}, {select:Menu transparency});
  1107. }
  1108.  
  1109. .jump_page {
  1110. padding: 4px 8px;
  1111. margin-left:2px;
  1112. margin-right:2px;
  1113. color:{color:Link};
  1114. font-size:14px;
  1115. text-decoration:none;
  1116. background:{color:Social icon background};
  1117. border:1px solid {color:Borders};
  1118. }
  1119.  
  1120. .current_page, .jump_page:hover{
  1121. padding: 4px 8px;
  1122. margin-left:2px;
  1123. margin-right:2px;
  1124. color:{color:Hover};
  1125. font-size:14px;
  1126. text-decoration:none;
  1127. background:{color:Social icon background};
  1128. border:1px solid {color:Borders};
  1129. }
  1130.  
  1131. /* INFINITE SCROLL */
  1132.  
  1133. #infscr-loading{
  1134. bottom: -80px;
  1135. position: absolute;
  1136. left: 50%;
  1137. margin-left:-5px;
  1138. width:15px;
  1139. height:10px;
  1140. overflow:hidden;
  1141. }
  1142.  
  1143. /* SCROLL TO TOP */
  1144.  
  1145. #scrollToTop:link,
  1146. #scrollToTop:visited {
  1147. display: none;
  1148. position: fixed;
  1149. bottom: 35px;
  1150. right: 10px;
  1151. }
  1152.  
  1153. /*-- CREDITS --*/
  1154.  
  1155. #credits {
  1156. position:fixed;
  1157. right:10px;
  1158. top:10px;
  1159. z-index:100000;
  1160. }
  1161.  
  1162. #credits img{
  1163. border:1px solid {color:Borders};
  1164. }
  1165.  
  1166. </style>
  1167.  
  1168. <!----------------------------- SCRIPTS ------------------------------->
  1169.  
  1170. <!--Scroll to top-->
  1171.  
  1172. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1173. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1174. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="{text:Scroll to top image url}" title="Go to Top" alt="Go to Top"/></a>
  1175.  
  1176. <!--Fort awesome script-->
  1177.  
  1178. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  1179.  
  1180. <!--Jquery script-->
  1181.  
  1182. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  1183.  
  1184. <!-- Style my tooltips script -->
  1185.  
  1186. <script src="jquery.style-my-tooltips.js"></script>
  1187.  
  1188. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  1189.  
  1190. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1191. <script>
  1192. (function($){
  1193. $(document).ready(function(){
  1194. $("[title]").style_my_tooltips({
  1195. tip_follows_cursor:true,
  1196. tip_delay_time:200,
  1197. tip_fade_speed:300
  1198. }
  1199. );
  1200. });
  1201. })(jQuery);
  1202. </script>
  1203.  
  1204. {block:IndexPage}
  1205. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1206.  
  1207. {block:ifInfiniteScroll}
  1208. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  1209. {/block:ifInfiniteScroll}
  1210.  
  1211. <script type="text/javascript">
  1212. $(window).load(function(){
  1213. var $wall = $('#posts');
  1214. $wall.imagesLoaded(function(){
  1215. $wall.masonry({
  1216. itemSelector: '.entry',
  1217. isAnimated : false
  1218. });
  1219. });
  1220.  
  1221. $wall.infinitescroll({
  1222. navSelector : '#pagination',
  1223. nextSelector : '#pagination a',
  1224. itemSelector : '.entry',
  1225. bufferPx : 2000,
  1226. debug : false,
  1227. errorCallback: function() {
  1228. $('#infscr-loading').fadeOut('normal');
  1229. }},
  1230. function( newElements ) {
  1231. var $newElems = $( newElements );
  1232. $newElems.hide();
  1233. $newElems.imagesLoaded(function(){
  1234. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1235. });
  1236. }); $('#posts').show(500);
  1237. });
  1238. </script>
  1239. {/block:IndexPage}
  1240.  
  1241. <meta charset="utf-8">
  1242. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1243. {block:Description}
  1244. <meta name="description" content="{MetaDescription}" />
  1245. {/block:Description}
  1246. <link rel="shortcut icon" href="{Favicon}">
  1247. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  1248. <meta name="viewport" content="width=device-width, initial-scale=1">
  1249.  
  1250. </head>
  1251.  
  1252. <!------------------------------ HTML ------------------------------->
  1253.  
  1254. <body>
  1255.  
  1256. <div id="menu">
  1257.  
  1258. <div id="linkone"><a href="/">Home</a></div>
  1259. <div id="linktwo"><a href="/ask">Ask</a></div>
  1260. <div id="linkthree"><a href="/submit">Submit</a></div>
  1261. <div id="linkfour"><a href="/archive">Archive</a></div>
  1262. <div id="linkfive"><a href="">Links</a><br>
  1263. <div id="menulinks">
  1264. <a href="{text:Link One url}">{text:Link One}</a><br>
  1265. <a href="{text:Link Two url}">{text:Link Two}</a><br>
  1266. <a href="{text:Link Three url}">{text:Link Three}</a><br>
  1267. <a href="{text:Link Four url}">{text:Link Four}</a><br>
  1268. <a href="{text:Link Five url}">{text:Link Five}</a>
  1269. </div>
  1270. </div>
  1271. <!--End menulinks-->
  1272. <div id="linksix"><a href="/random">Random</a></div>
  1273.  
  1274. </div>
  1275. <!--End menu-->
  1276.  
  1277. <div id="header">
  1278.  
  1279. <div id="blogtitle">
  1280. <div id="avatar">
  1281. <img src="{image:Avatar}">
  1282. </div>
  1283.  
  1284. {Title}
  1285. </div>
  1286. <!--End blogtitle-->
  1287.  
  1288. <div id="description">{Description}</div>
  1289.  
  1290. <div id="searchbox">
  1291. {block:IfShowSearchBox}
  1292. <form action="/search" method="get">
  1293. <input type="text" name="q" value="Search..." style="width:132px; padding-left:10px; height:21px; background:{color:Search box background};border:1px solid {color:Borders}; color:{color:Icon}; font-size: 12px; margin-top:13px; margin-left:3px;"/><span><i class="fa fa-search"></i></span></form><br>
  1294. {/block:IfShowSearchBox}
  1295.  
  1296. {block:IfShowSocialIcons}
  1297. <div id="socialicons">
  1298. {block:IfFacebook}<a href="{text:Facebook url}" target = "_blank"><i class="fa fa-facebook"></i></a>{/block:IfFacebook}
  1299. {block:IfTwitter}<a href="{text:Twitter url}"><i class="fa fa-twitter"></i></a>{/block:IfTwitter}
  1300. {block:IfFlickr}<a href="{text:Flickr url}"><i class="fa fa-flickr"></i></a>{/block:IfFlickr}
  1301. {block:IfPinterest}<a href="{text:Pinterest url}"><i class="fa fa-pinterest"></i></a>{/block:IfPinterest}
  1302. {block:IfDeviantArt}<a href="{text:Deviant Art url}"><i class="fa fa-deviantart"></i></a>{/block:IfDeviantArt}
  1303. </div>
  1304. {/block:IfShowSocialIcons}
  1305.  
  1306. </div>
  1307. <!--End searchbox-->
  1308.  
  1309. </div>
  1310. <!--End header-->
  1311.  
  1312. <div id="container">
  1313.  
  1314. <div id="posts">
  1315.  
  1316. <div class="autopagerize_page_element">
  1317.  
  1318. {block:Posts}
  1319.  
  1320. <div class="entry">
  1321.  
  1322. <!--Hide via and source in captions-->
  1323.  
  1324. <!-- {block:NoRebloggedFrom}
  1325. {block:RebloggedFrom}
  1326. {ReblogParentName}
  1327. {/block:RebloggedFrom}
  1328. {/block:NoRebloggedFrom} -->
  1329.  
  1330. {block:ContentSource}
  1331. <!-- {SourceURL}
  1332. {block:SourceLogo}
  1333. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1334. {/block:SourceLogo}
  1335. {block:NoSourceLogo}
  1336. {SourceLink}
  1337. {/block:NoSourceLogo} -->
  1338. {/block:ContentSource}
  1339.  
  1340. {block:Text}
  1341. {block:Title}
  1342. <a href="{Permalink}">
  1343. <h1>{Title}</h1></a>
  1344. {/block:Title}
  1345. {Body}
  1346. {/block:Text}
  1347.  
  1348. {block:Photo}
  1349. {block:IndexPage}
  1350. {block:ifNotThreeColumns}
  1351. <a href="{Permalink}">
  1352. <img src="{PhotoURL-400}"
  1353. width="400"/></a>
  1354. {/block:ifNotThreeColumns}
  1355. {block:ifThreeColumns}
  1356. <a href="{Permalink}">
  1357. <img src="{PhotoURL-250}"
  1358. width="250"/></a>
  1359. {/block:ifThreeColumns}
  1360. {/block:IndexPage}
  1361. {block:PermalinkPage}
  1362. <img src="{PhotoURL-400}"
  1363. width="400"/></a>
  1364. {/block:PermalinkPage}
  1365. {/block:Photo}
  1366.  
  1367. {block:Photoset}
  1368. {block:IndexPage}
  1369. {block:ifNotThreeColumns}
  1370. {Photoset-400}
  1371. {/block:ifNotThreeColumns}
  1372. {block:ifThreeColumns}
  1373. {Photoset-250}
  1374. {/block:ifThreeColumns}
  1375. {/block:IndexPage}
  1376. {block:PermalinkPage}
  1377. {Photoset-400}
  1378. {/block:PermalinkPage}
  1379. {/block:Photoset}
  1380.  
  1381.  
  1382. {block:Quote}
  1383. <div class="quote">
  1384. "{Quote}"
  1385. {block:Source}
  1386. <div class="source">-{Source}
  1387. </div>{/block:Source}</div>
  1388. {/block:Quote}
  1389.  
  1390. {block:Link}
  1391. <a href="{URL}"
  1392. class="linkpost"
  1393. target="_blank">
  1394. <h1><i class="fa fa-link"></i>
  1395. {Name} &raquo;</h1></a>
  1396. {block:Description}
  1397. {Description}
  1398. {/block:Description}
  1399. {/block:Link}
  1400.  
  1401. {block:Chat}
  1402. <div class="chat">
  1403. {block:Lines}
  1404. <li class="{Alt}">
  1405. {block:Label}<b>{Label}</b>{/block:Label}
  1406. {Line}
  1407. </li>
  1408. {/block:Lines}
  1409. </div>
  1410. {/block:Chat}
  1411.  
  1412. {block:Audio}
  1413. <div id="audiocon">
  1414. <div class="audio">
  1415. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  1416. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  1417. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  1418. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}<br></div>
  1419. <div class="album">
  1420. {block:AlbumArt}
  1421. <img src="{AlbumArtURL}">
  1422. {/block:AlbumArt}
  1423. <div class="play">
  1424. {AudioPlayerWhite}
  1425. </div>
  1426. </div>
  1427. </div>
  1428. {/block:Audio}
  1429.  
  1430. {block:Video}
  1431. {block:IndexPage}
  1432. {block:ifNotThreeColumns}
  1433. {Video-400}
  1434. {/block:ifNotThreeColumns}
  1435. {block:ifThreeColumns}
  1436. {Video-250}
  1437. {/block:ifThreeColumns}
  1438. {/block:IndexPage}
  1439. {block:PermalinkPage}
  1440. {Video-400}
  1441. {/block:PermalinkPage}
  1442. {/block:Video}
  1443.  
  1444. {block:Answer}
  1445. <div class="bubble">
  1446. <div class="asker">
  1447. <img src="{AskerPortraitURL-48}">
  1448. </div>
  1449. <span></span>{Asker}:
  1450. {Question}</div>
  1451. {Answer}
  1452. {/block:Answer}
  1453.  
  1454. {block:IndexPage}
  1455. {block:ifShowCaptions}
  1456. {block:Caption}
  1457. <h2>{Caption}</h2>
  1458. {/block:Caption}
  1459. {/block:ifShowCaptions}
  1460. {/block:IndexPage}
  1461.  
  1462. {block:Date}
  1463. <div id="postinfo">
  1464.  
  1465. <div class="info">
  1466.  
  1467. <i class="fa fa-clock-o"></i>
  1468. {ShortMonth} {DayOfMonthWithZero}
  1469. {block:NoteCount}
  1470. <i class="fa fa-heart-o"></i>
  1471. {NoteCount}
  1472. {/block:NoteCount}
  1473.  
  1474. {block:RebloggedFrom}
  1475. <i>//</i>
  1476. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a>
  1477. {/block:RebloggedFrom}
  1478. {block:RebloggedFrom}
  1479. <i>//</i>
  1480. <a href="{ReblogRootURL}" title="Source: {ReblogRootName}">src</a>
  1481. {/block:RebloggedFrom}
  1482.  
  1483. <div class="plrbuttons">
  1484. {block:IndexPage}
  1485. <a href="{Permalink}">
  1486. <i class="fa fa-external-link"></i></a>
  1487. {/block:IndexPage}
  1488. <i>{LikeButton size="15"}</i>
  1489. <i>{ReblogButton size="15"}</i>
  1490. </div>
  1491.  
  1492. </div>
  1493. <!--End info -->
  1494.  
  1495. {block:IndexPage}
  1496. {block:ifShowTags}
  1497. {block:HasTags}
  1498. {block:Tags}
  1499. <a href="{TagURL}">
  1500. <i class="fa fa-tag"> {Tag}</i></a>
  1501. {/block:Tags}
  1502. {/block:HasTags}
  1503. {/block:ifShowTags}
  1504. {/block:IndexPage}
  1505. {block:PermalinkPage}
  1506. {block:HasTags}
  1507. {block:Tags}
  1508. <a href="{TagURL}">
  1509. <i class="fa fa-tag"> {Tag}</i></a> &nbsp;
  1510. {/block:Tags}
  1511. {/block:HasTags}
  1512. {/block:PermalinkPage}
  1513.  
  1514. </div>
  1515. <!--End post info-->
  1516. {/block:Date}
  1517.  
  1518. <!-- Permalink page -->
  1519. {block:PermalinkPage}
  1520. <div class="notes">
  1521.  
  1522. {block:PermalinkPagination}
  1523. <center><br>
  1524. {block:PreviousPost}
  1525. <a href="{PreviousPost}"> &laquo; Previous Post – </a>
  1526. {/block:PreviousPost}
  1527.  
  1528. {block:NextPost}
  1529. <a href="{NextPost}">Next Post &raquo;</a>
  1530. {/block:NextPost}
  1531. </center>
  1532. {/block:PermalinkPagination} <br>
  1533.  
  1534. {block:PostNotes}
  1535. {PostNotes}
  1536. {/block:PostNotes}
  1537. </div>
  1538.  
  1539. {/block:PermalinkPage}
  1540.  
  1541. </div>
  1542. <!--End entry-->
  1543.  
  1544. {/block:Posts}
  1545.  
  1546. </div>
  1547. <!-- End autopagerize-page-element -->
  1548.  
  1549. </div>
  1550. <!--End posts-->
  1551.  
  1552. </div>
  1553. <!--End container-->
  1554.  
  1555. {block:ifNotInfiniteScroll}
  1556. <center>
  1557. {block:Pagination}
  1558. <div id="pagination">
  1559. {block:PreviousPage}
  1560. <span class="jump_page">
  1561. <a href="{PreviousPage}">«</a></span>
  1562. {/block:PreviousPage}
  1563. {block:JumpPagination length="4"}
  1564. {block:CurrentPage}
  1565. <span class="current_page">
  1566. {PageNumber}</span>
  1567. {/block:CurrentPage}
  1568. {block:JumpPage}
  1569. <span class="jump_page"><a href="{URL}">{PageNumber}</a></span>
  1570. {/block:JumpPage}
  1571. {/block:JumpPagination}
  1572. {block:NextPage}
  1573. <span class="current_page">
  1574. <a href="{NextPage}">»</a></span>
  1575. {/block:NextPage}
  1576. </div>
  1577. {/block:Pagination}
  1578. </center><br>
  1579. {/block:ifNotInfiniteScroll}
  1580.  
  1581. <!--Credit (do not remove)-->
  1582.  
  1583. <a href="http://borntobewildthemes.tumblr.com"><div id="credits" title="theme URBAN ELEGANCE by borntobewildthemes">
  1584. <img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1585.  
  1586. </body>
  1587.  
  1588. </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!