Advertisement
becky4268

theme 25

Sep 23rd, 2013
1,035
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.99 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!-- Code by ofjack -->
  10. <!-- DO NOT BREAK THE RULES OR I WILL HUNT YOU DOWN -->
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#a8a8a8"/>
  14. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  15. <meta name="color:DescriptionText" content="#b8b8b8"/>
  16. <meta name="color:Border" content="#dddddd"/>
  17. <meta name="color:Hover" content="#f2f2f2"/>
  18. <meta name="color:Scrollbar" content="#000000"/>
  19. <meta name="color:ScrollbarBg" content="#ffffff"/>
  20. <meta name="color:Post Links" content="#c0bfbf"/>
  21. <meta name="color:Answer Backg" content="#000000"/>
  22. <meta name="image:Sidebar" content=""/>
  23. <meta name="image:Background" content=""/>
  24. <meta name="text:subtitle" content="" />
  25. <meta name="text:Link 1" content="" />
  26. <meta name="text:Link 1 Text" content="" />
  27. <meta name="text:Link 2" content="" />
  28. <meta name="text:Link 2 Text" content="" />
  29. <meta name="text:Link 3" content="" />
  30. <meta name="text:Link 3 Text" content="" />
  31. <meta name="if:Show Link 1" content="1" />
  32. <meta name="if:Show Link 2" content="1" />
  33. <meta name="if:Show Link 3" content="1" />
  34.  
  35.  
  36. <style type="text/css">
  37.  
  38. ::-webkit-scrollbar-thumb{
  39. background-color: #050505;
  40. border: 2px solid #fff;
  41. height:auto;
  42. }
  43.  
  44. ::-webkit-scrollbar {
  45. height:9px;
  46. width:9px;
  47. background-color: #050505;
  48. border: 4px solid #fff;
  49. }
  50.  
  51. ::selection {
  52. background-color:#f9f9f9;
  53. }
  54.  
  55. body {
  56. background:{color:background};
  57. margin:0px;
  58. color:{color:text};
  59. font-family:calibri;
  60. font-size:10px;
  61. line-height:100%;
  62. letter-spacing:0px;
  63. text-align:justify;
  64. background-image:url('{image:Background}');
  65. }
  66.  
  67. a {
  68. text-decoration:none;
  69. outline:none;
  70. -moz-outline-style:none;
  71. color:{color:Post Links};
  72. }
  73.  
  74. img {
  75. border:none;
  76. }
  77.  
  78. blockquote {
  79. padding-left:5px;
  80. border-left:2px solid;
  81. }
  82.  
  83. blockquote blockquote {
  84. padding-left:5px;
  85. border-left:2px solid;
  86. }
  87.  
  88. h1 {
  89. font-size:8px;
  90. letter-spacing:2px;
  91. text-transform:uppercase;
  92. font-family:'CAMBRIA';
  93. font-style:none;
  94. line-height:10px;
  95. text-align:left;
  96. padding:0px;
  97. }
  98.  
  99. a:hover {
  100. color:#000000;
  101. -moz-transition-duration:0.3s;
  102. -webkit-transition-duration:0.3s;
  103. -o-transition-duration:0.3s;
  104. }
  105.  
  106. #entries {
  107. padding:10px;
  108. width:500px;
  109. margin-left:302px;
  110. margin-top:5px;
  111. font-size:10px;
  112. font-family:'arial';
  113. letter-spacing:0px;
  114. }
  115.  
  116. #post {
  117. width:500px;
  118. padding-bottom:40px;
  119. padding:25px;
  120. margin-top:50px;
  121. }
  122.  
  123. #sidebar {
  124. position:fixed;
  125. margin-left:100px;
  126. margin-top:80px;
  127. margin-left:170px;
  128. }
  129.  
  130. #sidebarimage {
  131. width 130px;
  132. }
  133.  
  134. #sidebarimage img {
  135. width:185px;
  136. margin-top:164px;
  137. padding:3px;
  138. margin-left:-80px;
  139. }
  140.  
  141. .links {
  142. width:152px;
  143. font-family:'calibri';
  144. padding: 4px;
  145. text-align:center;
  146. text-transform:uppercase;
  147. position:fixed;
  148. margin-top:7px;
  149. margin-left:-66px;
  150. }
  151.  
  152. .links a {
  153. width:94px;
  154. padding:4px;
  155. font-size:8px;
  156. letter-spacing:0px;
  157. color:#696969;
  158. }
  159.  
  160. .links a:hover {
  161. -moz-transition-duration:0.3s;
  162. -webkit-transition-duration:0.3s;
  163. -o-transition-duration:0.3s;
  164. color:{color:Hover};
  165. }
  166.  
  167. #description {
  168. text-align:justify;
  169. font-family:'Arial';
  170. width:165px;
  171. margin-top:15px;
  172. margin-left:-15px;
  173. font-size:9px;
  174. position:fixed;
  175. background:#111;
  176. padding:10px;
  177. text-transform:none;
  178. color:#fff;
  179. }
  180.  
  181. #title {
  182. text-align:right;
  183. font-family:courier;
  184. width:210px;
  185. margin-top:-30px;
  186. margin-left:-140px;
  187. font-size:20px;
  188. position:fixed;
  189. text-transform:none;
  190. color:#111;
  191. padding-bottom:5px;
  192. font-style:italic;
  193. border-bottom:2px #111 solid;
  194. -webkit-transform: rotate(-90deg);
  195. -moz-transform: rotate(-90deg);
  196. -o-transform: rotate(-90deg);
  197. }
  198.  
  199. #pagination {
  200. font-style:bold;
  201. padding:2px;
  202. font-family:'arial';
  203. letter-spacing:0px;
  204. font-size:9px;
  205. text-align:center;
  206. padding:2px;
  207. margin-top:90px;
  208. text-transform:lowercase;
  209. }
  210.  
  211. #info {
  212. width:500px;
  213. text-align:left;
  214. font-family:'trebuchet ms';
  215. margin-top:3px;
  216. margin-left:px;
  217. letter-spacing:1px;
  218. font-size:7px;
  219. font-style:none;
  220. padding:1px;
  221. line-height:10px;
  222. text-transform:uppercase;
  223. border-top:1px solid;
  224. border-color:{color:Border};
  225. }
  226.  
  227. #info a {
  228. text-align:center;
  229. color:{color:Post Links};
  230. }
  231.  
  232. #info a:hover {
  233. -moz-transition-duration:0.3s;
  234. -webkit-transition-duration:0.3s;
  235. -o-transition-duration:0.3s;
  236. color:{color:Hover}
  237. }
  238.  
  239. #tags {
  240. float:left;
  241. width:489px;
  242. margin-top:-7px;
  243. margin-left:-5px;
  244. text-align:left;
  245. font-size:7px;
  246. padding:5px;
  247. font-size:8px;
  248. opacity:1;
  249. transition-duration: 0.5s;
  250. -moz-transition-duration: 0.5s;
  251. -webkit-transition-duration: 0.5s;
  252. -o-transition-duration: 0.5s
  253. color:{color:Post Links};
  254. }
  255.  
  256. #tags a {
  257. letter-spacing:0px;
  258. font-size:8px;
  259. text-align:center;
  260. font-family:'CALIBRI';
  261. text-decoration:none;
  262. display:inline-block;
  263. color:#ddd;
  264. }
  265.  
  266. #tags a:hover {
  267. background-color:#fff;
  268. -moz-transition-duration:0.3s;
  269. -webkit-transition-duration:0.3s;
  270. -o-transition-duration:0.3s;
  271. color:{color:Hover};
  272. }
  273.  
  274. #asker {
  275. color:#fcfcfc;
  276. padding:14px;
  277. font-family:'arial';
  278. font-size:11px;
  279. letter-spacing:0px;
  280. text-align:left;
  281. margin-top:0px;
  282. text-transform:lowercase;
  283. line-height:100%;
  284. background-color:{color:Answer Backg}
  285. }
  286.  
  287. #cred {
  288. position:fixed;
  289. font-size:8px;
  290. font-family:calibri;
  291. letter-spacing:1px;
  292. right:10px;
  293. bottom:10px;
  294. text-transform:uppercase;
  295. text-align:center;
  296. border:1px solid #c9c9c9;
  297. padding:5px;
  298. background-color:#fafafa;
  299. }
  300.  
  301. #cred a {
  302. padding:0px;
  303. color:{color:link};
  304. -moz-transition-duration:0.5s;
  305. -webkit-transition-duration:0.5s;
  306. -o-transition-duration:0.5s;
  307. }
  308.  
  309. {CustomCSS}</style></head><body>
  310.  
  311. <div id="sidebar">
  312.  
  313. <div id="sidebarimage">
  314. <img src="{image:Sidebar}">
  315. </a>
  316. </div>
  317.  
  318. <div class="links">
  319. <a href="/" style="background:#111;padding:5px;color:#fff;">Home</a>
  320. <a href="/ask">Ask</a>
  321. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  322. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  323. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  324.  
  325. <div id="description">{Description}</div>
  326. <div id="title">{text:subtitle}</div>
  327.  
  328. {block:Pagination}
  329. <div id="pagination">
  330. {block:PreviousPage}<a href="{PreviousPage}">new</a>{/block:PreviousPage}
  331. — {block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}
  332. </div>
  333. {/block:Pagination}
  334. </div>
  335. </div>
  336.  
  337. <div id="entries">
  338. {block:Posts}
  339. <div id="post">
  340.  
  341. {block:Text}
  342. <h1>{block:Title}{Title}{/block:Title}</h1>
  343. {Body}{/block:Text}
  344.  
  345. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  346. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  347.  
  348. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  349. {/block:Caption}{/block:Photoset}
  350.  
  351. {block:Quote}<h2>"{Quote}"</h2>
  352. {block:Source}<div class="qsource"> —{Source}</div>
  353. {/block:Source}{/block:Quote}
  354.  
  355. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  356.  
  357. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  358.  
  359. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  360. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  361. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  362. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  363. {/block:Audio}<br>
  364.  
  365. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  366.  
  367. {block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  368.  
  369. <div id="info">
  370. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  371. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  372. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  373. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  374. with {NoteCountWithLabel}</a>
  375. {block:HasTags}<div id="tags">
  376.  
  377. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  378. </div>{block:HasTags}
  379. </div>
  380. </div>
  381. {/block:Posts}
  382. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  383. {/block:Posts}</div></div></div>
  384. <br><br><br><br>
  385.  
  386. <div id="cred">
  387. <a href="http://ofjack.tumblr.com">OFJACK</a>
  388. </div>
  389.  
  390. </div>
  391.  
  392. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement