API tools faq
paste
Advertisement
kawaiibuu

Kiska All in One

kawaiibuu
Jun 26th, 2014
1,470
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.13 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3. <!--
  4.  
  5. KISKA ALL IN ONE
  6.  
  7. - much know html to use -
  8.  
  9. THEME NAME: KISKA ALL IN ONE
  10. CREATED BY: HTTP://SOFTWARING.TUMBLR.COM
  11. DOWNLOAD AT: HTTP://JUBILEETHEMES.TUMBLR.COM
  12. ALL-IN-ONE TUTORIAL: http://tympanus.net/codrops/
  13. ICONS: http://fontawesome.io/icons/
  14.  
  15. HOW TO EDIT KISKA:
  16.  
  17. - I've tried to lay out a very clean and clear set of instructions for those with less HTML know how.
  18.  
  19. - Places where you need to edit will be tagged clearly look out for any gray text like this, it's all the themes guidelines.
  20.  
  21. - how to add links <a href=" link url "> link title </a>
  22.  
  23. - how to center text <center> text </center>
  24.  
  25. - how to bold, italic, and make text small <b> bold </b>
  26. <i>italics</i> <small> small </small>
  27.  
  28.  
  29. IF ANYTHING IS BROKEN OR
  30. NOT WORKING CORRECTLY SEND AN ASK
  31. TO - HTTP://JUBILEETHEMES.TUMBLR.COM
  32.  
  33.  
  34. -->
  35. <script src="http://tympanus.net/Blueprints/ScrollingLayout/js/modernizr.custom.js"></script>
  36. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  37. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  38. <link href='http://static.tumblr.com/mqkrxog/2Nin7sss5/allinone.css' rel='stylesheet' type='text/css'>
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  41. <script>
  42. (function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);
  43. </script>
  44. <style>
  45. #s-m-t-tooltip { margin: 20px; background: white; color: black; text-transform: uppercase; font-size: 8px; padding: 5px 15px; z-index: 9999999999999999999999; font-family: consolas;}
  46. body {
  47. /** change bg here **/
  48. background: url(http://static.tumblr.com/mqkrxog/krjn7rj3p/bg.png)top left fixed repeat;
  49. /** change text here **/
  50. font: 10px 'Roboto';
  51. letter-spacing: 1px;
  52. color: black; }
  53.  
  54. a {
  55. /** change links here **/
  56. color: black;
  57. text-decoration: none; }
  58.  
  59. a:hover {
  60. color:#e8e8e8; }
  61.  
  62. .cbp-fbscroller > nav {
  63. background: white;
  64. border-left: 1px solid #e8e8e8; }
  65.  
  66. nav .txt {
  67. font-size: 18px;
  68. font-weight: 300; }
  69.  
  70. .cbp-fbscroller > nav a {
  71. text-transform: uppercase; }
  72.  
  73. .no-touch .cbp-fbscroller > nav a:hover {
  74. font-style: italic; }
  75.  
  76. .cbp-fbscroller section {
  77. background-position: top center;
  78. background-repeat: no-repeat;
  79. background-size: cover; }
  80.  
  81. /** each section can have its own bg **/
  82. #fbsection1 {
  83. background-image: url(); }
  84.  
  85. #fbsection2 {
  86. background-image: url(); }
  87.  
  88. #fbsection3 {
  89. background-image: url(); }
  90.  
  91. #fbsection4 {
  92. background-image: url(); }
  93.  
  94. #fbsection5 {
  95. background-image: url(); }
  96.  
  97. /** actual content style **/
  98. .content {
  99. background: white;
  100. border: 1px solid #e8e8e8; }
  101.  
  102. .content h1 {
  103. text-transform: uppercase;
  104. font-weight: 300;
  105. font-size: 18px; }
  106.  
  107. .content img {
  108. border-radius: 50%; }
  109.  
  110. .content .text {
  111. height: auto;
  112. font-size: 12px;
  113. text-align: justify; }
  114.  
  115. .content li {
  116. font-size: 12px;
  117. text-align: justify;
  118. list-style: square; }
  119.  
  120. #fbsection2 .content li {
  121. font-size: 12px;
  122. background: #e8e8e8;
  123. text-align: justify;
  124. list-style: none; }
  125.  
  126. /** line after section titles **/
  127. #fbsection1 .content h1:after {
  128. background: #e8e8e8; }
  129.  
  130. #fbsection2 .content h1:after {
  131. background: #e8e8e8; }
  132.  
  133. #fbsection3 .content h1:after {
  134. background: #e8e8e8; }
  135.  
  136. #fbsection4 .content h1:after {
  137. background: #e8e8e8; }
  138.  
  139. #fbsection5 .content h1:after {
  140. background: #e8e8e8; }
  141.  
  142. /** blogroll img style **/
  143. #fbsection4 .content img {
  144. border-radius: 50%;
  145. text-align: center;
  146. border: 1px solid #e8e8e8;
  147. background: #e8e8e8; }
  148.  
  149. /** scrollbar **/
  150. ::-webkit-scrollbar{
  151. background: white;
  152. width: 10px; }
  153. ::-webkit-scrollbar-thumb {
  154. border: 3px solid white;
  155. background: #e8e8e8; }
  156.  
  157. </style>
  158. </head>
  159. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  160. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  161. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  162. <script>
  163. $(function() {
  164. $(".content").draggable();
  165. });
  166. </script>
  167. <script src="http://static.tumblr.com/747hq6z/UECmpnu4l/jquery.scrollto-1.4.3.1-min.js" type="text/javascript"></script>
  168. <script src="http://static.tumblr.com/747hq6z/58Qmpnv3a/jquery.localscroll-1.2.7-min.js" type="text/javascript"></script>
  169. <script type="text/javascript">
  170. $(document).ready(function () {
  171. $.localScroll();
  172. });
  173. </script>
  174. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  175. <body>
  176.  
  177. <div id="cbp-fbscroller" class="cbp-fbscroller">
  178. <nav>
  179. <div class="txt">
  180. <a href="#fbsection1">profile</a>
  181. <a href="#fbsection2">navigation</a>
  182. <a href="#fbsection3">contact</a>
  183. <a href="#fbsection4">blogroll</a>
  184. <a href="#fbsection5">archive</a>
  185. <a href="http://jubileethemes.tumblr.com">credit</a>
  186. </div>
  187. </nav>
  188. <section id="fbsection1">
  189. <div class="content">
  190. <h1>about</h1>
  191.  
  192. <!-- change image here -->
  193.  
  194. <center><img src="http://38.media.tumblr.com/0a049264fba0072a818f733a6c533578/tumblr_mqvlz4t5FK1qcnibxo1_500.png"></center>
  195. <div class="text">
  196.  
  197. ABOUT TEXT HERE
  198.  
  199. </div>
  200. </div>
  201. </section>
  202. <section id="fbsection2">
  203. <div class="content">
  204. <h1>links</h1>
  205. <!-- links here -->
  206. <ul>
  207. <li><a href="">01</a></li>
  208. <li><a href="">02</a></li>
  209. <li><a href="">03</a></li>
  210. <li><a href="">04</a></li>
  211. <li><a href="">05</a></li>
  212. <li><a href="">06</a></li>
  213. <li><a href="">07</a></li>
  214. <li><a href="">08</a></li>
  215. <li><a href="">09</a></li>
  216. <li><a href="">10</a></li>
  217. <li><a href="">11</a></li>
  218. <li><a href="">12</a></li>
  219. <li><a href="">13</a></li>
  220. <li><a href="">14</a></li>
  221. <li><a href="">15</a></li>
  222. <li><a href="">16</a></li>
  223. <li><a href="">17</a></li>
  224. <li><a href="">18</a></li>
  225. <li><a href="">19</a></li>
  226. <li><a href="">20</a></li>
  227. <li><a href="">21</a></li>
  228. <li><a href="">22</a></li>
  229. </ul>
  230. <br><br><br><br><br><br>
  231. <h1>tags</h1>
  232. <ul>
  233. <li><a href="">01</a></li>
  234. <li><a href="">02</a></li>
  235. <li><a href="">03</a></li>
  236. <li><a href="">04</a></li>
  237. <li><a href="">05</a></li>
  238. <li><a href="">06</a></li>
  239. <li><a href="">07</a></li>
  240. <li><a href="">08</a></li>
  241. <li><a href="">09</a></li>
  242. <li><a href="">10</a></li>
  243. <li><a href="">11</a></li>
  244. <li><a href="">12</a></li>
  245. <li><a href="">13</a></li>
  246. <li><a href="">14</a></li>
  247. <li><a href="">15</a></li>
  248. <li><a href="">16</a></li>
  249. <li><a href="">17</a></li>
  250. <li><a href="">18</a></li>
  251. <li><a href="">19</a></li>
  252. <li><a href="">20</a></li>
  253. <li><a href="">21</a></li>
  254. <li><a href="">22</a></li>
  255. </ul>
  256. </div>
  257. </section>
  258. <section id="fbsection3">
  259. <div class="content">
  260. <h1>contact</h1>
  261. <div class="text">
  262.  
  263. <!-- for your url just put ur username do not include .tumblr.com -->
  264.  
  265. Don't forget to include your url where it says USERNAME
  266. <br><br><iframe frameborder="0" scrolling="no" width="100%" height="250" src="http://www.tumblr.com/ask_form/USERNAME.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  267. </div>
  268. </div>
  269. </section>
  270. <section id="fbsection4">
  271. <div class="content">
  272. <h1>following</h1>
  273. <div class="blogroll">{block:Following}
  274. {block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-48}"></a>{/block:Followed}
  275. {/block:Following}</div>
  276. </div>
  277. </section>
  278. <section id="fbsection5">
  279. <div class="content">
  280. <h1>posts</h1>
  281. <div class="text" style="height:auto;">
  282.  
  283. <!-- for your url just put ur username do not include .tumblr.com -->
  284. Don't forget to include your url where it says USERNAME
  285. <br><br>
  286. <iframe frameborder="0" scrolling="yes" width="100%" height="450" src="http://USERNAME.tumblr.com/archive" style="background-color:transparent; overflow:hidden;"></iframe>
  287. </div> </div>
  288. </section>
  289. </div>
  290. </body>
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!