Advertisement
basilone

Theme 11

Oct 2nd, 2012
2,445
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.43 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="arial" />
  12. <meta name="font:link" content="arial" />
  13. <meta name="font:nav" content="arial" />
  14.  
  15. <meta name="color:background" content="#f2f2f2" />
  16. <meta name="color:header" content="#222222" />
  17. <meta name="color:nav" content="#111111" />
  18. <meta name="color:body" content="#747474" />
  19. <meta name="color:links" content="#666666" />
  20. <meta name="color:hover" content="#666666" />
  21. <meta name="color:title" content="#f9f9f9" />
  22. <meta name="color:entry" content="#ffffff" />
  23. <meta name="color:icons" content="#ffffff" />
  24. <meta name="color:border" content="#dddddd" />
  25. <meta name="image:sidebar" content=""/>
  26.  
  27. <meta name="text:Link1" content=""/>
  28. <meta name="text:Link1 URL" content=""/>
  29. <meta name="text:Link2" content=""/>
  30. <meta name="text:Link2 URL" content=""/>
  31. <meta name="text:Link3" content=""/>
  32. <meta name="text:Link3 URL" content=""/>
  33. <meta name="text:Link4" content=""/>
  34. <meta name="text:Link4 URL" content=""/>
  35.  
  36. <title>{Title}</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}" />
  41. {/block:Description}
  42. </head>
  43.  
  44. <style type="text/css">
  45. body {
  46. text-align:left;
  47. color:{color:body};
  48. background-color:{color:background};
  49. font-family:{font:body};
  50. font-size:11px;
  51. margin:0px;}
  52.  
  53. b, em, bold, .question a {
  54. font-weight:bold;
  55. color:{color:titles};}
  56.  
  57. a {
  58. text-decoration: none;
  59. color:{color:links};
  60. text-decoration:none;
  61. -moz-transition:0.3s ease-in;
  62. -webkit-transition: 0.3s ease-in;
  63. -o-transition:0.3s ease-in;
  64. transition:0.3s ease-in; }
  65.  
  66. a:hover {
  67. color: {color:hover};
  68. text-decoration:none;}
  69.  
  70. body > header { min-width:520px;top:0px; margin:0px; color:#000000; }
  71. header #container {background-color:{color:header}; }
  72.  
  73. .head-inside { padding:20px; overflow:auto; }
  74.  
  75. #container{ width:65%; margin:0 auto; }
  76.  
  77. #container .gl { float:left; }
  78. #container .gr { float:right; }
  79.  
  80. #wrap { }
  81. #wrap .center-center { margin:0 auto;width:600px;}
  82.  
  83. #wrap .gl { float:center; width:520px; padding:10px; background-color:{color:entry bg};}
  84. #wrap .inside { }
  85. #wrap .entry { padding:10px; overflow: hidden; border:1px solid {color:border}; background-color:{color:entry}; }
  86. #wrap .entry .in-inside { text-align:center; }
  87.  
  88. #wrap .gr .side { padding:20px; }
  89.  
  90. .space {margin-bottom:20px;}
  91.  
  92. #footer { margin-top:10px; padding:10px; clear:both; background:{color:background}; }
  93.  
  94. .date {
  95. padding:5px; }
  96.  
  97. .date a {
  98. color:#222222;
  99. letter-spacing:1px;
  100. font-size:9px;
  101. text-transform:uppercase;}
  102.  
  103. .pic, .pic a { border:15px solid {color:icon}; }
  104.  
  105. .lleft { float:left; }
  106. .rright { float:right; width:11%;padding:8px;background-color:{color:icons bg};}
  107. .rright img {padding:5px;}
  108.  
  109. blockquote {margin: 0.5em 0; padding: 0 0 0 9px; border-left: 1px solid {color:border};}
  110. .audio blockquote, .quote blockquote {padding: 0; border: 0;}
  111. blockquote img {width: auto;}
  112.  
  113. .tags {
  114. text-transform:lowercase;
  115. padding:5px;
  116. font-size:9px;
  117. padding-left:30px;
  118. padding-right:30px; }
  119.  
  120. .notes2 {
  121. text-align:right;
  122. padding:5px;
  123. background-color:#f9f9f9;; }
  124.  
  125. .notes a {
  126. background-color:{color:notes};
  127. padding:5px; }
  128.  
  129. .quote {
  130. color: #333;
  131. display: block;
  132. background: url() no-repeat 0 10px;
  133. font-style: italic;
  134. padding: 16px 18px 10px 10px;}
  135.  
  136. .quote .medium {
  137. font-size: 15px;
  138. line-height: 1.4;
  139. font-family:HelveticaNeue-CondensedBold; }
  140.  
  141. .title {
  142. font-size: 15px;
  143. font-family:times;
  144. border-bottom:1px solid {color:border}; }
  145.  
  146. .tophead {
  147. padding:2px;
  148. background-color:{color:header};
  149. margin-bottom:20px; }
  150.  
  151. .tophead {
  152. overflow:auto;
  153. font-size:11px;
  154. background-color:{color:header}; }
  155.  
  156. .toplinks {
  157. background-color:{color:nav};
  158. padding:10px; }
  159.  
  160. .toplinks a {
  161. padding:5px;
  162. color:#ffffff;
  163. text-transform:uppercase;
  164. font-size:9px;
  165. font-family:arial;
  166. border-right:1px solid #222222; }
  167.  
  168. ul.chat, .chat ol, .chat li {
  169. list-style:none;
  170. margin:0px;
  171. padding:5px;}
  172.  
  173. .label {
  174. letter-spacing:0px;
  175. font-weight:bold; }
  176.  
  177. #pagination {
  178. width:200px;
  179. font-size:10px;
  180. font-family:arial;
  181. word-spacing:7px;
  182. text-align:center;}
  183.  
  184. .jump_page {
  185. padding:3px;
  186. background-color:#ffffff;}
  187.  
  188. .current_page {
  189. padding:3px;
  190. background-color:#ffffff;
  191. color:#000000;}
  192.  
  193. #pagination2 a {
  194. display:block;
  195. width:10px;
  196. text-align:center;
  197. background-color:{color:sidelinks};
  198. font:10px georgia;
  199. color:{color:navigation};
  200. padding:5px;
  201. border-bottom:1px solid {color:background};
  202. letter-spacing:2px;
  203. -webkit-transition: color 0.6s linear;
  204. -webkit-transition: background-color 0.6s linear;}
  205.  
  206. #pagination2 a:hover {
  207. background-color:{color:sidelinks hover};
  208. color:#ffffff;}
  209.  
  210. .quote-source { text-align:right;padding:10px; }
  211.  
  212. .icon {
  213. text-align:center;
  214. width:70px;
  215. color:#ffffff;
  216. position:absolute;
  217. float:right;
  218. margin-left:520px;}
  219.  
  220. .icon img {
  221. padding:5px;
  222. border:1px solid {color:border};
  223. background-color:{color:icons}; }
  224.  
  225. .barb { background-color:#f9f9f9; padding:5px; }
  226.  
  227. ol {
  228. list-style-type: none;
  229. margin: 0 0 1.5em 2.5em; }
  230.  
  231. ol.notes li {
  232. width: 500px;
  233. padding: 5px 0;
  234. margin: 0 0 3px -28px;
  235. border-bottom: 1px solid #f5f5f5; }
  236.  
  237. ol.notes li:hover {
  238. border-bottom: 1px solid #f5f5f5; }
  239.  
  240. ol.notes li img {
  241. width:16px;
  242. padding-right: 10px;
  243. margin-bottom: -5px;
  244. opacity: 0.85;
  245. filter:alpha(opacity=85); }
  246.  
  247. ol.notes li img:hover {
  248. opacity: 1;
  249. filter:alpha(opacity=100); }
  250.  
  251. .audio {
  252. height:60px;
  253. padding:5px;
  254. margin-bottom:5px; }
  255.  
  256. .audio-album {
  257. position:absolute;
  258. width:60px; }
  259.  
  260. .audio-player {
  261. opacity:0.6;
  262. filter:alpha(opacity=60);
  263. border:2px solid #f2f2f2;
  264. width:25px;
  265. height:25px;
  266. overflow:hidden;
  267. position:absolute;
  268. z-index:2;
  269. margin-left:15px;
  270. margin-top:15px; }
  271.  
  272. .audio-info {
  273. margin-top:-10px;
  274. position:relative;
  275. margin-left:70px;
  276. padding:5px; }
  277.  
  278. {CustomCSS}
  279. </style>
  280.  
  281. <body>
  282.  
  283. <div id="wrap">
  284. <div class="center-center">
  285. <div class="tophead"> <div class="toplinks">
  286. {block:ifLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}
  287. {block:ifLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}
  288. {block:ifLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}
  289. {block:ifLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}
  290. <a href="http://mcpoyles.tumblr.com">THEME</a> </div>
  291.  
  292. </div>
  293.  
  294. <div class="gl">
  295.  
  296. <div class="inside">
  297. {block:Posts}
  298.  
  299. <div class="icon">
  300. {block:RebloggedFrom}<a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-48}"></a>{/block:RebloggedFrom}
  301. {block:NotReblog}<a href="/"><img src="{PortraitURL-48}"></a>{/block:NotReblog}
  302. </div>
  303.  
  304. {block:Text}
  305. <div class="entry">
  306. {block:Title}
  307. <div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  308. {Body}
  309.  
  310. {block:HasTags} <div class="tags"> <img src="http://media.tumblr.com/tumblr_m4pew6Kxma1rprbsf.png">&emsp;{block:Tags}<a href="{TagURL}">{Tag}</a> &emsp; {/block:Tags} </div>{/block:HasTags}
  311.  
  312. <div class="barb" style="text-align:right;padding:5px;">
  313. {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></div>
  314. </div>
  315. <div class="space"> </div>
  316. {/block:Text}
  317.  
  318. {block:Photo}
  319. <div class="entry">
  320. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  321. {block:Caption}{Caption}{/block:Caption}
  322.  
  323. {block:HasTags} <div class="tags"> <img src="http://media.tumblr.com/tumblr_m4pew6Kxma1rprbsf.png">&emsp;{block:Tags}<a href="{TagURL}">{Tag}</a> &emsp; {/block:Tags} </div>{/block:HasTags}
  324.  
  325. <div class="barb" style="text-align:right;padding:5px;">
  326. {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></div>
  327. </div>
  328. <div class="space"> </div>
  329. {/block:Photo}
  330.  
  331.  
  332. {block:Photoset}
  333. <div class="entry">
  334. {Photoset-500}{block:Caption}
  335. {Caption}{/block:Caption}
  336.  
  337. {block:HasTags} <div class="tags"> <img src="http://media.tumblr.com/tumblr_m4pew6Kxma1rprbsf.png">&emsp;{block:Tags}<a href="{TagURL}">{Tag}</a> &emsp; {/block:Tags} </div>{/block:HasTags}
  338.  
  339. <div class="barb" style="text-align:right;padding:5px;">
  340. {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></div>
  341. </div>
  342. <div class="space"> </div>
  343. {/block:Photoset}
  344.  
  345.  
  346. {block:Quote}
  347. <div class="entry">
  348. <div class="quote"><div class="medium">
  349. <i><big>{Quote}</big></i></div></div>
  350.  
  351. {block:HasTags} <div class="tags"> <img src="http://media.tumblr.com/tumblr_m4pew6Kxma1rprbsf.png">&emsp;{block:Tags}<a href="{TagURL}">{Tag}</a> &emsp; {/block:Tags} </div>{/block:HasTags}
  352.  
  353. <div class="barb" style="text-align:right;padding:5px;">
  354. {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></div>
  355. </div>
  356. <div class="space"> </div>
  357. {/block:Quote}
  358.  
  359.  
  360. {block:Link}
  361. <div class="entry">
  362. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  363. {block:Description}{Description}{/block:Description}
  364.  
  365. {block:HasTags} <div class="tags"> <img src="http://media.tumblr.com/tumblr_m4pew6Kxma1rprbsf.png">&emsp;{block:Tags}<a href="{TagURL}">{Tag}</a> &emsp; {/block:Tags} </div>{/block:HasTags}
  366.  
  367. <div class="barb" style="text-align:right;padding:5px;">
  368. {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></div>
  369. </div>
  370. <div class="space"> </div>
  371. {/block:Link}
  372.  
  373.  
  374. {block:Chat}
  375. <div class="entry">
  376. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">
  377. {block:Label}<span class="label">{Label}</span>{/block:Label}
  378. {Line}</li>{/block:Lines}</ul>
  379.  
  380. {block:HasTags} <div class="tags"> <img src="http://media.tumblr.com/tumblr_m4pew6Kxma1rprbsf.png">&emsp;{block:Tags}<a href="{TagURL}">{Tag}</a> &emsp; {/block:Tags} </div>{/block:HasTags}
  381.  
  382. <div class="barb" style="text-align:right;padding:5px;">
  383. {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></div>
  384. </div>
  385. <div class="space"> </div>
  386. {/block:Chat}
  387.  
  388.  
  389. {block:Video}
  390. <div class="entry">
  391. {Video-500}
  392. {block:Caption}{Caption}{/block:Caption}
  393.  
  394. {block:HasTags} <div class="tags"> <img src="http://media.tumblr.com/tumblr_m4pew6Kxma1rprbsf.png">&emsp;{block:Tags}<a href="{TagURL}">{Tag}</a> &emsp; {/block:Tags} </div>{/block:HasTags}
  395.  
  396. <div class="barb" style="text-align:right;padding:5px;">
  397. {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></div>
  398. </div>
  399. <div class="space"> </div>
  400. {/block:Video}
  401.  
  402.  
  403. {block:Audio}
  404. <div class="entry">
  405. <div class="audio">
  406. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  407. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  408.  
  409. <div class="audio-info">
  410. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  411. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  412. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  413. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  414. </div></div>
  415. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  416.  
  417. {block:HasTags} <div class="tags"> <img src="http://media.tumblr.com/tumblr_m4pew6Kxma1rprbsf.png">&emsp;{block:Tags}<a href="{TagURL}">{Tag}</a> &emsp; {/block:Tags} </div>{/block:HasTags}
  418.  
  419. <div class="barb" style="text-align:right;padding:5px;">
  420. {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></div>
  421. </div>
  422. <div class="space"> </div>
  423. {/block:Audio}
  424.  
  425.  
  426. {block:Answer}
  427. <div class="entry"><div style="padding:10px;">
  428. <div style="font-family:georgia;font-style:italic;font-size:11px;padding:5px;">{Asker} asked:</div>
  429. <div style="background-color:#f9f9f9;padding:10px;">{Question}</div> </div>
  430. {Answer}
  431.  
  432. {block:HasTags} <div class="tags"> <img src="http://media.tumblr.com/tumblr_m4pew6Kxma1rprbsf.png">&emsp;{block:Tags}<a href="{TagURL}">{Tag}</a> &emsp; {/block:Tags} </div>{/block:HasTags}
  433.  
  434. <div class="barb" style="text-align:right;padding:5px;">
  435. {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></div>
  436. </div>
  437. <div class="space"> </div>
  438. {/block:Answer}
  439.  
  440. {/block:Posts}
  441. {block:PostNotes}
  442. <div class="entry">
  443. {PostNotes}
  444. </div>
  445. {/block:PostNotes}
  446. </div>
  447. {block:Pagination}
  448. {block:PreviousPage}<a href="{PreviousPage}">Previous</a> /{/block:PreviousPage}
  449. {block:NextPage}<a href="{NextPage}">Newer</a>{/block:NextPage}
  450. {/block:Pagination}
  451. </div>
  452.  
  453.  
  454. </div>
  455. </div>
  456.  
  457.  
  458. </body>
  459. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement