API tools faq
paste
Advertisement
lizarps

Theme #002: Tom Ford

lizarps
Aug 21st, 2013
598
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.19 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. - original theme by stephofrp + elleofrph // edited by lizarps
  3. - keep the credit on bitchez!
  4. -->
  5. <head>
  6.  
  7. <title>{title}</title>
  8. <link rel=”shortcut icon” href=”{Favicon}”/>
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <meta name="color:background"content="#ffffff">
  13. <meta name="color:bold"content="#ffffff">
  14. <meta name="color:italic"content="#ffffff">
  15. <meta name="color:text"content="#4eadbd">
  16. <meta name="color:link"content="#4eadbd">
  17. <meta name="color:post"content="#ffffff">
  18. <meta name="color:hover"content="#ffffff">
  19. <meta name="color:border"content="#4eadbd">
  20. <meta name="color:background"content="#ffffff">
  21. <meta name="color:description"content="#ffffff">
  22.  
  23. <meta name="image:background" content=""/>
  24. <meta name="image:title" content=""/>
  25. <meta name="image:sidebar1"content="">
  26. <meta name="image:sidebar2"content=""/>
  27. <meta name="image:refresh" content=""/>
  28. <meta name="image:ask" content=""/>
  29. <meta name="image:navi" content=""/>
  30.  
  31. <meta name="image:cutout"content=""/>
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. ::-webkit-scrollbar-thumb:vertical {background-color:{color:post}; height:3px;}
  37. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:text}; height:3px !important;}
  38. ::-webkit-scrollbar {height:0px; width:2px; background-color:{color:text};}
  39.  
  40. height: 12px;
  41.  
  42. width: 5px;
  43.  
  44. background: {color:border};
  45.  
  46. }
  47.  
  48. ::-webkit-scrollbar-thumb {
  49.  
  50. background-image:url(URL OF IMAGE HERE);
  51.  
  52. border:1px solid {color:posts};
  53.  
  54. -webkit-border-radius: 5ex;
  55.  
  56. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  57.  
  58. }
  59.  
  60. ::-webkit-scrollbar-corner {
  61.  
  62. background: {color:posts};
  63.  
  64. }
  65.  
  66. body{
  67. color:{color:text};
  68. font-family:courier new;
  69. font-size:12px;
  70. background:{color:background} url('{image:background}') top left fixed repeat;
  71. }
  72.  
  73. h1 {
  74. font-family:Georgia;
  75. font-size:15px;text-align:center;
  76. font-style:italic;
  77. line-height:80%;
  78. letter-spacing:1px;border:1px solid {color:border};
  79. background-color:{color:background}; padding:6px; font-weight:italic;
  80. }
  81.  
  82. h2 {
  83. font-family:Georgia;
  84. font-size:19px;text-align:center;
  85. font-style:italic;
  86. line-height:80%;border:1px solid {color:border};
  87. letter-spacing:1px;
  88. background-color:{color:background}; padding:6px; font-weight:italic;
  89. }
  90.  
  91.  
  92. blockquote {
  93. border-left:2px solid {color:border};
  94. margin-left:3px;
  95. padding-left:5px; }
  96.  
  97. b { font-weight:bold;
  98. color:{color:bold}; }
  99. i { font-weight:italic;
  100. color:{color:italic}; }
  101. u {text-decoration:none;
  102. border-bottom:1px solid {color:text}; }
  103.  
  104. a { color:{color:link};
  105. font-family:Georgia;
  106. text-decoration:none;-moz-transition-duration:0.5s;
  107. -webkit-transition-duration:0.5s;
  108. -o-transition-duration:0.5s;}
  109. a:hover {color:{color:hover};}
  110.  
  111. #cutout {position: fixed;width: 400px;height: 800px;margin-left: 960px;margin-top: 80px;}
  112.  
  113. #description{
  114. margin-top:330px;
  115. margin-left:625px;
  116. position:fixed;
  117. width:180px;
  118. height:180px;
  119. border:3px double {color:border};
  120. background-color:{color:background};
  121. }
  122.  
  123. #todo{
  124. margin-top:90px;
  125. margin-left:830px;
  126. position:fixed;
  127. width:180px;
  128. height:180px;
  129. border:3px double {color:border};
  130. background-color:{color:background};
  131. }
  132.  
  133. #entries{
  134. width:500px;
  135. margin-left:30px;
  136. margin-top:0px;
  137. position:absolute;
  138. }
  139.  
  140. #post{
  141. padding:19px;
  142. background-color:{color:post};
  143. border:3px double {color:border};
  144. width:500px;
  145. float:left;
  146. margin:8px;
  147. }
  148.  
  149. #pagination {
  150. font-size:35px;
  151. text-align:center;margin-top:350px; margin-left:850px;
  152. font-family:{font:Helvetica};
  153. text-align:center;
  154. position:fixed;
  155. }
  156. #pagination a {
  157. color:{color:Sidebar Links};
  158. }
  159.  
  160. #pagination a:hover {
  161. color:{color:Sidebar Links Hover};
  162. }
  163.  
  164.  
  165. #title {
  166. position: fixed;
  167. z-index:9;
  168. top: 0px;
  169. margin-left: 645px;
  170. }
  171.  
  172.  
  173. #sidebar1 {
  174. margin-top:150px;
  175. margin-left:655px;
  176. position:fixed;
  177. width:150px;
  178. height:150px;
  179. border:3px double {color:border};
  180. background-color:{color:background};
  181. background-image: url('image:sidebar1'); }
  182.  
  183. #sidebar2 {
  184. margin-top:330px;
  185. margin-left:830px;
  186. position:fixed;
  187. width:150px;
  188. height:150px;
  189. border:3px double {color:border};
  190. background-color:{color:background};
  191. background-image: {color:background};}
  192.  
  193.  
  194. .grow {-webkit-transform: scale(.8); -webkit-transition: all 0.5s ease-out;
  195.  
  196. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  197.  
  198. .grow:hover {-webkit-transform: scale(1); -webkit-transition: all 0.5s ease-out;
  199.  
  200. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  201.  
  202.  
  203. #refresh {
  204. position: fixed;
  205. margin-left: 1025px;
  206. margin-top: 180px;
  207. }
  208.  
  209. #refresh a:hover {
  210. color:{color:Sidebar Links Hover};
  211. }
  212.  
  213. #ask {
  214. position: fixed;
  215. margin-left: 1025px;
  216. margin-top:255px;
  217. }
  218.  
  219. #navi {
  220. position: fixed;
  221. margin-left: 1025px;
  222. margin-top:330px;
  223. }
  224.  
  225.  
  226. #links a {
  227. border:1px solid {color:border};display:inline-block;
  228. background-color:{color:description};
  229. margin-top:5px;
  230. margin-left:1px;
  231. color:{color:link};
  232. position:relative;
  233. padding:4px;font-family:helvetica;
  234. font-size:10px;-moz-transition-duration:0.5s;
  235. -webkit-transition-duration:0.5s;
  236. -o-transition-duration:0.5s;}
  237.  
  238. #links a:hover {font-style:italic; border:3px solid {color:border};color:{color:hover};}
  239.  
  240. #info {
  241. color:{color:text};
  242. text-align:center;
  243. font-family:calibri;
  244. font-size: 9px;
  245. letter-spacing:0px;
  246. font-style: normal;
  247. margin-top:15px;
  248. width:480px;
  249. border-bottom: 0px solid {color:border};
  250. padding:3px;outline:0px solid {color:border};
  251. outline-offset:4px;
  252. text-transform:uppercase;
  253. }
  254.  
  255. #info a {
  256. color:{color:text};
  257. text-align:left;
  258. font-size: 9px;
  259. letter-spacing:0px;
  260. font-style:normal;
  261. }
  262.  
  263. #info a:hover {
  264. color:{color:hover};
  265. }
  266.  
  267.  
  268. .note {
  269. text-transform:uppercase;
  270. font-style:normal;
  271. letter-spacing:0px;
  272. font-size: 8px;
  273. text-align:left;
  274. line-height:90%;
  275. margin-left:-40px;
  276. }
  277.  
  278. .note li {
  279. list-style-type:none;
  280. border-bottom:1px solid {color:border};
  281. padding:10px 25px 10px 25px;
  282. text-align:left;
  283. margin:0px;
  284. -moz-transition-duration:0.5s;
  285. -webkit-transition-duration:0.5s;
  286. -o-transition-duration:0.5s;
  287. }
  288.  
  289. #credit {
  290. position:fixed;
  291. font-size:8px;
  292. font-weight:normal;
  293. line-height:150%;
  294. letter-spacing:0px;
  295. right:10px;
  296. bottom:10px;
  297. text-transform:uppercase;
  298. text-align:center;}
  299. #credit a {
  300. padding:3px;
  301. color:{color:text};
  302. border:1px solid {color:border};
  303. background-color:{color:background};
  304. -moz-transition-duration:0.5s;
  305. -webkit-transition-duration:0.5s;
  306. -o-transition-duration:0.5s; }
  307.  
  308. {CustomCSS}</style>
  309.  
  310. </head>
  311. <body>
  312. <center>
  313. <div id="sidebar1"><img src="{image:sidebar1}"/></div>
  314. <div id="sidebar2"><img src="{image:sidebar2}"/></div>
  315. </center>
  316. <div id="cutout"><img src="{image:cutout}"></div>
  317.  
  318. </center>
  319.  
  320. <div id="description"><div style="width:180px;height:180px;overflow:scroll;"><center><code><small>THIS IS YOUR DESCRIPTION/WHAT I DO BOX<br><br>you have to make sure you edit it through the edit html on your page editor. Just copy a little of what it says here, and ctrl + F it in your html coding, you can then edit it to say whatever you want it to say :)<br><br></code></small>
  321. </div></div><br>{block:Description}{Description}{/block:Description}<br></div>
  322.  
  323. <div id="todo"><div style="width:180px;height:180px;overflow:scroll;"><center><code><small>THIS IS YOUR TO-DO/WHATEVER YOU WANT BOX<br><br>Pretty much do the same as you did to edit the description/what i do box, and you'll be fine, don't worry about it overflowing, there's a scrollbar that will allow you/visitors to scroll through whatever you type in here :)<br><br></code></small>
  324. </div></div><br>{block:Description}{Description}{/block:Description}<br></div>
  325.  
  326. <div id="title"><img src="{image:title}"></div>
  327.  
  328.  
  329. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}<br></div>
  330.  
  331. <div id="refresh">
  332. <a href="/">
  333. <a href="/"><img src="{image:refresh}" class="grow"/></a></div>
  334. <div id="ask">
  335. <a href="/ask">
  336. <a href="/"><img src="{image:ask}" class="grow"/></a></div>
  337. <div id="navi">
  338. <a href="/navi">
  339. <a href="/"><img src="{image:navi}" class="grow"/></a></div>
  340.  
  341. <div id="entries">
  342.  
  343. {block:Posts}
  344.  
  345. <div id="post">
  346.  
  347. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  348.  
  349. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  350.  
  351. {block:Photoset}<center>{Photoset-500}</center>
  352. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  353.  
  354.  
  355. {block:Quote}
  356. <h2>{Quote}</h2>
  357. <div align="right">
  358. {block:Source}<h1>-{Source}</h1>{/block:Source}
  359. </div>
  360. {/block:Quote}
  361.  
  362.  
  363. {block:Video}
  364. {Video-500}<br>
  365. {PlayCountWithLabel}
  366. {/block:Video}
  367.  
  368.  
  369. {block:Link}
  370. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a><BR>
  371. {block:Description}{Description}{/block:Description}
  372. {/block:Link}
  373.  
  374. {block:Chat}
  375. {block:Lines}
  376. {block:Label}
  377. <br>{Label}
  378. {/block:Label}
  379. &nbsp;{Line}
  380. {/block:Lines}
  381. {/block:Chat}
  382.  
  383. {block:Audio}
  384. {AudioPlayerWhite}
  385. <br><div align="right">{block:Artist}
  386. Artist: {Artist}</div>
  387. {/block:Artist}<br>
  388. {block:Caption}{Caption}{/block:Caption}
  389. {/block:Audio}
  390.  
  391.  
  392. {block:Answer}
  393. {Asker} hit me up with: <strong>{Question}</strong><Br>
  394. {Answer}
  395. {/block:Answer}
  396.  
  397. {block:Date}<div id="info">posted like <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} ♡ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  398. {block:ContentSource} ( dis bitch <a href="{SourceURL}">{SourceLink}</a> ){/block:ContentSource}</div>{/block:Date}
  399.  
  400. <div class="note">
  401. {block:PostNotes}{PostNotes}{/block:PostNotes}
  402. </div>
  403. </div>
  404.  
  405. {/block:Posts}
  406.  
  407. </div>
  408. <div id="credit"><a href="http://lizarps.tumblr.com"><big>T H N X<big></a>
  409. </div>
  410. </body>
  411. </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!