API tools faq
paste
Advertisement
imbetterthanu

THEME 06 / WINGS

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