API tools faq
paste
Advertisement
septaaa

08. u're mine, tonight (theme ver)

septaaa
Jul 31st, 2014
837
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.35 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------
  2.  
  3.  
  4. 08. you are mine theme by septaaa (opurple@tumblr)
  5. DO NOT CROP CREDIT. but feel free to twinked
  6. (as long as you keep the credit there)
  7. //opurple.tumblr.com//
  8.  
  9. ----------------------------------------------------------->
  10.  
  11.  
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15. <head><title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("[title]").style_my_tooltips();
  26. });
  27. })(jQuery);
  28. </script>
  29.  
  30. <meta name="color:Background" content="#eeeeee"/>
  31. <meta name="color:Text" content="#838282"/>
  32. <meta name="color:title" content="#aaaaaa" />
  33. <meta name="color:Link" content="#b8b8b8"/>
  34. <meta name="color:linkhover" content="#cecece"/>
  35. <meta name="color:description text" content="#eee" />
  36. <meta name="color:bold" content="#cecece" />
  37. <meta name="color:border" content="#aaaaaa" />
  38. <meta name="color:post" content="#d1d1d1" />
  39. <meta name="color:selection" content="#333333" />
  40. <meta name="color:Scrollbar" content="#1a1a1a" />
  41. <meta name="color:smtooltip" content="#fff"/>
  42. <meta name="color:smtooltip bg" content="#1f1f1f"/>
  43.  
  44. <meta name="if:250px" content="0"/>
  45. <meta name="if:400px" content="1"/>
  46. <meta name="if:Show Caption" content="1"/>
  47. <meta name="if:fade" content="0">
  48. <meta name="if:fadehover" content="0">
  49. <meta name="if:tinycursor" content="1" />
  50. <meta name="if:monochrome" content="0" />
  51.  
  52. <meta name="image:top img" content="http://th07.deviantart.net/fs70/200H/f/2014/158/b/6/tokyo_ghoul_dp_by_fuminoharuka-d7lf22j.png"/>
  53. <meta name="image:top bg" content="http://tseptaaa.files.wordpress.com/2014/07/tumblr_static_dc7ul4tz9hwsc0scckws0g04g.gif"/>
  54. <meta name="image:background" content="http://37.media.tumblr.com/6d4a7c482a4d03d1801724daf6676bec/tumblr_mno24pE3IK1rebw0do7_250.png"/>
  55. <meta name="image:sideright" content="http://33.media.tumblr.com/d58705810c0d2a82b63bff64c22b24bc/tumblr_n7h6pol1iz1tuhkc7o1_1280.png"/>
  56.  
  57. <meta name="text:link 1 title" content="link 1"/>
  58. <meta name="text:link 1" content="Link option"/>
  59. <meta name="text:link 1 url" content="/"/>
  60. <meta name="text:link 2 title" content="link 2"/>
  61. <meta name="text:link 2" content="Link option"/>
  62. <meta name="text:link 2 url" content="/"/>
  63. <meta name="text:link 3 title" content="link 3"/>
  64. <meta name="text:link 3" content="Link option"/>
  65. <meta name="text:link 3 url" content="/"/>
  66. <meta name="text:link 4 title" content="link 4"/>
  67. <meta name="text:link 4" content="Link option"/>
  68. <meta name="text:link 4 url" content="/"/>
  69. <meta name="text:link 5 title" content="link 5"/>
  70. <meta name="text:link 5" content="Link option"/>
  71. <meta name="text:link 4 url" content="/"/>
  72. <meta name="text:link 6 title" content="link 6"/>
  73. <meta name="text:link 6" content="Link option"/>
  74. <meta name="text:link 6 url" content="/"/>
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
  77. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  78. <style type="text/css">
  79.  
  80. #s-m-t-tooltip {
  81. display: block;
  82. background: {color:smtooltip bg};
  83. font-size: 9px;
  84. font-family: calibri;
  85. letter-spacing: 0px;
  86. text-transform: uppercase;
  87. color: {color:smtooltip};
  88. text-align: center;
  89. margin-left: 18px;
  90. padding: 1px 4px;
  91. border: 1px solid #fff;
  92. min-width: 40px;
  93. max-width: 200px;
  94. z-index: 99999;}
  95. ::-webkit-scrollbar-track {background-color:transparent;}
  96. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; border:1px solid#999;}
  97. ::-webkit-scrollbar {width:5px;height:5px;}
  98. ::selection { background-color:{color:selection};
  99. color:#fff;}
  100. 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;}
  101. 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;}
  102. {block:iffade} img { opacity:.75;
  103. transition:0.4s; -o-transition-transition:0.4s; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s;}
  104. img:hover { opacity:1; transition:0.4s; -o-transition-transition:0.4s; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; } {/block:iffade} {block:iffadehover} img { opacity:1;
  105. transition:0.4s; -o-transition-transition:0.4s; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; }
  106. img:hover { opacity:.75; transition:0.4s; -o-transition-transition:0.4s; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s;} {/block:iffadehover}
  107. {block:iftinycursor} body, a {cursor:url('http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png'), auto }
  108. a:hover { cursor: url('http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png'), auto; }{/block:iftinycursor}
  109. body {
  110. background:{color:background};
  111. background-image:url('{image:background}'); /*changes the main background*/
  112. background-attachment:fixed;
  113. margin:0px;
  114. color:{color:text};
  115. font-family:helvetica, arial, sans-serif;
  116. letter-spacing:0px;
  117. font-size:10px;
  118. line-height:150%;
  119. overflow:hidden;}
  120. a { color:{color:link};
  121. text-decoration: none; }
  122. a:hover { color:{color:linkhover}; transition-duration: 0.9s;
  123. -moz-transition-duration: 0.9s;
  124. -webkit-transition-duration: 0.9s;
  125. -o-transition-duration: 0.9s; }
  126. img { border:none;}
  127. blockquote { padding-left:5px; border-left:2px solid; }
  128. blockquote blockquote { padding-left:5px;border-left:2px solid; }
  129. h1 { font-size:15px; }
  130.  
  131. b, strong { color:{color:bold}; font-weight:bold; }
  132. #topbar { width:100%; position:absolute; height:217px; background-attachment:fixed; background:url('{image:top bg}'); /* change the background of top bar*/}
  133. #top-image { margin-top:30px; width:auto; height:auto; border-radius:100%; {block:ifmonochrome}
  134. -webkit-filter:grayscale(100%);
  135. -webkit-transition: all 0.6s ease-in-out;
  136. {/block:ifmonochrome} }
  137. #top-image:hover { {block:ifmonochrome} -webkit-filter:grayscale(1%);
  138. -webkit-transition: all 0.6s ease-in-out; {/block:ifmonochrome} }
  139. #top-image img { width:80px; height:80px; border:5px solid{color:border}; border-radius:100%; }
  140. #title {width:auto; margin-top: -5px; height:auto; font-family: 'Playball', cursive; font-weight:bold; letter-spacing:-4px; font-size:70px; padding:0px 10px ; text-align:center; line-height:60%; color:{color:title}; text-shadow:0px 3px 3px{color:border};}
  141. #toping { width:100%; position:absolute; height:217px;
  142. -webkit-transition: all 0.8s ease;
  143. -moz-transition: all 0.8s ease;
  144. -o-transition: all 0.8s ease; }
  145. #toping:hover #description { opacity:1; margin-top:120px;
  146. -webkit-transition: all 0.8s ease;
  147. -moz-transition: all 0.8s ease;
  148. -o-transition: all 0.8s ease; }
  149. #toping:hover #links { opacity:1;
  150. -webkit-transition: all 0.8s ease;
  151. -moz-transition: all 0.8s ease;
  152. -o-transition: all 0.8s ease;}
  153. #description { width:400px; height:60px; overflow-Y:auto; color:{color:description text}; font-family:calibri; background:rgba(0,0,0, .55); font-size:12px; text-align:justify; padding:10px; line-height:100%; opacity:0; margin-top:30px; border-left:1px dashed{color:border}; -webkit-transition: all 0.8s ease;
  154. -moz-transition: all 0.8s ease;
  155. -o-transition: all 0.8s ease; }
  156. #links { width:auto; text-align:right; font-size:11px; margin:0px 5px; font-family:helvetica; opacity:0;
  157. -webkit-transition: all 0.8s ease;
  158. -moz-transition: all 0.8s ease;
  159. -o-transition: all 0.8s ease; }
  160. #links a { color:{color:link}; background:#1f1f1f; border:1px solid#000; padding:1px 5px; transition-duration: 0.9s;
  161. -moz-transition-duration: 0.9s;
  162. -webkit-transition-duration: 0.9s;
  163. -o-transition-duration: 0.9s; }
  164. #links a:hover { color:{color:linkhover}; background:#1f1f1f; border:1px solid#000; font-style:italic; text-decoration: line-through; transition-duration: 0.9s;
  165. -moz-transition-duration: 0.9s;
  166. -webkit-transition-duration: 0.9s;
  167. -o-transition-duration: 0.9s; }
  168. #konten { width:500px; position:absolute;
  169. left:32%;
  170. bottom:0px;
  171. height:410px;
  172. padding:30px 10px 10px; border-right:1px dashed#eee; background:rgba(0,0,0,.55); overflow:auto; }
  173.  
  174.  
  175. #post { {block:if250px} width:250px; margin-left:120px; {/block:if250px}
  176. {block:if400px} width:400px; margin-left:38px; {/block:if400px}
  177. padding-bottom:20px; margin-bottom:30px; border:1px dashed{color:border}; background:{color:post}; padding:15px;
  178. {block:ifmonochrome}
  179. -webkit-filter:grayscale(100%);
  180. -webkit-transition: all 0.6s ease-in-out;
  181. {/block:ifmonochrome}}
  182. #post:hover {{block:ifmonochrome}
  183. -webkit-filter:grayscale(1%);
  184. -webkit-transition: all 0.6s ease-in-out;
  185. {/block:ifmonochrome} /*on firefox only*/}
  186. #photo img { {block:if250px} width:250px; {/block:if250px}
  187. {block:if400px} width:400px; {/block:if400px}}
  188. #photoset img { {block:if250px}width:250px; {Photoset-250} {/block:if250px}
  189. {block:if400px} width:400px;{Photoset-400} {/block:if400px}}
  190. #info {
  191. {block:if250px}
  192. width:250px;
  193. {/block:if250px}
  194. {block:if400px}
  195. width:400px;
  196. {/block:if400px}
  197. padding:5px; font-size:9px; color:{color:link}; margin-top:13px; margin-bottom:5px; text-transform:uppercase; letter-spacing:1px; font-family:calibri; text-align:center; border-top:1px dashed{color:border}; padding-top:5px; padding-bottom:5px;}
  198. #question { padding:5px; text-align:center; color:{color:text}; line-height:150%; font-size:12px;}
  199. #question-image img { width:20px; height:20px; margin-bottom:0px; text-align:center; padding: 5px; background:{color:border};
  200. border-radius:90%;}
  201. #answer { padding:10px; color:{color:text}; text-align:center;}
  202. #quote { font-family:'courier new'; font-size: 14px; text-align:justify;
  203. line-height: 100%; }
  204. #tags { margin-top:-10px; text-align:right; letter-spacing:1px;
  205. padding:2px;}
  206. #audioanya{ position:relative; margin:0px;
  207. min-height:80px; }
  208. #albumnya img { width:80px; margin-top:0px; margin-left:0px; border: 1px double {color:Border}; float:left; z-index:10; }
  209.  
  210. #playnya { position:absolute; float:left;
  211. opacity:.8; overflow:hidden; margin-left:30px; margin-top:28px; z-index:100000; width:28px;
  212. }
  213.  
  214. #audio { position:absolute;
  215. float:left; padding:5px;
  216. font-size:12px;
  217. line-height:130%;
  218. z-index:10000;
  219. color:{color:Text};
  220. margin-left:90px;
  221. margin-top:0px;
  222. }
  223. #date {
  224. text-align:right;
  225. display:inline-block; padding: 2px 10px 3px;
  226. background:{color:background};
  227. }
  228.  
  229. #pagi {
  230. width:400px;
  231. font-size:11px;
  232. position:relative;
  233. margin-top:10px;
  234. padding:10px;
  235. }
  236. .sidebg {
  237. width:320px;
  238. height:auto;
  239. right:10px;
  240. bottom:20px;
  241. position:fixed;
  242. {block:ifmonochrome}
  243. -webkit-filter:grayscale(100%);
  244. -webkit-transition: all 0.6s ease-in-out;
  245. {/block:ifmonochrome}
  246. }
  247. .sidebg:hover {
  248. {block:ifmonochrome}
  249. -webkit-filter:grayscale(1%);
  250. -webkit-transition: all 0.6s ease-in-out;
  251. {/block:ifmonochrome}
  252. }
  253. .sidebg img { width:320px; height:auto; }
  254.  
  255. #kai {
  256. width:20px;
  257. height:10px;
  258. right:5px;
  259. bottom:5px;
  260. font-size:25px;
  261. position:fixed;
  262. }
  263.  
  264.  
  265.  
  266. {CustomCSS}</style>
  267.  
  268.  
  269. </head>
  270. <body>
  271.  
  272. <div id="topbar">
  273. <div id="top-image"><center><img src="{image:top img}"/></center></div>
  274. <div id="title">{title}
  275. </div>
  276. </div>
  277. <div id="toping">
  278. <center>
  279. <div id="description">{description}</div>
  280. <div id="links"><center>
  281. <a href="/" title="home">index</a>
  282. <!--link could be 4 or more whatever-->
  283. <a href="/ask" title="ask">messgs</a>
  284. <a href='{text:link 1 url}' title='{text:link 1}'>{text:link 1 title}</a>
  285. <a href='{text:link 2 url}' title='{text:link 2}'>{text:link 2 title}</a>
  286. <a href='{text:link 3 url}' title='{text:link 3}'>{text:link 3 title}</a>
  287. <a href='{text:link 4 url}' title='{text:link 4}'>{text:link 4 title}</a>
  288. <a href='{text:link 5 url}' title='{text:link 5}'>{text:link 5 title}</a>
  289. <a href='{text:link 6 url}' title='{text:link 6}'>{text:link 6 title}</a>
  290. </div>
  291. </div>
  292. <div class="sidebg">
  293. <!-- copy and paste your link image for the side image-->
  294. <img src="{image:sideright}"/>
  295. </div>
  296. <div id="konten">
  297. {block:Posts}<div id="post">
  298.  
  299. {block:Text}<div style="{block:if250px}font-size:14px;{/block:if250px} font-size:16px; font-weight:bold;font-family:calibri;line-height:normal; text-align:center; text-transform:uppercase;">{block:Title}<center>{Title}</center>{/block:Title}</div>{Body}{/block:Text}
  300.  
  301. <div id="photo">
  302. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{/block:Photo} </div>
  303. <div id="photoset">
  304. {block:Photoset}{Photoset}{/block:Photoset}{/block:indexpage}{/block:Photoset}
  305. </div>
  306.  
  307. {block:Quote}
  308. <div id="quote"><b>❝</b> {Quote} <br><small><small>—{Source}</small></small></div>
  309. {/block:Quote}
  310.  
  311. {block:Link}<div style="{block:if250px}font-size:14px;{/block:if250px} font-size:16px; font-weight:bold;font-family:calibri;line-height:normal; text-align:center; text-transform:uppercase;">✂ <a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  312.  
  313. {block:Chat}{block:Title}<h1><center>{Title}</center></h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  314.  
  315. {block:Audio}
  316. <div id="audioanya">
  317. <div id="audio">
  318. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}<br>
  319. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
  320. {block:Album}<b>Album:</b> {Album}{/block:Album}<br>
  321. {block:PlayCount}<b>Play count:</b> {PlayCount}{/block:PlayCount}<br> </div>
  322. <div id="playnya">
  323. {AudioPlayerWhite}</div>
  324. <div id="albumnya">{block:AlbumArt}<img src="{AlbumArtURL}">
  325. {block:AlbumArt}</div>
  326. </div>
  327. {/block:Audio}
  328.  
  329. {block:Video}
  330. {block:IndexPage}{block:If400px}{video-400}{/block:If400px}{block:If250px}{video-250}{/block:If250px}{/block:IndexPage}{/block:Video}
  331.  
  332. {block:Answer}<div id="question"><div id="question-image"><img src="{AskerPortraitURL-16}"/></div> {Asker} said: {Question}</div><div id="answer">{Answer}</div>{/block:answer}
  333.  
  334.  
  335. {block:IfShowCaption}{block:Caption}<div style="margin-top:5px; padding:1px 1px 2px 1px; ">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  336.  
  337. {block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:PermalinkPage}{/block:IfNotShowCaption}{/block:Photo}
  338.  
  339. {block:Date}<div id="info"><div id="date">{ShortMonth}-{DayOfMonthWithZero}</div> - <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} - <a href="{Permalink}" title="{notecountwithlabel}">{NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom} - <a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  340. {block:ContentSource} - <a href="{SourceURL}">ORI</a>{/block:ContentSource} - <a href="{ReblogURL}" title="reblog" target=_blank class=details>reblog</a></div>{/block:Date}
  341. {block:HasTags}
  342. <div id="tags">
  343. {block:Tags}<a href="{TagURL}"> {Tag},</a>{/block:Tags}</div>
  344. {/block:HasTags}
  345. {block:PostNotes}{PostNotes}{/block:PostNotes}
  346. </div>
  347.  
  348. {/block:Posts}
  349. <center>
  350. {block:indexpage}<div id="pagi"> {block:PreviousPage}
  351. <a href="{PreviousPage}">less —</a>
  352. {/block:PreviousPage}
  353. {CurrentPage} of {TotalPages}
  354. {block:NextPage}
  355. <a href="{NextPage}">— more</a>
  356. {/block:NextPage}</center></div>
  357. {/block:indexpage}</div>
  358. <!--DO NOT CROP PLEASE-->
  359. <div id="kai"><a href="http://opurple.tumblr.com/" title="codes by opurple">✖</a></div>
  360. <!--NO NO DON'T CROP /pout :(/-->
  361.  
  362. </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!