Advertisement
xsanaa

theme 27

Apr 17th, 2014
585
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.49 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23.  
  24. <meta name="color:Text" content="#bbbbbb"/>
  25. <meta name="color:Link" content="#aaaaaa"/>
  26. <meta name="color:Tags" content="#cccccc"/>
  27. <meta name="color:Hover" content="#f1f1f1"/>
  28. <meta name="color:Line" content="#f2f2f2"/>
  29. <meta name="color:Links" content="#f2f2f2"/>
  30. <meta name="color:Border" content="#eeeeee"/>
  31. <meta name="color:scrollbarbg" content="ffffff"/>
  32.  
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:bg" content=""/>
  35.  
  36. <meta name="text:linkA" content="">
  37. <meta name="text:linkA url" content="/">
  38. <meta name="text:linkB" content="">
  39. <meta name="text:linkB url" content="/">
  40. <meta name="text:linkC" content="">
  41. <meta name="text:linkC url" content="/">
  42. <meta name="text:linkD" content="">
  43. <meta name="text:linkD url" content="/">
  44. <meta name="text:linkE" content="">
  45. <meta name="text:linkE url" content="/">
  46. <meta name="text:linkF" content="">
  47. <meta name="text:linkF url" content="/">
  48. <meta name="text:linkG" content="">
  49. <meta name="text:linkG url" content="/">
  50. <meta name="text:linkH" content="">
  51. <meta name="text:linkH url" content="/">
  52.  
  53.  
  54. <meta name="if:saturate" content="0">
  55.  
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61. ::-webkit-scrollbar {
  62. width: 5px;height: 5px;}
  63. ::-webkit-scrollbar-button:start:decrement,
  64. ::-webkit-scrollbar-button:end:increment {
  65. height: 6px;display: block;background-color: {color:white};}
  66. ::-webkit-scrollbar-track-piece {
  67. background-color: {color:scrollbarbg};}
  68. ::-webkit-scrollbar-thumb:vertical {
  69. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  70.  
  71.  
  72. body {
  73. background: {color:background} url('{image:bg}') fixed;
  74. coverbackground-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
  75. margin:0px;
  76. color:{color:text};
  77. font-family:Arial, Helvetica;
  78. font-size:9px;
  79. line-height:100%;
  80. }
  81.  
  82. a {
  83. text-decoration:none;
  84. -moz-outline-style:none;
  85. color:{color:link};
  86. }
  87.  
  88. img {
  89. border:none;
  90. }
  91.  
  92.  
  93. h1 {
  94. font-size:12px;
  95. text-transform:uppercase;
  96. }
  97.  
  98. blockquote {
  99. padding-left:5px;
  100. border-left:2px solid;
  101. }
  102.  
  103. blockquote blockquote {
  104. padding-left:5px;
  105. border-left:2px solid;
  106. }
  107.  
  108.  
  109. a:hover {
  110. opacity:1;
  111. color:{color:hover};
  112. -webkit-transition: all 0.5s ease;
  113. -moz-transition: all 0.5s ease;
  114. -o-transition: all 0.5s ease
  115. }
  116.  
  117.  
  118. #sidebar {
  119. position:fixed;
  120. width:250px;
  121. height:283px;
  122. margin-left:250px;
  123. background:white;
  124. margin-top:200px;
  125. opacity:1;
  126. }
  127.  
  128. #sidebarimage {
  129. width 200px;
  130. height:159px;
  131. margin-left:4.5px;
  132. margin-top:2px;
  133. {block:ifsaturate} -webkit-filter:saturate(0.5);
  134. -webkit-transition: all 0.7s ease-in-out;
  135. -moz-transition: all 0.7s ease-in-out;
  136. -o-transition: all 0.7s ease-in-out;{/block:ifsaturate}
  137. }
  138.  
  139. #sidebarimage img {
  140.  
  141. width:228px;
  142. height:155px;
  143. padding:6px;
  144. }
  145.  
  146.  
  147. .links {
  148. position:fixed;
  149. margin-top:85px;
  150. margin-left:8px;
  151. width:105px;
  152. height:8px;
  153. padding: 9px;
  154. word-spacing:2px;
  155. font-family:Arial, Helvetica;
  156. text-align:center;
  157. text-shadow: -2px 3px 4px rgba(142, 142, 142, 0.72);
  158. border:solid 1px #eee;
  159. text-transform:lowercase;
  160.  
  161. }
  162.  
  163. .links a {
  164. font-size: 15px;
  165. color:{color:links};
  166. }
  167.  
  168. .links a:hover {
  169. color:{color:Hover}
  170. }
  171.  
  172. .link {
  173. position:fixed;
  174. margin-top:80px;
  175. margin-left:170px;
  176. width:54px;
  177. height:18px;
  178. font-size:19px;
  179. padding: 9px;
  180. word-spacing:2px;
  181. font-family:Arial, Helvetica;
  182. text-align:center;
  183. text-shadow: -2px 3px 4px rgba(142, 142, 142, 0.72);
  184.  
  185. }
  186.  
  187. .link a {
  188. font-size: 19px;
  189. color:{color:links};
  190. }
  191.  
  192. .link a:hover {
  193. color:{color:Hover}
  194. }
  195.  
  196. .desc {
  197. border:solid 1px #eee;
  198. position:fixed;
  199. margin-top:6px;
  200. margin-left:9px;
  201. font-family:arial;
  202. background:white;
  203. line-height:110%;
  204. font-size:15px;
  205. text-shadow: -2px 3px 4px rgba(142, 142, 142, 0.72);
  206. width:212px;
  207. height:57px;
  208. padding:9px;
  209. text-align:center;
  210. color:{color:text};
  211. overflow-y:auto;
  212. overflow-x:hidden;
  213.  
  214. }
  215. .desc::-webkit-scrollbar {
  216. width: 3px; /*the width of the whole scrollbar*/
  217. }
  218.  
  219. .desc::-webkit-scrollbar-track {
  220. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  221. border-radius: 10px; /*how curved the ends of the track are*/
  222. }
  223.  
  224. .desc::-webkit-scrollbar-thumb {
  225. border-radius: 10px;
  226. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
  227. background-color: #ccc ; /*the part that you click and grab on */
  228. }
  229. .desc::-webkit-scrollbar-track-piece {
  230. background-color: white; /*the background track color*/
  231. -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
  232. }
  233.  
  234. .desc a
  235. {color:{color:text};
  236. -moz-transition-duration:0.6s;
  237. -webkit-transition-duration:0.6s;
  238. -o-transition-duration:0.6s;
  239. }
  240.  
  241.  
  242.  
  243. #pagination {
  244. width:150px;
  245. height:15px;
  246. font-size:70px;
  247. text-align:center;
  248. margin-left:57px;
  249. padding-top:5px;
  250. opacity:1;
  251. word-spacing: 2px;
  252. margin-top:-125px;
  253. position:fixed;
  254. font-family:cambria;
  255. letter-spacing:0px;
  256. background-color:;
  257. text-shadow: -2px 3px 4px rgba(142, 142, 142, 0.72);
  258. }
  259.  
  260. #pagination a {
  261. color:white;
  262. font-size:42px;
  263. }
  264.  
  265.  
  266. #all {
  267. {block:ifsaturate} -webkit-filter:saturate(0.5);
  268. -webkit-transition: all 0.7s ease-in-out;
  269. -moz-transition: all 0.7s ease-in-out;
  270. -o-transition: all 0.7s ease-in-out;{/block:ifsaturate}
  271. margin-left:619px;
  272. margin-top:20px;
  273. width:400px;
  274. padding:5px;
  275. font-size:11px;
  276.  
  277. }
  278.  
  279.  
  280.  
  281. #posts {
  282.  
  283. width:500px;
  284. padding-bottom:20px;
  285. text-shadow: -2px 3px 4px rgba(142, 142, 142, 0.50);
  286. padding:10px;
  287. background:white;
  288. margin-top:30px;
  289. background-color:{color:Post};
  290. }
  291.  
  292.  
  293. #details {
  294. text-align:right;
  295. margin-top:8px;
  296. text-transform:uppercase;
  297. font-size:8px;
  298. font-style:none;
  299. border-top:1px solid {color:Line};
  300. }
  301.  
  302.  
  303. #tags {
  304. font-family:cambria;
  305. letter-spacing:0px;
  306. text-transform:lowercase;
  307. font-size:10px;
  308. font-style:italic;
  309. margin-top:2px;
  310. text-align:right;
  311. }
  312.  
  313. #tags a {
  314. display:inline-block;
  315. padding:-3px;
  316. text-align:right;
  317. color:{color:Tags};
  318. -webkit-transition: all 0.6s ease-in-out;
  319. -moz-transition: all 0.6s ease-in-out;
  320. -o-transition: all 0.6s ease-in-out;
  321. -ms-transition: all 0.6s ease-in-out;
  322. -transition: all 0.6s ease-in-out;
  323. }
  324.  
  325.  
  326. #question {
  327. padding:8px;
  328. font-family:cambria;
  329. letter-spacing:2px;
  330. text-align:right;
  331. font-style:italic;
  332. border:3px {color:border} solid;
  333. color:{color:text};
  334. background-color:{color:background}
  335. }
  336.  
  337.  
  338.  
  339. {CustomCSS}</style></head><body>
  340.  
  341. <div id="sidebar">
  342. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  343. <div class="desc">
  344. {Description}
  345. </div>
  346.  
  347. <div class="links">
  348. {block:IfLinkA}
  349. <a href="{text:linkA url}">{text:linkA}</a>
  350. {/block:IfLinkA}
  351. {block:IfLinkB}
  352. <a href="{text:linkB url}">{text:linkB}</a>
  353. {/block:IfLinkB}
  354. {block:IfLinkC}
  355. <a href="{text:linkC url}">{text:linkC}</a>
  356. {/block:IfLinkC}
  357. {block:IfLinkD}
  358. </div>
  359.  
  360.  
  361.  
  362. <div class="link">
  363. <div id="linkies">
  364. <select onchange='location=this.options[this.selectedIndex].value;' style='
  365. font-family:calibri;line-height:90%;font-style:none;font-size:16px;letter-spacing:1px;color:#aaa;width:105px;text-align:center;background-color:{color:navigation background};border:{color:border} 1px solid; height:80px; min-height:28px;color:black;height:13px; margin-left:-43px; margin-top:-4px; text-shadow: -2px 3px 4px rgba(142, 142, 142, 0.72);'>
  366. <option>more links</option>
  367. <option value="{text:linkD url}">{text:linkD}</option>
  368. <option value="{text:linkE url}">{text:linkE}</option>
  369. <option value="{text:linkF url}">{text:linkF}</option>
  370. <option value="{text:linkG url}">{text:linkG}</option>
  371. <option value="http://themesyay.co.vu/">credit</option>
  372. </select></div>
  373.  
  374. {block:Pagination}<div id="pagination">
  375. {block:PreviousPage}<a href="{PreviousPage}">↞</a>{/block:PreviousPage}
  376. {block:NextPage}<a href="{NextPage}">↠</a>{/block:NextPage}
  377. </div>{/block:Pagination}
  378. </div>
  379. </div>
  380.  
  381.  
  382.  
  383.  
  384. </div>
  385.  
  386. <div id="all">{block:Posts}<div id="posts">
  387.  
  388. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  389.  
  390. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  391.  
  392. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  393.  
  394. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  395.  
  396. {block:Quote}{Quote}{/block:Quote}
  397.  
  398. {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>
  399. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  400. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  401. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  402. {/block:Audio}
  403.  
  404. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  405.  
  406. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  407.  
  408.  
  409. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  410.  
  411. <div id="details">
  412. <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>
  413. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  414. {/block:Posts}
  415. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  416. {/block:Posts}</div></div></div>
  417.  
  418.  
  419. <div style=" background:white; position:fixed;bottom:2px; right:3px; font-size:9px; letter-spacing:1px; font-family:calibri; -webkit-box-shadow: 0px 13px 22px 3px rgba(0, 0, 0, 0.52);
  420. -moz-box-shadow: 0px 13px 22px 3px rgba(0, 0, 0, 0.52);
  421. box-shadow: 0px 13px 22px 3px rgba(0, 0, 0, 0.52);border:1px solid gray;padding:4px;"><a href="http://bethanathemes.tumblr.com/">BETHANA</a></center></div>
  422.  
  423.  
  424. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement