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

- Gothic beauty (red) -

b0rn-to-be-wild
Mar 30th, 2014
2,641
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!----
  5.  
  6. © borntobewildthemes.tumblr.com | "Gothic beauty (red)"
  7.  
  8. + Please do not redistribute this theme or remove credits.
  9. + You are allowed to make changes as long as you keep our credits.
  10. + If you have any questions or concerns, just contact us.
  11. + Thanks for using our theme! We hope that you enjoy it!
  12.  
  13. ---->
  14.  
  15. <html>
  16.  
  17. <head>
  18.  
  19. <!--Google fonts-->
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  28.  
  29. <link href="//fonts.googleapis.com/css?family=Great Vibes:400" rel="stylesheet" type="text/css">
  30.  
  31. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  32.  
  33. <meta name="viewport" content="width=device-width, initial-scale=1">
  34.  
  35. <!--DEFAULT VARIABLES-->
  36. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  37.  
  38. <meta name="image:Background" content="1"/>
  39. <meta name="image:Container background" content="1"/>
  40. <meta name="image:Sidebar background" content="1"/>
  41. <meta name="image:Avatar" content="1"/>
  42.  
  43. <meta name="color:Background" content="#000"/>
  44. <meta name="color:Blog Title" content="#fff"/>
  45. <meta name="color:Sidebar background" content="#000"/>
  46. <meta name="color:Sidebar text" content="#eee"/>
  47. <meta name="color:Container background" content="#000"/>
  48. <meta name="color:Post background" content="#000"/>
  49. <meta name="color:Info background" content="#000"/>
  50. <meta name="color:Link" content="#777"/>
  51. <meta name="color:Icon" content="#760101"/>
  52. <meta name="color:Text" content="#bbb"/>
  53. <meta name="color:Hover" content="#fff"/>
  54. <meta name="color:Italic" content="#760101"/>
  55. <meta name="color:Bold" content="#777"/>
  56. <meta name="color:Borders" content="#760101"/>
  57. <meta name="color:Title" content="#777"/>
  58. <meta name="color:Scrollbar" content="#000"/>
  59.  
  60. <meta name="select:Title Font" content="Great Vibes" title="Great Vibes">
  61. <meta name="select:Title Font" content="Kaushan Script" title="Kaushan Script">
  62. <meta name="select:Title Font" content="Alex Brush" title="Alex Brush">
  63. <meta name="select:Title Font" content="Arizonia" title="Arizonia">
  64. <meta name="select:Title Font" content="Clicker Script" title="Clicker Script">
  65.  
  66. <meta name="select:Title font size" content="20px" title="20px">
  67. <meta name="select:Title font size" content="22px" title="22px">
  68. <meta name="select:Title font size" content="24px" title="24px">
  69. <meta name="select:Title font size" content="26px" title="26px">
  70. <meta name="select:Title font size" content="28px" title="28px">
  71.  
  72. <meta name="select:Blog title font size" content="24px" title="24px">
  73. <meta name="select:Blog title font size" content="26px" title="26px">
  74. <meta name="select:Blog title font size" content="28px" title="28px">
  75. <meta name="select:Blog title font size" content="30px" title="30px">
  76. <meta name="select:Blog title font size" content="32px" title="32px">
  77.  
  78. <meta name="select:Sidebar font" content="Great Vibes" title="Great Vibes">
  79. <meta name="select:Sidebar font" content="Kaushan Script" title="Kaushan Script">
  80. <meta name="select:Sidebar font" content="Alex Brush" title="Alex Brush">
  81. <meta name="select:Sidebar font" content="Arizonia" title="Arizonia">
  82. <meta name="select:Sidebar font" content="Clicker Script" title="Clicker Script">
  83.  
  84. <meta name="select:Sidebar font size" content="16px" title="16px">
  85. <meta name="select:Sidebar font size" content="18px" title="18px">
  86. <meta name="select:Sidebar font size" content="20px" title="20px">
  87. <meta name="select:Sidebar font size" content="22px" title="22px">
  88. <meta name="select:Sidebar font size" content="24px" title="24px">
  89.  
  90. <meta name="select:Link Font" content="Clicker Script" title="Clicker Script">
  91. <meta name="select:Link Font" content="Great Vibes" title="Great Vibes">
  92. <meta name="select:Link Font" content="Kaushan Script" title="Kaushan Script">
  93. <meta name="select:Link Font" content="Alex Brush" title="Alex Brush">
  94. <meta name="select:Link Font" content="Arizonia" title="Arizoni
  95. a">
  96. <meta name="font:Body font" content="Helvetica"/>
  97.  
  98. <meta name="select:Body font size" content="12px" title="12px">
  99. <meta name="select:Body font size" content="13px" title="13px">
  100. <meta name="select:Body font size" content="14px" title="14px">
  101. <meta name="select:Body font size" content="15px" title="15px">
  102. <meta name="select:Body font size" content="16px" title="16px">
  103.  
  104. <meta name="if:Sidebar Right" content="0" />
  105. <meta name="if:Show Description" content="1" />
  106. <meta name="if:Show Navigation" content="1" />
  107. <meta name="if:Show Box 3" content="1" />
  108. <meta name="if:Show Box 4" content="1" />
  109. <meta name="if:Show Blogroll" content="1" />
  110. <meta name="if:Show Search" content="1" />
  111. <meta name="if:Show Captions" content="1" />
  112. <meta name="if:Show Tags" content="1" />
  113. <meta name="if:Show Info On Hover" content="0" />
  114. <meta name="if:Faded Images" content="0" />
  115. <meta name="if:Monochrome Images" content="0" />
  116. <meta name="if:Ask Enabled" content="1"/>
  117. <meta name="if:Submissions Enabled" content="1"/>
  118.  
  119. <meta name="if:Show Link1" content="1" />
  120. <meta name="if:Show Link2" content="1" />
  121. <meta name="if:Show Link3" content="1" />
  122. <meta name="if:Show Link4" content="1" />
  123. <meta name="if:Show Link5" content="1" />
  124.  
  125. <meta name="text:Title 3" content="Title 3">
  126. <meta name="text:Box 3" content="Lorem ipsum">
  127. <meta name="text:Title 4" content="Title 4">
  128. <meta name="text:Box 4" content="Lorem ipsum">
  129.  
  130. <meta name="text:Link1" content="link 1"/>
  131. <meta name="text:Link2" content="link 2"/>
  132. <meta name="text:Link3" content="link 3"/>
  133. <meta name="text:Link4" content="link 4"/>
  134. <meta name="text:Link5" content="link 5"/>
  135.  
  136. <meta name="text:Link1 url" content="link1 url"/>
  137. <meta name="text:Link2 url" content="link2 url"/>
  138. <meta name="text:Link3 url" content="link3 url"/>
  139. <meta name="text:Link4 url" content="link4 url"/>
  140. <meta name="text:Link5 url" content="link5 url"/>
  141.  
  142. <meta name="if:Infinite Scrolling" content="0" />
  143.  
  144. <style type="text/css">
  145.  
  146. /* ---------------------------- GENERAL ----------------------------- */
  147.  
  148. /* -------- BASICS ------- */
  149.  
  150. body {
  151. margin:0;
  152. padding:0;
  153. width:100%;
  154. height:100%;
  155. color:{color:text};
  156. font-family:{font:Body font};
  157. font-size:{select:Body font size};
  158. line-height: -moz-calc({select:Body font size} + 3px);
  159. line-height: -webkit-calc({select:Body font size} + 3px);
  160. line-height: -o-calc({select:Body font size} + 3px);
  161. line-height: calc({select:Body font size} + 3px);
  162. background-color: {color:Background};
  163. background-image:url({image:Background});
  164. background-attachment: fixed;
  165. background-repeat: repeat;
  166. }
  167.  
  168. /* Paragraph */
  169.  
  170. p {margin-top:5px; margin-bottom:5px;}
  171.  
  172. <--ses-->
  173. small{font-size: 90%;}
  174.  
  175. big{font-size: 110%;}
  176.  
  177. /* Title */
  178.  
  179. h1{
  180. color:{color:Title};
  181. font-family:{select:Title Font};
  182. font-size:{select:Title font size};
  183. line-height: -moz-calc({select:Title font size} + 3px);
  184. line-height: -webkit-calc({select:Title font size} + 3px);
  185. line-height: -o-calc({select:Title font size} + 3px);
  186. line-height: calc({select:Title font size} + 3px);
  187. border-bottom:1px solid {color:Borders};
  188. }
  189.  
  190. /* Captions */
  191.  
  192. h2{
  193. font-family:{font:Body font};
  194. font-size:{select:Body font size};
  195. line-height: -moz-calc({select:Body font size} + 3px);
  196. line-height: -webkit-calc({select:Body font size} + 3px);
  197. line-height: -o-calc({select:Body font size} + 3px);
  198. line-height: calc({select:Body font size} + 3px);
  199. font-weight:normal;
  200. }
  201.  
  202. /* Links */
  203.  
  204. a:link, a:active, a:visited{
  205. -webkit-transition: all .7s ease;
  206. -moz-transition: all .7s ease;
  207. -o-transition: all .7s ease;
  208. transition: all .7s ease;
  209. color:{color:Link};
  210. text-decoration:none;
  211. }
  212.  
  213. a:hover, .clickme:hover {
  214. color:{color:Hover};
  215. -webkit-transition: all 0.8s ease-in-out;
  216. -moz-transition: all 0.8s ease-in-out;
  217. -o-transition: all 0.8s ease-in-out;
  218. -ms-transition: all 0.8s ease-in-out;
  219. transition: all 0.8s ease-in-out;
  220. }
  221.  
  222. a img{border: 0px;}
  223.  
  224. ul, ol, li{ margin:5px 10px; padding:0px;}
  225.  
  226. /* Bold and italic */
  227.  
  228. b, strong {color:{color:Bold};}
  229. i, em {color:{color:Italic};}
  230.  
  231. /* Blockquote */
  232.  
  233. blockquote{
  234. padding:0px 0px 2px 5px;
  235. margin:0px 0px 2px 10px;
  236. border-left: 1px solid {color:Borders};
  237. }
  238.  
  239. /* Text selection */
  240.  
  241. ::-moz-selection {
  242. background: {color:Borders};
  243. color: {color:Scrollbar};
  244. }
  245.  
  246. ::selection {
  247. background: {color:Borders};
  248. color: {color:Scrollbar};
  249. }
  250.  
  251. /* Webkit scrollbar */
  252.  
  253. ::-webkit-scrollbar {
  254. width: 10px;
  255. height: 10px;
  256. }
  257.  
  258. ::-webkit-scrollbar-button {
  259. width: 0px;
  260. height: 0px;
  261. }
  262.  
  263. ::-webkit-scrollbar-thumb {
  264. background: {color:Scrollbar};
  265. border: 2px solid {color:Borders};
  266. border-radius: 0px;
  267. }
  268.  
  269. ::-webkit-scrollbar-track {
  270. background: {color:Scrollbar};
  271. border: 4px solid {color:Borders};
  272. border-radius: 0px;
  273. }
  274.  
  275. ::-webkit-scrollbar-corner {
  276. background: transparent;
  277. }
  278.  
  279. /* Tooltips */
  280.  
  281. #s-m-t-tooltip {
  282. max-width:300px;
  283. z-index:10000000;
  284. margin:24px 14px 7px 12px;
  285. padding:8px;
  286. color:{color:Link};
  287. background:rgba({select:Post transparency color}, {select:Post transparency});
  288. border:1px solid {color:Borders};
  289. font-size:13px;
  290. line-height:16px;
  291. }
  292.  
  293. /* Image style */
  294.  
  295. {block:IfFadedImages}
  296. img{
  297. -webkit-transition: opacity 0.8s linear;
  298. -moz-transition: opacity 0.8s linear;
  299. -o-transition: opacity 0.8s linear;
  300. -ms-transition: opacity 0.8s linear;
  301. opacity: 0.60;
  302. }
  303. img:hover{
  304. -webkit-transition: opacity 0.8s linear;
  305. -moz-transition: opacity 0.8s linear;
  306. -o-transition: opacity 0.8s linear;
  307. -ms-transition: opacity 0.8s linear;
  308. opacity: 1;
  309. }
  310. {/block:IfFadedImages}
  311.  
  312. {block:IfMonochromeImages}
  313. img{
  314. -webkit-filter: grayscale(1);
  315. -webkit-transition: all 0.5s ease-in-out;
  316. -moz-transition: all 0.5s ease-in-out;
  317. -o-transition: all 0.5s ease-in-out;
  318. -ms-transition: all 0.5s ease-in-out;
  319. transition: all 0.5s ease-in-out;
  320. }
  321.  
  322. img:hover{
  323. filter: none;
  324. -webkit-filter: grayscale(0);
  325. -webkit-transition: all 0.2s ease-in-out;
  326. -moz-transition: all 0.2s ease-in-out;
  327. -o-transition: all 0.2s ease-in-out;
  328. }
  329. {/block:IfMonochromeImages}
  330.  
  331. /* Post notes style */
  332.  
  333. .notes img{
  334. max-width:15px;
  335. max-height:15px;
  336. position:relative;
  337. top:3px;
  338. margin-right:5px;
  339. border:1px solid {color:Borders};
  340. border-radius:60px;
  341. }
  342.  
  343. .notes li{
  344. list-style:none;
  345. }
  346.  
  347. .notes i{
  348. color:{color:Icon};
  349. }
  350.  
  351. /* Infinite scroll */
  352.  
  353. #infscr-loading{
  354. bottom: -70px;
  355. position: absolute;
  356. left: 50%;
  357. margin-left:-8px;
  358. width:16px;
  359. height:11px;
  360. overflow:hidden;
  361. margin-bottom: 50px;
  362. }
  363.  
  364. /* ----------------------- MAIN CONTAINER ----------------------------- */
  365.  
  366. div#center{
  367. position:relative;
  368. width:895px;
  369. margin-left:auto;
  370. margin-right:auto;
  371. overflow:visible;
  372. }
  373.  
  374. /* -------- BLOG TITLE ------- */
  375.  
  376. #blogtitle{
  377. position:absolute;
  378. margin-left:140px;
  379. margin-top:-175px;
  380. height:120px;
  381. width:780px;
  382. text-align:center;
  383. color:{color:Blog title};
  384. font-family:{select:Title Font};
  385. font-size:{select:Blog title font size};
  386. letter-spacing:2px;
  387. line-height:180px;
  388. background:url('http://i62.tinypic.com/2afkj0k.jpg');
  389. {block:ifSidebarRight}
  390. margin-left:0;
  391. {/block:ifSidebarRight}
  392. }
  393.  
  394. #blogtitle:hover{
  395. color: {color:Hover};
  396. -webkit-transition: opacity .3s linear;
  397. -webkit-transition: all .3s ease-in-out;
  398. -moz-transition: all .3s ease-in-out;
  399. -o-transition: all .3s ease-in-out;
  400. }
  401.  
  402. /* -------- SIDEBAR ------- */
  403.  
  404. #sidebar{
  405. position:absolute; !important;
  406. margin-top:60px;
  407. margin-left:0px;
  408. width:140px;
  409. background:{color:Sidebar background};
  410. background-image:url({image:Sidebar background});
  411. padding:10px;
  412. border-bottom-left-radius:30px;
  413. border:5px solid {color:Borders};
  414. z-index:10;
  415. overflow-x:visible;
  416. {block:ifSidebarRight}
  417. right:0px;
  418. border-bottom-left-radius:0px;
  419. border-bottom-right-radius:30px;
  420. {/block:ifSidebarRight}
  421. }
  422.  
  423. /* Box titles */
  424.  
  425. #boxtitle{
  426. position:relative;
  427. margin-left:-20px;
  428. margin-top:-5px;
  429. text-align:left;
  430. font-family:{select:Title Font};
  431. font-size:24px;
  432. color:{color:Blog Title};
  433. letter-spacing:2px;
  434. line-height:53px;
  435. height:50px;
  436. width:215px;
  437. z-index:100;
  438. padding-left:10px;
  439. background:url('http://i58.tinypic.com/apcuug.jpg');
  440. text-shadow: 1px 0px #760101,
  441. }
  442.  
  443. #boxtitle:hover{
  444. font-size:26px;
  445. color: {color:Hover};
  446. }
  447.  
  448. /* Avatar */
  449.  
  450. #avatar {
  451. position:absolute;
  452. margin:-138px -28px;
  453. width:200px;
  454. height:200px;
  455. border-radius:200px;
  456. z-index:1000000;
  457. background:url('http://i59.tinypic.com/2evw8ds.jpg');
  458. }
  459.  
  460. #avatar img {
  461. width:120px;
  462. height:120px;
  463. border-radius:126px;
  464. margin-left:37px;
  465. margin-top:37px;
  466. border:3px solid #333;
  467. }
  468.  
  469. #avatar:hover {
  470. -webkit-transition: all 1s ease;
  471. -moz-transition: all 1 ease;
  472. -o-transition: all 1s ease;
  473. transition: all 1s ease;
  474. transform:rotate(360deg);
  475. -ms-transform:rotate(360deg);
  476. -webkit-transform:rotate(360deg);
  477. }
  478.  
  479. /* Main Links */
  480.  
  481. #icons{
  482. margin-top:70px;
  483. margin-left:0px;
  484. text-align:center;
  485. }
  486.  
  487. #icons i{
  488. color:{color:Icon};
  489. font-size:18px;
  490. margin:7px;
  491. }
  492.  
  493. #icons i:hover{
  494. color:{color:Hover};
  495. }
  496.  
  497. /* Box 1 */
  498.  
  499. .box{
  500. position:relative;
  501. width:140px;
  502. height:auto;
  503. max-height:150px;
  504. overflow:auto;
  505. padding:10px;
  506. margin-top:-10px;
  507. margin-left:-10px;
  508. font-family:{select:Sidebar font};
  509. font-size:{select:Sidebar font size};
  510. line-height: -moz-calc({select:Sidebar font size} + 3px);
  511. line-height: -webkit-calc({select:Sidebar font size} + 3px);
  512. line-height: -o-calc({select:Sidebar font size} + 3px);
  513. line-height: calc({select:Sidebar font size} + 3px);
  514. color:{color:Sidebar text};
  515. }
  516.  
  517. .box img{
  518. max-width:30px;
  519. margin:3px;
  520. border:3px solid {color:Borders};
  521. }
  522.  
  523. /* Box 2 */
  524.  
  525. #links a{
  526. position:relative;
  527. display:block;
  528. width:155px;
  529. margin-left:0px;
  530. font-family:{select:Link Font};
  531. height:20px;
  532. padding:2px;
  533. margin-top:3px;
  534. margin-bottom:6px;
  535. font-size:20px;
  536. line-height:20px;
  537. text-align:left;
  538. color:{color:Link};
  539. }
  540.  
  541. #links a:hover, #links a:hover i{
  542. color:{color:Hover};
  543. }
  544.  
  545. #links i{
  546. color:{color:Icon};
  547. font-size:12px;
  548. }
  549.  
  550. /* Box 6*/
  551.  
  552. #search{
  553. position:relative;
  554. width:150px;
  555. height:50px;
  556. overflow:hidden;
  557. padding-left:4px;
  558. margin-top:0px;
  559. margin-left:-10px;
  560. font-size:15px;
  561. line-height:15px;
  562. text-align:center;
  563. }
  564.  
  565. /* -------- POSTS AND ENTRIES ------- */
  566.  
  567. #posts {
  568. position:relative;
  569. width:640px;
  570. height:auto;
  571. min-height:755px;
  572. margin-top:165px;
  573. z-index:1;
  574. padding-top:30px;
  575. padding-bottom:30px;
  576. padding-left:100px;
  577. margin-left:145px;
  578. background:{color:Container background};
  579. border: 5px solid {color:Borders};
  580. border-top-right-radius:30px;
  581. overflow-y: hidden;
  582. {block:ifSidebarRight}
  583. margin-left:0px;
  584. padding-left:80px;
  585. padding-right:20px;
  586. border-top-right-radius:0px;
  587. border-top-left-radius:30px;
  588. {/block:ifSidebarRight}
  589. }
  590.  
  591. .entry {
  592. float:left;
  593. display: block;
  594. margin:20px;
  595. width:500px;
  596. padding:15px;
  597. padding-bottom:0;
  598. border-bottom-left-radius:26px;
  599. border-top-right-radius:26px;
  600. border:2px solid {color:Borders};
  601. border-top:10px solid {color:Borders};
  602. background:{color:Post background};
  603. overflow:hidden;
  604. {block:ifSidebarRight}
  605. border-bottom-left-radius:0px;
  606. border-top-right-radius:0px;
  607. border-top-left-radius:26px;
  608. border-bottom-right-radius:26px;
  609. {/block:ifSidebarRight}
  610. }
  611.  
  612. .entry p img, #entry blockquote img { max-width: 100%; }
  613.  
  614. /* ----------------------- POST STYLES ----------------------------- */
  615.  
  616. /* Quote posts */
  617.  
  618. .quote {
  619. font-family:{select:Title Font};
  620. font-size:{select:Title font size};
  621. line-height: -moz-calc({select:Title font size} + 3px);
  622. line-height: -webkit-calc({select:Title font size} + 3px);
  623. line-height: -o-calc({select:Title font size} + 3px);
  624. line-height: calc({select:Title font size} + 3px);
  625. color:{color:Italic};
  626. height:auto;
  627. margin:10px;
  628. padding:5px;
  629. text-align:center;
  630. letter-spacing:1px;
  631. }
  632.  
  633. .source {
  634. font-family:{font:Body font};
  635. font-size:{select:Body font size};
  636. line-height:130%;
  637. height:auto;
  638. margin-top:10px;
  639. margin-left:10px;
  640. margin-right:10px;
  641. margin-bottom:5px;
  642. padding:5px;
  643. text-align:right;
  644. letter-spacing:1px;
  645. }
  646.  
  647. /* Link posts */
  648.  
  649. #linktitle{
  650. font-family:{select:Title Font};
  651. font-size:{select:Title font size};
  652. line-height:130%;
  653. width:96%;
  654. padding:2%;
  655. border:1px solid {color:Borders};
  656. text-transform:capitalize;
  657. }
  658.  
  659. #linktitle a{
  660. color:{color:Link};
  661. }
  662.  
  663. #linktitle i{
  664. color:{color:Icon};
  665. }
  666.  
  667. /* Chat posts */
  668.  
  669. .chat .line {
  670. color: {color:Text};
  671. padding:2px;
  672. margin-bottom:10px;
  673. }
  674.  
  675. .label {
  676. color:{color:Bold};
  677. font-size:150%;
  678. font-family:{select:Title Font};
  679. padding-right:2px;
  680. }
  681.  
  682. /* Audio posts */
  683.  
  684. #audiocon{
  685. width:100%;
  686. height:auto;
  687. min-height:75px;
  688. overflow:hidden;
  689. margin-bottom:10px;
  690. }
  691.  
  692. .album{
  693. width:65px;
  694. height:65px;
  695. background-image:url(http://i61.tinypic.com/s6k3zb.jpg);
  696. border: 5px solid {color:Borders};
  697. }
  698.  
  699. .album img{
  700. max-width:65px;
  701. margin-left:0px;
  702. float:left;
  703. margin-top:0px;
  704. z-index:10;
  705. }
  706.  
  707. .audio{
  708. position:absolute;
  709. max-width:325px;
  710. margin-left:80px;
  711. float:left;
  712. margin-top:0;
  713. z-index:10;
  714. font-size:12px;
  715. overflow:hidden;
  716. }
  717.  
  718. .audio i{
  719. color:{color:Icon};
  720. border:1px solid {color:Borders};
  721. padding:2px;
  722. width:12px;
  723. height:12px;
  724. font-size:12px;
  725. margin-bottom:1px;
  726. text-align:center;
  727. }
  728.  
  729. .play{
  730. position:absolute;
  731. margin:20px;
  732. max-width:25px;
  733. max-height:25px;
  734. overflow:hidden;
  735. opacity:0.8;
  736. }
  737.  
  738. /* Ask Posts */
  739.  
  740. .bubble {
  741. position: relative;
  742. height:auto;
  743. margin:5px;
  744. padding:5px;
  745. border: 1px solid {color:Borders};
  746. z-index:1;
  747. min-height:50px;
  748. }
  749.  
  750. .asker img {
  751. float:left;
  752. border:1px solid {color:Borders};
  753. margin-right:5px;
  754. z-index:100;
  755. border-radius:100%;
  756. }
  757.  
  758. /* ----------------------- POST INFO ----------------------------- */
  759.  
  760. #postinfo{
  761. margin-top:10px;
  762. width:500px;
  763. {block:IndexPage}
  764. {block:IfShowInfoOnHover}
  765. display:none;
  766. height:0;
  767. {/block:IfShowInfoOnHover}
  768. {/block:IndexPage}
  769. {block:PermalinkPage}
  770. margin-top:10px;
  771. width:500px;
  772. height:auto;
  773. {/block:PermalinkPage}
  774. z-index:1000;
  775. }
  776.  
  777. .entry:hover #postinfo{
  778. {block:IndexPage}
  779. {block:IfShowInfoOnHover}
  780. height:auto;
  781. display:block;
  782. bottom:0px;
  783. left:0px;
  784. padding-left:10px;
  785. padding-right:10px;
  786. position:absolute;
  787. background:{color:Info background};
  788. opacity:0.9;
  789. color:{color:Link};
  790. border-top:1px solid {color:Borders};
  791. {/block:IfShowInfoOnHover}
  792. {/block:IndexPage}
  793. }
  794.  
  795. #postinfo a {
  796. font-size:12px;
  797. }
  798.  
  799. .info {
  800. height:28px;
  801. line-height:20px;
  802. float:center;
  803. padding-top:5px;
  804. margin-top:0px;
  805. margin-bottom:5px;
  806. font-size:12px;
  807. width:500px;
  808. color:{color:Link};
  809. {block:PermalinkPage}
  810. width:500px;
  811. {/block:PermalinkPage}
  812. border-top:1px solid {color:Borders};
  813. text-transform:lowercase;
  814. {block:IfShowInfoOnHover}
  815. border:none;
  816. {/block:IfShowInfoOnHover}
  817. }
  818.  
  819. .info i{
  820. color:{color:Icon};
  821. }
  822.  
  823. /* Like reblog and permalink buttons */
  824.  
  825. .plrbuttons {
  826. float:right;
  827. margin-left:400px;
  828. margin-top:-22px;
  829. {block:PermalinkPage}
  830. margin-left:400px;
  831. {block:PermalinkPage}
  832. z-index:200000;
  833. list-style: none;
  834. padding:5px;
  835. padding-bottom:2px;
  836. }
  837.  
  838. .plrbuttons i {
  839. float:left;
  840. display:inline-block;
  841. margin-left:5px;
  842. list-style:none;
  843. color:#cccccc;
  844. font-size:15px;
  845. }
  846.  
  847. .plrbuttons li:first-child {
  848. border-right: 0px solid #e8e8e8;
  849. }
  850.  
  851. /* Tags */
  852.  
  853. .tags {
  854. margin-top:5px;
  855. display:inline;
  856. width:100%;
  857. }
  858.  
  859. .tags i{
  860. color:{color:Icon};
  861. display:inline;
  862. }
  863.  
  864. /* ----------------------- PAGINATION ----------------------------- */
  865.  
  866. #pagination {
  867. text-align:center;
  868. margin-top:20px;
  869. margin-bottom:20px;
  870. margin-left:145px;
  871. width:750px;
  872. {block:ifSidebarRight}
  873. margin-left:0;
  874. {/block:ifSidebarRight}
  875. }
  876.  
  877. /* Current page number */
  878.  
  879. #pagination span {
  880. color:{color:Borders};
  881. display:inline-block;
  882. margin-left:10px;
  883. font-size:22px;
  884. font-family:{select:Link font};
  885. }
  886.  
  887. /* Other page numbers styles */
  888.  
  889. #pagination a {
  890. color:{color:Link};
  891. display:inline-block;
  892. margin-left:10px;
  893. font-size:22px;
  894. font-family:{select:Link font};
  895. }
  896.  
  897. /* ----------------------- CREDITS ----------------------------- */
  898.  
  899. #credits {
  900. position:fixed;
  901. right:10px;
  902. top:60px;
  903. z-index:100000
  904. }
  905.  
  906. #credits img{
  907. border:1px solid {color:Borders};
  908. }
  909.  
  910. {CustomCSS}
  911.  
  912.  
  913. </style>
  914.  
  915. {block:IndexPage}
  916. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  917.  
  918. <!--{block:ifInfiniteScrolling}-->
  919. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  920. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  921. <!--{/block:ifInfiniteScrolling}-->
  922.  
  923. <script type="text/javascript"
  924. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  925.  
  926. <script type="text/javascript">
  927. $(window).load(function(){
  928. var $wall = $('#posts');
  929. $wall.imagesLoaded(function(){
  930. $wall.masonry({
  931. itemSelector: '.entry, .entry_photo',
  932. isAnimated : false
  933. });
  934. });
  935.  
  936. $wall.infinitescroll({
  937. navSelector : '#pagination',
  938. nextSelector : '#pagination a',
  939. itemSelector : '.entry, .entry_photo',
  940. bufferPx : 2000,
  941. debug : false,
  942. errorCallback: function() {
  943. $('#infscr-loading').fadeOut('normal');
  944. }},
  945. function( newElements ) {
  946. var $newElems = $( newElements );
  947. $newElems.hide();
  948. $newElems.imagesLoaded(function(){
  949. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  950. });
  951. }); $('#posts').show(500);
  952. });
  953. </script>
  954. {/block:IndexPage}
  955.  
  956. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  957.  
  958. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  959. <script src="jquery.style-my-tooltips.js"></script>
  960.  
  961. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  962.  
  963. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  964. <script>
  965. (function($){
  966. $(document).ready(function(){
  967. $("[title]").style_my_tooltips({
  968. tip_follows_cursor:true,
  969. tip_delay_time:200,
  970. tip_fade_speed:300
  971. }
  972. );
  973. });
  974. })(jQuery);
  975. </script>
  976.  
  977. <meta charset="utf-8">
  978. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  979. {block:Description}
  980. <meta name="description" content="{MetaDescription}" />
  981. {/block:Description}
  982. <link rel="shortcut icon" href="{Favicon}">
  983. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  984.  
  985. </head>
  986.  
  987. <body>
  988.  
  989. <div id="center">
  990.  
  991. <div id="blogtitle">{Title}</div>
  992.  
  993. <div id="sidebar">
  994.  
  995. <div id="avatar"><img src="{image:Avatar}"></div>
  996.  
  997. <div id="icons">
  998. <a href="/"><i class="fa fa-home"></i></a>
  999. {block:IfAskEnabled}
  1000. <a href="/ask"><i class="fa fa-envelope"></i></a>
  1001. {/block:IfAskEnabled}
  1002. {block:ifSubmissionsEnabled}
  1003. <a href="/submit"><i class="fa fa-pencil"></i></a>
  1004. {/block:ifSubmissionsEnabled}
  1005. <a href="/archive"><i class="fa fa-clock-o"></i></a>
  1006. </div>
  1007. <!--End icons-->
  1008.  
  1009. <!--Box 1-->
  1010. {block:IfShowDescription}
  1011. <div id="boxtitle">About</div>
  1012. <div class="box">{description}</div>
  1013. {/block:IfShowDescription}
  1014.  
  1015. <!--Box 2-->
  1016. {block:IfShowNavigation}
  1017. <div id="boxtitle">Navigation</div>
  1018. <div id="links">
  1019. {block:IfShowLink1}
  1020. <a href="{text:Link1 url}"><i class="fa fa-heart-o"></i> {text:Link1}</a>
  1021. {/block:IfShowLink1}
  1022. {block:IfShowLink2}
  1023. <a href="{text:Link2 url}"><i class="fa fa-heart-o"></i> {text:Link2}</a>
  1024. {/block:IfShowLink2}
  1025. {block:IfShowLink3}
  1026. <a href="{text:Link3 url}"><i class="fa fa-heart-o"></i> {text:Link3}</a>
  1027. {/block:IfShowLink3}
  1028. {block:IfShowLink4}
  1029. <a href="{text:Link4 url}"><i class="fa fa-heart-o"></i> {text:Link4}</a>
  1030. {/block:IfShowLink4}
  1031. {block:IfShowLink5}
  1032. <a href="{text:Link5 url}"><i class="fa fa-heart-o"></i> {text:Link5}</a>
  1033. {/block:IfShowLink5}
  1034. </div>
  1035. {/block:IfShowNavigation}
  1036.  
  1037. <!--Box 3-->
  1038. <div id="boxtitle">{text:Title 3}</div>
  1039. <div class="box">{text:Box 3}</div>
  1040.  
  1041. <!--Box 4-->
  1042. <div id="boxtitle">{text:Title 4}</div>
  1043. <div class="box">{text:Box 4}</div>
  1044.  
  1045. <!--Box 5-->
  1046. {block:IfShowBlogroll}
  1047. <div id="boxtitle">Following</div>
  1048. <div class="box">
  1049. {block:Following}{block:Followed}<a title='{FollowedName}' target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-48}' /></a>{/block:Followed}{/block:Following}
  1050. </div>
  1051. {/block:IfShowBlogroll}
  1052.  
  1053. <!--Box 6-->
  1054.  
  1055. {block:IfShowSearch}
  1056. <div id="boxtitle">Search </div>
  1057. <form action="/search" method="get">
  1058. <input type="text" name="q" value="Search..." style="width:130px; padding-left:10px; height:20px; border-bottom-left-radius:10px; border:1px solid {color:Borders}; border-bottom-left-radius:20px; {block:ifSidebarRight} border-bottom-left-radius:0px; border-bottom-right-radius:20px; {/block:ifSidebarRight} color:{color:Text}; background:transparent; font-size:12px; margin-top:0px; margin-left:0px;"/></form>
  1059. {/block:IfShowSearch}
  1060.  
  1061. </div>
  1062. <!--End sidebar-->
  1063.  
  1064. <div id="posts">
  1065. {block:Posts}
  1066.  
  1067. <!-- {block:NoRebloggedFrom}
  1068. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1069. {/block:NoRebloggedFrom} -->
  1070.  
  1071. {block:ContentSource}<!-- {SourceURL}
  1072. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1073. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1074. {/block:ContentSource}
  1075.  
  1076. <div class="entry">
  1077.  
  1078. {block:Text}
  1079. {block:Title}
  1080. <a href="{Permalink}">
  1081. <h1>{Title}</h1></a>
  1082. {/block:Title}
  1083. {Body}
  1084. {/block:Text}
  1085.  
  1086. {block:Photo}
  1087. <a href="{permalink}">
  1088. <img src="{PhotoURL-500}"
  1089. width="500"/></a>
  1090. {/block:Photo}
  1091.  
  1092. {block:Photoset}
  1093. {Photoset-500}
  1094. {/block:Photoset}
  1095.  
  1096. {block:Quote}
  1097. <div class="quote">
  1098. "{Quote}"
  1099. {block:Source}
  1100. <div class="source">-{Source}
  1101. </div>{/block:Source}</div>
  1102. {/block:Quote}
  1103.  
  1104. {block:Link}
  1105. <a href="{URL}"
  1106. class="linkpost"
  1107. target="_blank">
  1108. <h1><i class="fa fa-link"></i>
  1109. {Name} &raquo;</h1></a>
  1110. {block:Description}
  1111. {Description}
  1112. {/block:Description}
  1113. {/block:Link}
  1114.  
  1115. {block:Chat}
  1116. {block:Title}<h1>{Title}</h1>{/block:Title}
  1117. <div class="chat">
  1118. {block:Lines}
  1119. <div class="chat"><div class="line {Alt}">
  1120. <div class="{Alt} user_{UserNumber}">
  1121. {block:Label}
  1122. <span class="label">
  1123. {Label}</span>
  1124. {/block:Label}
  1125. {Line}</div>
  1126. </div></div>
  1127. {/block:Lines}
  1128. </div>
  1129. {/block:Chat}
  1130.  
  1131. {block:Audio}
  1132. <div id="audiocon">
  1133. <div class="audio">
  1134. {block:TrackName}<i class="fa fa-microphone"></i> {TrackName}{/block:TrackName}
  1135. {block:Artist}<br><i class="fa fa-user"></i> {Artist}{/block:Artist}
  1136. {block:Album}<br><i class="fa fa-music"></i> {Album}{/block:Album}
  1137. {block:PlayCount}<br><i class="fa fa-heart"></i> {PlayCount}{/block:PlayCount}<br></div>
  1138. <div class="album">
  1139. {block:AlbumArt}
  1140. <img src="{AlbumArtURL}">
  1141. {/block:AlbumArt}
  1142. <div class="play">
  1143. {AudioPlayerWhite}
  1144. </div>
  1145. </div>
  1146. </div>
  1147. {/block:Audio}
  1148.  
  1149. {block:Video}
  1150. {VideoEmbed-500}
  1151. {/block:Video}
  1152.  
  1153. {block:Answer}
  1154. <div class="bubble">
  1155. <div class="asker">
  1156. <img src="{AskerPortraitURL-48}">
  1157. </div>
  1158. <span></span>{Asker}:
  1159. {Question}</div>
  1160. {Answer}
  1161. {/block:Answer}
  1162.  
  1163. {block:IndexPage}
  1164. {block:IfShowCaptions}
  1165. {block:Caption}
  1166. <h2>{Caption}</h2>
  1167. {/block:Caption}
  1168. {/block:IfShowCaptions}
  1169. {/block:IndexPage}
  1170. {block:PermalinkPage}
  1171. {block:Caption}
  1172. <h2>{Caption}</h2>
  1173. {/block:Caption}
  1174. {/block:PermalinkPage}
  1175.  
  1176. {block:Date}
  1177. <div id="postinfo">
  1178.  
  1179. <div class="info">
  1180. <i class="fa fa-clock-o"></i>
  1181. {ShortMonth} {DayOfMonthWithZero}
  1182. {block:NoteCount}
  1183. <i class="fa fa-heart-o"></i>
  1184. {NoteCount}
  1185. {/block:NoteCount}
  1186.  
  1187. {block:RebloggedFrom}
  1188. <i>//</i>
  1189. <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a>
  1190. {/block:RebloggedFrom}
  1191. {block:RebloggedFrom}
  1192. <i>//</i>
  1193. <a href="{ReblogRootURL}" title="Source: {ReblogRootName}">src</a>
  1194. {/block:RebloggedFrom}
  1195.  
  1196. <div class="plrbuttons">
  1197. <a href="{Permalink}">
  1198. <i class="fa fa-external-link"></i></a>
  1199. <i>{LikeButton size="15"}</i>
  1200. <i>{ReblogButton size="15"}</i>
  1201. </div>
  1202.  
  1203. </div>
  1204. <!--End info -->
  1205.  
  1206. {block:IndexPage}
  1207. {block:IfShowTags}
  1208. {block:HasTags}
  1209. {block:Tags}
  1210. <a href="{TagURL}">
  1211. <i class="fa fa-tag"></i> {Tag}</a>
  1212. {/block:Tags}
  1213. {/block:HasTags}
  1214. {/block:IfShowTags}
  1215. {/block:IndexPage}
  1216. {block:PermalinkPage}
  1217. {block:HasTags}
  1218. {block:Tags}
  1219. <a href="{TagURL}">
  1220. <i class="fa fa-tag"></i>
  1221. {Tag}</a> &nbsp;
  1222. {/block:Tags}
  1223. {/block:HasTags}
  1224. {/block:PermalinkPage}
  1225.  
  1226. </div>
  1227. <!--End post info-->
  1228. {/block:Date}
  1229.  
  1230. <!-- Permalink page -->
  1231. {block:PermalinkPage}
  1232. <div class="notes">
  1233.  
  1234. {block:PermalinkPagination}
  1235. <center><br>
  1236. {block:PreviousPost}
  1237. <a href="{PreviousPost}"> &laquo; Previous Post – </a>
  1238. {/block:PreviousPost}
  1239.  
  1240. {block:NextPost}
  1241. <a href="{NextPost}">Next Post &raquo;</a>
  1242. {/block:NextPost}
  1243. </center>
  1244. {/block:PermalinkPagination} <br>
  1245.  
  1246. {block:PostNotes}<br>
  1247. <div style="text-align:left; max-height: 500px; width:500px; overflow: auto; overflow-x: hidden;">
  1248. {PostNotes}</div>
  1249. {/block:PostNotes}</div>
  1250. <br><br>
  1251.  
  1252. {/block:PermalinkPage}
  1253.  
  1254. </div>
  1255. <!--End entry-->
  1256.  
  1257. {/block:Posts}
  1258. </div>
  1259. <!--End posts-->
  1260.  
  1261. <!-- Pagination -->
  1262. {block:IfNotInfiniteScrolling}
  1263. {block:Pagination}
  1264. <div id="pagination">
  1265. {block:PreviousPage}
  1266. <a href="{PreviousPage}">« Newer</a>
  1267. {/block:PreviousPage}
  1268. {block:JumpPagination length="5"}
  1269. {block:CurrentPage}
  1270. <span class="current_page">
  1271. {PageNumber}</span>
  1272. {/block:CurrentPage}
  1273. {block:JumpPage}
  1274. <a href="{URL}">
  1275. {PageNumber}</a>
  1276. {/block:JumpPage}
  1277. {/block:JumpPagination}
  1278. {block:NextPage}
  1279. <a href="{NextPage}"> Older »</a>
  1280. {/block:NextPage}
  1281. </div>
  1282. {/block:Pagination}
  1283. {/block:IfNotInfiniteScrolling}
  1284. <!--End pagination-->
  1285.  
  1286. </body>
  1287.  
  1288. <a href="http://borntobewildthemes.tumblr.com" title="Theme GOTHIC BEAUTY by borntobewildthemes"><div id="credits"><img src="http://i57.tinypic.com/301g6eg.jpg"></div></a>
  1289.  
  1290. </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!