Advertisement
foundcas

Base Code 1

Jun 29th, 2014
1,942
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.36 KB | None | 0 0
  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