Advertisement
basilone

Theme 19

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