API tools faq
paste
Advertisement
sofiiayala

Theme 8 by Sofi for Tumblr

sofiiayala
Nov 29th, 2013
410
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.20 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- Gallifrey · Theme 8 by Sofi. DON'T REMOVE THE CREDIT OR CLAIM THE THEME AS YOURS. DON'T USE IT AS A BASE --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#838282"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="image:sidebar" content=""/>
  14.  
  15. <meta name="if:Show title" content="1"/>
  16.  
  17. <meta name="text:link 1 message" content="home"/>
  18. <meta name="text:link 1 url" content="/"/>
  19. <meta name="text:link 2 message" content="message me"/>
  20. <meta name="text:link 2 url" content="/ask"/>
  21. <meta name="text:link 3 message" content="about me"/>
  22. <meta name="text:link 3 url" content="/"/>
  23. <meta name="text:link 4 message" content="navi"/>
  24. <meta name="text:link 4 url" content="/"/>
  25. <meta name="text:link 5 message" content="submit"/>
  26. <meta name="text:link 5 url" content="/"/>
  27.  
  28. <meta name="text:title text" content=""/>
  29.  
  30. <script type="text/javascript">
  31. WebFontConfig = {
  32. google: { families: [ 'Lobster+Two:400,400italic:latin' ] }
  33. };
  34. (function() {
  35. var wf = document.createElement('script');
  36. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  37. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  38. wf.type = 'text/javascript';
  39. wf.async = 'true';
  40. var s = document.getElementsByTagName('script')[0];
  41. s.parentNode.insertBefore(wf, s);
  42. })(); </script>
  43.  
  44. <style type="text/css">
  45.  
  46. #dhtmltooltip{
  47. position: absolute;
  48. padding:2px;
  49. margin:0px 0px 0px 70px;
  50. background: #fff; /* change the background color */
  51. border:1px solid #ccc; /* change the border color */
  52. font-family:times; /* change the font */
  53. font-size:8px; /* change the font size */
  54. letter-spacing:1px; /* change the letter spacing */
  55. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  56. font-style: bold;
  57. color:#000; /* change the text color */
  58. visibility: hidden;
  59. z-index: 100;
  60. /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  61. filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
  62. }
  63.  
  64.  
  65. ::-webkit-scrollbar {width: 4px; height: 4px; background: #f0f0f0; }
  66. ::-webkit-scrollbar-thumb { background-color: #999999; -webkit-border-radius: 0ex; }
  67.  
  68. body {
  69. background:{color:background};
  70. margin:0px;
  71. color:{color:text};
  72. font-family:Calibri;
  73. font-size:10px;
  74. line-height:100%;
  75. }
  76.  
  77. body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  78.  
  79. a {
  80. text-decoration:none;
  81. outline:none;
  82. -moz-outline-style:none;
  83. color:{color:link};
  84. }
  85.  
  86. img {
  87. border:none;
  88. }
  89.  
  90. blockquote {
  91. padding-left:5px;
  92. border-left:2px solid;
  93. margin-left: 2px;
  94. }
  95.  
  96. h1 {
  97. font-size:19px;
  98. font-family:times;
  99. font-weight: lighter;
  100. letter-spacing: 1.5px;
  101. }
  102.  
  103. .hr {
  104. color: #f0eded;
  105. }
  106.  
  107. #entries {
  108. padding:10px;
  109. width:500px;
  110. margin-top:0px;
  111. margin-left: -8px;
  112. }
  113.  
  114. #post {
  115. width:500px;
  116. padding-bottom:20px;
  117. margin-top:20px;
  118. margin-bottom:0px;
  119. text-align: left;
  120.  
  121. }
  122.  
  123. #post:hover #tags {
  124. opacity: 1;
  125. transition: all 0.3s linear;
  126. -webkit-transition: opacity 0.3s linear;
  127. -webkit-transition: all 0.3s linear;
  128. -moz-transition: all 0.3s linear;
  129. }
  130.  
  131. {block:IfShowtitle}
  132. #title {
  133. width:498px;
  134. margin-top:20px;
  135. height: auto;
  136. text-align: center;
  137. margin-left: 1px;
  138. font-size:20px;
  139. font-family: baskerville;
  140. text-align: center;
  141. letter-spacing: 1px;
  142. text-transform: lowercase;
  143. }
  144. {/block:IfShowtitle}
  145.  
  146. #sidebar {
  147. width:500px;
  148. margin-top:0px;
  149. height: auto;
  150. margin-top:0px;
  151. text-align: center;
  152. margin-left: 1px;
  153. }
  154.  
  155. #sidebarimage {
  156. width: 80px;
  157. float: center;
  158. }
  159.  
  160. #sidebarimage img {
  161. width: 80px;
  162. background-color: #fff;
  163. overflow:hidden;
  164. float: center;
  165. margin-left:210px;
  166. margin-top:15px;
  167. }
  168.  
  169. #links {
  170. width: 160px;
  171. text-align: center;
  172. background-color: #fff;
  173. height: auto;
  174. margin-left:170px;
  175. margin-bottom: 5px;
  176. padding-top: 5px;
  177. }
  178.  
  179. #links img {
  180. width: 30px;
  181. }
  182.  
  183. #description {
  184. width:120PX;
  185. text-align: justify;
  186. background-color: #fff;
  187. height: auto;
  188. margin-left:190px;
  189. margin-top: 5px;
  190. padding: 5px ;
  191. font-size: 8px;
  192. font-family: times;
  193. }
  194.  
  195. #pagination {
  196. font-size:9px;
  197. text-align:right;
  198. vertical-align: bottom;
  199. font-style: italic;
  200. }
  201.  
  202. .info {
  203. font-size: 7px;
  204. margin-top: 3px;
  205. text-align:center;
  206. font-family: times;
  207. text-transform: uppercase;
  208. letter-spacing: 0.8px;
  209. background-color: #f0f0f0;
  210. padding: 1px;
  211. color: #595959;
  212. }
  213.  
  214. .info a {
  215. color: #595959;
  216. }
  217.  
  218. .info a:hover {
  219. color:{color:hover link};
  220. }
  221.  
  222. heart {
  223. font-size: 8px;
  224. line-height: -5px;
  225. }
  226.  
  227. #border {
  228. margin-top: 8px;
  229. border-top: 1px solid #f0eded;
  230. }
  231.  
  232. #tags {
  233. font-size: 9px;
  234. text-align: center;
  235. opacity: 0;
  236. transition: all 0.3s linear;
  237. -webkit-transition: opacity 0.3s linear;
  238. -webkit-transition: all 0.3s linear;
  239. -moz-transition: all 0.3s linear;
  240. }
  241.  
  242. #asker {
  243. float:left;
  244. }
  245.  
  246. .question{
  247. text-align: center;
  248. letter-spacing:1px;
  249. padding:6px;
  250. border-bottom: 1px solid #f0eded;
  251. }
  252.  
  253. .answer{
  254. background-color:transparent;
  255. line-height: 10px;
  256. text-align: left;
  257. letter-spacing:1px;
  258. font-size: 9px;
  259. }
  260.  
  261.  
  262. #credit {
  263. font-size:9px;
  264. font-family:georgia;
  265. letter-spacing:1px;
  266. -moz-transition-duration:0.5s;
  267. -webkit-transition-duration:0.5s;
  268. -o-transition-duration:0.5s;
  269. }
  270.  
  271. #credit a {
  272. background-color:#fff;
  273. padding:5px;
  274. border:1px solid #e9e9e9;
  275. position:fixed;
  276. right:15px;
  277. bottom:10px
  278. }
  279.  
  280. .sources
  281. {
  282. filter:alpha(opacity=0);
  283. opacity:0;
  284. font-size: 0px;
  285. }
  286.  
  287. #con {
  288. background-color:#FFFFFF;
  289. width:502px;
  290. margin: 0 auto -12px auto;
  291. text-align: center;
  292. }
  293.  
  294. #quote {
  295. line-height: 130%;
  296. font-size:18px;
  297. font-family: times;
  298. text-align: center;
  299. letter-spacing: 1px;
  300. }
  301.  
  302. .audio {
  303. width:250px;
  304. padding-bottom:10px;
  305. }
  306.  
  307. .albumart {
  308. float:left;
  309. padding:4px;
  310. border: 1px solid #ccc;
  311. }
  312.  
  313. .albumart img {
  314. width:50px;
  315. height:50px;
  316. }
  317.  
  318. .player {
  319. text-align:left;
  320. padding:10px;
  321. background-color:#ffffff;
  322. width:50px;
  323. margin-left: 53px;
  324. margin-top:-17px;
  325. }
  326.  
  327. .musicinfo {
  328. padding-left:5px;
  329. padding-top: 3px;
  330. color:{color:text};
  331. margin-left: 65px;
  332. }
  333.  
  334. #pagination {
  335. font-family:times;
  336. width:500px;
  337. font-size:11px;
  338. margin-top:25px;
  339. letter-spacing:1px;
  340. word-spacing:15px;
  341. text-align:right;
  342. margin-left: 65px;
  343. }
  344.  
  345. #pagination a {
  346. color:{color:link};
  347. }
  348.  
  349. #notez {
  350. text-align: left;
  351. }
  352.  
  353.  
  354. {CustomCSS}</style></head><body>
  355.  
  356. <div id="con">
  357.  
  358. <div id="sidebar">
  359.  
  360. {block:IfShowtitle}
  361. <div id="title">{text:title text}</div>
  362. {/block:IfShowtitle}
  363.  
  364. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  365.  
  366. <div id="description">{description}</div>
  367.  
  368. <div id="links">
  369. <a href="{text:link 1 url}" onMouseover="ddrivetip('{text:link 1 message}')";
  370. onMouseout="hideddrivetip()"><img src="http://i1291.photobucket.com/albums/b551/SofiiAyala/uno_zpsbc66ced7.png"></a>
  371. <a href="{text:link 2 url}" onMouseover="ddrivetip('{text:link 2 message}')";
  372. onMouseout="hideddrivetip()"><img src="http://i1291.photobucket.com/albums/b551/SofiiAyala/dos_zpse77a0a3e.png"></a>
  373. <a href="{text:link 3 url}" onMouseover="ddrivetip('{text:link 3 message}')";
  374. onMouseout="hideddrivetip()"><img src="http://i1291.photobucket.com/albums/b551/SofiiAyala/tres_zpse4025945.png"></a>
  375. <a href="{text:link 4 url}" onMouseover="ddrivetip('{text:link 4 message}')";
  376. onMouseout="hideddrivetip()"><img src="http://i1291.photobucket.com/albums/b551/SofiiAyala/cuatro_zps4ccfbab0.png"></a>
  377. <a href="{text:link 5 url}" onMouseover="ddrivetip('{text:link 5 message}')";
  378. onMouseout="hideddrivetip()"><img src="http://i1291.photobucket.com/albums/b551/SofiiAyala/cinco_zps6bf2b38d.png"></a>
  379.  
  380. </div>
  381.  
  382. </div>
  383.  
  384. <div id="entries">
  385. {block:Posts}
  386.  
  387. {block:ContentSource}
  388.  
  389. <!--{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  390.  
  391. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  392.  
  393. {/block:SourceLogo}
  394.  
  395. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  396.  
  397. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  398.  
  399. <div id="post">
  400.  
  401. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  402.  
  403. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  404.  
  405. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  406.  
  407. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<br><br> —<b><font size="1.5">{Source}</font></b>{/block:Source}{/block:Quote}
  408.  
  409. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  410.  
  411. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<font size="2">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}</font>{/block:Chat}
  412.  
  413. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  414. <div class="musicinfo">{block:TrackName}<b>•Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>•Artist:</b> {Artist}<br />{/block:Artist}
  415. {/block:ExternalAudio}<b>•Played:</b> {PlayCount} times</div>
  416. <br><div class="player">{AudioPlayerWhite}</div></div>
  417. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:Audio}
  418.  
  419. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  420.  
  421. {block:Answer}
  422. <div class="question"><b>{Asker}</b> says: <i>{Question}</i></div><blockquote><div class="answer"{Answer}</div></blockquote>{/block:Answer}
  423.  
  424. <div class="info">
  425. {block:RebloggedFrom}<a href="{ReblogRootURL}">source</a> · <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} · {block:Date} {TimeAgo}{/block:Date} · <heart>♥</heart><a href="{Permalink}">
  426. {NoteCount}</a></div>
  427.  
  428. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  429.  
  430. </div>
  431. <div id="notez">{block:PostNotes}{PostNotes}{/block:PostNotes}
  432. {/block:Posts}</div>
  433.  
  434. </div></div>
  435.  
  436. {block:Pagination}
  437. <div id="pagination">
  438. {block:PreviousPage}
  439. <a href="{PreviousPage}">←</a>
  440. {/block:PreviousPage}
  441. {block:JumpPagination length="6"}
  442. {block:CurrentPage}
  443. <span class="current_page">{PageNumber}</span>
  444. {/block:CurrentPage}
  445. {block:JumpPage}
  446. <a class="jump_page" href="{URL}">{PageNumber}</a>
  447. {/block:JumpPage}
  448. {/block:JumpPagination}
  449. {block:NextPage}
  450. <a href="{NextPage}">→</a>
  451. {/block:NextPage}
  452. </div>
  453. {/block:Pagination}
  454.  
  455. </div>
  456.  
  457. <div id="credit"><a href="http://www.nobodycouldbethatclever.tumblr.com"> ♥</div>
  458.  
  459. <div id="dhtmltooltip"></div>
  460.  
  461. <script type="text/javascript">
  462.  
  463. /***********************************************
  464. * Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  465. * This notice MUST stay intact for legal use
  466. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  467. ***********************************************/
  468.  
  469. var offsetxpoint=-60 //Customize x offset of tooltip
  470. var offsetypoint=20 //Customize y offset of tooltip
  471. var ie=document.all
  472. var ns6=document.getElementById && !document.all
  473. var enabletip=false
  474. if (ie||ns6)
  475. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  476.  
  477. function ietruebody(){
  478. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  479. }
  480.  
  481. function ddrivetip(thetext, thecolor, thewidth){
  482. if (ns6||ie){
  483. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  484. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  485. tipobj.innerHTML=thetext
  486. enabletip=true
  487. return false
  488. }
  489. }
  490.  
  491. function positiontip(e){
  492. if (enabletip){
  493. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  494. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  495. //Find out how close the mouse is to the corner of the window
  496. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  497. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  498.  
  499. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  500.  
  501. //if the horizontal distance isn't enough to accomodate the width of the context menu
  502. if (rightedge<tipobj.offsetWidth)
  503. //move the horizontal position of the menu to the left by it's width
  504. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  505. else if (curX<leftedge)
  506. tipobj.style.left="5px"
  507. else
  508. //position the horizontal position of the menu where the mouse is positioned
  509. tipobj.style.left=curX+offsetxpoint+"px"
  510.  
  511. //same concept with the vertical position
  512. if (bottomedge<tipobj.offsetHeight)
  513. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  514. else
  515. tipobj.style.top=curY+offsetypoint+"px"
  516. tipobj.style.visibility="visible"
  517. }
  518. }
  519.  
  520. function hideddrivetip(){
  521. if (ns6||ie){
  522. enabletip=false
  523. tipobj.style.visibility="hidden"
  524. tipobj.style.left="-1000px"
  525. tipobj.style.backgroundColor=''
  526. tipobj.style.width=''
  527. }
  528. }
  529.  
  530. document.onmousemove=positiontip
  531.  
  532. </script>
  533.  
  534. </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!