API tools faq
paste
Advertisement
briqhter

speak: theme 15

briqhter
Jan 12th, 2015
245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.81 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. "Speak" - theme 15 by Sabina (dyothms)
  3. Please do not remove the credit
  4. -->
  5.  
  6. <!DOCTYPE html>
  7. <html lang="en">
  8.  
  9. <head>
  10.  
  11. <!------script------>
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  14. <script>
  15. (function($){
  16. $(document).ready(function(){
  17. $("a[title]").style_my_tooltips({
  18. tip_follows_cursor:true,
  19. tip_delay_time:90,
  20. tip_fade_speed:600,
  21. attribute:"title"
  22. });
  23. });
  24. })(jQuery);
  25. </script>
  26.  
  27. <!------meta1------>
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:title" content="#b1d3ed"/>
  30. <meta name="color:text" content="#777"/>
  31. <meta name="color:link" content="#777"/>
  32. <meta name="color:link underline" content="#c2daed"/>
  33. <meta name="color:borders" content="#dddddd"/>
  34. <meta name="color:hover messages" content="#c2daed"/>
  35. <meta name="color:bold" content="#c2daed"/>
  36.  
  37. <meta name="text:link 1 title" content="one"/>
  38. <meta name="text:link 1" content="/"/>
  39. <meta name="text:link 2 title" content="two"/>
  40. <meta name="text:link 2" content="/"/>
  41. <meta name="text:link 3 title" content="three"/>
  42. <meta name="text:link 3" content="/"/>
  43. <meta name="text:link 4 title" content="four"/>
  44. <meta name="text:link 4" content="/"/>
  45. <meta name="text:link 5 title" content="theme"/>
  46. <meta name="text:link 5" content="http://dyothms.tumblr.com"/>
  47.  
  48. <meta name="image:background" content="1"/>
  49. <meta name="image:header" content="1"/>
  50.  
  51.  
  52. <meta name="font:title" content="Georgia" />
  53.  
  54. <meta name="if:hidden tags" content="1"/>
  55. <meta name="if:monochrome" content="0"/>
  56. <meta name="if:faded posts" content="0"/>
  57.  
  58. <style type="text/css">
  59.  
  60. /* basics1 */
  61. body {
  62. font-family:consolas;
  63. font-size:9px;
  64. line-height:11px;
  65. color:{color:text};
  66. background-color:{color:background};
  67. background-image:url({image:background});
  68. background-attachment:fixed;
  69. background-repeat:repeat;
  70. }
  71.  
  72. a:link, a:active, a:visited{
  73. color:{color:link};
  74. text-decoration:none;
  75. }
  76.  
  77. img {
  78. border:0;
  79. max-width:100%;
  80. height:auto;
  81. }
  82.  
  83. b,strong {
  84. color:{color:bold};
  85. }
  86.  
  87. ::-webkit-scrollbar {width: 8px; height: 4px; background: white; }
  88. ::-webkit-scrollbar-thumb { background-color: {color:borders}; -webkit-border-radius: 0ex; }
  89.  
  90. #wrap{
  91. width:100px;
  92. margin:auto;
  93. }
  94.  
  95. #s-m-t-tooltip{
  96. max-width:300px;
  97. margin:15px;
  98. padding:2px 8px;
  99. border:1px solid {color:hover messages};
  100. border-radius:4px;
  101. background:#fff;
  102. color:{color:hover messages};
  103. z-index:999999;
  104. font-size:8px;
  105. font-style:italic;
  106. text-transform:lowercase;
  107. }
  108.  
  109. /* fonts */
  110. /* @font-face { font-family: "FONTNAME"; src: url('FONTURL'); } */
  111.  
  112. /* posts1 */
  113. #posts {
  114. z-index:10;
  115. overflow:hidden;
  116. top:0px;
  117. padding:20px;
  118. padding-top:90px;
  119. margin-left:-190px;
  120. width:440px;
  121. background:white;
  122. }
  123.  
  124. #entry {
  125. margin:10px;
  126. margin-top:35px;
  127. width:400px;
  128. padding:10px;
  129. border-bottom:1px solid {color:borders};
  130. background-color:white;
  131. }
  132.  
  133. #entry img {
  134. {block:ifFadedPosts}opacity:0.7;{/block:ifFadedPosts}
  135. {block:ifMonochrome}
  136. -webkit-filter: grayscale(100%);
  137. -moz-filter: grayscale(100%);
  138. filter: grayscale(100%);
  139. {/block:ifMonochrome}
  140. -webkit-transition: all 0.4s ease;
  141. -moz-transition: all 0.4s ease;
  142. -o-transition: all 0.4s ease;
  143. transition: all 0.4s ease;
  144. }
  145.  
  146. #entry:hover img {
  147. opacity:1;
  148. -webkit-filter: grayscale(0%);
  149. -moz-filter: grayscale(0%);
  150. filter: grayscale(0%);
  151. }
  152.  
  153. .bwfd {
  154. {block:ifFadedPosts}opacity:0.7;{/block:ifFadedPosts}
  155. {block:ifMonochrome}""
  156. -webkit-filter: grayscale(100%);
  157. -moz-filter: grayscale(100%);
  158. filter: grayscale(100%);
  159. {/block:ifMonochrome}
  160. -webkit-transition: all 0.4s ease;
  161. -moz-transition: all 0.4s ease;
  162. -o-transition: all 0.4s ease;
  163. transition: all 0.4s ease;
  164. }
  165.  
  166. #entry:hover .bwfd {
  167. opacity:1;
  168. -webkit-filter: grayscale(0%);
  169. -moz-filter: grayscale(0%);
  170. filter: grayscale(0%);
  171. }
  172.  
  173. .caption a{
  174. border-bottom:1px solid {color:link underline};
  175. color:{color:link};
  176. }
  177.  
  178. .title {
  179. font-family:{font:title};
  180. font-size:11px;
  181. line-height:14px;
  182. color:{color:title};
  183. letter-spacing:1px;
  184. }
  185.  
  186. .title a{
  187. color:{color:title};
  188. }
  189.  
  190. .title a:hover{
  191. padding-bottom:2px;
  192. border-bottom:1px solid {color:link underline};
  193. }
  194.  
  195. #posts blockquote {
  196. margin-left:10px;
  197. padding-left:5px;
  198. border-left:solid 2px {color:link underline};
  199. }
  200.  
  201. #posts #notecontainer {
  202. margin-top: 20px;
  203. margin-bottom: 20px;
  204. width: 400px;
  205. font-size: 9px;
  206. line-height:16px;
  207. }
  208.  
  209. #notecontainer a:hover {
  210. border-bottom:1px solid {color:link underline};
  211. color:{color:text};
  212. }
  213.  
  214. #posts #notecontainer ol.notes {
  215. list-style-type: none;
  216. margin: 0;
  217. padding-top: 10px;
  218. padding-bottom: 10px;
  219. }
  220.  
  221. #posts #notecontainer img.avatar {
  222. margin-right: 5px;
  223. width: 16px;
  224. height: 16px;
  225. }
  226.  
  227. #permalink {
  228. opacity: 0;
  229. position:static;
  230. overflow:visible;: gr
  231. margin-top:-20px;
  232. width:auto;
  233. height:20px;
  234. text-align:center;
  235. font-family:consolas;
  236. font-size:8px;
  237. line-height:10px;
  238. color:{color:link};
  239. -webkit-transition: all 0.8s ease;
  240. -moz-transition: all 0.8s ease;
  241. -o-transition: all 0.8s ease;
  242. transition: all 0.8s ease;
  243. letter-spacing:1px;
  244. {block:PermalinkPage}
  245. opacity: 1;
  246. margin-top:20px;
  247. height:auto;
  248. {/block:PermalinkPage}
  249. opacity: 1;
  250. margin-top:20px;
  251. height:auto;
  252. }
  253.  
  254. #entry:hover #permalink {
  255. opacity: 1;
  256. margin-top:20px;
  257. }
  258.  
  259. #permalink a:hover {
  260. border-bottom:1px solid {color:link underline};
  261. }
  262.  
  263. {block:IfHiddenTags}
  264. {block:IndexPage}
  265. .tags {
  266. opacity:0;
  267. height:0px;
  268. -webkit-transition: all 0.4s ease;
  269. -moz-transition: all 0.4s ease;
  270. -o-transition: all 0.4s ease;
  271. transition: all 0.4s ease;
  272. }
  273.  
  274. #entry:hover .tags {
  275. opacity:1;
  276. height:20px;
  277. }
  278. {/block:IndexPage}
  279. {/block:IfHiddenTags}
  280.  
  281. .asker, .asker a {
  282. color:{color:link underline};
  283. font-weight:bold;
  284. }
  285.  
  286. .asker a:hover {
  287. border-bottom:1px solid {color:link underline};
  288. }
  289.  
  290. .aud {
  291. margin-left:5px;
  292. border-left:2px solid #efefef;
  293. padding-top:2px;
  294. padding-left:5px;
  295. }
  296.  
  297. /* topbar */
  298. #topbar {
  299. z-index:10000;
  300. position:fixed;
  301. top:0px;
  302. margin-left:-175px;
  303. height:74px;
  304. width:420px;
  305. padding:15px;
  306. background:white;
  307. border-bottom:1px solid {color:borders};
  308. border-top:0px;
  309. }
  310.  
  311. #tbimg{
  312. position:fixed;
  313. margin-left:10px;
  314. width:60px;
  315. height:60px;
  316. padding:6px;
  317. border:1px solid {color:borders};
  318. background:white;
  319. }
  320.  
  321. #tbimg img{
  322. width:60px;
  323. height:60px;
  324. }
  325.  
  326. #desc {
  327. position:static;
  328. overflow:hidden;
  329. margin-left:115px;
  330. margin-top:5px;
  331. width:286px;
  332. min-height:24px;
  333. max-height:44px;
  334. padding:6px;
  335. border:1px solid {color:borders};
  336. background:white;
  337. border-radius:5px;
  338. font-family:calibri;
  339. font-size:10px;
  340. line-height:11px;
  341. letter-spacing:1px;
  342. color:#999;
  343. }
  344.  
  345. #desctri {
  346. position:fixed;
  347. width: 0px;
  348. height: 0px;
  349. border-top: 10px solid transparent;
  350. border-bottom: 10px solid transparent;
  351. border-right: 16px solid {color:borders};
  352. margin-left:100px;
  353. margin-top:10px;
  354. -webkit-transition: all 1s ease;
  355. -moz-transition: all 1s ease;
  356. -o-transition: all 1s ease;
  357. transition: all 1s ease;
  358. }
  359.  
  360. #desctri2 {
  361. position:fixed;
  362. z-index:2;
  363. width: 0px;
  364. height: 0px;
  365. border-top: 10px solid transparent;
  366. border-bottom: 10px solid transparent;
  367. border-right: 16px solid white;
  368. margin-left:102px;
  369. margin-top:10px;
  370. }
  371.  
  372. #navi {
  373. margin-left:115px;
  374. margin-top:0px;
  375. width:280px;
  376. height:18px;
  377. padding-left:5px;
  378. line-height:18px;
  379. font-family:consolas;
  380. font-size:10px;
  381. letter-spacing:2px;
  382. text-transform:uppercase;
  383. }
  384.  
  385. #navi a:hover {
  386. border-bottom:1px solid {color:link underline};
  387. }
  388.  
  389. #crt {
  390. z-index: 4783;
  391. position:fixed;
  392. bottom:-1px;
  393. right:10px;
  394. width:60px;
  395. background:white;
  396. border: 1px solid #eee;
  397. padding: 5px;
  398. font-family: calibri;
  399. font-size: 10px;
  400. line-height: 12px;
  401. letter-spacing:1px;
  402. color:#bbb;
  403. font-style:italic;
  404. text-align:center;
  405. transition: all 0.6s ease-out;
  406. -o-transition-transition: all 0.4s ease-out;
  407. -webkit-transition: all 0.4s ease-out;
  408. -moz-transition: all 0.4s ease-out;
  409. }
  410.  
  411. #crt a{
  412. color:#bbb;
  413. }
  414.  
  415. #crt:hover{
  416. opacity: 0;
  417. transition: all 0.6s ease-out;
  418. -o-transition-transition: all 0.4s ease-out;
  419. -webkit-transition: all 0.4s ease-out;
  420. -moz-transition: all 0.4s ease-out;
  421. }
  422.  
  423. #ctpl {
  424. z-index: 4780;
  425. position:fixed;
  426. bottom:-1px;
  427. right:10px;
  428. width:60px;
  429. background:white;
  430. border: 1px solid #eee;
  431. padding: 5px;
  432. font-family: calibri;
  433. font-size: 10px;
  434. line-height: 12px;
  435. letter-spacing:1px;
  436. color:#bbb;
  437. font-style:italic;
  438. text-align:center;
  439. transition: all 0.6s ease-out;
  440. -o-transition-transition: all 0.4s ease-out;
  441. -webkit-transition: all 0.4s ease-out;
  442. -moz-transition: all 0.4s ease-out;
  443. }
  444.  
  445. #ctpl a{
  446. color:#bbb;
  447. }
  448.  
  449. /*pagination*/
  450. #pg {
  451. margin-top:20px;
  452. width: 400px;
  453. text-align: center;
  454. padding: 10px;
  455. padding-bottom:20px;
  456. word-spacing:8px;
  457. line-height:12px;
  458. }
  459.  
  460. .currentpg {
  461. font-weight:bold;
  462. color:{color:link underline};
  463. }
  464.  
  465. #pg a:hover {
  466. border-bottom:1px solid{color:link underline};
  467. }
  468.  
  469. {CustomCSS}
  470.  
  471. </style>
  472.  
  473. <!------title------>
  474. <title>{title}</title>
  475. <link rel="shortcut icon" href="{Favicon}" />
  476. <meta name="viewport" content="width=820" />
  477.  
  478. </head>
  479.  
  480. <body>
  481.  
  482. <a href="http://dyothms.tumblr.com/"><div id="crt">theme</div>
  483. <div id="ctpl">dyothms</div></a>
  484.  
  485. <div id="wrap">
  486.  
  487. <!------mainhtml1------>
  488. <div id="topbar">
  489. <div id="tbimg"><img src="{image:header}" /></div>
  490. <div id="desctri"></div>
  491. <div id="desctri2"></div>
  492. <div id="desc">{description}</div>
  493. <div id="navi">
  494. <a href="{text:link 1}">{text:link 1 title}</a>
  495. - <a href="{text:link 2}">{text:link 2 title}</a>
  496. - <a href="{text:link 3}">{text:link 3 title}</a>
  497. - <a href="{text:link 4}">{text:link 4 title}</a>
  498. - <a href="{text:link 5}">{text:link 5 title}</a>
  499. </div><!--navi-->
  500. </div><!--topbar-->
  501. <!------mainhtml2------>
  502.  
  503. <!------posts1------>
  504. <div id="posts">
  505. {block:Posts}
  506. <div id="entry">
  507.  
  508. {block:Text}
  509. {block:Title}<div class="title">{Title}</div>{/block:Title}
  510. <div class="caption">{Body}</div>
  511. {/block:Text}
  512.  
  513. {block:Link}
  514. <div class="title"><a href="{URL}" >&raquo; {Name}</a></div>
  515. <div class="caption">{block:Description}{Description}{/block:Description}</div>
  516. {/block:Link}
  517.  
  518. {block:Answer}
  519. <span class="asker">{Asker}:</span> {Question}
  520. <div class="caption">{Answer}</div>
  521. {/block:Answer}
  522.  
  523. {block:Photo}
  524. {LinkOpenTag}<img src="{PhotoURL-400}" />{LinkCloseTag}
  525. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  526. {/block:Photo}
  527.  
  528. {block:Photoset}
  529. <div class="bwfd">{Photoset-400}</div>
  530. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  531. {/block:Photoset}
  532.  
  533. {block:Video}
  534. <div class="bwfd">{Video-400}</div>
  535. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  536. {/block:Video}
  537.  
  538. {block:Audio}
  539. <div class="title"><span style="border-bottom:1px solid {color:title};">{block:TrackName}{TrackName}{/block:TrackName}</span> {block:Artist}by {Artist}{/block:Artist}</div></p>
  540. <div class="aud">{AudioPlayer}</div>
  541. <div class="caption">{block:Caption}<br />{Caption}{/block:Caption}</div>
  542. {/block:Audio}
  543.  
  544. {block:Quote}
  545. <div class="title">"{Quote}"</div></p>
  546. {block:Source}— {Source}{/block:Source}
  547. {/block:Quote}
  548.  
  549. {block:Chat}
  550. {block:Title}<div class="title">{Title}</div>{/block:Title}</p>
  551. {block:Lines}
  552. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  553. {/block:Lines}
  554. {/block:Chat}
  555.  
  556. <div id="permalink">
  557. <div style="text-transform:uppercase;">
  558. {block:Date}<a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a> - {/block:Date}
  559. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> - {/block:NoteCount}
  560. {block:RebloggedFrom}
  561. <a href="{ReblogParentURL}" title="{ReblogParentName}">{lang:via}</a> -
  562. <a href="{ReblogRootURL}" title="{ReblogRootName}">{lang:source}</a>
  563. {/block:RebloggedFrom}
  564. {block:NotReblog}my original post{/block:NotReblog}
  565. </div>
  566. {block:HasTags}
  567. <div class="tags">
  568. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br>
  569. </div>{/block:HasTags}
  570. </div>
  571.  
  572. {block:PermalinkPage}
  573.  
  574. {block:PostNotes}
  575. <div id="notecontainer">{PostNotes}</div>
  576. {/block:PostNotes}
  577.  
  578. <center>{block:ContentSource}
  579. <br><a href="{SourceURL}">
  580. {lang:Source}:
  581. {block:SourceLogo}
  582. <img src="{BlackLogoURL}" width="{LogoWidth}"
  583. height="{LogoHeight}" alt="{SourceTitle}" />
  584. {/block:SourceLogo}
  585. {block:NoSourceLogo}
  586. {SourceLink}
  587. {/block:NoSourceLogo}
  588. </a>
  589. {/block:ContentSource}</center>
  590.  
  591. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  592.  
  593. {/block:PermalinkPage}
  594.  
  595. </div><!--entry-->
  596.  
  597. {/block:Posts}
  598.  
  599. {block:IndexPage}
  600. {block:Pagination}
  601. <div id="pg">
  602. {block:PreviousPage}
  603. <a href="{PreviousPage}">«</a></a>
  604. {/block:PreviousPage}
  605. {block:JumpPagination length="5"}
  606. {block:CurrentPage}
  607. <span class="currentpg">{PageNumber}</span>
  608. {/block:CurrentPage}
  609.  
  610. {block:JumpPage}
  611. <a class="jump_page" href="{URL}">{PageNumber}</a>
  612. {/block:JumpPage}
  613. {/block:JumpPagination}
  614. {block:NextPage}
  615. <a id="nextPage" href="{NextPage}">»</a></a>
  616. {/block:NextPage}
  617. </div>
  618. {/block:Pagination}
  619. {/block:IndexPage}
  620.  
  621. </div><!--posts-->
  622. <!------posts2------>
  623.  
  624. </div>
  625. </body>
  626.  
  627. </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!