API tools faq
paste
Advertisement
sunkei

Sogeking

sunkei
Sep 21st, 2012
15,466
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.65 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Sogeking
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5.  
  6. 22/09:photoset + video + fleche 10px
  7. -->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13.  
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <meta name="image:Background" content="http://static.tumblr.com/onhp7lq/E6Mmajl4p/tumblr_lws4pjqqja1qi21y75.png"/>
  23. <meta name="image:SidePicture" content="http://static.tumblr.com/s2ymoja/jtKmapyvk/love3.gif"/>
  24. <meta name="image:SidePicture2" content="http://static.tumblr.com/s2ymoja/s6tmapywb/love2.gif"/>
  25.  
  26. <meta name="color:Background" content="#fff" />
  27. <meta name="color:Shadows" content="#ccc" />
  28.  
  29. <meta name="color:Blog" content="#222" />
  30. <meta name="color:BlogBG" content="#fff" />
  31.  
  32. <meta name="color:Description" content="#444" />
  33. <meta name="color:DescriptionBG" content="#000" />
  34. <meta name="color:DescriptionLink" content="#ffb000" />
  35.  
  36. <meta name="color:PictureBorder" content="#fff" />
  37.  
  38. <meta name="color:Menu" content="#aaa" />
  39. <meta name="color:MenuHover" content="#000" />
  40. <meta name="color:MenuBG" content="#fff" />
  41. <meta name="color:MenuBorder" content="#eee" />
  42. <meta name="color:MenuLines" content="#ddd" />
  43.  
  44. <meta name="color:Link" content="#40a5e0" />
  45. <meta name="color:LinkHover" content="#ff0045" />
  46.  
  47.  
  48. <meta name="color:EntryBG" content="#fff" />
  49. <meta name="color:EntryBorder" content="#222" />
  50. <meta name="color:Title" content="#999" />
  51. <meta name="color:TitleBG" content="#111" />
  52. <meta name="color:Texts" content="#888" />
  53.  
  54. <meta name="color:Infos" content="#333" />
  55. <meta name="color:InfosBorder" content="#eee" />
  56. <meta name="color:Notes" content="#9ccc0e" />
  57. <meta name="color:Tags" content="#aaa" />
  58. <meta name="color:TagsHover" content="#000" />
  59.  
  60.  
  61. <meta name="if:EndlessScroll" content="0"/>
  62. <meta name="if:2Pictures" content="1"/>
  63. <meta name="if:Title" content="1"/>
  64. <meta name="if:Caption" content="0"/>
  65. <meta name="if:3DLink" content="1"/>
  66. <meta name="if:250" content="0"/>
  67. <meta name="if:400" content="1"/>
  68. <meta name="if:500" content="0"/>
  69. <meta name="if:LinkFour" content="0"/>
  70. <meta name="if:LinkFive" content="0"/>
  71.  
  72. <meta name="text:Link1" content="Link 1"/>
  73. <meta name="text:Link1URL" content=""/>
  74. <meta name="text:Link2" content="Link 2"/>
  75. <meta name="text:Link2URL" content=""/>
  76. <meta name="text:Link3" content="Link 3"/>
  77. <meta name="text:Link3URL" content=""/>
  78. <meta name="text:Link4" content="Link 4"/>
  79. <meta name="text:Link4URL" content=""/>
  80. <meta name="text:Link5" content=""/>
  81. <meta name="text:Link5URL" content="Link 5"/>
  82.  
  83.  
  84.  
  85. {block:IfEndlessScroll}
  86. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  87.  
  88. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  89.  
  90. <style type="text/css">
  91.  
  92. 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;}
  93.  
  94. 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;}
  95.  
  96.  
  97.  
  98. body
  99. {font-family:lucida console;
  100. font-size:9px;
  101. color:{color:Texts};
  102. background-color:{color:Background};
  103. background-image:url('{image:Background}');
  104. background-position: fixed;
  105. background-attachment:fixed;
  106. background-repeat:repeat;}
  107.  
  108. a
  109. {text-decoration:none;
  110. color:{color:Link};
  111. -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;
  112. opacity:1;}
  113.  
  114. a:hover
  115. {text-decoration:none;
  116. color:{color:LinkHover};
  117. opacity:1;}
  118.  
  119. blockquote
  120. {border-left:2px solid {color:Notes};
  121. padding-left:5px;margin:-5px 15px 0px 15px;}
  122.  
  123.  
  124.  
  125. #left
  126. {position:fixed;top:90px;left:175px;}
  127.  
  128. .in
  129. {border:5px solid {color:PictureBorder};
  130. border-radius:3px;-moz-border-radius:3px;
  131. background-color:{color:EntryBG};margin-bottom:10px;
  132. box-shadow:0px 0px 5px {color:Shadows};}
  133.  
  134. #picture
  135. {width:200px;overflow:hidden;}
  136. #picture .img
  137. {width:200px;overflow:hidden;}
  138.  
  139. #menu
  140. {background-color:{color:MenuBG};border:5px solid {color:MenuBorder};padding:3px 5px 5px 5px;}
  141.  
  142. .nav
  143. {border-bottom:1px solid {color:MenuLines};
  144. padding:2px 0px 0px 0px;
  145. color:{color:Menu};
  146. -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;}
  147. .nav:hover
  148. {{block:If3DLink}text-shadow:1px 0px #96cef5,-1px -0px #f79b9b;{/block:If3DLink}color:{color:MenuHover};}
  149.  
  150. #postall
  151. {margin-left:390px;}
  152.  
  153. #post
  154. {width:{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500};
  155. border:5px solid {color:EntryBorder};
  156. background-color:{color:EntryBG};
  157. margin-bottom:10px;}
  158. #post img
  159. {max-width:{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500};}
  160. .texte
  161. {padding:5px;text-align:justify;}
  162. .title
  163. {font-size:14px;font-family:courier;letter-spacing:1px;text-transform:uppercase;text-align:center;background-color:{color:TitleBG};color:{color:Title};padding:2px 0px 2px 0px;}
  164.  
  165. #indexbar
  166. {width:{block:If250}240px{/block:If250} {block:If400}390px{/block:If400} {block:If500}490px{/block:If500};
  167. margin-bottom:30px;
  168. border:5px solid {color:InfosBorder};
  169. padding:5px;
  170. color:{color:Infos};
  171. text-align:center;}
  172. #notesnotes
  173. {width:{block:If250}240px{/block:If250} {block:If400}390px{/block:If400} {block:If500}490px{/block:If500};border:5px solid {color:InfosBorder};
  174. padding:5px;
  175. color:{color:Infos};}
  176. .notesnumber
  177. {color:{color:Notes};}
  178. .tag
  179. {color:{color:Tags};-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;}
  180. .tag:hover
  181. {{block:If3DLink}text-shadow:1px 0px #96cef5,-1px -0px #f79b9b;{/block:If3DLink}color:{color:TagsHover};}
  182.  
  183. #line
  184. {border-bottom:1px solid #ddd;padding:1px 0px 2px 0px;}
  185. .odd .label
  186. {color:{color:LinkHover};}
  187. .even .label
  188. {color:{color:Link};}
  189. .arrow
  190. {color:{color:LinkHover};}
  191.  
  192. #audio
  193. {background-color:#000;}
  194. #art
  195. {width:{block:If250}100px{/block:If250} {block:If400}200px{/block:If400} {block:If500}250px{/block:If500};height:{block:If250}100px{/block:If250} {block:If400}200px{/block:If400} {block:If500}250px{/block:If500};overflow:hidden;}
  196. #art img
  197. {width:{block:If250}100px{/block:If250} {block:If400}200px{/block:If400} {block:If500}250px{/block:If500};}
  198. .info
  199. {margin:5px 0px 5px 0px;}
  200. #artist
  201. {color:{color:LinkHover};}
  202. #song
  203. {color:{color:Link};}
  204. #album
  205. {color:{color:Notes};}
  206.  
  207. #quote
  208. {text-align:center;background-color:#111;color:#999;}
  209. #source
  210. {text-align:center;}
  211.  
  212.  
  213.  
  214. #right
  215. {position:fixed;top:115px;left:{block:If250}670px{/block:If250} {block:If400}820px{/block:If400} {block:If500}920px{/block:If500};
  216. width:150px;}
  217.  
  218. .ho
  219. {position:absolute;margin:20px;text-align:justify;-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;opacity:0;}
  220.  
  221. #picture:hover .ho
  222. {opacity:1;}
  223.  
  224. .hoin
  225. {padding:5px;background-color:{color:DescriptionBG};width:150px;margin-bottom:5px;-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;}
  226.  
  227. #title
  228. {font-size:16px;font-family:courier;letter-spacing:1px;text-transform:uppercase;text-align:center;background-color:{color:BlogBG};color:{color:Blog};margin-left:-20px;}
  229.  
  230. #picture:hover #title
  231. {margin-left:0px;}
  232.  
  233. #about
  234. {margin-left:20px;padding:10px;width:140px;}
  235.  
  236. #picture:hover #about
  237. {margin-left:0px;color:{color:Description};}
  238.  
  239. #about a
  240. {color:{color:DescriptionLink};}
  241.  
  242. #pagination
  243. {margin-left:-28px;float:right;position:absolute;margin-right:5px;}
  244. .page
  245. {background-color:{color:DescriptionBG};padding:4px 6px 4px 6px;text-align:center;border-radius:3px;-moz-border-radius:3px;box-shadow:0px 0px 5px {color:Shadows};margin-bottom:10px;color:{color:DescriptionLink};}
  246.  
  247. .custom
  248. {background-color:{color:DescriptionBG};color:{color:Description};margin-bottom:5px;padding:5px 10px 5px 10px;width:140px;font-family:courier;letter-spacing:1px;text-align:center;text-transform:uppercase;-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;}
  249. .custom:hover
  250. {color:{color:DescriptionLink};}
  251. #ah
  252. {margin-left:-20px;}
  253. #beh
  254. {margin-left:20px;}
  255. #picture:hover #ah
  256. {margin-left:0px;}
  257. #picture:hover #beh
  258. {margin-left:0px;}
  259. .fleche
  260. {color:{color:LinkHover};opacity:0;-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;font-size:10px;}
  261. .custom:hover .fleche
  262. {opacity:1;}
  263.  
  264.  
  265.  
  266. </style>
  267. </head>
  268. <body>
  269.  
  270. {block:IfEndlessScroll}
  271. <a style="position:fixed;bottom:10px;right:10px;" href="#top">back to top</a>{/block:IfEndlessScroll}
  272.  
  273.  
  274.  
  275. <div id="left">
  276. {block:IfNotEndlessScroll}
  277. {block:Pagination}
  278. <div id="pagination">
  279. {block:NextPage}
  280. <a href="{NextPage}"><div class="page">+</div></a>
  281. {/block:NextPage}
  282. {block:PreviousPage}
  283. <a href="{PreviousPage}"><div class="page">-</div></a>
  284. {/block:PreviousPage}
  285. </div>
  286. {/block:Pagination}
  287. {/block:IfNotEndlessScroll}
  288. <div class="in" id="picture">
  289. <div class="ho">
  290. {block:IfTitle}
  291. <a href="/"><div class="hoin" id="title">
  292. {Title}
  293. </div></a>
  294. {/block:IfTitle}
  295. <div class="hoin" id="about">
  296. {Description}
  297. </div>
  298. </div><!--ho-->
  299. <img id="sidepic" style="margin-bottom:-3px;" width="200px" src="{image:SidePicture}"/>
  300. </div><!--picture-->
  301.  
  302. <div class="in" id="menu">
  303. <a href="/"><div class="nav">home</div></a>
  304. <a href="/ask"><div class="nav">message</div></a>
  305. <a href="/archive"><div class="nav">archive</div></a>
  306. <a href="http://gyapo.tumblr.com" title="sogeking theme" ><div class="nav">theme</div></a>
  307. </div><!--about-->
  308.  
  309. {block:If2Pictures}
  310. <div class="in" id="picture">
  311. <div class="ho">
  312. <a href="{text:Link1URL}"><div class="custom" id="ah"><span class="fleche">»</span> {text:Link1} <span class="fleche">«</span></div></a>
  313. <a href="{text:Link2URL}"><div class="custom" id="beh"><span class="fleche">»</span> {text:Link2} <span class="fleche">«</span></div></a>
  314. <a href="{text:Link3URL}"><div class="custom" id="ah"><span class="fleche">»</span> {text:Link3} <span class="fleche">«</span></div></a>
  315. {block:IfLinkFour}
  316. <a href="{text:Link4URL}"><div class="custom" id="beh"><span class="fleche">»</span> {text:Link4} <span class="fleche">«</span></div></a>
  317. {/block:IfLinkFour}
  318. {block:IfLinkFive}
  319. <a href="{text:Link5URL}"><div class="custom" id="ah"><span class="fleche">»</span> {text:Link5} <span class="fleche">«</span></div></a>
  320. {/block:IfLinkFive}
  321. </div><!--ho-->
  322. <img id="sidepic" style="margin-bottom:-3px;" width="200px" src="{image:SidePicture2}"/>
  323. </div><!--picture2-->
  324. {/block:If2Pictures}
  325. </div><!--left-->
  326.  
  327. <div id="postall">
  328. {block:Posts}
  329. <div class="in" id="post">
  330. {block:ContentSource}
  331. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  332. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  333. {/block:SourceLogo}
  334. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  335. {/block:ContentSource}
  336.  
  337. {block:RebloggedFrom}
  338. <!--{ReblogParentName}-->
  339. {/block:RebloggedFrom}
  340.  
  341. {block:Quote}
  342. <div class="texte" id="quote">"{Quote}"</div>
  343. {block:Source}<div class="texte" id="source">— {Source}</div>{/block:Source}
  344. {/block:Quote}
  345.  
  346. {block:Photo}
  347. {LinkOpenTag}<div>
  348. <img src="{PhotoURL-500}" style="margin-bottom:-3px;"/>
  349. </div>{LinkCloseTag}
  350. {/block:Photo}
  351.  
  352. {block:Photoset}
  353. <div style="margin-bottom:-3px;">
  354. {block:If250}
  355. {Photoset-250}
  356. {/block:If250}
  357. {block:If400}
  358. {Photoset-400}
  359. {/block:If400}
  360. {block:If500}
  361. {Photoset-500}
  362. {/block:If500}
  363. </div>
  364. {/block:Photoset}
  365.  
  366. {block:Video}
  367. <div style="margin-bottom:-3px;">{block:If250}
  368. {Video-250}
  369. {/block:If250}
  370. {block:If400}
  371. {Video-400}
  372. {/block:If400}
  373. {block:If500}
  374. {Video-500}
  375. {/block:If500}</div>
  376. {/block:Video}
  377.  
  378. {block:Text}
  379. {block:Title}<div class="title">{Title}</div> {/block:Title}
  380. <div class="texte">{Body}</div>
  381. {/block:Text}
  382.  
  383.  
  384. {block:Chat}
  385. {block:Title}<div class="title">{Title}</div> {/block:Title}
  386. <div class="texte">{block:Lines}<div id="line" class="{Alt}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</div>{/block:Lines}</div>
  387. {/block:Chat}
  388.  
  389. {block:Link}
  390. <a href="{URL}" target="_blank"><div class="title">{Name} <span class="arrow">➨</span> </div></a>
  391. {block:Description}
  392. <div class="texte">{Description}</div>
  393. {/block:Description}
  394. {/block:Link}
  395.  
  396.  
  397. {block:Audio}
  398. <div class="title" id="audio">{AudioPlayerBlack}</div>
  399. <table border="0" cellpadding="0" cellspacing="0">
  400. <tr>
  401. {block:AlbumArt}<td><div class="texte"><div id="art">
  402. <img src="{AlbumArtURL}"/>
  403. </div></td></div>{/block:AlbumArt}
  404. <td><div class="texte" id="musica"><div style="margin:0 auto;">
  405. {block:Artist}
  406. <div class="info"><span id="artist">Artist: </span>{Artist}</div>
  407. {/block:Artist}
  408. {block:TrackName}
  409. <div class="info"><span id="song">Song: </span>{TrackName}</div>
  410. {/block:TrackName}
  411. {block:Album}
  412. <div class="info"><span id="album">Album: </span>{Album}</div>
  413. {/block:Album}
  414. <div class="info">{PlayCountWithLabel}</div>
  415. </div></div></td>
  416. </tr>
  417. </table>
  418. {/block:Audio}
  419.  
  420. {block:IfCaption}
  421. {block:IndexPage}
  422. <div class="texte">{Caption}</div>
  423. {/block:IndexPage}
  424. {/block:IfCaption}
  425.  
  426.  
  427. {block:PermalinkPage}
  428. <div class="texte">{Caption}</div>
  429. {/block:PermalinkPage}
  430.  
  431. </div><!--post-->
  432.  
  433.  
  434. <div class="in" id="indexbar">
  435. <div id="hour">{block:Date}{24Hour}:{Minutes}{/block:Date} - <a href="{Permalink}"><span class="notesnumber">{NoteCount}%</span></a></div>
  436. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#<span class="tag">{Tag}</span></a> {/block:Tags} </div>{/block:HasTags}
  437. </div><!--indexbar-->
  438.  
  439. {block:PermalinkPage}
  440. {block:PostNotes}
  441. <div class="in" id="notesnotes">
  442. <div style="text-align:center;">{block:RebloggedFrom}via:<a href="{ReblogParentURL}">{ReblogParentName}</a>, origin:<a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}</div>
  443.  
  444. {PostNotes}
  445. </div>
  446. {/block:PostNotes}
  447. {/block:PermalinkPage}
  448. {/block:Posts}
  449. </div><!--posts-->
  450.  
  451.  
  452.  
  453.  
  454. </body>
  455. </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!