Advertisement
yuukithemes

sorry theme

Feb 25th, 2015
11,465
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.40 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. theme by shenpai, i honestly have no idea if this is coded terribly or not but let me know if there's any issues and i'll try to help you.
  7.  
  8. but try google.com please.
  9.  
  10. don't remove my credit.
  11.  
  12. ----->
  13.  
  14. <meta charset="utf-8">
  15. <meta http-equiv="X-UfA-Compatible" content="IE=edge,chrome=1">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21.  
  22. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23.  
  24. <script>
  25.  
  26. (function($){
  27.  
  28. $(document).ready(function(){
  29.  
  30. $("a[title]").style_my_tooltips({
  31.  
  32. tip_follows_cursor:true,
  33.  
  34. tip_delay_time:30,
  35.  
  36. tip_fade_speed:300,
  37.  
  38. attribute:"title"
  39.  
  40. });
  41.  
  42. });
  43.  
  44. })(jQuery);
  45.  
  46. </script>
  47.  
  48. <title>{Title}</title>
  49. <meta name="color:link" content="#444"/>
  50. <meta name="color:hover" content="#444"/>
  51. <meta name="color:text" content="#444"/>
  52. <meta name="color:footer" content="#fbfbfb"/>
  53. <meta name="color:border 2" content"#e3e3e3"/>
  54. <meta name="color:sidebar" content="#444"/>
  55. <meta name="color:border" content="#ccc"/>
  56. <meta name="color:sidebar highlight" content="#cdb0bb"/>
  57. <meta name="color:shadow" content="#ffeef5"/>
  58. <meta name="color:background" content="#fff6f9"/>
  59.  
  60. <meta name="image:background" content=""/>
  61. <meta name="image:sidebar" content=""/>
  62. <meta name="image:list" content=""/>
  63.  
  64. <meta name="if:300px" content="1"/>
  65. <meta name="if:350px" content="0"/>
  66. <meta name="if:400px" content="0"/>
  67. <meta name="if:500px" content="0"/>
  68. <meta name="if:footer 2" content="1"/>
  69. <meta name="if:default links" content="1"/>
  70. <meta name="if:cover" content="1"/>
  71. <meta name="if:list links" content="0"/>
  72. <meta name="if:shadow" content="0"/>
  73.  
  74. <meta name="text:Link 1 URL" content="" />
  75. <meta name="text:Link 1" content="" />
  76. <meta name="text:Link 2 URL" content="" />
  77. <meta name="text:Link 2" content="" />
  78. <meta name="text:Link 3 URL" content="" />
  79. <meta name="text:Link 3" content="" />
  80.  
  81. <link rel="shortcut icon" href="{Favicon}">
  82. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  83. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  84.  
  85. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  86.  
  87. <style type="text/css">
  88.  
  89. body {
  90. margin:0px;
  91. background:{color:background} url('{image:background}');
  92. background-repeat:repeat;
  93. background-attachment:fixed;
  94. {block:ifcover}
  95. background-size:cover;
  96. {/block:ifcover}
  97. font-family: arial;
  98. font-size:11px;
  99. letter-spacing:.02em;
  100. line-height:16px;
  101. font-weight:normal;
  102. color:{color:Text};
  103. }
  104.  
  105. #s-m-t-tooltip{
  106. position:absolute;
  107. margin-top: 15px;
  108. box-shadow:rgba(0,0,0,0.1)0px 0px 2px 2px;
  109. padding:2px;
  110. border:1px solid #aaa;
  111. z-index:9999;
  112. background:#fffceb;
  113. }
  114.  
  115. p {
  116. margin:0 0 10px 0;
  117. padding:0;
  118. }
  119.  
  120. html, body, a {
  121. cursor:url("http://i.imgur.com/2qleX.jpg"),
  122. auto !important; }
  123.  
  124. a:hover {
  125. cursor:url("http://i.imgur.com/IepP2.jpg"),
  126. auto !important; }
  127.  
  128. #pic {
  129. width:95px;
  130. margin-left:-3px;
  131. margin-top:-3px;
  132. padding:5px;
  133. background:{color:sidebar highlight};
  134. border:0px solid {color:border};
  135. }
  136.  
  137. pre {
  138. white-space: pre-wrap;
  139. white-space: -moz-pre-wrap;
  140. white-space: -pre-wrap;
  141. white-space: -o-pre-wrap;
  142. word-wrap: break-word;
  143. }
  144.  
  145. small, tiny, pre {
  146. font-size:11px;
  147. }
  148.  
  149. a{
  150. color:{color:link};
  151. text-decoration:none;
  152. }
  153.  
  154. a:hover{
  155. color:{color:hover};
  156.  
  157. }
  158.  
  159. li, ul {
  160. margin-left:-8px;
  161. margin-bottom:5px;
  162. margin-top:5px;
  163. }
  164.  
  165. #wrapper{
  166. width:630px;
  167. border:none;
  168. margin:40px auto;
  169. {block:if500px}
  170. width:800px;
  171. {/block:if500px}
  172. }
  173.  
  174. #sidebar{
  175. width:100px;
  176. margin-left:-25px;
  177. background-attachment:fixed;
  178. margin-top:0px;
  179. background:white;
  180. border:1px solid {color:border};
  181. padding:22px;
  182. {block:ifshadow}
  183. box-shadow:0px 0px 0px 4px {color:shadow};
  184. {/block:ifshadow}
  185. position:fixed;
  186. }
  187.  
  188. #content{
  189. margin-left:160px;
  190. {block:if300px}
  191. width:360px;
  192. {/block:if300px}
  193. {block:if350px}
  194. width:400px;
  195. {/block:if350px}
  196. {block:if400px}
  197. width:450px;
  198. {/block:if400px}
  199. {block:if500px}
  200. width:530px;
  201. {/block:if500px}
  202. }
  203.  
  204. .post {
  205. margin:35px 0 50px 0;
  206. {block:if300px}
  207. width:300px;
  208. {/block:if300px}
  209. {block:if350px}
  210. width:350px;
  211. {/block:if350px}
  212. {block:if400px}
  213. width:400px;
  214. {/block:if400px}
  215. {block:if500px}
  216. width:500px;
  217. {/block:if500px}
  218. word-wrap:break-word;
  219. {block:ifshadow}
  220. box-shadow:0px 0px 0px 4px {color:shadow};
  221. {/block:ifshadow}
  222. {block:permalinkpage}
  223. margin-bottom:-6px;
  224. {/block:permalinkpage}
  225. padding:25px;
  226. background:white;
  227. border:1px solid {color:border};
  228. }
  229.  
  230. #sidebar img, .post img{
  231. max-width:100%;
  232. }
  233.  
  234. #nav{
  235. max-width:150px;
  236. text-align:center;
  237. padding:3px;
  238. font-weight:bold;
  239. text-transform:uppercase;
  240. margin-bottom:5px;
  241. margin-top:10px;
  242. background:white;
  243. border:1px solid {color:border};
  244. }
  245.  
  246. .video-container {
  247. position: center;
  248. overflow: hidden;
  249. }
  250.  
  251. .video-container iframe,
  252. .video-container object,
  253. .video-container embed {
  254. position: center;
  255. max-width:320px;
  256. background:{color:background};
  257. max-height:320px;
  258. }
  259.  
  260. .video-wrapper {
  261. max-width:320px;
  262. max-height:320px;
  263. }
  264.  
  265. .post a {
  266. text-decoration:underline;
  267. }
  268.  
  269. h2, h1, big {
  270. font-weight:normal;
  271. font-size:14px;
  272. margin:0 0 10px 0;
  273. }
  274.  
  275. .title {
  276. font-weight:normal;
  277. background:{color:background};
  278. padding:5px;
  279. font-size:13px;
  280. margin:0 0 10px 0;
  281. }
  282.  
  283. .quote {
  284. font-weight:100;
  285. font-size:12px;
  286. line-height:18px;
  287. font-family:helvetica;
  288. margin:0 0 10px 0;
  289. }
  290.  
  291. .question {
  292. background:{color:footer};
  293. margin-bottom:10px;
  294. padding:5px;
  295. font-style:italic;
  296. }
  297.  
  298. blockquote {
  299. padding-left:8px;
  300. padding-right:5px;
  301. margin:8px;
  302. border-left:2px solid {color:Text};
  303. word-wrap:break-word;
  304. }
  305.  
  306. .footer{
  307. margin-bottom:-3px;
  308. margin-top:8px;
  309. {block:iffooter2}
  310. background:{color:footer};
  311. margin-bottom:-25px;
  312. margin-right:-25px;
  313. margin-left:-25px;
  314. margin-top:15px;
  315. border-top:1px solid {color:border};
  316. padding:5px;
  317. {/block:iffooter2}
  318. color:#aaa;
  319. text-align:left;
  320. }
  321.  
  322. .footer a {
  323. background:none;
  324. margin-right:3px;
  325. text-decoration:underline;
  326. }
  327.  
  328. ol.notes {
  329. padding:0;
  330. margin:0;
  331. }
  332.  
  333. ol.notes li.note img {
  334. DISPLAY:NONE;
  335. }
  336.  
  337. .links {
  338. text-align:center;
  339. padding-bottom:3px;
  340. margin-left:-3px;
  341. margin-bottom:-10px;
  342. }
  343.  
  344. .links a {
  345. {block:ifdefaultlinks}
  346. background:{color:sidebar highlight};
  347. letter-spacing:.05em;
  348. color:{color:sidebar};
  349. text-decoration:underline;
  350. {/block:ifdefaultlinks}
  351. {block:iflistlinks}
  352. display:block;
  353. text-decoration:none;
  354. text-align:left;
  355. padding:2px;
  356. border-bottom:1px solid {color:sidebar};
  357. {/block:iflistlinks}
  358. }
  359.  
  360. ol.notes li.note{
  361. margin:0px;
  362. }
  363.  
  364. #boop { background:{color:background}; border:1px solid {color:border}; padding:10px;text-align:center;border-radius:4px;margin-bottom:6px; font-size:13px;letter-spacing:.07em;line-height:18px;}
  365.  
  366. #boop a {display:block; text-decoration:none;}
  367.  
  368. {CustomCSS}
  369. </style>
  370. </head>
  371.  
  372. <body>
  373.  
  374. <div id="wrapper">
  375.  
  376. <div id="sidebar">
  377.  
  378. <a href="/"><center><img src="{image:sidebar}" id="pic"></center></a>
  379.  
  380. <center><div style="margin-left:-11px;background:transparent; color:{color:sidebar};width:110px;
  381. padding:5px;margin-bottom:-2px; margin-top:-2px;letter-spacing:.05em;">{description}</div>
  382.  
  383. <div class="links">
  384. {block:ifdefaultlinks}
  385. <a href="/">index</a>
  386. <a href="/ask">mail</a>
  387. <a href="/archive">archive</a><br>
  388. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  389. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  390. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  391. {/block:ifdefaultlinks}
  392.  
  393. {block:iflistlinks}
  394. <a href="/"><img src="{image:list}"> index</a>
  395. <a href="/ask"><img src="{image:list}"> mail</a>
  396. <a href="/archive"><img src="{image:list}"> archive</a>
  397. {block:ifLink1}<a href="{text:Link 1 URL}"><img src="{image:list}"> {text:Link 1}</a>{/block:ifLink1}
  398. {block:ifLink2}<a href="{text:Link 2 URL}"><img src="{image:list}"> {text:Link 2}</a>{/block:ifLink2}
  399. {block:ifLink3}<a href="{text:Link 3 URL}"><img src="{image:list}"> {text:Link 3}</a> {/block:ifLink3}
  400. {/block:iflistlinks}
  401. </div>
  402.  
  403. </div></center>
  404.  
  405. <div id="content">
  406.  
  407. {block:Posts}
  408. {block:ContentSource}<!-- {SourceURL}
  409. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  410. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  411. {/block:ContentSource}
  412. <!-- {block:NoRebloggedFrom}
  413. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  414. {/block:NoRebloggedFrom} -->
  415. <div class="post">
  416.  
  417. {block:Text}
  418. {block:Title}
  419. <div class="title">{Title}</div>
  420. {/block:Title}
  421. {Body}
  422. {/block:Text}
  423.  
  424. {block:Photo}
  425. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  426. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  427. {/block:Photo}
  428.  
  429. {block:Photoset}
  430. <div style="max-width:100%;overflow:hidden;">{Photoset}</div>
  431. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  432. {/block:Photoset}
  433.  
  434. {block:Quote}
  435. <div class="quote">"{Quote}"</div>
  436. {block:Source}
  437. {/block:Source}
  438. {/block:Quote}
  439.  
  440. {block:Link}<div id="boop"><a href="{URL}">{Name} ✿ →</a></div>{Description}{/block:Link}
  441.  
  442. {block:Chat}
  443. {block:Title}
  444. <div class="title">{Title}</div>
  445. {/block:Title}
  446.  
  447. {block:Lines}
  448. <div class="{Alt} user_{UserNumber}" style="border-bottom:1px dotted {color:border};background:white;padding:5px;margin-top:5px;">
  449. {block:Label}
  450. <b>{Label}</b>{/block:Label}
  451. &nbsp;{Line}
  452. </div>
  453. {/block:Lines}
  454. {/block:Chat}
  455.  
  456. {block:Video}
  457. <div class="video-wrapper">
  458. <div class="video-container">
  459. {video-400}
  460. </div>
  461. </div>
  462. {block:Caption}<div class="caption" style="margin-top:5px;">{Caption}</div>{/block:Caption}
  463. {/block:Video}
  464.  
  465. {block:Audio}
  466. {AudioPlayer}
  467. {/block:Audio}
  468.  
  469. {block:Answer}
  470. <div class="question">{asker}: {Question}</div>
  471. {Answer}
  472. {/block:Answer}
  473.  
  474. {block:Date}
  475. <div class="footer">
  476. <a href="{permalink}" title="{NoteCountwithlabel}"><b>{timeago}{block:Reblog} via {ReblogParentName}{block:RebloggedFromReblog}{/block:RebloggedFromReblog}{/block:Reblog}</b></a>{block:HasTags}{block:Tags} <a href="{TagURL}"style="text-decoration:none;">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  477.  
  478. {block:PermalinkPage}<div style="margin-top:25px;"></div>
  479. {block:notecount}{notecount} note(s) {/block:notecount} {block:rebloggedfrom} via: {ReblogParentName} {/block:rebloggedfrom} {block:contentsource} origin: {sourcetitle} {/block:contentsource}
  480. {block:NoteCount}
  481. <div style="background:{color:background};margin-top:5px;padding:4px;border:1px dashed {color:border 2};max-height:240px;overflow:auto;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  482. {/block:NoteCount}
  483. {/block:PermalinkPage}
  484. {/block:Date}
  485. </div>
  486.  
  487. {/block:Posts}
  488.  
  489. {block:Pagination}<center>
  490. <div id="nav">
  491. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a> : {/block:PreviousPage}
  492.  
  493. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  494. </div></center>
  495. {/block:Pagination}
  496. </div>
  497. </div>
  498.  
  499. </div>
  500.  
  501. <!-- hey i said don't remove it -->
  502. <a href="http://shenpai.tumblr.com" style="position:fixed;left:5px;bottom:5px;background:white;border:1px solid {color:border}; padding:3px; color:gray;">SHENPAI</a>
  503.  
  504. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  505.  
  506. </body>
  507. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement