API tools faq
paste
Advertisement
emblemtres

Theme 05 no hover

emblemtres
Jul 6th, 2013
49
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.36 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. Theme 05 by emblemtres AKA Sage
  5. Dont steal this shit nigga you do you in for a very rude awakening
  6. Okay have a nice day
  7. YOU'RE BEAUTIFUL
  8.  
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head><title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  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="color:Tags" content="f0f0f0"/>
  24. <meta name="color:Hover" content="#f2f2f2"/>
  25. <meta name="color:Line" content="#f2f2f2"/>
  26. <meta name="color:Border" content="#e4e4e4"/>
  27. <meta name="color:Post" content="#ffffff"/>
  28. <meta name="color:Answer" content="#f8f8f8"/>
  29.  
  30.  
  31. <meta name="image:Sidebar3" content=""/>
  32. <meta name="image:Sidebar4" content=""/>
  33.  
  34. <meta name="image:bg" content=""/>
  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.  
  46. <style type="text/css">
  47.  
  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:#000; /* change the background color */
  83.  
  84. border:1px solid #fff; /* change the border color */
  85.  
  86. font-family:consolas; /* 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:#fff; /* 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. /* --- SCROLLBAR ---*/
  101.  
  102. ::-webkit-scrollbar {
  103. width: 5px;height: 5px;}
  104. ::-webkit-scrollbar-button:start:decrement,
  105. ::-webkit-scrollbar-button:end:increment {
  106. height: 6px;display: block;background-color: {color:white};}
  107. ::-webkit-scrollbar-track-piece {
  108. background-color: {color:scrollbarbg};}
  109. ::-webkit-scrollbar-thumb:vertical {
  110. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  111.  
  112. /* --- BODY ---*/
  113.  
  114. body {
  115. background:{color:background};
  116. margin:0px;
  117. color:{color:text};
  118. font-family:Consolas;
  119. font-size:9px;
  120. line-height:100%;
  121. }
  122.  
  123. a {
  124. text-decoration:none;
  125. outline:none;
  126. -moz-outline-style:none;
  127. color:{color:link};
  128. }
  129.  
  130. img {
  131. border:none;
  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:10;
  151. color:{color:hover};
  152. -webkit-transition: all 0.7s ease;
  153. -moz-transition: all 0.7s ease;
  154. -o-transition: all 0.7s ease
  155. }
  156.  
  157. /* --- POST ENTRIES ---*/
  158.  
  159.  
  160. #entries {
  161. padding:10px;
  162. width:500px;
  163. margin-left:500px;
  164. margin-top:40px;
  165. font-size:10px;
  166. }
  167.  
  168. /* --- BODY: POSTS ---*/
  169.  
  170.  
  171. #post {
  172. width:500px;
  173. padding-bottom:20px;
  174. padding:10px;
  175. margin-top:15px;
  176. background-color:{color:Post};
  177. }
  178.  
  179. /* --- SIDEBAR IMAGE ---*/
  180.  
  181.  
  182. #sidebar {
  183. position:fixed;
  184. margin-left:70px;
  185. margin-top:130px;
  186. opacity:1;
  187. padding:250px 190px 200px 150px;
  188. border-right:1px line #e8e8e8;
  189. }
  190.  
  191.  
  192.  
  193.  
  194. #sidebarimage img {
  195. width:100px;
  196. height:100px;
  197. margin-left:-50px;
  198. margin-top:100px;
  199. padding:5px;
  200. top:250px;
  201. position:fixed;
  202. opacity:0;
  203.  
  204. -webkit-transition: all 0.5s ease;
  205. -moz-transition: all 0.5s ease;
  206. -o-transition: all 0.5s ease;
  207. }
  208.  
  209. #sidebarimage2 img {
  210. width:100px;
  211. height:100px;
  212. margin-top:-110px;
  213. margin-left:60px;
  214. padding:5px;
  215. top:350px;
  216. opacity:0;
  217. position:fixed;
  218. -webkit-transition: all 0.5s ease;
  219. -moz-transition: all 0.5s ease;
  220. -o-transition: all 0.5s ease;
  221. }
  222. #sidebarimage3 img {
  223. width:100px;
  224. height:100px;
  225. margin-top:-110px;
  226. margin-left:-50px;
  227. padding:5px;
  228. top:350px;
  229. opacity:0.9;
  230. position:fixed;
  231. -webkit-transition: all 0.5s ease;
  232. -moz-transition: all 0.5s ease;
  233. -o-transition: all 0.5s ease;
  234. }
  235. #sidebarimage4 img {
  236. width:100px;
  237. height:100px;
  238. margin-top:0px;
  239. margin-left:60px;
  240. padding:5px;
  241. top:350px;
  242. opacity:0.9;
  243. position:fixed;
  244. -webkit-transition: all 0.5s ease;
  245. -moz-transition: all 0.5s ease;
  246. -o-transition: all 0.5s ease;
  247. }
  248. #sidebar:hover #sidebarimage img {
  249. opacity:0;
  250. position:fixed;
  251. -webkit-transition: all 0.5s ease;
  252. -moz-transition: all 0.5s ease;
  253. -o-transition: all 0.5s ease;
  254. }
  255. #sidebar:hover #sidebarimage2 img {
  256. opacity:0;
  257. position:fixed;
  258. -webkit-transition: all 0.5s ease;
  259. -moz-transition: all 0.5s ease;
  260. -o-transition: all 0.5s ease;
  261. }
  262.  
  263. #sidebar:hover #links {
  264. margin-left:50px;
  265. opacity:1;
  266. -webkit-transition: all 0.5s ease;
  267. -moz-transition: all 0.5s ease;
  268. -o-transition: all 0.5s ease;
  269. }
  270.  
  271. #sidebar:hover #description{
  272. opacity:0.8;
  273. -webkit-transition: all .5s ease-in-out;
  274. -moz-transition: all .5s ease-in-out;
  275. -o-transition: all .5s ease-in-out;
  276. }
  277.  
  278. /* --- SIDEBAR LINKS ---*/
  279.  
  280.  
  281. .links {
  282. font-family:consolas;
  283. line-height:160%;
  284. font-size:9px;
  285. width:65px;
  286. height:65px;
  287. text-transform:uppercase;
  288. margin-top:-57px;
  289. padding:10px;
  290. background-color:#000;
  291. opacity:1;
  292. margin-left:-35px;
  293. text-align:center;
  294. color:#fff;
  295. position:fixed;
  296. -webkit-transition: all 0.7s ease;
  297. -moz-transition: all 0.7s ease;
  298. -o-transition: all 0.7s ease
  299. }
  300.  
  301.  
  302. .links a{
  303. padding:1px;
  304. color:#d3d3d3;
  305. letter-spacing:3px;
  306. -moz-transition-duration:.5s;
  307. -webkit-transition-duration:.5s;
  308. -o-transition-duration:.5s;
  309. }
  310.  
  311. .links a:hover{
  312. color:#fff;
  313. letter-spacing:8px;
  314. -moz-transition-duration:.5s;
  315. -webkit-transition-duration:.5s;
  316. -o-transition-duration:.5s;
  317. }
  318.  
  319. #sidebar:hover .links{
  320. opacity:.85;
  321. -moz-transition-duration:.7s;
  322. -webkit-transition-duration:.7s;
  323. -o-transition-duration:.7s;
  324. }
  325.  
  326. #description {
  327. line-height:120%;
  328. font-size:9.5px;
  329. font-style:none;
  330. font-family:consolas;
  331. color:#fff;
  332. width:70px;
  333. height:70px;
  334. margin-top:-170px;
  335. padding:10px;
  336. background-color:#111;
  337. opacity:1;
  338. margin-left:70px;
  339. text-align:center;
  340. position:fixed;
  341. -webkit-transition: all .9s ease-in-out;
  342. -moz-transition: all .5s ease-in-out;
  343. -o-transition: all .5s ease-in-out;
  344. }
  345. }
  346.  
  347. #description a {
  348. color:#fff
  349. -moz-transition-duration:0.4s;
  350. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  351.  
  352. #description a:hover {}
  353.  
  354.  
  355. /* --- PAGINATION---*/
  356.  
  357.  
  358. #pagination {
  359. width:100px;
  360. font-size:8px;
  361. text-align:center;
  362. margin-left:0px;
  363. margin-top:60px;
  364. position:fixed;
  365. font-family:consolas;
  366. letter-spacing:0px;
  367. }
  368.  
  369. /* --- POST INFO ---*/
  370.  
  371.  
  372. #info {
  373. font-family:consolas;
  374. width:490px;
  375. margin-top:3px;
  376. padding:2px;
  377. padding-left:8px;
  378. font-size:8px;
  379. color:{color:link};
  380. text-transform:uppercase;
  381. font-style:normal;
  382. letter-spacing:2px;
  383. text-align:right;
  384. border-bottom:1px solid #f5f5f5;
  385. -moz-transition-duration:0.5s;
  386. -webkit-transition-duration:0.5s;
  387. -o-transition-duration:0.5s;
  388. }
  389.  
  390. #info a {
  391. color:{color:link};
  392. text-align:right;
  393. letter-spacing:1px;
  394. font-style:normal;
  395. }
  396.  
  397. #info a:hover {
  398. color:{color:hover};
  399. }
  400. /* --- POST TAGS---*/
  401.  
  402.  
  403. #tags {
  404. font-family:consolas;
  405. font-style:normal;
  406. width:500px;
  407. text-transform:uppercase;
  408. font-style:normal;
  409. color:{color:tags};
  410. letter-spacing:2px;
  411. line-height:120%;
  412. margin-left:-2px;
  413. font-size:8px;
  414. text-align:right;
  415. padding:2px;
  416. -moz-transition-duration:0.5s;
  417. -webkit-transition-duration:0.5s;
  418. -o-transition-duration:0.5s;
  419. }
  420.  
  421. #tags a {
  422. color:{color:text};
  423. letter-spacing:1px;
  424. padding:1px;
  425. }
  426.  
  427. #tags a:hover {
  428. color:#f1f1f1;
  429. }
  430.  
  431.  
  432. /* --- QUESTIONS ---*/
  433.  
  434. #asker {
  435. padding:7px;
  436. font-family:'consolas';
  437. letter-spacing:1px;
  438. text-align:left;
  439. font-style:none;
  440. margin-left:0px;
  441. border:1px #eee solid;
  442. background-color:{color:background}
  443. }
  444. #credit {
  445. font-size:10px;
  446. font-family:consolas;
  447. font-style:bold;
  448. letter-spacing:.5px;
  449. text-align:center;
  450. -moz-transition-duration:0.5s;
  451. -webkit-transition-duration:0.5s;
  452. -o-transition-duration:0.5s;
  453. }
  454.  
  455. #credit a {
  456. background-color:#fff;
  457. padding:5px;
  458. border:1px solid #e9e9e9;
  459. position:fixed;
  460. right:0px;
  461. bottom:0px
  462. }
  463.  
  464. #credit a:hover {
  465. color:#fff;
  466. background-color:#191919;
  467. }
  468.  
  469.  
  470. ::selection {color:#fff;background:#fff;}
  471. ::-moz-selection {color:#fff;background:#fff;}
  472. ::-webkit-selection{color:#fff;background:#fff;}
  473.  
  474.  
  475. {CustomCSS}</style></head><body>
  476.  
  477.  
  478. <body onkeydown="return false">
  479.  
  480. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  481.  
  482. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  483.  
  484. <script>
  485.  
  486. (function($){
  487.  
  488. $(document).ready(function(){
  489.  
  490. $("a[title]").style_my_tooltips({
  491.  
  492. tip_follows_cursor:true,
  493.  
  494. tip_delay_time:0,
  495.  
  496. tip_fade_speed:0,
  497.  
  498. attribute:"title"
  499.  
  500. });
  501.  
  502. });
  503.  
  504. })(jQuery);
  505.  
  506. </script>
  507.  
  508. <div id="sidebar">
  509. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  510. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  511. <div id="sidebarimage3"><img src="{image:sidebar3}"></div>
  512. <div id="sidebarimage4"><img src="{image:sidebar4}"></div>
  513.  
  514. <div id="description">
  515. {Description}
  516. </div>
  517.  
  518. <div class="links">
  519. <a href="{text:link1 url}" title="{text:link1}">Cali</a>
  520. <a href="{text:link2 url}" title="{text:link2}">Mail</a>
  521. <a href="{text:link3 url}" title="{text:link3}">Navi</a>
  522. <a href="{text:link4 url}" title="{text:link4}">Roll</a>
  523. </div>
  524.  
  525. {block:Pagination}<div id="pagination">
  526. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  527. {block:JumpPagination length="5"}
  528. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  529. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  530. {/block:JumpPagination}
  531. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  532. </div>{/block:Pagination}
  533.  
  534. </div>
  535.  
  536.  
  537.  
  538.  
  539. <div id="entries">{block:Posts}<div id="post">
  540.  
  541. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  542.  
  543. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  544.  
  545. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  546.  
  547. {block:Quote}{Quote}{/block:Quote}
  548.  
  549. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  550.  
  551. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  552.  
  553. {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>
  554. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  555. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  556. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  557. {/block:Audio}
  558.  
  559. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  560.  
  561. {block:Answer}<div id="asker"><span style="font-family:consolas;font-size:9px;font-style:uppercase;">{Asker}: </span>{Question}</div><left><font face="consolas">{Answer}</font>{/block:Answer}
  562.  
  563.  
  564. <div id="info">
  565. <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>
  566. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  567. {/block:Posts}
  568. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  569. {/block:Posts}</div></div></div>
  570.  
  571.  
  572.  
  573. <!--
  574. THEME MAKER CREDIT
  575. -->
  576. <div id="credit">
  577. <a href="http://emblemtres.tumblr.com/">Emblemtres&nbsp;
  578.  
  579. </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!