Advertisement
seouless

DEGREE180

Aug 23rd, 2013
1,380
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.93 KB | None | 0 0
  1. <!--
  2.  
  3. ~*~*~*~ ryuuseiu ~*~*~*~ themes (σ ^ㅂ^)σ
  4. credits may be moved but please dont take them off
  5. thank you and enjoy
  6.  
  7.  
  8. -->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head><title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14.  
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18.  
  19.  
  20. <meta name="image:BG">
  21.  
  22. <meta name="if:photo fade" content="1">
  23. <meta name="if:black music" content="0">
  24. <meta name="if:white music" content="1">
  25. <meta name="if:infinite scroll" content="1">
  26. <meta name="if:250px" content="1">
  27. <meta name="if:400px">
  28. <meta name="if:500px">
  29.  
  30. <meta name="color:BG" content="#fff">
  31. <meta name="color:text" content="#999">
  32. <meta name="color:sp text" content="#777">
  33. <meta name="color:link" content="#444">
  34. <meta name="color:link hover" content="#000">
  35. <meta name="color:link click" content="#fff">
  36. <meta name="color:title" content="#000">
  37. <meta name="color:borders" content="#e4e4e4">
  38. <meta name="color:borders hover" content="#000">
  39. <meta name="color:nav" content="#000">
  40. <meta name="color:perma" content="#000">
  41. <meta name="color:scroll" content="#000">
  42.  
  43. <meta name="text:link one">
  44. <meta name="text:link one title" content="One">
  45. <meta name="text:link two">
  46. <meta name="text:link two title" content="Two">
  47. <meta name="text:link three">
  48. <meta name="text:link three title" content="Three">
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53. iframe#tumblr_controls{
  54. right:0px !important;
  55. position:fixed !important;
  56. -webkit-filter:invert(100%);
  57. opacity:.5;
  58. z-index:999999;
  59. }
  60.  
  61. ::-webkit-scrollbar-track { background-color:{color:BG}; }
  62. ::-webkit-scrollbar-thumb { background-color:{color:scroll}; }
  63. ::-webkit-scrollbar { width:4px; height:4px; }
  64.  
  65.  
  66. body {
  67. font-family:calibri;
  68. font-size:9px;
  69. text-align:justify;
  70. text-transform:normal;
  71. background:{color:BG} url('{image:BG}') fixed repeat center;
  72. color:{color:text};
  73. margin:0px;
  74. text-overflow:ellipsis;
  75. }
  76.  
  77. a {
  78. text-decoration:underline;
  79. -webkit-transition:all 0.6s ease-in-out;
  80. -moz-transition:all 0.6s ease-in-out;
  81. -o-transition:all 0.6s ease-in-out;
  82. transition:all 0.6s ease-in-out;
  83. color:{color:link};
  84. }
  85.  
  86. a:hover {
  87. color:{color:link hover};
  88. text-decoration:none;
  89. }
  90.  
  91. a:active {
  92. color:{color:link click};
  93. -webkit-transition:all 0.05s ease-in-out;
  94. -moz-transition:all 0.05s ease-in-out;
  95. -o-transition:all 0.05s ease-in-out;
  96. transition:all 0.05s ease-in-out;
  97. }
  98.  
  99. b, strong {
  100. font-weight:heavy;
  101. color:{color:sp text};
  102. }
  103.  
  104. i, em {
  105. font-weight:light;
  106. color:{color:sp text};
  107. }
  108.  
  109. blockquote {
  110. margin-left:30px;
  111. border-left:1px solid {color:borders};
  112. opacity:.9;
  113. padding:1px 0px 1px 9px;
  114. }
  115.  
  116. li {
  117. list-style:square;
  118. }
  119.  
  120. #main {
  121. margin:auto;
  122. {block:indexpage}
  123. {block:if250px}width:250px;{/block:if250px}
  124. {block:if400px}width:400px;{/block:if400px}
  125. {block:if500px}width:500px;{/block:if500px}
  126. {/block:indexpage}
  127. {block:permalinkpage}
  128. width:500px;
  129. {/block:permalinkpage}
  130. }
  131.  
  132. #posts {
  133. margin:40px 0px 25px 0px;
  134. {block:indexpage}
  135. {block:if250px}width:250px;{/block:if250px}
  136. {block:if400px}width:400px;{/block:if400px}
  137. {block:if500px}width:500px;{/block:if500px}
  138. {/block:indexpage}
  139. {block:permalinkpage}
  140. width:500px;
  141. {/block:permalinkpage}
  142. }
  143.  
  144. .post {
  145. {block:indexpage}
  146. {block:if250px}width:250px;{/block:if250px}
  147. {block:if400px}width:400px;{/block:if400px}
  148. {block:if500px}width:500px;{/block:if500px}
  149. {/block:indexpage}
  150. {block:permalinkpage}
  151. width:500px;
  152. {/block:permalinkpage}
  153. }
  154.  
  155. .post img {
  156. {block:indexpage}
  157. {block:if250px}max-width:250px;{/block:if250px}
  158. {block:if400px}max-width:400px;{/block:if400px}
  159. {block:if500px}max-width:500px;{/block:if500px}
  160. margin-bottom:-2px;
  161. {/block:indexpage}
  162. {block:permalinkpage}
  163. max-width:500px;
  164. {/block:permalinkpage}
  165. -webkit-transition:all 0.6s ease-in-out;
  166. -moz-transition:all 0.6s ease-in-out;
  167. -o-transition:all 0.6s ease-in-out;
  168. transition:all 0.6s ease-in-out;
  169. }
  170.  
  171. {block:ifphotofade}{block:indexpage}
  172. .post img:hover {
  173. opacity:.75;
  174. }
  175. {/block:indexpage}{/block:ifphotofade}
  176.  
  177. .post:hover #perma {
  178. opacity:1;
  179. {block:if250px}margin-left:260px;{/block:if250px}
  180. {block:if400px}margin-left:410px;{/block:if400px}
  181. {block:if500px}margin-left:510px;{/block:if500px}
  182. }
  183.  
  184. .t {
  185. padding:10px 5px 10px 5px;
  186. border-left:1px solid {color:borders};
  187. -webkit-transition:all 0.6s ease-in-out;
  188. -moz-transition:all 0.6s ease-in-out;
  189. -o-transition:all 0.6s ease-in-out;
  190. transition:all 0.6s ease-in-out;
  191. }
  192.  
  193. .t:hover {
  194. border-left:1px solid {color:borders hover};
  195. }
  196.  
  197. #perma {
  198. letter-spacing:1px;
  199. position:absolute;
  200. font-size:8px;
  201. text-transform:uppercase;
  202. margin-top:10px;
  203. opacity:0;
  204. {block:if250px}margin-left:255px;{/block:if250px}
  205. {block:if400px}margin-left:405px;{/block:if400px}
  206. {block:if500px}margin-left:505px;{/block:if500px}
  207. -webkit-transition:all 0.6s ease-in-out;
  208. -moz-transition:all 0.6s ease-in-out;
  209. -o-transition:all 0.6s ease-in-out;
  210. transition:all 0.6s ease-in-out;
  211. {block:permalinkpage}
  212. display:none;
  213. {/block:permalinkpage}
  214. z-index:99;
  215. }
  216.  
  217. #perma a {
  218. text-decoration:none;
  219. color:{color:perma};
  220. }
  221.  
  222. .head {
  223. padding:5px 15px 0px 15px;
  224. font-size:11px;
  225. letter-spacing:1px;
  226. color:{color:title};
  227. }
  228.  
  229. .say {
  230. padding:5px 10px 0px 10px;
  231. color:{color:title};
  232. letter-spacing:1px;
  233. }
  234.  
  235. .cap {
  236. padding:2px 5px 3px 5px;
  237. overflow:hidden;
  238. }
  239.  
  240. .cap img {
  241. {block:indexpage}
  242. max-width:230px;
  243. margin-bottom:-2px;
  244. {/block:indexpage}
  245. {block:permalinkpage}
  246. max-width:500px;
  247. {/block:permalinkpage}
  248. }
  249.  
  250. .permalinkpage {
  251. padding:0px 10px 0px 10px;
  252. }
  253.  
  254. #side {
  255. position:fixed;
  256. width:125px;
  257. margin-left:-135px;
  258. text-align:right;
  259. border-right:1px solid {color:borders};
  260. }
  261.  
  262. #side a {
  263. text-decoration:none;
  264. }
  265.  
  266. .title {
  267. font-size:11px;
  268. letter-spacing:1px;
  269. padding:10px 5px 0px 5px;
  270. }
  271.  
  272. .desc {
  273. padding:5px 10px 5px 5px;
  274. }
  275.  
  276. .links {
  277. padding-bottom:10px;
  278. }
  279.  
  280. .links a {
  281. display:block;
  282. padding:0px 5px 0px 5px;
  283. border-right:1px solid {color:borders};
  284. font:8px calibri;
  285. letter-spacing:1px;
  286. text-transform:uppercase;
  287. margin-right:-1px;
  288. color:{color:nav};
  289. }
  290.  
  291. .links a:hover {
  292. border-right:1px solid {color:borders hover};
  293. padding-right:10px;
  294. }
  295.  
  296. .nav {
  297. padding:5px;
  298. text-align:center;
  299. font-size:8px;
  300. text-transform:uppercase;
  301. letter-spacing:1px;
  302. }
  303.  
  304. .nav a {
  305. text-decoration:none;
  306. }
  307.  
  308.  
  309. </style>
  310. {block:ifinfinitescroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}</head>
  311. <body>
  312.  
  313.  
  314. <div id="main">
  315.  
  316.  
  317. <div id="side">
  318. <div class="title"><a href="/">{title}</a></div>
  319. <div class="desc">{description}</div>
  320. <div class="links">
  321. <a href="/">Index</a> <a href="/ask">Message</a> {block:iflinkone}<a href="{text:link one}">{text:link one title}</a>{/block:iflinkone} {block:iflinktwo}<a href="{text:link two}">{text:link two title}</a>{/block:iflinktwo} {block:iflinkthree}<a href="{text:link three}">{text:link three title}</a>{/block:iflinkthree}
  322. </div>
  323. </div>
  324.  
  325.  
  326. <div id="posts">
  327.  
  328. {block:Posts}
  329.  
  330. <div class="post">
  331.  
  332.  
  333. {block:Text}
  334. <div id="perma">
  335. <a href="{Permalink}">{ShortMonth}. {DayOfMonth}</a>
  336. </div>
  337. <div class="t">
  338. {block:Title}<div class="head">{Title}</div>{/block:Title}
  339. <div class="cap">{Body}</div>
  340. </div>
  341. {/block:Text}
  342.  
  343. {block:Quote}
  344. <div id="perma">
  345. <a href="{Permalink}">{ShortMonth}. {DayOfMonth}</a>
  346. </div>
  347. <div class="t">
  348. <div class="say">"{Quote}"</div>
  349. {block:Source}<div style="text-align:right">— {Source}</div>{/block:Source}
  350. </div>
  351. {/block:Quote}
  352.  
  353. {block:Link}
  354. <div id="perma">
  355. <a href="{Permalink}">{ShortMonth}. {DayOfMonth}</a>
  356. </div>
  357. <div class="t">
  358. <div class="head"><a href="{URL}" target="{Target}">⇁ {Name}</a></div>
  359. {block:Description}<div class="cap">{Description}</div>{/block:Description}
  360. </div>
  361. {/block:Link}
  362.  
  363. {block:Chat}
  364. <div id="perma">
  365. <a href="{Permalink}">{ShortMonth}. {DayOfMonth}</a>
  366. </div>
  367. <div class="t">
  368. {block:Title}<div class="head">{title}</div>{/block:Title}
  369. <div class="cap">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  370. </div>
  371. {/block:Chat}
  372.  
  373. {block:Audio}
  374. <div id="perma">
  375. <a href="{Permalink}">{ShortMonth}. {DayOfMonth}</a>
  376. </div>
  377. <div class="t">
  378. {block:indexpage}
  379. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  380. {/block:indexpage}
  381. {block:permalinkpage}
  382. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  383. {/block:permalinkpage}
  384. {block:AudioPlayer}<center>
  385. {block:ifwhitemusic}{AudioPlayerWhite}{/block:ifwhitemusic}
  386. {block:ifnotblackmusic}{block:ifnotwhitemusic}{AudioPlayerGrey}{/block:ifnotwhitemusic}{/block:ifnotblackmusic}
  387. {block:ifblackmusic}{AudioPlayerBlack}{/block:ifblackmusic}
  388. </center>{/block:AudioPlayer}
  389. <div class="cap">
  390. {block:TrackName}{TrackName}<br>{/block:TrackName}
  391. {block:Artist}{Artist}<br>{/block:Artist}
  392. {block:Album}{Album}<br>{/block:Album}
  393. {block:PlayCount}{PlayCountWithLabel}<br>{/block:PlayCount}
  394. {block:ExternalAudio}<a href="{ExternalAudioURL}">Download</a><br>{/block:ExternalAudio}
  395. {block:permalinkpage}
  396. {block:Caption}{Caption}{/block:Caption}
  397. {/block:permalinkpage}
  398. </div>
  399. </div>
  400. {/block:Audio}
  401.  
  402. {block:Answer}
  403. <div id="perma">
  404. <a href="{Permalink}">{ShortMonth}. {DayOfMonth}</a>
  405. </div>
  406. <div class="t">
  407. <div class="say">{Question}</div>
  408. <div style="text-align:right;">— {Asker}</div>
  409. <div class="cap">{Answer}</div>
  410. </div>
  411. {/block:Answer}
  412.  
  413. {block:Photo}
  414. {block:indexpage}
  415. <center><a href="{Permalink}" title="{NoteCountWithLabel}"><img style="" src="{PhotoURL-500}"></a></center>
  416. {/block:indexpage}
  417. {block:permalinkpage}
  418. <center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</center>
  419. {block:HighRes}<div style="text-align:right;"><small><a href="{PhotoURL-HighRes}">High Resolution</a></small></div>{/block:HighRes}
  420. <div class="cap">
  421. {block:Camera}{Camera}<br>{/block:Camera}
  422. {block:Aperture}{Aperture}<br>{/block:Aperture}
  423. {block:Exposure}{Exposure}<br>{/block:Exposure}
  424. {block:FocalLength}{FocalLength}<br>{/block:FocalLength}
  425. {block:Caption}{Caption}<br>{/block:Caption}
  426. </div>
  427. {/block:permalinkpage}
  428. {/block:Photo}
  429.  
  430. {block:Photoset}
  431. <div id="perma">
  432. <a href="{Permalink}">{ShortMonth}. {DayOfMonth}</a>
  433. </div>
  434. {block:indexpage}
  435. {block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}
  436. {/block:indexpage}
  437. {block:permalinkpage}
  438. {Photoset-500}
  439. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  440. {/block:permalinkpage}
  441. {/block:Photoset}
  442.  
  443. {block:Video}
  444. <div id="perma">
  445. <a href="{Permalink}">{ShortMonth}. {DayOfMonth}</a>
  446. </div>
  447. {block:indexpage}
  448. {block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}
  449. {/block:indexpage}
  450. {block:permalinkpage}
  451. {Video-500}
  452. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  453. {/block:permalinkpage}
  454. {/block:Video}
  455.  
  456.  
  457. {block:permalinkpage}
  458. <div class="permalinkpage">
  459.  
  460. {block:Date}Posted — {TimeAgo} on {DayOfWeek} {Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes}{AmPm}<br>{/block:Date}
  461. {block:HasTags}Tagged — {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
  462. {block:RebloggedFrom}Via — <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> — Source — <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br>{/block:RebloggedFrom}
  463. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  464. {block:PostNotes}{PostNotes}{/block:PostNotes}
  465.  
  466. </div><!--permalinkpage-->
  467. {/block:permalinkpage}
  468.  
  469.  
  470. </div><!--post-->
  471.  
  472.  
  473. {/block:Posts}
  474.  
  475.  
  476. {block:ifnotinfinitescroll}
  477. {block:indexpage}
  478. <div class="nav">
  479. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage}{PageNumber}{/block:CurrentPage} {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination} {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  480. </div>
  481. {/block:indexpage}
  482. {/block:ifnotinfinitescroll}
  483.  
  484.  
  485. </div><!--posts-->
  486.  
  487.  
  488. </div><!-- main -->
  489.  
  490.  
  491. <a style="position:fixed; bottom:5px; left:10px;" href="http://subplanets.tumblr.com">theme</a>
  492.  
  493.  
  494. </body>
  495. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement