API tools faq
paste
Advertisement
inmyb0nes

#06 Warrior

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