API tools faq
paste
Advertisement
sarahcaths

theme 6: base code #1

sarahcaths
Sep 29th, 2012
12,333
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12. <head>
  13.  
  14. <!----
  15.  
  16. © SARAHCATHS.TUMBLR.COM | "BASE CODE" #1
  17.  
  18. + This is a base code, so use it to build your own theme!
  19. + No need to credit me, though I won't object if you do :)
  20. + Follow me for more free themes and resources!
  21. + If you have any questions or concerns, just contact me!
  22. + Thanks for using my first base code! :) Hope you enjoy it!
  23.  
  24. ---->
  25.  
  26. <!-- VARIABLES -->
  27.  
  28. <meta name="image:Background" content=""/>
  29. <meta name="image:Sidebar Image" content="" />
  30.  
  31. <meta name="color:Background" content="#fdf3ee" />
  32. <meta name="color:Text" content="#beb3a4" />
  33. <meta name="color:Bold" content="#809729" />
  34. <meta name="color:Italic" content="#809729" />
  35. <meta name="color:Link" content="#a09280" />
  36. <meta name="color:Content BG" content="#ffffff" />
  37. <meta name="color:Content Border" content="#ebebeb" />
  38. <meta name="color:Info BG" content="#f8f1e8" />
  39. <meta name="color:Info Border" content="#ebddcb" />
  40.  
  41. <meta name="text:Text Size" content="10px" />
  42.  
  43. <style type="text/css">
  44.  
  45. /* MAIN */
  46.  
  47. body {
  48. background-color:{color:Background};
  49. background-image: url('{image:Background}');
  50. color:{color:Text};
  51. font-family: calibri;
  52. font-size: {text:Text Size};
  53. margin: 0px;
  54. padding: 0px;}
  55.  
  56. a:link, a:active {
  57. text-decoration:none;
  58. color: {color:Link}; }
  59.  
  60. a:visited {
  61. text-decoration:none;
  62. color: {color:Link}; }
  63.  
  64. a:hover {
  65. text-decoration:none;
  66. color: {color:Bold};
  67. font-style:italic;}
  68.  
  69. b, strong, .strong {color:{color:Bold};}
  70.  
  71. blockquote {
  72. border-left:2px solid {color:Text};
  73. padding-left:6px; }
  74.  
  75. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  76.  
  77. i, em, .em {color:{color:Italic};}
  78.  
  79. /* CONTENT */
  80.  
  81. .contentwhole {
  82. width:520px;
  83. margin-left:500px;
  84. height:100%;}
  85.  
  86. .content {
  87. width: 500px;
  88. height: auto;
  89. padding:10px;
  90. margin-top:20px;
  91. background-color: {color:Content BG};
  92. border:1px solid {color:Content Border};}
  93.  
  94. .info {
  95. height:15px;
  96. float:center;
  97. padding-top:4px;
  98. margin-top:10px;
  99. opacity:0.8;
  100. text-align:center;
  101. font-size:7px;
  102. font-family:arial;
  103. letter-spacing:1px;
  104. background-color: {color:Info BG};
  105. background-image:url('{image:Info BG}');
  106. color:{color:Link};
  107. border-top: 1px solid {color:Info Border};
  108. border-bottom: 1px solid {color:Info Border};
  109. width: 500px;
  110. text-transform:uppercase;
  111. transition-duration: 0.6s;
  112. -moz-transition-duration: 0.6s;
  113. -webkit-transition-duration: 0.6s;
  114. -o-transition-duration: 0.6s; }
  115.  
  116. .info a {
  117. font-size:7px; }
  118.  
  119. .info:hover {
  120. opacity:1.0;
  121. transition-duration: 0.6s;
  122. -moz-transition-duration: 0.6s;
  123. -webkit-transition-duration: 0.6s;
  124. -o-transition-duration: 0.6s; }
  125.  
  126. #pagination {
  127. font-size:20px;
  128. margin:20px;
  129. text-align:center;}
  130.  
  131. /* SIDEBAR */
  132.  
  133.  
  134. #sidebar {
  135. width:420px;
  136. position:fixed;
  137. top:80px;
  138. text-align:left;
  139. background-color:transparent;
  140. padding: 2px 0px 2px 0px;
  141. left:50px;
  142. height:auto;}
  143.  
  144. #sidebarimg {
  145. background-image:url('{image:Sidebar Image}');
  146. background-repeat:no-repeat;
  147. width:400px;
  148. height:270px;
  149. margin-bottom:10px;
  150. opacity:1.0;
  151. overflow:auto;
  152. border:10px solid {color:Content BG};}
  153.  
  154.  
  155. </style>
  156.  
  157. <div id="sidebar">
  158. <div align="center">
  159. <div id="pagination">
  160. {Title}
  161. </div> <!-- END PAGINATION TITLE -->
  162. <div id="sidebarimg"></div>
  163. <div class="portrait"><img src="{PortraitURL-64}" style="float:left;margin:10px;" /></div> {Description}
  164. <p>
  165. <div id="pagination">
  166. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  167. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  168. </div> <!-- END PAGINATION -->
  169. </div> <!-- END SIDE INFO -->
  170. </div> <!-- END SIDE IMG -->
  171. </div> <!-- END DIV LEFT -->
  172. </div> <!-- END SIDEBAR -->
  173. </div> <!-- IDK WHAT THIS IS -->
  174.  
  175.  
  176.  
  177. <div class="contentwhole">
  178. {block:Posts}
  179.  
  180. <div class="content">
  181. {block:Text}
  182. {block:Title}
  183. <a href="{Permalink}" class="ttitle">{Title}</a>
  184. {/block:Title}
  185. {Body}
  186. {/block:Text}
  187.  
  188. {block:Photo}
  189. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  190. {block:Caption}{Caption}{/block:Caption}
  191. {/block:Photo}
  192.  
  193. {block:Photoset}
  194. {Photoset-500}
  195. {block:Caption}{Caption}{/block:Caption}
  196. {/block:Photoset}
  197.  
  198. {block:Quote}
  199. {Quote}<p>
  200. {block:Source}- {Source}{/block:Source}
  201. {/block:Quote}
  202.  
  203. {block:Link}
  204. <a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a>
  205. {block:Description} {Description} {/block:Description}
  206. {/block:Link}
  207.  
  208. {block:Chat}
  209. {block:Title} {Title} {/block:Title}
  210. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  211.  
  212. {/block:Lines}
  213. {/block:Chat}
  214.  
  215.  
  216. {block:Audio}
  217. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  218. <p>
  219. {block:AlbumArt}
  220. <img src="{AlbumArtURL}" width="100px" />
  221. {/block:AlbumArt}
  222. <p>
  223. {block:Caption}
  224. {Caption}
  225. {/block:Caption}
  226. {/block:Audio}
  227.  
  228.  
  229. {block:Video}
  230. {Video-500}
  231. {block:Caption}{Caption}{/block:Caption}
  232. {/block:Video}
  233.  
  234. {block:Answer}
  235. {Asker} asked: {Question}<p>
  236. {Answer}
  237. {/block:Answer}
  238.  
  239.  
  240. {block:PermalinkPage}
  241. {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}<p>
  242. {block:PostNotes}
  243. {PostNotes}
  244. {/block:PostNotes}
  245. {/block:PermalinkPage}
  246.  
  247. <div class="info">
  248. {block:Date}posted {TimeAgo}{/block:Date}
  249. {block:NoteCount}<a href="{Permalink}">with {NoteCountWithLabel}</a>{/block:NoteCount}</a>
  250. </div> <!--END INFO -->
  251.  
  252. </div> <!-- END CONTENT -->
  253.  
  254. {/block:Posts}
  255. </div> <!-- END CONTENT WHOLE -->
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!