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

Vintage theme

b0rn-to-be-wild
Mar 18th, 2014
1,346
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.30 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!----
  6.  
  7. © borntobewildthemes.tumblr.com | "Vintage"
  8.  
  9. + Please do not redistribute this theme or remove credits.
  10. + You are allowed to make changes as long as you keep our credits.
  11. + If you have any questions or concerns, just contact us.
  12. + Thanks for using our theme! We hope that you enjoy it!
  13.  
  14. ---->
  15.  
  16. <html>
  17.  
  18. <head>
  19.  
  20. <!--Google fonts-->
  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=Rouge+Script' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  31.  
  32. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  33.  
  34. <meta name="viewport" content="width=device-width, initial-scale=1">
  35.  
  36. <!--DEFAULT VARIABLES-->
  37.  
  38. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  39.  
  40. <meta name="image:Avatar" content="1"/>
  41. <meta name="image:Background" content="1"/>
  42.  
  43. <meta name="color:Background" content="#fff"/>
  44. <meta name="color:Blog Title" content="#000"/>
  45. <meta name="color:Description" content="#000"/>
  46. <meta name="color:Text" content="#333"/>
  47. <meta name="color:Link" content="#834533"/>
  48. <meta name="color:Icon" content="#000"/>
  49. <meta name="color:Hover" content="#fff"/>
  50. <meta name="color:Borders" content="#000"/>
  51. <meta name="color:Bold" content="#333"/>
  52. <meta name="color:Italic" content="#834533"/>
  53.  
  54. <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
  55. <meta name="select:Title Font" content="Rouge Script" title="Rouge Script">
  56. <meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
  57. <meta name="select:Title Font" content="The Girl Next Door" title="The Girl Next Door">
  58. <meta name="select:Title Font" content="Alex Brush" title="Alex Brush">
  59.  
  60. <meta name="select:Title font size" content="22px" title="22px">
  61. <meta name="select:Title font size" content="25px" title="25px">
  62. <meta name="select:Title font size" content="28px" title="28px">
  63. <meta name="select:Title font size" content="30px" title="30px">
  64. <meta name="select:Title font size" content="33px" title="33px">
  65.  
  66. <meta name="select:Blog title font size" content="40px" title="40px">
  67. <meta name="select:Blog title font size" content="43px" title="43px">
  68. <meta name="select:Blog title font size" content="45px" title="45px">
  69. <meta name="select:Blog title font size" content="50px" title="50px">
  70. <meta name="select:Blog title font size" content="55px" title="55px">
  71.  
  72. <meta name="select:Description Font" content="Great Vibes" title="Great Vibes">
  73. <meta name="select:Description Font" content="Rouge Script" title="Rouge Script">
  74. <meta name="select:Description Font" content="Clicker Script" title="Clicker Script">
  75. <meta name="select:Description Font" content="The Girl Next Door" title="The Girl Next Door">
  76. <meta name="select:Description Font" content="Alex Brush" title="Alex Brush">
  77. <meta name="select:Description font size" content="22px" title="22px">
  78. <meta name="select:Description font size" content="25px" title="25px">
  79. <meta name="select:Description font size" content="28px" title="28px">
  80. <meta name="select:Description font size" content="30px" title="30px">
  81. <meta name="select:Description font size" content="33px" title="33px">
  82.  
  83. <meta name="select:Link Font" content="Great Vibes" title="Great Vibes">
  84. <meta name="select:Link Font" content="Rouge Script" title="Rouge Script">
  85. <meta name="select:Link Font" content="Clicker Script" title="Clicker Script">
  86. <meta name="select:Link Font" content="The Girl Next Door" title="The Girl Next Door">
  87. <meta name="select:Link Font" content="Alex Brush" title="Alex Brush">
  88.  
  89. <meta name="font:Body font" content="Helvetica"/>
  90.  
  91. <meta name="select:Body font size" content="12px" title="12px">
  92. <meta name="select:Body font size" content="13px" title="13px">
  93. <meta name="select:Body font size" content="14px" title="14px">
  94. <meta name="select:Body font size" content="15px" title="15px">
  95. <meta name="select:Body font size" content="16px" title="16px">
  96.  
  97. <meta name="if:Custom Cursor" content="1" />
  98. <meta name="if:Show Search" content="1" />
  99. <meta name="if:Show Captions" content="1" />
  100. <meta name="if:Show Tags" content="1" />
  101.  
  102. <meta name="text:Link 1" content="Link 1"/>
  103. <meta name="text:Link 2" content="Link 2"/>
  104. <meta name="text:Link 3" content="Link 3"/>
  105. <meta name="text:Link 4" content="Link 4"/>
  106. <meta name="text:Link 5" content="Link 5"/>
  107.  
  108. <meta name="text:Link 1 url" content="http://"/>
  109. <meta name="text:Link 2 url" content="http://"/>
  110. <meta name="text:Link 3 url" content="http://"/>
  111. <meta name="text:Link 4 url" content="http://"/>
  112. <meta name="text:Link 5 url" content="http://"/>
  113.  
  114. <meta name="text:Link one" content="Link one"/>
  115. <meta name="text:Link two" content="Link two"/>
  116. <meta name="text:Link three" content="Link three"/>
  117. <meta name="text:Link four" content="Link four"/>
  118.  
  119. <meta name="text:link one url" content="http://"/>
  120. <meta name="text:link two url" content="http://"/>
  121. <meta name="text:link three url" content="http://"/>
  122. <meta name="text:link four url" content="http://"/>
  123.  
  124. <style type="text/css">
  125.  
  126. /* ---------------------------- GENERAL ----------------------------- */
  127.  
  128. /* -------- BASICS ------- */
  129.  
  130. body {
  131. margin:0;
  132. padding:0;
  133. width:100%;
  134. height:100%;
  135. color:{color:Text};
  136. font-family:{font:Body font};
  137. font-size:{select:Body font size};
  138. line-height: -moz-calc({select:Body font size} + 3px);
  139. line-height: -webkit-calc({select:Body font size} + 3px);
  140. line-height: -o-calc({select:Body font size} + 3px);
  141. line-height: calc({select:Body font size} + 3px);
  142. background-color: {color:Background};
  143. background-image:url({image:Background});
  144. background-attachment: fixed;
  145. background-repeat: repeat;
  146. overflow:hidden;
  147. }
  148.  
  149. /* Paragraph */
  150.  
  151. p {margin-top:5px; margin-bottom:5px;}
  152.  
  153. <--ses-->
  154. small{font-size: 90%;}
  155.  
  156. big{font-size: 110%;}
  157.  
  158. /* Title */
  159.  
  160. h1{
  161. color:{color:Title};
  162. font-family:{select:Title Font};
  163. font-size:{select:Title font size};
  164. line-height: -moz-calc({select:Title font size} + 3px);
  165. line-height: -webkit-calc({select:Title font size} + 3px);
  166. line-height: -o-calc({select:Title font size} + 3px);
  167. line-height: calc({select:Title font size} + 3px);
  168. border-bottom:1px solid {color:Borders};
  169. }
  170.  
  171. /* Captions */
  172.  
  173. h2{
  174. font-family:{font:Body font};
  175. font-size:{select:Body font size};
  176. line-height: -moz-calc({select:Body font size} + 3px);
  177. line-height: -webkit-calc({select:Body font size} + 3px);
  178. line-height: -o-calc({select:Body font size} + 3px);
  179. line-height: calc({select:Body font size} + 3px);
  180. font-weight:normal;
  181. }
  182.  
  183. /* Links */
  184.  
  185. a:link, a:active, a:visited{
  186. -webkit-transition: all .7s ease;
  187. -moz-transition: all .7s ease;
  188. -o-transition: all .7s ease;
  189. transition: all .7s ease;
  190. color:{color:Link};
  191. text-decoration:none;
  192. }
  193.  
  194. a:hover, .clickme:hover {
  195. color:{color:Hover};
  196. -webkit-transition: all 0.8s ease-in-out;
  197. -moz-transition: all 0.8s ease-in-out;
  198. -o-transition: all 0.8s ease-in-out;
  199. -ms-transition: all 0.8s ease-in-out;
  200. transition: all 0.8s ease-in-out;
  201. }
  202.  
  203. a img{border: 0px;}
  204.  
  205. ul, ol, li{ margin:5px 10px; padding:0px;}
  206.  
  207. /* Bold and italic */
  208.  
  209. b, strong {color:{color:Bold};}
  210. i, em {color:{color:Italic};}
  211.  
  212. /* Blockquote */
  213.  
  214. blockquote{
  215. padding:0px 0px 2px 5px;
  216. margin:0px 0px 2px 10px;
  217. border-left: 1px solid {color:Borders};
  218. }
  219.  
  220. /* Text selection */
  221.  
  222. ::-moz-selection {
  223. background: {color:Borders};
  224. color: {color:Scrollbar};
  225. }
  226.  
  227. ::selection {
  228. background: {color:Borders};
  229. color: {color:Scrollbar};
  230. }
  231.  
  232. /* Webkit scrollbar */
  233.  
  234. ::-webkit-scrollbar-thumb {
  235. height: auto;
  236. background-image:url('http://i58.tinypic.com/idgbi9.png');
  237. }
  238.  
  239. ::-webkit-scrollbar {
  240. width:20px;
  241. height: auto;
  242. background-image:url('http://i58.tinypic.com/10z1xds.png');
  243. background-size:cover;
  244. }
  245.  
  246. /* Tooltips */
  247.  
  248. #s-m-t-tooltip {
  249. max-width:300px;
  250. z-index:10000000;
  251. margin:24px 14px 7px 12px;
  252. padding:8px;
  253. color:{color:Link};
  254. background:rgba({select:Post transparency color}, {select:Post transparency});
  255. border:1px solid {color:Borders};
  256. font-size:13px;
  257. line-height:16px;
  258. }
  259.  
  260. /* Post notes style */
  261.  
  262. .notes img{
  263. max-width:15px;
  264. max-height:15px;
  265. position:relative;
  266. top:3px;
  267. margin-right:5px;
  268. border:1px solid {color:Borders};
  269. border-radius:60px;
  270. }
  271.  
  272. .notes li{
  273. list-style:none;
  274. }
  275.  
  276. .notes i{
  277. color:{color:Icon};
  278. }
  279.  
  280. /* Cursor code */
  281.  
  282. {block:IfCustomCursor}
  283. body, a:hover {
  284. cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur237.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur237.png), progress !important;}
  285. {/block:IfCustomCursor}
  286.  
  287. /* -------- POSTS AND ENTRIES ------- */
  288.  
  289. #container{
  290. width:560px;
  291. height:370px;
  292. margin-top:-90px;
  293. margin-left:auto;
  294. margin-right:auto;
  295. position:static;
  296. border-top:5px double {color:Borders};
  297. border-bottom:5px double {color:Borders};
  298. padding:20px;
  299. padding-top:60px;
  300. padding-bottom:50px;
  301. overflow:auto;
  302. overflow-x:hidden;
  303. }
  304.  
  305. #entry {
  306. float:left;
  307. display: block;
  308. margin:15px;
  309. overflow:hidden;
  310. width:500px;
  311. padding:5px;
  312. padding-bottom:10px;
  313. border:5px double {color:Borders};
  314. }
  315.  
  316. #entry p img, #entry blockquote img { max-width: 100%; }
  317.  
  318.  
  319. /* -------- HEADER ------- */
  320.  
  321. .header{
  322. margin-left:auto;
  323. margin-right:auto;
  324. width:862px;
  325. height:200px;
  326. background:url('http://i43.tinypic.com/14udjso.jpg');
  327. z-index:100000;
  328. }
  329.  
  330. #blogtitle{
  331. margin-left:0px;
  332. margin-top:10px;
  333. text-align:center;
  334. font-family:{select:Title Font};
  335. font-size:{select:Blog title font size};
  336. color:{color:Blog Title};
  337. line-height: -moz-calc({select:Blog title font size} + 3px);
  338. line-height: -webkit-calc({select:Blog title font size} + 3px);
  339. line-height: -o-calc({select:Blog title font size} + 3px);
  340. line-height: calc({select:Blog title font size} + 3px);
  341. letter-spacing:2px;
  342. width:540px;
  343. }
  344.  
  345. /* -------- LEFT SIDEBAR ------- */
  346.  
  347. #sidebar{
  348. position:fixed; !important;
  349. width:160px;
  350. z-index:99999;
  351. height:100%;
  352. padding:10px;
  353. border-top:5px double {color:Borders};
  354. border-right:5px double {color:Borders};
  355. margin-top:-65px;
  356. margin-left:-205px;
  357. }
  358.  
  359. /* Avatar */
  360.  
  361. #avatar {
  362. margin-top:0px;
  363. margin-left:-30px;
  364. width:190px;
  365. height:190px;
  366. background:url('http://i41.tinypic.com/21n4048.jpg');
  367. }
  368.  
  369. #avatar img {
  370. margin:30px;
  371. width:140px;
  372. height:140px;
  373. border-radius:160px;
  374. text-align:center;
  375. }
  376.  
  377. /* Main icons */
  378.  
  379. #icons{
  380. width:170px;
  381. margin-top:10px;
  382. }
  383.  
  384. #icons i{
  385. color:{color:Icon};
  386. border:1px solid {color:Borders};
  387. border-radius:100%;
  388. padding:5px;
  389. margin-left:5px;
  390. margin-right:2px;
  391. font-size:12px;
  392. }
  393.  
  394. #icons i:hover{
  395. background:{color:Borders};
  396. color:{color:Hover};
  397. }
  398.  
  399. /* Left links */
  400.  
  401. #navigation1{
  402. margin-top:10px;
  403. height:auto;
  404. margin-left:-20px;
  405. }
  406.  
  407. #navigation1 a{
  408. display:block;
  409. min-width:165px;
  410. width:165px;
  411. background-image:url('http://www.i2clipart.com/cliparts/c/4/9/1/clipart-showcard-border-c491.png');
  412. font-family:{select:Link Font};
  413. height:30px;
  414. padding:2px;
  415. margin-top:7px;
  416. font-size:20px;
  417. line-height:18px;
  418. }
  419.  
  420. #navigation1 a:hover{
  421. color:{color:Hover};
  422. -webkit-transition: all .7s ease-in-out;
  423. -moz-transition: all .7s ease-in-out;
  424. -o-transition: all .7s ease-in-out;
  425. transition: all .7s ease-in-out;
  426.  
  427. }
  428.  
  429. /* Pagination */
  430.  
  431. .pagination {
  432. margin-top:10px;
  433. }
  434.  
  435. .pagination a{
  436. font-family:{select:Title Font};
  437. font-size:17px;
  438. font-weight:bold;
  439. letter-spacing:3px;
  440. }
  441.  
  442. /* -------- RIGHT SIDEBAR ------- */
  443.  
  444. #sidebar2{
  445. position:fixed;
  446. width:170px;
  447. height:100%;
  448. overflow:auto;
  449. padding-left:5px;
  450. top:110px;
  451. margin-left:580px;
  452. z-index:15;
  453. font-family:{select:Description Font};
  454. font-size:20px;
  455. border-left:5px double {color:Borders};
  456. border-top:5px double {color:Borders};
  457. }
  458.  
  459. /* Description */
  460.  
  461. .description{
  462. margin-left:10px;
  463. width:150px;
  464. max-height:250px;
  465. overflow-y:auto;
  466. text-align:center;
  467. color:{color:Description};
  468. font-family:{select:Description Font};
  469. font-size:{select:Description font size};
  470. line-height: -moz-calc({select:Description font size} + 3px);
  471. line-height: -webkit-calc({select:Description font size} + 3px);
  472. line-height: -o-calc({select:Description font size} + 3px);
  473. line-height: calc({select:Description font size} + 3px);
  474. }
  475.  
  476. /* Right links */
  477.  
  478. #navigation{
  479. height:110px;
  480. margin-left:2px;
  481. }
  482.  
  483. #link1{
  484. position:fixed;
  485. width:75px;
  486. background-image:url('http://i61.tinypic.com/eis685.jpg');
  487. margin-left:3px;
  488. height:40px;
  489. margin-top:20px;
  490. font-size:22px;
  491. line-height:40px;
  492. z-index:20;
  493. text-align:center;
  494. }
  495.  
  496. #link2{
  497. position:fixed;
  498. width:75px;
  499. background-image:url('http://i61.tinypic.com/eis685.jpg');
  500. margin-left:85px;
  501. height:40px;
  502. margin-top:20px;
  503. font-size:22px;
  504. line-height:40px;
  505. z-index:20;
  506. text-align:center;
  507. }
  508.  
  509. #link3{
  510. position:fixed;
  511. width:75px;
  512. background-image:url('http://i61.tinypic.com/eis685.jpg');
  513. margin-left:3px;
  514. height:40px;
  515. margin-top:70px;
  516. font-size:22px;
  517. line-height:40px;
  518. z-index:20;
  519. text-align:center;
  520. }
  521.  
  522. #link4{
  523. position:fixed;
  524. width:75px;
  525. background-image:url('http://i61.tinypic.com/eis685.jpg');
  526. margin-left:85px;
  527. height:40px;;
  528. margin-top:70px;
  529. font-size:22px;
  530. line-height:40px;
  531. z-index:20;
  532. text-align:center;
  533. }
  534.  
  535. #link1:hover, #link2:hover, #link3:hover, #link4:hover{
  536. background: {color:Borders};
  537. -webkit-transition: all .7s ease-in-out;
  538. -moz-transition: all .7s ease-in-out;
  539. -o-transition: all .7s ease-in-out;
  540. transition: all .7s ease-in-out;
  541. }
  542.  
  543. #link1 i, #link2 i, #link3 i, #link4 i{
  544. color:{color:Icon};
  545. font-size:15px;
  546. }
  547.  
  548. #link1:hover i, #link2:hover i, #link3:hover i, #link4:hover i{
  549. color:{color:Hover};
  550. -webkit-transition: all .7s ease-in-out;
  551. -moz-transition: all .7s ease-in-out;
  552. -o-transition: all .7s ease-in-out;
  553. transition: all .7s ease-in-out;
  554. }
  555.  
  556. .search i{
  557. position:absolute;
  558. margin-top:-22px;
  559. margin-left:143px;
  560. color:{color:Icon};
  561. font-size:15px;
  562. }
  563.  
  564. /* ----------------------- POST STYLES ----------------------------- */
  565.  
  566. /* Quote posts */
  567.  
  568. .quote {
  569. font-family:{select:Title Font};
  570. font-size:{select:Title font size};
  571. line-height:130%;
  572. color:{color:Italic};
  573. height:auto;
  574. margin:10px;
  575. padding:5px;
  576. text-align:center;
  577. letter-spacing:1px;
  578. }
  579.  
  580. .source {
  581. font-family:{font:Body font};
  582. font-size:{select:Body font size};
  583. line-height:130%;
  584. height:auto;
  585. margin-top:10px;
  586. margin-left:10px;
  587. margin-right:10px;
  588. margin-bottom:5px;
  589. padding:5px;
  590. text-align:right;
  591. letter-spacing:1px;
  592. }
  593.  
  594. /* Link posts */
  595.  
  596. #linktitle{
  597. font-family:{select:Title Font};
  598. font-size:{select:Title font size};
  599. line-height:130%;
  600. width:96%;
  601. padding:2%;
  602. border:1px solid {color:Borders};
  603. }
  604.  
  605. #linktitle a{
  606. color:{color:Link};
  607. }
  608.  
  609. #linktitle i{
  610. color:{color:Icon};
  611. }
  612.  
  613. /* Chat posts */
  614.  
  615. .chat .line {
  616. color: {color:Text};
  617. padding:2px;
  618. }
  619.  
  620. .label {
  621. color:{color:Bold};
  622. font-size:22px;
  623. font-family:{select:Title Font};
  624. padding-right:2px;
  625. }
  626.  
  627. /* Audio posts */
  628.  
  629. #audiocon{
  630. width:100%;
  631. height:auto;
  632. min-height:75px;
  633. overflow:hidden;
  634. margin-bottom:10px;
  635. }
  636.  
  637. .album{
  638. width:65px;
  639. height:65px;
  640. background-image:url(http://i61.tinypic.com/s6k3zb.jpg);
  641. border: 5px solid {color:Borders};
  642. }
  643.  
  644. .album img{
  645. max-width:65px;
  646. margin-left:0px;
  647. float:left;
  648. margin-top:0px;
  649. z-index:10;
  650. }
  651.  
  652. .audio{
  653. position:absolute;
  654. max-width:325px;
  655. margin-left:80px;
  656. float:left;
  657. margin-top:0;
  658. z-index:10;
  659. font-size:12px;
  660. overflow:hidden;
  661. }
  662.  
  663. .audio i{
  664. color:{color:Icon};
  665. border:1px solid {color:Borders};
  666. padding:2px;
  667. width:12px;
  668. height:12px;
  669. font-size:12px;
  670. margin-bottom:1px;
  671. text-align:center;
  672. }
  673.  
  674. .play{
  675. position:absolute;
  676. margin:20px;
  677. max-width:25px;
  678. max-height:25px;
  679. overflow:hidden;
  680. opacity:0.8;
  681. }
  682.  
  683. /* Ask Posts */
  684.  
  685. .bubble {
  686. position: relative;
  687. height:auto;
  688. margin:5px;
  689. padding:5px;
  690. border: 1px solid {color:Borders};
  691. z-index:1;
  692. min-height:50px;
  693. }
  694.  
  695. .asker img {
  696. float:left;
  697. border:1px solid {color:Borders};
  698. margin-right:5px;
  699. z-index:100;
  700. border-radius:100%;
  701. }
  702.  
  703.  
  704. /* ----------------------- POST INFO ----------------------------- */
  705.  
  706. .info {
  707. float:center;
  708. padding-top:20px;
  709. font-size:13px;
  710. line-height:13px;
  711. width:500px;
  712. background-image:url('http://i58.tinypic.com/a1onx0.png');
  713. background-repeat:no-repeat;
  714. color:{color:Link};
  715. text-transform:lowercase;
  716. }
  717.  
  718. .info i{
  719. color:{color:Icon};
  720. }
  721.  
  722. .info a {
  723. font-size:15px; }
  724.  
  725. .info a:hover {
  726. {color:Hover}
  727. transition-duration: 0.6s;
  728. -moz-transition-duration: 0.6s;
  729. -webkit-transition-duration: 0.6s;}
  730.  
  731. /* Like reblog and permalink buttons */
  732.  
  733. .plrbuttons {
  734. float:right;
  735. margin-left:300px;
  736. margin-top:-22px;
  737. z-index:200000;
  738. list-style: none;
  739. padding:5px;
  740. padding-bottom:2px;
  741. }
  742.  
  743. .plrbuttons i {
  744. float:left;
  745. display:inline-block;
  746. margin-left:5px;
  747. list-style:none;
  748. color:#000;
  749. font-size:20px;
  750. }
  751.  
  752. .plrbuttons li:first-child {
  753. border-right: 0px solid #e8e8e8;
  754. }
  755.  
  756. /* Tags */
  757.  
  758. .tags {
  759. margin-top:5px;
  760. display:inline;
  761. width:100%;
  762. }
  763.  
  764. .tags i{
  765. color:{color:Icon};
  766. display:inline;
  767. }
  768.  
  769.  
  770.  
  771. /* Credits */
  772.  
  773. #credits {
  774. position:fixed;
  775. right:10px;
  776. top:40px;
  777. z-index:100000;
  778. }
  779.  
  780. #credits img{
  781. border:3px solid {color:Borders};
  782. }
  783.  
  784. /* ------------------------ CUSTOM CSS ----------------------------- */
  785.  
  786. {CustomCSS}
  787.  
  788. </style>
  789.  
  790. <script type="text/javascript"
  791. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  792.  
  793. <!--Style my tooltips-->
  794.  
  795. <script type="text/javascript"
  796. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  797.  
  798. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  799. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  800. <script src="jquery.style-my-tooltips.js"></script>
  801.  
  802. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  803.  
  804. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  805. <script>
  806. (function($){
  807. $(document).ready(function(){
  808. $("[title]").style_my_tooltips({
  809. tip_follows_cursor:true,
  810. tip_delay_time:200,
  811. tip_fade_speed:300
  812. }
  813. );
  814. });
  815. })(jQuery);
  816. </script>
  817.  
  818. <meta charset="utf-8">
  819. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  820. {block:Description}
  821. <meta name="description" content="{MetaDescription}" />
  822. {/block:Description}
  823. <link rel="shortcut icon" href="{Favicon}">
  824. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  825.  
  826. </head>
  827.  
  828. <body>
  829.  
  830. <div class="header"></div>
  831.  
  832. <div id="container">
  833.  
  834. <div id="sidebar">
  835.  
  836. <div id="avatar"><img src="{image:Avatar}"></div>
  837.  
  838. <div id="icons">
  839. <a href="/"><span><i class="fa fa-home"></i></a>
  840. <a href="/ask"><i class="fa fa-envelope"></i></a>
  841. <a href="/submit"><i class="fa fa-pencil"></i></a>
  842. <a href="/archive"><i class="fa fa-clock-o"></i></a>
  843. </div>
  844.  
  845. <div id="navigation1">
  846. <a href="{text:Link 1 url}">{text:Link 1}</a>
  847. <a href="{text:Link 2 url}">{text:Link 2}</a>
  848. <a href="{text:Link 3 url}">{text:Link 3}</a>
  849. <a href="{text:Link 4 url}">{text:Link 4}</a>
  850. <a href="{text:Link 5 url}">{text:Link 5}</a>
  851. </div>
  852.  
  853. <center>
  854. <div class="pagination">
  855. {block:Pagination}
  856. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  857. {block:JumpPagination length="4"}
  858. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  859. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  860. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  861. {/block:Pagination}
  862. </div>
  863. </center>
  864.  
  865. </div>
  866.  
  867. <!--End sidebar-->
  868.  
  869. <div id="sidebar2">
  870.  
  871. <div id="navigation">
  872. <div id="link1"><a href="{text:Link one url}" Title="{text:Link one}"><i class="fa fa-heart-o"></i></a></div>
  873. <div id="link2"><a href="{text:Link two url}" Title="{text:Link two}"><i class="fa fa-heart-o"></i></a></div>
  874. <div id="link3"><a href="{text:Link three url}" Title="{text:Link three}"><i class="fa fa-heart-o"></i></a></div>
  875. <div id="link4"><a href="{text:Link four url}" Title="{text:Link four}"><i class="fa fa-heart-o"></i></a></div>
  876. </div>
  877.  
  878. <center><br><img src="http://i57.tinypic.com/ml496w.png"></center>
  879.  
  880. <div class="description">
  881. {description}
  882. </div>
  883.  
  884. <center><img src="http://i60.tinypic.com/15f68mb.png"></center>
  885.  
  886. {block:IfShowSearch}
  887. <div class="search">
  888. <form action="/search" method="get">
  889. <input type="text" name="q" value="Search..." style="width:147px; padding-left:10px; height:25px; border:1.5px solid #000; background:transparent; color:{color:Link}; font-size: 15px; margin-top:10px; margin-left:5px;"/></form><i class="fa fa-search"></i>
  890. </div>
  891. {/block:IfShowSearch}
  892.  
  893. </div>
  894.  
  895. <!--End sidebar2-->
  896.  
  897. <div id="blogtitle">{Title}</div>
  898.  
  899. {block:Posts}
  900. <div id="entry">
  901.  
  902. <!--Hide via and source in captions-->
  903.  
  904. <!-- {block:NoRebloggedFrom}
  905. {block:RebloggedFrom}
  906. {ReblogParentName}
  907. {/block:RebloggedFrom}
  908. {/block:NoRebloggedFrom} -->
  909.  
  910. {block:ContentSource}
  911. <!-- {SourceURL}
  912. {block:SourceLogo}
  913. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  914. {/block:SourceLogo}
  915. {block:NoSourceLogo}
  916. {SourceLink}
  917. {/block:NoSourceLogo} -->
  918. {/block:ContentSource}
  919.  
  920. <!--Text post-->
  921. {block:Text}
  922. {block:Title}
  923. <a href="{Permalink}">
  924. <h1>{Title}</h1></a>
  925. {/block:Title}
  926. {Body}
  927. {/block:Text}
  928.  
  929. <!--Photo post-->
  930. {block:Photo}
  931. <a href="{permalink}">
  932. <img src="{PhotoURL-500}"
  933. alt="{PhotoAlt}" width="500"/>
  934. {/block:Photo}
  935.  
  936. <!--Photoset post-->
  937. {block:Photoset}
  938. {Photoset-500}
  939. {/block:Photoset}
  940.  
  941. <!--Quote post-->
  942. {block:Quote}
  943. <div class="quote">
  944. "{Quote}"
  945. {block:Source}
  946. <div class="source">-{Source}
  947. </div>{/block:Source}</div>
  948. {/block:Quote}
  949.  
  950. <!--Link post-->
  951. {block:Link}
  952. <div id="linktitle">
  953. <a href="{URL}" class="linkpost" target="_blank">{Name}
  954. <i class="fa fa-angle-double-right"></i>
  955. </a></div>
  956. {block:Description}
  957. <p>{Description}
  958. {/block:Description}
  959. {/block:Link}
  960.  
  961. <!--Chat post-->
  962. {block:Chat}
  963. {block:Title}<h1>{Title}</h1>{/block:Title}
  964. <div class="chat">
  965. {block:Lines}<div class="chat"><div class="line {Alt}">
  966. <div class="{Alt} user_{UserNumber}">
  967. {block:Label}
  968. <span class="label">{Label}</span>
  969. {/block:Label}
  970. {Line}</div>
  971. </div></div>
  972. {/block:Lines}
  973. </div>
  974. {/block:Chat}
  975.  
  976. <!--Audio post-->
  977. {block:Audio}
  978. <div id="audiocon">
  979. <div class="audio">
  980. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  981. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  982. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  983. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}<br></div>
  984. <div class="album">
  985. {block:AlbumArt}
  986. <img src="{AlbumArtURL}">
  987. {/block:AlbumArt}
  988. <div class="play">
  989. {AudioPlayerWhite}
  990. </div>
  991. </div>
  992. </div>
  993. {/block:Audio}
  994.  
  995. <!--Video post-->
  996. {block:Video}
  997. {VideoEmbed-500}
  998. {/block:Video}
  999.  
  1000. <!--Ask post-->
  1001. {block:Answer}
  1002. <div class="bubble">
  1003. <div class="asker">
  1004. <img src="{AskerPortraitURL-48}">
  1005. </div>
  1006. <span></span>{Asker}:
  1007. {Question}</div>
  1008. {Answer}
  1009. {/block:Answer}
  1010.  
  1011. {block:IndexPage}
  1012. {block:IfShowCaptions}
  1013. {block:Caption}
  1014. <h2>{Caption}</h2>
  1015. {/block:Caption}
  1016. {/block:IfShowCaptions}
  1017. {/block:IndexPage}
  1018. {block:PermalinkPage}
  1019. {block:Caption}
  1020. <h2>{Caption}</h2>
  1021. {/block:Caption}
  1022. {/block:PermalinkPage}
  1023.  
  1024. {block:Date}
  1025. <div id="postinfo">
  1026.  
  1027. <div class="info">
  1028. <i class="fa fa-clock-o"></i>
  1029. {ShortMonth} {DayOfMonthWithZero}
  1030. {block:NoteCount}
  1031. <i class="fa fa-heart-o"></i>
  1032. {NoteCount}
  1033. {/block:NoteCount}
  1034.  
  1035. {block:RebloggedFrom}
  1036. <i>//</i>
  1037. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a>
  1038. {/block:RebloggedFrom}
  1039. {block:RebloggedFrom}
  1040. <i>//</i>
  1041. <a href="{ReblogRootURL}" title="Source: {ReblogRootName}">src</a>
  1042. {/block:RebloggedFrom}
  1043.  
  1044. <div class="plrbuttons">
  1045. <a href="{Permalink}">
  1046. <i class="fa fa-external-link"></i></a>
  1047. <i>{LikeButton color="black"}</i>
  1048. <i>{ReblogButton color="black"}</i>
  1049. </div>
  1050.  
  1051. </div>
  1052. <!--End info -->
  1053.  
  1054. {block:IndexPage}
  1055. {block:IfShowTags}
  1056. {block:HasTags}
  1057. {block:Tags}
  1058. <a href="{TagURL}">
  1059. <i class="fa fa-tag"></i> {Tag}</a>
  1060. {/block:Tags}
  1061. {/block:HasTags}
  1062. {/block:IfShowTags}
  1063. {/block:IndexPage}
  1064. {block:PermalinkPage}
  1065. {block:HasTags}
  1066. {block:Tags}
  1067. <a href="{TagURL}">
  1068. <i class="fa fa-tag"></i>
  1069. {Tag}</a> &nbsp;
  1070. {/block:Tags}
  1071. {/block:HasTags}
  1072. {/block:PermalinkPage}
  1073.  
  1074. </div>
  1075. <!--End entry-->
  1076. {/block:Posts}
  1077.  
  1078. <a href="http://borntobewildthemes.tumblr.com"><div id="credits">
  1079. <img src="http://i57.tinypic.com/301g6eg.jpg" title="Theme VINTAGE by borntobewildthemes"></div></a>
  1080.  
  1081. </div>
  1082. <!--End container-->
  1083.  
  1084. </body>
  1085. </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!