API tools faq
paste
sasorisbutt

Ice Cream (Light) - BakaThemes

sasorisbutt
Nov 29th, 2013
3,208
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.43 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  4. THEME BASE 01 BY SUPPISUN @ TUMBLR
  5. Edit/tweak as much as you like but pleeeeaaaase
  6. DO NOT remove the credits, copy and
  7. redistribute the theme as your own.
  8. Or else... I'll hunt you down and kick yer ass >:D
  9.  
  10. If music player is enabled, press
  11. ctrl+F and type "Music Player Code" and enter.
  12. Replace the gray text with your code.
  13.  
  14. -->
  15.  
  16.  
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20.  
  21. <title>{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}
  26. <meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28.  
  29. <meta name="color:Background" content="#fff" />
  30. <meta name="color:Bold" content="#4eb7ff" />
  31. <meta name="color:Border" content="#aaddff" />
  32. <meta name="color:Border Hover" content="#3aafff" />
  33. <meta name="color:Center" content="#fff" />
  34. <meta name="color:First Letter BG" content="#fff" />
  35. <meta name="color:Italic" content="#96d3fc" />
  36. <meta name="color:Link" content="#999" />
  37. <meta name="color:Link Hover" content="#4d4d4d" />
  38. <meta name="color:Scrollbar" content="#81ccff" />
  39. <meta name="color:Scrollbar BG" content="#fff" />
  40. <meta name="color:Sidebar" content="#fff" />
  41. <meta name="color:Sidebar Links" content="#999" />
  42. <meta name="color:Text" content="#707070" />
  43. <meta name="color:Title" content="#5e5e5e" />
  44.  
  45. <meta name="image:Background" content="" />
  46. <meta name="image:Sidebar Picture" content="" />
  47. <meta name="image:Sidebar Picture 2" content="" />
  48.  
  49. <meta name="text:Link1" content="" />
  50. <meta name="text:Link1 URL" content="" />
  51. <meta name="text:Link2" content="" />
  52. <meta name="text:Link2 URL" content="" />
  53. <meta name="text:Link3" content="" />
  54. <meta name="text:Link3 URL" content="" />
  55. <meta name="text:Link4" content="" />
  56. <meta name="text:Link4 URL" content="" />
  57. <meta name="text:Link5" content="" />
  58. <meta name="text:Link5 URL" content="" />
  59. <meta name="text:Link6" content="" />
  60. <meta name="text:Link6 URL" content="" />
  61. <meta name="text:Link7" content="" />
  62. <meta name="text:Link7 URL" content="" />
  63. <meta name="text:Link8" content="" />
  64. <meta name="text:Link8 URL" content="" />
  65. <meta name="text:Link9" content="" />
  66. <meta name="text:Link9 URL" content="" />
  67. <meta name="text:Link10" content="" />
  68. <meta name="text:Link10 URL" content="" />
  69. <meta name="text:Title Size" content="30px" />
  70.  
  71. <meta name="if:400px" content="0" />
  72. <meta name="if:Blogroll" content="1" />
  73. <meta name="if:Enable Shake" content="1" />
  74. <meta name="if:Hide Icons" content="0" />
  75. <meta name="if:Infinite Scroll" content="0" />
  76. <meta name="if:Music Player" content="0" />
  77.  
  78.  
  79. <head>
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  82.  
  83. <link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,500italic,900italic' rel='stylesheet' type='text/css'>
  84.  
  85. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  86.  
  87. <script src="http://static.tumblr.com/fsavqrf/TvBmx19ce/jquery.style-my-tooltips-white.js"></script>
  88.  
  89. <script>
  90. $().ready(function() {
  91. $("[title]").style_my_tooltips({
  92. tip_follows_cursor: "on", //on/off
  93. tip_delay_time: 80 //milliseconds
  94. });
  95. });
  96. </script>
  97.  
  98.  
  99.  
  100. <style type="text/css">
  101.  
  102. ::-webkit-scrollbar {
  103. width:5px;
  104. height:3px;
  105. background:{color:Scrollbar BG};
  106. }
  107.  
  108. ::-webkit-scrollbar-thumb {
  109. background:{color:Scrollbar};
  110. }
  111.  
  112. #s-m-t-tooltip {
  113. max-width:200px;
  114. font-family:Calibri;
  115. font-size:8px;
  116. text-transform:uppercase;
  117. letter-spacing:1px;
  118. margin:0 0 0 20px;
  119. padding:3px;
  120. color:{color:Sidebar};
  121. background:{color:Border};
  122. z-index:999999;
  123. }
  124.  
  125. body {
  126. font-family: 'Roboto', sans-serif;
  127. color:{color:Text};
  128. font-size:10px;
  129. margin:0;
  130. padding:0;
  131. background:{color:Background} url('{image:Background}');
  132. background-attachment:fixed;
  133. cursor:default;
  134. }
  135.  
  136. a {
  137. color:{color:Link};
  138. text-decoration:none;
  139. cursor:crosshair;
  140. transition:all 0.5s ease;
  141. -webkit-transition:all 0.5s ease;
  142. -moz-transition:all 0.5s ease;
  143. -o-transition:all 0.5s ease;
  144. -ms-transition:all 0.5s ease;
  145. }
  146.  
  147. a:hover {
  148. color:{color:Link Hover};
  149. }
  150.  
  151. blockquote {
  152. font-size:7px;
  153. letter-spacing:1px;
  154. text-transform:uppercase;
  155. text-align:center;
  156. margin:0;
  157. padding:10px 20px;
  158. border-left:3px solid #ccc;
  159. background:{color:Background};
  160. transition:all 0.5s ease;
  161. -webkit-transition:all 0.5s ease;
  162. -moz-transition:all 0.5s ease;
  163. -o-transition:all 0.5s ease;
  164. -ms-transition:all 0.5s ease;
  165. overflow-x:auto;
  166. }
  167.  
  168. blockquote pre {
  169. font-family:Calibri;
  170. font-size:8px;
  171. letter-spacing:1px;
  172. text-transform:uppercase;
  173. text-align:center;
  174. }
  175.  
  176. blockquote:hover {
  177. border-left:3px solid {color:Border Hover};
  178. }
  179.  
  180. b {
  181. color:{color:Bold};
  182. font-size:8px;
  183. text-transform:uppercase;
  184. letter-spacing:1px;
  185. }
  186.  
  187. i {
  188. color:{color:Italic};
  189. }
  190.  
  191. h1 {
  192. position:fixed;
  193. bottom:0px;
  194. font-family:"Poiret One";
  195. font-size:{text:Title Size};
  196. text-transform:uppercase;
  197. }
  198.  
  199. h1 a {
  200. color:{color:Title};
  201. }
  202.  
  203. h4 {
  204. width:485px;
  205. {block:If400px}width:385px;{/block:If400px}
  206. margin:5px 0 0 -13px;
  207. padding:20px;
  208. font-family:Calibri;
  209. text-align:center;
  210. text-transform:uppercase;
  211. letter-spacing:1px;
  212. background:{color:Border};
  213. opacity:0.8;
  214. transition:all 0.2s linear;
  215. -webkit-transition:all 0.2s linear;
  216. -moz-transition:all 0.2s linear;
  217. -o-transition:all 0.2s linear;
  218. -ms-transition:all 0.2s linear;
  219. }
  220.  
  221. h4 a {
  222. color:{color:Title};
  223. letter-spacing:0;
  224. }
  225.  
  226. h4 p {
  227. display:inline;
  228. border-bottom:1px dashed {color:Border Hover};
  229. font-weight:normal;
  230. }
  231.  
  232. #post:hover h4 {
  233. letter-spacing:0;
  234. background:{color:Border Hover};
  235. }
  236.  
  237. #post:hover h4 p {
  238. border-bottom:1px dashed {color:Center};
  239. }
  240.  
  241. ol.notes {
  242. padding:0px;
  243. list-style-type:none;
  244. }
  245.  
  246. ol.notes li.note {
  247. text-align:right;
  248. padding:5px;
  249. font-family:Calibri;
  250. font-size:8px;
  251. letter-spacing:1px;
  252. text-transform:uppercase;
  253. font-style:normal!important;
  254. }
  255.  
  256. ol.notes li.note img.avatar {
  257. float:right;
  258. margin-left:10px;
  259. width:16px;
  260. height:16px;
  261. }
  262.  
  263. ol.notes li.note a {
  264. border-bottom:1px solid {color:Border};
  265. }
  266.  
  267. ol.notes li.note a:hover {
  268. border-bottom:1px solid {color:Border Hover};
  269. }
  270.  
  271. #all {
  272. width:525px;
  273. {block:If400px}width:425px;{/block:If400px}
  274. margin:0 auto;
  275. padding-bottom:50px;
  276. }
  277.  
  278. #post {
  279. margin:10px 0;
  280. padding:10px;
  281. background:{color:Center};
  282. border-left:3px double {color:Border};
  283. transition:all 0.5s ease;
  284. -webkit-transition:all 0.5s ease;
  285. -moz-transition:all 0.5s ease;
  286. -o-transition:all 0.5s ease;
  287. -ms-transition:all 0.5s ease;
  288. z-index:10;
  289. }
  290.  
  291. #post a {
  292. font-style:italic;
  293. }
  294.  
  295. #post img {
  296. max-width:500px;
  297. {block:If400px}max-width:400px;{/block:If400px}
  298. }
  299.  
  300. #post:hover {
  301. border-left:3px double {color:Border Hover};
  302. transition:all 0.5s ease;
  303. -webkit-transition:all 0.5s ease;
  304. -moz-transition:all 0.5s ease;
  305. -o-transition:all 0.5s ease;
  306. -ms-transition:all 0.5s ease;
  307. }
  308.  
  309. #side {
  310. position:fixed;
  311. width:180px;
  312. height:100%;
  313. margin:-20px 0 0 -250px;
  314. padding:10px;
  315. font-family:Calibri;
  316. background:{color:Sidebar};
  317. z-index:100;
  318. }
  319.  
  320. #right {
  321. position:fixed;
  322. width:50px;
  323. height:100%;
  324. margin:-20px 0 0 190px;
  325. }
  326.  
  327. #bottom {
  328. height:25px;
  329. bottom:23px;
  330. }
  331.  
  332. #bottom2 {
  333. height:5px;
  334. max-height:5px;
  335. bottom:15px;
  336. }
  337.  
  338. .bottomlines {
  339. position:fixed;
  340. width:100%;
  341. margin-left:-50px;
  342. background:{color:Sidebar};
  343. z-index:100;
  344. }
  345.  
  346. #links {
  347. width:520px;
  348. {block:If400px}width:420px;{/block:If400px}
  349. margin-left:50px;
  350. padding:8px 0;
  351. }
  352.  
  353. #links a {
  354. padding:0 10px;
  355. cursor:pointer;
  356. border-bottom:1px solid {color:Border};
  357. transition:all 0.3s linear;
  358. -webkit-transition:all 0.3s linear;
  359. -moz-transition:all 0.3s linear;
  360. -o-transition:all 0.3s linear;
  361. -ms-transition:all 0.3s linear;
  362. }
  363.  
  364. #links a:hover {
  365. border-bottom:1px solid {color:Border Hover};
  366. }
  367.  
  368. #all:hover #links a {
  369. padding-right:40px;
  370. transition:all 0.3s linear;
  371. -webkit-transition:all 0.3s linear;
  372. -moz-transition:all 0.3s linear;
  373. -o-transition:all 0.3s linear;
  374. -ms-transition:all 0.3s linear;
  375. }
  376.  
  377. #sidebar {
  378. position:absolute;
  379. bottom:70px;
  380. {block:IfNotBlogroll}bottom:100px;{/block:IfNotBlogroll}
  381. margin-right:10px;
  382. }
  383.  
  384. #sideimg {
  385. width:180px;
  386. overflow:hidden;
  387. }
  388.  
  389. #sweep {
  390. width:370px;
  391. padding-top:5px;
  392. border-top:3px double {color:Border};
  393. transition:all 0.5s ease;
  394. -webkit-transition:all 0.5s ease;
  395. -moz-transition:all 0.5s ease;
  396. -o-transition:all 0.5s ease;
  397. -ms-transition:all 0.5s ease;
  398. }
  399.  
  400. #sweep img {
  401. width:180px;
  402. padding-top:5px;
  403. }
  404.  
  405. #sweep div {
  406. {block:IfSidebarPicture2Image}
  407. {block:IfSidebarPictureImage}
  408. float:right;
  409. {/block:IfSidebarPictureImage}
  410. {/block:IfSidebarPicture2Image}
  411. }
  412.  
  413. #all:hover #sweep {
  414. {block:IfSidebarPicture2Image}
  415. {block:IfSidebarPictureImage}
  416. margin-left:-190px;
  417. {/block:IfSidebarPictureImage}
  418. {/block:IfSidebarPicture2Image}
  419. border-top:3px double {color:Border Hover};
  420. }
  421.  
  422. #sidelinks {
  423. width:180px;
  424. margin-top:10px;
  425. }
  426.  
  427. #sidelinks a {
  428. display:inline-block;
  429. color:{color:Sidebar Links};
  430. width:78px;
  431. margin-bottom:3px;
  432. padding:5px;
  433. border-bottom:1px solid {color:Border};
  434. transition:all 0.5s ease;
  435. -webkit-transition:all 0.5s ease;
  436. -moz-transition:all 0.5s ease;
  437. -o-transition:all 0.5s ease;
  438. -ms-transition:all 0.5s ease;
  439. overflow:hidden;
  440. }
  441.  
  442. #sidelinks a:hover {
  443. border-bottom:1px solid {color:Border Hover};
  444. transition:all 0.5s ease;
  445. -webkit-transition:all 0.5s ease;
  446. -moz-transition:all 0.5s ease;
  447. -o-transition:all 0.5s ease;
  448. -ms-transition:all 0.5s ease;
  449. }
  450.  
  451. #desc {
  452. width:180px;
  453. font-style:italic;
  454. border-bottom:3px double {color:Border};
  455. transition:all 0.5s ease;
  456. -webkit-transition:all 0.5s ease;
  457. -moz-transition:all 0.5s ease;
  458. -o-transition:all 0.5s ease;
  459. -ms-transition:all 0.5s ease;
  460. }
  461.  
  462. #desc p:first-letter {
  463. float:left;
  464. margin:0 5px 1px 0;
  465. padding:0 5px;
  466. font-size:18px;
  467. text-shadow:0 0 10px #fff;
  468. background:{color:First Letter BG};
  469. border:1px solid {color:Border};
  470. }
  471.  
  472. #all:hover #desc{
  473. bottom:70px;
  474. border-bottom:3px double {color:Border Hover};
  475. }
  476.  
  477. #blogroll {
  478. width:185px;
  479. margin-left:-5px;
  480. max-height:105px;
  481. overflow-y:auto;
  482. }
  483.  
  484. #blogroll img {
  485. width:25px;
  486. height:25px;
  487. margin:2px;
  488. border:2px solid {color:Border};
  489. }
  490.  
  491. #blogroll img:hover {
  492. padding:1px;
  493. border:1px solid {color:Border Hover};
  494. }
  495.  
  496. #bloogroll {
  497. height:10px;
  498. margin:10px 0 20px 0;
  499. padding-bottom:10px;
  500. border-bottom:3px double {color:Border};
  501. transition:all 0.5s ease;
  502. -webkit-transition:all 0.5s ease;
  503. -moz-transition:all 0.5s ease;
  504. -o-transition:all 0.5s ease;
  505. -ms-transition:all 0.5s ease;
  506. overflow:hidden;
  507. }
  508.  
  509. #all:hover #bloogroll {
  510. height:120px;
  511. border-bottom:3px double {color:Border Hover};
  512. transition:all 0.5s ease;
  513. -webkit-transition:all 0.5s ease;
  514. -moz-transition:all 0.5s ease;
  515. -o-transition:all 0.5s ease;
  516. -ms-transition:all 0.5s ease;
  517. }
  518.  
  519. #pagi {
  520. position:fixed;
  521. margin-top:8px;
  522. margin-left:680px;
  523. {block:If400px}
  524. margin-left:580px;{/block:If400px}
  525. {block:IfNotMusicPlayer}
  526. margin-left:630px;
  527. {block:If400px}
  528. margin-left:530px;
  529. {/block:If400px}
  530. {/block:IfNotMusicPlayer}
  531. }
  532.  
  533. #pagi a {
  534. transition:all 0.3s ease;
  535. -webkit-transition:all 0.3s ease;
  536. -moz-transition:all 0.3s ease;
  537. -o-transition:all 0.3s ease;
  538. -ms-transition:all 0.3s ease;
  539. }
  540.  
  541. #pagi a:hover {
  542. border-bottom:3px double {color:Border Hover};
  543. transition:all 0.3s ease;
  544. -webkit-transition:all 0.3s ease;
  545. -moz-transition:all 0.3s ease;
  546. -o-transition:all 0.3s ease;
  547. -ms-transition:all 0.3s ease;
  548. }
  549.  
  550. #perma {
  551. width:120px;
  552. float:right;
  553. margin-right:-150px;
  554. margin-top:-5px;
  555. padding:5px;
  556. text-align:left!important;
  557. {block:IndexPage}opacity:0;{/block:IndexPage}
  558. transition:all 0.8s ease-in-out;
  559. -webkit-transition:all 0.8s ease-in-out;
  560. -moz-transition:all 0.8s ease-in-out;
  561. -o-transition:all 0.8s ease-in-out;
  562. -ms-transition:all 0.8s ease-in-out;
  563. }
  564.  
  565. #post:hover #perma {
  566. opacity:1;
  567. }
  568.  
  569. #perma img {
  570. {block:IfHideIcons}display:none;{/block:IfHideIcons}
  571. float:left;
  572. width:10px;
  573. margin:3px;
  574. opacity:0.5;
  575. }
  576.  
  577. #perma a {
  578. padding:3px;
  579. line-height:18px;
  580. cursor:pointer;
  581. }
  582.  
  583. #tags {
  584. width:150px;
  585. }
  586.  
  587. #mp3 {
  588. position:fixed;
  589. bottom:34px;
  590. width:12px;
  591. height:9px;
  592. margin-left:570px;
  593. {block:If400px}margin-left:470px;{/block:If400px}
  594. padding:8px;
  595. background:{color:Sidebar};
  596. overflow:hidden;
  597. z-index:101;
  598. }
  599.  
  600. #mp3 embed {
  601. margin:-37px 0 0 20px;
  602. transition:all 0.5s linear;
  603. -webkit-transition:all 0.5s linear;
  604. -moz-transition:all 0.5s linear;
  605. -o-transition:all 0.5s linear;
  606. -ms-transition:all 0.5s linear;
  607. }
  608.  
  609. #mp3:hover img {
  610. margin-left:-40px;
  611. transition:all 0.5s linear;
  612. -webkit-transition:all 0.5s linear;
  613. -moz-transition:all 0.5s linear;
  614. -o-transition:all 0.5s linear;
  615. -ms-transition:all 0.5s linear;
  616. }
  617.  
  618. #mp3:hover embed {
  619. margin-left:-23px;
  620. opacity:1;
  621. transition:all 0.5s linear;
  622. -webkit-transition:all 0.5s linear;
  623. -moz-transition:all 0.5s linear;
  624. -o-transition:all 0.5s linear;
  625. -ms-transition:all 0.5s linear;
  626. }
  627.  
  628. #audio {
  629. width:525px;
  630. {block:If400px}width:425px;{/block:If400px}
  631. margin:0 0 10px -13px;
  632. background:{color:Border};
  633. opacity:0.8;
  634. transition:all 0.2s linear;
  635. -webkit-transition:all 0.2s linear;
  636. -moz-transition:all 0.2s linear;
  637. -o-transition:all 0.2s linear;
  638. -ms-transition:all 0.2s linear;
  639. }
  640.  
  641. #post:hover #audio {
  642. opacity:1;
  643. }
  644.  
  645. #audio b {
  646. color:{color:Border Hover};
  647. }
  648.  
  649. #player {
  650. float:right;
  651. width:28px;
  652. margin-right:-58px;
  653. margin-top:30px;
  654. overflow:hidden;
  655. z-index:999;
  656. }
  657.  
  658. #album {
  659. height:87px;
  660. margin-right:20px;
  661. }
  662.  
  663. #album img {
  664. float:right;
  665. width:75px;
  666. padding:5px;
  667. }
  668.  
  669. #artist {
  670. float:left;
  671. width:390px;
  672. {block:If400px}width:290px;{/block:If400px}
  673. height:66px;
  674. padding:10px;
  675. text-align:center;
  676. overflow:auto;
  677. }
  678.  
  679. #ask {
  680. width:520px;
  681. {block:If400px}width:420px;{/block:If400px}
  682. height:95px;
  683. margin:0 0 10px 0px;
  684. padding-left:5px;
  685. opacity:0.8;
  686. transition:all 0.5s ease;
  687. -webkit-transition:all 0.5s ease;
  688. -moz-transition:all 0.5s ease;
  689. -o-transition:all 0.5s ease;
  690. -ms-transition:all 0.5s ease;
  691. }
  692.  
  693. #ask img {
  694. float:right;
  695. width:60px;
  696. margin:3px 20px 0 0;
  697. {block:If400px}margin:6px 25px 0 0;{/block:If400px}
  698. padding:5px;
  699. border:1px solid {color:Text};
  700. transition:all 0.5s ease;
  701. -webkit-transition:all 0.5s ease;
  702. -moz-transition:all 0.5s ease;
  703. -o-transition:all 0.5s ease;
  704. -ms-transition:all 0.5s ease;
  705. z-index:2;
  706. }
  707.  
  708. #asker {
  709. float:right;
  710. width:72px;
  711. margin:74px -72px 0 0;
  712. color:{color:Background};
  713. text-align:center;
  714. font-style:normal;
  715. font-weight:bold;
  716. background:{color:Text};
  717. transition:all 0.5s ease;
  718. -webkit-transition:all 0.5s ease;
  719. -moz-transition:all 0.5s ease;
  720. -o-transition:all 0.5s ease;
  721. -ms-transition:all 0.5s ease;
  722. overflow:hidden;
  723. z-index:999;
  724. }
  725.  
  726. #asker a {
  727. color:{color:Background};
  728. font-style:normal;
  729. }
  730.  
  731. #question {
  732. float:left;
  733. width:393px;
  734. {block:If400px}width:293px;{/block:If400px}
  735. margin-top:4px;
  736. {block:If400px}margin-left:-5px;{/block:If400px}
  737. height:60px;
  738. padding:10px;
  739. background:{color:Border};
  740. overflow-y:auto;
  741. }
  742.  
  743. #post:hover #ask img {
  744. border:1px solid {color:Bold};
  745. opacity:1;
  746. }
  747.  
  748. #post:hover #asker {
  749. background:{color:Bold};
  750. opacity:1;
  751. }
  752.  
  753. .small {
  754. font-family:Calibri;
  755. font-size:8px;
  756. text-align:center;
  757. letter-spacing:1px;
  758. text-transform:uppercase;
  759. }
  760.  
  761. .like_button {
  762. display:inline-block;
  763. position:relative;
  764. cursor:pointer!important;
  765. overflow:hidden;
  766. }
  767.  
  768. .like_button iframe {
  769. position:absolute;
  770. top:0;
  771. left:0;
  772. width:100%;
  773. height:100%;
  774. line-height:18px;
  775. opacity:0;
  776. }
  777.  
  778. .like_button::before {
  779. content:'like';
  780. position:relative;
  781. top:2px;
  782. padding:3px;
  783. color:{color:Link};
  784. font-style:italic;
  785. transition:all 0.5s ease;
  786. -webkit-transition:all 0.5s ease;
  787. -moz-transition:all 0.5s ease;
  788. -o-transition:all 0.5s ease;
  789. -ms-transition:all 0.5s ease;
  790. }
  791.  
  792. .like_button:hover::before, .like_button.liked::before {
  793. color:{color:Link Hover};
  794. cursor:pointer!important;
  795. transition:all 0.5s ease;
  796. -webkit-transition:all 0.5s ease;
  797. -moz-transition:all 0.5s ease;
  798. -o-transition:all 0.5s ease;
  799. -ms-transition:all 0.5s ease;
  800. }
  801.  
  802. .shake a {
  803. display:inline-block;
  804. }
  805.  
  806. {block:IfEnableShake}
  807. .shake a {
  808. display:inline-block;
  809. }
  810.  
  811. @-webkit-keyframes spaceboots {
  812. 0% { -webkit-transform:translate(2px, 1px) rotate(0deg); }
  813. 10% { -webkit-transform:translate(-1px, -2px) rotate(-1deg); }
  814. 20% { -webkit-transform:translate(-3px, 0px) rotate(1deg); }
  815. 30% { -webkit-transform:translate(0px, 2px) rotate(0deg); }
  816. 40% { -webkit-transform:translate(1px, -1px) rotate(1deg); }
  817. 50% { -webkit-transform:translate(-1px, 2px) rotate(-1deg); }
  818. 60% { -webkit-transform:translate(-3px, 1px) rotate(0deg); }
  819. 70% { -webkit-transform:translate(2px, 1px) rotate(-1deg); }
  820. 80% { -webkit-transform:translate(-1px, -1px) rotate(1deg); }
  821. 90% { -webkit-transform:translate(2px, 2px) rotate(0deg); }
  822. 100% { -webkit-transform:translate(1px, -2px) rotate(-1deg); }
  823. }
  824. .shake a:hover, .shake a:focus {
  825. -webkit-animation-name:spaceboots;
  826. -webkit-animation-duration:0.8s;
  827. -webkit-transform-origin:50% 50%;
  828. -webkit-animation-iteration-count:infinite;
  829. -webkit-animation-timing-function:linear;
  830. }
  831. {/block:IfEnableShake}
  832.  
  833.  
  834.  
  835. {CustomCSS}
  836.  
  837. </style>
  838.  
  839. {block:IfInfiniteScroll}
  840. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  841. {/block:IfInfiniteScroll}
  842.  
  843. </head>
  844.  
  845.  
  846.  
  847. <body>
  848.  
  849. <div id="all">
  850.  
  851. <div id="side">
  852. <div id="right"></div>
  853. <div id="sidebar">
  854. <div id="sideimg">
  855. <div id="sweep">
  856. {block:IfSidebarPictureImage}
  857. <img src="{image:Sidebar Picture}">
  858. {/block:IfSidebarPictureImage}
  859. {block:IfSidebarPicture2Image}
  860. <div><img src="{image:Sidebar Picture 2}"></div>
  861. {/block:IfSidebarPicture2Image}
  862. </div>
  863. </div>
  864.  
  865. <div id="sidelinks" class="small">
  866. {block:IfLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:IfLink1}
  867. {block:IfLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:IfLink2}
  868. {block:IfLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:IfLink3}
  869. {block:IfLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:IfLink4}
  870. {block:IfLink5}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:IfLink5}
  871. {block:IfLink6}<a href="{text:Link6 URL}">{text:Link6}</a>{/block:IfLink6}
  872. {block:IfLink7}<a href="{text:Link7 URL}">{text:Link7}</a>{/block:IfLink7}
  873. {block:IfLink8}<a href="{text:Link8 URL}">{text:Link8}</a>{/block:IfLink8}
  874. {block:IfLink9}<a href="{text:Link9 URL}">{text:Link9}</a>{/block:IfLink9}
  875. {block:IfLink10}<a href="{text:Link10 URL}">{text:Link10}</a>{/block:IfLink10}
  876. </div>
  877.  
  878. {block:Description}
  879. <div id="desc"><p>{Description}</p></div>
  880. {/block:Description}
  881.  
  882. {block:IfBlogroll}
  883. <div id="bloogroll" class="small">
  884. <div style="padding-bottom:10px;">blogroll</div>
  885. {block:Following}
  886. <div id="blogroll">
  887. {block:Followed}
  888. <a target='_blank' href="{FollowedURL}" title="{FollowedName}">
  889. <img src='{FollowedPortraitURL-30}'/></a>
  890. {/block:Followed}
  891. </div>{/block:Following}</div>
  892. {/block:IfBlogroll}
  893.  
  894. <div class="shake"><h1><a href="/">{Title}</a></h1></div>
  895.  
  896.  
  897. </div>
  898. </div>
  899.  
  900.  
  901. <div id="bottom" class="bottomlines small">
  902.  
  903. {block:Pagination}
  904. {block:IfNotInfiniteScroll}
  905.  
  906. <div id="pagi" class="small shake">
  907. {block:PreviousPage}
  908. <a href="{PreviousPage}">previous</a>&nbsp;
  909. {/block:PreviousPage}
  910. {block:NextPage}
  911. <a href="{NextPage}">next</a>
  912. {/block:NextPage}
  913. </div>
  914.  
  915. {block:IfNotInfiniteScroll}
  916. {/block:Pagination}
  917.  
  918. {block:IfInfiniteScroll}
  919. <div id="pagi" class="small shake">
  920. <a href="#">back to top</a>
  921. </div>
  922. {/block:IfInfiniteScroll}
  923.  
  924. <div id="links">
  925. <a href="/">Home</a>&nbsp;
  926. <a href="/ask">Message</a>&nbsp;
  927. <a href="/archive">Archive</a>&nbsp;
  928. <a href="/random">Random</a>
  929. </div>
  930.  
  931. </div>
  932.  
  933. <div id="bottom2" class="bottomlines"></div>
  934.  
  935. {block:IfMusicPlayer}
  936. <div id="mp3">
  937. <img src="http://media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif">
  938.  
  939. <!-- REPLACE THIS WITH MUSIC PLAYER CODE -->
  940.  
  941. </div>
  942. {/block:IfMusicPlayer}
  943.  
  944.  
  945.  
  946.  
  947. <div class = "autopagerize_page_element" >
  948.  
  949. {block:Posts}
  950.  
  951.  
  952.  
  953. <div id="post">
  954.  
  955. <div id="perma" class="small">
  956.  
  957. {block:Date}
  958. <img src="http://static.tumblr.com/fsavqrf/vLAmx1906/black_quote.png">
  959. <a href="{Permalink}">({MonthNumber}.{DayOfMonth}.{ShortYear})</a>
  960. {/block:Date}
  961.  
  962. {block:NoteCount}
  963. <br><img src="http://static.tumblr.com/fsavqrf/dbSmx190m/black_pen.png"><a href="{Permalink}">{NoteCountWithLabel}</a>
  964. {/block:NoteCount}
  965.  
  966. {block:IndexPage}
  967. <br><img src="http://static.tumblr.com/fsavqrf/gnvmx1915/black_heart.png">
  968. {LikeButton color="grey" size="10"}-<a href="{ReblogURL}">reblog</a>
  969. {block:IndexPage}
  970.  
  971. {block:RebloggedFrom}
  972. <br><img src="http://static.tumblr.com/fsavqrf/SoFmx191f/black_bolt.png"><a href="{ReblogParentURL}" title="via">{ReblogParentName}</a>
  973. {block:ContentSource}
  974. <br><img src="http://static.tumblr.com/fsavqrf/3qBmx191n/black_loop.png"><a href="{ReblogRootURL}" title="orig">{ReblogRootName}</a>
  975. {/block:ContentSource}
  976. {block:NotReblog}{/block:NotReblog}
  977. {/block:RebloggedFrom}
  978.  
  979. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}"><br>
  980. <img src="http://static.tumblr.com/fsavqrf/AXcmx191z/black_hash.png">{Tag}</a>{/block:Tags}</div>
  981. {/block:HasTags}
  982.  
  983. </div>
  984.  
  985. {block:Text}
  986. {block:Title}<h4><p>{Title}</p></h4>{/block:Title}
  987. {Body}
  988. {/block:Text}
  989.  
  990. {block:Photo}
  991. {LinkOpenTag}
  992. {block:IfNot400px}
  993. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  994. {/block:IfNot400px}
  995. {block:If400px}
  996. <img src="{PhotoURL-400}" alt="{PhotoAlt}">
  997. {/block:If400px}
  998. {LinkCloseTag}
  999.  
  1000. {block:Caption}<p>{Caption}</p>{/block:Caption}
  1001. {/block:Photo}
  1002.  
  1003. {block:Photoset}
  1004. {block:IfNot400px}{Photoset-500}{/block:IfNot400px}
  1005. {block:If400px}{Photoset-400}{/block:If400px}
  1006. {block:Caption}<p>{Caption}</p>{/block:Caption}
  1007. {/block:Photoset}
  1008.  
  1009. {block:Quote}
  1010. <h4><p>"{Quote}"</p></h4>
  1011. {block:Source}<blockquote>{Source}</blockquote>{/block:Source}
  1012. {/block:Quote}
  1013.  
  1014. {block:Link}
  1015. <h4><p><a href="{URL}" target="_blank">{Name}</a></p></h4>
  1016. {block:Description}<p>{Description}</p>{/block:Description}
  1017. {/block:Link}
  1018.  
  1019. {block:Chat}
  1020. {block:Title}<h4><p>{Title}</p></h4>{/block:Title}
  1021. {block:Lines}
  1022. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br>
  1023. {/block:Lines}
  1024. {/block:Chat}
  1025.  
  1026. {block:Audio}
  1027. <div id="audio">
  1028. <div id="artist">
  1029. {block:TrackName}<b>Song:</b> {TrackName}<br />{/block:TrackName}
  1030. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1031. {block:Album}<b>Album:</b> {Album}{/block:Album}
  1032. <br /><b>Plays:</b> {FormattedPlayCount}
  1033. </div>
  1034. <div id="album">
  1035. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1036. <div id="player">{AudioPlayerWhite}</div>
  1037. </div></div>
  1038. {block:Caption}{Caption}{/block:Caption}
  1039. {/block:Audio}
  1040.  
  1041. {block:Video}
  1042. {block:IfNot400px}{Video-500}{/block:IfNot400px}
  1043. {block:If400px}{Video-400}{/block:If400px}
  1044. {block:Caption}{Caption}{/block:Caption}
  1045. {/block:Video}
  1046.  
  1047. {block:Answer}
  1048. <div id="ask">
  1049. <div id="question">{Question}</div>
  1050. <img src="{AskerPortraitURL-96}">
  1051. <div id="asker" class="small">{Asker}</div>
  1052. </div>
  1053. {Answer}
  1054. {/block:Answer}
  1055.  
  1056.  
  1057. {block:PermalinkPage}
  1058.  
  1059. {block:PostNotes}
  1060. {PostNotes}
  1061. {/block:PostNotes}
  1062.  
  1063. {/block:PermalinkPage}
  1064.  
  1065. {block:ContentSource}
  1066. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1067. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1068. {/block:SourceLogo}
  1069. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1070. {/block:ContentSource}
  1071.  
  1072. </div>
  1073.  
  1074. {/block:Posts}
  1075.  
  1076. </div>
  1077. </div>
  1078.  
  1079.  
  1080. </body>
  1081.  
  1082.  
  1083.  
  1084.  
  1085. </html>
  1086.  
  1087.  
  1088. <!--
  1089.  
  1090. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  1091. THEME BASE 01 BY SUPPISUN @ TUMBLR
  1092. Edit/tweak as much as you like but pleeeeaaaase
  1093. DO NOT remove the credits, copy and
  1094. redistribute the theme as your own.
  1095. Or else... I'll hunt you down and kick yer ass >:D
  1096.  
  1097. If music player is enabled, press
  1098. ctrl+F and type "Music Player Code" and enter.
  1099. Replace the gray text with your code.
  1100.  
  1101. -->
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!