API tools faq
paste
Guest User

Odysseus by partyfez

a guest
May 25th, 2014
360
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.41 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" xml:lang="en" lang="en">
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  9.  
  10.  
  11. <!---
  12. - Theme 01 by Jess aka partyfez
  13. - Do not steal or I'll cry and I'm ugly when I cry
  14. - Do not remove credit
  15. - Maybe reblog or like the post?
  16. - Have a lovely day <3
  17.  
  18. --->
  19.  
  20.  
  21. <meta name="color:background" content="#ffffff"/>
  22. <meta name="color:text" content="#000000"/>
  23. <meta name="color:link" content="#888888"/>
  24. <meta name="color:hover" content="#ffffff"/>
  25. <meta name="color:accent" content="#ffffff"/>
  26. <meta name="color:title" content="#ffffff"/>
  27. <meta name="color:link hover" content="#ffffff"/>
  28. <meta name="color:scrollbar" content="#ffffff"/>
  29. <meta name="color:scrollbar bg" content="#ffffff"/>
  30.  
  31. <meta name="color:bold" content="#ffffff"/>
  32. <meta name="color:italics" content="#ffffff"/>
  33. <meta name="color:strikethrough" content="#ffffff"/>
  34.  
  35.  
  36. <meta name="image:sidebar" content="" />
  37. <meta name="text:link I url" content="/"/>
  38. <meta name="text:link II url" content="/"/>
  39. <meta name="text:link III url" content="/"/>
  40. <meta name="text:link IV url" content="/"/>
  41. <meta name="text:link V url" content="/"/>
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46. *, body, a, a:hover {cursor: url(http://i.imgur.com/vl6y9.jpg), auto;}
  47.  
  48. body {
  49. background-color:{color:background};
  50. font-family:times;
  51. font-size:9px;
  52. color:{color:text};
  53. }
  54.  
  55. a {
  56. color:{color:link};
  57. text-decoration:none;
  58. -webkit-transition-duration:.4s;
  59. -moz-transition-duration:.4s;
  60. -o-transition-duration:.4s;
  61. }
  62.  
  63. a:hover {
  64. color:{color:hover};
  65. -webkit-transition-duration:.3s;
  66. -moz-transition-duration:.3s;
  67. -o-transition-duration:.3s;
  68. }
  69.  
  70. h1 {
  71. font-size:12px;
  72. font-weight:normal;
  73. letter-spacing:2px;
  74. text-transform:uppercase;
  75. color:{color:accent};
  76. }
  77.  
  78. b {
  79. color:{color:bold};
  80. }
  81.  
  82. i {
  83. color:{color:italics};
  84. }
  85.  
  86. em {
  87. color:{color:italics};
  88. }
  89.  
  90. s {
  91. color:{color:strikethrough};
  92. }
  93.  
  94. big {
  95. color:#427ea3;
  96. font-size:2em;
  97. }
  98.  
  99. strong {
  100. color:{color:bold};
  101. }
  102.  
  103.  
  104. blockquote {
  105. padding-left:5px;
  106. border-left:2px solid {color:accent};;
  107. }
  108.  
  109. blockquote blockquote {
  110. padding-left:10px;
  111. border-left:2px solid {color:accent};
  112. }
  113.  
  114.  
  115.  
  116. #title {
  117.  
  118. font-family:times;
  119. font-size:18px;
  120. color:black;
  121. letter-spacing:2px;
  122. text-transform:uppercase;
  123. font-weight:bold;
  124. font-style:italic;
  125. -webkit-transition-duration:.5s;
  126. -moz-transition-duration:.5s;
  127. -o-transition-duration:.5s;
  128. }
  129.  
  130. #title a {
  131. color:{color:title};
  132. -webkit-transition-duration:.5s;
  133. -moz-transition-duration:.5s;
  134. -o-transition-duration:.5s;
  135. }
  136.  
  137. #title a:hover {
  138. color:white;
  139. -webkit-transition-duration:.5s;
  140. -moz-transition-duration:.5s;
  141. -o-transition-duration:.5s;
  142. }
  143.  
  144.  
  145. /*---SIDEBAR---*/
  146. #sidebar {
  147. width:150;
  148. height:auto;
  149. margin-left:200px;
  150. margin-top:120px;
  151. position:fixed;
  152. }
  153.  
  154. #sidebarimage {
  155. width:150px;
  156.  
  157.  
  158. }
  159.  
  160. #sidebarimage img {
  161.  
  162. width:150px;
  163. border:3px {color:title} double;
  164. }
  165.  
  166. #desc {
  167.  
  168. width:150px;
  169. margin-top:15px;
  170. color:gray;
  171. text-align:center;
  172. font-family:times;
  173. font-size:8px;
  174. text-transform:uppercase;
  175. font-weight:bold;
  176. }
  177.  
  178.  
  179.  
  180. #links {
  181. width:150px;
  182. word-spacing:2px;
  183. display:inline-block;
  184. font-family:times;
  185. text-align:center;
  186. font-size:11px;
  187. padding:3px;
  188. font-weight:normal;
  189. margin-top:8px;
  190. color:black;
  191. letter-spacing:1px;
  192. text-transform:uppercase;
  193. }
  194.  
  195.  
  196. #links a {
  197. color:{color:links};
  198. }
  199.  
  200.  
  201. #links a:hover {
  202. color:{color:link hover};
  203. -webkit-transition-duration:.5s;
  204. -moz-transition-duration::.5s;
  205. -o-transition-duration:.5s;
  206.  
  207. }
  208.  
  209. #postcontainer {
  210. margin-left:500px;
  211. margin-top:50px;
  212. width:500px;
  213. }
  214.  
  215. #post {
  216.  
  217. text-align:left;
  218. width:500px;
  219. padding:10px;
  220. }
  221.  
  222. .asker {
  223. background-color:{color:hover};
  224. border-bottom:2px solid {color:accent};
  225. width:100%;
  226. text-align:right;
  227. padding:5px;
  228. font-family:times;
  229. font-size:9px;
  230. color:black;
  231. letter-spacing:1px;
  232. text-transform:uppercase;
  233. font-weight:normal;
  234. }
  235.  
  236.  
  237. .asker a {
  238. border:none;
  239. }
  240. .question {
  241. background-color:white;
  242. color:gray;
  243. width:100%;
  244. padding:0px;
  245. font-family:times;
  246. text-align:right;
  247. font-size:10px;
  248. min-height:20px;
  249. font-style:italic;
  250.  
  251. }
  252.  
  253. .reply {
  254.  
  255. padding:0px;
  256. font-size:10px;
  257. font-weight:bold;
  258. font-style:italic;
  259. }
  260.  
  261.  
  262. #info {
  263. width:500px;
  264. text-align:left;
  265. font-family:times;
  266. margin-top:3px;
  267. margin-left:px;
  268. letter-spacing:0px;
  269. font-size:9px;
  270. font-style:none;
  271. padding:1px;
  272. line-height:20px;
  273. text-transform:lowercase;
  274. border-top:1px solid;
  275. border-color:gray;
  276. opacity:10;
  277. -moz-transition-duration:0.6s;
  278. -webkit-transition-duration:0.6s;
  279. -o-transition-duration:0.6s;
  280. }
  281.  
  282. #info a {
  283. text-align:center;
  284. color:{color:Links};
  285. }
  286.  
  287. #info a:hover {
  288. -moz-transition-duration:0.3s;
  289. -webkit-transition-duration:0.3s;
  290. -o-transition-duration:0.3s;
  291. color:{color:Hover}
  292. }
  293. #post:hover #info {
  294. opacity:1.0;
  295. -moz-transition-duration:0.6s;
  296. -webkit-transition-duration:0.6s;
  297. -o-transition-duration:0.6s;
  298. }
  299.  
  300. #tags {
  301. float:left;
  302. width:489px;
  303. margin-top:-7px;
  304. margin-left:-5px;
  305. text-align:left;
  306. font-size:7px;
  307. padding:5px;
  308. font-size:8px;
  309. opacity:1;
  310. transition-duration: 0.5s;
  311. -moz-transition-duration: 0.5s;
  312. -webkit-transition-duration: 0.5s;
  313. -o-transition-duration: 0.5s
  314. color:{color:Links};
  315. }
  316.  
  317. #tags a {
  318. letter-spacing:0px;
  319. font-size:8px;
  320. text-align:center;
  321. font-family:'CALIBRI';
  322. text-decoration:none;
  323. display:inline-block;
  324. color:{color:links};
  325. }
  326.  
  327. #tags a:hover {
  328. background-color:#fff;
  329. -moz-transition-duration:0.3s;
  330. -webkit-transition-duration:0.3s;
  331. -o-transition-duration:0.3s;
  332. color:{color:Hover};
  333. }
  334.  
  335. ::-webkit-scrollbar-thumb {
  336. height:auto;
  337. background-color:{color:scrollbar};
  338. }
  339.  
  340. ::-webkit-scrollbar {
  341. height:9px;
  342. width:4px;
  343. background-color:{color:scrollbar bg};
  344. }
  345.  
  346. ::selection {
  347. background-color:{color:accent};
  348. }
  349.  
  350.  
  351. #cred {
  352. bottom:3px;
  353. position:fixed;
  354. right:10px;
  355. float:right;
  356. font-family:times;
  357. font-weight:bold;
  358. color:black;
  359. padding:2px;
  360. font-size:9px;
  361. letter-spacing:0px;
  362. text-transform:uppercase;
  363. border:1px solid;
  364. }
  365.  
  366. #cred a {
  367. color:black;
  368. }
  369.  
  370. #cred a:hover {
  371. color:{color:accent};
  372. }
  373.  
  374.  
  375. .photoset {
  376. -webkit-transition-duration:1s;
  377. -moz-transition-duration:1s;
  378. -o-transition-duration:1s;
  379. }
  380.  
  381.  
  382.  
  383.  
  384.  
  385. </style>
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  395.  
  396.  
  397. </head>
  398. <body>
  399.  
  400. <div id="sidebar">
  401. <div id="title"><a href="/">{Title}</a></div>
  402.  
  403. <div id="sidebarimage">
  404.  
  405. <img src="{image:sidebar}">
  406.  
  407. </div>
  408.  
  409. <div id="links">
  410. <a href="{text:link1url}">I.</a>
  411. <a href="{text:link2url}">II.</a>
  412. <a href="{text:link3url}">III.</a>
  413. <a href="{text:link4url}">IV.</a>
  414. <a href="{text:link5url}">V.</a>
  415.  
  416. </div>
  417. <div id="desc">{Description}</div>
  418.  
  419.  
  420.  
  421. <!---PAGINATION--->
  422.  
  423. <div id="pagi">
  424. {block:Pagination}
  425. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  426. {block:JumpPagination length="5"}
  427. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  428. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  429. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  430. {/block:Pagination}
  431. </div></div>
  432.  
  433.  
  434.  
  435. <div id="postcontainer">
  436. {block:Posts}
  437. <div id="post">
  438. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  439.  
  440. <!---PHOTO POSTS--->
  441.  
  442. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  443.  
  444. <!---PHOTOSETS--->
  445.  
  446. {block:Photoset}
  447. <div class="photoset">{Photoset-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  448.  
  449. <!---VIDEO POSTS--->
  450.  
  451. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  452.  
  453. <!---AUDIO POSTS--->
  454.  
  455. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  456.  
  457. <!---QUOTE POSTS--->
  458.  
  459. {block:Quote}{Quote}{block:Source}-{Source}{/block:Source}{/block:Quote}
  460.  
  461. <!---LINK POSTS--->
  462.  
  463. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  464.  
  465. <!---ANSWER POSTS--->
  466.  
  467. {block:Answer}
  468. <div class="asker">
  469. {Asker} said:</div><div class="question">{Question}</div>
  470. <div class="reply">
  471. {Answer}</div>
  472. {/block:Answer}
  473.  
  474. <!---CHAT POSTS--->
  475.  
  476. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}{/block:Lines}{/block:Chat}
  477.  
  478. <div id="info">
  479.  
  480. <!---POST INFO--->
  481. <a href="{Permalink}">{MonthNumber}/{DayOfMonth}/{Year}</a>
  482. | <a href="{Permalink}">{NoteCountWithLabel}</a>
  483.  
  484. {block:HasTags}filed: <i>{block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:HasTags}</i>
  485. </div></div>
  486. {/block:Posts}</div>
  487.  
  488. </div>
  489.  
  490.  
  491. <!---theme maker credit, feel free to change it to your own if you've made significant edits!--->
  492. <div id="cred"><a href="http://partyfez.tumblr.com/"><!---the link address of the credit (aka where you want the link to go)--->
  493. JG<!---the text of the credit that shows up on your blog--->
  494. </a></div>
  495.  
  496.  
  497. </body>
  498. <!---if you wanted to add a pop up ask box, you would want to put that in here--->
  499. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!