API tools faq
paste
Advertisement
alfheimr

Th02 - Would You Kindly

alfheimr
Jun 14th, 2014
193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.20 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme 02 - Would You Kindly
  4.  
  5. Theme by deathlyloki (alfheimr.co.vu <-- permanent)
  6.  
  7. Please do NOT steal, redistribute or cut and paste parts of my theme.
  8.  
  9. -->
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
  23. <!--META NAMES-->
  24.  
  25. <meta name="color:Background" content="#fff">
  26. <meta name="color:Body" content="#000" />
  27. <meta name="color:Link" content="#213f52"/>
  28. <meta name="color:Link Hover" content="#661a1a"/>
  29. <meta name="color:Border" content="#bbb" />
  30.  
  31. <meta name="image:Sidebar" content=""/>
  32.  
  33. <meta name="text:Link1" content="link" />
  34. <meta name="text:Link1 URL" content="/" />
  35. <meta name="text:Link2" content="link" />
  36. <meta name="text:Link2 URL" content="/" />
  37. <meta name="text:Link3" content="link" />
  38. <meta name="text:Link3 URL" content="/" />
  39. <meta name="text:Link4" content="link" />
  40. <meta name="text:Link4 URL" content="/" />
  41.  
  42. <meta name="if:Updates" content="0" />
  43.  
  44. <!--- UPDATES TAB COLORS --->
  45.  
  46. <meta name="color:TB1 Color" content="#213f52"/>
  47. <meta name="color:TB2 Color" content="#661a1a"/>
  48. <meta name="color:TB3 Color" content="#213f52"/>
  49. <meta name="color:TB4 Color" content="#661a1a"/>
  50. <meta name="color:TB5 Color" content="#213f52"/>
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. ::-webkit-scrollbar-thumb {
  56. height:auto;
  57. background-color:{color:Link Hover};
  58. }
  59.  
  60. ::-webkit-scrollbar {
  61. height:9px;
  62. width:4px;
  63. background-color:{color:Background};
  64. }
  65.  
  66. body {
  67. background-color:{color:Background};
  68. font-family:arial;
  69. font-size:10px;
  70. text-align:left;
  71. color:{color:Body};
  72. margin:0;
  73. }
  74.  
  75. a:link, a:active, a:visited {
  76. color: {color:link};
  77. text-decoration:none;
  78. }
  79.  
  80. a:hover {
  81. color:{color:link hover};
  82. text-decoration:underline;
  83. }
  84.  
  85. img {
  86. border:none;
  87. }
  88.  
  89. blockquote {
  90. padding-left:5px;
  91. margin: 0px;
  92. border-left:2px solid {color:Border};
  93. }
  94.  
  95.  
  96. blockquote blockquote {
  97. padding-left:5px;
  98. margin: 0px;
  99. border-left:2px solid {color:Border};
  100. }
  101.  
  102. blockquote img {
  103. max-width: 100%;
  104. display: block;
  105. margin-bottom: 2px;
  106. }
  107.  
  108.  
  109. /*SIDEBAR*/
  110.  
  111. #sidebar{
  112. position:fixed;
  113. margin-top:150px;
  114. margin-left:270px;
  115. width:150px;
  116. }
  117.  
  118. #sidebarimg img{
  119. width:120px;
  120. }
  121.  
  122. #links{
  123. width:120px;
  124. font-size:9px;
  125. font-family:times;
  126. font-weight:bold;
  127. border-bottom:3px double {color:Border};
  128. margin-left:0px;
  129. margin-top:2px;
  130. text-align:center;
  131. }
  132.  
  133. #links a{
  134. color:{color:Link};
  135. text-decoration:none;
  136. }
  137.  
  138. #links a:hover{
  139. color:{color:Link Hover};
  140. text-decoration:none;
  141. font-style:italic;
  142. }
  143.  
  144. #desc{
  145. width:120px;
  146. margin-top:5px;
  147. font-size:10px;
  148. text-align:center;
  149. font-family: 'Droid Sans', sans-serif;
  150. color:{color:Body};
  151. }
  152.  
  153.  
  154. #pagination {
  155. font-size:8px;
  156. text-transform:lowercase;
  157. letter-spacing:1px;
  158. font-style:normal;
  159. text-align:center;
  160. margin-left:-25px;
  161. }
  162.  
  163. #pagination a {
  164. color:{color:Links};
  165. }
  166.  
  167.  
  168. /*ENTRIES*/
  169.  
  170. #container {
  171. width:400px;
  172. padding:10px;
  173. margin-left:470px;
  174. margin-top:55px;
  175. }
  176.  
  177. #entries{
  178. width:400px;
  179. padding:25px;
  180. margin-top:30px;
  181. }
  182.  
  183. #entries img{
  184. max-width:100%;}
  185.  
  186. #asker {
  187. text-align:left;
  188. margin-bottom:-10px;
  189. padding:10px;
  190. font-size:10px;
  191. font-family:'arial';
  192. }
  193. #asker a {
  194. font-size:10px;
  195. font-family:arial;
  196. color:{color:text}
  197. }
  198. #asked {
  199. font-size:10px;
  200. font-family:arial;
  201. letter-spacing:0px;
  202. }
  203.  
  204. /*AUDIO POSTS*/
  205.  
  206. .mus {
  207. min-height: 75px;
  208. display: table;
  209. background-color: {color:bg};
  210. width: 360px;
  211. padding: 10px;
  212. position: relative;}
  213.  
  214. .mus img {height: 80px; position: absolute;}
  215.  
  216. .cover {
  217. z-index: 10;}
  218.  
  219. .mlabel {font-size: 10px; color: {color:Accent};}
  220.  
  221. .musiclabel {
  222. padding-left: 110px;
  223. display: table-cell;
  224. vertical-align: middle;
  225. text-align: left;}
  226.  
  227. .audioverlay {opacity: 0.3;
  228. background-color: #fff;
  229. position: absolute;
  230. z-index: 10;
  231. margin-top: 15px; margin-left: 15px;
  232. transition-duration: 0.6s;
  233. -moz-transition-duration: 0.6s;
  234. -webkit-transition-duration: 0.6s;
  235. -o-transition-duration: 0.6s;
  236. z-index: 100;}
  237.  
  238. .mus:hover .audioverlay {opacity: 0.8;
  239. transition-duration: 0.6s;
  240. -moz-transition-duration: 0.6s;
  241. -webkit-transition-duration: 0.6s;
  242. -o-transition-duration: 0.6s;}
  243.  
  244. .audioarrow {width: 20px; height: 30px; overflow: hidden; margin:10px 19px 10px 12px;}
  245.  
  246. /*POST INFO*/
  247.  
  248. #info {
  249. width:400px;
  250. text-align:right;
  251. font-family: 'Droid Sans', sans-serif;
  252. font-size:8px;
  253. padding:1px;
  254. color:{color:Body};
  255. line-height:10px;
  256. border-top:1px solid {color:Border};
  257. margin-top:5px;
  258. margin-bottom:55px;
  259. }
  260.  
  261. #info a{
  262. color:{color:Link};
  263. }
  264.  
  265. #info a:hover{
  266. color:{color:Link Hover};
  267. }
  268.  
  269. #tags{
  270. width:400px;
  271. padding:5px;
  272. margin-top:-3px;
  273. margin-left:-5px;
  274. float:left;
  275. text-align:right;
  276. font-size:8px;
  277. font-family: 'Droid Sans', sans-serif;
  278. opacity:1;
  279. color:{color:Link};
  280. transition-duration: 0.5s;
  281. -moz-transition-duration: 0.5s;
  282. -webkit-transition-duration: 0.5s;
  283. -o-transition-duration: 0.5s
  284. }
  285.  
  286. #tags a {
  287. display:inline-block;
  288. color:{color:Link};
  289. font-size:8px;
  290. text-align:center;
  291. text-decoration:none;
  292. }
  293.  
  294. #notes{
  295. font-size:8px;
  296. max-width:400px;
  297. text-transform:lowercase;
  298. font-family:'calibri';
  299. }
  300.  
  301.  
  302. ol.notes img.avatar{
  303. display:none;
  304. }
  305.  
  306. h1 {
  307. font-family:'times';
  308. text-align:center;
  309. }
  310.  
  311. h2 {
  312. font-family:'times';
  313. text-transform:lowercase;
  314. padding:5px;
  315. text-decoration:none;
  316. color:{color:link};
  317. }
  318.  
  319. ul {
  320. list-style:square;
  321. text-align:justify;
  322. }
  323.  
  324. /*CREDIT*/
  325.  
  326. #credit a{
  327. position:fixed;
  328. right:3px;
  329. bottom:3px;
  330. padding:4px;
  331. font-size:12px;
  332. color:black;
  333. }
  334.  
  335. #credit a:hover {
  336. opacity:1;
  337. color:{color:Link Hover};
  338. text-decoration:none;
  339. }
  340.  
  341.  
  342. {CustomCSS}
  343.  
  344. /*UPDATES TAB*/
  345.  
  346. {block:ifUpdates}
  347. #updatestab{
  348. text-align:left;
  349. font-size:8px;
  350. opacity: .8;
  351. position:fixed;
  352. background-color:transparent;
  353. letter-spacing:1px;
  354. z-index:9999;
  355. padding:4px;
  356. text-align:left;
  357. color:{color:Body};
  358. font-family: 'Droid Sans', sans-serif;
  359. top:150px; /* change the distance from the top */
  360. left:20px; /* change the distance from the left */
  361. }
  362.  
  363. #tabcontent1{
  364. border-left:3px solid {color:TB1 Color};
  365. width:100px;
  366. padding-left:4px;
  367. height:11px;
  368. text-align:left;
  369. overflow:hidden;
  370. margin-top:-1px;
  371. font-size:8px;
  372. line-height:10px;
  373. z-index:0;
  374. -webkit-transition: all 0.7s ease-in-out;
  375. -moz-transition: all 0.7s ease-in-out;
  376. -o-transition: all 0.7s ease-in-out;
  377. }
  378. #tabcontent1:hover{
  379. height:100px; /*change length of tab 1 here*/
  380. -webkit-transition: all 0.7s ease-in-out;
  381. -moz-transition: all 0.7s ease-in-out;
  382. -o-transition: all 0.7s ease-in-out;
  383. }
  384.  
  385. #tabcontent2{
  386. border-left:3px solid {color:TB2 Color};
  387. padding-left:4px;
  388. width:100px;
  389. height:11px;
  390. text-align:left;
  391. overflow:hidden;
  392. margin-top:-1px;
  393. font-size:8px;
  394. line-height:10px;
  395. z-index:0;
  396. -webkit-transition: all 0.7s ease-in-out;
  397. -moz-transition: all 0.7s ease-in-out;
  398. -o-transition: all 0.7s ease-in-out;
  399. }
  400. #tabcontent2:hover{
  401. height:100px; /*change length of tab 2 here*/
  402. -webkit-transition: all 0.7s ease-in-out;
  403. -moz-transition: all 0.7s ease-in-out;
  404. -o-transition: all 0.7s ease-in-out;
  405. }
  406.  
  407. #tabcontent3{
  408. border-left:3px solid {color:TB3 Color};
  409. padding-left:4px;
  410. width:100px;
  411. height:11px;
  412. text-align:left;
  413. overflow:hidden;
  414. margin-top:-1px;
  415. font-size:8px;
  416. line-height:10px;
  417. z-index:0;
  418. -webkit-transition: all 0.7s ease-in-out;
  419. -moz-transition: all 0.7s ease-in-out;
  420. -o-transition: all 0.7s ease-in-out;
  421. }
  422. #tabcontent3:hover{
  423. height:100px; /*change length of tab 3 here*/
  424. -webkit-transition: all 0.7s ease-in-out;
  425. -moz-transition: all 0.7s ease-in-out;
  426. -o-transition: all 0.7s ease-in-out;
  427. }
  428.  
  429. #tabcontent4{
  430. border-left:3px solid {color:TB4 Color};
  431. padding-left:4px;
  432. width:100px;
  433. height:11px;
  434. text-align:left;
  435. overflow:hidden;
  436. margin-top:-1px;
  437. font-size:8px;
  438. line-height:10px;
  439. z-index:0;
  440. -webkit-transition: all 0.7s ease-in-out;
  441. -moz-transition: all 0.7s ease-in-out;
  442. -o-transition: all 0.7s ease-in-out;
  443. }
  444. #tabcontent4:hover{
  445. height:100px; /*change length of tab 4 here*/
  446. -webkit-transition: all 0.7s ease-in-out;
  447. -moz-transition: all 0.7s ease-in-out;
  448. -o-transition: all 0.7s ease-in-out;
  449. }
  450.  
  451. #tabcontent5{
  452. border-left:3px solid {color:TB5 Color};
  453. padding-left:4px;
  454. width:100px;
  455. height:11px;
  456. text-align:left;
  457. overflow:hidden;
  458. margin-top:-1px;
  459. font-size:8px;
  460. line-height:10px;
  461. z-index:0;
  462. -webkit-transition: all 0.7s ease-in-out;
  463. -moz-transition: all 0.7s ease-in-out;
  464. -o-transition: all 0.7s ease-in-out;
  465. }
  466. #tabcontent5:hover{
  467. height:100px; /*change length of tab 5 here*/
  468. -webkit-transition: all 0.7s ease-in-out;
  469. -moz-transition: all 0.7s ease-in-out;
  470. -o-transition: all 0.7s ease-in-out;
  471. }
  472. {/block:ifUpdates}
  473.  
  474. </style></head>
  475.  
  476.  
  477. <body>
  478. {block:ifUpdates}
  479. <div id="updatestab">
  480.  
  481. <!--just message me if you want to know how to add more tabs or any other questions you might have (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧-->
  482.  
  483. <div id="tabcontent1">
  484. <i>CURRENTLY</i><p>
  485.  
  486. put some text here
  487.  
  488. </div>
  489.  
  490. <div id="tabcontent2">
  491. <i>UPDATES</i><p>
  492.  
  493. or here
  494.  
  495. </div>
  496.  
  497. <div id="tabcontent3">
  498. <i>WORKING ON</i><p>
  499.  
  500. look you can put some text here too
  501.  
  502. </div>
  503.  
  504. <div id="tabcontent4">
  505. <i>NETWORKS</i><p>
  506.  
  507. wow what a suprise, text here too
  508.  
  509. </div>
  510.  
  511. <div id="tabcontent5">
  512. <i>LOVELIES</i><p>
  513.  
  514. woow didn't expect this did you? another spot for text
  515.  
  516. </div></div></div>
  517. {/block:ifUpdates}
  518.  
  519. <div id="sidebar">
  520. <div id="sidebarimg">
  521. <img src="{image:SideBar}"></div>
  522. <div id="links">
  523. <a href="{text:Link1 URL}">{text:Link1}</a>&nbsp;&nbsp;
  524. <a href="{text:Link2 URL}">{text:Link2}</a>&nbsp;&nbsp;
  525. <a href="{text:Link3 URL}">{text:Link3}</a>&nbsp;&nbsp;
  526. <a href="{text:Link4 URL}">{text:Link4}</a>
  527.  
  528. </div>
  529. <div id="desc">{description}</div>
  530. <br><br><br>
  531. {block:Pagination}
  532. <div id="pagination">
  533. {block:PreviousPage}
  534. <a href="{PreviousPage}">⇐</a>
  535. {/block:PreviousPage}
  536. {block:NextPage}
  537. <a href="{NextPage}">⇒</a>
  538. {/block:NextPage}
  539. </div>
  540. {/block:Pagination}
  541. </div>
  542. </div>
  543.  
  544. <!--POSTS-->
  545.  
  546. <div id="container">
  547. {block:Posts}
  548. <div id="post">
  549.  
  550. {block:Text}
  551. {block:Title}<h2>{Title}</h2>{/block:Title}
  552. {Body}
  553. {/block:Text}
  554.  
  555. {block:Answer}
  556. <div id="asker"><b>{Asker}</b> asked:<div id="asked"><i>{Question}</i></div></div>
  557. {Answer}
  558. {/block:Answer}
  559.  
  560. {block:Quote}
  561.  
  562. <div class="quote">
  563. <div class="quotetext_{Length}">"{Quote}"</div>
  564. {block:Source}<div class="source">{Source}</div>{/block:Source}
  565. </div>
  566. {/block:Quote}
  567.  
  568. {block:Link}
  569. <h2><a href="{URL}">{Name}</a></h2>
  570. {block:Description}{Description}{/block:Description}
  571. {/block:Link}
  572.  
  573. {block:Chat}
  574. {block:Title}<h2>{Title}</h2>{/block:Title}
  575. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  576. {Line}</li>{/block:Lines}</ul>
  577. {/block:Chat}
  578.  
  579. {block:Photo}
  580. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  581.  
  582. {block:Caption}{Caption}{/block:Caption}
  583. {/block:Photo}
  584.  
  585. {block:Photoset}
  586. {Photoset-400}
  587. {block:Caption}{Caption}{/block:Caption}
  588. {/block:Photoset}
  589.  
  590. {block:Video}
  591. {Video-400}
  592. {block:Caption}{Caption}{/block:Caption}
  593. {/block:Video}
  594.  
  595.  
  596. <!--AUDIO-->
  597.  
  598. {block:Audio}
  599. <div class="mus">
  600. {block:AudioPlayer}
  601. <div class="audioverlay"><div class="audioarrow">{AudioPlayerWhite}}</div></div>
  602. {/block:AudioPlayer}
  603.  
  604. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>
  605. {block:AlbumArt}
  606. <img class="cover" src="{AlbumArtURL}" />
  607. {/block:AlbumArt}
  608.  
  609. <div class="musiclabel">
  610. {block:TrackName}<span class="mlabel"><strong>{TrackName}</strong></span>{/block:TrackName}<br>
  611. {block:Artist}{Artist}{/block:Artist} {block:Album} // {Album}{/block:Album}<br>
  612. {block:Playcount}{Playcount} Plays{/block:Playcount}
  613. </div></div>
  614.  
  615. {block:Caption}{Caption}{/block:Caption}
  616. {/block:Audio}
  617.  
  618.  
  619. <!--POST INFO-->
  620.  
  621. <div id="info">
  622. {block:NoteCount}({NoteCount}){/block:NoteCount}{/block:NoteCount} &nbsp;{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  623. &nbsp; {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>&nbsp;{/block:RebloggedFrom}{block:ContentSource}/&nbsp;<a href="{SourceURL}">source</a>{/block:ContentSource}
  624.  
  625. <div id="tags">
  626. {block:HasTags}
  627. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  628. </div>{block:HasTags}
  629. </div>
  630. </div>
  631.  
  632. {/block:Posts}
  633. <br><br><div id="notes">{block:PostNotes}{PostNotes-16}{/block:PostNotes}
  634. </div>
  635. {/block:Posts}</div></div></div>
  636. <br><br><br><br>
  637.  
  638.  
  639. </div></div>
  640.  
  641. {/block:Posts}
  642.  
  643. <!----- DO NOT REMOVE ANY OF THE CREDIT! ---->
  644. <div id="credit"><a href="http://alfheimr.co.vu">✕</a></div>
  645. </body>
  646. </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!