API tools faq
paste
Advertisement
vickkyu

theme #02 by vickkyu

vickkyu
Sep 3rd, 2013
795
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.10 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--theme 02 'they're still alive' by vickkyu.tumblr.com (you can customize as much as you want to, but please, leave the credits where it is).-->
  5.  
  6. <meta name="color:background" content="#f3f4f5" />
  7. <meta name="color:blockquote" content="#2e2a24" />
  8. <meta name="color:bold" content="#2e2a24" />
  9. <meta name="color:entries" content="#FFFFFF" />
  10. <meta name="color:line" content="#2e2a24" />
  11. <meta name="color:link" content="#cfa21b" />
  12. <meta name="color:link hover" content="#2e2a24" />
  13. <meta name="color:question background" content="#d1d1d1" />
  14. <meta name="color:scrollbar" content="#2e2a24" />
  15. <meta name="color:scrollbar bg" content="#cfa21b" />
  16. <meta name="color:notes background" content="#2e2a24" />
  17. <meta name="color:notes link" content="#cfa21b" />
  18. <meta name="color:notes link hover" content="#a27f19" />
  19. <meta name="color:notes text" content="#ffffff" />
  20. <meta name="color:pagination" content="#2e2a24" />
  21. <meta name="color:pagination hover" content="#cfa21b" />
  22. <meta name="color:sidebar text" content="#9b9a9a" />
  23. <meta name="color:text" content="#9b9a9a" />
  24. <meta name="color:nav text hover" content="#2e2a24" />
  25. <meta name="color:nav text" content="#cfa21b" />
  26. <meta name="color:nav" content="#2e2a24" />
  27. <meta name="color:nav hover" content="#cfa21b" />
  28.  
  29. <meta name="image:Background" content="http://static.tumblr.com/ctnjtyx/7qMmskvfk/background.png"/>
  30. <meta name="image:Sidebar Image" content="http://static.tumblr.com/ctnjtyx/TWOmskvf7/sidebar_image.png"/>
  31.  
  32. <meta name="if:Infinite Scrolling" content="0" />
  33. <meta name="if:Show Caption" content="0"/>
  34.  
  35. <meta name="text:Link 1" content="">
  36. <meta name="text:Link 1 url" content="">
  37. <meta name="text:Link 2" content="">
  38. <meta name="text:Link 2 url" content="">
  39. <meta name="text:Link 3" content="">
  40. <meta name="text:Link 3 url" content="">
  41. <meta name="text:Link 4" content="">
  42. <meta name="text:Link 4 url" content="">
  43. <meta name="text:Link 5" content="">
  44. <meta name="text:Link 5 url" content="">
  45.  
  46.  
  47. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  48. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49. <link rel="shortcut icon" href="{Favicon}">
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53.  
  54. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  55.  
  56. {block:IfInfiniteScrolling}
  57. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  58. {/block:IfInfiniteScrolling}
  59.  
  60. <style type="text/css">
  61.  
  62. /*scrollbar*/
  63. ::-webkit-scrollbar {
  64. height: 0px;
  65. width: 2px;
  66. }
  67.  
  68. ::-webkit-scrollbar-thumb {
  69. background-color:{color:scrollbar};
  70. -webkit-border-radius: 50px;
  71. border-radius: 50px;
  72. }
  73.  
  74. ::-webkit-scrollbar-track{
  75. background-color:{color:scrollbar bg};
  76. -webkit-border-radius: 50px;
  77. border-radius: 50px;
  78. }
  79. ::-webkit-scrollbar-buttom{
  80. background-color:{color:scrollbar bg};
  81. }
  82.  
  83.  
  84. iframe#tumblr_controls {
  85. right:3px !important;
  86. position: fixed !important;
  87. -webkit-transition:opacity 0.6s;
  88. opacity:0.3;
  89. -webkit-transition:0.6s;
  90. -moz-transition:0.6s;
  91. transition:0.6s;
  92. }
  93.  
  94. iframe#tumblr_controls:hover {
  95. -webkit-transition:opacity 0.6s;
  96. opacity:1;
  97. -webkit-transition:all 0.6s;
  98. -moz-transition:all 0.6s;
  99. transition:all 0.6s;
  100. }
  101.  
  102. body {
  103. color:{color:text};
  104. font-family:cambria;
  105. font-size:10px;
  106. line-height:105%;
  107. background-color:{color:background};
  108. background-image:url('{image:Background}');
  109. background-attachment:fixed; background-repeat:repeat;
  110. text-decoration: none;
  111. }
  112.  
  113. b, strong {color:{color:bold};}
  114.  
  115. a {
  116. text-decoration:none;
  117. outline:none;
  118. -moz-outline-style:none;
  119. -webkit-transition: all 0.7s ease;
  120. -moz-transition: all 0.7s ease;
  121. -o-transition: all 0.7s ease;
  122. color:{color:link};
  123. }
  124.  
  125. a:hover {
  126. -webkit-transition: all 0.5s ease-out;
  127. -moz-transition: all 0.5s ease-out;
  128. transition: all 0.5s ease-out;
  129. color: {color:link hover};
  130. -webkit-transition: all 0.7s ease;
  131. -moz-transition: all 0.7s ease;
  132. -o-transition: all 0.7s ease;
  133. }}
  134.  
  135. a img {border:0;}
  136.  
  137. blockquote {
  138. border-left:2px dotted {color:blockquote};
  139. padding:2px 7px;
  140. margin:3px 0 3px 8px;
  141. }
  142.  
  143.  
  144. #credit {
  145. position:fixed;
  146. right:0px;
  147. bottom:0px;
  148. text-transform:uppercase;
  149. letter-spacing:1px;
  150. font-size:8px;
  151. background:{color:entries};
  152. padding:3px 3px;
  153. }
  154.  
  155. #sidebar {
  156. position:fixed;
  157. width:220px;
  158. margin-left:400px;
  159. margin-top:-10px;
  160. }
  161.  
  162.  
  163. .desc{
  164. width:150px;
  165. margin-top:55px;
  166. border-top:1px dotted {color:bold};
  167. color:{color:description};
  168. padding:10px;
  169. font-family:cambria;
  170. font-size:9px;
  171. font-style:italic;
  172. text-align:right;
  173. text-transform:lowercase;
  174. margin-left:-20px
  175. }
  176.  
  177.  
  178. #side {
  179. height:auto;
  180. width:200px;
  181. margin-top:198px;
  182. text-align:center;
  183. padding:10px 10px 10px 5px;
  184. position:fixed;
  185. margin-left:25px;
  186. }
  187.  
  188. #side2 {
  189. height:auto;
  190. width:160px;
  191. margin-top:100px;
  192. text-align:center;
  193. padding:10px 10px 10px 5px;
  194. position:fixed;
  195. margin-left:165px;
  196. }
  197.  
  198. #title {
  199. margin-top:0px;
  200. margin-bottom:6px;
  201. margin-right:-6px;
  202. color:{color:line};
  203. line-height:14px;
  204. }
  205.  
  206. #batata2 {font-family:'cambria';
  207. font-size:20px;
  208. text-transform:lowercase;
  209. letter-spacing:0px;
  210. font-weight:normal;
  211. text-align:right;
  212. margin-top:-27px;
  213. margin-bottom:10px;
  214. margin-right:0px;
  215. color:{color:line};
  216. line-height:14px;}
  217. #batata2 a {color:{color:line};}
  218. #batata2 a:hover {color:{color:link hover};
  219. }
  220.  
  221. #portrait{
  222. position:fixed;
  223. width:70px;
  224. height:70px;
  225. top:140px;
  226. left:495px;
  227. -webkit-border-radius:190px;
  228. border-radius:190px;
  229. -moz-border-radius:200px;
  230.  
  231. background-image:url('{image:Sidebar Image}');
  232. }
  233.  
  234.  
  235. .about {width:260px; margin-top:5px; padding:5px 20px; text-align:right; font-weight:normal; color:{color:sidebar text};}
  236.  
  237.  
  238.  
  239. .pages {
  240. margin-top:5px;
  241. text-align:right;
  242. line-height:20px;
  243. font-family:verdana; font-size:8px; color:{color:pagination}
  244. }
  245.  
  246. .pages a {
  247. text-decoration: none;
  248. padding: 2px 2px 2px 2px;
  249. background-color:#ffffff;
  250. font:8px verdana;
  251. padding:3px 4px;
  252. margin:2px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; color:{color:pagination};
  253. }
  254.  
  255. .pages a:hover {color:{color:pagination hover};
  256. }
  257.  
  258.  
  259. #entries {
  260. width:400px;
  261. float:left;
  262. margin-left:20px;
  263. text-align:justify;}
  264.  
  265. .posts {
  266. width:400px;
  267. min-height:42px;
  268. margin-bottom:5px;
  269. border-radius: 8px;
  270. background-color:{color:entries};
  271. color:{color:text};
  272. padding:18px;}
  273. .posts a {color:{color:link};}
  274. .posts a:visited {color:{color:link};}
  275. .posts a:hover {color:{color:link hover};}
  276.  
  277. .date a:hover {color:{color:link hover}; border-bottom:0px solid {color:link hover}!important; }
  278.  
  279.  
  280. .bombom {
  281. width:430px;
  282. padding:0px 0px 1px 8px;
  283. border-radius: 3px;
  284. text-align:left;
  285. color: {color:notes text};
  286. background-color:{color:notes background};
  287. text-transform:uppercase;
  288. font-size:8px;
  289. letter-spacing:1px;}
  290. .bombom a { color:{color:notes link}; text-decoration:none;}
  291. .bombom a:hover{ color:{color:notes link hover}; text-decoration:none;}
  292.  
  293.  
  294. #omgitsaborder {
  295. width:430px;
  296. border-top:3px dotted {color:notes border}; }
  297.  
  298. h1 {
  299. font-size:20px;
  300. line-height:14px;
  301. margin-top:0px;
  302. padding:5px;
  303. text-transform:none;
  304. letter-spacing:0px;
  305. font-weight:normal;
  306. font-style:italic;
  307. text-align:left;}
  308.  
  309. h2 {
  310. font-size:15px;
  311. line-height:14px;
  312. margin-top:0px;
  313. padding:5px;
  314. text-transform:none;
  315. letter-spacing:0px;
  316. font-weight:normal;
  317. font-style:italic;
  318. text-align:center;
  319. }
  320.  
  321.  
  322. .chat {
  323. line-height:12px;
  324. list-style:none
  325. }
  326.  
  327. .chat ul {
  328. line-height:15px;
  329. list-style:none;
  330. padding:0px;
  331. line-height:20px;
  332. }
  333.  
  334. .person1 {
  335. background-color:{color:background};
  336. padding-left:6px;
  337. padding-right:6px;
  338. }
  339.  
  340. .person1 .label {
  341. font-weight:bold;
  342. color:{color:bold};
  343. }
  344.  
  345. .person2 {
  346. background-color:{color:entries};
  347. padding-left:6px;
  348. padding-right:6px;
  349. }
  350.  
  351. .person2 .label {
  352. font-weight:bold;
  353. color:{color:bold};
  354. }
  355.  
  356. .audio img {
  357. max-width: 50px;
  358. float: left;
  359. margin-right: 5px;
  360. border: 4px solid {color:Background};
  361. }
  362.  
  363. .player {
  364. background-color: #fff;
  365. height: 25px;
  366. width: 25px;
  367. padding: 5px;
  368. margin-left: 80px;
  369. margin-top: 10px;
  370. overflow: hidden;
  371. position: absolute;
  372. margin-left: 12px;
  373. margin-top: 12px;
  374. opacity: .2;
  375. transition: 0.5s;
  376. -moz-transition: 0.5s;
  377. -webkit-transition: 0.5s;
  378. -o-transition: 0.5s;
  379. }
  380.  
  381. .player:hover {
  382. opacity: .7;
  383. }
  384.  
  385.  
  386.  
  387. .sidebarlinks a {
  388. background-color: {color:nav};
  389. font-size:10px;
  390. font-family:calibri;
  391. text-transform:uppercase;
  392. display: inline-block;
  393. width: 50px;
  394. height: 10px;
  395. color: {color:nav text};
  396. text-align:center;
  397. text-decoration: none;
  398. line-height: 10px;
  399. margin-top: 2px;
  400. }
  401.  
  402. .sidebarlinks a:hover {
  403. background-color: {color:nav hover};
  404. font-size:10px;
  405. font-family:calibri;
  406. text-transform:uppercase;
  407. display: inline-block;
  408. width: 40px;
  409. height: 10px;
  410. color: {color:nav text hover};
  411. text-align:center;
  412. text-decoration: none;
  413. line-height: 10px;
  414. margin-top: 2px;
  415. }
  416.  
  417.  
  418. /*link hover*/
  419. div#qTip {display: none; color:{color:entries}; text-align:left; position:absolute; z-index:99; font-size:8px; background:{color:pagination}; padding:3px 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height:13px; text-transform:uppercase; }
  420.  
  421. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  422.  
  423. </style>
  424.  
  425. </head>
  426.  
  427. <body>
  428.  
  429.  
  430.  
  431. <div id="sidebar">
  432.  
  433.  
  434.  
  435. <div id="biggu"></div>
  436.  
  437. <div id="side2">
  438.  
  439.  
  440.  
  441. <div class="desc">
  442. <div id="batata2">{Title}</div>
  443. {block:Description}{Description}{/block:Description}
  444. </div>
  445. </div>
  446.  
  447. <div id="side">
  448.  
  449. <div class="about">
  450.  
  451. <div id="portrait"></div>
  452.  
  453. <div class="sidebarlinks">
  454. <a href="/">index</a>
  455. <a href="/ask">ask me</a>
  456. {block:IfLink1}<a href="{text:Link 1 url}">{text:Link 1}</a>{/block:IfLink1}
  457. {block:IfLink2}<a href="{text:Link 2 url}">{text:Link 2}</a>{/block:IfLink2}<br>
  458. {block:IfLink3}<a href="{text:Link 3 url}">{text:Link 3}</a>{/block:IfLink3}
  459. {block:IfLink4}<a href="{text:Link 4 url}">{text:Link 4}</a>{/block:IfLink4}
  460. {block:IfLink5}<a href="{text:Link 5 url}">{text:Link 5}</a>{/block:IfLink5}
  461. </div>
  462.  
  463.  
  464.  
  465. {block:IfNotInfiniteScrolling}
  466. {block:Pagination}<div class="pages">
  467. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  468. {block:JumpPagination length="4"}{block:CurrentPage}
  469. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  470. {/block:CurrentPage}
  471. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  472. {/block:JumpPagination}
  473. {block:NextPage}<a href="{NextPage}">&rarr;</a> {/block:NextPage}
  474. </div>{/block:Pagination}
  475. {/block:IfNotInfiniteScrolling}
  476.  
  477. </div>
  478.  
  479.  
  480. </div>
  481. </div>
  482.  
  483.  
  484. <div id="entries">
  485. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  486. {block:Posts}
  487. <br><br><br>
  488.  
  489.  
  490. <div class="posts">
  491.  
  492.  
  493.  
  494. {block:Text}
  495. {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  496. {Body}
  497. {/block:Text}
  498.  
  499.  
  500. {block:Answer}
  501. <table>
  502. <tr><td colspan="3" width="430px" style="padding:11px; text-align:left; background-color:{color:question background};"><b>{Asker}</b> asked: {Question}</td> <img src="{AskerPortraitURL-30}" style="padding:3px;" align="left"></tr>
  503. </table>
  504. {Answer}
  505. {/block:Answer}
  506.  
  507.  
  508. {block:Photo}
  509.  
  510. {LinkOpenTag}<div class="image"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="400px" border="0"></div>{LinkCloseTag}
  511.  
  512. {/block:Photo}
  513.  
  514.  
  515. <div class="image">{Photoset-400}</div>
  516.  
  517. {block:IfShowCaption}<div class="cap">
  518. {block:Caption}{Caption}{/block:Caption}
  519. </div>{/block:IfShowCaption}
  520.  
  521. {block:IfNotShowCaption}{block:PermalinkPage}
  522. {block:Caption}{Caption}{/block:Caption}
  523. {/block:PermalinkPage}{/block:IfNotShowCaption}
  524. {/block:Photoset}
  525.  
  526.  
  527. {block:Quote}
  528. <h2>{Quote}</h2>
  529. {block:Source}<p align="right">{Source} <b>&mdash;</b></p>{/block:Source}
  530. {/block:Quote}
  531.  
  532. {block:Link}
  533. <h1><a href="{URL}" {Target}>{Name} →</a></h1>{block:Description}{Description}{/block:Description}
  534. {/block:Link}
  535.  
  536. {block:Chat}
  537. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  538. <div class="chat"><ul>{block:Lines}
  539. <li class="person{UserNumber}">{block:Label}
  540. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  541. {/block:Chat}
  542.  
  543.  
  544. {block:Audio}
  545. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  546. <div class="player">{AudioPlayerWhite}</div>
  547. <div style="font-size: 9px; margin-top: 8px; margin-left: 10px; text-transform: uppercase; line-height: 11px;">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}</div>
  548. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  549. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  550. {Caption}
  551. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  552. {block:IfNotShowCaptions}<div style="padding: 4px;"></div>{/block:IfNotShowCaptions}
  553.  
  554. {/block:Audio}
  555.  
  556.  
  557. {block:Video}{Video-400}
  558. {block:IfShowCaption}<div class="cap">
  559. {block:Caption}{Caption}{/block:Caption}
  560. </div>{/block:IfShowCaption}
  561.  
  562. {block:IfNotShowCaption}{block:PermalinkPage}
  563. {block:Caption}{Caption}{/block:Caption}
  564. {block:PermalinkPage}{/block:IfNotShowCaption}
  565. {/block:Video}
  566. </div>
  567.  
  568. {block:PermalinkPage}
  569. {block:Date}<div class="bombom">Posted: <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} with {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a> {/block:NoteCount} <div class="omgisaborder"></div> {block:Tags} / <a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}
  570. {/block:RebloggedFrom}
  571. </div>
  572. {block:PermalinkPage}
  573.  
  574.  
  575. {block:IndexPage}
  576. {block:Date}<div class="bombom">Posted: <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} with {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a> {/block:NoteCount} <div class="omgisaborder"></div> {block:Tags} / <a href="/tagged/{Tag}"> #{Tag}</a>{/block:Tags}
  577. {/block:RebloggedFrom}
  578. </div>
  579. {/block:IndexPage}
  580.  
  581. {/block:Posts}
  582. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  583.  
  584.  
  585.  
  586. {block:PostNotes}
  587. <div id="notes">{PostNotes}</div>
  588. {/block:PostNotes}
  589. <br>
  590.  
  591. <div id="credit">
  592. <a href="http://vickkyu.tumblr.com/" title="vickkyu">theme</a>
  593. </div>
  594.  
  595. </div>
  596. </body>
  597. </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!