Advertisement
rasperries

mcpoyles side desc

Dec 5th, 2013
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.40 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <!---
  5.  
  6. theme 32 by mcpoyles
  7.  
  8. --->
  9.  
  10.  
  11. <!-- DEFAULT VARIABLES -->
  12. <meta name="text:font family" content="Times, 'Anonymous Pro', Arial, sans-serif" />
  13. <meta name="text:font size" content="10px" />
  14.  
  15. <meta name="color:caption" content="#f9f9f9" />
  16. <meta name="color:body" content="#747474" />
  17. <meta name="color:links" content="#666666" />
  18. <meta name="color:hover" content="#1b1717" />
  19.  
  20. <meta name="text:Link1" content=""/>
  21. <meta name="text:Link1 URL" content=""/>
  22. <meta name="text:Link2" content=""/>
  23. <meta name="text:Link2 URL" content=""/>
  24. <meta name="text:Link3" content=""/>
  25. <meta name="text:Link3 URL" content=""/>
  26. <meta name="text:Link4" content=""/>
  27. <meta name="text:Link4 URL" content=""/>
  28.  
  29. <title>{Title}</title>
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. <link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}" />
  35. {/block:Description}
  36. </head>
  37.  
  38. <style type="text/css">
  39. @font-face {
  40. font-family: 'Inconsolata';
  41. font-style: normal;
  42. font-weight: normal;
  43. src: local('Inconsolata'), url('http://themes.googleusercontent.com/static/fonts/inconsolata/v5/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff') format('woff');
  44. }
  45.  
  46. body { text-align:left; margin:0; line-height:16px; color:{color:body}; background-color:{color:bg right}; font-family: {text:font family}; font-size: {text:font size}; }
  47.  
  48. b, bold, b a { font-size:10px; font-weight:bold; color:#666666;}
  49.  
  50. 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; }
  51. a:hover { color: {color:hover}; text-decoration:none;}
  52.  
  53. #wrap { min-height: 100%; }
  54. #main { margin-top:65px; padding:10px; }
  55. #container{ width:550px; left:330px; position:relative;}
  56. #entry { float:left; margin-left:5px;}
  57. #sidebar { top:50px; padding:5px; left:180px;width:120px; float:right; position:fixed; }
  58.  
  59. .post { margin-bottom:100px; width:500px;}
  60.  
  61. .sidelinks { margin-bottom:5px; margin-top:5px; }
  62. .sidelinks a { padding:5px 9px 5px 9px;color:#ffffff; background-color:; }
  63. .sidelinks a:hover { padding:5px 9px 5px 9px; color:#000000; border-bottom:2px solid #000000; background-color:#ffffff; }
  64.  
  65. .title, .title a {padding:px; font-size:16px; font-weight:lighter;font-family:helvetica; color:#848484;letter-spacing:1px; }
  66. .title a:hover { color:#FAC89D; }
  67.  
  68. ol { list-style-type: none; }
  69. ol.notes li { padding:10px; width:400px; border-bottom: 1px solid #f1f1f1; }
  70. ol.notes li:hover { border-bottom: 1px solid #f1f1f1; }
  71. ol.notes li img { width:16px; padding-right: 10px; margin-bottom: -5px; opacity: 0.85; filter:alpha(opacity=85); }
  72. ol.notes li img:hover { opacity: 1; filter:alpha(opacity=100); }
  73.  
  74. .user_1, .user_3, .user_5, .user_7, .user_7, .user_9, .user_11 {
  75. background-color:#f1f1f1; margin-right:25px; color:#666666; }
  76. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12 { background-color:#f8f8f8; color:#666666; margin-right:25px;}
  77. ul.chat, .chat ol, .chat li { list-style:none; margin:0px; padding:5px;}
  78.  
  79. #theme{
  80. position:fixed;
  81. bottom:12px;
  82. right:12px;
  83. -webkit-border-radius:100px;
  84. padding:3px 5px 2px;
  85. text-transform:lowercase;
  86. -webkit-transition:0.6s ease-in;
  87. cursor:default;
  88. font-size:7px;
  89. color:white;
  90. }
  91.  
  92. #theme:hover{
  93. background-color:{color:white};
  94. color:white;
  95. }
  96.  
  97. .caption { padding:5px; }
  98. blockquote{
  99. margin-left:0px;
  100. border-left:1px solid #f2f2f2;
  101. padding-left:10px;
  102. width:95%;
  103. }
  104. .postquote{
  105. display:block;
  106. height:auto;
  107. padding-left:0px;
  108. padding-right:5px;
  109. width:95%;
  110. font-size:10px;
  111. letter-spacing:0px;
  112. margin:0px auto 20px;
  113. line-height:15px;
  114. text-align:justify;
  115. margin:0px auto 20px;
  116. line-height:15px;
  117. text-align:justify;
  118.  
  119. }
  120.  
  121. .quotesource{
  122. text-align:right;
  123. margin-top:-8px;
  124. }
  125.  
  126. .quotesource span{
  127. background-color:white;
  128. padding-left:10px;
  129. }
  130.  
  131. .quoteborder{
  132. border-bottom:1px solid #f2f2f2;
  133. }
  134.  
  135. .tagz {
  136. font-size:10px;
  137. background-color:#f9f9f9;
  138. padding:1px;margin:3px;
  139. text-transform:lowercase; }
  140.  
  141. .tags a { color:#666666; }
  142. .tags a:hover { text-decoration:underline; }
  143.  
  144. span.taghead { display:none; }
  145. a.tag + span.taghead { display:inline; color:{color:links}; }
  146.  
  147. .question { background-color:{color:caption};padding:10px; color:#666666; }
  148. .question a { color:{color:hover}; letter-spacing:1px; }
  149.  
  150. .audio {
  151. height:60px;
  152. padding:5px;
  153. margin-bottom:5px; }
  154.  
  155. .audio-album {
  156. position:absolute;
  157. width:60px; }
  158.  
  159. .audio-player {
  160. opacity:0.6;
  161. filter:alpha(opacity=60);
  162. border:2px solid #f2f2f2;
  163. width:25px;
  164. height:25px;
  165. overflow:hidden;
  166. position:absolute;
  167. z-index:2;
  168. margin-left:15px;
  169. margin-top:15px; }
  170.  
  171. .audio-info {
  172. margin-top:-10px;
  173. position:relative;
  174. margin-left:70px;
  175. padding:5px; }
  176.  
  177. .pagination { text-align:right; color:#ffffff; }
  178. .current_page { background-color:#000000; padding:5px; margin:1px; }
  179. .jump_page, .next { background-color:#f2f2f2; padding:5px; margin:1px; }
  180.  
  181. .caption img { max-width:360px; }
  182. .date2 { padding:3px; background-color:#f2f2f2;}
  183.  
  184. .nav-left { text-align:left; float:left; width:50px;}
  185. .nav-right { text-align:left; float:right; width:50px; }
  186.  
  187. .nav-left a { float:left; width:100px; border-bottom:1px solid #f0f0f0; padding:5px; font-family:times; font-style:uppercase; letter-spacing:1px; width:45px; }
  188.  
  189. .nav-right a { float:right; width:100px; border-bottom:1px solid #f0f0f0; padding:5px; font-family:times; font-style:uppercase; letter-spacing:1px; width:45px; }
  190.  
  191. .nav-left a:hover, .nav-right a:hover { padding:5px; background-color:#f9f9f9; font-family:times; font-style:uppercase; letter-spacing:1px; }
  192.  
  193. .description { color:#ffffff; }
  194. .side-title { font-size:12px; color:#848484; margin-top:5px; margin-bottom:5px; border-bottom:2px solid #000000; }
  195. </style>
  196.  
  197.  
  198. <body>
  199. <div id="side2"> </div>
  200. <div id="side"> </div>
  201.  
  202. <div id="main">
  203. <div id="container">
  204.  
  205.  
  206. <div id="sidebar">
  207.  
  208. <div style="text-align:left;margin-top:20px;background-color:#fafafa;padding:10px;text-align:justify;margin-bottom:5px;">
  209. {Description}
  210. </div>
  211. <BR>
  212.  
  213. <a style="font-family:helvetica;letter-spacing:1px;font-weight:lighter;font-size:16px;" href="/">{Title}</a>
  214. <BR>
  215. <BR>
  216. <div class="nav-left">
  217. <a class="nav-left" href="/">home</a>
  218. {block:ifLink1}<a class="nav-left" href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}
  219. {block:ifLink3}<a class="nav-left" href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}
  220. </div>
  221.  
  222. <div class="nav-right">
  223. <a class="nav-right" href="/ask">ask</a>
  224. {block:ifLink2}<a class="nav-right" href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}
  225. {block:ifLink4}<a class="nav-right" href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}
  226. </div>
  227.  
  228.  
  229.  
  230. </div>
  231.  
  232. <div id="entry">
  233.  
  234. {block:Posts}
  235.  
  236. <div class="post">
  237. {block:Text}
  238. {block:Title}
  239. <div class="title">
  240. <a href="{Permalink}">{Title}</a></div>
  241. {/block:Title}
  242. <div class="caption">{Body}</div>
  243. {/block:Text}
  244.  
  245.  
  246. {block:Photo}
  247. <img src="{PhotoURL-500}">
  248. {block:Caption}
  249. <div class="caption">{Caption}</div>
  250. {/block:Caption}
  251. {/block:Photo}
  252.  
  253.  
  254. {block:Photoset}
  255. {Photoset-500}
  256. {block:Caption}
  257. <div class="caption">{Caption}</div>
  258. {/block:Caption}
  259. {/block:Photoset}
  260.  
  261. {block:Quote}
  262. <div class="postquote">{Quote}</div>
  263. {block:Source}
  264. <div class="quotesource"><span>{Source}</span></div>{/block:Source}
  265. {/block:Quote}
  266.  
  267.  
  268. {block:Link}
  269. <div class="title">
  270. <a href="{URL}" {Target}>{Name}</a></div>
  271. {block:Description}
  272. <div class="caption">{Description}</div>
  273. {/block:Description}
  274. {/block:Link}
  275.  
  276. {block:Chat}
  277. <ul class="chat">
  278. {block:Lines}
  279. <li class="user_{UserNumber}">
  280. {block:Label}
  281. <span class="label">
  282. {Label}</span>
  283. {/block:Label}
  284. {Line}</li>{/block:Lines}</ul>{/block:Chat}
  285.  
  286.  
  287. {block:Video}
  288. {Video-500}
  289. {block:Caption}
  290. <div class="caption">{Caption}</div>
  291. {/block:Caption}
  292. {/block:Video}
  293.  
  294.  
  295. {block:Audio}
  296. <div class="audio">
  297. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  298. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  299.  
  300. <div class="audio-info">
  301. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  302. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  303. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  304. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  305. </div></div>
  306. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  307. {/block:Audio}
  308.  
  309.  
  310. {block:Answer}
  311. <div class="question">
  312. <b>{Asker}:</b> {Question}
  313. </div>
  314. <div class="caption">{Answer}</div>
  315. {/block:Answer}
  316.  
  317. {block:PermalinkPage}
  318. <div class="entry-info" style="margin-top:10px;border-top:1px solid #f2f2f2;padding-top:5px;">
  319. {block:Date}<span class="date2"> <a href="{Permalink}"><span style="text-transform:uppercase;letter-spacing:1px;font-size:8px;">{ShortMonth}</span> {DayOfMonthWithZero}</a></span>{/block:Date} &nbsp;&nbsp; {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  320.  
  321. {block:RebloggedFrom}&emsp; &copy; <a href="{ReblogRootURL}">{ReblogRootName}</a> &emsp; {/block:RebloggedFrom}
  322.  
  323. {block:HasTags} &nbsp;&nbsp; <img src="http://media.tumblr.com/tumblr_mf1q086pET1ruid57.png" width="11"> <span class="tags"> {block:Tags} <span class="tag" style="text-transform:lowercase;"><a class="tagz" href="{TagURL}">{Tag}</a>{/block:Tags} &nbsp;&nbsp;{/block:HasTags}
  324. </div> </div>
  325. {/block:PermalinkPage}
  326.  
  327. {block:IndexPage}
  328. <div class="entry-info" style="margin-top:10px;border-top:1px solid #f2f2f2;padding-top:5px;">
  329. {block:Date}<span class="date2"> <a href="{Permalink}"><span style="text-transform:uppercase;letter-spacing:1px;font-size:8px;">{ShortMonth}</span> {DayOfMonthWithZero}</a></span>{/block:Date} &nbsp;&nbsp; {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  330.  
  331. {block:HasTags} &nbsp;&nbsp; <img src="http://media.tumblr.com/tumblr_mf1q086pET1ruid57.png" width="8"> <span class="tags"> {block:Tags} <span class="tag" style="text-transform:lowercase;"><a class="tagz" href="{TagURL}">{Tag}</a>{/block:Tags} &nbsp;&nbsp;{/block:HasTags}
  332. </div> </div>
  333. {/block:IndexPage}
  334.  
  335.  
  336.  
  337.  
  338. {block:PostNotes}
  339. <div class="post">
  340. {PostNotes}
  341. </div>
  342. {/block:PostNotes}
  343.  
  344. {/block:Posts}
  345.  
  346. <div style="text-align:center; padding-top:10px;font-size:10px;margin-top:-20px; margin-bottom:40px;">
  347. {block:Pagination}
  348.  
  349. {block:PreviousPage}
  350. <a href="{PreviousPage}">recent</a>
  351. {/block:PreviousPage}
  352. &mdash;
  353. {block:NextPage}
  354. <a href="{NextPage}">older</a>
  355. {/block:NextPage}
  356. {/block:Pagination}<BR>
  357.  
  358. </div>
  359.  
  360. {block:ContentSource}
  361. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  362. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  363. {/block:SourceLogo}
  364. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  365. {/block:ContentSource}
  366.  
  367. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  368.  
  369.  
  370.  
  371. </div>
  372. </div>
  373. </div>
  374.  
  375. <div id="theme"><script language="JavaScript">
  376. var ref = (''+document.referrer+'');
  377. var w_h = window.screen.width + " x " + window.screen.height;
  378. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3648908&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  379. </script></div></a>
  380.  
  381. </body>
  382. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement