Advertisement
becky4268

theme 12

May 17th, 2013
1,122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.61 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.  
  3. <!-- Code by ofjack -->
  4. <!-- DO NOT BREAK THE RULES OR I WILL HUNT YOU DOWN -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head><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:Sidebar" content="#ffffff"/>
  14. <meta name="color:Text" content="#a8a8a8"/>
  15. <meta name="color:Link" content="#b8b8b8"/>
  16. <meta name="color:Tags" content="f0f0f0"/>
  17. <meta name="color:Hover" content="#f2f2f2"/>
  18. <meta name="color:Line" content="#f2f2f2"/>
  19. <meta name="color:Border" content="#e4e4e4"/>
  20. <meta name="color:Post" content="#ffffff"/>
  21. <meta name="color:Answer" content="#f8f8f8"/>
  22. <meta name="image:sidebar" content=""/>
  23. <meta name="image:sidebar1" content=""/>
  24. <meta name="text:Link 1" content="" />
  25. <meta name="text:Link 1 Text" content="" />
  26. <meta name="text:Link 2" content="" />
  27. <meta name="text:Link 2 Text" content="" />
  28. <meta name="if:Show Link 1" content="1" />
  29. <meta name="if:Show Link 2" content="1" />
  30. <meta name="color:scrollbarbg" content="ffffff"/>
  31.  
  32. <style type="text/css">
  33.  
  34. ::-webkit-scrollbar {
  35. width: 5px;height: 5px;}
  36. ::-webkit-scrollbar-button:start:decrement,
  37. ::-webkit-scrollbar-button:end:increment {
  38. height: 6px;display: block;background-color: {color:white};}
  39. ::-webkit-scrollbar-track-piece {
  40. background-color: {color:scrollbarbg};}
  41. ::-webkit-scrollbar-thumb:vertical {
  42. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  43.  
  44. body {
  45. background:{color:background};
  46. margin:0px;
  47. color:{color:text};
  48. font-family:Calibri;
  49. font-size:9px;
  50. line-height:100%;
  51. }
  52.  
  53. a {
  54. text-decoration:none;
  55. outline:none;
  56. -moz-outline-style:none;
  57. color:{color:link};
  58. }
  59.  
  60. img {
  61. border:none;
  62. }
  63.  
  64. blockquote {
  65. padding-left:5px;
  66. border-left:2px solid;
  67. }
  68.  
  69. blockquote blockquote {
  70. padding-left:5px;
  71. border-left:2px solid;
  72. }
  73.  
  74. h1 {
  75. font-size:9px;
  76. text-transform:uppercase;
  77. }
  78.  
  79. a:hover {
  80. opacity:10;
  81. color:{color:hover};
  82. -webkit-transition: all 0.7s ease;
  83. -moz-transition: all 0.7s ease;
  84. -o-transition: all 0.7s ease
  85. }
  86.  
  87. #entries {
  88. padding:10px;
  89. width:500px;
  90. margin-left:480px;
  91. margin-top:40px;
  92. font-size:10px;
  93. }
  94.  
  95. #post {
  96. width:500px;
  97. padding-bottom:20px;
  98. padding:10px;
  99. margin-top:15px;
  100. background-color:{color:Post};
  101. }
  102.  
  103. #sidebar {
  104. width:50px;
  105. position:fixed;
  106. margin-left:260px;
  107. margin-top:150px;
  108. opacity:.80;
  109. background-color:{color:Sidebar};
  110. }
  111.  
  112. #line {
  113. border-right:1px solid #eee;
  114. padding:10px;
  115. margin-left:100px;
  116. margin-top:-200px;
  117. height:150px;
  118. }
  119.  
  120. #sidebarimage {
  121. width 100px;
  122. }
  123.  
  124. #sidebarimage img {
  125. width:100px;
  126. border:solid 1px;
  127. padding:6px;
  128. border-color: {color:border};
  129. background-color:{color:Sidebar};
  130. }
  131.  
  132. #sidebarimage1 {
  133. width 100px;
  134. margin-left:0px;
  135. margin-top:20px;
  136. }
  137.  
  138. #sidebarimage1 img {
  139. width:100px;
  140. border:solid 1px;
  141. padding:6px;
  142. border-color: {color:border};
  143. background-color:{color:Sidebar};
  144. }
  145.  
  146. .links {
  147. font-family:'stars';
  148. font-size:9px;
  149. opacity:1;
  150. text-align:center;
  151. padding-top:54px;
  152. letter-spacing:1px;
  153. text-transform:lowercase;
  154. margin-top:-70px;
  155. margin-left:-20px;
  156. width:50px;
  157. }
  158.  
  159. .links a {
  160. width:30px;
  161. display:block;
  162. -webkit-transform: rotate(270deg);
  163. -moz-transform: rotate(270deg);
  164. -o-transform: rotate(270deg);
  165. margin:30px;
  166. }
  167.  
  168. .links a:hover {
  169. font-style:italic;
  170. }
  171.  
  172. #yum
  173. #yum a{
  174. display:block
  175. }
  176. #yum .hi {
  177. margin-top:-20px;
  178. margin-left:0px;filter: alpha(opacity = 0);
  179. opacity:0;-webkit-transition: all 1s ease-out;
  180. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  181. }
  182.  
  183. #yum:hover .hi {
  184. margin-top:0px;
  185. margin-left:0px;
  186. -webkit-transition: all 0.6s ease-out;
  187. -moz-transition: all 0.6s ease-out;
  188. transition: all 0.6s ease-out;
  189. filter: alpha(opacity = 100);
  190. filter: alpha(opacity = 100);
  191. opacity:1;
  192. }
  193.  
  194. #description {
  195. position:fixed;
  196. font-family:cambria;
  197. line-height:90%;
  198. font-size:9px;
  199. font-style:italic;
  200. width:75px;
  201. margin-top:-170px;
  202. padding:8px;
  203. margin-left:-99px;
  204. text-align:justify;
  205. color:#666565;
  206. background:#fff;
  207. opacity:0.8;
  208. }
  209.  
  210. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  211. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  212.  
  213. .pagination{
  214. letter-spacing:1px;
  215. font-size:15px;
  216. z-index:9999;
  217. text-align:center;
  218. margin-top:-77px;
  219. margin-left:7px;
  220. position:fixed;
  221. font-family:calibri;
  222. font-style:italic;
  223. opacity:0;
  224. padding:20px;
  225. width:60px;
  226. height:62px;
  227. }
  228. .pagination a{
  229. color:#111;
  230. }
  231. .pagination a:hover{
  232. opacity:.2;
  233. }
  234.  
  235. #sidebar:hover .pagination { background:#fff;
  236. opacity:0.4;-webkit-transition: all 0.6s ease-out;
  237. -moz-transition: all 0.6s ease-out;
  238. transition: all 0.6s ease-out;filter: alpha(opacity = 100);
  239. filter: alpha(opacity = 100);}
  240.  
  241. #info {
  242. text-align:left;
  243. margin-top:10px;
  244. text-transform:uppercase;
  245. font-size:8px;
  246. letter-spacing:1px;
  247. font-style:none;
  248. font-family:calibri;
  249. border-top:1px solid {color:Line};
  250. }
  251.  
  252. #tags {
  253. font-family:cambria;
  254. letter-spacing:0px;
  255. text-transform:lowercase;
  256. font-size:8px;
  257. font-style:normal;
  258. margin-top:4px;
  259. text-align:left;
  260. }
  261.  
  262. #tags
  263. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  264. -webkit-transition: all 0.6s ease-in-out;
  265. -moz-transition: all 0.6s ease-in-out;
  266. -o-transition: all 0.6s ease-in-out;
  267. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  268.  
  269. #asker {
  270. padding:5px;
  271. font-family:cambria;
  272. letter-spacing:1px;
  273. text-align:left;
  274. font-style:italic;
  275. margin-left:10px;
  276. border-left:3px #eee solid;
  277. background-color:{color:background}
  278. }
  279.  
  280. #cred {
  281. position:fixed;
  282. font-size:8px;
  283. font-weight:normal;
  284. line-height:100%;
  285. letter-spacing:1px;
  286. right:10px;
  287. bottom:10px;
  288. text-transform:uppercase;
  289. text-align:center;
  290. border:1px solid #c9c9c9;
  291. padding-left:5px;
  292. padding-right:5px;
  293. padding-top:5px;
  294. padding-bottom:5px;
  295. background-color:#fafafa;
  296. }
  297.  
  298. #cred a {
  299. padding:0px;
  300. color:{color:link};
  301. -moz-transition-duration:0.5s;
  302. -webkit-transition-duration:0.5s;
  303. -o-transition-duration:0.5s;
  304. }
  305.  
  306. {CustomCSS}</style></head><body>
  307. <div id="yum"><div id="yuk">
  308. <div id="sidebar">
  309. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  310. <div id="sidebarimage1"><img src="{image:sidebar1}"></div><div id="line">
  311. <div class="links">
  312. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  313. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  314. <a href="/ask">mssg</a>
  315. <a href="/">home</a>
  316. </div>
  317. <div class="hi">
  318. <div id="description">
  319. {Description}
  320. </div></div></div>
  321. <div id="bye">
  322. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back /</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination}</div>
  323. </div></div>
  324.  
  325.  
  326.  
  327. </div></div>
  328.  
  329. <div id="entries">{block:Posts}<div id="post">
  330.  
  331. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  332.  
  333. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  334.  
  335. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  336.  
  337. {block:Quote}{Quote}{/block:Quote}
  338.  
  339. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  340.  
  341. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  342.  
  343. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  344. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  345. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  346. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  347. {/block:Audio}
  348.  
  349. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  350.  
  351. {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;">✎ {Asker}: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  352.  
  353. <div id="info">
  354. <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  355. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  356. {/block:Posts}
  357. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  358. {/block:Posts}</div></div></div>
  359. <div id="cred"><a href="http://ofjack.tumblr.com/">ofjack</a></div>
  360.  
  361. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement