API tools faq
paste
Advertisement
emblemtres

Theme 03 by Emblemtres

emblemtres
Jun 17th, 2013
282
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.24 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. <!--
  4.  
  5. Theme 03 by emblemtres AKA Sage
  6. Dont steal this shit nigga you do you in for a very rude awakening
  7. Okay have a nice day
  8. YOU'RE BEAUTIFUL
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head><title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Sidebar" content="#ffffff"/>
  21. <meta name="color:Text" content="#a8a8a8"/>
  22. <meta name="color:Link" content="#b8b8b8"/>
  23. <meta name="image:thekey" content=""/>
  24. <meta name="color:Tags" content="f0f0f0"/>
  25. <meta name="color:Hover" content="#ccc"/>
  26. <meta name="color:Line" content="#f2f2f2"/>
  27. <meta name="color:Border" content="#e4e4e4"/>
  28. <meta name="color:Post" content="#ffffff"/>
  29. <meta name="color:Answer" content="#f8f8f8"/>
  30. <meta name="image:sidebar" content=""/>
  31. <meta name="image:sidebar2" content=""/>
  32. <meta name="image:sidebar3" content=""/>
  33. <meta name="image:bg" content=""/>
  34.  
  35. <meta name="text:link1" content="" />
  36. <meta name="text:link1 url" content="/">
  37. <meta name="text:link2" content="" />
  38. <meta name="text:link2 url" content="/">
  39. <meta name="text:link3" content="" />
  40. <meta name="text:link3 url" content="/">
  41. <meta name="text:link4" content="" />
  42. <meta name="text:link4 url" content="/">
  43. <meta name="color:scrollbarbg" content="ffffff"/>
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  46.  
  47. <style type="text/css">
  48. iframe#tumblr_controls { width:50%; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  49.  
  50. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  51.  
  52. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  53.  
  54. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  55. #bite
  56. #bite a{
  57. display:block
  58. }
  59. #bite .death {
  60. margin-top:0px;filter: alpha(opacity = 0);
  61. opacity:0;-webkit-transition: all 0.5s ease-out;
  62. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  63. }
  64.  
  65. #bite:hover .death {
  66. margin-top:0px;
  67. -webkit-transition: all 0.8s ease-out;
  68. -moz-transition: all 0.8s ease-out;
  69. transition: all 0.8s ease-out;
  70. filter: alpha(opacity = 100);
  71. filter: alpha(opacity = 100);
  72. opacity:100;
  73. }
  74. #s-m-t-tooltip {
  75.  
  76. max-width:300px;
  77.  
  78. padding:3px 3px 4px 5px;
  79.  
  80. margin:10px 0px 0px 10px;
  81.  
  82. background-color:#fff; /* change the background color */
  83.  
  84. border:0px solid #ddd; /* change the border color */
  85.  
  86. font-family:calibri; /* change the font */
  87.  
  88. font-size:9px; /* change the font size */
  89.  
  90. letter-spacing:2px; /* change the letter spacing */
  91.  
  92. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  93.  
  94. color:#aaa; /* change the text color */
  95.  
  96. z-index:999999999999999999999999999999999999;
  97.  
  98. }
  99. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  100.  
  101. /* --- SCROLLBAR ---*/
  102.  
  103. ::-webkit-scrollbar{
  104. width:5px;
  105. height:10px;
  106. background-color:#ffffff;
  107. }
  108.  
  109. ::-webkit-scrollbar-thumb:vertical{
  110. height:8px;
  111. background-color:#a29c9c;
  112. border:1px solid #f1f2f2;
  113. }
  114.  
  115. /* --- BODY ---*/
  116.  
  117. body {
  118. background:{color:background};
  119. margin:0px;
  120. color:{color:text};
  121. font-family:calibri;
  122. font-size:9px;
  123. line-height:100%;
  124. }
  125.  
  126. a {
  127. text-decoration:none;
  128. outline:none;
  129. -moz-outline-style:none;
  130. color:{color:link};
  131. }
  132.  
  133.  
  134. blockquote {
  135. padding-left:5px;
  136. border-left:2px solid;
  137. }
  138.  
  139. blockquote blockquote {
  140. padding-left:5px;
  141. border-left:2px solid;
  142. }
  143.  
  144. h1 {
  145. font-size:9px;
  146. text-transform:uppercase;
  147. }
  148.  
  149. a:hover {
  150. opacity:1;
  151. color:#333;
  152. -webkit-transition: all 0.3s ease;
  153. -moz-transition: all 0.3s ease;
  154. -o-transition: all 0.3s ease
  155. }
  156.  
  157. img:hover{
  158. -webkit-transition: opacity 0.8s linear;
  159. opacity: 0.80;
  160. -webkit-filter:grayscale(40%);
  161. }
  162. img{
  163. -webkit-transition: opacity 0.8s linear;
  164. opacity: 1;
  165. -webkit-filter:none;
  166. }
  167.  
  168. /* --- POST ENTRIES ---*/
  169.  
  170.  
  171. #entries {
  172. padding:10px;
  173. width:500px;
  174. margin-left:450px;
  175. margin-top:-10px;
  176. font-size:10px;
  177. }
  178.  
  179.  
  180. /* --- BODY: POSTS ---*/
  181.  
  182.  
  183. #post {
  184. width:500px;
  185. padding-bottom:20px;
  186. padding:10px;
  187. margin-top:50px;
  188. background-color:#FFFFFF;
  189.  
  190. }
  191.  
  192.  
  193.  
  194.  
  195. /* --- SIDEBAR IMAGE ---*/
  196.  
  197.  
  198. #sidebar {
  199. width:100px;
  200. position:fixed;
  201. margin-left:210px;
  202. margin-top:200px;
  203. opacity:.80;
  204. background-color:{color:Sidebar};
  205. -webkit-transition: all 0.7s ease;
  206. -moz-transition: all 0.7s ease;
  207. -o-transition: all 0.7s ease;
  208. }
  209.  
  210. #sidebarimage {
  211. width 100px;
  212. -webkit-transition: all 0.7s ease;
  213. -moz-transition: all 0.7s ease;
  214. -o-transition: all 0.7s ease;
  215. }
  216.  
  217. #sidebarimage img {
  218. width:100px;
  219. border:solid 1px;
  220. padding:6px;
  221. border-color: {color:border};
  222. background-color:{color:Sidebar};
  223. -webkit-transition: all 0.7s ease;
  224. -moz-transition: all 0.7s ease;
  225. -o-transition: all 0.7s ease;
  226. }
  227. #sidebar:hover #sidebarimage img{
  228. margin-left:-50px;
  229. -webkit-transform: rotateleft(20deg);
  230. -moz-transform: rotate(20deg);
  231. -o-transform: rotate(20deg);
  232. -webkit-transition: all 0.7s ease;
  233. -moz-transition: all 0.7s ease;
  234. -o-transition: all 0.7s ease;
  235. }
  236.  
  237. #sidebar2 {
  238. width:100px;
  239. position:fixed;
  240. margin-left:-1px;
  241. margin-top:10px;
  242. opacity:1.80;
  243. background-color:{color:Sidebar};
  244. -webkit-transition: all 0.7s ease;
  245. -moz-transition: all 0.7s ease;
  246. -o-transition: all 0.7s ease;
  247.  
  248. }
  249.  
  250. #sidebarimage2 {
  251. width 100px;
  252. margin-top:10px;
  253.  
  254. -webkit-transition: all 0.7s ease;
  255. -moz-transition: all 0.7s ease;
  256. -o-transition: all 0.7s ease;
  257.  
  258. }
  259.  
  260.  
  261. #sidebarimage2 img {
  262. width:100px;
  263. border:solid 1px;
  264. padding:6px;
  265. border-color: {color:border};
  266. background-color:{color:Sidebar};
  267. -webkit-transition: all 0.7s ease;
  268. -moz-transition: all 0.7s ease;
  269. -o-transition: all 0.7s ease;
  270.  
  271. }
  272. #sidebarimage2 img:hover #description {
  273. opacity:1;
  274. }
  275.  
  276. #sidebar:hover #sidebarimage2 img{
  277. margin-left:50px;
  278. -webkit-transform: rotateright(-20deg);
  279. -moz-transform: rotate(-20deg);
  280. -o-transform: rotate(-20deg);
  281. -webkit-transition: all 0.7s ease;
  282. -moz-transition: all 0.7s ease;
  283. -o-transition: all 0.7s ease;
  284. }
  285.  
  286. #sidebar3 {
  287. width:100px;
  288. position:fixed;
  289. margin-left:-1px;
  290. margin-top:10px;
  291. opacity:1.80;
  292. background-color:{color:Sidebar};
  293. -webkit-transition: all 0.7s ease;
  294. -moz-transition: all 0.7s ease;
  295. -o-transition: all 0.7s ease;
  296.  
  297.  
  298. }
  299. #sidebarimage3 {
  300. width 100px;
  301. margin-top:10px;
  302.  
  303. -webkit-transition: all 0.7s ease;
  304. -moz-transition: all 0.7s ease;
  305. -o-transition: all 0.7s ease;
  306.  
  307.  
  308. }
  309.  
  310. #sidebarimage3 img {
  311. width:100px;
  312. border:solid 1px;
  313. padding:6px;
  314. border-color: {color:border};
  315. background-color:{color:Sidebar};
  316. -webkit-transition: all 0.7s ease;
  317. -moz-transition: all 0.7s ease;
  318. -o-transition: all 0.7s ease;
  319.  
  320. }
  321.  
  322. #sidebar:hover #sidebarimage3 img{
  323. margin-left:-50px;
  324. -webkit-transform: rotateleft(-360deg);
  325. -moz-transform: rotate(-360deg);
  326. -o-transform: rotate(-360deg);
  327. -webkit-transition: all 0.7s ease;
  328. -moz-transition: all 0.7s ease;
  329. -o-transition: all 0.7s ease;
  330. }
  331.  
  332. /* --- SIDEBAR LINKS ---*/
  333.  
  334. .links {
  335. width:100px;
  336. height:12px;
  337. padding: 20px;
  338. font-size:24px;
  339. font-family:'calibri';
  340. text-align:center;
  341. margin-top:-350px;
  342. margin-left:50px;
  343. text-align:center;
  344. text-transform:uppercase;
  345. word-spacing:2px;
  346. position:fixed;
  347. padding-bottom:40px;
  348. }
  349.  
  350.  
  351.  
  352. .links {
  353. position:absolute;
  354. width:105px;
  355. line-height: 112%;
  356. text-transform: uppercase;
  357. color:#000000;
  358. margin-left: -45px;
  359. margin-top: -361px;
  360. text-align: center;
  361. display:block;
  362. padding: 0px;
  363. opacity:0.1;
  364. text-transform:uppercase;
  365.  
  366. -webkit-transition:0.5s linear;
  367. }
  368.  
  369. .links a{
  370. font-family:consolas;
  371. font-style:normal;
  372. font-size:10px;
  373. text-transform:uppercase;
  374. color:#9f9f9f;
  375. background-color:#ffffff;
  376. padding-left:6px;
  377. opacity:0.0;
  378. display:block;
  379.  
  380. -moz-transition-duration:1s;
  381. -webkit-transition-duration:1s;
  382. -o-transition-duration:1s;
  383. }
  384.  
  385. .links a:hover{
  386. color:#aaa;
  387. letter-spacing: 10px;
  388. opacity:1;
  389. background-color:#fff;
  390. -webkit-transition: all 0.3s ease;
  391. -moz-transition: all 0.3s ease;
  392. -o-transition: all 0.3s ease;
  393. -webkit-filter: blur(0.7px);
  394. -webkit-transition: all .3s ease;
  395. -o-transition: all .3s ease;
  396. color:#aaa
  397.  
  398. }
  399.  
  400. #sidebar:hover .links {
  401.  
  402.  
  403. opacity:1;
  404. -webkit-transition: all 0.6s ease-out;
  405. -o-transition: all 0.6s ease-out;
  406. -webkit-transition: all 0.6s ease-out;
  407. -moz-transition: all 0.6s ease-out; }
  408.  
  409.  
  410. /* --- DESCRIPTION ---*/
  411.  
  412.  
  413. #description {
  414. text-align:center;
  415. background-color:#fff;
  416.  
  417. text-transform:lowercase;
  418. letter-spacing:2px;
  419. margin-left:53px;
  420. margin-top: -78px;
  421. width:100px;
  422. height:100px;
  423. opacity:0;
  424. position:fixed;
  425. top:400px;
  426. padding-top:4px;
  427. padding-left:5px;
  428. padding-right:5px;
  429. padding-bottom:4px;
  430. -webkit-transition: all 0.7s ease;
  431. -moz-transition: all 0.7s ease;
  432. -o-transition: all 0.7s ease;
  433. }
  434.  
  435. #description:hover {
  436. opacity:0.8;
  437. -webkit-transition: all 0.9s ease;
  438. -moz-transition: all 0.9s ease;
  439. -o-transition: all 0.9s ease
  440. }
  441. .desc {
  442. margin-bottom:17px;
  443.  
  444. text-align:center;
  445. font-size:8px;
  446. color:#aaa;
  447. letter-spacing:1px;
  448. line-height:150%;
  449. }
  450.  
  451. .desc a {
  452. color:#717581;
  453. }
  454.  
  455. .desc a {
  456. color:#717581;
  457. }
  458.  
  459.  
  460.  
  461.  
  462.  
  463.  
  464.  
  465.  
  466. /* --- PAGINATION---*/
  467. #sidebar:hover #pagination{
  468. opacity:1;
  469. text-transform:italic;
  470. -webkit-transition: all 0.7s ease;
  471. -moz-transition: all 0.7s ease;
  472. -o-transition: all 0.7s ease;
  473. }
  474.  
  475. #pagination {
  476. width:100px;
  477. font-size:9px;
  478. text-align:center;
  479. margin-left:-43px;
  480. margin-top:-40px;
  481. position:fixed;
  482. font-family:consolas;
  483. letter-spacing:0px;
  484. background-color:{color:background};
  485. line-height:160%;
  486. height:15px;
  487. opacity:0;
  488. position:fixed;
  489. color:{color:desc};
  490. z-index:222222;
  491. -webkit-transition: all 0.7s ease;
  492. -moz-transition: all 0.7s ease;
  493. -o-transition: all 0.7s ease;
  494. }
  495.  
  496.  
  497. /* --- POST INFO ---*/
  498.  
  499.  
  500. #info {
  501. text-align:left;
  502. margin-top:10px;
  503. text-transform:uppercase;
  504. font-size:8px;
  505. font-style:none;
  506. border-top:1px solid {color:Line}
  507. }
  508.  
  509. /* --- POST TAGS---*/
  510.  
  511.  
  512. #tags {
  513. font-family:calibri;
  514. letter-spacing:0px;
  515. opacity:0;
  516. text-transform:lowercase;
  517. font-size:10px;
  518. font-style:italic;
  519. margin-top:4px;
  520. text-align:left;
  521. }
  522.  
  523. #credit{
  524. bottom:3px;
  525. right:-120px;
  526. width:130px;
  527. font-family:consolas;
  528. font-size:9px;
  529. letter-spacing:1px;
  530. text-transform:
  531. uppercase;
  532. position:fixed;
  533. padding:5px;
  534. text-align:left;
  535. border:1px solid #eee;
  536. height:9px;
  537. line-height:115%;
  538. color:#aaa;
  539. -moz-transition-duration:0.5s;
  540. -webkit-transition-duration:0.5s;
  541. -o-transition-duration:0.5s;
  542. }
  543.  
  544. #credit:hover {
  545. right:10px;
  546. background-color:#ccc;
  547. border:1px solid #ccc;
  548. color:#fff;
  549. letter-spacing;0px;
  550. width:130;
  551. -moz-transition-duration:0.5s;
  552. -webkit-transition-duration:0.5s;
  553. -o-transition-duration:0.5s;
  554. }
  555.  
  556. ::selection {color:#fff;background:#fff;}
  557. ::-moz-selection {color:#fff;background:#fff;}
  558. ::-webkit-selection{color:#fff;background:#fff;}
  559.  
  560.  
  561. /* --- QUESTIONS ---*/
  562.  
  563. #asker {
  564. padding:5px;
  565. font-family:calibri;
  566. letter-spacing:0px;
  567. text-align:left;
  568. font-style:italic;
  569. margin-left:0px;
  570. border-left:0px #eee solid;
  571. background-color:{color:background}
  572. }
  573.  
  574. {CustomCSS}</style></head><body>
  575.  
  576. </div></div>
  577.  
  578. <body onkeydown="return false">
  579.  
  580. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  581.  
  582. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  583.  
  584. <script>
  585.  
  586. (function($){
  587.  
  588. $(document).ready(function(){
  589.  
  590. $("a[title]").style_my_tooltips({
  591.  
  592. tip_follows_cursor:true,
  593.  
  594. tip_delay_time:0,
  595.  
  596. tip_fade_speed:0,
  597.  
  598. attribute:"title"
  599.  
  600. });
  601.  
  602. });
  603.  
  604. })(jQuery);
  605.  
  606. </script>
  607. <div id="sidebar">
  608. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  609. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  610. <div id="sidebarimage3"><img src="{image:sidebar3}"></div>
  611.  
  612. <div id="description">
  613. {Description}
  614. </div>
  615.  
  616.  
  617. <div class="links">
  618. <a href="{text:link1 url}" title="{text:link1}">I</a>
  619. <a href="{text:link2 url}" title="{text:link2}">II</a>
  620. <a href="{text:link3 url}" title="{text:link3}">III</a>
  621. <a href="{text:link4 url}" title="{text:link4}">IV</a>
  622. </a>
  623. </div>
  624.  
  625.  
  626. {block:Pagination}<div id="pagination">
  627. {block:PreviousPage}<a href="{PreviousPage}">flew</a>&nbsp;&nbsp;{/block:PreviousPage}
  628. {block:NextPage}<a href="{NextPage}">leap</a>{/block:NextPage}
  629. </div>{/block:Pagination}
  630.  
  631. </div>
  632.  
  633. <div id="entries">{block:Posts}<div id="post">
  634.  
  635. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  636.  
  637. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  638.  
  639. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  640.  
  641. {block:Quote}{Quote}{/block:Quote}
  642.  
  643. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  644.  
  645. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  646.  
  647. {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>
  648. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  649. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  650. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  651. {/block:Audio}
  652.  
  653. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  654.  
  655. {block:Answer}<div id="asker"><span style="font-family:calibri;font-size:9px;font-style:italic;">{Asker}: </span>{Question}</div><left><font face="calibri">{Answer}</font>{/block:Answer}
  656.  
  657. <div id="info">
  658. <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <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>
  659. {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  660. {/block:Posts}
  661. {block:PostNotes}<div id="notes">{PostNotes}</iv>{/block:PostNotes}
  662. {/block:Posts}</div></div></div>
  663.  
  664.  
  665.  
  666. <!--
  667. THEME MAKER CREDIT
  668. -->
  669. <div id="credit">
  670. <a href="http://emblemtres.tumblr.com/">E3&nbsp;&nbsp;&nbsp;&nbsp;theme by her
  671. </div>
  672.  
  673.  
  674.  
  675. </body></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!