Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Theme 01.

By: whatthefawkes on Jun 28th, 2011  |  syntax: None  |  size: 12.93 KB  |  hits: 610  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2. <head>
  3. <title> {title} </title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <meta name="description" content="{MetaDescription}" />
  6.  
  7. <!-- (c) tumblr theme #1 by WHATTHEFAWKES.tumblr.com
  8.       for personal use only. do not steal or redistribute or edit&re-post. thank you.  -->
  9.  
  10. <!--------------------------------- DEFAULT COLORS ---------------------------------------->
  11. <meta name="font:body" content="arial" />
  12. <meta name="font:title" content="georgia" />
  13.  
  14. <meta name="color:background" content="#f8f6d5"/>
  15. <meta name="color:sidebar background" content="#efebb2"/>
  16. <meta name="color:post background" content="#efebb2"/>
  17. <meta name="color:tags background" content="#f9f6cc"/>
  18. <meta name="color:text" content="#222222"/>
  19. <meta name="color:titles" content="#222222"/>
  20. <meta name="color:links" content="#f17b01"/>
  21. <meta name="color:bold" content="#577d13"/>
  22. <meta name="color:italics" content="#cf2711"/>
  23. <meta name="color:underline" content="#693601"/>
  24. <meta name="color:strike" content="#79a541"/>
  25. <meta name="color:blockquote background" content="#fff"/>
  26. <meta name="color:question background" content="#fff"/>
  27. <meta name="color:question text" content="#1d1710"/>
  28.  
  29. <meta name="color:navigation background" content="#f9f6cc"/>
  30. <meta name="color:navigation text" content="#222222"/>
  31. <meta name="color:navigation hover background" content="#fff"/>
  32. <meta name="color:navigation hover text" content="#1d1710"/>
  33. <meta name="font:navigation" content="tahoma" />
  34.  
  35.  
  36. <meta name="image:background" content=""/>
  37. <meta name="image:sidebar" content=""/>
  38. <meta name="if:Show sidebar image" content="1"/>
  39.  
  40. <meta name="text:Link1" content="" />
  41. <meta name="text:Link1 Title" content="" />
  42. <meta name="text:Link2" content="" />
  43. <meta name="text:Link2 Title" content="" />
  44. <meta name="text:Link3" content="" />
  45. <meta name="text:Link3 Title" content="" />
  46. <meta name="text:Link4" content="" />
  47. <meta name="text:Link4 Title" content="" />
  48. <meta name="text:Link5" content="" />
  49. <meta name="text:Link5 Title" content="" />
  50.  
  51.  
  52.  
  53. <!--------------------------------- CSS CODES ---------------------------------------->
  54. <style type="text/css">
  55. body {
  56. background-color: {color:background};
  57. background-image:url('{image:background}');
  58. background-repeat:no-repeat;
  59. background-position: top right;
  60. background-attachment: fixed;
  61. font: 11px {font:body};
  62. color: {color:text};
  63. text-align:left;
  64. }
  65.  
  66. #main {
  67. position: absolute;
  68. margin:10px;
  69. width: 510px;
  70. top: 60px;
  71. left: 280px;
  72. }
  73.  
  74.  
  75. #sidebar {
  76. position: absolute;
  77. text-align:center;
  78. top:266px;
  79. left:10px;
  80. width:260px;
  81. color:#000;
  82. padding: 5px;
  83. background-color:;
  84. padding: 6px;
  85. align:left;
  86. }
  87.  
  88. .sidebarpic img{max-width: 242px; text-align:center; margin-top: 2px}
  89.  
  90. .post {
  91. background:{color:post background};
  92. padding:5px;
  93. -webkit-border-radius: 10px;
  94. -moz-border-radius: 10px;
  95. border-radius: 10px;
  96. margin-top: 8px;
  97. margin-bottom: 8px;
  98. }
  99.  
  100. blockquote{
  101. background: {color:blockquote background};
  102. padding:1px;
  103. }
  104.  
  105.  
  106. .entrydate {
  107. background-color: #f9f6cc;
  108. padding: 10px;
  109. }
  110.  
  111. .pagination a, .pagination a:hover {
  112. font: normal 10px {font:body};
  113. background: #efebb2;
  114. color: #000;
  115. margin: 5px;
  116. padding: 10px;
  117. text-decoration: none;
  118. text-transform: uppercase;
  119. letter-spacing: 3px;
  120. }
  121.  
  122.  
  123. i { font-family: georgia; font-size: 12pt; color: {color:italics};}
  124. u { font-family: courier new; color:{color:underline};}
  125. b { font-family: Tahoma; color: {color:bold}; -webkit-transition:1s;}
  126. s { color: {color:strike};}
  127.  
  128. a:link, a:visited, a:active, a:hover{
  129. color: {color:links};
  130. cursor: default;
  131. text-decoration: none;
  132. font-size: ;
  133. -webkit-transition:1s;
  134. }
  135.  
  136. a.nav:link, a.nav:visited, a.nav:active {
  137. text-decoration: none;
  138. font-family: {font:navigation};
  139. font-size: 8pt;
  140. line-height: 9pt;
  141. color: {color:navigation text};
  142. background-color: {color:navigation background};
  143. cursor: crosshair;
  144. letter-spacing:1px;
  145. display: block;
  146. text-align:center;
  147. text-transform: normal;
  148. margin: 3px;
  149. padding: 3px;
  150. }
  151.  
  152. a.nav:hover {
  153. font-family: {font:navigation};
  154. font-size: 8pt;
  155. line-height: 9pt;
  156. font-weight: bold;
  157. font-style: normal;
  158. color: {color:navigation hover text};
  159. text-align: center;
  160. background-color: {color:navigation hover background};
  161. cursor: crosshair;
  162. display: block;
  163. text-transform: normal;
  164. letter-spacing:1px;
  165. margin: 3px;
  166. padding: 3px;
  167. }
  168.  
  169.  
  170.  
  171.  
  172.  
  173. a.navi1, a.navi1:hover  { background-color: #000000; font-family: arial;font-size: 7.5pt;color: #fff; margin: 2px;text-transform: uppercase;padding: 3px 5px 3px 5px;text-align: center; -webkit-transition:1.5s; }
  174.  
  175.  
  176.  
  177.  
  178. .notes{
  179. background:{color:post background};
  180. padding:5px;
  181. -webkit-border-radius: 10px;
  182. -moz-border-radius: 10px;
  183. border-radius: 10px;
  184. font: normal 9px {font:body};
  185. color: {color:links};
  186. text-align:left;
  187. line-height: 12px;
  188. margin-left: 10px;
  189. }
  190.  
  191. ol.notes {
  192. background-color:{color:post background};
  193. width:510px;
  194. padding: 0px;
  195. text-align:left;
  196. margin: 25px 0px;
  197. list-style-type: none;
  198. }
  199. ol.notes li.note {
  200. background-color:{color:post background};
  201. padding: 5px;
  202. margin-bottom:1px;
  203. }
  204. ol.notes li.note img.avatar {
  205. vertical-align: -4px;
  206. margin-right: 10px;
  207. width: 16px;
  208. height: 16px;
  209. }
  210. ol.notes li.note span.action {
  211. font-weight: normal;
  212. }
  213. ol.notes li.note .answer_content {
  214. font-weight: normal;
  215. }
  216.  
  217. .question {
  218. color: {color:question text};
  219. background: {color:question background};
  220. font-size: 10px;
  221. font-weight: normal;
  222. font-family:{font:body};
  223. line-height:12px;
  224. border-radius: 0px;
  225. margin: 0 0 0px 0;
  226. padding: 5px;
  227. text-align: center;
  228. }
  229.  
  230.  
  231. .question_container {margin: 0 0 20px 24px;}
  232.  
  233. .question_container img {margin: 0 22px -7px 20px;}
  234.  
  235.  
  236. .header {
  237. border-bottom: 0px solid #000;
  238. position: relative; top: px; margin: 10px 0 0 0;  
  239. }
  240.  
  241. .enclosed {
  242. font-family: {font:title};
  243. font-size:24px;
  244. margin-top: 5px; margin-bottom: 0px;
  245. text-align: center;
  246. font-weight: normal;
  247. color: {color:title};
  248. }
  249.  
  250. .img {
  251. border: 0px;
  252. }
  253.  
  254. .photo .reblog {
  255. margin: -70px 0 0;
  256. opacity: 0;
  257. -moz-opacity: 0;
  258. padding: 0 10px 5px;
  259. position: relative;
  260. top: 0;
  261. left: 0;
  262. text-align: right;
  263. }
  264. .photo:hover .reblog {
  265. opacity: .7;
  266. -moz-opacity: .7;
  267. -webkit-transition: all .4s ease-out;
  268. -moz-transition: all .4s ease-out;
  269. -o-transition: all .4s ease-out;
  270. transition: all .4s ease-out;
  271. }
  272.  
  273. </style>
  274. </head>
  275.  
  276. <body>
  277.  
  278. <!--------------------------------- SIDEBAR CONTENT ---------------------------------------->
  279.  
  280. <div id="sidebar">
  281. <center>
  282. <a class="navi1" href="/index"> Index.</a>
  283. <a class="navi1" href="/ask"> Ask.</a>
  284. <a class="navi1" href="/archive"> Archive.</a>
  285. <br>
  286.  
  287. <div class="post">
  288. <div class="sidebarpic"><img src="{image:sidebar}"/></div>
  289. {description}
  290. </div>
  291.  
  292. <div class="post">
  293. {block:ifLink1}<a href="{text:Link1}" class ="nav">{text:Link1 Title}</a>{/block:ifLink1}
  294. {block:ifLink2}<a href="{text:Link2}" class ="nav">{text:Link2 Title}</a>{/block:ifLink2}
  295. {block:ifLink3}<a href="{text:Link3}" class ="nav">{text:Link3 Title}</a>{/block:ifLink3}
  296. {block:ifLink4}<a href="{text:Link4}" class ="nav">{text:Link4 Title}</a>{/block:ifLink4}
  297. {block:ifLink5}<a href="{text:Link5}" class ="nav">{text:Link5 Title}</a>{/block:ifLink5}
  298. </div>
  299.  
  300. <!-- DO NOT REMOVE CREDIT -->
  301. <a href="http://whatthefawkes.tumblr.com/whatthefawkes+themes" class ="nav">Theme created by Whatthefawkes</a>
  302. <!-- DO NOT REMOVE CREDIT -->
  303.  
  304.  
  305. </div>
  306.  
  307.  
  308.  
  309. <!--------------------------------- MAIN CONTENT ---------------------------------------->
  310.  
  311. <div id="main"><br><Br><br><br>
  312. {block:Posts}
  313. <div class="post">
  314.  
  315. {block:Photo}
  316. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" class="postimage" border="0">
  317. {LinkCloseTag}
  318. {block:Caption}{Caption}{/block:Caption}
  319. <div class="entrydate">
  320. <img src="http://i55.tinypic.com/2hogtpy.png" width="13"> {DayOfMonthWithZero} {ShortMonth} {Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm} / <a href="{permalink}" title="{NoteCountWithLabel}" class="note_count">{NoteCount} notes</a> {block:RebloggedFrom}/ via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  321. </div>
  322. {/block:Photo}
  323.  
  324.  
  325.  
  326.  
  327.  
  328.  
  329.  
  330. {block:Quote}
  331. <div class="header"><div class="enclosed">{Quote}</div></div>
  332. {block:Source}—{Source}{/block:Source}
  333. </br>
  334. <div class="entrydate">
  335. <img src="http://i55.tinypic.com/2hogtpy.png" width="13"> {DayOfMonthWithZero} {ShortMonth} {Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm} / <a href="{permalink}" title="{NoteCountWithLabel}" class="note_count">{NoteCount} notes</a> {block:RebloggedFrom}/ via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  336. </div>
  337. {/block:Quote}
  338.  
  339.  
  340. {block:Photoset}
  341. {Photoset-500}
  342. {block:Caption}{Caption}{block:Caption}
  343. <br>
  344. <div class="entrydate">
  345. <img src="http://i55.tinypic.com/2hogtpy.png" width="13"> {DayOfMonthWithZero} {ShortMonth} {Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm} / <a href="{permalink}" title="{NoteCountWithLabel}" class="note_count">{NoteCount} notes</a> {block:RebloggedFrom}/ via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  346. </div>
  347. {/block:Photoset}
  348.  
  349.  
  350.  
  351.  
  352.  
  353.  
  354.  
  355.  
  356.  
  357.  
  358.  
  359.  
  360. {block:Video}
  361. <div class="videopost">{Video-500}</div>
  362. {block:Caption}{Caption}{block:Caption}
  363.  
  364. <div class="entrydate">
  365. <img src="http://i55.tinypic.com/2hogtpy.png" width="13"> {DayOfMonthWithZero} {ShortMonth} {Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm} / <a href="{permalink}" title="{NoteCountWithLabel}" class="note_count">{NoteCount} notes</a> {block:RebloggedFrom}/ via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  366. </div>
  367. {/block:Video}
  368.  
  369.  
  370.  
  371.  
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378. {block:Link}
  379. <div class="header"><div class="enclosed"><a href="{URL}" {Target}>{Name}</a></div></div>
  380. {block:Description}<caption>{Description}</caption>{/block:Description}
  381.  
  382. <div class="entrydate">
  383. <img src="http://i55.tinypic.com/2hogtpy.png" width="13"> {DayOfMonthWithZero} {ShortMonth} {Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm} / <a href="{permalink}" title="{NoteCountWithLabel}" class="note_count">{NoteCount} notes</a> {block:RebloggedFrom}/ via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  384. </div>
  385. {/block:Link}
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394.  
  395.  
  396. {block:Chat}
  397.  
  398. {block:Title}<div class="header"><div class="enclosed">{Title}</div></div>{/block:Title}
  399.  
  400. <table>
  401. {block:Lines}
  402. <tr>
  403. {block:Label}<td class="name">{Label}</td>{block:Label}
  404. <td class="words">{Line}</td>
  405. </tr>
  406. {/block:Lines}
  407. </table><br>
  408.  
  409. <div class="entrydate">
  410. {block:Date}<img src="http://i55.tinypic.com/2hogtpy.png" width="13"> {DayOfMonthWithZero} {ShortMonth} {Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:PostNotes}/ <a href="{permalink}" title="{NoteCountWithLabel}" class="note_count">{NoteCount} notes</a>{/block:PostNotes} {block:RebloggedFrom}/ via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  411. </div>
  412. {/block:Chat}
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425. {block:Audio}
  426. <div style="float:right;margin-top:-3px;color:#ffffff;font-
  427. size:11px;padding:10px;">
  428. <font color="#444444">{FormattedPlayCount} plays</font></div>
  429. <div style="display:block;background:#e4e4e4;margin-bottom:5px;">
  430. {AudioPlayerGrey}</div>
  431. {block:Caption}{Caption}{/block:Caption}
  432.  
  433. <div class="entrydate">
  434. <img src="http://i55.tinypic.com/2hogtpy.png" width="13"> {DayOfMonthWithZero} {ShortMonth} {Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm} / <a href="{permalink}" title="{NoteCountWithLabel}" class="note_count">{NoteCount} notes</a> {block:RebloggedFrom}/ via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  435. </div>
  436. {/block:Audio}
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451. {block:Text}
  452. {block:Title}<div class="header"><div class="enclosed">{Title}</div></div>{/block:Title}
  453. {Body}
  454. {block:More}<br><a href="{permalink}" class="readmore" title="click here to read more">&#187; read more</a>{/block:More}
  455.  
  456.  
  457. <div class="entrydate">
  458. <img src="http://i55.tinypic.com/2hogtpy.png" width="13"> {DayOfMonthWithZero} {ShortMonth} {Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm} / <a href="{permalink}" title="{NoteCountWithLabel}" class="note_count">{NoteCount} notes</a> {block:RebloggedFrom}/ via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  459. </div>
  460. {/block:Text}
  461.  
  462.  
  463.  
  464.  
  465.  
  466.  
  467.  
  468.  
  469.  
  470.  
  471. {block:Answer}
  472. <div class="question">
  473. <div class="questionarrow"></div>
  474. {Question}
  475. </div>
  476. <div class="question_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  477. {Answer}
  478.  
  479. <div class="entrydate">
  480. <img src="http://i55.tinypic.com/2hogtpy.png" width="13"> {DayOfMonthWithZero} {ShortMonth} {Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm}</div>
  481. {/block:Answer}
  482.  
  483. </div>
  484.  
  485.  
  486.  
  487. {/block:Posts}
  488.  
  489. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  490.  
  491.  
  492. {block:Pagination}<br><div class="pagination">
  493. {block:PreviousPage}<span class="previous-page"><a href="{PreviousPage}">« Newer Posts</a></span>
  494. {/block:PreviousPage}
  495.  
  496.  
  497. {block:NextPage}<span class="next-page"><a href="{NextPage}">Older Posts »</a></span>
  498. {/block:NextPage}<br>
  499.  
  500. {/block:Pagination}
  501.  
  502.  
  503.  
  504. </div>
  505. {/block:Posts}
  506.  
  507.  
  508.  
  509.  
  510. </body>
  511. </html>
create a new version of this paste RAW Paste Data