API tools faq
paste
mafercuellardiaz

huoran theme 4

mafercuellardiaz
Jul 5th, 2013
379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.40 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. /** if u steeal i'll find u and kick ur butt and eat ur eyes in an icecream :3 love**/
  6.  
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10.  
  11. <head>
  12.  
  13. <meta name="color:bg" content="#FFFFFF">
  14. <meta name="color:title" content="#FFFFFF">
  15. <meta name="color:link" content="#b3afaf">
  16. <meta name="color:hover" content="#454545">
  17. <meta name="color:infobg" content="#FCFCFC">
  18. <meta name="color:text" content="#9A9A9A">
  19. <meta name="color:tags" content="#EDEDED">
  20. <meta name="color:scrollbar" content="#D6D5D5">
  21. <meta name="color:border" content="#FAFAFA">
  22. <meta name="color:linkbg" content="#0a0a0a">
  23. <meta name="color:triangle" content="#0a0a0a">
  24.  
  25.  
  26.  
  27. <meta name="image:thekey" content=""/>
  28. <meta name="image:sidebar" content=""/>
  29.  
  30.  
  31. <meta name="text:link1" content="">
  32. <meta name="text:link1 url" content="/">
  33. <meta name="text:link2" content="">
  34. <meta name="text:link2 url" content="/">
  35. <meta name="text:link3" content="">
  36. <meta name="text:link3 url" content="/">
  37.  
  38.  
  39. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  40. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  41. <link rel="shortcut icon" href="{Favicon}" />
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  43. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  44. <head><title>{Title}</title><style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
  45. <style type="text/css">
  46.  
  47. #bite
  48. #bite a{
  49. display:block
  50. }
  51. #bite .death {
  52. margin-top:0px;filter: alpha(opacity = 0);
  53. opacity:0;-webkit-transition: all 0.5s ease-out;
  54. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  55. }
  56.  
  57. #bite:hover .death {
  58. margin-top:0px;
  59. -webkit-transition: all 0.8s ease-out;
  60. -moz-transition: all 0.8s ease-out;
  61. transition: all 0.8s ease-out;
  62. filter: alpha(opacity = 100);
  63. filter: alpha(opacity = 100);
  64. opacity:100;
  65. }
  66.  
  67. a {
  68. color:{color:link};
  69. text-decoration:none;
  70. -moz-transition-duration:0.5s;
  71. -webkit-transition-duration:0.5s;
  72. -o-transition-duration:0.5s;
  73. }
  74.  
  75. a:hover {
  76. color:{color:hover};
  77. text-decoration:none;
  78. -moz-transition-duration:0.5s;
  79. -webkit-transition-duration:0.5s;
  80. -o-transition-duration:0.5s;
  81. }
  82.  
  83.  
  84. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  85. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  86. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  87.  
  88. body {
  89. background-color:{color:bg};
  90. font-family:Calibri;
  91. font-weight:normal;
  92. }
  93.  
  94.  
  95.  
  96.  
  97. h1 {
  98. font-weight:normal;
  99. font-size:10px;
  100. text-align:center;
  101. font-style:normal;
  102. line-height:80%;
  103. letter-spacing:1px;
  104. text-transform:uppercase;
  105. color:{color:text};
  106. }
  107.  
  108. h2 {
  109. font-size:15px;
  110. text-align:center;
  111. line-height:100%;
  112. letter-spacing:-0.5px;
  113. color:{color:text};
  114. font-weight:normal;
  115. padding:5px;
  116. padding-bottom:2px;
  117. }
  118.  
  119.  
  120. blockquote {
  121. border-left:2px solid {color:text};
  122. padding-left:5px;
  123. margin:5px;
  124. }
  125.  
  126. #theme {
  127. background-color:{color:bg};
  128. width:700px;
  129. margin: 0 auto -12px auto;
  130. text-align: center;
  131.  
  132.  
  133.  
  134. }
  135.  
  136.  
  137. #actualnews {
  138. font-family:calibri;
  139. font-size:10px;
  140. color: #b8b8b8;
  141. width:100px;
  142. height:auto;
  143. padding-top:3px;
  144. border:1px solid#e6e4e4;
  145. margin-left: 950px;
  146. margin-top:30px;
  147. text-align:center;
  148. position:fixed;
  149. }
  150.  
  151. #thekey img{
  152. width:auto;
  153. height:auto;
  154. margin-top: 0px;
  155. margin-left: 1030px;
  156. position:fixed;
  157. }
  158. #sidebar {
  159.  
  160. padding:10px;
  161.  
  162.  
  163. margin-left:-160px;
  164. width:100px;
  165. height:170px;
  166.  
  167. color:{color:text};
  168. position:fixed;
  169. width:120px;
  170.  
  171. margin-top:170px;
  172. text-align:left;
  173.  
  174. }
  175.  
  176.  
  177. #sidebar img {
  178. text-align:left;
  179. width:48px;
  180. width:48px;
  181. float:left;
  182. padding-right:7px;
  183. height:48px;
  184. text-align:left;
  185. background:transparent;
  186.  
  187.  
  188. }
  189. .desc {
  190. border-top:1px solid #e9e7e7;
  191. font-family:Arial;
  192. font-size:9px;
  193. text-align:justify;
  194. width:125px;
  195. padding:10px;
  196. margin-left:auto;
  197. margin-right:auto;
  198. border-bottom:1px solid #e9e7e7;
  199. }
  200.  
  201.  
  202.  
  203. .links {
  204. width:500px;
  205. padding:7px;
  206. background-color:#f5f5f5;
  207. line-height:90%;
  208. text-align:center;
  209. margin-bottom:10px;
  210. margin-left:250px;
  211. margin-top:-275px;
  212. font-size:10px;
  213. opacity:.9;
  214. position:fixed;
  215. font-family:'Courier';
  216.  
  217. text-transform:uppercase;
  218. text-align:center;
  219.  
  220.  
  221.  
  222. }
  223.  
  224. .links a{
  225. margin-bottom:2px;
  226. widht:500px;
  227. color: {color:link};
  228. background-color:#f5f5f5;
  229.  
  230. -moz-transition-duration:0s;
  231. -webkit-transition-duration:0s;
  232. -o-transition-duration:0s;
  233. }
  234.  
  235. .links a:hover{
  236.  
  237. color:#e4e1e1;
  238. text-transform:uppercase;
  239.  
  240. -moz-transition-duration:.3s;
  241. -webkit-transition-duration:.3s;
  242. -o-transition-duration:.3s;
  243.  
  244. }
  245.  
  246.  
  247. @font-face{font-family:Fangtasia;src:url(http://static.tumblr.com/9wzbixa/n1fmj2ibf/fangtasia.ttf);}
  248. .pagi {
  249. width:200px;
  250. font-family:Fangtasia;
  251. margin-bottom;550px;
  252. font-size:30px;
  253.  
  254. letter-spacing:3px;
  255. font-style:normal;
  256. text-align:center;
  257.  
  258. }
  259.  
  260. .pagi a {
  261. color:#918b8b;
  262. margin-left:1000px;
  263. margin-bottom:300px;
  264. }
  265.  
  266.  
  267.  
  268.  
  269. #stuffcontainer {
  270.  
  271. float:left;
  272. margin-left:150px;
  273. margin-top:40px;
  274. text-align:justify;
  275. background-color:{color:bg};
  276. color:{color:text};
  277. margin-bottom: 35px;
  278. }
  279.  
  280.  
  281. #stuff {
  282. border-top:1px solid #e9e6e6;
  283. padding:10px;
  284. border-left:1px solid #e9e6e6;
  285. padding:10px;
  286. border-right:1px solid #e9e6e6;
  287. padding:10px;
  288. border-bottom:1px solid #e9e6e6;
  289. width:400px;
  290. margin-top:15px;
  291. margin-left:0px;
  292. text-align:justify;
  293. font-size:11px;
  294. line-height:90%;
  295. letter-spacing:0x;
  296. color:{color:text};
  297. }
  298.  
  299. .caption {
  300. width:500px;
  301. text-align:justify;
  302. line-height:120%;
  303. }
  304.  
  305. .ask {
  306. background:#000;
  307. padding:10px;
  308. text-align:left;
  309. color:#ffffff;
  310. background:#000;
  311. border-bottom:1px solid {color:border};
  312. border-right:1px solid {color:border};
  313. }
  314.  
  315. .ans {
  316. text-align:left;
  317. padding:10px;
  318. color:{color:text};
  319. }
  320.  
  321. .audio {
  322. width:500px;
  323. padding-bottom:10px;
  324. background-color:{color:infobg};
  325. }
  326.  
  327. .albumart {
  328. float:left;
  329. padding:0px 10px 10px 0px;
  330. }
  331.  
  332. .albumart img {
  333. width:45px;
  334. height:45px;
  335. }
  336.  
  337. .playercontainer {
  338. text-align:left;
  339. padding:10px;
  340. background-color:#ffffff;
  341. width:480px;
  342. }
  343.  
  344. .audioinfo {
  345. padding:10px;
  346. color:{color:text};
  347. }
  348.  
  349. #postinfo {
  350. width:490px;
  351. padding:5px;
  352. font-size:8px;
  353. color:{color:link};
  354. text-transform:uppercase;
  355. font-style:normal;
  356. letter-spacing:2px;
  357. text-align:left;
  358. border-top:1px solid {color:border};
  359. border-bottom:1px solid {color:border};
  360. -moz-transition-duration:0.5s;
  361. -webkit-transition-duration:0.5s;
  362. -o-transition-duration:0.5s;
  363. }
  364.  
  365. #postinfo a {
  366.  
  367. color:{color:link};
  368. text-align:center;
  369. letter-spacing:1px;
  370. font-style:normal;
  371. }
  372.  
  373. #postinfo a:hover {
  374. color:{color:hover};
  375. }
  376.  
  377. .note {
  378. text-transform:uppercase;
  379. font-style:normal;
  380. letter-spacing:0px;
  381. font-size: 9px;
  382. text-align:left;
  383. line-height:90%;
  384. margin-left:-40px;
  385. }
  386.  
  387. .note li {
  388. list-style-type:none;
  389. border-bottom:1px solid {color:border};
  390. padding:10px 25px 10px 25px;
  391. text-align:left;
  392. margin:0px;
  393. -moz-transition-duration:0.5s;
  394. -webkit-transition-duration:0.5s;
  395. -o-transition-duration:0.5s;
  396. }
  397.  
  398. .tags {
  399. background:#d6d5d5;
  400. font-style:normal;
  401. width:400px;
  402. text-transform:uppercase;
  403. font-style:normal;
  404. color:{color:tags};
  405. letter-spacing:2px;
  406. line-height:120%;
  407. font-size:8px;
  408. text-align:left;
  409. padding:2px;
  410. -moz-transition-duration:0.5s;
  411. -webkit-transition-duration:0.5s;
  412. -o-transition-duration:0.5s;
  413. }
  414.  
  415. .tags a {
  416.  
  417. color:{color:tags};
  418. letter-spacing:1px;
  419. padding:1px;
  420. }
  421.  
  422. .tags a:hover {
  423. color:{color:link};
  424. }
  425.  
  426. ul.chat, .chat ol, .chat li {
  427. list-style:none;
  428. margin:0px;
  429. padding:2px;
  430. }
  431.  
  432. .label {
  433. text-decoration:underline;
  434. font-weight:700;
  435. background-color:{color:infobg};
  436. margin-right:5px;
  437. }
  438.  
  439. #cred {
  440. position:fixed;
  441. font-size:8px;
  442. font-weight:normal;
  443. line-height:150%;
  444. letter-spacing:2px;
  445. right:10px;
  446. bottom:10px;
  447. text-transform:uppercase;
  448. text-align:center;
  449. }
  450.  
  451. #cred a {
  452. padding:3px;
  453. color:{color:link};
  454. background-color:#f5f5f5;
  455. -moz-transition-duration:0.5s;
  456. -webkit-transition-duration:0.5s;
  457. -o-transition-duration:0.5s;
  458. }
  459.  
  460.  
  461.  
  462.  
  463.  
  464. {CustomCSS}
  465.  
  466. </style></head>
  467.  
  468. <body>
  469.  
  470. <div id="bite">
  471. <div id="thekey"><img src="{image:thekey}"></div>
  472. <div class="death">
  473. <div id="actualnews">
  474.  
  475. ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡ ♡
  476.  
  477. <br>
  478.  
  479. </div></div></div>
  480.  
  481.  
  482.  
  483. <div id="theme">
  484.  
  485.  
  486. <div id="sidebar">
  487.  
  488. <div class="desc">
  489. <img src="{image:sidebar}">{Description}
  490.  
  491.  
  492. </div>
  493.  
  494. <div class="links">
  495. <br>
  496. <a href="/"> London</a>
  497. <a href="/faq"> letters</a>
  498. {block:IfLink2}
  499. <a href="{text:link2 url}">{text:link2}</a>
  500. {/block:IfLink2}
  501. {block:IfLink3}
  502. <a href="{text:link3 url}">{text:link3}</a>
  503. {/block:IfLink3}
  504. {block:IfLink1}
  505. <a href="{text:link1 url}">{text:link1}</a>
  506. {/block:IfLink1}
  507.  
  508. </div>
  509.  
  510.  
  511.  
  512.  
  513. {block:Pagination}
  514. <div class="pagi">
  515. {block:PreviousPage}
  516. <a href="{PreviousPage}">Spring</a>
  517. {/block:PreviousPage}
  518. {block:NextPage}
  519. <a href="{NextPage}">Summer</a>
  520. {/block:NextPage}
  521. </div>
  522. {/block:Pagination}
  523. </div>
  524. <div id="sbbox"></div>
  525. <div id="stuffcontainer">
  526.  
  527.  
  528. {block:Posts}
  529.  
  530. <div id="stuff">
  531.  
  532. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  533.  
  534. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  535.  
  536. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  537. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  538.  
  539. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  540.  
  541. {block:Photoset}<center>{Photoset-400}</center>
  542. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  543.  
  544. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  545.  
  546. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  547.  
  548. {block:Answer}<div class="ask">{Asker} was like {Question}</div><div class="ans">and i was like:{Answer}</div>{/block:answer}
  549.  
  550. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  551. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  552. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  553. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  554. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  555.  
  556.  
  557.  
  558. {block:Date}<div id="postinfo">{MonthNumberWithZero}-{DayOfMonthWithZero} / <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} / <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  559. {block:ContentSource} / <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  560. {block:HasTags}
  561. <div class="tags">
  562. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  563. {/block:HasTags}
  564. <div class="note">
  565. {block:PostNotes}{PostNotes}{/block:PostNotes}
  566. </div>
  567. </div>
  568. {/block:Posts}
  569.  
  570.  
  571. </div>
  572.  
  573. <div id="cred"><a href="http://huoran.tumblr.com/">huoran</a></div>
  574.  
  575. </div>
  576. </div>
  577. </div>
  578. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!