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

- Voltaire vol.2 -

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