SHARE
TWEET

base code

r87o3guyef Oct 30th, 2014 15,010 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6.  
  7. for help visit:
  8. tumblr.com/docs/en/custom_themes
  9. tumblr.com/docs/en/localizing_themes
  10. w3schools.com
  11. (please dont send me customization asks)
  12.  
  13. credit if used is not compulsory but it's nice if you mention where you got this
  14.  
  15. ----->
  16.  
  17. <meta charset="utf-8">
  18. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.    
  23. <title>{Title}</title>
  24.        
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  28.  
  29. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  30.        
  31. <style type="text/css">
  32.  
  33.  
  34. /*
  35. general text styles, fonts and colours
  36. */
  37.  
  38. body {
  39. margin:0px;
  40. background:#fff;
  41. font-family: arial, helvetica, sans-serif;
  42. font-size:12px;
  43. line-height:140%;
  44. color: #000;
  45. }
  46.  
  47. p{
  48. margin:0 0 10px 0;
  49. padding:0;
  50. }
  51.  
  52. pre {
  53. white-space: pre-wrap;
  54. white-space: -moz-pre-wrap;
  55. white-space: -pre-wrap;
  56. white-space: -o-pre-wrap;
  57. word-wrap: break-word;
  58. }
  59.  
  60. a{
  61. color:#999;
  62. }
  63.  
  64. a:hover{
  65. color:#ccc;
  66. }
  67.  
  68. li{
  69. margin-left:-15px;
  70. }
  71.  
  72. /*
  73. containers etc
  74. */
  75. #wrapper{
  76. width:600px;
  77. margin:50px auto;
  78. }
  79.  
  80. #sidebar{
  81. width:110px;
  82. position:fixed;
  83. }
  84.  
  85. #content{
  86. width:400px;
  87. margin-left:200px;
  88. overflow:hidden;
  89. }
  90.  
  91. .post{
  92. width:400px;
  93. margin:0 0 50px 0;
  94. overflow:hidden;
  95. }
  96.  
  97. #sidebar img, .post img{
  98. max-width:100%;
  99. }
  100.  
  101. #nav{
  102. margin:50px 0 0 0;
  103. }
  104.  
  105.  
  106. /*
  107. content in the body of the posts - quotes, asks, etc
  108. "media" contains photos, photosets, videos, audio posts
  109. */
  110. .media{
  111. margin:0 0 10px 0;
  112. }
  113.  
  114. .title{
  115. font-weight:normal;
  116. font-size:18px;
  117. margin:0 0 10px 0;
  118. }
  119.  
  120. .quote{
  121. font-weight:normal;
  122. font-size:16px;
  123. font-style:italic;
  124. margin:0 0 10px 0;
  125. }
  126.  
  127. .question{
  128. margin-bottom:10px;
  129. }
  130.  
  131. blockquote{
  132. margin:0 0 10px 10px;
  133. padding:0 0 0 10px;
  134. border-left:solid 1px #000;
  135. }
  136.  
  137. /*
  138. post footers - date, tags, via and source
  139. */
  140. .post .footer{
  141. margin:0;
  142. text-align:left;
  143. }
  144.  
  145. /*
  146. post notes
  147. */
  148. ol.notes{
  149. list-style-type:none;
  150. padding:0;
  151. margin:0;
  152. }
  153.  
  154. ol.notes li.note img{
  155. width:16px;
  156. height:16px;
  157. }
  158.  
  159. ol.notes li.note{
  160. margin:0px;
  161. }
  162.  
  163. {CustomCSS}
  164. </style>
  165. </head>
  166.  
  167. <body>
  168. <div id="wrapper">
  169.  
  170.  
  171. <div id="sidebar">
  172. <img src="{PortraitURL-128}">
  173. {block:Description}
  174. <p>{Description}</p>
  175. {/block:Description}
  176.  
  177. <a href="/">{lang:Home}</a><br>
  178. <a href="/archive">{lang:Archive}</a><br>
  179. {block:AskEnabled}
  180. <a href="/ask">{AskLabel}</a><br>
  181. {/block:AskEnabled}
  182. {block:SubmissionsEnabled}
  183. <a href="/ask">{SubmitLabel}</a><br>
  184. {/block:SubmissionsEnabled}
  185. {block:HasPages}
  186. {block:Pages}
  187. <a href="{URL}">{Label}</a><br>
  188. {/block:Pages}
  189. {/block:HasPages}
  190. </div>
  191.  
  192.  
  193.  
  194. <div id="content">
  195. {block:Posts}
  196.  
  197. <div class="post">
  198.  
  199. {block:Text}
  200. {block:Title}
  201. <div class="title">{Title}</div>
  202. {/block:Title}
  203. {Body}
  204. {/block:Text}
  205.  
  206. {block:Photo}
  207. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  208. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  209. {/block:Photo}
  210.  
  211. {block:Photoset}
  212. <div class="media">{Photoset-400}</div>
  213. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  214. {/block:Photoset}
  215.  
  216. {block:Quote}
  217. <div class="quote">"{Quote}"</div>
  218. {block:Source}
  219. <div class="quotesource">{Source}</div>
  220. {/block:Source}
  221. {/block:Quote}
  222.  
  223. {block:Link}
  224. <div class="title"><a href="{URL}">{Name}</a></div>
  225. {block:Description}
  226. <div class="description">{Description}</div>
  227. {/block:Description}
  228. {/block:Link}
  229.  
  230. {block:Chat}
  231. {block:Title}
  232. <div class="title">{Title}</div>
  233. {/block:Title}
  234.  
  235. {block:Lines}
  236. <div class="{Alt} user_{UserNumber}">
  237. {block:Label}
  238. <b>{Label}</b>{/block:Label}
  239. &nbsp;{Line}
  240. </div>
  241. {/block:Lines}
  242. {/block:Chat}
  243.  
  244. {block:Video}
  245. <div class="media">{Video-400}</div>
  246. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  247. {/block:Video}
  248.  
  249. {block:Audio}
  250. <div class="media">
  251. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  252. {AudioPlayerWhite}
  253. {block:TrackName}{TrackName}<br>{/block:TrackName}
  254. {block:Artist}{Artist}<br>{/block:Artist}
  255. {block:Album}{Album}{/block:Album}
  256. </div>
  257. {block:Caption}{Caption}{/block:Caption}
  258. {/block:Audio}
  259.                
  260. {block:Answer}
  261. <div class="question">{Asker}: {Question}</div>
  262. <div class="caption">{Answer}</div>
  263. {/block:Answer}
  264.  
  265.  
  266. {block:Date}
  267. <div class="footer">
  268. <a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
  269. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  270. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}
  271. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}
  272. </div>
  273.  
  274. {block:PermalinkPage}
  275. {block:NoteCount}
  276. {block:PostNotes}{PostNotes}{/block:PostNotes}
  277. {/block:NoteCount}
  278. {/block:PermalinkPage}
  279. {/block:Date}
  280.  
  281. </div>
  282. {/block:Posts}
  283.  
  284. {block:Pagination}
  285. <div id="nav">
  286. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  287.  
  288. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  289. </div>
  290. {/block:Pagination}
  291. </div>
  292. </div>
  293.  
  294. </div>
  295.  
  296.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  297.         <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  298.  
  299.     </body>
  300. </html>
RAW Paste Data
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
 
Top