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

- Minimal vol. 2-

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