API tools faq
paste
Advertisement
imbetterthanu

THEME 07 / SPIDERMAN

imbetterthanu
Aug 1st, 2014
8,381
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. ©THEME 07 BY MEANWOLFS - Edit all you want, but don't alter the credit in any way!
  7.  
  8. ------>
  9.  
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#767575"/>
  18. <meta name="color:Headline" content="#8f8f8f"/>
  19. <meta name="color:Link" content="#818181"/>
  20. <meta name="color:Scrollbar" content="#dcdcdc"/>
  21. <meta name="color:Link Hover" content="#dadada"/>
  22.  
  23. <meta name="image:Sidebar" content=""/>
  24.  
  25. <meta name="text:Link 2 URL" content="" />
  26. <meta name="text:Link 2" content="" />
  27. <meta name="text:Link 3 URL" content="" />
  28. <meta name="text:Link 3" content="" />
  29. <meta name="text:Link 4 URL" content="" />
  30. <meta name="text:Link 4" content="" />
  31. <meta name="text:Link 5 URL" content="" />
  32. <meta name="text:Link 5" content="" />
  33. <meta name="text:Link 6 URL" content="" />
  34. <meta name="text:Link 6" content="" />
  35.  
  36. <meta name="if:Lazy Load" content="0"/>
  37. <meta name="if:Faded Buttons" content="1"/>
  38.  
  39. {block:IfLazyLoad}
  40. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  41. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  42. <script type="text/javascript" charset="utf-8">
  43. var $j = jQuery.noConflict();
  44. $j(function() {
  45. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  46. $j("img").lazyload({
  47. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  48. effect: "fadeIn",
  49. });
  50. });
  51. </script>
  52. {/block:IfLazyLoad}
  53.  
  54. <style type="text/css">
  55.  
  56. ::-webkit-scrollbar {background-color:#ffffff; height:8px; width:5px}
  57. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  58. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px}
  59.  
  60. {block:ifFadedButtons}
  61. iframe#tumblr_controls {white-space:nowrap;-webkit-filter:invert(100%);-moz-filter:invert(100%);-o-filter:invert(100%);-ms-filter: invert(100%);filter:invert(100%);opacity:.2;}
  62. {/block:ifFadedButtons}
  63.  
  64. blockquote {
  65. padding-left:5px;
  66. margin:0px 10px 0px 5px;
  67. border-left:1px solid #f4f4f4;
  68. max-width:500px!important;
  69. }
  70.  
  71. body {
  72. background:{color:background};
  73. color:{color:text};
  74. font-family:arial;
  75. font-size:9px;
  76. text-align:justify;
  77. margin:0;
  78. line-height:13px;
  79. }
  80.  
  81. a {
  82. color:{color:link};
  83. text-decoration:none;
  84. -moz-transition-duration:0.3s;
  85. -webkit-transition-duration:0.3s;
  86. -o-transition-duration:0.3s;
  87. }
  88.  
  89. a:hover {
  90. color:{color:link hover};
  91. text-decoration:none;
  92. -moz-transition-duration:0.3s;
  93. -webkit-transition-duration:0.3s;
  94. -o-transition-duration:0.3s;
  95. }
  96.  
  97. img {
  98. opacity:1;
  99. border:none;
  100. text-decoration:none
  101. }
  102.  
  103. small {
  104. font-size:9px;}
  105.  
  106. big {
  107. font-size:12px;}
  108.  
  109. #title {
  110. font-size:13px;
  111. font-weight:bold;
  112. line-height:18px;
  113. font-family:arial;
  114. margin-bottom:10px;
  115. color:{color:headline};
  116. text-align:center;
  117. text-transform:uppercase;
  118. width:500px;
  119. }
  120.  
  121. #sidebar {
  122. text-align:left;
  123. position:fixed;
  124. margin-left:-283px;
  125. margin-top:250px;
  126. width:245px;
  127. }
  128.  
  129. #sidebarim {
  130. margin-bottom:17px;
  131. }
  132.  
  133. #sidebarim img {
  134. width:245px;
  135. }
  136.  
  137. #blogt {
  138. font-size:12px;
  139. letter-spacing:1px;
  140. text-transform:uppercase;
  141. font-family:courier;
  142. margin-top:-12px;
  143. }
  144.  
  145. #links {
  146. margin-top:-13px;
  147. line-height:16px;
  148. text-align:center;
  149. font-size:7px;
  150. width:245px;
  151. font-family:cambria;
  152. }
  153.  
  154. #links a {
  155. margin-right:7px;
  156. margin-bottom:3px;
  157. text-transform:uppercase;
  158. letter-spacing:1px;
  159. }
  160.  
  161. #links a:hover {
  162. text-decoration:none;
  163. color:{color:link hover};
  164. }
  165.  
  166. #description {
  167. margin-top:2px;
  168. line-height:13px;
  169. text-align:center;
  170. font-size:9px;
  171. }
  172.  
  173. #con {
  174. left:50%;
  175. margin-left:-230px;
  176. margin-top:-30px;
  177. position:absolute;
  178. }
  179.  
  180. #entries {
  181. margin-top:110px;
  182. margin-left:30px;
  183. width:500px;
  184. }
  185.  
  186. #posts {
  187. width:500px;
  188. {block:IndexPage}
  189. margin-bottom:60px;
  190. {/block:IndexPage}
  191. {block:PermalinkPage}
  192. margin-bottom:50px;
  193. {/block:PermalinkPage}
  194. }
  195.  
  196. #posts img {
  197. max-width:500px;
  198. }
  199.  
  200. #posts img, #posts li, #posts blockquote {
  201. max-width: 100%;
  202. }
  203.  
  204. .caption {
  205. width:100%;
  206. margin-top:10px;
  207. }
  208.  
  209. #titlequote{
  210. text-align:center;
  211. font-size:11px;
  212. line-height:20px;
  213. text-transform:uppercase;
  214. }
  215.  
  216. #source {
  217. margin-top:5px;
  218. margin-bottom:7px;
  219. margin-left:0px;
  220. text-align:center;
  221. line-height:17px;
  222. width:500px;
  223. }
  224.  
  225. #askbox {
  226. height:auto;
  227. min-height:48px;
  228. }
  229.  
  230. .pic {
  231. width:48px;
  232. height:48px;
  233. }
  234.  
  235. .pic img {
  236. width:48px;
  237. height:48px;
  238. float:left;
  239. }
  240.  
  241. .question {
  242. background:transparent;
  243. padding:13px;
  244. font-style:none;
  245. min-height:48px;
  246. margin-left:50px;
  247. margin-top:-63px;
  248. font-size:10px;
  249. }
  250.  
  251. .asker {
  252. font-weight:bold;
  253. text-transform:lowercase;
  254. }
  255.  
  256. .answer {
  257. padding-bottom:4px;
  258. }
  259.  
  260. .playbutton {
  261. overflow:hidden;
  262. position:relative;
  263. z-index:1000;
  264. width:26px;
  265. height:26px;
  266. margin:11px 11px 11px 11px;
  267. }
  268.  
  269. .playbox {
  270. float:left;
  271. background-color:#000;
  272. position:absolute;
  273. z-index:1000;
  274. width:50px;
  275. height:50px;
  276. margin:30px;
  277. -webkit-border-radius:50px;
  278. -moz-border-radius:50px;
  279. opacity:0.2;
  280. -moz-transition-duration:0.6s;
  281. -webkit-transition-duration:0.6s;
  282. -o-transition-duration:0.6s;
  283. }
  284.  
  285. .playbox:hover {
  286. opacity:0.9;
  287. -moz-transition-duration:0.6s;
  288. -webkit-transition-duration:0.6s;
  289. -o-transition-duration:0.6s;
  290. }
  291.  
  292. .info {
  293. float:right;
  294. font-size:9px;
  295. text-align:right;
  296. width:333px;
  297. background-color:#f9f9f9;
  298. padding:25px;
  299. height:60px;
  300. line-height:150%;
  301. font-family:arial;
  302. letter-spacing:0px;
  303. font-family:arial;
  304. text-transform:lowercase;
  305. }
  306.  
  307. .info i {
  308. font-style:normal;
  309. font-family:arial;
  310. font-size:11px;
  311. text-transform:uppercase;
  312. letter-spacing:1px;
  313. }
  314.  
  315. .info b {
  316. font-family:arial;
  317. font-size:10px;
  318. text-transform:uppercase;
  319. letter-spacing:0px;
  320. }
  321.  
  322. .cover {
  323. position: relative;
  324. z-index: 1;
  325. width:80px;
  326. height:80px;
  327. outline:15px solid #f9f9f9;
  328. margin:15px;
  329. }
  330.  
  331. .chat ol {
  332. padding:0;
  333. list-style:none;
  334. }
  335. .line {padding:5px 0;}
  336.  
  337. .label {font-weight:bold;
  338. }
  339.  
  340. #permalink {
  341. margin-top:2px;
  342. font-size:8px;
  343. color:{color:text};
  344. text-transform:uppercase;
  345. }
  346.  
  347. #permalink a {
  348. margin-right:2px;
  349. letter-spacing:1px;
  350. }
  351.  
  352. #permalink a:hover {
  353. color:{color:link hover};
  354. }
  355.  
  356. #tags {
  357. font-family:cambria;
  358. margin-top:3px;
  359. margin-left:-3px;
  360. font-size:9px;
  361. text-transform:none;
  362. -moz-transition-duration:.7s;
  363. -webkit-transition-duration:.7s;
  364. -o-transition-duration:.7s;
  365. }
  366.  
  367. #tags a {
  368. letter-spacing:0px;
  369. font-size:9px;
  370. padding:3px;
  371. font-style:italic;
  372. }
  373.  
  374. #tags a:hover {
  375. color:{color:link hover};
  376. text-decoration:none;
  377. }
  378.  
  379. .pagenotes {
  380. {block:IndexPage}
  381. display: none!important;
  382. {/block:IndexPage}
  383. width:500px;
  384. text-align:left;
  385. }
  386.  
  387. .pagenotes img {
  388. display:none!important;}
  389. .pagenotes li {
  390. list-style-type:none;
  391. padding:5px 0px;
  392. text-align:left;
  393. margin:0 0 0 -40px;
  394. }
  395.  
  396. #pagination {
  397. margin-top:-40px;
  398. margin-left:0px;
  399. text-align: center;
  400. }
  401.  
  402. #pagination a {
  403. font-family:arial;
  404. margin-left:5px;
  405. margin-right:8px;
  406. }
  407.  
  408. #credit {
  409. position:fixed;
  410. right:5px;
  411. bottom:5px;
  412. text-transform:lowercase;
  413. font:8px arial;
  414. padding:5px;
  415. }
  416.  
  417.  
  418. {CustomCSS}
  419.  
  420. </style></head>
  421.  
  422. <body>
  423.  
  424. <div id="con">
  425.  
  426. <div id="sidebar">
  427. <div id="sidebarim"><center><a href="/"><img src="{image:sidebar}"></a></center></div>
  428. <div id="links">
  429. <a href="/">home</a>
  430. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  431. {block:ifLink3}<a href="{text:Link 3 URL}" >{text:Link 3}</a>{/block:ifLink3}
  432. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a> {/block:ifLink4}
  433. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a> {/block:ifLink5}
  434. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a> {/block:ifLink6}
  435. </div>
  436. <div id="description"><center>{description}</center></div>
  437.  
  438. </div>
  439.  
  440.  
  441. <div id="entries"> {block:Posts}
  442.  
  443. <div id="posts">
  444.  
  445.  
  446. {block:Quote}
  447.  
  448.  
  449. <div id="titlequote"><center>« {Quote} »</center></div>
  450. {block:Source}<div id="source"><center>&mdash; {Source}</center></div>{/block:Source}
  451. {/block:Quote}
  452.  
  453.  
  454.  
  455. {block:Text}
  456.  
  457. {block:Title}
  458. <div id="title">{Title}</div>{/block:Title}
  459. {Body}
  460. {/block:Text}
  461.  
  462. {block:Link}
  463. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  464. {/block:Link}
  465.  
  466. {block:Chat}
  467. {block:Title}
  468. <h1>{Title}</h1>
  469. {/block:Title}
  470. <div class="chat">
  471. <ol>{block:Lines}
  472. <li class="line {Alt}">
  473. {block:Label}
  474. <span class="label">
  475. {Label}</span>
  476. {/block:Label}{Line}</li>
  477. {/block:Lines}
  478. </ol></div>
  479. {/block:Chat}
  480.  
  481. {block:Photo}
  482. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  483. {/block:Photo}
  484.  
  485. {block:Photoset}
  486. {Photoset-500}
  487. {/block:Photoset}
  488.  
  489. {block:Video}
  490. {Video-500}
  491. {/block:Video}
  492.  
  493. {block:Answer}
  494. <div id="askbox">
  495. <div class="pic">
  496. <a href="{AskerURL}">
  497. <img src="{AskerPortraitURL-48}" />
  498. </a></div>
  499. <div class="question">
  500. <span class="asker">
  501. {Asker} said:</span><br>
  502. {Question}</div></div>
  503. <div class="answer">
  504. {Answer}</div>
  505. {/block:Answer}
  506.  
  507. {block:Audio}
  508. {block:AudioPlayer}
  509. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  510. {block:AlbumArt}
  511. <img src="{AlbumArtURL}" class="cover">
  512. {/block:AlbumArt}
  513. <div class="info">
  514. {block:TrackName}<i><u>{TrackName}</u></i>{/block:TrackName}<br/>
  515. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  516. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  517. <b>Plays:</b> {PlayCountWithLabel}
  518. </div>
  519. {/block:AudioPlayer}
  520. {/block:Audio}
  521.  
  522. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  523.  
  524. {block:Date}<div id="permalink">
  525. <a href="{Permalink}">
  526. <b>{Month} {DayOfMonth}</b></a>
  527. {/block:Date}
  528.  
  529. {block:NoteCount}
  530. ― &nbsp;<a href="{Permalink}">{NoteCount}</a>
  531. {/block:NoteCount}
  532.  
  533. <div style="border-bottom:1px solid #fafafa;margin-top:1px"></div>
  534.  
  535.  
  536. {block:HasTags}<div id="tags">
  537. {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}
  538. </div>{/block:HasTags}
  539.  
  540. </div>
  541.  
  542. {/block:Date}
  543.  
  544.  
  545.  
  546. </div>
  547.  
  548.  
  549. {block:PostNotes}
  550. <div class="pagenotes">
  551. {PostNotes}
  552. </div>
  553. {/block:PostNotes}
  554.  
  555.  
  556. {/block:Posts}
  557.  
  558. <div id="pagination"> {block:Pagination}
  559. {block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  560. {block:JumpPagination length="5"}{block:CurrentPage}
  561. <span class="current_page" style="padding:4px; background:#f5f5f5;margin-left:5px; margin-right:5px;">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  562. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}</div>
  563.  
  564.  
  565. </div>
  566.  
  567. </div>
  568.  
  569. <div id="credit">
  570. <a href="http://meanwolfs.tumblr.com/" title="theme by meanwolfs" >
  571. &copy; </a>
  572. </div>
  573.  
  574. {block:ContentSource}
  575. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  576. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  577. {/block:SourceLogo}
  578. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  579. {/block:ContentSource}
  580.  
  581. {block:ReblogParentUrl}
  582. <!-- {URL}{block:SourceLogo}<img src="{BlackLogoURL}"
  583. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  584. {/block:SourceLogo}
  585. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  586. {/block:ReblogParentUrl}
  587.  
  588. </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!