API tools faq
paste
Advertisement
foundcas

Base Code 1

foundcas
Jun 29th, 2014
1,943
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <!--BASE CODE by FOUNDCAS // Credit is not required, but it'd be nice if you linked the base code in your faq or on your post if you use it. Please send any questions to foundcasthemes.tumblr.com/ask , if you find any problems, just tell me so I can fix it! I am willing to help people with this since there isn't any help here, but some good resources are w3schools.com ,codeacademy.com , and tumblr.com/docs/en/custom_themes-->
  4. <meta name="color:Background" content="#fff">
  5. <meta name="color:Blockquote" content="#444">
  6. <meta name="color:Text" content="#444">
  7. <meta name="color:Link" content="#444">
  8. <meta name="color:Link Hover" content="#eee">
  9. <meta name="color:Post Info Background" content="#eee">
  10.  
  11. <meta name="image:Background" content="">
  12. <meta name="image:Sidebar" content="http://38.media.tumblr.com/d8082a66b9c3d1583e3f3fd58ba64a0c/tumblr_n6rcztWS5E1slcenxo1_400.png">
  13.  
  14. <style>
  15. .my-like {
  16. cursor:pointer;
  17. display:inline-block;
  18. vertical-align:top;
  19. }
  20. .my-liked, .my-like:hover {
  21. color: red;
  22. cursor:pointer;
  23. display:inline-block;
  24. vertical-align:top;
  25. }
  26. </style>
  27. <script>
  28. window.onload = function () {
  29. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  30. document.addEventListener( 'click', function ( event ) {
  31. var myLike = event.target;
  32. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  33. var frame = document.getElementById( 'my-like-frame' ),
  34. liked = ( myLike.className == 'my-liked' ),
  35. command = liked ? 'unlike' : 'like',
  36. reblog = myLike.getAttribute( 'data-reblog' ),
  37. id = myLike.getAttribute( 'data-id' ),
  38. oauth = reblog.slice( -8 );
  39. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  40. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  41. };
  42. }, false );
  43. };
  44. </script>
  45.  
  46. <style type="text/css">
  47. a{
  48. color:{color:Link};
  49. }
  50.  
  51. a:hover{
  52. color:{color:Link Hover};
  53. }
  54. blockquote{
  55. border-left:1px solid {color:Blockquote};
  56. padding:3px;
  57. }
  58. pre, code {
  59. padding:10px;
  60. box-sizing:border-box;
  61. -moz-box-sizing:border-box;
  62. webkit-box-sizing:border-box;
  63. display:block;
  64. white-space: pre-wrap;
  65. white-space: -moz-pre-wrap;
  66. white-space: -pre-wrap;
  67. white-space: -o-pre-wrap;
  68. word-wrap: break-word;
  69. width:100%; overflow-x:auto;
  70. }
  71. body{
  72. background:{color:Background};
  73. background-image:url('{image:Background}');
  74. font-size:11px;
  75. font-family:trebuchet ms;
  76. color:{color:Text};
  77. word-wrap:break-word;
  78. }
  79. /*SIDEBAR*/
  80. #sidebar{
  81. position:fixed;
  82. margin-top:200px;
  83. margin-left:150px;
  84. width:200px;
  85. }
  86. #sidebarimage img{
  87. width:200px;
  88. }
  89. #title{
  90. text-align:center;
  91. font-size:14px;
  92. padding:5px;
  93. }
  94. #description{
  95. text-align:justify;
  96. }
  97. #links{
  98. text-align:center;
  99. }
  100. /*Pagiination*/
  101. #pagination{
  102. text-align:center;
  103. }
  104. /*POST CONTAINER*/
  105. #entries{
  106. margin-left:400px;
  107. margin-top:30px;
  108. margin-bottom:30px;
  109. }
  110. /*Posts*/
  111. #posts{
  112. width:500px;
  113. padding:20px;
  114. }
  115. /*Chat*/
  116. .chat li{
  117. list-style-type:none;
  118. margin-left:-40px;
  119. }
  120. /*POST INFO*/
  121. #postinfo{
  122. background:{color:Post Info Background};
  123. padding:10px;
  124. }
  125. #tags a{
  126. padding:3px;
  127. }
  128. .likereblog{
  129. float:right;
  130. }
  131. .likereblog a{
  132. text-decoration:none;
  133. }
  134. /*CREDIT*/
  135. #credit{
  136. position:fixed;
  137. text-transform:uppercase;
  138. font-size:9px;
  139. color:#000;
  140. background:#eee;
  141. padding:5px;
  142. right:30px;
  143. bottom:30px;
  144. }
  145. {CustomCSS}
  146.  
  147. </style>
  148.  
  149. </head>
  150. <body>
  151. <div id="sidebar">
  152. <div id="title">{Title}</div>
  153. <div id="sidebarimage"><img src="{image:Sidebar}"></div>
  154. <div id="description">{Description}</div>
  155. <div id="links">
  156. <a href="/">home</a>
  157. <a href="/ask">ask</a>
  158. <a href="/submit">submit</a>
  159. <a href="/archive">archive</a>
  160. </div>
  161. {block:Pagination}
  162. <div id="pagination">
  163. {block:PreviousPage}
  164. <a href="{PreviousPage}">prev</a>
  165. {/block:PreviousPage}
  166. {block:NextPage}
  167. <a href="{NextPage}">next</a>
  168. {/block:NextPage}
  169. </div>
  170. {/block:Pagination}
  171. </div>
  172.  
  173. <div id="entries">
  174. {block:Posts}
  175. <div id="posts">
  176.  
  177. {block:Text}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}{Body}{/block:Text}
  178.  
  179. {block:Quote}"{Quote}" {block:Source}- {Source}{/block:Source}{/block:Quote}
  180.  
  181. {block:Link}<a href="{URL}">{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  182.  
  183. {block:Chat}{block:Title}{Title}{/block:Title}
  184. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  185. {block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  186. {/block:Lines}</ul>{/block:Chat}
  187.  
  188. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  189.  
  190. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  191.  
  192. {block:Video}{block:PostTitle}{PostTitle}{/block:PostTitle}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  193.  
  194. {block:Audio}
  195. <img src="{AlbumArtURL}" style="width:100px;height:100px">
  196. <div id="audio">{AudioPlayerBlack}</div>
  197. {block:TrackName}{TrackName}{/block:TrackName}<br>
  198. {block:Artist}{Artist}{/block:Artist}<br>
  199. {block:PlayCount}{FormattedPlayCount}{/block:PlayCount}<br>
  200. {block:Caption}{Caption}{/block:Caption}
  201. {/block:Audio}
  202.  
  203. {block:Answer}
  204. <div id="question">{Asker} asked: {Question}</div>
  205. <div id="answer">{Answer}</div>
  206. {/block:Answer}
  207.  
  208. <div id="postinfo">
  209. {block:Date}<a href="{Permalink}">{Month} {DayofMonthWithZero}{DayofMonthSuffix} {Year}</a>{/block:Date}
  210. {block:NoteCount}{FormattedNoteCount}{/block:NoteCount}
  211. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  212. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  213. <span class="likereblog"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</div> / <a href="{ReblogURL}">reblog</a></span>
  214.  
  215. {block:HasTags}
  216. <div id="tags">tags &rarr;{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  217. {/block:HasTags}
  218. </div>
  219.  
  220. </div>
  221. {block:PostNotes}<div id="notes">{PostNotes}</div>{block:PostNotes}
  222. {/block:Posts}
  223. </div>
  224.  
  225. <div id="credit"><a href="foundcasthemes.tumblr.com">base credit</a></div>
  226.  
  227. </body>
  228. </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!