Advertisement
basilone

Theme 15

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