Advertisement
hxcfairy

THEME MADE BY MAGICBLOOD

Nov 29th, 2011
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.95 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.  
  6. <!----
  7. © THEME MADE BY MAGICBLOOD
  8. * Please do not remove any credits or else don't use my theme.
  9. * http://magicblood.tumblr.com/
  10. ----!>
  11.  
  12. <!-- DEFAULT VARIABLES -->
  13. <meta name="color:Background" content="#FFF4D9" />
  14. <meta name="color:Box" content="#E4E4E4" />
  15. <meta name="color:Menu" content="#e8d9bb" />
  16. <meta name="color:Menu Border" content="#FFFFFF" />
  17. <meta name="color:Menu Links" content="#fff5f4" />
  18. <meta name="color:Menu Links Hover" content="#fff7af" />
  19. <meta name="color:Title" content="#3A3A3A" />
  20. <meta name="color:Text" content="#797979" />
  21. <meta name="color:Text Post Background" content="#DCFFC4" />
  22. <meta name="color:Links" content="#444444" />
  23. <meta name="color:Links Hover" content="#FF5050" />
  24. <meta name="color:Side box" content="#fff" />
  25. <meta name="color:Audio" content="#EEE" />
  26. <meta name="color:Image Background" content="#EEE" />
  27. <meta name="color:Notes" content="#ffe6b1" />
  28. <meta name="text:Line Height" content="13px" />
  29. <meta name="image:Background" content="" />
  30. <meta name="image:Sidebar" content="" />
  31. <meta name="image:Menu Image" content="" />
  32.  
  33. <meta name="text:Link1" content="" />
  34. <meta name="text:Link1 Title" content="" />
  35. <meta name="text:Link2" content="" />
  36. <meta name="text:Link2 Title" content="" />
  37. <meta name="text:Link3" content="" />
  38. <meta name="text:Link3 Title" content="" />
  39. <meta name="text:Link4" content="" />
  40. <meta name="text:Link4 Title" content="" />
  41.  
  42. <link rel="shortcut icon" href="{Favicon}" />
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  44. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  45. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}
  46. {block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52.  
  53. body{
  54. color:{color:text};
  55. background-color: {color:background};
  56. background-image:url({image:background});
  57. background-position: center;
  58. background-attachment:fixed;
  59. background-repeat: repeat;
  60. font-family:georgia;
  61. font-size:11px;
  62. line-height:{text:line height};
  63. text-align:justify;
  64. }
  65. a:link, a:active, a:visited{
  66. color: {color:links};
  67. text-decoration:none;
  68. }
  69. a:hover{
  70. color:{color:links hover};-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;
  71. }
  72.  
  73. #center{
  74. position:absolute;
  75. left:50%;
  76. margin-left:-130px;
  77. top:-13px;
  78. width:600px;
  79. }
  80.  
  81. #photosetbox{
  82. background-color:transparent;
  83. width: 500px;
  84. overflow-y:hidden;
  85. z-index:10;
  86.  
  87.  
  88. }
  89.  
  90. #photobox{
  91. background-color:{color:image background};
  92. width: 500px;
  93. overflow-y:hidden;
  94. z-index:10;
  95. text-align:center;
  96.  
  97.  
  98. }
  99. #captionbox{
  100. background-color: {color:box};
  101. padding:5px;
  102. width: 490px;}
  103.  
  104. #box{
  105. background-color: {color:box};
  106. padding:5px;
  107. width: 490px;
  108.  
  109.  
  110. }
  111. #border{width:100%; height:100px; background-color:{color:menu}; background-image:url({image:menu image}); background-attachment:fixed; border-bottom: 1px solid {color:menu border}; position:fixed; left:1px; top:-5px; margin:0px; z-index:2;}
  112.  
  113. #borderin{width:700px; position:absolute; left:50%; margin-left:-280px; margin-top:11px; }
  114.  
  115. #bordertitl{height:81px; width:170px; float:left; margin-left:4px; background-color:{color:side box}; }
  116.  
  117. #bordertitls{text-align:center; letter-spacing:1px; font-size:9px; line-height:15px; font-style:italic;
  118. }
  119.  
  120. #navigs {
  121. float: left;
  122. width: 300px;
  123. margin-top: 0px;
  124. height: 81px;
  125. }
  126.  
  127. .links a{
  128. float: left;
  129. width: 120px;
  130. height: 6px;
  131. background-color: {color:menu links};
  132. margin-left: 4px;
  133. margin-bottom: 3px;
  134. text-align: right;
  135. padding-right: 5px;
  136. padding-bottom: 10px;
  137. letter-spacing: 5px;
  138. text-align: left;
  139. padding-top: 2px;
  140. padding-left: 15px;
  141. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  142. }
  143.  
  144.  
  145. .links a:hover{background-color:{color:menu links hover}; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  146. margin-left:15px; padding-left:10px;}
  147.  
  148.  
  149. #sidebar {
  150. margin-top:93px;
  151. position: fixed;
  152. width: 250px;
  153. margin-left:-280px;
  154. height:auto;
  155. font-size:0.8em;
  156. padding:10px;
  157. height:100%;
  158. background-color: {color:side box};
  159. }
  160.  
  161. #paginates { margin-top:10px;width: 500px;
  162. margin-bottom:10px;
  163. text-align:center;}
  164.  
  165. #simg img {max-width: 250px; height: auto; text-align:center;}
  166.  
  167.  
  168. #datenote {width:497px; background-color: {color:notes}; padding-top:3px; padding-bottom:3px; font:0.8em arial; letter-spacing:1px; text-transform:uppercase; margin-top:0px; text-align:center; padding-right:3px;}
  169.  
  170. h1, big{
  171. color:{color:title};
  172. font-family: {font:title};
  173. font-size:35px;
  174. line-height:30px;
  175. letter-spacing:-3px;
  176. font-weight:normal;
  177. text-transform:lowercase;
  178. margin:0px;
  179. padding:0px;
  180. text-align:left;
  181. }
  182. h3{
  183. background-color:{color:text post background};
  184. color:{color:title};
  185. font-family:georgia;
  186. font-size:15px;
  187. line-height:auto;
  188. letter-spacing:0.1em;
  189. font-weight:normal;
  190. font-style:italic;
  191. text-transform:capital;
  192. margin:0px;
  193. padding:10px;
  194. text-align:center;
  195.  
  196. }
  197. h4{
  198. color:{color:title};
  199. font-family:georgia;
  200. font-size:13px;
  201. line-height:auto;
  202. letter-spacing:-1px;
  203. font-weight:normal;
  204. font-style:italic;
  205. text-transform:lowercase;
  206. margin:0px;
  207. padding:0px;
  208. margin-bottom:-0px;
  209. text-align:center;
  210. }
  211.  
  212. .pagination {
  213. font-size: 13px;
  214. margin-left: 2px;
  215. margin-top:-2px;
  216. text-transform: uppercase;
  217. background:{color:box};
  218. padding: 3px;
  219. display: inline-block;
  220. width:20px;
  221. text-align:center;
  222. }
  223. .pagination:hover {
  224. background-color: {color:notes};
  225. }
  226. .nextprev {
  227. font-size: 13px;
  228. text-transform: uppercase;
  229. background:{color:box};
  230. padding: 3px; display:
  231. inline-block;
  232. width:35px;
  233. margin-left: 2px;
  234.  
  235. }
  236. .nextprev:hover {
  237. background-color: {color:box};}
  238.  
  239. .quest {
  240. color:{color:text};
  241. font-size: 9px;
  242. font-weight: normal;
  243. font-family: georgia;
  244. line-height:95%;
  245. background: {color:notes};
  246. margin: 0 0 10px 0;
  247. padding: 10px 15px;
  248. position: relative;}
  249.  
  250. .arrow {
  251. width: 13px;
  252. height: 7px;
  253. font-size:30px;
  254. font-family:'trebuchet ms';
  255. position: absolute;
  256. color:{color:notes};
  257. bottom: -3.5px;
  258. left: 240px;}
  259.  
  260.  
  261. .asker {width:490px; text-align:left; text-transform:uppercase; color:{color:text}; font-size:9px;}
  262. .asker a {color:{color:text};}
  263. .asker img {float:left; margin-left:220px; vertical-align:top; margin-right:3px; max-height:15px;}
  264.  
  265. .answer {color:{color:text};}
  266.  
  267. .chat{list-style: none; font-size: 10px; margin: 0px;}
  268. .chat ul {line-height: 15px; list-style: none; padding: 0px; margin: 0px;}
  269. .line.odd {color: #727272; background-color: {color:side box}; padding: 2px 5px}
  270. .line.odd .label {font-weight: bold; padding: 3px; color: #727272; text-transform: uppercase;}
  271. .line.even {color: {color:color4med}; padding: 2px 5px}
  272. .line.even .label {font-weight: bold; padding: 3px; color: {color:sidebar}; text-transform: uppercase;}
  273.  
  274. #icon { margin-left:0px; }
  275.  
  276. .bigquote{font-size: 80px; color:{color:notes}; line-height:80px;}
  277. .pquote{font-size: 20px; font-family: serif; font-style:italic; letter-spacing: -1px; serif; line-height: 18px;
  278. text-transform: uppercase; margin-top: -70px; text-indent: 45px}
  279.  
  280. blockquote {
  281. background-color: {color:box};
  282. padding:5px;
  283. padding-left:10px;
  284. margin:5px;
  285. border-left:4px solid {color:background};
  286. }
  287. b, strong{color:{color:title};}
  288. i, em {color:{color:links};}
  289. p{margin-top:3px; margin-bottom:3px;}
  290. blockquote img{ display:block;}
  291. blockquote p {padding:0px; margin:0px;}
  292. blockquote blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  293. a img{border:none;}
  294. .apost{min-height: 150px;}
  295. .cover {background-image: url(http://i35.tinypic.com/ampiiq.jpg); float: left; width: 150px; height: 150px; margin-right: 10px; }
  296. .cover img{width: 150px; height: 150px}
  297. .plcount {font-style: italic}
  298. .user_1 .label, .user_4 .label, .user_7 .label {color:{color:title};}
  299. .user_2 .label, .user_5 .label, .user_8 .label {color:{color:links};}
  300. .user_3 .label, .user_6 .label, .user_9 .label {color:{color:text}; opacity:.75;}
  301. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  302. .notes img{width:10px; position:relative; top:1px;}
  303. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  304. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  305. </style>
  306. <style type="text/css">{CustomCSS}</style>
  307.  
  308. <meta name="robots" content="index, follow">
  309. </head>
  310. <body>
  311. <div id="border"> <div id="borderin">
  312.  
  313.  
  314.  
  315. <img src="{PortraitURL-64}" style="border:solid 9px {color:notes}; float:left;">
  316.  
  317. <div id="bordertitl"><div id="bordertitls">
  318. <div style="height:30px; width:120px; margin-left:24px; overflow:hidden; top:31px; bottom:-3px; position:absolute;">
  319. <a href="/">{title}</a></div>
  320. </div>
  321.  
  322. </div>
  323.  
  324. <div id="navigs">
  325. <div class="links"><a href="/">home</a></div>
  326. <div class="links">{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</div>
  327. <div class="links"><a href="/ask">ask</a></div>
  328. <div class="links">{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}</div>
  329. <div class="links"><a href="/archive">archive</a></div>
  330. <div class="links">{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}</div>
  331. <div class="links"><a href="/aboutme">about me</a></div>
  332. <div class="links">{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</div>
  333.  
  334. </div>
  335. </div>
  336. </div>
  337.  
  338.  
  339. <div id="center">
  340. <BR>
  341. <div id="sidebar">
  342. <div id="simg"><img src="{image:sidebar}"/></div>
  343. {block:Description}{Description}{/block:Description}
  344. </div>
  345.  
  346. <br></br><br><br><br><br><br><br>
  347.  
  348. {block:Posts}
  349. {block:Photo}
  350.  
  351. <div id="photobox">
  352.  
  353. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  354. {LinkCloseTag}</div>
  355. <div id="captionbox">
  356. {block:Caption} {Caption}{/block:Caption}</div>{/block:Photo}
  357.  
  358. {block:Photoset}<div id="photosetbox"><center>{Photoset-500}</center></div>
  359. <div id="captionbox">
  360. {block:Caption}{Caption}{/block:Caption}</div>
  361. {/block:Photoset}
  362.  
  363. {block:Video}<div id="photosetbox">{Video-500}</div>
  364. <div id="captionbox">
  365.  
  366. {block:Caption}{Caption}{/block:Caption}</div>
  367.  
  368. {/block:Video}
  369.  
  370. <div id="box">
  371.  
  372. {block:Quote}<b class="bigquote">“</b><div class="pquote">{Quote}&nbsp;</div>
  373. {/block:Quote}
  374. {block:Title}<h3>{Title}&nbsp;</h3> {/block:Title}
  375. {block:Link}<a href="{URL}" class="link" {Target}><h3>{Name}&nbsp;</h3></a>{/block:Link}
  376. {block:Text}{Body}{/block:Text}
  377. {block:Quote}{block:Source}<center><P>—{Source}</p></center>{/block:Source}
  378. {/block:Quote}
  379. {block:Link}{block:Description}<P>{Description}</p>{/block:Description}
  380. {/block:Link}
  381. {block:Chat}
  382. <div class="chat"><ul>{block:Lines}<li class="line {Alt}">{block:Label}
  383. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  384. {/block:Chat}
  385. {block:Answer}
  386. <div class="quest">
  387. <div class="arrow">▼</div>
  388. <center><b>Question:</b> <i>{Question}</i></center>
  389. </div>
  390. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  391. <div class="answer">{Answer}</div>
  392. {/block:Answer}
  393. {block:Audio}
  394. <div class="apost"><div class="cover">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  395. {AudioPlayerWhite}
  396. <div class="plcount">{PlayCountWithLabel}</div>
  397. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div></div>
  398. {/block:Audio}
  399.  
  400.  
  401. </div>
  402.  
  403.  
  404. <div id="datenote">
  405. {block:HasTags}{block:Tags}<a href="{TagURL}" class="tag">#{Tag}&nbsp;</a>{/block:Tags}{/block:HasTags}<br>
  406. <a href="{Permalink}">{TimeAgo}</a> on
  407. {DayOfMonth} {Month} {Year} @ {12Hour}:{Minutes} {CapitalAmPm}
  408. [+] <a href="{Permalink}"> {NoteCountWithLabel}</a>
  409. <br>{block:RebloggedFrom}@VIA <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> + © <a href="{ReblogRootURL}"
  410. title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  411. {block:PostNotes}
  412. <br><br>
  413.  
  414. {PostNotes}{/block:PostNotes}
  415. </div>
  416.  
  417.  
  418. <br>
  419.  
  420.  
  421. {/block:Posts}
  422.  
  423. <div id="paginates">
  424. {block:Pagination}
  425. {block:PreviousPage}
  426. <a href="{PreviousPage}"><div class="nextprev">Prev</a></div>
  427. {/block:PreviousPage}
  428.  
  429. {block:JumpPagination length="10"}
  430. {block:CurrentPage}
  431. <span class="current_page"><div class="pagination">{PageNumber}</div></span>
  432. {/block:CurrentPage}
  433.  
  434. {block:JumpPage}
  435. <a class="jump_page" href="{URL}"><div class="pagination">{PageNumber}</div></a>
  436. {/block:JumpPage}
  437. {/block:JumpPagination}
  438.  
  439. {block:NextPage}
  440. <a href="{NextPage}"><div class="nextprev">Next</a></div>
  441. {/block:NextPage}
  442. {/block:Pagination}</div>
  443.  
  444.  
  445.  
  446.  
  447. </div>
  448.  
  449. <div style="font-family:arial; font-style:italic; font-size:9px; text-transform:uppercase; position:fixed; bottom:5px; right:5px; opacity:.5;"><a href="http://magicblood.tumblr.com" title="Theme Link">@THEME</a></div>
  450. </body>
  451. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement