Advertisement
nazrins

BASE CODE (12)

Apr 12th, 2013
2,635
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.70 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- BASE CODE BY MATTSMIT (HTTP://MATTSMIT.TUMBLR.COM) -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <meta name="color:link" content="#E6E4E4">
  11. <meta name="color:linkshover" content="#2e2e2e">
  12. <meta name="color:hover" content="#454545">
  13. <meta name="color:infobg" content="#FCFCFC">
  14. <meta name="color:text" content="#9A9A9A">
  15. <meta name="color:tags" content="#EDEDED">
  16. <meta name="color:scrollbar" content="#D6D5D5">
  17. <meta name="color:border" content="#FAFAFA">
  18. <meta name="color:postborder" content="#E6E6E6">
  19.    
  20. <meta name="image:sidebar" content=""/>
  21.  
  22. <meta name="text:linkA" content="">
  23. <meta name="text:linkA url" content="/">
  24. <meta name="text:linkB" content="">
  25. <meta name="text:linkB url" content="/">
  26. <meta name="text:linkC" content="">
  27. <meta name="text:linkC url" content="/">
  28. <meta name="text:linkD" content="">
  29. <meta name="text:linkD url" content="/">
  30. <meta name="text:linkE" content="">
  31. <meta name="text:linkE url" content="/">
  32.  
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  34. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35. <link rel="shortcut icon" href="{Favicon}" />
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  37.  
  38. <style type="text/css">
  39.  
  40.  
  41. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}
  42.    
  43. a:hover {color:{color:hover};text-decoration:none;-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}
  44.    
  45. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  46. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  47. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  48.  
  49. body {background-color:{color:bg};font-family:Calibri;font-weight:normal;}
  50.  
  51. h1 {font-weight:normal;font-size:12px;text-align:center;font-style:normal;line-height:80%;letter-spacing:3px;text-transform:uppercase;color:{color:text};}
  52.  
  53. h2 {font-size:14px;font-style:bold;text-align:center;line-height:100%;letter-spacing:2px;color:{color:text};font-weight:normal;padding:5px;padding-bottom:2px;}
  54.  
  55.  
  56. blockquote {border-left:2px solid #e6e6e6;padding-left:5px;margin:5px;}
  57.    
  58. #theme {background-color:#fff;width:700px;margin: 0 auto -12px auto;text-align: center;}
  59.    
  60. #sidebar {color:{color:text};position:fixed;width:150px;height:auto;margin-top:180px;text-align:left;}
  61.    
  62. #sidebar img {width:120px;height:120px;margin-bottom:8px;margin-left:5px;}
  63.  
  64. .links {margin-top:-5px;margin-left:1px;font-size:8px;width:125px;text-transform:uppercase;text-align:center;letter-spacing:2px;line-height:170%;margin-bottom:14px;}
  65.    
  66. .links a{padding:3px;color:{color:link};letter-spacing:0px;text-decoration:none;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;}
  67.    
  68. .links a:hover{color:{color:linkshover};-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;}
  69.    
  70. .description {margin-top:-14px;margin-left:5px;width:120px;text-align:justify;font-size:9px;color:{color:text};letter-spacing:1px;line-height:150%;}
  71.    
  72. .description a {color:{color:link};}
  73.  
  74. #pagination {margin-top:-192px;margin-left:0px;font-size:12px;text-transform:uppercase;letter-spacing:3px;font-style:normal;text-align:right;width:130px;}
  75.    
  76. #pagination a {color:{color:link};}
  77.    
  78. #pagination a:hover{color:{color:linkshover};-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;}
  79.    
  80. #stuffcontainer {float:left;margin-left:220px;margin-top:30px;text-align:justify;background-color:#fff;color:{color:text};margin-bottom:35px;}
  81.  
  82. #stuff {width:500px;margin-top:75px;text-align:justify;font-size:11px;line-height:90%;letter-spacing:0x;color:{color:text};padding-bottom:5px;padding-top:5px;}
  83.  
  84. .caption {width:500px;text-align:center;line-height:120%;}
  85.    
  86. .ask {padding:5px;font-style:normal;margin-top:-5px;text-align:;left;margin-bottom:10px;color:{color:text};background-color:{color:infobg};border-bottom:1px solid {color:border};border-right:1px solid {color:border};}
  87.    
  88. .ask img {width:24px;margin-top:0px;padding:5px;background-color:white;border:1px solid {color:border};}
  89.    
  90. .answer {text-align:left;padding:0px;color:{color:text};}
  91.  
  92. .audio {width:500px;padding-bottom:5px;background-color:{color:infobg};}
  93.    
  94. .albumart {float:left;padding:0px 10px 10px 0px;}
  95.    
  96. .albumart img {width:40px;height:40px;}
  97.    
  98. .playercontainer {text-align:left;padding:10px;background-color:transparent;width:480px;}
  99.    
  100. .audioinfo {padding:10px;color:{color:text};}
  101.  
  102. #postinfo {width:490px;padding:3px;font-size:8px;color:{color:link};text-transform:uppercase;font-style:normal;letter-spacing:2px;text-align:right;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  103.  
  104. #postinfo a {color:{color:link};text-align:center;letter-spacing:1px;font-style:normal;}
  105.    
  106. #postinfo a:hover color:{color:linkshover};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  107.    
  108. .note {text-transform:uppercase;font-style:normal;letter-spacing:0px;font-size: 9px;text-align:left;line-height:90%;margin-left:-40px;}
  109.    
  110. .note li {list-style-type:none;border-bottom:1px solid {color:border};padding:10px 25px 10px 25px;text-align:left;margin:0px;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  111.        
  112. .tags {font-style:normal;width:490px;text-transform:uppercase;font-style:normal;color:{color:tags};letter-spacing:2px;line-height:120%;font-size:8px;text-align:left;padding:2px;text-align:right;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  113.    
  114. .tags a {color:{color:tags};letter-spacing:1px;padding:1px;}
  115.    
  116. .tags a:hover {color:{color:linkshover};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  117.    
  118. ul.chat, .chat ol, .chat li {list-style:none;margin:0px;padding:2px;}
  119.    
  120. .label {text-decoration:underline;font-weight:700;background-color:{color:infobg};margin-right:5px;}
  121.    
  122. #cred {position:fixed;font-size:8px;font-weight:normal;line-height:150%;letter-spacing:2px;right:10px;bottom:10px;text-transform:uppercase;text-align:center;padding:3px;}
  123.    
  124. #cred a {padding:3px;color:{color:link};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  125.    
  126. #cred a:hover {color:{color:linkshover};;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  127.  
  128. {CustomCSS}</style></head><body>
  129.  
  130. <div id="theme">
  131. <div id="sidebar">
  132. <img src="{image:sidebar}">
  133. <div class="links">
  134. {block:IfLinkA}<a href="{text:linkA url}">{text:linkA}</a>{/block:IfLinkA}
  135. {block:IfLinkB}<a href="{text:linkB url}">{text:linkB}</a>{/block:IfLinkB}
  136. {block:IfLinkC}<a href="{text:linkC url}">{text:linkC}</a>{/block:IfLinkC}
  137. {block:IfLinkD}<a href="{text:linkD url}">{text:linkD}</a>{/block:IfLinkD}
  138. {block:IfLinkE}<a href="{text:linkE url}">{text:linkE}</a>{/block:IfLinkE}
  139. </div>
  140. <div class="description">{Description}</div>
  141. {block:Pagination}<div id="pagination">
  142. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  143. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  144. </div>{/block:Pagination}
  145.    
  146. </div>
  147.  
  148. <div id="stuffcontainer">
  149.  
  150. {block:Posts}
  151.  
  152. <div id="stuff">
  153.  
  154. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  155.  
  156. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  157.  
  158. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  159. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  160.  
  161. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  162.  
  163. {block:Photoset}<center>{Photoset-500}</center>
  164. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  165.  
  166. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  167.  
  168. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  169.  
  170. {block:Answer}<div class="ask"><img src="{AskerPortraitURL-24}" width="24"><i>{Asker}</i> said: <b>{Question}</b></div><div class="answer">{Answer}</div>{/block:answer}
  171.  
  172. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  173. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  174. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  175. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  176. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  177.  
  178.  
  179. {block:Date}<div id="postinfo"> <a title="{Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes} {CapitalAMPM}" href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  180. {block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}</div>{/block:Date}
  181. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}"> {Tag} </a>{/block:Tags}</div>{/block:HasTags}
  182. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>
  183.  
  184. {/block:Posts}
  185.  
  186. </div>
  187.  
  188. <div id="cred">
  189. <a href="http://mattsmit.tumblr.com">base code</a></div>
  190.  
  191. </div>
  192. </div>
  193. </div>
  194. </body>
  195. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement