Advertisement
officerparker

theme001

Nov 11th, 2011
1,102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.39 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!-- theme by officerparker -->
  5.  
  6.  
  7.  
  8. <!-- DEFAULT VARIABLES -->
  9.  
  10. <meta name="color:background" content="#eeeae4" />
  11.  
  12. <meta name="color:text" content="#777777" />
  13. <meta name="color:title" content="#241f1f" />
  14.  
  15. <meta name="color:link" content="#815a5a" />
  16.  
  17. <meta name="color:sidebar background" content="#262122" />
  18.  
  19. <meta name="image:sidebar" content=""/>
  20.  
  21. <meta name="text:Link1" content="/" />
  22. <meta name="text:Link1 Title" content="link 1" />
  23. <meta name="text:Link2" content="/" />
  24. <meta name="text:Link2 Title" content="link 2" />
  25. <meta name="text:Link3" content="/" />
  26. <meta name="text:Link3 Title" content="link 3" />
  27.  
  28. <meta name="color:title background" content="#e7e2dc" />
  29. <meta name="color:title text" content="#777777" />
  30. <meta name="color:info" content="#262122" />
  31. <meta name="color:info text" content="#fff" />
  32.  
  33. <meta name="font:body" content="Georgia" />
  34. <meta name="text:font size" content="11px" />
  35. <meta name="image:background" content="http://static.tumblr.com/..."/>
  36.  
  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.  
  45.  
  46. <style type="text/css">
  47.  
  48. body{
  49. background-color:{color:background};
  50. background-image:url('{image:background}');
  51. background-position:right;
  52. background-attachment:fixed;
  53. color:{color:text};
  54. font-family:{font:body};
  55. font-size:11px; margin:0px;}
  56.  
  57. a:link, a:active, a:visited {
  58. color:{color:link};
  59. text-decoration:none;
  60. }
  61.  
  62. a:hover{
  63. color:#c2b0b0;
  64. font-weight:none;
  65. border-bottom:1px solid #815a5a; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  66.  
  67. blockquote {
  68. border-left:3px solid {color:link};
  69. margin:10px 0px 10px 10px;
  70. padding-left:10px;
  71. }
  72.  
  73.  
  74. b, strong {
  75. font-weight:bold;
  76. color:{color:link};
  77. }
  78.  
  79. u {
  80. text-decoration:none;
  81. border-bottom:2px solid {color:link};
  82. }
  83.  
  84. h1 {
  85. font:20px georgia;
  86. font-style:italic;
  87. color:{color:link};
  88. letter-spacing: -1px;
  89. text-decoration:none;
  90. line-height:100%;
  91. -webkit-transition: color 0.6s linear;
  92. margin:0px;
  93.  
  94. }
  95.  
  96. #main{
  97. width:900px;
  98. position:absolute;
  99. margin:auto;
  100. margin-top:20px;
  101. margin-bottom: 10px;
  102. }
  103.  
  104. #entries {
  105. margin-left:280px;
  106. width:500px;
  107. margin-top:20px;
  108. margin-bottom:10px;
  109. position:right;
  110. }
  111.  
  112. #title {
  113. font-family: georgia;
  114. font-size: 18px;
  115. font-style: italic;
  116. color: {color:title};
  117. text-align:center;
  118. margin-left:auto;
  119. padding-bottom:10px;
  120. }
  121.  
  122.  
  123.  
  124. #sidebar{
  125. margin-left;auto;
  126. text-align:justified;
  127. font-size:{text:body};
  128. position:absolute;
  129. height:auto;
  130. background-color:{color:sidebar background};
  131. width:250px;
  132. padding:5px;
  133. margin-top:0;
  134.  
  135. }
  136.  
  137.  
  138. .navigation {
  139. font-family: georgia;
  140. text-transform: none;
  141. letter-spacing: 2px;
  142. text-align:center;
  143.  
  144.  
  145. }
  146.  
  147. .navigation a {
  148. width: 240px;
  149. height: 20px;
  150. lline-height:135%;
  151. display:block;
  152. font-family:{font:title};
  153. text-color:{color:link};
  154. margin-bottom: 1px;
  155. letter-spacing: 2px;
  156. padding:2px;
  157. background-color: {color:sidebar background};
  158.  
  159. }
  160.  
  161.  
  162. .navigation a:hover {
  163. border-left: 5px solid #815a5a;
  164. border-right: 5px solid #815a5a;
  165. background-color:{color:background};
  166. color: #815a5a;
  167. font-weight: none;
  168. -webkit-transition: color 0.6s linear;
  169. -webkit-transition: background-color 0.6s linear;
  170. }
  171.  
  172.  
  173.  
  174.  
  175. #info {
  176. margin-top:7px;
  177. margin-bottom:25px;
  178. padding-left:5px;
  179. padding-top:2px;
  180. padding-bottom:2px;
  181. background-color: {color:info};
  182. text-align: left;
  183. font-size: 9px;
  184. font-family: {font:body};
  185. font-colot:{color:info color};
  186. text-transform: none;
  187.  
  188.  
  189.  
  190. #pagination {
  191. font-size:12px;
  192. font-family:{font:title};
  193. color:{color:text};
  194. letter-spacing:1px;
  195. text-align:center;
  196. }
  197.  
  198.  
  199.  
  200. .sideimage img {
  201. max-width:250px;
  202. height: auto;
  203. margin-top:5px;
  204. margin-bottom:2px;
  205. }
  206.  
  207. .audio {
  208. background-color:#000000;
  209. height:auto;
  210. }
  211.  
  212. .asker {
  213. font-size: 16px;
  214. font-style:italic;
  215. background-color: {color:background};
  216. color:{color:link};
  217. margin-bottom:2px;
  218. padding: 10px;
  219.  
  220. }
  221.  
  222.  
  223.  
  224. ol.notes, .notes li, ul.chat, .chat ol, .chat li {
  225. list-style:none;
  226. margin:0px;
  227. padding:0px;
  228. }
  229.  
  230.  
  231. #source {
  232. text-align:right;
  233. font-weight:bold;
  234. }
  235.  
  236.  
  237. .quote {
  238. font-family: {font:title};
  239. font-size: 18px;
  240. letter-spacing:-1px;
  241. line-height: 100%;
  242. margin-top: -80px;
  243. margin-left: 40px;
  244. padding: 10px;
  245. }
  246.  
  247. .chat {
  248. line-height: 12px;
  249. list-style: none;
  250. }
  251. .chat ul {
  252. line-height: 15px;
  253. list-style: none;
  254. padding: 0px;
  255. line-height:20px;
  256. }
  257. .user1 {
  258. background-color:{color:background};
  259. color: {color:text};
  260. }
  261. .user1 .label {
  262. font-weight: bold;
  263. padding: 0px;
  264. margin-left: 5px;
  265. color:{color:text}
  266. }
  267. .user2 {
  268. color: {color:text};
  269. }
  270. .user2 .label {
  271. font-weight: bold;
  272. padding: 0px;
  273. margin-left: 5px;
  274. color:{color:text}
  275. }
  276.  
  277.  
  278.  
  279. .tags {
  280. color: {color:text};
  281. font-size: 9px;
  282. display: inline;
  283. list-style: none;
  284. text-transform: none;
  285. }
  286.  
  287.  
  288.  
  289.  
  290. </style>
  291.  
  292. </head>
  293.  
  294. <body>
  295.  
  296.  
  297. <div id="main">
  298. <div id="sidebar">
  299. <div id="title"><a href="/"><center>{Title}</center></a><br></div>
  300.  
  301. <div class="navigation">
  302. <a href="/" class="navigation">home</a>
  303. <a href="/ask" class="navigation">ask</a>
  304. <a href="/archive" class="navigation">archive</a>
  305. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  306. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  307. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  308. <a href="http://officerparker.tumblr.com/themes" class="navigation">theme ©</a></div>
  309.  
  310.  
  311. <div class="sideimage">
  312. <img src="{image:sidebar}"/></div>
  313.  
  314. <div id="info">{block:Description}{Description}{/block:Description}</div>
  315. <center><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div></center></div></div><p>
  316.  
  317. <div id="entries">
  318. {block:Posts}
  319.  
  320. {block:Text}
  321.  
  322. {block:Title}
  323. <h1><a href="{Permalink}">• {Title}</a></h1>
  324. {/block:Title}
  325.  
  326. {Body}
  327.  
  328. {/block:Text}
  329.  
  330. {block:Photo}
  331.  
  332. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/>
  333.  
  334. {block:Caption}
  335. {Caption}
  336. {/block:Caption}
  337.  
  338. {/block:Photo}
  339.  
  340. {block:Photoset}
  341.  
  342. {Photoset-500}
  343.  
  344. {block:Caption}
  345. {Caption}
  346. {/block:Caption}
  347.  
  348. {/block:Photoset}
  349.  
  350. {block:Quote}
  351.  
  352. <div class="quote">"{Quote}"</div>
  353.  
  354. {block:Source}
  355. <div id="source"> - {Source}</div>
  356. {/block:Source}
  357.  
  358. {/block:Quote}
  359.  
  360. {block:Link}
  361.  
  362. <h1><a href="{URL}" class="link" {Target}>» {Name}</a></h1>
  363.  
  364. {block:Description}
  365. {Description}
  366. {/block:Description}
  367.  
  368. {/block:Link}
  369.  
  370. {block:Chat}
  371. {block:Title}<h1>{Title}</h1>{/block:Title}
  372. <div class="chat">
  373. <ul>{block:Lines}
  374. <li class="user{UserNumber}">
  375. {block:Label}
  376. <span class="label">{Label}</span>
  377. {/block:Label}
  378. {Line}</li>
  379. {/block:Lines}</ul>
  380. </div>
  381. {/block:Chat}
  382.  
  383.  
  384.  
  385. {block:Video}
  386.  
  387. {Video-500}
  388.  
  389. {block:Caption}
  390. {Caption}
  391. {/block:Caption}
  392.  
  393. {/block:Video}
  394.  
  395. {block:Audio}
  396.  
  397. <div id=audio>{Audio}</div>
  398.  
  399. {AudioPlayerGrey}
  400.  
  401. {block:Caption}
  402. {Caption}
  403. {/block:Caption}
  404.  
  405. {/block:Audio}
  406.  
  407. {block:Answer}<div class="asker"><Table width="100%" style="border-bottom: 1px solid {color:sidebar background};"><tr><td style="vertical-align: top" width="50px"><img src="{AskerPortraitURL-40}"></td><td><i>{Asker}</i> asked: {Question}</td></tr></table></div>
  408.  
  409. {Answer}
  410. {/block:Answer}
  411.  
  412. <div id="info">
  413. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} from <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  414. {/block:RebloggedFrom}<br>
  415. <div class="tags">{block:HasTags}tagged: {block:Tags} #<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  416.  
  417. {block:PostNotes}{PostNotes}{/block:PostNotes}
  418.  
  419. </div>
  420.  
  421.  
  422.  
  423. </body>
  424. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement