Advertisement
Jessicakim

Star Like Words - theme #004

Jun 18th, 2012
8,561
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.37 KB | None | 0 0
  1. <!---- star like words theme made by murijanai
  2. don't take off the credits
  3. don't copy
  4. don't use this theme as a base ---->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10.  
  11. <!-- DEFAULTS -->
  12. <meta name="if:Caption" content="0"/>
  13. <meta name="if:Tags" content="0"/>
  14. <meta name="if:EndlessScrolling" content="0"/>
  15.  
  16. <!-- DEFAULTS LINKS -->
  17. <meta name="text:Link1" content="/"/>
  18. <meta name="text:Link1 Title" content="Link 1"/>
  19. <meta name="text:Link2" content="/"/>
  20. <meta name="text:Link2 Title" content="Link 2"/>
  21. <meta name="text:Link3" content="/"/>
  22. <meta name="text:Link3 Title" content="Link 3"/>
  23. <meta name="text:Link4" content="/"/>
  24. <meta name="text:Link4 Title" content="Link 4"/>
  25. <meta name="text:Link5" content="/"/>
  26. <meta name="text:Link5 Title" content="Link 5"/>
  27. <meta name="text:Link6" content="/"/>
  28. <meta name="text:Link6 Title" content="Link 6"/>
  29.  
  30. <!-- DEFAULT IMAGE -->
  31. <meta name="image:Background" content="http://static.tumblr.com/z9nrs6q/Xtfm5trqm/project_papper.png"/>
  32. <meta name="image:Sidebar" content="http://static.tumblr.com/vxg0scw/bcTm3rv89/tumblr_m3i82kzhcm1rsn94bo1_500.jpg"/>
  33. <meta name="image:Sidebar BG" content="http://static.tumblr.com/z9nrs6q/ajUm5trsg/tumblr_luvodahgub1r05h8d.jpg"/>
  34. <meta name="image:Post Box" content="http://static.tumblr.com/z9nrs6q/ajUm5trsg/tumblr_luvodahgub1r05h8d.jpg"/>
  35.  
  36. <!-- DEFAULT COLORS -->
  37. <meta name="color:Background" content="#dddddd"/>
  38. <meta name="color:Scrollbar" content="#000000"/>
  39. <meta name="color:Text" content="#000000"/>
  40. <meta name="color:Link" content="#a6a6a6"/>
  41. <meta name="color:Link Hover" content="#949388"/>
  42. <meta name="color:Blockquote Border" content="#9c9c9c"/>
  43. <meta name="color:Blockquote Text" content="#1c1c1c"/>
  44. <meta name="color:Postband" content="#000"/>
  45. <meta name="color:Postbox" content="#ffffff"/>
  46. <meta name="color:Title" content="#888888"/>
  47. <meta name="color:Title Hover" content="#000000"/>
  48. <meta name="color:Notes Text" content="#ffffff"/>
  49. <meta name="color:Sidebar" content="#1c1c1c"/>
  50. <meta name="color:Menu" content="#ffffff"/>
  51. <meta name="color:Menu Box Hover" content="#000000"/>
  52. <meta name="color:Permalink Box" content="#dddddd"/>
  53. <meta name="color:Permalink Text" content="#000000"/>
  54. <meta name="color:Permalink Link" content="#696969"/>
  55. <meta name="color:Description" content="#eeeeee"/>
  56. <meta name="color:Navi1" content="#1c1c1c"/>
  57. <meta name="color:Navi2" content="#363636"/>
  58. <meta name="color:Navi3" content="#4f4f4f"/>
  59. <meta name="color:Navi4" content="#696969"/>
  60. <meta name="color:Navi5" content="#828282"/>
  61. <meta name="color:Navi6" content="#9c9c9c"/>
  62. <meta name="color:Navi Text" content="#ffffff"/>
  63. <meta name="color:Ask" content="#eee"/>
  64.  
  65. <title>{Title}</title>
  66. <link rel="shortcut icon" href="{Favicon}">
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68.  
  69. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfEndlessScrolling}
  70.  
  71. <style type="text/css">
  72.  
  73. @font-face {
  74. font-family: "04b03";
  75. src: url('https://dl.dropboxusercontent.com/u/109376002/04B_03__.TTF');
  76. }
  77.  
  78. 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;}
  79.  
  80. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  81.  
  82. ::-webkit-scrollbar-thumb:vertical {
  83. background-color: {color:Scrollbar};
  84. height:100px;
  85. }
  86.  
  87. ::-webkit-scrollbar {
  88. height:25px;
  89. width:7px;
  90. background-color: #fff;
  91. }
  92.  
  93. body {
  94. background-color:{color:Background};
  95. background-image:url('{image:Background}');
  96. background-position: fixed;
  97. background-attachment:fixed;
  98. background-repeat:repeat;
  99. font: 11px 'arial';
  100. color: {color:Text};
  101. }
  102.  
  103. a:link,a:active,a:visited {
  104. text-decoration: none;
  105. color: {color:Link};
  106. -webkit-transition: all 0.5s ease-out;
  107. -moz-transition: all 0.5s ease-out;
  108. -o-transition: all 0.5s ease-out;
  109. }
  110.  
  111. a:hover {
  112. color: {color:Link Hover};
  113. -webkit-transition: all 0.5s ease-out;
  114. -moz-transition: all 0.5s ease-out;
  115. -o-transition: all 0.5s ease-out;
  116. }
  117.  
  118. blockquote {
  119. padding: 0px;
  120. padding-left: 5px;
  121. font: 11px arial;
  122. letter-spacing: 1px;
  123. margin-right: 2px;
  124. margin-left: 3px;
  125. border-left: 2px solid {color:Blockquote Border};
  126. background-color: transparent;
  127. color:{color:Blockquote Text};
  128. }
  129.  
  130. blockquote img{
  131. max-width: 390px;
  132. }
  133.  
  134. img {
  135. opacity: 0.8;
  136. filter:alpha(opacity=80);
  137. -moz-opacity: 0.8;
  138. -webkit-transition: all 0.9s ease;
  139. -moz-transition: all 0.9s ease;
  140. -o-transition: all 0.9s ease;
  141. }
  142.  
  143. img:hover {
  144. opacity: 1;
  145. filter:alpha(opacity=100);
  146. -moz-opacity: 1;
  147. -webkit-transition: all 0.9s ease;
  148. -moz-transition: all 0.9s ease;
  149. -o-transition: all 0.9s ease;
  150. }
  151.  
  152. #sidebar {
  153. position: fixed;
  154. float: left;
  155. top: 30px;
  156. margin-left: 60px
  157. }
  158.  
  159. #navigation{
  160. width: 40px;
  161. position: fixed;
  162. padding: 2px;
  163. bottom: 70px;
  164. margin-left: 848px;
  165. }
  166.  
  167. #ospostsla {
  168. background-color:{color:Postband};
  169. background-image:url('{image:Post Box}');
  170. background-position: fixed;
  171. background-attachment:fixed;
  172. background-repeat:repeat;
  173. width:545px;
  174. padding: 0px;
  175. margin-top: -15px;
  176. margin-left: 305px;
  177. margin-bottom:-20px;
  178. }
  179.  
  180. #posts{
  181. width: 500px;
  182. padding: 5px;
  183. margin-left:10px;
  184. margin-top:10px;
  185. margin-bottom:5px;
  186. font-family: 11px 'georgia';
  187. color: {color:Text};
  188. background: {color:Postbox};
  189. }
  190.  
  191. h1{
  192. font: 22px 'chaparral pro';
  193. text-align:left;
  194. margin-top:0px;
  195. margin-left:5px;
  196. margin-bottom:0px;
  197. }
  198.  
  199. h1 a{
  200. color:{color:Title};
  201. text-decoration:none;
  202. -webkit-transition: all 0.5s ease-in;
  203. -moz-transition: all 0.5s ease-in;
  204. -o-transition: all 0.5s ease-in;
  205. }
  206.  
  207. h1 a:hover{
  208. color:{color:Title Hover};
  209. -webkit-transition: all 0.5s ease-in;
  210. -moz-transition: all 0.5s ease-in;
  211. -o-transition: all 0.5s ease-in;
  212. }
  213.  
  214. .quote{
  215. font:18px 'Times New Roman';
  216. text-align: center;
  217. display:block;
  218. }
  219.  
  220. #audio{
  221. z-index:3;
  222. background: #000;
  223. display:block;
  224. margin-bottom:0px;
  225. }
  226.  
  227. .audiopic{
  228. opacity: 1;
  229. filter:alpha(opacity=100);
  230. -moz-opacity: 1;}
  231.  
  232. #audioborder{
  233. padding: 2px;
  234. border: 2px solid #000;
  235. background-color: #000;
  236. }
  237.  
  238. .borderask{
  239. padding: 2px;
  240. border: 2px solid {color:Ask};
  241. background-color: {color:Ask};
  242. }
  243.  
  244. #ask {
  245. text-align: left;
  246. background: {color:Ask};
  247. margin-left: 55px;
  248. padding: 10px;
  249. position: relative;
  250. font: 12px 'trebuchet ms';
  251. color: {color:Text};
  252. }
  253.  
  254. #ask p {margin:1px 1px;}
  255.  
  256. .notes {width:500px; padding: 0px; color: {color:Notes Text}; margin-top: 0px; margin-left: 15px; line-height: 15px; float:none; letter-spacing: 0px; text-transform:lowercase; font-family: trebuchet ms; font-size: 10px;}
  257.  
  258. li.notes {list-style:decimal; padding: 2px; margin: 2px; letter-spacing: 0px; text-transform:lowercase;}
  259.  
  260. #notes a{color: {color:Link}; letter-spacing: 0px; text-transform:lowercase; font-family: trebuchet ms; font-size: 10px;}
  261.  
  262. /**********NAVIGATION BY GYAPO************/
  263. .navi {float:left;width:40px; height:30px;margin-bottom: 1px;padding-right: 17px; font-family: consolas;font-size: 11px; text-align: right;overflow:hidden;webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  264.  
  265. .navi:hover {width:100px;padding-left:50px;}
  266.  
  267. #one {width:45px;padding-top:15px;background-color:{color:Navi1};color:{color:Navi1}; border-radius: 0px 70px 0px 0px; -moz-border-radius: 0px 70px 0px 0px;} #one:hover {color:#fff;}
  268.  
  269. #two {width:45px;padding-top:15px;background-color:{color:Navi2};color:{color:Navi2};} #two:hover {color:{color:Navi Text};}
  270.  
  271. #three {width:45px;padding-top:15px;background-color:{color:Navi3};color:{color:Navi3};} #three:hover {color:{color:Navi Text};}
  272.  
  273. #four {width:45px;padding-top:15px;background-color:{color:Navi4};color:{color:Navi4};} #four:hover {color:{color:Navi Text};}
  274.  
  275. #five {width:45px;padding-top:15px;background-color:{color:Navi5};color:{color:Navi5};} #five:hover {color:{color:Navi Text};}
  276.  
  277. #six {width:45px;padding-top:15px;background-color:{color:Navi6};color:{color:Navi6};border-radius: 0px 0px 70px 0px; -moz-border-radius: 0px 0px 70px 0px;} #six:hover {color:{color:Navi Text};}
  278.  
  279. .border{
  280. width:210px;
  281. height:210px;
  282. border-radius: 100px;
  283. margin-bottom: 5px;
  284. opacity: 1;
  285. filter:alpha(opacity=100);
  286. -moz-opacity: 1;
  287.  
  288. }
  289.  
  290. .nav2 a{
  291. float: left;
  292. width: 45px;
  293. height: 13px;
  294. background-color: {color:Menu};
  295. margin-left: 5px;
  296. margin-top: 3px;
  297. margin-bottom: 5px;
  298. font-family: '04b03';
  299. text-align: center;
  300. padding-bottom: 0px;
  301. letter-spacing: 1px;
  302. padding-top: 7px;
  303. padding-left: 3px;
  304. padding-right: 3px;
  305. font-size: 8px;
  306. color: {color:Menu Box Hover};
  307. text-transform:uppercase;
  308. -o-transition: all 0.7s ease-out;
  309. -webkit-transition: all 0.7s ease-out;
  310. -moz-transition: all 0.7s ease-out;
  311. }
  312.  
  313. .nav2 a:hover {
  314. float: left;
  315. width: 45px;
  316. height: 13px;
  317. background-color: {color:Menu Box Hover};
  318. margin-left: 5px;
  319. margin-top: 3px;
  320. margin-bottom: 5px;
  321. font-family: '04b03';
  322. text-align: center;
  323. padding-bottom: 0px;
  324. letter-spacing: 2px;
  325. padding-top: 7px;
  326. padding-left: 3px;
  327. padding-right:3px;
  328. font-size: 8px;
  329. color: {color:Menu};
  330. text-transform:lowercase;
  331. -o-transition: all 0.7s ease-out;
  332. -webkit-transition: all 0.7s ease-out;
  333. -moz-transition: all 0.7s ease-out;
  334. }
  335.  
  336. .perma {
  337. width:500px;
  338. height: auto;
  339. text-align: center;
  340. background: {color:Permalink Box};
  341. text-transform: uppercase;
  342. margin-top: 5px;
  343. margin-bottom: 2px;
  344. position: relative;
  345. font: 10px 'trebuchet ms';
  346. color: {color:Permalink Text};
  347. }
  348.  
  349. .perma a{
  350. width:500px;
  351. height: auto;
  352. text-align: center;
  353. background: {color:Permalink Box};
  354. text-transform: uppercase;
  355. margin-top: 5px;
  356. margin-bottom: 2px;
  357. position: relative;
  358. font: 10px 'trebuchet ms';
  359. color: {color:Permalink Link};
  360. }
  361.  
  362. h3 { color:{color:Link}; font-size:48px; line-height:25px;margin:0px; padding:0px; margin-bottom:-0px; text-align:center; letter-spacing: 1px; font-family: 'arial'; cursor: hand;}
  363.  
  364. .next {position: fixed; bottom: 30px; left: 865px;}
  365.  
  366. .previous {position: fixed; bottom: 30px; left: 280px;}
  367.  
  368. .side {
  369. width:230px;
  370. height: auto;
  371. background-color:{color:Sidebar};
  372. background-image:url('{image:Sidebar BG}');
  373. background-position: fixed;
  374. background-attachment:fixed;
  375. background-repeat:repeat;
  376. text-align:center;
  377. margin-bottom:-2px;
  378. padding: 10px;
  379. border-radius: 70px 0px 0px 70px;
  380. -moz-border-radius: 70px 0px 0px 70px;
  381. }
  382.  
  383. .descr {
  384. font-family: 'trebuchet ms';
  385. color: {color:Description};
  386. text-align:right;
  387. letter-spacing: 0px;
  388. font-size: 11px;
  389. margin-top:25px;
  390. }
  391.  
  392. {CustomCSS}
  393.  
  394. </style>
  395. <script type="text/javascript"
  396. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  397. </script>
  398. <script type="text/javascript" language="javascript">
  399. $(function () {
  400. $('#scrlBotm').click(function () {
  401. $('html, body').animate({
  402. scrollTop: $(document).height()
  403. },
  404. 1500);
  405. return false;
  406. });
  407.  
  408. $('#scrlTop').click(function () {
  409. $('html, body').animate({
  410. scrollTop: '0px'
  411. },
  412. 1500);
  413. return false;
  414. });
  415. });
  416. </script>
  417.  
  418. </head>
  419.  
  420. <body>
  421.  
  422. <div id="sidebar">
  423. <div class="side">
  424. <img class="border"src="{image:Sidebar}"> <br>
  425. <div class="nav2"><a href="/">Home</a></div>
  426. <div class="nav2"><a href="/ask">ask</a></div>
  427. <div class="nav2"><a href="/archive">archive</a></div>
  428. <div class="nav2"><a href="http://murijanai.tumblr.com/">theme</a></div>
  429. <div class="descr">{description}</div></div>
  430. </div>
  431.  
  432. <div id="navigation">
  433. <a href="{text:Link1}"><div class="navi" id="one">{text:Link1 Title}</div></a>
  434. <a href="{text:Link2}"><div class="navi" id="two">{text:Link2 Title}</div></a>
  435. <a href="{text:Link3}"><div class="navi" id="three">{text:Link3 Title}</div></a>
  436. <a href="{text:Link4}"><div class="navi" id="four">{text:Link4 Title}</div></a>
  437. <a href="{text:Link5}"><div class="navi" id="five">{text:Link5 Title}</div></a>
  438. <a href="{text:Link6}"><div class="navi" id="six">{text:Link6 Title}</div></a>
  439. </div>
  440.  
  441. {block:IfNotEndlessScrolling}<h3><div class="previous">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}</div> <div class="next">{block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div></h3>{/block:IfNotEndlessScrolling}
  442.  
  443.  
  444. <div id="ospostsla">
  445. <table width="40%" border="0">
  446. <tr>
  447. <td align="center">
  448. {block:IfEndlessScrolling}<div class = "autopagerize_page_element" >{/block:IfEndlessScrolling}
  449. {block:Posts}
  450. <table width="500" border="0">
  451. <tr>
  452. <td>
  453. <div id="posts">
  454.  
  455. {block:Text}
  456. {block:Title}<h1><a href="{Permalink}">▶ {Title}</a></h1>{/block:Title}
  457. {Body}
  458. {/block:Text}
  459.  
  460. {block:Photo}
  461. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="500px"/></a>{/block:IndexPage}
  462. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
  463. {block:IfCaption} {block:Caption}
  464. {Caption}
  465. {/block:Caption}{/block:IfCaption}
  466.  
  467. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  468. {Caption}
  469. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  470. {/block:Photo}
  471.  
  472. {block:Photoset}
  473. {Photoset-500}
  474. {block:IfCaption} {block:Caption}
  475. {Caption}
  476. {/block:Caption}{/block:IfCaption}
  477.  
  478. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  479. {Caption}
  480. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  481. {/block:Photoset}
  482.  
  483. {block:Quote}
  484. <div class="quote">"{Quote}"</div>
  485. {block:Source}
  486. <div align="right">- {Source}</div>
  487. {/block:Source}
  488. {/block:Quote}
  489.  
  490. {block:Link}
  491. <h1><a href="{URL}" class="link" {Target}>{Name} →</a></h1>
  492. {block:Description}
  493. {Description}
  494. {/block:Description}
  495. {/block:Link}
  496.  
  497. {block:Chat}
  498. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  499. <div style="margin-left:16px;">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  500. {/block:Chat}
  501.  
  502. {block:Audio}
  503.  
  504. {block:IfCaption} <div style="float:right;display: block; margin-top:0px;z-index:4;">{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" id="audioborder" class="audiopic"/>{/block:AlbumArt}</div><div id="audio">{AudioPlayerBlack}</div>
  505. {block:Caption}
  506. {Caption}
  507. {/block:Caption}{/block:IfCaption}
  508.  
  509. {block:IfNotCaption}<div id="audio">{AudioPlayerBlack}</div>
  510. {block:PermalinkPage}{block:Caption}
  511. {Caption}
  512. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  513. {/block:Audio}
  514.  
  515. {block:Video}
  516. {Video-500}
  517. {block:IfCaption} {block:Caption}
  518. {Caption}
  519. {/block:Caption}{/block:IfCaption}
  520.  
  521. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  522. {Caption}
  523. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  524. {/block:Video}
  525.  
  526. {block:Answer}
  527. <p><img src="{AskerPortraitURL-48}" border-left: 1px solid #f0f0f0; align="left" class="borderask" /> </a><b><div id="ask" align="right">{Asker}:</b> {Question}</div><br /></p>
  528. {Answer}
  529. {/block:Answer}
  530.  
  531. {block:IndexPage}<div class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} · {NoteCount} · <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">reblog</a><br>{block:IfTags}{block:HasTags}<b>Tagged</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:IfTags}</div>{/block:IndexPage}
  532. </div>
  533.  
  534. {block:PermalinkPage}{block:Date}<div class="notes"><br><span style="font-family: 'times new roman'; text-transform:uppercase;"><b> {Month} {DayOfMonthWithZero}, {Year} </b><br>▶ {NoteCountWithLabel}<br> →{block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> ↔ source <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>←{/block:RebloggedFrom}
  535. <br>
  536. {block:HasTags}<b>Tagged</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}<br>
  537. {block:PostNotes}{PostNotes}{/block:PostNotes}</div></span>{/block:Date}{/block:PermalinkPage}
  538.  
  539. </td>
  540. </tr>
  541. </table>
  542. {block:Posts}{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
  543. </td>
  544. </tr>
  545. </table>
  546. </div>
  547. {block:IfEndlessScrolling}<a id="scrlTop" title="Top" href="#" style="color:{color:Scrollbar}; font-size:16px; font-family: 'trebuchet ms'; position: fixed; bottom: 10px; right: 10px;">TOP ▲</a>{/block:IfEndlessScrolling}
  548. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement