API tools faq
paste
Advertisement
hazzastyles

Theme#7 - Little Things

hazzastyles
Oct 29th, 2012
465
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.61 KB | None | 0 0
raw download clone embed print report
  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. <!--
  5. --------------------------------------------------
  6.  
  7. H A R R Y T H I N G . t u m b l r . C O M
  8. L I T T L E T H I N G S , T H E M E #7
  9. --------------------------------------------------
  10. -->
  11. <head>
  12.  
  13. <meta name="color:Background" content="#d7eaba"/>
  14. <meta name="color:Font" content="#ac9993"/>
  15. <meta name="color:Bold" content="#fd448c"/>
  16. <meta name="color:Posts Title" content="#fd448c"/>
  17. <meta name="color:Scrollbar" content="#6dcff6"/>
  18. <meta name="color:Sidebar Border" content="#f0e6db"/>
  19. <meta name="color:dsback" content="#c6ecfa"/>
  20. <meta name="color:scrol Background" content="#FFFFFF"/>
  21. <meta name="color:info" content="#bde8ec"/>
  22. <meta name="color:linksborder" content="#f0f0f0"/>
  23. <meta name="color:Links Background" content="#f3eeee"/>
  24. <meta name="color:posts" content="#d7eaba"/>
  25. <meta name="color:Text" content="#c2c2c2"/>
  26. <meta name="color:Title" content="#b5b9c0"/>
  27. <meta name="color:Border" content="#e9e7e7"/>
  28. <meta name="color:Scrollbar" content="#b9bfc5"/>
  29. <meta name="font:Body" content="arial" />
  30. <meta name="text:Font Size" content="9px"/>
  31. <meta name="color:Title" content="#b5b9c0"/>
  32. <meta name="color:Link" content="#a5afbd"/>
  33. <meta name="color:Link Hover" content="#b3e960"/>
  34. <meta name="text:Link1" content="/" />
  35. <meta name="text:Link1 Title" content="link 1" />
  36. <meta name="text:Link2" content="/" />
  37. <meta name="text:Link2 Title" content="link 2" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link3 Title" content="link 3" />
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link4 Title" content="link 4" />
  42. <meta name="text:Link5" content="/" />
  43. <meta name="text:Link5 Title" content="link 5" />
  44. <meta name="color:sidebar border" content="#82e2eb" />
  45. <meta name="image:Sidebar Image" content=""/>
  46.  
  47.  
  48. <title>{Title}</title>
  49. <link rel="shortcut icon" href="{Favicon}">
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. @font-face {
  60.  
  61. font-family: pixel2;
  62.  
  63. src: url('http://justbloomed.webs.com/other/04B_03__.TTF');}
  64.  
  65.  
  66.  
  67. @font-face {
  68.  
  69. font-family: pixel;
  70.  
  71. src: url('http://justbloomed.webs.com/other/pfarmafive.ttf');}
  72.  
  73.  
  74. a {color: {color:link}; text-decoration:none;}
  75. a:hover {color:{color:link hover}; text-decoration:none;}
  76.  
  77.  
  78.  
  79.  
  80. body {
  81. color:{color:Font};
  82. background-color:{color:Background};
  83. background-image: url('http://i50.tinypic.com/53p9nr.png');
  84. background-attachment:fixed;
  85. background-position: left top;
  86. background-repeat:repeat;
  87. font-family:Calibri;
  88. font-size:10px;
  89. line-height:100%;
  90. text-align:justify}
  91.  
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98. a:link, a:visited, a:active{
  99. color:{color:Links};
  100. text-decoration:none;
  101. -webkit-transition: all 0.4s ease-in-out;
  102. -moz-transition: all 0.4s ease-in-out;
  103. -o-transition: all 0.4s ease-in-out;
  104. transition: all 0.4s ease-in-out;
  105. border-bottom:0px solid transparent;}
  106.  
  107. a:hover{
  108. color:{color:Links Hover};
  109. border-bottom:1px solid {color:Links Hover};
  110. -webkit-transition: all 0.4s ease-in-out;
  111. -moz-transition: all 0.4s ease-in-out;
  112. -o-transition: all 0.4s ease-in-out;
  113. transition: all 0.4s ease-in-out;}
  114.  
  115. b, strong {
  116. color: {color:Bold};}
  117.  
  118.  
  119. blockquote {
  120. margin-left: 0px;
  121. padding-left:4px;
  122. border-left:4px solid {color:Bold};}
  123.  
  124.  
  125. #title {font-size:17px; width:199px; text-align:center; z-index: 1; overflow: visible; width:223px; text-align:center; z-index: 1; overflow: visible;
  126.  
  127. letter-spacing:1px; text-align:center; text-transform: uppercase;margin-top:170px;margin-left:120px; color:{color:title};position:fixed; font-family: georgia;line-height:100%
  128.  
  129. border-right:4px solid #8ae5ef; border-radius: 0px;text-shadow: 1px 1px 0px #ffffff;;
  130.  
  131. }
  132.  
  133.  
  134. #link {
  135. padding-bottom:4px;
  136. margin-top:5px;
  137. text-align:center;
  138. text-transform:uppercase;
  139. font-size:16px;}
  140.  
  141.  
  142. h1{
  143. color:{color:Posts Title};
  144. font-size:19px;
  145. line-height:15px;
  146. letter-spacing:0px;
  147. text-transform:none;
  148. margin-top:0px;
  149. margin-bottom:-5px;
  150. font-weight: normal;
  151. padding:0px;
  152. text-align:left;}
  153.  
  154.  
  155.  
  156.  
  157. #entries{
  158. position:absolute;
  159. left:600px;
  160. top:35px;
  161. margin-bottom:20px;
  162. width:520px;}
  163.  
  164. #posts{
  165. overflow:hidden;
  166. background-color: {color:posts};
  167. padding: 10px;
  168. margin-bottom:30px;}
  169.  
  170. #posts:hover #info {
  171. opacity:1;
  172. display:block;
  173. }
  174.  
  175.  
  176.  
  177.  
  178. #info{
  179. width:500px;
  180. font-family:Calibri;
  181. color:{color:Links};
  182. background-color:{color:info};
  183. font-size:9px;
  184. line-spacing: 1px;
  185. text-transform:uppercase;
  186. text-align:center;
  187. padding: 0px;
  188. opacity:0;
  189. -webkit-transition:0.4s linear;
  190. position:absolute;
  191. }
  192.  
  193. #info a {
  194. color:{color:Links};}
  195.  
  196. #info a:hover {
  197. color:{color:Links Hover};}
  198.  
  199.  
  200.  
  201.  
  202. #quote {
  203. margin:10px 32px;
  204. font-size:14px;
  205. font-style:italic;}
  206.  
  207. #source {
  208. font-size:11px;}
  209.  
  210. #peaty {
  211. padding-right:10px;
  212. margin: 10px 0 0 -35px;
  213. position:absolute;
  214. font-size:60px;
  215. font-family:georgia;
  216. font-weight:bold;
  217. color:{color:Bold};}
  218.  
  219. #ieber {
  220. padding-right:10px;
  221. margin: 7px 0 0 430px;
  222. position:absolute;
  223. font-size:60px;
  224. font-family:georgia;
  225. font-weight:bold;
  226. color:{color:Bold};}
  227.  
  228.  
  229.  
  230.  
  231. #audio {
  232. padding: 0px; }
  233.  
  234. .qu {
  235. opacity: 0.7;
  236. font-family: georgia;
  237. font-size: 25px;
  238. font-weight: bold;
  239. line-height: 33px;}
  240.  
  241. .ote {
  242. opacity: 0.9;
  243. margin-top: -34px;
  244. text-indent: 15px; }
  245.  
  246. .audio {
  247. background-color :white;
  248. display: block; }
  249.  
  250.  
  251.  
  252.  
  253. .asker{
  254. width: 490px;
  255. background-color: none;
  256. padding: 5px;
  257. font-size: 11px;
  258. font-weight: normal;
  259. color:{color:Font};
  260. text-transform: normal;
  261. line-height: 11px;}
  262.  
  263. .asker img{
  264. float: left;
  265. padding: 0px 5px 0px 0px;}
  266.  
  267. .asker a{
  268. font-size: 11px;
  269. font-weight: bold;
  270. color:{color:Links};
  271. text-transform: normal;
  272. line-height: 11px;
  273. padding: 0; margin: 0}
  274.  
  275. .asker a:hover{
  276. font-size: 11px;
  277. font-weight: bold;
  278. color:{color:Links Hover};
  279. background-color: transparent;
  280. text-transform: normal;
  281. line-height:11px;
  282. padding: 0; margin: 0;}
  283.  
  284. .question{
  285. font-size: 10px;
  286. font-weight: normal;
  287. color:{color:Font};
  288. text-transform: none;}
  289.  
  290. .answer {
  291. padding-left: 4px;
  292. padding-right: 4px;
  293. padding-top: 4px;}
  294.  
  295. .answer img {
  296. max-width: 470px;}
  297.  
  298. img a{
  299. border:none;
  300. width:100%;}
  301.  
  302.  
  303.  
  304.  
  305. .user_1 .label {color:{color:links}; font-weight:bold;}
  306. .user_2 .label {color:{color:links}; font-weight:bold;}
  307. .user_3 .label {color:{color:links}; font-weight:bold;}
  308. .user_4 .label {color:{color:links}; font-weight:bold;}
  309. .user_5 .label {color:{color:links}; font-weight:bold;}
  310. .user_6 .label {color:{color:links}; font-weight:bold;}
  311. .user_7 .label {color:{color:links}; font-weight:bold;}
  312. .user_8 .label {color:{color:links}; font-weight:bold;}
  313. .user_9 .label {color:{color:links}; font-weight:bold;}
  314. .user_10 .label {color:{color:links}; font-weight:bold;}
  315. .user_11 .label {color:{color:links}; font-weight:bold;}
  316. .user_12 .label {color:{color:links}; font-weight:bold;}
  317. .user_13 .label {color:{color:links}; font-weight:bold;}
  318. .user_14 .label {color:{color:links}; font-weight:bold;}
  319. .user_15 .label {color:{color:links}; font-weight:bold;}
  320. .user_16 .label {color:{color:links}; font-weight:bold;}
  321. .user_17 .label {color:{color:links}; font-weight:bold;}
  322. .user_18 .label {color:{color:links}; font-weight:bold;}
  323. .user_19 .label {color:{color:links}; font-weight:bold;}
  324. .user_20 .label {color:{color:links}; font-weight:bold;}
  325.  
  326. ul.chat, .chat ol, .chat li {
  327. list-style:none;
  328. margin:0px;
  329. padding:0px;}
  330.  
  331.  
  332.  
  333.  
  334.  
  335. /* --- SCROLLBAR --- */
  336.  
  337.  
  338. ::-webkit-scrollbar-thumb:vertical {
  339. background-color:{color:Scrollbar};
  340. height:10px;}
  341.  
  342. ::-webkit-scrollbar-thumb:horizontal {
  343. background-color:{color:Scrollbar};
  344. height:10px;}
  345.  
  346. ::-webkit-scrollbar {
  347. background-color:{color:scrol Background};
  348. height:5px;
  349. width:5px;}
  350.  
  351.  
  352. ::-moz-selection {background-color:;color:#533a55;}
  353.  
  354. ::selection {background-color:;color:#fd448c;}
  355.  
  356.  
  357.  
  358. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  359.  
  360.  
  361.  
  362. <link href='http://fonts.googleapis.com/css?family=Codystar'
  363. rel='stylesheet' type='text/css'>
  364. }
  365.  
  366.  
  367.  
  368.  
  369.  
  370. #postnotes {
  371. width:510px;
  372. padding:5px;
  373. margin:0px 0px 0px 0px;
  374. font-size:10px;
  375. background-color: none;}
  376.  
  377. #postnotes a {
  378. margin-top:1px;}
  379.  
  380. ol.notes li.note {
  381. border-bottom: solid 0px;
  382. padding:1px;}
  383.  
  384. ol.notes li.note img.avatar {
  385. vertical-align:-4px;
  386. margin-right:0px;
  387. width:16px;
  388. height:16px;}
  389.  
  390.  
  391.  
  392.  
  393. #sidebar {
  394.  
  395. width:245px; height:auto; font-size:10px; font-family:consolas, monospace; text-align:center; margin-left:310px; line-height:9px; padding: 5px; 0px; 3px; margin-top:139px; position:fixed; background-color:transparent;
  396.  
  397.  
  398.  
  399.  
  400. }}
  401.  
  402. #sidebarimage {
  403. text-align:center;
  404. border:5px solid {color:Sidebar Border};}
  405.  
  406. #sidebarimage img {
  407. width:100px;
  408. height:auto;
  409. padding: 3px;
  410. display: block;
  411. position:fixed;
  412. background-color:#;
  413. border:1px solid ;color:#fff;
  414. margin-left:20px;
  415. margin-top:22px;
  416. background-color:#;border-radius:4px; opacity:0.9;
  417.  
  418. border-right:4px solid {color:sidebar line}; border-radius: 0px;text-shadow: 1px 1px 0px #ffffff;-webkit-transition: 0.4s linear;-webkit-box-shadow: 0 0px 0px 0px #ccc;-moz-box-shadow: 0 0px 0px 0px #ccc;box-shadow: 0 0px 8px 0px #ccc;;}
  419.  
  420.  
  421.  
  422.  
  423.  
  424. #desc {
  425. width:250px;
  426. background-color: none;
  427. position:absolute;
  428. width:110px;
  429. height:106px;
  430. z-index:1;
  431. left: 162px;
  432. top: 184px;
  433. font-family: pixel; letter-spacing: 0px; height: auto;
  434.  
  435. font-size:10px; padding: 0px; background-color: #transparent; border-radius: 0px;padding-bottom:0px;
  436.  
  437. color:#fff; text-transform: uppercase;vertical-align: middle;
  438.  
  439. width:160px; text-align:center; z-index: 1; overflow: visible;
  440.  
  441. -webkit-transition: all 0.6s ease-in-out;position:fixed;text-shadow: 1px 2px 2px #a3d39c;
  442.  
  443. -moz-transition: all 0.6s ease-in-out;
  444.  
  445. -o-transition: all 0.6s ease-in-out;
  446.  
  447. -ms-transition: all 0.6s ease-in-out;
  448.  
  449. transition: all 0.6s ease-in-out;
  450.  
  451.  
  452.  
  453. }
  454.  
  455.  
  456.  
  457.  
  458. #navigation{font-family:cambria; font-size:10px; font-style:italic; letter-spacing:0px; text-transform:lowercase; text-align:center; margin-top:-19px; margin-left:-290px;width:220;}
  459.  
  460. #navigation a{background-color:{color:links background}; padding: 2px 8px 2px 8px; border:1px solid {color:linksborder};}
  461.  
  462. #apDiv1 {
  463. position:fixed;
  464. width:200px;
  465. height:115px;
  466. z-index:1;
  467. left: 120px;
  468. top: 140px;
  469. }
  470.  
  471.  
  472.  
  473.  
  474. #speechbubble {
  475. position:fixed;
  476. margin-top:19;
  477. margin-left:333px;
  478. width:180px;
  479. height:auto;
  480. -webkit-transition: all 0.7s ease-in-out;
  481. -moz-transition: all 0.7s ease-in-out;
  482. transition: all 0.7s ease-in-out;
  483.  
  484. }
  485.  
  486.  
  487.  
  488.  
  489. #iwish {
  490. position: fixed;
  491. margin-top:144px;
  492. float:right;
  493. margin-left:124px;
  494. width:177px;
  495. font-size: 10px;
  496. text-align: center;
  497. background: {color:dsback};;
  498. background-image: url('http://i47.tinypic.com/70yheb.png') ;
  499. letter-spacing: 1px;
  500. padding:82px;
  501. border-top-right-radius:25px;
  502. border-bottom-left-radius:25px;
  503. border-top-left-radius:25px;
  504. border-bottom-right-radius:25px;
  505.  
  506. -webkit-transition: all 0.2s ease-in-out;position:fixed;text-shadow: -1px 0px 3px #9f9f9f;
  507. -moz-transition: all 0.6s ease-in-out;
  508. -o-transition: all 0.6s ease-in-out;
  509. -ms-transition: all 0.6s ease-in-out;
  510. transition: all 0.6s ease-in-out;
  511.  
  512. }
  513.  
  514.  
  515. #creadit{position:fixed; bottom:10px; right:10px; font-size:10px; font-family:calibri;color:#bdd2ce; text-transform:uppercase;letter-spacing: 0px; font-style:normal;}
  516.  
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525. </style>
  526. </head>
  527.  
  528.  
  529.  
  530. <body>
  531.  
  532. <div id="apDiv1"><img src="http://i46.tinypic.com/dxy2v5.png" width="361" height="241" /></div>
  533.  
  534.  
  535.  
  536.  
  537. <div style="margin-top:308px;font-family: tahoma;position:fixed;color:#fff; overflow:hidden; font-size:9px;font-style:normal;margin-left:170px;z-index:4;">
  538.  
  539. <big><big><big><big><big><big><big><big><big>▼</big></big></big></big></big></big></big>
  540.  
  541. </div>
  542. <div id="iwish">
  543.  
  544.  
  545. </div>
  546.  
  547.  
  548. <div id="sidebar">
  549.  
  550. <div id="sidebarimage">
  551. <img src="{image:Sidebar Image}">
  552. </div>
  553. <div id="navigation">
  554. <a href="{text:link1}">{text:link1 title}</a> &nbsp;
  555. <a href="{text:link2}">{text:link2 title}</a> &nbsp;
  556. <a href="{text:link3}">{text:link3 title}</a> &nbsp;
  557. <a href="{text:link4}">{text:link4 title}</a> &nbsp;
  558. <a href="{text:link5}">{text:link5 title}</a> &nbsp;
  559.  
  560. </div></div>
  561. <div id="title"><a href="/">{Title}</a></div><br>
  562. </div>
  563.  
  564.  
  565.  
  566. </div>
  567.  
  568.  
  569.  
  570.  
  571. <div id="creadit"><img style="text-align: center; border-radius: 10px;" /><br><center><a href="http://harrything.tumblr.com/" target="_blank"><font color="#6291b3">T H E M E B Y <BR>©<strong> HARRY THING</strong> </a></font></div></center>
  572.  
  573.  
  574. </div>
  575.  
  576.  
  577. <br>
  578.  
  579.  
  580. <div id="desc">
  581. <center>
  582. <br><br>
  583. {description}
  584. <br><br><br>
  585.  
  586. {block:Pagination}
  587. {block:PreviousPage}<a href="{PreviousPage}">
  588. <c>«</c>
  589. </a>{/block:PreviousPage}
  590. {/block:Pagination}
  591. {CurrentPage} / {TotalPages}
  592. {block:Pagination}
  593. {block:NextPage}<a href="{NextPage}">
  594. <c>»</c>
  595. </a>{/block:NextPage}
  596. {/block:Pagination}
  597.  
  598. </center>
  599. </div>
  600. </div>
  601.  
  602.  
  603.  
  604. <div id="entries">
  605. {block:Posts}
  606. <div id="posts">
  607.  
  608.  
  609. {block:Title}
  610. <h1>{Title}&nbsp;</h1>
  611. {/block:Title}
  612.  
  613. {block:Text}
  614. {Body}
  615. {/block:Text}
  616.  
  617. {block:Quote}
  618. <div id="quote">
  619. <div id="peaty">“</div>
  620. <center>
  621. {Quote}
  622. </center>
  623. <div id="ieber">”</div>
  624. </div>
  625. {block:Source}
  626. <div id="source">
  627. <center>
  628. {Source}
  629. </center>
  630. </div>{/block:Source}
  631. {/block:Quote}
  632.  
  633. {block:Link}
  634. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  635. {block:Description}{Description}{/block:Description}
  636. {/block:Link}
  637.  
  638. {block:Photo}
  639. {LinkOpenTag}
  640. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  641. {LinkCloseTag}<br>
  642. {block:Caption}
  643. {Caption}
  644. {/block:Caption}
  645. {/block:Photo}
  646.  
  647. {block:Photoset}
  648. {Photoset-500}
  649. {block:Caption}
  650. {Caption}
  651. {/block:Caption}
  652. {/block:Photoset}
  653.  
  654. {block:Chat}
  655. <ul class="chat">
  656. {block:Lines}
  657. <li class="user_{UserNumber}">
  658. {block:Label}
  659. <span class="label">{Label}</span>
  660. {/block:Label}
  661. &nbsp;{Line}</li>
  662. {/block:Lines}</ul>
  663. {/block:Chat}
  664.  
  665. {block:Video}
  666. {Video-500}
  667. {block:Caption}
  668. {Caption}
  669. {/block:Caption}
  670. {/block:Video}
  671.  
  672. {block:Answer}
  673. <div class="asker">
  674. <img src="{AskerPortraitURL-24}"><b>{Asker}</b> asked:
  675. <div class="questions">
  676. {Question}
  677. </div></div>
  678. <div class="answer">
  679. {Answer}
  680. </div>
  681. {/block:Answer}
  682.  
  683. {block:Audio}
  684. <div id="audio">
  685. {block:AlbumArt}
  686. <img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />
  687. {/block:AlbumArt}
  688. {block:TrackName}
  689. Song: <b>{TrackName}</b><br>
  690. {/block:TrackName}
  691. {block:Artist}
  692. Artist: <b>{Artist}</b><br><br>
  693. {/block:Artist}
  694. {AudioPlayerBlack}<br>
  695. </div>
  696. {block:Caption}
  697. {Caption}
  698. {/block:Caption}
  699. {/block:Audio}
  700.  
  701.  
  702. <br><div id="info">
  703. {block:Date}
  704. <a href="{Permalink}">{TimeAgo}</a>
  705. {/block:Date}
  706. {block:NoteCount}
  707. | <a href="{Permalink}">{NoteCount} notes</a>
  708. {/block:NoteCount}
  709. | <a href="{ReblogURL}" target="_blank">reblog</a><br>
  710. {block:RebloggedFrom}
  711. via: <a href="{ReblogParentURL}">
  712. <a href="{ReblogParentURL}">{ReblogParentName}</a> |
  713. {/block:RebloggedFrom}
  714. {block:ContentSource}
  715. source: <a href="{SourceURL}">{SourceLink}</a><br>
  716. {/block:ContentSource}
  717. {block:HasTags}
  718. - {block:Tags}<a href="/tagged/{Tag}">{Tag}</a> - {/block:Tags}
  719. {/block:HasTags}
  720. </div>
  721.  
  722.  
  723. </div>
  724. {/block:Posts}
  725.  
  726. {block:PostNotes}
  727. <div id="postnotes">{PostNotes}</div>
  728. {/block:PostNotes}
  729.  
  730. </div>
  731.  
  732.  
  733. </body>
  734. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!