hannahg

Theme #41

Oct 21st, 2013
287
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.91 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.  
  5. <head><title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14.  
  15. <!---- theme #41 by smullingar, follow the rules and enjoy! x--->
  16.  
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20.  
  21. <meta name="color:Text" content="#838282"/>
  22.  
  23. <meta name="color:Link" content="#b8b8b8"/>
  24.  
  25. <meta name="color:border" content="#eeeeee"/>
  26.  
  27. <meta name="color:Link hover" content="#b8b8b8"/>
  28.  
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="image:sidebar2" content=""/>
  31. <meta name="image:titletab" content=""/>
  32.  
  33. <meta name="text:linkA" content="">
  34.  
  35. <meta name="text:linkA url" content="/">
  36.  
  37. <meta name="text:linkB" content="">
  38.  
  39. <meta name="text:linkB url" content="/">
  40.  
  41. <meta name="text:linkC" content="">
  42.  
  43. <meta name="text:linkC url" content="/">
  44.  
  45. <meta name="text:linkD" content="">
  46.  
  47. <meta name="text:linkD url" content="/">
  48.  
  49. <meta name="text:linkE" content="">
  50.  
  51. <meta name="text:linkE url" content="/">
  52.  
  53. <meta name="text:linkF" content="">
  54.  
  55. <meta name="text:linkF url" content="/">
  56.  
  57. <style type="text/css">
  58.  
  59. body {
  60.  
  61. background:{color:background};
  62.  
  63. margin:0px;
  64.  
  65. color:{color:text};
  66.  
  67. font-size:9px;
  68.  
  69. line-height:100%;
  70.  
  71. }
  72.  
  73.  
  74.  
  75. a {
  76.  
  77. text-decoration:none;
  78.  
  79. outline:none;
  80.  
  81. -moz-outline-style:none;
  82.  
  83. color:{color:link};
  84.  
  85. -moz-transition-duration:0.5s;
  86.  
  87. -webkit-transition-duration:0.5s;
  88.  
  89. -o-transition-duration:0.5s;
  90.  
  91. }
  92.  
  93.  
  94.  
  95. a:hover{
  96.  
  97. color:{color:link hover};
  98.  
  99. font-style:italic;
  100.  
  101. -moz-transition-duration:0.5s;
  102.  
  103. -webkit-transition-duration:0.5s;
  104.  
  105. -o-transition-duration:0.5s;}
  106.  
  107.  
  108.  
  109. img {
  110.  
  111. border:none;
  112.  
  113. }
  114.  
  115.  
  116.  
  117. blockquote {
  118.  
  119. padding-left:5px;
  120.  
  121. border-left:2px solid;
  122.  
  123. }
  124.  
  125.  
  126.  
  127. blockquote blockquote {
  128.  
  129. padding-left:5px;
  130.  
  131. border-left:2px solid;
  132.  
  133. }
  134.  
  135.  
  136.  
  137. h1 {
  138.  
  139. font-size:10px;
  140.  
  141. }
  142.  
  143.  
  144.  
  145.  
  146.  
  147. #entries {
  148.  
  149. padding:10px;
  150.  
  151. width:500px;
  152.  
  153. margin-left:450px;
  154.  
  155. margin-top:0px;
  156.  
  157. padding:0px;
  158.  
  159. }
  160.  
  161.  
  162.  
  163. #post {
  164.  
  165. width:500px;
  166.  
  167. }
  168.  
  169. #sidebar {
  170. width:150px;
  171. position:fixed;
  172. margin-left:130px;
  173. margin-top:100px;
  174. }
  175.  
  176.  
  177. #sidebarimage {
  178. width 170px;
  179. }
  180.  
  181. #sidebarimage img {
  182. width:250px;
  183. height:160px;
  184. }
  185.  
  186. #sidebar2 {
  187. width:100px;
  188. position:fixed;
  189. margin-left:130px;
  190. margin-top:150px;
  191. }
  192.  
  193.  
  194. #sidebar2image {
  195. width 100px;
  196. margin-left:-130px;
  197. margin-top:-380px;
  198. }
  199.  
  200. #sidebar2image img {
  201. width:100px;
  202. height:680px;
  203. border-right:2px solid #FFF6D1;
  204. }
  205.  
  206. #description {
  207. width:250px;
  208. font-family:calibri;
  209. color:#000;
  210. text-transform:uppercase;
  211. padding:13px;
  212. margin-top:156px;
  213. margin-left:-13px;
  214. line-height:10px;
  215. text-align:justify;
  216. }
  217.  
  218. #links {
  219. margin-top: -477px;
  220. margin-left:5px;
  221. font-size:9px;
  222. text-align:center;
  223. font-family:calibri;
  224. letter-spacing:2px;
  225. line-height:140%;
  226. width:240px;
  227. text-transform:uppercase;
  228.  
  229. }
  230.  
  231. #links a{
  232. padding:3px;
  233. color:#000;
  234. letter-spacing:1px;
  235. padding-right:1px;
  236. text-decoration:none;
  237. -moz-transition-duration:1s;
  238. -webkit-transition-duration:1s;
  239. -o-transition-duration:1s;
  240. }
  241.  
  242. #links a:hover{
  243. color:#fff;;
  244. background-color:#000;
  245. }
  246.  
  247. #pagination {
  248. font-size:9px;
  249. margin-top:-5px;
  250. width:240px;
  251. font-family:calibri;
  252. padding:5px;
  253. text-transform:uppercase;
  254. color:#fff;
  255. background-color:#000;
  256. text-align:center;
  257. margin-left:0px;
  258. }
  259.  
  260. #pagination a {
  261. color:#fff;
  262. }
  263.  
  264. #title{
  265. font-size:30px;
  266. letter-spacing:-3px;
  267. font-family:arial;
  268. font-weight:bold;
  269. color:#000;
  270. text-align:right;
  271. margin-bottom:14px;
  272. padding-left:0px;
  273. height:40px;
  274. width:250px;
  275. margin-left:-57px;
  276. line-height:40px;
  277.  
  278. }
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285.  
  286.  
  287. .caption {
  288.  
  289. width:500px;
  290.  
  291. text-align:justify;
  292.  
  293. line-height:120%;
  294.  
  295. }
  296.  
  297.  
  298.  
  299. .ask {
  300.  
  301. padding:10px;
  302.  
  303. text-align:left;
  304.  
  305. color:{color:text};
  306. font-family:arial;
  307.  
  308. background-color:#eee;
  309.  
  310. border-bottom:1px solid #eee;
  311.  
  312. }
  313.  
  314.  
  315.  
  316. .ans {
  317.  
  318. text-align:left;
  319.  
  320. padding:10px;
  321. font-family:arial;
  322.  
  323. color:{color:text};
  324.  
  325. }
  326.  
  327.  
  328.  
  329. .audio {
  330.  
  331. width:500px;
  332.  
  333. padding-bottom:10px;
  334.  
  335. background-color:{color:infobg};
  336.  
  337. }
  338.  
  339.  
  340.  
  341. .albumart {
  342.  
  343. float:left;
  344.  
  345. padding:0px 10px 10px 0px;
  346.  
  347. }
  348.  
  349.  
  350.  
  351. .albumart img {
  352.  
  353. width:45px;
  354.  
  355. height:45px;
  356.  
  357. }
  358.  
  359.  
  360.  
  361. .playercontainer {
  362.  
  363. text-align:left;
  364.  
  365. padding:10px;
  366.  
  367. background-color:#ffffff;
  368.  
  369. width:480px;
  370.  
  371. }
  372.  
  373.  
  374.  
  375. .audioinfo {
  376.  
  377. padding:10px;
  378.  
  379. color:{color:text};
  380.  
  381. }
  382.  
  383.  
  384.  
  385. #postinfo {
  386.  
  387. text-align:left;padding-top:3px;
  388.  
  389. margin-top:5px;
  390.  
  391. margin-bottom:10px;
  392.  
  393. text-transform: uppercase;
  394.  
  395. letter-spacing:0px;
  396. text-align:center;
  397. font-family:arial;
  398.  
  399. font-size:8px;
  400.  
  401. line-height: 10px;
  402. background-color:#000;
  403.  
  404. color:#fff;
  405.  
  406.  
  407. }
  408.  
  409.  
  410.  
  411. #postinfo a {
  412.  
  413. color:#fff;
  414.  
  415. text-align:center;
  416.  
  417. font-style:normal;
  418.  
  419.  
  420. }
  421.  
  422.  
  423.  
  424. #postinfo a:hover {
  425.  
  426. color:{color:hover};
  427.  
  428. }
  429.  
  430.  
  431.  
  432. .note {
  433.  
  434. text-transform:lowercase;
  435.  
  436. font-style:normal;
  437.  
  438. letter-spacing:0px;
  439.  
  440. font-size: 9px;
  441.  
  442. text-align:left;
  443.  
  444. line-height:90%;
  445.  
  446. margin-left:-40px;
  447.  
  448. }
  449.  
  450.  
  451.  
  452. .note li {
  453.  
  454. list-style-type:none;
  455.  
  456. border-bottom:1px solid {color:border};
  457.  
  458. padding:10px 25px 10px 25px;
  459.  
  460. text-align:left;
  461.  
  462. margin:0px;
  463.  
  464. -moz-transition-duration:0.5s;
  465.  
  466. -webkit-transition-duration:0.5s;
  467.  
  468. -o-transition-duration:0.5s;
  469.  
  470. }
  471.  
  472.  
  473.  
  474. .tags {
  475.  
  476. font-style:normal;
  477.  
  478. width:500px;
  479.  
  480. text-transform:uppercase;
  481.  
  482. font-style:normal;
  483.  
  484. color:#fff;
  485. background-color:#3399FF;
  486.  
  487.  
  488. letter-spacing:2px;
  489.  
  490. line-height:120%;
  491.  
  492. font-size:8px;
  493.  
  494. text-align:left;
  495.  
  496. padding:2px;
  497.  
  498. -moz-transition-duration:0.5s;
  499.  
  500. -webkit-transition-duration:0.5s;
  501.  
  502. -o-transition-duration:0.5s;
  503.  
  504. }
  505.  
  506.  
  507.  
  508. .tags a {
  509.  
  510. color:{color:tags};
  511.  
  512. letter-spacing:1px;
  513. background-color:#3399FF;
  514.  
  515. padding:1px;
  516.  
  517. }
  518.  
  519.  
  520.  
  521. .tags a:hover {
  522.  
  523. color:{color:link};
  524.  
  525. }
  526.  
  527.  
  528. ul.chat, .chat ol, .chat li {
  529.  
  530. list-style:none;
  531.  
  532. margin:0px;
  533.  
  534. padding:2px;
  535.  
  536. }
  537.  
  538.  
  539.  
  540. .label {
  541.  
  542. text-decoration:underline;
  543.  
  544. font-weight:300;
  545.  
  546. background-color:{color:infobg};
  547.  
  548. margin-right:5px;
  549.  
  550. }
  551.  
  552.  
  553.  
  554.  
  555. .user_1 .label {color:{color:text}; font-weight:bold}
  556.  
  557. .user_2 .label {color:{color:link}; font-weight:bold}
  558.  
  559. .user_3 .label {color:{color:text}; font-weight:bold}
  560.  
  561. .user_4 .label {color:{color:link}; font-weight:bold}
  562.  
  563. .user_5 .label {color:{color:text}; font-weight:bold}
  564.  
  565. .user_6 .label {color:{color:link}; font-weight:bold}
  566.  
  567. ul.chat, .chat ol, .chat li {list-style:none; padding:2px}
  568.  
  569.  
  570.  
  571. {CustomCSS}</style></head><body>
  572.  
  573. <div id="sidebar">
  574.  
  575. <div id="title">{title}</div>
  576.  
  577.  
  578. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  579. <div id="sidebar2image"><img src="{image:sidebar2}"></div>
  580.  
  581. <div id="links">
  582. <a href="{text:linkA url}">{text:linkA}</a>
  583. <a href="{text:linkB url}">{text:linkB}</a>
  584. <a href="{text:linkC url}">{text:linkC}</a>
  585. <a href="{text:linkD url}">{text:linkD}</a>
  586. <a href="{text:linkE url}">{text:linkE}</a>
  587. <a href="{text:linkF url}">{text:linkF}</a>
  588.  
  589. </div>
  590.  
  591. <div id="description">{Description}</div>
  592.  
  593. <div id="pagination">
  594. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}
  595. {block:NextPage}— <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  596. </div>
  597.  
  598. </div>
  599.  
  600.  
  601.  
  602. <div id="entries">
  603.  
  604.  
  605. {block:Posts}<div id="post"><br><br><br><br><br><br>
  606.  
  607.  
  608.  
  609. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  610.  
  611.  
  612.  
  613. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  614.  
  615.  
  616.  
  617. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  618.  
  619. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  620.  
  621.  
  622.  
  623. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  624.  
  625.  
  626.  
  627. {block:Photoset}<center>{Photoset-500}</center>
  628.  
  629. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  630.  
  631.  
  632.  
  633. {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}
  634.  
  635.  
  636.  
  637. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  638.  
  639.  
  640.  
  641. {block:Answer}<div class="ask">{Asker} said: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  642.  
  643.  
  644.  
  645. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  646.  
  647. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  648.  
  649. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  650.  
  651. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  652.  
  653. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660. <div id="postinfo"><a href="{Perimalink}">posted on {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a> {/block:Date} with <a href="{Permalink}">{NoteCount} notes </a> {block:RebloggedFrom} ♡ <a href="{ReblogParentURL}">via</a> & {/block:RebloggedFrom}
  661.  
  662. {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags" st>
  663.  
  664. {block:HasTags}<div id="tags">{block:Tags} # <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  665.  
  666. {/block:Posts}
  667.  
  668. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  669.  
  670.  
  671. {/block:Posts}</div></div></div>
  672.  
  673.  
  674.  
  675.  
  676.  
  677. </div>
  678.  
  679.  
  680.  
  681.  
  682.  
  683. </div>
  684.  
  685. </div>
  686.  
  687. </div>
  688.  
  689.  
  690.  
  691. </body>
  692.  
  693.  
  694.  
  695. <!--
  696. THEME MAKER CREDIT
  697. -->
  698.  
  699. <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family:cambria;"><a href="http://smullingar.tumblr.com/">© SMULLINGAR</a></center></div>
  700.  
  701. </html>
Advertisement
Add Comment
Please, Sign In to add comment