Advertisement
basilone

Theme 10

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