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

- High Hopes -

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