Advertisement
GaugaStrikes

Theme01 edit

Jun 3rd, 2015
222
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.52 KB | None | 0 0
  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>
  4.  
  5. <script type="text/javascript">
  6. function tb8_makeArray(n){
  7. this.length = n;
  8. return this.length;
  9. }
  10. tb8_messages = new tb8_makeArray(5);
  11. tb8_messages[0] = "You're";
  12. tb8_messages[1] = "going";
  13. tb8_messages[2] = "to be";
  14. tb8_messages[3] = "something";
  15. tb8_messages[4] = "extraordinary...";
  16. tb8_rptType = 'infinite';
  17. tb8_rptNbr = 5;
  18. tb8_speed = 60;
  19. tb8_delay = 2500;
  20. var tb8_counter=1;
  21. var tb8_currMsg=0;
  22. var tb8_tekst ="";
  23. var tb8_i=0;
  24. var tb8_TID = null;
  25. function tb8_pisi(){
  26. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  27. document.title = tb8_tekst;
  28. tb8_sp=tb8_speed;
  29. tb8_i++;
  30. if (tb8_i==tb8_messages[tb8_currMsg].length){
  31. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  32. }
  33. if (tb8_currMsg == tb8_messages.length){
  34. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  35. clearTimeout(tb8_TID);
  36. return;
  37. }
  38. tb8_counter++;
  39. tb8_currMsg = 0;
  40. }
  41. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  42. }
  43. tb8_pisi()
  44. </script>
  45.  
  46. <title>{Title}</title>
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50.  
  51. <!---- Woop
  52. --->
  53.  
  54. <meta name="color:Background" content="#ffffff"/>
  55. <meta name="color:Text" content="#9B9B9B"/>
  56. <meta name="color:Link" content="#b8b8b8"/>
  57. <meta name="color:border" content="#F2F2F2"/>
  58. <meta name="color:scrollbar" content="#D6D5D5">
  59. <meta name="color:Link Hover" content="#eeeeee"/>
  60.  
  61. <meta name="image:sidebar" content=""/>
  62.  
  63. <meta name="text:link 1" content="Link 1"/>
  64. <meta name="text:link 1 url" content="/"/>
  65. <meta name="text:link 2" content="Link 2"/>
  66. <meta name="text:link 2 url" content="/"/>
  67. <meta name="text:link 3" content="Link 3"/>
  68. <meta name="text:link 3 url" content="/"/>
  69. <meta name="text:link 4" content="Link 4"/>
  70. <meta name="text:link 4 url" content="/"/>
  71.  
  72. <style type="text/css">
  73.  
  74. ::-webkit-scrollbar-thumb{
  75. background-color: {color:scrollbar};
  76. border: 2px solid {color:background};
  77. height:auto;
  78. }
  79.  
  80. ::-webkit-scrollbar {
  81. height:auto;
  82. width:9px;
  83. background-color: {color:scrollbar};
  84. border: 4px solid {color:background};
  85. }
  86.  
  87.  
  88. iframe#tumblr_controls {
  89. white-space:nowrap;
  90. -webkit-filter: invert(100%);
  91. -moz-filter: invert(100%);
  92. -o-filter: invert(100%);
  93. -ms-filter: invert(100%);
  94. filter: invert(100%);
  95. opacity:.2;transition: .8s ease-in-out;
  96. -webkit-transition: .8s ease-in-out;
  97. -moz-transition: .8s ease-in-out;
  98. -o-transition: .8s ease-in-out;
  99. }
  100.  
  101. h1 {
  102. font-weight:normal;
  103. font-size:13px;
  104. text-align:center;
  105. font-style:normal;
  106. line-height:100%;
  107. letter-spacing:1px;
  108. text-transform:normal;
  109. color:{color:text};
  110. }
  111.  
  112. h2 {
  113. font-size:10px;
  114. text-align:center;
  115. line-height:100%;
  116. letter-spacing:-0.5px;
  117. color:{color:text};
  118. font-weight:bold;
  119. text-transform:uppercase;
  120. padding:5px;
  121. padding-bottom:2px;
  122. }
  123.  
  124.  
  125. blockquote {
  126. border-left:2px solid {color:text};
  127. padding-left:5px;
  128. margin:5px;
  129. }
  130.  
  131.  
  132. body {
  133. background:{color:background};
  134. margin:0px;
  135. color:{color:text};
  136. font-family:times;
  137. font-size:12px;
  138. line-height:120%;
  139. background-image:url("http://41.media.tumblr.com/15fc6f31acdd0b5a9b444bb641dc1a40/tumblr_nndx8oKGmx1utkviyo1_r1_1280.png");
  140. background-attachment: fixed;
  141. background-image:stretch;
  142. background-repeat: no-repeat;
  143. background-image:cover;
  144. background-position:left top;
  145. }
  146.  
  147. a {
  148. text-decoration:none;
  149. outline:none;
  150. -moz-outline-style:none;
  151. color:{color:link};
  152. -moz-transition-duration:0.5s;
  153. -webkit-transition-duration:0.5s;
  154. -o-transition-duration:0.5s;
  155. }
  156.  
  157. a:hover {
  158. text-decoration:none;
  159. outline:none;
  160. -moz-outline-style:none;
  161. color:{color:link hover};
  162. }
  163.  
  164. img {
  165. border:none;
  166. }
  167.  
  168. blockquote {
  169. padding-left:5px;
  170. border-left:2px solid;
  171. }
  172.  
  173. blockquote blockquote {
  174. padding-left:5px;
  175. border-left:2px solid;
  176. }
  177.  
  178. #theme {
  179. width:500px;
  180. margin:0 auto -12px auto;
  181. }
  182.  
  183. #post {
  184. width:400px;
  185. padding-bottom:30px;
  186. margin-top:10px;
  187. }
  188.  
  189.  
  190. #entries {
  191. padding:10px;
  192. left:500px;
  193. top:50px;
  194. position:fixed;
  195. background-color:transparent;
  196. width:450px;
  197. height:270px;
  198. top:240px;
  199. padding: 20px;
  200. overflow-x:scroll;
  201. scroll:left;
  202. overflow-x:hidden;
  203. }
  204.  
  205. #sidebar {
  206. color:{color:text};
  207. position:fixed;
  208. width:120px;
  209. height:auto;
  210. right:70px;
  211. center:500px;
  212. text-align:left;
  213. }
  214.  
  215. #sidebarimage img {
  216. width:100px;
  217. margin-top:0px;
  218. margin-bottom:5px;
  219. padding:-1px;
  220. outline-offset:4px;
  221. }
  222.  
  223. #links {
  224. position:fixed;
  225. font-family:cambria;
  226. width:150px;
  227. bottom:50px;
  228. right:560px;
  229. font-size:20px;
  230. text-transform:lowercase;
  231. text-align:center;
  232. line-height:170%;
  233. }
  234.  
  235. #links a{
  236. line-height:170%;
  237. padding:1px;
  238. margin-top:1px;
  239. margin-left:2px;
  240. color:{color:link};
  241. -moz-transition-duration:.7s;
  242. -webkit-transition-duration:.7s;
  243. -o-transition-duration:.7s;
  244. }
  245.  
  246. #links a:hover {
  247. color: {color:link hover};
  248. -moz-transition-duration:.4s;
  249. -webkit-transition-duration:.4s;
  250. -o-transition-duration:.4s;
  251.  
  252. }
  253.  
  254. #description {
  255. width:110px;
  256. font-family:times;
  257. margin-bottom:0px;
  258. margin-top:20px;
  259. margin-left:-2px;
  260. text-align:justify;
  261. font-size:80%;
  262. color: {color:text};
  263. letter-spacing:1px;
  264. line-height:115%;
  265. }
  266.  
  267. #description a {
  268. color:{color:link};
  269. }
  270.  
  271. #description a:hover {
  272. color:{color:link hover};
  273. }
  274.  
  275. #pagination {
  276. font-family:cambria;
  277. width:103px;
  278. font-size:8px;
  279. text-transform:normal;
  280. margin-top:48px;
  281. margin-left:0px;
  282. padding-top:25px;
  283. letter-spacing:1px;
  284. font-style:normal;
  285. text-align:center;
  286. }
  287.  
  288. #pagination a {
  289. color:{color:link};
  290. }
  291.  
  292. #info {
  293. font-family:cambria;
  294. width:398px;
  295. margin-top:-13px;
  296. padding-top:1px;
  297. font-size:8px;
  298. letter-spacing:1px;
  299. color:{color:text};
  300. text-transform:lowercase;
  301. opacity:0;
  302. text-align:left;
  303. -moz-transition-duration:.7s;
  304. -webkit-transition-duration:.7s;
  305. -o-transition-duration:.7s;
  306. }
  307.  
  308. #info a {
  309. color:{color:link};
  310. text-align:right;
  311. }
  312.  
  313. #info a:hover {
  314. color:{color:link hover};
  315. }
  316. #post:hover #info {
  317. margin-top:3px;
  318. opacity:1;
  319. -moz-transition-duration:1.2s;
  320. -webkit-transition-duration:1.2s;
  321. -o-transition-duration:1.2s;
  322. }
  323.  
  324. .tags {
  325. font-family:cambria;
  326. font-style:normal;
  327. width:398px;
  328. text-transform:italic;
  329. color:{color:link};
  330. line-height:120%;
  331. opacity:0;
  332. font-size:8px;
  333. text-align:left;
  334. padding-top:7px;
  335. -moz-transition-duration:0.4s;
  336. -webkit-transition-duration:0.4s;
  337. -o-transition-duration:0.4s;
  338. }
  339.  
  340. #post:hover .tags {
  341. opacity:1;
  342. -moz-transition-duration:0.4s;
  343. -webkit-transition-duration:0.4s;
  344. -o-transition-duration:0.4s;
  345. }
  346.  
  347. .audio{
  348. background-color:#e5e5e5;
  349. height:65px;
  350. overflow:hidden;
  351. }
  352.  
  353. #ask {
  354. float:left;
  355. margin-left:10px;}
  356.  
  357. #credit {
  358. font-size:9px;
  359. font-family:cambria;
  360. font-style:italic;
  361. letter-spacing:1px;
  362. -moz-transition-duration:0.5s;
  363. -webkit-transition-duration:0.5s;
  364. -o-transition-duration:0.5s;
  365. }
  366.  
  367. #credit a {
  368. background-color:#fff;
  369. padding:5px;
  370. border:1px solid #e9e9e9;
  371. position:fixed;
  372. right:15px;
  373. bottom:10px
  374. }
  375.  
  376. #credit a:hover {
  377. color:#fff;
  378. background-color:#191919;
  379. }
  380.  
  381.  
  382. {CustomCSS}#updates {
  383. text-align: center;
  384. font-size: 11px;
  385. position:fixed;
  386. left:5px;
  387. top:-111px;
  388. -webkit-transition: all .5s ease-in-out;
  389. -moz-transition: all .5s ease-in-out;
  390. -o-transition: all .5s ease-in-out;
  391. z-index:999;
  392. }
  393.  
  394. #updates:hover {top:0px;}
  395.  
  396. #update {
  397. border-right-style:dashed;
  398. border-bottom-style:dashed;
  399. border-left-style:dashed;
  400. border-width:1px;
  401. border-color:#000;
  402. padding: 5px 0 5px 0;
  403. background: #fff;
  404. width:200px;
  405. height:100px;
  406. border-bottom-right-radius: 5px;
  407. -moz-border-radius-bottomright: 5px;
  408. -webkit-border-bottom-right-radius: 5px;
  409. z-index: 9999;
  410. }
  411.  
  412. #updatestab {
  413. border-top-style:none;
  414. border-right-style:dashed;
  415. border-bottom-style:dashed;
  416. border-left-style:dashed;
  417. border-width:1px;
  418. border-color:#000;
  419. text-align: center;
  420. height:10px;
  421. padding: 2px 0 8px 0;
  422. background:#fff;
  423. border-bottom-left-radius: 5px;
  424. -moz-border-radius-bottomleft: 5px;
  425. -webkit-border-bottom-left-radius: 5px;
  426. border-bottom-right-radius: 5px;
  427. -moz-border-radius-bottomright: 5px;
  428. -webkit-border-bottom-right-radius: 5px;
  429. width: 200px;
  430. }
  431. </style></head><body><div id="updates">
  432. <div id="update"> <center><b>
  433.  
  434. <center>
  435.  
  436. Souji Seta || Persona 4
  437.  
  438. <p>
  439. Selective || Singleship<p>
  440. Replies owed: 0 || Drafts: 0<p>
  441. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://k003.kiwi6.com/hotlink/ewg1vj0hyf/Akaneiro_ga_Moeru_Toki_-_Kuusou_Mugetz.mp3&t0=Akaneiro_ga_Moeru_Toki_-_Kuusou_Mugetz&f1=http://k003.kiwi6.com/hotlink/4qupr3vtx7/01_-_Kimluca.mp3&t1=01_-_Kimluca&total=2" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  442.  
  443. </center>
  444.  
  445. </center></div>
  446. <div id="updatestab">Hover</div>
  447. </div>
  448.  
  449.  
  450. <div id="theme">
  451.  
  452. <div id="sidebar">
  453.  
  454. <div id="sidebarimage">
  455. <a title="{text:homelink title}" href="/"><img src="{image:sidebar}"> </a></div>
  456.  
  457. <div id="links">
  458. <a href="{text:link 1 url}">{text:link 1}</a>
  459. <a href="{text:link 2 url}">{text:link 2}</a>
  460. <a href="{text:link 3 url}">{text:link 3}</a>
  461. <a href="{text:link 4 url}">{text:link 4}</a>
  462. </div>
  463.  
  464. <div id="description">
  465. {Description}</div>
  466. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">newer</a>{/block:PreviousPage}{/block:Pagination}
  467. {block:Pagination}{block:NextPage}— <a href="{NextPage}">older</a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  468.  
  469. <div id="entries">{block:Posts}<div id="post">
  470.  
  471. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  472.  
  473. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  474.  
  475. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  476.  
  477. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  478.  
  479. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  480.  
  481. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  482.  
  483. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  484. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  485.  
  486. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  487.  
  488. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="border-radius:90px; opacity:.9;margin-left:3px;"></div> &nbsp;<em>{Asker}:<br> &nbsp; <big>"{Question}"</big></em><br><br>{Answer}{/block:Answer}
  489.  
  490. {block:Date}<div id="info"><a href="{Permalink}" style="background-color:#999;padding:3px;color:#fff;">{TimeAgo}</a> {block:NoteCount} with <font color=#999><big>♥</big></font> <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} {block:RebloggedFrom} — <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  491. {block:ContentSource} , <a title="{SourceTitle}" href="{SourceURL}">source</a> {/block:ContentSource}{/block:Date}</div>
  492. {block:HasTags}
  493. <div class="tags">
  494. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  495. {/block:HasTags}
  496. <div class="postnote">
  497. {block:PostNotes}{PostNotes}{/block:PostNotes}
  498. </div>
  499. </div>
  500. {/block:Posts}
  501.  
  502. </div>
  503.  
  504.  
  505. </body>
  506.  
  507. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement