Advertisement
ancrestas

galvanize

Apr 10th, 2014
507
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.20 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <html>
  5. <head>
  6.  
  7. <meta name="color:background" content="#FFFFFF">
  8. <meta name="color:link" content="#928f8f">
  9. <meta name="color:post links" content="#928f8f">
  10. <meta name="color:hover" content="#454545">
  11. <meta name="color:info" content="#dadada">
  12. <meta name="color:infobg" content="#dadada">
  13. <meta name="color:text" content="#9A9A9A">
  14. <meta name="color:title" content="#0a0a0a">
  15. <meta name="color:titlebg" content="#0a0a0a">
  16. <meta name="color:description" content="#a8a6a6">
  17. <meta name="color:tags" content="#dddddd">
  18. <meta name="color:image border" content="#313231">
  19.  
  20. <meta name="image:sidebar" content=""/>
  21.  
  22. <meta name="text:link1" content="/"/>
  23. <meta name="text:title link1" content="link1"/>
  24. <meta name="text:link2" content="/"/>
  25. <meta name="text:title link2" content="link2"/>
  26. <meta name="text:link3" content="/"/>
  27. <meta name="text:title link3" content="link3"/>
  28. <meta name="text:link4" content="link4"/>
  29. <meta name="text:title link4" content="/"/>
  30.  
  31.  
  32. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  33. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34. <link rel="shortcut icon" href="{Favicon}" />
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  36.  
  37. <script type="text/javascript"
  38. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43. #s-m-t-tooltip {
  44. max-width:300px;
  45. padding:5px;
  46. margin:10px 0px 0px 10px;
  47. background-color:{color:titlebg};
  48. font-family:trebuchet ms;
  49. font-size:7px;
  50. letter-spacing:1px;
  51. font-style:none;
  52. text-transform:uppercase;
  53. padding-bottom:3px;
  54. color:#fff;
  55. z-index:999999999999999999999999999999999999;
  56. }
  57.  
  58. ::-webkit-scrollbar-thumb {
  59. height:auto;
  60. background-color: #555;
  61. border:1px solid #fff;
  62. }
  63.  
  64. ::-webkit-scrollbar {
  65. height:9px;
  66. width:5px;
  67. background-color: #ddd;
  68. border:2px solid #fff;
  69. }
  70.  
  71. a {
  72. text-decoration:none;
  73. color:{color:link};
  74. text-decoration:none;
  75. outline:none;
  76. -moz-outline-style:none;
  77. color:{color:Post Links};
  78. -moz-transition-duration:0.5s;
  79. -webkit-transition-duration:0.5s;
  80. -o-transition-duration:0.5s;
  81. }
  82.  
  83. a:hover {
  84. color:{color:hover};
  85. text-decoration:none;
  86. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  87. -moz-transition-duration:0.5s;
  88. -webkit-transition-duration:0.5s;
  89. -o-transition-duration:0.5s;
  90. }
  91.  
  92. body {
  93. background-color:{color:background};
  94. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  95. margin:0px;
  96. color:{color:text};
  97. font-family:calibri;
  98. font-size:10px;
  99. line-height:100%;
  100. letter-spacing:0px;
  101. text-align:justify;
  102. }
  103.  
  104. h1 {
  105. font-weight:normal;
  106. font-size:10px;
  107. text-align:center;
  108. font-style:normal;
  109. line-height:80%;
  110. letter-spacing:1px;
  111. text-transform:uppercase;
  112. color:{color:text};
  113. }
  114.  
  115. h2 {
  116. font-size:18px;
  117. text-align:center;
  118. text-transform:uppercase;
  119. font-family:calibri;
  120. font-style:none;
  121. color:{color:title};
  122. letter-spacing:-1.3px;
  123. margin-bottom:6px
  124. }
  125.  
  126. blockquote {
  127. border-left:2px solid {color:text};
  128. padding-left:5px;
  129. margin:5px;
  130. }
  131.  
  132. #description {
  133. font-family:tahoma;
  134. font-size:9px;
  135. text-align:justify;
  136. padding:10px 1px;
  137. line-height:1.2;
  138. margin-top:17px;
  139. color:{color:description};}
  140.  
  141.  
  142. #btitle {
  143. font-size:12px;
  144. background-color:transparent;
  145. width:120px;
  146. font-family:calibri;
  147. letter-spacing:6.4px;
  148. margin-right:center;
  149. text-align:center;
  150. text-transform:uppercase;
  151. }
  152.  
  153. #btitle a {
  154. color:{color:title};
  155. text-decoration:none;
  156. border:none;
  157. }
  158.  
  159. #btitle a:hover {
  160. color:transparent;
  161. text-shadow: {color:title} 0 0 5px;
  162. text-decoration:none;
  163. -webkit-transition:all 0.8s;
  164. -moz-transition:all 0.8s;
  165. -ms-transition:all 0.8s;
  166. -o-transition:all 0.8s;
  167. transition:all 0.8s;
  168. }
  169.  
  170. #sidebar {
  171. width: 120px;
  172. height: 100px;
  173. position: fixed;
  174. z-index: 10;
  175. top: 200px;
  176. left: 136px;
  177. }
  178.  
  179. #sidebarimage {
  180. width 80px;
  181. }
  182.  
  183. #sidebarimage img {
  184. width:80px;
  185. height:80px;
  186. padding:3px;
  187. margin-top:0px;
  188. border-radius:0px;
  189. border: 5px solid {color:image border};
  190. }
  191.  
  192. #links a {
  193. display:block;
  194. width:10px;
  195. height:10px;
  196. background:#f4f4f4;
  197. margin:-37px 0px;
  198. margin-top:-17px;
  199. margin-left:105px;
  200. border:1px solid #909090;
  201.  
  202. -webkit-transition:all 0.5s;
  203. -moz-transition:all 0.5s;
  204. -ms-transition:all 0.5s;
  205. -o-transition:all 0.5s;
  206. transition:all 0.5s;
  207. }
  208.  
  209. #links a:hover {
  210. border:1px gray;
  211. background:gray;
  212. -webkit-transition:all 0.5s;
  213. -moz-transition:all 0.5s;
  214. -ms-transition:all 0.5s;
  215. -o-transition:all 0.5s;
  216. transition:all 0.5s;
  217. }
  218.  
  219. #description {
  220. font-family:tahoma;
  221. font-size:9px;
  222. text-align:justify;
  223. padding:10px 1px;
  224. line-height:1.3;
  225. margin-top:17px;
  226. }
  227.  
  228. .pagination {
  229. margin-top:5px;
  230. text-align:right;
  231. font-size:9px;
  232. width:150px;
  233. }
  234.  
  235. #entries {
  236. margin-left:380px;
  237. margin-top:50px;
  238. margin-bottom:50px;
  239. width:500px;
  240. }
  241.  
  242. #posts {
  243. width:500px;
  244. margin-top:40px;
  245. margin-bottom:40px;
  246. padding:15px;
  247. }
  248.  
  249. .caption {
  250. width:500px;
  251. text-align:justify;
  252. line-height:120%;
  253. }
  254.  
  255. #askbox {
  256. height:auto;
  257. min-height:48px;
  258. width:500px;
  259. }
  260.  
  261. .askimg {
  262. background:transparent;
  263. padding:0;
  264. width:48px;
  265. height:48px;
  266. }
  267.  
  268. .askimg img {
  269. width:48px;
  270. height:48px;
  271. float:left;
  272. -webkit-border-radius:0px;
  273. -moz-border-radius:0px;
  274. border-radius:0px;
  275. }
  276.  
  277. .question {
  278. font-family:arial;
  279. font-size:10px;
  280. font-style:none;
  281. min-height:48px;
  282. margin-left:60px;
  283. margin-top:-38px;
  284. }
  285.  
  286. .asker {
  287. text-transform:none;
  288. font-weight:bold;
  289. font-size:9px;
  290. }
  291.  
  292. .answer {
  293. padding:-10px 10px 4px 10px;
  294. }
  295.  
  296. .audio {
  297. width:500px;
  298. padding-bottom:10px;
  299. background-color:{color:infobg};
  300. }
  301.  
  302. .albumart {
  303. float:left;
  304. padding:0px 10px 10px 0px;
  305. }
  306.  
  307. .albumart img {
  308. width:45px;
  309. height:45px;
  310. }
  311.  
  312. .playercontainer {
  313. text-align:left;
  314. padding:10px;
  315. background-color:#ffffff;
  316. width:480px;
  317. }
  318.  
  319. .audioinfo {
  320. padding:10px;
  321. color:{color:text};
  322. }
  323.  
  324. #postinfo {
  325. width:500px;
  326. padding:5px;
  327. font-size:8px;
  328. color:{color:link};
  329. text-transform:uppercase;
  330. font-style:normal;
  331. letter-spacing:2px;
  332. text-align:center;
  333. -moz-transition-duration:0.5s;
  334. -webkit-transition-duration:0.5s;
  335. -o-transition-duration:0.5s;
  336. background:{color:info};
  337. }
  338.  
  339. #postinfo a {
  340. color:{color:post links};
  341. text-align:center;
  342. letter-spacing:1px;
  343. font-style:normal;
  344. }
  345.  
  346. #postinfo a:hover {
  347. color:{color:hover};
  348. }
  349.  
  350. .note {
  351. text-transform:uppercase;
  352. font-style:normal;
  353. letter-spacing:0px;
  354. font-size: 9px;
  355. text-align:left;
  356. line-height:90%;
  357. margin-left:-40px;
  358. }
  359.  
  360. .note li {
  361. list-style-type:none;
  362. padding:10px 25px 10px 25px;
  363. text-align:left;
  364. margin:0px;
  365. -moz-transition-duration:0.5s;
  366. -webkit-transition-duration:0.5s;
  367. -o-transition-duration:0.5s;
  368. }
  369.  
  370. .tags {
  371. font-style:normal;
  372. width:500px;
  373. text-transform:uppercase;
  374. font-style:normal;
  375. color:{color:tags};
  376. letter-spacing:2px;
  377. line-height:120%;
  378. font-size:8px;
  379. text-align:left;
  380. padding:2px;
  381. -moz-transition-duration:0.5s;
  382. -webkit-transition-duration:0.5s;
  383. -o-transition-duration:0.5s;
  384. }
  385.  
  386. .tags a {
  387. color:{color:tags};
  388. letter-spacing:1px;
  389. padding:1px;
  390. }
  391.  
  392. .tags a:hover {
  393. color:{color:link};
  394. }
  395.  
  396. ul.chat, .chat ol, .chat li {
  397. list-style:none;
  398. margin:0px;
  399. padding:2px;
  400. }
  401.  
  402. .label {
  403. padding-right:1px;
  404. text-transform:uppercase;
  405. font-weight:bold;
  406. color:{color:link};
  407. }
  408.  
  409. #credit {
  410. font-size:11px;
  411. bottom:0;
  412. right:0;
  413. position:fixed;
  414. text-transform:uppercase;
  415. padding:5px;
  416. }
  417.  
  418.  
  419. {CustomCSS}
  420. </style>
  421. </head>
  422.  
  423.  
  424. <div id="sidebar">
  425. <div id="btitle"><a href="/">{Title}</a></div><br>
  426. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  427.  
  428. <div id="links">
  429. <a href="{text:link4}" title="{text:title link4}"></a>
  430. <a href="{text:link3}" title="{text:title link3}"></a>
  431. <a href="{text:link2}" title="{text:title link2}"></a>
  432. <a href="{text:link1}" title="{text:title link1}"></a><br>
  433. <center>
  434. </div>
  435.  
  436. <div id="description">
  437. {block:Description}{Description}{/block:Description}
  438. </div>
  439.  
  440. <div class="pagination">
  441. {block:Pagination}
  442. {block:PreviousPage}<a href="{PreviousPage}"><b><big>-</big></b></a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}"><b><big>+</big></b></a>
  443. {/block:NextPage}
  444. {/block:Pagination}
  445. </div>
  446. </div>
  447.  
  448. </div>
  449.  
  450. <div id="entries">
  451. {block:Posts}
  452. <div id="posts">
  453.  
  454. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  455.  
  456. {block:Quote}
  457. <h2>❝ {Quote} ❞</h2>
  458. {block:Source}
  459. <div class="source">— {Source}</div>{/block:Source}
  460. {/block:Quote}
  461.  
  462. {block:Link}
  463. <a href="{URL}"><h2>{Name}</h2></a>
  464. {block:Description}
  465. <p>{Description}</p>
  466. {/block:Description}
  467. {/block:Link}
  468.  
  469. {block:Photo}
  470. <center><img src="{PhotoURL-500}"/></center>
  471. {block:Caption}
  472. {Caption}
  473. {/block:Caption}
  474. {/block:Photo}
  475.  
  476. {block:Photoset}
  477. <center>
  478. {Photoset-500}
  479. </center>
  480. {block:Caption}
  481. {Caption}
  482. {/block:Caption}
  483. {/block:Photoset}
  484.  
  485. {block:Chat}
  486. {block:Title}
  487. <h1>{Title}</h1>
  488. {/block:Title}
  489. <div class="chat">
  490. <ol>{block:Lines}
  491. <li class="line {Alt}">
  492. {block:Label}
  493. <span class="label">
  494. {Label}</span>
  495. {/block:Label}{Line}</li>
  496. {/block:Lines}
  497. </ol></div>
  498. {/block:Chat}
  499.  
  500. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  501.  
  502. {block:Answer}
  503. <div id="askbox">
  504. <div class="askimg">
  505. <a href="{AskerURL}">
  506. <img src="{AskerPortraitURL-48}" />
  507. </a></div>
  508. <div class="question">
  509. <span class="asker">
  510. {Asker}:</span><br>
  511. {Question}</div></div>
  512. <div class="answer">
  513. {Answer}</div>
  514. {/block:Answer}
  515.  
  516. {block:Audio}
  517. <div class="audio">
  518. {block:AlbumArt}
  519. <div class="albumart"><img src="{AlbumArtURL}"/></div>
  520. {/block:AlbumArt}
  521. <div class="audioinfo">
  522. {block:TrackName}
  523. <b>Title:</b> {TrackName}<br />
  524. {/block:TrackName}
  525. {block:Artist}
  526. <b>Artist:</b> {Artist}<br />
  527. {/block:Artist}
  528. {/block:ExternalAudio}
  529. <b>Played:</b> {PlayCount} times</div>
  530. <br><div class="playercontainer">
  531. {AudioPlayerWhite}</div></div>
  532. {block:Caption}
  533. {Caption}
  534. {/block:Caption}<br>
  535. {/block:Audio}
  536.  
  537. <p>
  538.  
  539. {block:Date}
  540. <div id="postinfo">
  541. {MonthNumberWithZero}-{DayOfMonthWithZero} • <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  542. {block:ContentSource} • <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  543. {block:HasTags}
  544. <div class="tags">
  545. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  546. {/block:HasTags}
  547. <div class="note">
  548. {block:PostNotes}{PostNotes}{/block:PostNotes}
  549. </div>
  550. </div>
  551. {/block:Posts}
  552.  
  553.  
  554. </div>
  555.  
  556. <div id="credit"><a href="http://mathewsdaddario.tumblr.com/" title="thai's themes">thai</a></div>
  557.  
  558. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  559. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  560. <script>
  561. (function($){
  562. $(document).ready(function(){
  563. $("a[title]").style_my_tooltips({
  564. tip_follows_cursor:true,
  565. tip_delay_time:150,
  566. tip_fade_speed:700,
  567. attribute:"title"
  568. });
  569. });
  570. })(jQuery);
  571. </script>
  572.  
  573. </body>
  574.  
  575.  
  576. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement