Advertisement
basilone

Theme 1

Sep 29th, 2012
1,726
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.33 KB | None | 0 0
  1. <!---
  2.  
  3. theme by mcpoyles
  4. based on spire @ lj
  5.  
  6. ---!>
  7.  
  8. <html>
  9. <head>
  10.  
  11. <!-- DEFAULT VARIABLES -->
  12. <meta name="color:background" content="#ffffff" />
  13. <meta name="color:sidebar" content="#ffffff" />
  14. <meta name="color:entry" content="#ffffff" />
  15.  
  16. <meta name="font:title" content="arial" />
  17. <meta name="font:body" content="arial" />
  18. <meta name="font:tags" content="arial" />
  19. <meta name="font:post title" content="arial" />
  20.  
  21. <meta name="color:body" content="#888888" />
  22. <meta name="color:link" content="#A0A0A0" />
  23. <meta name="color:hover" content="#666666" />
  24. <meta name="color:title" content="#666666" />
  25. <meta name="color:post title" content="#666666" />
  26.  
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:background" content=""/>
  29.  
  30. <meta name="text:Sidebar Link 1" content=""/>
  31. <meta name="text:Sidebar Link Url 1" content=""/>
  32. <meta name="text:Sidebar Link 2" content=""/>
  33. <meta name="text:Sidebar Link Url 2" content=""/>
  34. <meta name="text:Sidebar Link 3" content=""/>
  35. <meta name="text:Sidebar Link Url 3" content=""/>
  36. <meta name="text:Sidebar Link 4" content=""/>
  37. <meta name="text:Sidebar Link Url 4" content=""/>
  38.  
  39. <title>{Title}</title>
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45. </head>
  46.  
  47. <style type="text/css">
  48.  
  49. body {background-color:{color:background};font-family:{font:body};font-size:11px;}
  50.  
  51. b {color:#333333;}
  52. ol, ul { list-style: none; }
  53.  
  54. a {text-decoration: none; color:{color:link};text-decoration:none;}
  55. a:hover {color: {color:hover};text-decoration:none;}
  56.  
  57. #header{ padding:5px; }
  58. #header .bottom { padding:10px; }
  59.  
  60. #container {position:relative; left:100px; width:830px; }
  61. #content { padding:10px;margin-bottom: 55px; float:right; position:relative; left:90px; width:520px; }
  62. #sidebar { padding:10px; width:245px; float:left; background-color:{color:sidebar}; }
  63. #footer { padding:10px; }
  64.  
  65. .date { text-align:center;width:60px;color:#ffffff;position:absolute;float:left;margin-left:-80px; height:60px; }
  66. .month {font-size:30px;padding:0px;}
  67. .icon {text-align:center;width:70px;color:#ffffff;position:absolute;float:right;margin-left:530px;}
  68.  
  69. .entry { background-color:{color:entry}; padding:10px; font-family:{font:body}; border-top:1px solid #dddddd; margin:0;overflow: visible;}
  70. p {margin: 0.6em 0 0;}
  71. .post ul, .post ol {padding: 0 0 0 18px; margin: 0.5em 0;}
  72. img {margin: 0px; padding: 0px; border: 0;}
  73. blockquote {margin: 0.5em 0; padding: 0 0 0 9px; border-left: 1px solid {color:Text};}
  74. .audio blockquote, .quote blockquote {padding: 0; border: 0;}
  75. blockquote img {width: auto;}
  76.  
  77. .quote {
  78. color: #333;
  79. display: block;
  80. background: url(http://static.tumblr.com/cc4ocei/Y5Mkzk5s7/quote.png) no-repeat 0 10px;
  81. font-style: italic;
  82. padding: 16px 18px 10px 32px;}
  83.  
  84. .quote .medium {
  85. font-size: 15px;
  86. line-height: 1.4;
  87. font-family:HelveticaNeue-CondensedBold;}
  88.  
  89. .label { font-family:georgia; }
  90. .title { border-bottom:1px solid #dddddd; padding:10px; font-family:{font:post title};color:{color:title}; }
  91. .tags { padding:10px; margin-bottom:10px; }
  92. .barb { background-color:#f3f3f3; padding:5px; }
  93.  
  94. .caption {padding: 8px 0 0;} .caption p {margin: 0.4em 0 0;}
  95.  
  96. #pagination {width:250px; word-spacing:20px; text-align:center;}
  97. .answer .response {margin-top: -48px; margin-left: 58px;}
  98. p.question {margin: 0; font-size: 11px; line-height: 14px; letter-spacing: 0px; font-family: {font:Serif};}
  99.  
  100. ol {
  101. list-style-type: none;
  102. margin: 0 0 1.5em 2.5em; }
  103.  
  104. ol.notes li {
  105. width: 500px;
  106. padding: 5px 0;
  107. margin: 0 0 3px -28px;
  108. border-bottom: 1px solid #f5f5f5; }
  109.  
  110. ol.notes li:hover {
  111. border-bottom: 1px solid #f5f5f5; }
  112.  
  113. ol.notes li img {
  114. width:16px;
  115. padding-right: 10px;
  116. margin-bottom: -5px;
  117. opacity: 0.85;
  118. filter:alpha(opacity=85); }
  119.  
  120. ol.notes li img:hover {
  121. opacity: 1;
  122. filter:alpha(opacity=100); }
  123.  
  124. .chat {
  125. border-bottom:0px solid #D5D5D5;
  126. padding:2px;}
  127.  
  128. .user_1, .user_3, .user_5, .user_7,
  129. .user_7 , .user_9 .user_11 {
  130. margin-right:25px;
  131. color:#000000;}
  132.  
  133. .user_2, .user_4, .user_6, .user_8,
  134. .user_10, .user_12 {
  135. background-color:#f3f3f3;
  136. color:#000000;
  137. margin-right:25px;}
  138.  
  139. ul.chat, .chat ol, .chat li {
  140. list-style:none;
  141. margin:0px;
  142. padding:5px;}
  143.  
  144. .audio {
  145. height:60px;
  146. padding:5px;
  147. margin-bottom:5px; }
  148.  
  149. .audio-album {
  150. position:absolute;
  151. width:60px; }
  152.  
  153. .audio-player {
  154. opacity:0.6;
  155. filter:alpha(opacity=60);
  156. border:2px solid #f2f2f2;
  157. width:25px;
  158. height:25px;
  159. overflow:hidden;
  160. position:absolute;
  161. z-index:2;
  162. margin-left:15px;
  163. margin-top:15px; }
  164.  
  165. .audio-info {
  166. margin-top:-10px;
  167. position:relative;
  168. margin-left:70px;
  169. padding:5px; }
  170.  
  171. {CustomCSS}
  172. </style>
  173.  
  174.  
  175. <body>
  176.  
  177. <div id="container">
  178. <div id="header">
  179.  
  180. <div class="header bottom"> </div>
  181. </div>
  182.  
  183. <div id="sidebar">
  184. <a href="/"><img src="{image:sidebar}" width=245> </a><BR><BR>
  185. <big><big><a style="color:#000000;" href="/">{Title}</a></font></big></big>
  186. <BR> <BR>
  187.  
  188. {block:Description} <i>{Description}</i> {/block:Description}
  189. <BR> <BR>
  190.  
  191. <a href="/archive">Archive</a><BR>
  192. <a href="/ask">Message</a><BR>
  193. <a href="http://mcpoyles.tumblr.com">Theme</a><BR>
  194. <BR>
  195.  
  196. <div class="barb" style="background-color:#f3f3f3;padding:5px;text-align:center;">
  197. <a href="{text:Sidebar Link Url 1}">{text:Sidebar Link 1}</a> &nbsp;&nbsp;
  198. <a href="{text:Sidebar Link Url 2}">{text:Sidebar Link 2}</a> &nbsp;&nbsp;
  199. <a href="{text:Sidebar Link Url 3}">{text:Sidebar Link 3}</a> &nbsp;&nbsp;
  200. <a href="{text:Sidebar Link Url 4}">{text:Sidebar Link 4}</a>
  201. </div><BR>
  202.  
  203. {block:Pagination}
  204. {block:PreviousPage}<a href="{PreviousPage}">Recent Page</a><BR>{/block:PreviousPage}
  205. {block:NextPage}<a href="{NextPage}">Previous Page</a><BR>{/block:NextPage}
  206. {/block:Pagination}
  207.  
  208. </div>
  209.  
  210. <div id="content">
  211.  
  212. {block:Posts}
  213.  
  214. <div class="date">{block:Date} {block:NewDayDate}
  215. <div style="background-color:#000000;padding:5px;">
  216. <div class="month">{MonthNumberWithZero}</div>
  217. {DayOfMonthWithZero} {ShortYear}</div>{/block:NewDayDate}{block:SameDayDate} {/block:SameDayDate}
  218. </div>
  219.  
  220. <div class="icon">
  221. {block:RebloggedFrom}<a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-64}"></a>{/block:RebloggedFrom}
  222.  
  223. {block:NotReblog}<a href="/"><img src="{PortraitURL-64}"></a>{/block:NotReblog}
  224. {/block:Date}
  225. </div>
  226.  
  227. <div class="entry">
  228. {block:Text}
  229.  
  230. {block:Title}
  231. <div class="title"><a href="{Permalink}">{Title}</a></div>
  232. {/block:Title}
  233. {Body}
  234. {/block:Text}
  235.  
  236. {block:Photo}
  237.  
  238. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  239.  
  240. {block:Caption}
  241. <div class="caption">{Caption}</div>
  242. {/block:Caption}
  243.  
  244. {/block:Photo}
  245.  
  246. {block:Photoset}
  247.  
  248. {Photoset-500}
  249.  
  250. {block:Caption}
  251. <div class="caption">{Caption}</div>
  252. {/block:Caption}
  253.  
  254. {/block:Photoset}
  255.  
  256. {block:Quote}
  257.  
  258. <div class="quote"><div class="medium"><BIG>"{Quote}"</div></big></div>
  259.  
  260. {block:Source}
  261. <div style="text-align:right;padding-top:5px;padding-right:30px;">- {Source}</div>
  262. {/block:Source}
  263.  
  264. {/block:Quote}
  265.  
  266. {block:Link}
  267.  
  268. <a href="{URL}" class="link" {Target}>{Name}</a>
  269.  
  270. {block:Description}
  271. <div class="description">{Description}</div>
  272. {/block:Description}
  273.  
  274. {/block:Link}
  275.  
  276. {block:Chat}
  277. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">
  278. {block:Label}<span class="label">{Label}</span>{/block:Label}
  279. {Line}</li>{/block:Lines}</ul>
  280. {/block:Chat}
  281.  
  282. {block:Video}
  283.  
  284. {Video-500}
  285.  
  286. {block:Caption}
  287. <div class="caption">{Caption}</div>
  288. {/block:Caption}
  289.  
  290. {/block:Video}
  291.  
  292. {block:Audio}
  293. <div class="audio">
  294. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  295. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  296.  
  297. <div class="audio-info">
  298. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  299. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  300. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  301. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  302. </div></div>
  303. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  304. {/block:Audio}
  305.  
  306. {block:Answer}
  307. <img style="padding:5px;float:left;" src="{AskerPortraitURL-48}" />
  308. <div class="response">
  309. <p class="question"><div style="text-transform:lowercase;padding:5px;background-color:#f3f3f3;float:right;width:430px;"><i>{Question}</i></div></p>
  310. <div style="text-align:right;">- <b>{Asker}</b></div></div><BR>
  311. {Answer}
  312. {/block:Answer}
  313.  
  314.  
  315. <div class="tags">
  316. {block:HasTags}
  317. <p>&nbsp&nbsp &nbsp&nbsp &nbsp;&nbsp; <b>Tags:</b>
  318. {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</p> {/block:HasTags}
  319. </div>
  320.  
  321. <div class="barb" style="text-align:right;background-color:#f3f3f3;padding:5px;">
  322. {block:NoteCount}<a href="{permalink}">{NoteCountWithLabel}</a> &nbsp;&nbsp;{/block:NoteCount} <a href="{Permalink}">reblog</a> &nbsp;&nbsp; {block:ContentSource}<a href="{SourceURL}">© {SourceTitle}{/block:ContentSource}</a>
  323. </div>
  324.  
  325. {block:PostNotes}
  326. <div><BR>{PostNotes}</div>
  327. {/block:PostNotes}
  328. </div>
  329.  
  330. {/block:Posts}
  331.  
  332. <div style="border-top:1 solid #dddddd; padding:10px;">
  333. <div style="float:left;"> {CopyrightYears} <a href="http://tumblr.com">&copy; Tumblr.com</a></div>
  334. <div style="float:right;">{block:Pagination}
  335. {block:NextPage}<a href="{NextPage}">Previous</a> {/block:NextPage} {block:PreviousPage}/ <a href="{PreviousPage}">Recent</a>{/block:PreviousPage}
  336. {/block:Pagination}</div>
  337.  
  338.  
  339. </div>
  340. </div>
  341.  
  342. </body>
  343. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement