Advertisement
beliebertime

theme 11 - Mist

Apr 8th, 2014
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.16 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. <!-- BY LOUISWILLAM AKA LAURA -->
  4.  
  5.  
  6.  
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. {block:Description}<meta name="description" content="{MetaDescription}"/>
  16. {/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}" />
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  19.  
  20. <meta name="color:title" content="">
  21. <meta name="color:bg" content="#ffffff">
  22. <meta name="color:descbg" content="#ffffff">
  23. <meta name="color:link" content="#bbb8b8">
  24. <meta name="color:text" content="#9a9a9a">
  25. <meta name="color:tags" content="#b9b7b7">
  26. <meta name="color:ask" content="#fcfcfc">
  27. <meta name="color:hover" content="#eeeeee">
  28. <meta name="color:border" content="#e7e7e7">
  29. <meta name="color:scrollbar" content="#d6d5d5">
  30.  
  31.  
  32. <meta name="text:customtitle" content="">
  33. <meta name="text:link 1" content="">
  34. <meta name="text:link 1 url" content="/">
  35. <meta name="text:link 2" content="">
  36. <meta name="text:link 2 url" content="/">
  37. <meta name="text:link 3" content="">
  38. <meta name="text:link 3 url" content="/">
  39. <meta name="text:link 4" content="">
  40. <meta name="text:link 4 url" content="/">
  41. <meta name="text:link 5" content="">
  42. <meta name="text:link 5 url" content="/">
  43.  
  44. <meta name="if:Cursor" content="1">
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49. ::-webkit-scrollbar {
  50. width:3px;
  51. background:rgba(255,255,255,.1);
  52. }
  53.  
  54. ::-webkit-scrollbar-thumb {
  55. background:{color:scrollbar};/*scrollbar color*/
  56. }
  57.  
  58. body {
  59. font-style:none;
  60. background-color:{color:bg};
  61. font-family:calibri;
  62. color:{color:text};
  63. font-size:9px;
  64. }
  65.  
  66.  
  67. a {
  68. color:{color:link};
  69. text-decoration:none;
  70. -webkit-transition: all 0.5s ease-out;
  71. -moz-transition: all 0.5s ease-out;
  72. transition: all 0.5s ease-out;
  73. }
  74.  
  75. a:hover {
  76. color:{color:hover};
  77. text-decoration:none;
  78. -webkit-transition: all 0.8s ease-out;
  79. -moz-transition: all 0.8s ease-out;
  80. transition: all 0.8s ease-out;
  81. }
  82.  
  83. img {
  84. border:none;
  85. }
  86.  
  87. blockquote {
  88. padding-left:5px;
  89. border-left:2px solid {color:border};
  90. }
  91.  
  92. h1 {
  93. font-size:10px;
  94. }
  95.  
  96. {block:ifCursor}
  97.  
  98. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  99.  
  100. {/block:ifCursor}
  101.  
  102.  
  103. #sidebar {
  104. position:fixed;
  105. width:200px;
  106. margin-left:200px;
  107. margin-top:300px;
  108. }
  109.  
  110.  
  111.  
  112. #customtitle {
  113. font-size:13px;
  114. font-weight:bold;
  115. font-family:'arial';
  116. text-align:left;
  117. color:{color:title};
  118. position:fixed;
  119. margin-top:-276px;
  120. margin-left:0px;
  121. height:33px;
  122. width:98px;
  123. line-height:52px;
  124. letter-spacing:-1px;
  125. padding:1px;
  126. -webkit-transition: all 0.9s ease-out;
  127. -moz-transition: all 0.9s ease-out;
  128. transition: all 0.9s ease-out;
  129. opacity:1;
  130. }
  131.  
  132. #sidebar:hover #customtitle {
  133. opacity:0;
  134. -webkit-transition: all 04s ease-out;
  135. -moz-transition: all 0.4s ease-out;
  136. transition: all 0.4s ease-out;
  137. }
  138.  
  139.  
  140. #links {
  141. position:fixed;
  142. margin-top:-255px;
  143. width:200px;
  144. margin-left:-62px;
  145. font-family:'arial';
  146. text-align:center;
  147. -webkit-transition: all 0.2s ease-out;
  148. -moz-transition: all 0.2s ease-out;
  149. transition: all 0.2s ease-out;
  150. opacity:0;
  151. }
  152.  
  153. #sidebar:hover #links {
  154. opacity:1;
  155. -webkit-transition: all 1.5s ease-out;
  156. -moz-transition: all 1.5s ease-out;
  157. transition: all 1.5s ease-out;
  158. }
  159.  
  160. #links a {
  161. padding:3px;
  162. font-size:12px;
  163. }
  164.  
  165. #links a:hover {
  166. color:{color:hover};
  167. }
  168.  
  169. #description {
  170. margin-top:-242px;
  171. margin-left:0px;
  172. width:100px;
  173. height:62px;
  174. font-family:'arial';
  175. font-size:9px;
  176. text-align:left;
  177. color:{color:text};
  178. padding:0px;
  179. background:{color:descbg};
  180. border-top:solid 3px {color:hover};
  181. overflow:auto;
  182. }
  183.  
  184. #pagination {
  185. margin-top:0px;
  186. margin-left:-2px;
  187. font-style:italic;
  188. text-align:right;
  189. font-weight:bold;
  190. letter-spacing:1px;
  191. font-size:8px;
  192. width:100px;
  193. font-family:helvetica;
  194. color:{color:link};
  195.  
  196. }
  197.  
  198. #pagination a{
  199. color:{color:link};
  200. }
  201.  
  202. #pagination a:hover {
  203. color:{color:hover};
  204. }
  205.  
  206. #posts {
  207. width:500px;
  208. margin-bottom:10px;
  209. padding:1px;
  210. font-size:11px;
  211. color:{color:text};
  212. line-height:90%;
  213. text-align:justify;
  214. }
  215.  
  216. #postscontainer {
  217. margin-bottom:20px;
  218. padding:1px;
  219. margin-left:450px;
  220. margin-top:55px;
  221. }
  222.  
  223.  
  224. #info {
  225. margin-bottom:10px;
  226. font-family:arial;
  227. font-weight:bold;
  228. font-size:10px;
  229. margin-top:10px;
  230. text-align:center;
  231. text-transform:lowercase;
  232. padding:5px;
  233. color:{color:bg};
  234. background:{color:hover};
  235. border-top:1px solid {color:border};
  236. }
  237.  
  238.  
  239. #notes {
  240. font-family:helvetica;
  241. letter-spacing:1.5px;
  242. font-weight:bold;
  243. font-size:9px;
  244. margin-left:0px;
  245. margin-top:0px;
  246. }
  247.  
  248.  
  249. #rightinfo a {
  250. color:{color:bg};
  251. }
  252.  
  253. #rightinfo a:hover {
  254. color:{color:hover};
  255. }
  256.  
  257.  
  258. .chat ul {
  259. list-style: none;
  260. margin: 0;
  261. padding: 0;
  262. }
  263.  
  264. .chat li {
  265. border-radius: 0.2em;
  266.  
  267. border: 0px solid rgba(0, 0, 0, 0.05);
  268.  
  269. inset;
  270. margin-bottom: 1%;
  271. padding: 2%;
  272. width: 100%;
  273. }
  274.  
  275. .chat .odd {
  276. float: left;
  277. background: {color:accent};
  278. }
  279.  
  280. .chat .odd {
  281. float: center;
  282. background: {color:accent};
  283. }
  284.  
  285.  
  286. #audioinfo {
  287. padding:10px;
  288. color:{color:text};
  289. }
  290.  
  291. #tags {
  292. width:490px;
  293. margin-left:-4px;
  294. margin-top:7px;
  295. font-size:8px;
  296. color:{color:tags}:
  297. }
  298.  
  299. #tags a {
  300. color:{color:tags};
  301. }
  302.  
  303. #tags a:hover {
  304. color:{color:hover}
  305. }
  306.  
  307. .asker {
  308. width:100%;
  309. text-align:left;
  310. padding:3px;
  311. font-family:arial;
  312. font-weight:bold;
  313. font-size:16px;
  314. color:black;
  315. letter-spacing:-0.5px;
  316. text-transform:none;
  317. }
  318.  
  319.  
  320. .asker a {
  321. border:none;
  322. }
  323. .question {
  324. margin-left:5px;
  325. border-top:2px solid {color:hover};
  326. color:{color:text};
  327. font-family:arial;
  328. letter-spacing:1px;
  329. width:85%;
  330. padding:25px;
  331. text-align:left;
  332. font-size:11px;
  333. min-height:20px;
  334. box-shadow: 2px 5px 7px #7a7a7a;
  335. }
  336.  
  337. .reply {
  338. padding:5px;
  339. font-style:none;
  340. text-align:left;
  341. font-family:arial;
  342. font-size:11px;
  343. color:{color:text};
  344. letter-spacing:1px;
  345. }
  346.  
  347. #credit {
  348. right:3px;
  349. bottom:6px;
  350. font-size:9px;
  351. padding:5px;
  352. color:{color:text};
  353. background-color:#fafafa;
  354. text-transform:uppercase;
  355. position:fixed;
  356. -webkit-transition: all 0.5s ease-out;
  357. -moz-transition: all 0.5s ease-out;
  358. transition: all 0.5s ease-out;
  359. }
  360.  
  361. #credit:hover {
  362. text-decoration:underline;
  363. color:{text:hover};
  364. }
  365.  
  366.  
  367. #s-m-t-tooltip {
  368.  
  369. max-width:300px;
  370. padding:0px 0px 0px 0px;
  371. margin:-25px 0px 0px -10px;
  372. background-color:white;
  373. font-family:arial;
  374. font-size:8px;
  375. letter-spacing:.5px;
  376. text-transform:none;
  377. color:#000;
  378. font-weight:bold;
  379. z-index:999999999999999999999999999999999999;
  380.  
  381. }
  382.  
  383. {CustomCSS}
  384.  
  385. </style></head>
  386.  
  387.  
  388. <body>
  389.  
  390. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  391.  
  392. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  393.  
  394. <script>
  395.  
  396. (function($){
  397.  
  398. $(document).ready(function(){
  399.  
  400. $("a[title]").style_my_tooltips({
  401.  
  402. tip_follows_cursor:true,
  403.  
  404. tip_delay_time:90,
  405.  
  406. tip_fade_speed:600,
  407.  
  408. attribute:"title"
  409.  
  410. });
  411.  
  412. });
  413.  
  414. })(jQuery);
  415.  
  416. </script>
  417.  
  418. <div id="sidebar">
  419. <div id="customtitle">{text:customtitle}</div>
  420.  
  421.  
  422. <div id="links">
  423. <a href="{text:link 1 url}" title="{text:link 1}">■</a>
  424. <a href="{text:link 2 url}" title="{text:link 2}">■</a>
  425. <a href="{text:link 3 url}" title="{text:link 3}">■</a>
  426. <a href="{text:link 4 url}" title="{text:link 4}">■</a>
  427. <a href="{text:link 5 url}" title="{text:link 5}">■</a>
  428. </div>
  429.  
  430. <div id="description">{description}</div>
  431.  
  432. {block:Pagination}
  433. <div id="pagination">
  434.  
  435. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  436. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  437. </div>{/block:Pagination}
  438.  
  439. </div></div>
  440.  
  441.  
  442. <div id="postscontainer">
  443.  
  444. {block:Posts}
  445. {block:ContentSource}
  446. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  447. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  448. {/block:SourceLogo}
  449. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  450. {/block:ContentSource}
  451.  
  452. <div id="posts">
  453.  
  454.  
  455. {block:Text}<h1>{block:Title}<font color={color:title} size="3px">{Title}</font>{/block:Title}</h1>{Body}{/block:Text}
  456.  
  457.  
  458. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  459.  
  460. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  461.  
  462. {block:Quote}<div class="q"><img src="https://31.media.tumblr.com/27a2ce4c2de57acbb700d8b076ef49fe/tumblr_inline_n1sn21fkXG1qf7xoo.png" width="15px">{Quote}</div>{block:Source}<div class="src">-{Source}</div>{/block:Source}{/block:Quote}
  463.  
  464. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  465.  
  466. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  467.  
  468. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}<div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>{/block:Audio}
  469.  
  470. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  471.  
  472. {block:Answer}
  473. <div class="asker">
  474. {Asker}</div><div class="question">{Question}</div>
  475. <div class="reply">
  476. {Answer}</div>
  477. {/block:Answer}
  478.  
  479. <div id="info"><div id="notes">
  480. -{NoteCount}-</div>
  481. <div id="rightinfo">{block:Date}<a href="{Permalink}">
  482. {month} {dayofmonth}</a></a>{/block:Date} / {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a> / <a href="{ReblogRootURL}">©</a>{/block:RebloggedFrom}</div>
  483. {block:HasTags} <div id="tags">Filed under:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  484.  
  485.  
  486. </div>
  487.  
  488. {/block:Posts}
  489.  
  490. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  491. {/block:Posts}
  492.  
  493. </div>
  494.  
  495.  
  496. <div id="credit"><a href="http://louiswillam.tumblr.com/">LW</a>
  497. </body>
  498. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement