API tools faq
paste
basilones

Theme 28

basilones
Oct 3rd, 2012
4,440
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.79 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. theme 28 by mcpoyles
  4.  
  5. --->
  6.  
  7. <html>
  8. <head>
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="text:font family" content="'Oranienbaum'" />
  12. <meta name="text:font size" content="12px" />
  13.  
  14. <meta name="color:bg left" content="#fafafa" />
  15. <meta name="color:bg middle" content="#ffffff" />
  16. <meta name="color:bg right" content="#ffffff" />
  17. <meta name="color:entry" content="#ffffff" />
  18. <meta name="color:side" content="#fafafa" />
  19. <meta name="color:notez" content="#000000" />
  20. <meta name="color:notez hover" content="#4CF8B5" />
  21. <meta name="color:caption" content="#f7f7f7" />
  22. <meta name="color:quote" content="#f7f7f7" />
  23. <meta name="color:quote words" content="#ffffff" />
  24. <meta name="color:tags" content="#fafafa" />
  25. <meta name="color:body" content="#747474" />
  26. <meta name="color:title" content="#000000" />
  27. <meta name="color:title hover" content="#cccccc" />
  28. <meta name="color:links" content="#746d6d" />
  29. <meta name="color:hover" content="#000000" />
  30. <meta name="color:sidelinks" content="#000000" />
  31. <meta name="color:sidelinks hover" content="#1A1A1A" />
  32.  
  33. <meta name="image:sidebar" content=""/>
  34.  
  35. <meta name="text:Link1" content=""/>
  36. <meta name="text:Link1 URL" content=""/>
  37. <meta name="text:Link2" content=""/>
  38. <meta name="text:Link2 URL" content=""/>
  39. <meta name="text:Link3" content=""/>
  40. <meta name="text:Link3 URL" content=""/>
  41. <meta name="text:Link4" content=""/>
  42. <meta name="text:Link4 URL" content=""/>
  43.  
  44. <title>{Title}</title>
  45. <link rel="shortcut icon" href="{Favicon}">
  46. <link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
  47. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic' rel='stylesheet' type='text/css'>
  48. {block:Description}
  49. <meta name="description" content="{MetaDescription}" />
  50. {/block:Description}
  51. </head>
  52.  
  53. <style type="text/css">
  54. body { text-align:left; margin:0; line-height:20px; color:{color:body}; background-color:{color:bg right}; font-family: {text:font family}; font-size: {text:font size}; }
  55.  
  56. b, em, bold { font-size:10px; font-weight:bold; color:#666666;}
  57.  
  58. a { text-decoration: none; color:{color:links}; text-decoration:none; -moz-transition:0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition:0.3s ease-in; transition:0.3s ease-in; }
  59. a:hover { color: {color:hover}; text-decoration:none;}
  60.  
  61. #wrap { min-height: 100%; }
  62. #main { margin-top:50px; padding:10px; }
  63. #container{ width:770px; left:400px; position:relative;}
  64. #entry { float:left; margin-left:5px;}
  65. #sidebar { z-index:2; padding:5px; left:40px;width:250px; float:right; position:fixed; background-color:{color:side}; }
  66.  
  67. .post { background-color:{color:entry}; margin-bottom:80px; width:500px;}
  68. #side { background-color:{color:bg middle}; height:100%; position:fixed; top:0; width:980px; }
  69. #side2 { background-color:{color:bg left}; z-index:1; width:340px; left:0; position:fixed; height:100%; top:0; }
  70.  
  71. .description { color:{color:body}; text-align:justify; }
  72. .side-title, .side-title a { font-size:19px; padding-top:5px; padding-bottom:5px; font-family:'Old Standard TT'; font-style:italic; color:{color:title}; }
  73. .sidelinks { margin-bottom:5px; margin-top:5px; letter-spacing:1px; text-transform:uppercase;}
  74. .sidelinks a { font-size:9px; padding:5px 10px 5px 10px;color:#ffffff; background-color:{color:sidelinks}; }
  75. .sidelinks a:hover { font-size:9px;padding:5px 10px 5px 10px; color:#ffffff; background-color:{color:sidelinks hover}; }
  76.  
  77. .title, .title a { font-family:'Old Standard TT';padding:5px; font-size:20px; color:{color:title}; }
  78. .title a:hover { color:{color:title hover}; }
  79.  
  80. ol { list-style-type: none; }
  81. ol.notes li { padding:10px; width:400px; border-bottom: 1px solid #f2f2f2; }
  82. ol.notes li:hover { border-bottom: 1px solid #f2f2f2; }
  83. ol.notes li img { width:16px; padding-right: 10px; margin-bottom: -5px; opacity: 0.85; filter:alpha(opacity=85); }
  84. ol.notes li img:hover { opacity: 1; filter:alpha(opacity=100); }
  85.  
  86. .user_1, .user_3, .user_5, .user_7, .user_7, .user_9, .user_11 {
  87. background-color:#fafafa; margin-right:25px; color:#666666; }
  88. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12 { background-color:; color:#666666; margin-right:25px;}
  89. ul.chat, .chat ol, .chat li { list-style:none; margin:0px; padding:5px;}
  90.  
  91. .quote { background:{color:quote}; padding:10px; color:{color:quote words}; line-height:30px; font-family:courier; font-size:20px; font-family:courier; }
  92.  
  93. .caption { padding:5px; }
  94. .blockquote, blockquote { margin-left:20px; margin:5px; padding:5px; background-color:{color:caption}; }
  95.  
  96. .notez { text-align:center;color:#ffffff;padding:2px;float:left;width:77px;background-color:{color:notez}; font-size:10px; }
  97. .post:hover .notez { background-color:{color:notez hover}; color:#ffffff; border-bottom-left-radius:0px; border-bottom-right-radius:0px; }
  98.  
  99. .tags { color:#000000;float:right;padding:2px;width:415px;background-color:{color:tags}; margin-bottom:60px; }
  100. .tags a:link, .tags a, .notes a:link, .notes a { font-family:times;font-style:italic;font-size:10px;color:#000000; }
  101.  
  102. span.taghead { display:none; }
  103. a.tag + span.taghead { display:inline; color:{color:links}; }
  104.  
  105. .question { background-color:{color:quote};padding:10px; color:#ffffff; }
  106. .question a { color:#ffffff; }
  107.  
  108. .audio { height:60px; padding:5px; margin-bottom:5px; }
  109. .audio-album { position:absolute; width:60px; }
  110. .audio-player { opacity:0.6; filter:alpha(opacity=60); border:2px solid #f2f2f2; width:25px; height:25px; overflow:hidden; position:absolute; z-index:0; margin-left:15px; margin-top:15px; }
  111. .audio-info { position:relative; margin-left:70px; line-height:13px; padding:5px; }
  112.  
  113. .pagination { text-align:center; color:#ffffff; }
  114. .current_page { background-color:#000000; padding:5px; }
  115. .jump_page, .next { background-color:#f2f2f2; padding:5px; }
  116.  
  117. .theme { bottom:0; right:0; position:fixed; }
  118. .theme, .theme a { padding:5px; color:#ffffff; background-color:#cccccc; }
  119. </style>
  120.  
  121.  
  122. <body>
  123. <div id="side2"> </div>
  124. <div id="side"> </div>
  125.  
  126. <div id="main">
  127. <div id="container">
  128.  
  129. <div class="theme"><a href="http://mcpoyles.tumblr.com">theme</a></div>
  130. <div id="sidebar">
  131. <center><div class="sidelinks">
  132. {block:ifLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}
  133. {block:ifLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}
  134. {block:ifLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}
  135. {block:ifLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}
  136. </div></center>
  137.  
  138. <a href="/"><img src="{image:sidebar}" width="250"></a><BR>
  139.  
  140. <div class="side-title"><a href="/">{Title}</a></div>
  141. <div class="description">{Description}</div>
  142. <BR>
  143.  
  144. <div class="pagination">
  145. {block:Pagination}
  146. {block:PreviousPage}
  147. <a class="next" href="{PreviousPage}">newer</a>
  148. {/block:PreviousPage}
  149.  
  150. {block:JumpPagination length="5"}
  151. {block:CurrentPage}
  152. <span class="current_page">{PageNumber}</span>
  153. {/block:CurrentPage}
  154.  
  155. {block:JumpPage}
  156. <a class="jump_page" href="{URL}">{PageNumber}</a>
  157. {/block:JumpPage}
  158. {/block:JumpPagination}
  159.  
  160. {block:NextPage}
  161. <a class="next" href="{NextPage}">older</a>
  162. {/block:NextPage}
  163. {/block:Pagination}
  164. </div>
  165.  
  166. </div>
  167.  
  168. <div id="entry">
  169.  
  170. {block:Posts}
  171.  
  172. <div class="post">
  173. {block:Text}
  174. {block:Title}
  175. <div class="title">
  176. <a href="{Permalink}">{Title}</a></div>
  177. {/block:Title}
  178. <div class="caption">{Body}</div>
  179. {/block:Text}
  180.  
  181.  
  182. {block:Photo}
  183. <img src="{PhotoURL-500}">
  184. {block:Caption}
  185. <div class="caption">{Caption}</div>
  186. {/block:Caption}
  187. {/block:Photo}
  188.  
  189.  
  190. {block:Photoset}
  191. {Photoset-500}
  192. {block:Caption}
  193. <div class="caption">{Caption}</div>
  194. {/block:Caption}
  195. {/block:Photoset}
  196.  
  197. {block:Quote}
  198. <div class="quote">{Quote}</div>
  199. {block:Source}
  200. <div class="caption" style="text-align:right;">{Source}</div>
  201. {/block:Source}
  202. {/block:Quote}
  203.  
  204.  
  205. {block:Link}
  206. <div class="title">
  207. <a href="{URL}" {Target}>{Name}</a></div>
  208. {block:Description}
  209. <div class="caption">{Description}</div>
  210. {/block:Description}
  211. {/block:Link}
  212.  
  213. {block:Chat}
  214. <ul class="chat">
  215. {block:Lines}
  216. <li class="user_{UserNumber}">
  217. {block:Label}
  218. <span class="label">
  219. {Label}</span>
  220. {/block:Label}
  221. {Line}</li>{/block:Lines}</ul>{/block:Chat}
  222.  
  223.  
  224. {block:Video}
  225. {Video-500}
  226. {block:Caption}
  227. <div class="caption">{Caption}</div>
  228. {/block:Caption}
  229. {/block:Video}
  230.  
  231.  
  232. {block:Audio}
  233. <div class="audio">
  234. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  235. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  236.  
  237. <div class="audio-info">
  238. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  239. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  240. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  241. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  242. </div></div>
  243. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  244. {/block:Audio}
  245.  
  246.  
  247. {block:Answer}
  248. <div class="question">
  249. <b>{Asker}:</b> {Question}
  250. </div>
  251. <div class="caption">{Answer}</div>
  252. {/block:Answer}
  253.  
  254. {block:HasPages}<div id="pages">
  255. {block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}
  256. </div>{/block:HasPages}
  257.  
  258. <div class="post-info">
  259. <div class="notez">{block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}</div>
  260. <div class="tags">&nbsp;&nbsp;{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  261. </div></div>
  262.  
  263.  
  264. {block:PostNotes}
  265. <div class="post">
  266. {PostNotes}
  267. </div>
  268. {/block:PostNotes}
  269.  
  270. {/block:Posts}
  271.  
  272. {block:ContentSource}
  273. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  274. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  275. {/block:SourceLogo}
  276. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  277. {/block:ContentSource}
  278.  
  279. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  280.  
  281.  
  282. </div>
  283. </div>
  284. </div
  285.  
  286.  
  287. </body>
  288. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!