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

- Writer's corner vol.2 -

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