Advertisement
basilone

Theme 14

Oct 2nd, 2012
1,919
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.21 KB | None | 0 0
  1. <!---
  2.  
  3. theme by mcpoyles
  4.  
  5. ---!>
  6.  
  7. <html>
  8. <head>
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="font:body" content="Trebuchet MS" />
  12. <meta name="font:title" content="Trebuchet MS" />
  13.  
  14. <meta name="color:background" content="#ffffff" />
  15. <meta name="color:body" content="#747474" />
  16. <meta name="color:links" content="#000000" />
  17. <meta name="color:hover" content="#c2e17f" />
  18. <meta name="color:header" content="#ffffff" />
  19. <meta name="color:entry" content="#ffffff" />
  20. <meta name="color:border" content="#dddddd" />
  21. <meta name="color:side" content="#ffffff" />
  22. <meta name="image:sidebar" content=""/>
  23.  
  24. <meta name="text:Link1" content=""/>
  25. <meta name="text:Link1 URL" content=""/>
  26. <meta name="text:Link2" content=""/>
  27. <meta name="text:Link2 URL" content=""/>
  28. <meta name="text:Link3" content=""/>
  29. <meta name="text:Link3 URL" content=""/>
  30. <meta name="text:Link4" content=""/>
  31. <meta name="text:Link4 URL" content=""/>
  32.  
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39. </head>
  40.  
  41. <style type="text/css">
  42. body {
  43. text-align:left;
  44. color:{color:body};
  45. background-color:{color:background};
  46. font-family:{font:body};
  47. font-size:11px;
  48. margin:0px;}
  49.  
  50. b, em, bold, .question a {
  51. font-weight:bold;
  52. color:{color:titles};}
  53.  
  54. a:link, a, a:active, a:visited {
  55. color:{color:links}; }
  56.  
  57. .hovering:hover {
  58. padding:2px;
  59. color:#ffffff;
  60. text-decoration: none;
  61. background-color:{color:hover}; }
  62.  
  63. .gl a {
  64. text-decoration:none; }
  65.  
  66. body > header { height:30px;min-width: 760px; top:0px; background-color:{color:header}; padding:10px; margin:0px; }
  67.  
  68. #nav {
  69. background-color:{color:nav};
  70. padding:10px; line-height:20px; }
  71.  
  72. #container{
  73. width:70%;
  74. margin:0 auto; }
  75.  
  76. #nav #container {
  77. overflow:visible;
  78. padding:10px;
  79. border-top:1px solid {color:border};
  80. border-bottom:1px solid {color:border}; }
  81.  
  82. #nav #container a { font-size:11px; padding:13px; width:120px; height:15px; }
  83. #nav #container a:hover { background-color:{color:nav hover}; padding:13px; width:120px; height:15px; }
  84.  
  85. #container .gl { float:left; }
  86. #container .gr { float:right; }
  87.  
  88. #wrap { background-color:#transparent; }
  89. #wrap .center-center { width:780px; left:50px; position:relative; }
  90.  
  91. #wrap .gl { float:left; width:200px; }
  92. #wrap .gr { float:right; width:540px; }
  93. #wrap .inside { padding:10px; }
  94. #wrap .entry { border-bottom:1px solid #dddddd; background-color:{color:entry}; padding:10px; }
  95. #wrap .gl .side { padding:10px; background-color:{color:side}; }
  96.  
  97. #lleft { float:left; }
  98. #rright { float:right; }
  99.  
  100. #space {margin-bottom:50px;}
  101.  
  102. #footer { margin-top:10px; padding:10px; clear:both; background:#EEEEEE; }
  103.  
  104. blockquote {
  105. margin: 0.5em 0;
  106. padding: 0 0 0 9px;
  107. border-left: 1px solid #f9f9f9; }
  108.  
  109. .audio blockquote, .quote blockquote {padding: 0; border: 0;}
  110. blockquote img {width: auto;}
  111.  
  112. .quote {
  113. color: #333;
  114. display: block;
  115. background: url() no-repeat 0 10px;
  116. font-style: italic;
  117. padding: 10px;}
  118.  
  119. .quote .medium {
  120. font-size: 15px;
  121. line-height: 1.4;
  122. font-family:HelveticaNeue-CondensedBold;}
  123.  
  124. .tags a { text-transform:lowercase; text-decoration:underline; }
  125. .tags a:hover { text-decoration:none; text-transform:lowercase; background-color:{color:hover}; }
  126. .caption, .caption a { color:#000000; }
  127. .dates a { background-color:{color:hover}; text-decoration: none; padding:2px; color:#ffffff; }
  128. .dates { padding: 10px 0px 10px 0px; }
  129.  
  130. .sideicon {
  131. -moz-border-radius: 50px;
  132. border-radius: 50px;}
  133.  
  134. ul.chat, .chat ol, .chat li {
  135. list-style:none;
  136. margin:0px;
  137. padding:5px;}
  138.  
  139. span.taghead { display:none; }
  140. a.tag + span.taghead { display:inline; }
  141.  
  142. ol {
  143. list-style-type: none;
  144. margin: 0; }
  145.  
  146. ol.notes li {
  147. width: 500px;
  148. padding: 5px 0;
  149. margin: 0 0 3px -50px;
  150. border-bottom: 1px solid #f5f5f5; }
  151.  
  152. ol.notes li:hover {
  153. border-bottom: 1px solid #f5f5f5; }
  154.  
  155. ol.notes li img {
  156. width:16px;
  157. padding-right: 10px;
  158. margin-bottom: -5px;
  159. opacity: 0.85;
  160. filter:alpha(opacity=85); }
  161.  
  162. ol.notes li img:hover {
  163. opacity: 1;
  164. filter:alpha(opacity=100); }
  165.  
  166. .audio {
  167. height:60px;
  168. padding:5px;
  169. margin-bottom:5px; }
  170.  
  171. .audio-album {
  172. position:absolute;
  173. width:60px; }
  174.  
  175. .audio-player {
  176. opacity:0.6;
  177. filter:alpha(opacity=60);
  178. border:2px solid #f2f2f2;
  179. width:25px;
  180. height:25px;
  181. overflow:hidden;
  182. position:absolute;
  183. z-index:2;
  184. margin-left:15px;
  185. margin-top:15px; }
  186.  
  187. .audio-info {
  188. margin-top:-10px;
  189. position:relative;
  190. margin-left:70px;
  191. padding:5px; }
  192.  
  193. {CustomCSS}
  194. </style>
  195.  
  196. <body>
  197.  
  198. <header>
  199. <div id="container">
  200. </div>
  201. </header>
  202.  
  203.  
  204. <div id="space"> </div>
  205.  
  206. <div id="wrap">
  207. <div class="center-center">
  208.  
  209. <div class="gl">
  210. <div class="inside">
  211. <div class="side">
  212.  
  213. <div class="gleft">
  214. <center><a href="/"><img src="{PortraitURL-96}" class="sideicon"></a></center><BR><BR>
  215. {block:Description}{Description} <BR><BR>{/block:Description}
  216. {block:ifLink1}<a href="{text:Link1 URL}">+ {text:Link1}</a><BR>{/block:ifLink1}
  217. {block:ifLink2}<a href="{text:Link2 URL}">+ {text:Link2}</a><BR>{/block:ifLink2}
  218. {block:ifLink3}<a href="{text:Link3 URL}">+ {text:Link3}</a><BR>{/block:ifLink3}
  219. {block:ifLink4}<a href="{text:Link4 URL}">+ {text:Link4}</a><BR>{/block:ifLink4}
  220. <a href="http://pastebin.com/XNAZA9D0">Get the code here!</a><BR>
  221. <a href="/archive">Browse Archive</a><BR>
  222. <a href="/ask">Message</a><BR>
  223. <a href="http://mcpoyles.tumblr.com">Theme</a><BR>
  224. </div>
  225. </div>
  226. </div>
  227. </div>
  228.  
  229. <div class="gr">
  230. <div class="inside">
  231. {block:Posts}
  232. <div class="entry">
  233. <div class="dates"> <a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a> </div>
  234.  
  235. {block:Text}
  236. {block:Title}
  237. <div class="link-link"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  238. {Body}
  239. {/block:Text}
  240.  
  241. {block:Photo}
  242. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  243. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  244. {/block:Photo}
  245.  
  246.  
  247. {block:Photoset}
  248. {Photoset-500}
  249. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  250. {/block:Photoset}
  251.  
  252.  
  253. {block:Quote}
  254. <div class="quote"><div class="medium">
  255. <i><big>{Quote}</big></i></div></div>
  256. {block:Source} {Source}{/block:Source}
  257. {/block:Quote}
  258.  
  259.  
  260. {block:Link}
  261. <a href="{URL}" {Target}>{Name}</a>
  262. {block:Description}{Description}{/block:Description}
  263. {/block:Link}
  264.  
  265.  
  266. {block:Chat}
  267. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">
  268. {block:Label}<span class="label">{Label}</span>{/block:Label}
  269. {Line}</li>{/block:Lines}</ul>
  270. {/block:Chat}
  271.  
  272.  
  273. {block:Video}
  274. {Video-500}
  275. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  276. {/block:Video}
  277.  
  278.  
  279. {block:Audio}
  280. <div class="audio">
  281. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  282. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  283.  
  284. <div class="audio-info">
  285. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  286. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  287. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  288. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  289. </div></div>
  290. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  291. {/block:Audio}
  292.  
  293.  
  294. {block:Answer}
  295. <div style="padding:10px 0px 10px 0px;">
  296. <div style="font-family:georgia;font-style:italic;font-size:11px;padding:5px;">{Asker} asked:</div>
  297. <div style="background-color:#f9f9f9;padding:10px;">{Question}</div> </div>
  298. {Answer}
  299. {/block:Answer}
  300.  
  301. <div class="tags">
  302. {block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a> / {/block:NoteCount}
  303. {block:Tags}<span class="taghead">, </span><a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}
  304. </div>
  305.  
  306. </div>
  307.  
  308. <div id="space"> </div>
  309. {/block:Posts}
  310. </div>
  311.  
  312. {block:PostNotes}<div class="entry">{PostNotes}</div>{/block:PostNotes}
  313.  
  314. {block:Pagination}
  315. {block:PreviousPage}<div style="text-align:left;"><a class="hovering" href="{PreviousPage}">&larr; Newer</a></div>{/block:PreviousPage}
  316. {block:NextPage}<div style="text-align:right;"><a class="hovering" href="{NextPage}">Older &rarr;</a></div>{/block:NextPage}
  317. {/block:Pagination}
  318. <div id="space"> </div>
  319.  
  320. </div>
  321. </div>
  322. </div>
  323.  
  324. <div id="space"> </div>
  325.  
  326. <div id="footer">
  327. <div id="container">
  328. </div>
  329. </div>
  330.  
  331. </body>
  332. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement