API tools faq
paste
Advertisement
inmyb0nes

#03 Loverboy

inmyb0nes
Mar 28th, 2013
391
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!--
  6.  
  7. Hey guys please don't remove the credit! Do whatever else you want with this but please don't remove the credit, cheers! x
  8.  
  9. <head>
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:Background" content="#848484" />
  12. <meta name="color:Sidebar Background" content="#000000" />
  13. <meta name="color:Post" content="#000000" />
  14. <meta name="color:Text" content="#ffffff" />
  15. <meta name="color:Bold Text" content="#ffffff" />
  16. <meta name="color:Italic Text" content="#ffffff" />
  17. <meta name="color:Link" content="#006eff" />
  18. <meta name="color:Page title" content="#006eff" />
  19. <meta name="color:Navigation" content="#006eff" />
  20. <meta name="color:Navigation background" content="#000000" />
  21. <meta name="color:Navigation Text" content="#000000" />
  22. <meta name="color:Navigation Hover" content="#013273" />
  23. <meta name="color:Navigation Text Hover" content="#ffffff" />
  24. <meta name="color:Scrollbar" content="#006eff" />
  25. <meta name="color:Scrollbar Background" content="#000000" />
  26. <meta name="color:Permalink" content="#00bfff" />
  27. <meta name="color:Permalink background" content="#4d4d4d" />
  28. <meta name="Text:Ask Background" content="#1d1d1d /">
  29.  
  30. <meta name="font:Title" content="Giddyup Std" />
  31. <meta name="font:Body" content="Myriad Pro" />
  32.  
  33. <meta name="if:Bigger Post" content="1"/>
  34. <meta name="if:Show Caption" content="0"/>
  35. <meta name="if:Infinite Scrolling" content="0"/>
  36.  
  37. <meta name="image:Sidebar" content=""/>
  38. <meta name="image:Background" content=""/>
  39.  
  40. <meta name="text:Link 1" content="Link 1" />
  41. <meta name="text:Link 1 URL" content="" />
  42. <meta name="text:Link 2" content="Link 2" />
  43. <meta name="text:Link 2 URL" content="" />
  44. <meta name="text:Link 3" content="Link 3" />
  45. <meta name="text:Link 3 URL" content="" />
  46. <meta name="text:Link 4" content="Link 4" />
  47. <meta name="text:Link 4 URL" content="" />
  48. <meta name="text:Link 5" content="Link 5" />
  49. <meta name="text:Link 5 URL" content="" />
  50. <meta name="text:Link 6" content="Link 6" />
  51. <meta name="text:Link 6 URL" content="" />
  52.  
  53. <style type="text/css">
  54. {Custom CSS}
  55.  
  56. ::-webkit-scrollbar {width: 10px;}
  57.  
  58. ::-webkit-scrollbar-track-piece
  59. {background-color: {color:Scrollbar Background};}
  60.  
  61. ::-webkit-scrollbar-thumb:vertical
  62. {width:8px; border:0px solid #fff;
  63. background-color: {color:Scrollbar};}
  64.  
  65. body{
  66. font-family: {text:Font};
  67. font-size:10px;
  68. letter-spacing:1px;
  69. background-color:{color:Background};
  70. background-image:url('{image:Background}');
  71. background-position: fixed;
  72. background-attachment:fixed;
  73. background-repeat:repeat;}
  74.  
  75. a
  76. {text-decoration:none;
  77. color:{color:Link};}
  78.  
  79. a:link, a:visited, a:active
  80. {text-decoration:none;
  81. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  82. }
  83. a:hover{
  84. color:{color:Links hover};
  85. text-decoration: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  86. }
  87.  
  88. blockquote{
  89. padding:3px;
  90. margin-top:3px;
  91. margin-bottom:3px;
  92. border-right:2px {color:border blockquote};
  93. background-color:{color:blockquote};
  94. }
  95.  
  96. #sidebar
  97. {position:fixed;
  98. top:100px;
  99. left:100px;
  100. width:250px;
  101. height:250px;
  102. padding:5px;
  103. text-align:left;
  104. font-family:candara;
  105. font-size:10px;
  106. background-color:{color:Sidebar Background};
  107. -moz-box-shadow: 4px 4px 15px #181818;
  108. -webkit-box-shadow: 4px 4px 15px #181818;
  109. box-shadow: 4px 4px 15px #181818;
  110. -moz-border-radius: 400px;
  111. -webkit-border-radius: 400px;
  112. border-radius: 400px;
  113. }
  114.  
  115. #sideimage img {
  116. min-width: 250px;
  117. min-height: 250px;
  118. max-height: 250px;
  119. max-width: 250px;
  120. -moz-border-radius: 400px;
  121. -webkit-border-radius: 400px;
  122. border-radius: 400px;
  123. margin-bottom: -1px;
  124. }
  125.  
  126.  
  127. .titles {
  128. font-size:17px;
  129. font-style:normal;
  130. font-weight:bold;
  131. font-family:Gabriola;
  132. text-align:centre;
  133. padding-left:7px;
  134. margin-left:5px;
  135. text-transform:small caps;
  136. color: {color:Page Title};
  137. padding:3px;
  138. }
  139.  
  140.  
  141.  
  142. #description {
  143. background-color:{color:Sidebar Background};
  144. color:{color:text};
  145. text-align:left;
  146. font-family: {font:body};
  147. font-size:10px;
  148. letter-spacing:3px;
  149. width:230px;
  150. margin-top:-180px;
  151. margin-left:5px;
  152. margin-bottom:15px;
  153. opacity:0.1;
  154. }
  155.  
  156. #description:hover{
  157. background-color: {color:Sidebar Background};
  158. color:{color:text};
  159. letter-spacing:1px;
  160. font-family: {font:body};
  161. font-size:10px;
  162. letter-spacing:3px;
  163. width:230px;
  164. margin-top:15px;
  165. margin-left:5px;
  166. margin-bottom:15px;
  167. opacity:0.7;
  168. -webkit-transition: all 0.7s ease-in-out;
  169. -moz-transition: all 0.7s ease-in-out;
  170. -o-transition: all 0.7s ease-in-out;
  171. -ms-transition: all 0.7s ease-in-out;
  172. }
  173.  
  174.  
  175. #posts{
  176. {block:IfNotBiggerPost}
  177. width:400px;
  178. {/block:IfNotBiggerPost}
  179. {block:IfBiggerPost}
  180. width:500px;
  181. {/block:IfBiggerPost}
  182. margin-left:400px;
  183. margin-top:80px;
  184. font-size:10px;
  185. font-family:cambria;
  186. padding-left:5px;
  187. padding-top:5px;
  188. padding-bottom:5px;
  189. }
  190.  
  191. .post {
  192. {block:IfNotBiggerPost}
  193. width:400px;
  194. {/block:IfNotBiggerPost}
  195. {block:IfBiggerPost}
  196. width:500px;
  197. {/block:IfBiggerPost}
  198. padding:5px;
  199. margin-top:20px;
  200. margin-bottom:5px;
  201. font-family: {font:Body};
  202. font-size:10px;
  203. letter-spacing:1px;
  204. background-color:{color:Post};
  205. color:{color:Text};
  206. -moz-border-radius: 6px 6px 6px 6px;
  207. -webkit-border-radius: 6px 6px 6px 6px;
  208. border-radius: 6px 6px 6px 6px;
  209. -moz-box-shadow: 4px 4px 15px #181818;
  210. -webkit-box-shadow: 4px 4px 15px #181818;
  211. box-shadow: 4px 4px 15px #181818;
  212. }
  213.  
  214. .post img{ max-width:100%;}
  215.  
  216. b, em, strong{
  217. color: {color:Bold text};
  218. font-weight:bold;
  219. }
  220.  
  221. i, em {
  222. color: {color:Italic text};
  223. font-weight:lighter;
  224. font-style:italic;
  225. }
  226.  
  227. .audio{
  228. max-width:100px;
  229. margin-right:5px;
  230. }
  231.  
  232. .source{
  233. margin-left: 25px;
  234. }
  235.  
  236. .ask{
  237. background-color: {color:Ask background};
  238. padding:5px;
  239. font-family: {Font:Body};
  240. font-size:10px;
  241. }
  242.  
  243.  
  244. .links{
  245. padding:5px;
  246. margin-left:5px;
  247. }
  248.  
  249. .sa{
  250. font-size:13px;
  251. font-style:normal;
  252. font-weight:light;
  253. font-family:MS Sans Serif;
  254. text-align:left;
  255. padding-left:10px;
  256. margin-left:5px;
  257. text-transform:uppercase;
  258. padding:3px;
  259. }
  260.  
  261.  
  262. #menu{
  263. background-color: {color:Navigation background};
  264. width:560px;
  265. padding-top:10px;
  266. padding-bottom:20px;
  267. padding-left:20px;
  268. padding-right:20px;
  269. position:fixed;
  270. left:370px;
  271. top:20px;
  272. -moz-border-radius: 40px 40px 40px 40px;
  273. -webkit-border-radius: 40px 40px 40px 40px;
  274. border-radius: 40px 40px 40px 40px;
  275. -moz-box-shadow: 4px 4px 15px #181818;
  276. -webkit-box-shadow: 4px 4px 15px #181818;
  277. box-shadow: 4px 4px 15px #181818;
  278. }
  279.  
  280. .menu {
  281. width:40px;
  282. display:inline-table;
  283. height:40px;
  284. margin-bottom:-5px;
  285. margin-left:14px;
  286. text-align:center;
  287. line-height: 40px;
  288. background-color: {color:Navigation};
  289. padding-bottom:2px;
  290. padding-top:2px;
  291. padding-right:2px;
  292. padding-left:2px;
  293. text-decoration:none;
  294. color:{color:Navigation text};
  295. font-family:consolas;
  296. font-size:8px;
  297. text-transform:uppercase;
  298. letter-spacing:2px;
  299. }
  300.  
  301. .menu:hover{
  302. background-color: {color:Navigation hover};
  303. color:{color:Navigation text hover};
  304. letter-spacing:1px;
  305. -moz-border-radius: 40px 40px 40px 40px;
  306. -webkit-border-radius: 40px 40px 40px 40px;
  307. border-radius: 40px 40px 40px 40px;
  308. }
  309.  
  310. .notes2 {
  311. background-color: {color:Permalink Background};
  312. font-family: consolas;
  313. font-size: 9px;
  314. text-align: center;
  315. width: 508px;
  316. margin-bottom: 15px;
  317. padding: 1px;
  318. text-transform: uppercase;
  319. letter-spacing: 1px;
  320. }
  321.  
  322. .notes2 a {
  323. color: {color:Permalink};
  324. text-decoration: none;
  325. letter-spacing: 2px;
  326. }
  327.  
  328. </style>
  329.  
  330.  
  331. {block:IfInfiniteScrolling}
  332. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  333. {/block:IfInfiniteScrolling}
  334.  
  335. </head>
  336. <body>
  337.  
  338.  
  339.  
  340. <div id="sidebar">
  341. <div id="sideimage">
  342. <img src="{image:Sidebar}" alt="">
  343. </div>
  344.  
  345. <div id="description">
  346. {description}
  347. </div>
  348.  
  349. <div id="menu">
  350. <a href="/" class="menu">home</a>
  351. <a href="/ask" class="menu">ask</a>
  352. <a href="http://safebeneaththesmoke.tumblr.com/" class="menu">theme</a>
  353. {block:IfLink1}<a href="{text:Link 1 URL}" class="menu">{text:Link 1}</a>{/block:IfLink1}
  354. {block:IfLink2}<a href="{text:Link 2 URL}" class="menu">{text:Link 2}</a>{/block:IfLink2}
  355. {block:IfLink3}<a href="{text:Link 3 URL}" class="menu">{text:Link 3}</a>{/block:IfLink3}
  356. {block:IfLink4}<a href="{text:Link 4 URL}" class="menu">{text:Link 4}</a>{/block:IfLink4}
  357. {block:IfLink5}<a href="{text:Link 5 URL}" class="menu">{text:Link 5}</a>{/block:IfLink5}
  358. {block:IfLink6}<a href="{text:Link 6 URL}" class="menu">{text:Link 6}</a>{/block:IfLink6}
  359. </div>
  360.  
  361.  
  362.  
  363. {block:IfNotInfiniteScrolling}
  364. {block:Pagination}
  365. <center>
  366. {block:PreviousPage}
  367. <a href="{PreviousPage}"><big>←</big></a>
  368. {/block:PreviousPage}
  369. {block:NextPage}
  370. <a href="{NextPage}"><big>→</big></a>
  371. {/block:NextPage}
  372. </center>
  373. {/block:Pagination}
  374. {/block:IfNotInfiniteScrolling}
  375. </div>
  376.  
  377.  
  378. <div id="posts">
  379. <div style="position:center; top:80px; left:400px;">
  380.  
  381. {block:IfInfiniteScrolling}
  382. <div class="autopagerize_page_element">
  383. {/block:IfInfiniteScrolling}
  384.  
  385. {block:Posts}
  386.  
  387. <div class="post">
  388.  
  389.  
  390. {block:Text}
  391. {block:Title}
  392. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  393. {/block:Title}
  394. {Body}
  395. {/block:Text}
  396.  
  397.  
  398. {block:Photo}
  399. {block:IfBiggerPost}
  400. {LinkOpenTag}
  401. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  402. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  403. {linkCloseTag}
  404. {/block:IfBiggerPost}
  405.  
  406.  
  407. {block:IfNotBiggerPost}
  408. {LinkOpenTag}
  409. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  410. <img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/>
  411. {linkCloseTag}
  412. {/block:IfNotBiggerPost}
  413.  
  414.  
  415. {block:IfShowCaption}
  416. {block:Caption}{Caption}{/block:Caption}
  417. {/block:IfShowCaption}
  418.  
  419. {block:IfNotShowCaption}{block:PermalinkPage}
  420. {block:Caption}{Caption}{/block:Caption}
  421. {block:PermalinkPage}{/block:IfNotShowCaption}
  422. {/block:Photo}
  423.  
  424. {block:Photoset}
  425.  
  426. {block:IfBiggerPost}
  427. {Photoset-500}
  428. {/block:IfBiggerPost}
  429.  
  430. {block:IfNotBiggerPost}
  431. {Photoset-400}
  432. {/block:IfNotBiggerPost}
  433.  
  434. {block:IfShowCaption}
  435. {block:Caption}{Caption}{/block:Caption}
  436. {/block:IfShowCaption}
  437.  
  438. {block:IfNotShowCaption}{block:PermalinkPage}
  439. {block:Caption}{Caption}{/block:Caption}
  440. {block:PermalinkPage}{/block:IfNotShowCaption}
  441. {/block:Photoset}
  442.  
  443. {block:Quote}
  444. <div class="links">❝{Quote}❞</div>
  445. {block:Source}
  446. <div class="source"> — {Source} </div>
  447. {/block:Source}
  448. {/block:Quote}
  449.  
  450. {block:Link}
  451. <div class="sa">
  452. &rarr; <a href="{URL}" {Target}>{Name}</a>
  453. </div>
  454. {block:Description}
  455. {Description}
  456. {/block:Description}{/block:Link}
  457.  
  458. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  459. {/block:Lines}
  460. {/block:Chat}
  461.  
  462. {block:Audio}
  463. <div style="width:100%; background-color:#000;">{AudioPlayerBlack}</div>
  464. {/block:Audio}
  465.  
  466. {block:Video}
  467.  
  468. {block:IfBiggerPost}
  469. {video-500}
  470. {/block:IfBiggerPost}
  471.  
  472. {block:IfNotBiggerPost}
  473. {video-400}
  474. {/block:IfNotBiggerPost}
  475.  
  476.  
  477. {block:Caption}{Caption}{/block:Caption}
  478. {/block:Video}
  479.  
  480. {block:Answer}
  481. <div class="ask">{Asker}: <big>❝</big>{Question}<big>❞</big></div>
  482. {Answer}
  483. </div>
  484. {/block:Answer}
  485. </div>
  486.  
  487. {block:IndexPage}<div class="notes2">
  488. {block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}{block:NoteCount}&nbsp;&nbsp;|&nbsp;&nbsp;{NoteCountWithLabel}{/block:NoteCount}</a>
  489. </div>{/block:IndexPage}
  490.  
  491. {/block:Posts}
  492. </div>
  493.  
  494. </body>
  495. </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!