API tools faq
paste
Advertisement
dylaenobriens

Theme #55 Ver.2: Sleepwalking

dylaenobriens
Jan 27th, 2014
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- theme #55 ver.2 by alexgaeskarth
  4. dont steal okay -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12.  
  13. {block:Description}<meta name="description" content="{MetaDescription}"/>
  14. {/block:Description}
  15. <link rel="shortcut icon" href="{Favicon}" />
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  17.  
  18. <meta name="color:Bg" content="#ffffff">
  19. <meta name="color:Link" content="#969696">
  20. <meta name="color:Sidebar Links" content="#b4b4b4">
  21. <meta name="color:Text" content="#a7a7a7">
  22. <meta name="color:Tags" content="#a2a2a2">
  23. <meta name="color:Ask" content="#fcfcfc">
  24. <meta name="color:Hover" content="#eeeeee">
  25. <meta name="color:Border" content="#e7e7e7">
  26. <meta name="color:Scrollbar" content="#d6d5d5">
  27. <meta name="color:Selection" content="#f7f7f7">
  28.  
  29.  
  30. <meta name="image:sidebar" content=""/>
  31.  
  32. <meta name="text:link 1" content="">
  33. <meta name="text:link 1 url" content="/">
  34. <meta name="text:link 2" content="">
  35. <meta name="text:link 2 url" content="/">
  36. <meta name="text:link 3" content="">
  37. <meta name="text:link 3 url" content="/">
  38. <meta name="text:link 4" content="">
  39. <meta name="text:link 4 url" content="/">
  40. <meta name="text:link 5" content="">
  41. <meta name="text:link 5 url" content="/">
  42.  
  43. <meta name="if:Cursor" content="1">
  44. <meta name="if:500pxPosts" content="1">
  45. <meta name="if:400pxPosts" content="0">
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50.  
  51. /*--scrollbar--*/
  52.  
  53. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  54. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  55. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  56. /*--body--*/
  57.  
  58.  
  59. body {
  60. margin:0px;
  61. font-style:none;
  62. background-color:{color:bg};
  63. font-family:arial;
  64. color:{color:text};
  65. font-size:8px;
  66. }
  67.  
  68.  
  69. a {
  70. color:{color:link};
  71. text-decoration:none;
  72. -webkit-transition: all 0.6s ease;
  73. -moz-transition: all 0.6s ease;
  74. -o-transition: all 0.6s ease;
  75. }
  76.  
  77. a:hover {
  78. color:{color:hover};
  79. text-decoration:none;
  80. -webkit-transition: all 0.8s ease-out;
  81. -moz-transition: all 0.8s ease-out;
  82. transition: all 0.8s ease-out;
  83. }
  84.  
  85. img {
  86. max-width:100%;
  87. border:none;
  88. }
  89.  
  90. pre {
  91. background:#eee;
  92. padding:8px;
  93. }
  94.  
  95. blockquote {
  96. padding-left:5px;
  97. border-left:2px solid {color:border};
  98. }
  99.  
  100. h1 {
  101. text-align:center;
  102. font-style:italic;
  103. font-weight:none;
  104. font-family:lao ui;
  105. font-size:16px;
  106. line-height:115%;
  107. font-style:none;
  108. }
  109.  
  110. h1 a {
  111. color:{color:text};
  112. }
  113.  
  114. h2 {
  115. text-align:left;
  116. font-style:italic;
  117. font-weight:none;
  118. font-family:lao ui;
  119. font-size:17px;
  120. line-height:115%;
  121. font-style:none;
  122. }
  123.  
  124.  
  125. ::selection {
  126. background-color:{color:selection};
  127. }
  128.  
  129. big {
  130. font-size:2em;
  131. }
  132.  
  133. /*--Cursor code--*/
  134.  
  135. {block:ifCursor}
  136.  
  137. body, a{cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  138.  
  139. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important;}
  140.  
  141. {/block:ifCursor}
  142.  
  143.  
  144.  
  145. /*--sidebar--*/
  146.  
  147. #sidebar {
  148. position:fixed;
  149. width:110px;
  150. text-align:left;
  151. margin-left:180px;
  152. margin-top:150px;
  153. }
  154.  
  155. #sidebarimage {
  156. width:110px;
  157. }
  158.  
  159. #sidebarimage img {
  160. width:110px;
  161. height:110px;
  162. border:1px solid {color:border};
  163. padding:3px;
  164. border-radius:100px;
  165. -webkit-transition: all 1s ease;
  166. -moz-transition: all 1s ease;
  167. -o-transition: all 1s ease;
  168. }
  169.  
  170. #sidebar:hover #sidebarimage img {
  171. border-radius:0px;
  172. -webkit-transition: all 0.8s ease;
  173. -moz-transition: all 0.8s ease;
  174. -o-transition: all 0.8s ease;
  175. }
  176.  
  177. /*--border--*/
  178.  
  179. #dick {
  180. color:transparent;
  181. position:fixed;
  182. top:0px;
  183. margin-left:150px;
  184. height:100%;
  185. border-left:1px solid {color:border};
  186. }
  187.  
  188. /*--links--*/
  189.  
  190. #links {
  191. width:118px;
  192. margin-top:-10px;
  193. font-family:'calibri';
  194. text-transform:uppercase;
  195. text-align:center;
  196. opacity:0;
  197. -webkit-transition: all .8s ease;
  198. -moz-transition: all .8s ease;
  199. -o-transition: all .8s ease;
  200. }
  201.  
  202.  
  203. #links a {
  204. padding:3px;
  205. font-size:8px;
  206. }
  207.  
  208. #links a:hover {
  209. color:{color:hover};
  210. }
  211.  
  212. #sidebar:hover #links {
  213. opacity:1;
  214. margin-top:8px;
  215. -webkit-transition: all 0.7s ease;
  216. -moz-transition: all 0.7s ease;
  217. -o-transition: all 0.7s ease;
  218. }
  219.  
  220. /*--description--*/
  221.  
  222. #description {
  223. width:118px;
  224. margin-top:8px;
  225. font-family:'baskerville';
  226. letter-spacing:1px;
  227. font-size:9px;
  228. text-align:justify;
  229. color:{color:Text};
  230. }
  231.  
  232. #description a{
  233. color:{color:description links};
  234. }
  235.  
  236. /*--pagination--*/
  237.  
  238. #pagination {
  239. width:118px;
  240. color:{color:link};
  241. margin-top:8px;
  242. text-transform:lowercase;
  243. text-align:center;
  244. font-size:9px;
  245. font-family:calibri;
  246. }
  247.  
  248. #pagination a{
  249. color:{color:Link};
  250. }
  251.  
  252. #pagination a:hover {
  253. color:{color:Hover};
  254. }
  255.  
  256. /*--posts--*/
  257.  
  258. {block:if500pxPosts}
  259.  
  260. #posts {
  261. width:500px;
  262. margin-bottom:10px;
  263. padding:1px;
  264. font-size:11px;
  265. color:{color:Text};
  266. line-height:100%;
  267. text-align:justify;
  268. }
  269.  
  270. {/block:if500pxPosts}
  271.  
  272. {block:if400pxPosts}
  273.  
  274. #posts {
  275. width:400px;
  276. margin-bottom:10px;
  277. padding:1px;
  278. font-size:11px;
  279. color:{color:Text};
  280. line-height:100%;
  281. text-align:justify;
  282. }
  283.  
  284. {/block:if400pxPosts}
  285.  
  286. #postscontainer {
  287. margin-bottom:20px;
  288. padding:1px;
  289. margin-left:400px;
  290. margin-top:55px;
  291. }
  292.  
  293.  
  294. #info {
  295. font-family:'trebuchet ms';
  296. text-align:left;
  297. border-top:solid 1px #F0F0F0;
  298. text-transform:uppercase;
  299. margin-bottom:10px;
  300. margin-top:10px;
  301. letter-spacing:1px;
  302. font-size:7px;
  303. padding-top:5px;
  304. color:#b9b8b8;
  305. }
  306.  
  307. #info a {
  308. color:#b9b8b8;
  309. }
  310.  
  311. #info a:hover {
  312. color:{color:hover};
  313. }
  314.  
  315.  
  316. /*--tags--*/
  317.  
  318. #tags {
  319. font-family:trebuchet ms;
  320. width:490px;
  321. margin-left:0px;
  322. margin-top:0px;
  323. font-size:7px;
  324. color:#b9b8b8;
  325. }
  326.  
  327. #tags a {
  328. color:#b9b8b8;
  329. }
  330.  
  331. #tags a:hover {
  332. color:{color:Hover};
  333. }
  334.  
  335. /*--asks--*/
  336.  
  337. #ask {
  338. padding:10px;
  339. background-color:{color:Ask};
  340. }
  341.  
  342.  
  343.  
  344. /*--audio--*/
  345.  
  346. .newplayerbutton {
  347. position: relative;
  348. width: 28px;
  349. height: 27px;
  350. overflow: hidden;
  351. }
  352.  
  353. .playerbuttonhug {
  354. position: absolute;
  355. top: -12px;
  356. left: -8px;
  357. }
  358.  
  359.  
  360. .tumblr_audio_player {
  361. border: none;
  362. padding: 0px;
  363. margin: 0px;
  364. height: 53px;
  365. width: 500px;
  366. }
  367.  
  368. .playerbuttonbg {
  369. position: absolute;
  370. left: 25px;
  371. top: 20px;
  372. width: 28px;
  373. height: 28px;
  374. background-color: #fff;
  375. padding: 10px;
  376. -webkit-border-radius: 40px;
  377. -moz-border-radius: 40px;
  378. border-radius: 40px;
  379. opacity: .4;
  380. filter: alpha(opacity=40);
  381. -moz-opacity: 0.4;
  382. -khtml-opacity: 0.4;
  383. transition: opacity .7s ease-in-out;
  384. -moz-transition: opacity .7s ease-in-out;
  385. -webkit-transition: opacity .7s ease-in-out;
  386. }
  387.  
  388. .playerbuttonbg:hover {
  389. opacity: 1;
  390. filter: alpha(opacity=100);
  391. -moz-opacity: 1;
  392. -khtml-opacity: 1;
  393. }
  394.  
  395. .audioimgwrapper {
  396. position: absolute;
  397. left: 10px;
  398. top: 5px;
  399. -webkit-border-radius: 50px;
  400. -moz-border-radius: 50px;
  401. border-radius: 50px;
  402. overflow: hidden;
  403. width: 78px;
  404. height: 78px;
  405. }
  406.  
  407. .audioimgwrapper img {
  408. width: 100%;
  409. height: auto;
  410. -webkit-border-radius: 50px;
  411. -moz-border-radius: 50px;
  412. border-radius: 50px;
  413. }
  414.  
  415. .trackdetails {
  416. width: auto;
  417. display:inline-block;
  418. margin-left: 100px;
  419. margin-top:10px;
  420. min-height: 85px;
  421. line-height:150%;
  422. }
  423.  
  424. .audiowrapper {
  425. position: relative;
  426. display:inline-block;
  427. width:100%;
  428. height:88px;
  429. color:{color:text};
  430. }
  431.  
  432. /*--credit--*/
  433.  
  434. #credit {
  435. right:2px;
  436. bottom:0px;
  437. font-size:9px;
  438. padding:5px;
  439. text-transform:uppercase;
  440. position:fixed;
  441. -webkit-transition: all 0.5s ease-out;
  442. -moz-transition: all 0.5s ease-out;
  443. transition: all 0.5s ease-out;
  444. }
  445.  
  446. /*--tooltips--*/
  447.  
  448. #s-m-t-tooltip {
  449. max-width:300px;
  450. padding:3px 4px 5px 4px;
  451. margin:20px 0px 0px 20px;
  452. background-color:#d3d3d3; /* change the background color */
  453. font-family:calibri; /* change the font */
  454. font-size:9px; /* change the font size */
  455. letter-spacing:1px; /* change the letter spacing */
  456. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  457. color:white; /* change the text color */
  458. z-index:999999999999999999999999999999999999;
  459. }
  460.  
  461.  
  462.  
  463.  
  464. {CustomCSS}
  465.  
  466. </style></head>
  467.  
  468. <!--tooltips javascript-->
  469.  
  470. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  471.  
  472. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  473.  
  474. <script>
  475.  
  476. (function($){
  477.  
  478. $(document).ready(function(){
  479.  
  480. $("a[title]").style_my_tooltips({
  481.  
  482. tip_follows_cursor:true,
  483.  
  484. tip_delay_time:90,
  485.  
  486. tip_fade_speed:600,
  487.  
  488. attribute:"title"
  489.  
  490. });
  491.  
  492. });
  493.  
  494. })(jQuery);
  495.  
  496. </script>
  497.  
  498. <body>
  499.  
  500. <div id="sidebar">
  501. <div id="dick"></div>
  502. <div id="sidebarimage">
  503. <a href="/"><img src="{image:sidebar}"></div></a>
  504.  
  505.  
  506. <div id="description">{description}</div>
  507.  
  508. <div id="links">
  509. <a href="{text:link 1 url}">{text:link 1}</a>
  510. <a href="{text:link 2 url}">{text:link 2}</a>
  511. <a href="{text:link 3 url}">{text:link 3}</a>
  512. <a href="{text:link 4 url}">{text:link 4}</a>
  513. </div>
  514.  
  515.  
  516. {block:Pagination}
  517. <div id="pagination">
  518.  
  519. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  520. {block:NextPage}- <a href="{NextPage}">Next</a>{/block:NextPage}
  521. </div>{/block:Pagination}
  522.  
  523. </div></div>
  524.  
  525.  
  526. <div id="postscontainer">
  527.  
  528. {block:Posts}
  529.  
  530. <div id="posts">
  531.  
  532.  
  533. {block:Text}{block:Title}<h1>{Title}{/block:Title}</h1>{Body}{/block:Text}
  534.  
  535.  
  536. {block:Photo}{LinkOpenTag}
  537.  
  538. {block:if500pxPosts}
  539. <img src="{PhotoURL-500}">
  540. {/block:if500pxPosts}
  541.  
  542. {block:if400pxPosts}
  543. <img src="{PhotoURL-400}">
  544. {/block:if400pxPosts}
  545.  
  546. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  547.  
  548. {block:Photoset}
  549.  
  550. {block:if500pxPosts}
  551. {Photoset-500}
  552. {/block:if500pxPosts}
  553.  
  554. {block:if400pxPosts}
  555. {Photoset-400}
  556. {/block:if400pxPosts}
  557.  
  558. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  559.  
  560. {block:Quote}<h2>"{Quote}"</h2>{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  561.  
  562. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  563.  
  564. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  565.  
  566. {block:Audio}{block:AudioPlayer}
  567. <div class="audiowrapper">
  568. {block:AlbumArt}
  569. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  570. {/block:AlbumArt}
  571.  
  572. <div class="playerbuttonbg">
  573. <div class="newplayerbutton">
  574. <div class="playerbuttonhug">
  575.  
  576. {AudioPlayerWhite}
  577.  
  578. </div>
  579. </div>
  580. </div>
  581.  
  582. <div class="trackdetails">
  583.  
  584. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  585. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  586. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  587. <b>{PlayCountWithLabel}</b>
  588.  
  589. </div>
  590. </div>
  591. {/block:AudioPlayer}
  592.  
  593. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  594.  
  595. {block:Video}
  596.  
  597. {block:if500pxPosts}
  598. {Video-500}
  599. {/block:if500pxPosts}
  600.  
  601. {block:if400pxPosts}
  602. {Video-400}
  603. {/block:if400pxPosts}
  604.  
  605. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  606.  
  607.  
  608. {block:Answer}<div id="ask"><span style="font-family:times;font-size:15px;font-style:italic;"><b>{Asker}</b></span>: {Question}</div> {Answer}{/block:Answer}
  609.  
  610. <div id="info">{block:Date} <a href="{Permalink}">
  611. {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</a></a>{/block:Date} - {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  612. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom} with <a href="{Permalink}">
  613. {NoteCountWithLabel}</a>
  614. {block:HasTags} <div id="tags">tags:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  615.  
  616.  
  617. </div>
  618.  
  619. {/block:Posts}
  620.  
  621. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  622. {/block:Posts}
  623.  
  624. </div>
  625.  
  626. <div id="credit"><a href="http://alexgaeskarth.tumblr.com/"><img src="http://static.tumblr.com/ujmsumm/TJamv4jm6/sg.png" width="40px;"></div></a>
  627. </body>
  628. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!