Advertisement
xsanaa

theme 28

May 19th, 2014
363
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.40 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. <!--
  4.  
  5. ╭╮╱╱╭╮╭╮
  6. ┃╰┳━┫╰┫╰┳━╮╭━┳┳━╮
  7. ┃╋┃┻┫╭┫┃┃╋╰┫┃┃┃╋╰╮
  8. ╰━┻━┻━┻┻┻━━┻┻━┻━━╯ themes
  9.  
  10. remove credit and i'll have your head on a stick.
  11.  
  12.  
  13. -->
  14.  
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19. <title>{title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24.  
  25. <meta name="color:Text" content="#bbbbbb"/>
  26. <meta name="color:Link" content="#aaaaaa"/>
  27. <meta name="color:Tags" content="#cccccc"/>
  28. <meta name="color:Hover" content="#f1f1f1"/>
  29. <meta name="color:Line" content="#f2f2f2"/>
  30. <meta name="color:Asker" content="000"/>
  31. <meta name="color:Border" content="#eeeeee"/>
  32. <meta name="color:boxbg" content:"#87CEEB"/>
  33. <meta name="color:scrollbarbg" content="ffffff"/>
  34.  
  35. <meta name="image:sidebar" content=""/>
  36. <meta name="image:sidebar2" content=""/>
  37. <meta name="image:sidebar3" content=""/>
  38. <meta name="image:sidebar4" content=""/>
  39. <meta name="image:bg" content=""/>
  40.  
  41. <meta name="text:link 1 Text" content="">
  42. <meta name="text:link 1" content="/">
  43. <meta name="text:link 2 Text" content="">
  44. <meta name="text:link 2" content="/">
  45. <meta name="text:link 3 Text" content="">
  46. <meta name="text:link 3" content="/">
  47. <meta name="text:link 4 Text" content="">
  48. <meta name="text:link 4" content="/">
  49.  
  50. <meta name="if:borderpagi" content"0">
  51.  
  52. <style type="text/css">
  53.  
  54.  
  55.  
  56. ::-webkit-scrollbar-thumb{ background-color:{color:scrollbarbg}; border: 2px solid #fff; height:auto; }
  57.  
  58. ::-webkit-scrollbar { height:8px; width:11px; background-color: {color:scrollbarbg}; border:4.5px solid #fff; }
  59.  
  60.  
  61. body {
  62. background:{color:background};
  63. margin:0px;
  64. color:{color:text};
  65. font-family:Arial, Helvetica;
  66. font-size:9px;
  67. line-height:100%;
  68. }
  69.  
  70. a {
  71. text-decoration:none;
  72. -moz-outline-style:none;
  73. color:{color:link};
  74. }
  75.  
  76. img {
  77. border:none;
  78. }
  79.  
  80.  
  81. h1 {
  82. font-size:12px;
  83. text-transform:uppercase;
  84. }
  85.  
  86. blockquote {
  87. padding-left:5px;
  88. border-left:2px solid;
  89. }
  90.  
  91. blockquote blockquote {
  92. padding-left:5px;
  93. border-left:2px solid;
  94. }
  95.  
  96.  
  97. a:hover {
  98. opacity:1;
  99. color:{color:hover};
  100. -webkit-transition: all 0.5s ease;
  101. -moz-transition: all 0.5s ease;
  102. -o-transition: all 0.5s ease
  103. }
  104.  
  105.  
  106. #sidebar {
  107. position:fixed;
  108. width:120px;
  109. margin-left:250px;
  110. margin-top:230px;
  111. opacity:1;
  112. }
  113.  
  114. #sidebarimage {
  115. width 120px;
  116. }
  117.  
  118. #sidebarimage img {
  119. width:228px;
  120. height:155px;
  121. padding:6px;
  122.  
  123. }
  124.  
  125.  
  126. .desc {
  127. position:fixed;
  128. margin-top:-8px;
  129. margin-left:6px;
  130. font-family:cambria;
  131. line-height:110%;
  132. font-size:12px;
  133. width:210px;
  134. padding:9px;
  135. max-height:40px;
  136. overflow:hidden;
  137. min-height:20px;
  138. background:{color:boxbg} ;
  139. text-align:left;
  140. color:{color:text};
  141. }
  142.  
  143. .desc a
  144. {color:{color:text};
  145. -moz-transition-duration:0.6s;
  146. -webkit-transition-duration:0.6s;
  147. -o-transition-duration:0.6s;
  148. }
  149.  
  150.  
  151. .links {
  152. opacity:0;
  153. width:20px;
  154. height:120px;
  155. background-color:{color:boxbg};
  156. padding:0px;
  157. line-height:240%;
  158. font-weight:bold;
  159. font-size:10px;
  160. font-family:timesnewroman;
  161. text-align:center;
  162. margin-top:50px;
  163. margin-left:-14px;
  164. text-transform:uppercase;
  165. position:fixed;
  166. -webkit-transition: opacity 0.6s linear;
  167. -webkit-transition: all 0.5s ease-out;
  168. -moz-transition: all 0.5s ease-out;
  169. transition: all 0.5s ease-out;
  170. }
  171.  
  172. .links a {
  173. font-size: 10px;
  174. padding-left:1px;
  175. color:{color:text};
  176. padding-right:1px;
  177. }
  178.  
  179. .links a:hover {
  180. background-color:{color:boxbg};
  181. color:{color:hover};
  182.  
  183. }
  184.  
  185. #sidebar:hover .links {
  186. opacity:0.9;
  187. margin-top:-140px;
  188. -webkit-transition: opacity 0.6s linear;
  189. -webkit-transition: all 0.5s ease-out;
  190. -moz-transition: all 0.5s ease-out;
  191. transition: all 0.5s ease-out;
  192. }
  193.  
  194. .pagi {
  195. font-size:10px;
  196. text-transform:lowercase;
  197. font-weight:bold;
  198. letter-spacing:1px;
  199. font-style:normal;
  200. text-align:center;
  201. margin-left:50px;
  202. margin-top:49px;
  203. {block:ifborderpagi}
  204. border-top:dashed 1px #909090 ;
  205. {/block:ifborderpagi}
  206. height:15px;
  207. width:80px;
  208. word-spacing:5px;
  209. opacity:0;
  210. color:{color:text};
  211. background:{color:boxbg};
  212. }
  213.  
  214. .pagi a {
  215. color:{color:text};
  216.  
  217. }
  218.  
  219. #sidebar:hover .pagi {
  220. opacity:1 ;
  221. margin-left:120px;
  222. -webkit-transition: opacity 0.6s linear;
  223. -webkit-transition: all 0.5s ease-out;
  224. -moz-transition: all 0.5s ease-out;
  225. transition: all 0.5s ease-out;
  226. }
  227.  
  228. #all {
  229. padding:10px;
  230. width:500px;
  231. margin-left:620px;
  232. margin-top:20px;
  233. font-size:10px;
  234. }
  235.  
  236.  
  237.  
  238. #posts {
  239. width:500px;
  240. padding-bottom:20px;
  241. padding:10px;
  242. margin-top:30px;
  243. background-color:{color:Post};
  244. }
  245.  
  246.  
  247. #details {
  248. text-align:right;
  249. margin-top:8px;
  250. text-transform:uppercase;
  251. font-size:8px;
  252. font-style:none;
  253. border-top:1px solid {color:Line};
  254. }
  255.  
  256.  
  257. #tags {
  258. font-family:cambria;
  259. letter-spacing:0px;
  260. text-transform:lowercase;
  261. font-size:10px;
  262. font-style:italic;
  263. margin-top:2px;
  264. text-align:right;
  265. }
  266.  
  267. #tags a {
  268. display:inline-block;
  269. padding:-3px;
  270. text-align:right;
  271. color:{color:Tags};
  272. -webkit-transition: all 0.6s ease-in-out;
  273. -moz-transition: all 0.6s ease-in-out;
  274. -o-transition: all 0.6s ease-in-out;
  275. -ms-transition: all 0.6s ease-in-out;
  276. -transition: all 0.6s ease-in-out;
  277. }
  278.  
  279.  
  280.  
  281. #asker {
  282. background-color:{color:boxbg};
  283. line-height:90%;
  284. padding:15px 15px 15px 10px;
  285. color:#000;
  286. font-size:11px;
  287. }
  288.  
  289. #asker a {
  290. color:{color:asker};
  291. font-size:11px;
  292. font-weight:bold;
  293. }
  294.  
  295. #asker a:hover {
  296. color:{color:hover};
  297. text-decoration:underline;
  298. }
  299.  
  300. #answer {
  301. padding:10px;
  302. margin-top:-10.5px;
  303. font-size:12px;
  304. margin-left:10px;
  305. }
  306.  
  307.  
  308.  
  309. #cred {
  310. position:fixed;
  311. font-size:11px;
  312. padding:4px;
  313. letter-spacing: 2px;
  314. line-height:120%;
  315. font-family:'beb';
  316. right:5px;
  317. bottom:10px;
  318. text-align:center;
  319.  
  320. }
  321.  
  322. #cred a {
  323. padding-left:5px;
  324. padding-top:4px;
  325. padding-bottom:4px;
  326. padding-right:3px;
  327. border-radius:15px;
  328. -moz-transition-duration:0.5s;
  329. -webkit-transition-duration:0.5s;
  330. -o-transition-duration:0.5s;
  331. color:black;
  332. background-color:{color:boxbg};
  333. }
  334.  
  335. @font-face {font-family:beb;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  336.  
  337.  
  338. {CustomCSS}</style></head><body>
  339.  
  340. <div id="sidebar">
  341. <div id="sidebarimage"><script language="JavaScript">
  342. <!--
  343.  
  344. /*
  345. Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
  346. Over 400+ free JavaScripts here!
  347. Keep this notice intact please
  348. */
  349.  
  350. function random_imglink(){
  351. var myimages=new Array()
  352. //specify random images below. You can have as many as you wish
  353. myimages[1]="{image:sidebar}"
  354. myimages[2]="{image:sidebar2}"
  355. myimages[3]="{image:sidebar4}"
  356. myimages[4]="{image:sidebar3}"
  357.  
  358.  
  359. var ry=Math.floor(Math.random()*myimages.length)
  360. if (ry==0)
  361. ry=1
  362. document.write('<img src="'+myimages[ry]+'" border=0>')
  363. }
  364. random_imglink()
  365. //-->
  366. </script></div>
  367. <div class="desc">
  368. {Description}
  369. </div>
  370. <div class="links">
  371. <a href="/" title="home">01.</a>
  372. <a href="{text:link 1}" title="{text:link 1 Text}">02.</a>
  373. <a href="{text:link 2}" title="{text:link 2 Text}">03.</a>
  374. <a href="{text:link 3}" title="{text:link 3 Text}">04.</a>
  375. <a href="{text:link 4}" title="{text:link 4 Text}">05.</a>
  376. </div>
  377. {block:Pagination}
  378. <div class="pagi">
  379. {block:PreviousPage}
  380. <a href="{PreviousPage}">Back</a> -
  381. {/block:PreviousPage}
  382. {block:NextPage}
  383. <a href="{NextPage}">Next</a>
  384. {/block:NextPage}
  385. </div>
  386. {/block:Pagination}
  387. </div>
  388. </div>
  389.  
  390. <div id="all">{block:Posts}<div id="posts">
  391.  
  392. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  393.  
  394. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  395.  
  396. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  397.  
  398. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  399.  
  400. {block:Quote}{Quote}{/block:Quote}
  401.  
  402. {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>
  403. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  404. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  405. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  406. {/block:Audio}
  407.  
  408. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  409.  
  410. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  411.  
  412.  
  413. {block:Answer}<div id="asker"><span style="text-transform:lowercase;font-size:12x;font-style:none;"><b>{Asker}</b> mumbled: </span>{Question}</div><right></div>
  414. <div id="answer"><font face="cambria">{Answer}</font>{/block:Answer}
  415.  
  416. <div id="details">
  417. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <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>
  418. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  419. {/block:Posts}
  420. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  421. {/block:Posts}</div></div></div>
  422.  
  423.  
  424. <div id="cred"><a href="http://bethanathemes.tumblr.com">bs</a></div>
  425.  
  426.  
  427. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement