Public Pastes

Theme 09

By: notliketheothers on Jan 31st, 2012  |  syntax: None  |  size: 12.00 KB  |  hits: 155  |  expires: Never
download  |  raw  |  embed  |  report abuse
Copied
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. Theme by notliketheothers. Please don't redistribute as your own and please don't remove the credit.
  5. -->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9. <!--DEFAULTS-->
  10. <meta name="color:title" content="#ffffff" />
  11. <meta name="color:background" content="#FBF2FF" />
  12. <meta name="color:sidebar" content="#F8D3FF" />
  13. <meta name="color:navigation" content="#A34EF2" />
  14. <meta name="color:text" content="#B72BED" />
  15. <meta name="color:posts" content="#FAE8FF" />
  16. <meta name="color:link" content="#EE8DFF" />
  17. <meta name="color:blockquote back" content="#FBECFD" />
  18. <meta name="color:question back" content="#FFFFFF" />
  19. <meta name="color:question text" content="#EA7AFF" />
  20. <meta name="color:notes background" content="#FFFFFF" />
  21.  
  22. <meta name="font:title" content="" />
  23. <meta name="font:body" content="Helvetica Neue, Arial sans serif" />
  24.  
  25. <meta name="image:background" content="" />
  26. <meta name="image:sidebar" content="" />
  27. <meta name="image:sidebar background" content="" />
  28.  
  29. <meta name="text:Link 1" content="" />
  30. <meta name="text:Link 1 Title" content="" />
  31. <meta name="text:Link 2" content="" />
  32. <meta name="text:Link 2 Title" content="" />
  33. <meta name="text:Link 3" content="" />
  34. <meta name="text:Link 3 Title" content="" />
  35. <meta name="text:Link 4" content="" />
  36. <meta name="text:Link 4 Title" content="" />
  37.  
  38.  
  39. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  40. <title>{Title}</title>
  41. <link rel="shortcut icon" href="{Favicon}" />
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  43. {block:Description}
  44. <meta name="description" content="{MetaDescription}" />
  45. {/block:Description}
  46.  
  47. <style type="text/css">
  48. body{
  49.     background-image: url('{image:background}');
  50.         background-color:{color:background};
  51.         color: {color:text};
  52.         background-attachment:fixed;
  53.         background-repeat:no-repeat;
  54.         background-position:right bottom;
  55.         font-family:{font:body};
  56.         font-size:10px;
  57.         text-align:justify;
  58. }
  59.  
  60. a:link, a:active, a:visited{
  61.         text-decoration:none;
  62.         color:{color:link};
  63.         -webkit-transition-duration:0.8s;
  64.         -moz-transition-duration:0.8s;
  65. }
  66.  
  67. a:hover{
  68.         text-shadow: 1px 1px 4px {color:link};
  69.         -webkit-transition-duration:0.8s;
  70.         -moz-transition-duration:0.8s;
  71.         color:{color:link};
  72. }
  73.  
  74. blockquote{
  75.         background-color: {color:blockquote back};
  76.         border-left:5px solid {color:link};
  77.         padding-left:7px;
  78. }
  79.  
  80. #title{
  81.         font-size: 18px;
  82.         margin-bottom: 5px;
  83.         font-style: italic;
  84.         border-bottom: 2px solid {color:link};
  85.         font-family: "Tabitha";
  86.         color: {color:title};
  87. }
  88.  
  89. #blogtitle{
  90.         margin-top: 30%;
  91.         font-family: "Tabitha";
  92.         font-size: 18px;
  93.         font-style: italic;
  94.         text-align: center;
  95.         border-bottom: 4px solid {color:link};
  96. }
  97.  
  98. #entries{
  99.         width: 520px;
  100.         top: -10px;
  101.         position: absolute;
  102.         left: 420px;
  103.         padding: 15px;
  104. }
  105.  
  106. #posts{
  107.         overflow:hidden;
  108.         background-color:{color:posts};
  109.         color:{color:text};
  110.         font: {font:body};
  111.     padding: 10px;
  112.     margin-top: 20px;
  113. }
  114.  
  115. #sidebar{
  116.         width: 250px;
  117.         top: 0px;
  118.         height: 100%;
  119.         left: 140px;
  120.         padding: 10px;
  121.         position: fixed;
  122.         text-align:center;
  123.         border-left: 3px solid {color:link};
  124.         background-color: {color:sidebar};
  125.         font-family: {font:body};
  126.         font-size: 10px;
  127. }
  128.  
  129. #sidebarimg img{
  130.         max-width: 250px;
  131.         max-height:auto;
  132.         left: 0px;
  133.         text-align: center;
  134. }
  135.  
  136. #description{
  137.         margin-top: 5px;
  138.         left: 0px;
  139.         margin-bottom: 5px;
  140.         width: 250px;
  141.         text-align:justify;
  142.         font-family: {font:body};
  143.         font-size: 9px;
  144.         font-color:{color:text};
  145. }
  146.  
  147. #navcontainer{
  148.         top: 100px;
  149.         left: 40px;
  150.         width: 200px;
  151.         height: auto;
  152.         position: fixed;
  153. }
  154.  
  155. #navigation{
  156.         width: 100px;
  157.         height: 15px;
  158.         line-height: 15px;
  159.         margin-bottom: 5px;
  160.         font-family: Helvetica;
  161.         text-transform: lowercase;
  162.         letter-spacing: 3px;
  163.         text-align:center;
  164.         -webkit-transition-duration:1.0s;
  165.         -moz-transition-duration:1.0s;
  166.         -moz-border-radius: 10px 0px 0px 10px;
  167.         border-radius: 10px 0px 0px 10px;
  168.         -webkit-border-radius: 10px 0px 0px 10px;
  169.         border-bottom: 2px solid {color:link};
  170.         background-color: {color:navigation};
  171. }
  172.  
  173. #navigation:hover{
  174.         font-style: italic;
  175.         -webkit-transition-duration:0.8s;
  176.         -moz-transition-duration:0.8s;
  177.         background-color: {color:background};
  178. }
  179.  
  180. #pagination{
  181.         height: 20px;
  182.         letter-spacing: 3px;
  183.         text-align:center;
  184.         font-family: arial;
  185.         line-height:15px;
  186.         font-size: 30px;
  187.         font-style: none;
  188.         background-color: {color:sidebar};
  189. }
  190.  
  191. #link{
  192.         font-size:18px;
  193.         font-family: "Tabitha";
  194.         font-style: italic;
  195.         border-bottom: 2px solid {color:link};
  196. }
  197.  
  198. #quote{
  199.         font-size:14px;
  200.         font-style:italic;
  201.         font-family:georgia;
  202. }
  203.  
  204. #source{
  205.         margin-top:3px;
  206.         margin-left:50px;
  207.         margin-bottom:5px;
  208.         font-size:10px;
  209. }
  210.  
  211. .user_1 {
  212.         background-color: {color:link};
  213.         margin-right:25px;
  214.         color: {color:posts};
  215. }
  216.  
  217. .user_2 {
  218.         background-color: {color:background};
  219.         color: {color:link};
  220.         margin-right:25px;
  221. }
  222.  
  223. #question{
  224.         width:485px;
  225.         padding:5px;
  226.         font-family:trebuchet ms;
  227.         font-size:9px;
  228.         text-align:center;
  229.         background-color: {color:question back};
  230.         letter-spacing: 2px;
  231.         color:{color:question text};
  232. }
  233.  
  234. #asker{
  235.         text-align: left;
  236. }
  237.  
  238. #asker img{
  239.         vertical-align:top;
  240.         float:left;
  241.         max-height:15px;
  242.         margin-left: 14px;
  243.         margin-right: 5px;
  244. }
  245.  
  246. #arrow{
  247.         margin-top: -2px;
  248.         margin-left: 10px;
  249.         width: 10px;
  250.         height: 6px;  
  251.         text-align:center;
  252.         color:{color:question back};
  253. }
  254.  
  255. #bottom{
  256.         width: 520px;
  257.         background-color: {color:background};
  258. }
  259.  
  260. #triangle{
  261.         width: 0px;
  262.         height: 0px;
  263.         display: table-cell;
  264.         border-left: 5px solid {color:posts};
  265.         border-right: 5px solid {color:posts};
  266.         border-bottom: 5px solid {color:notes background};
  267. }
  268.  
  269. #notes{
  270.         text-align:center;
  271.         margin-bottom: -20px;
  272.         font-family: {font:body};
  273.         font-size:9px;
  274.         letter-spacing:2px;
  275.         margin-bottom: 1px;
  276.         background-color: {color:notes background};
  277.         -moz-border-radius: 0px 0px 8px 8px;
  278.         border-radius: 0px 0px 8px 8px;
  279.         -webkit-border-radius: 0px 0px 8px 8px;
  280. }
  281.  
  282. #notes a{
  283.         -webkit-transition-duration:0.5s;
  284.         -moz-transition-duration:0.5s;
  285.         color: {color:link};
  286. }
  287.  
  288. #notes a:hover{
  289.         font-weight: bold;
  290.         -webkit-transition-duration:0.5s;
  291.         -moz-transition-duration:0.5s;
  292. }
  293.  
  294. #notescontainer{
  295.         width: 500px;
  296.         margin-bottom: -20px;
  297. }
  298.  
  299. #postnotes{
  300.         width: 500px;
  301.         padding: 8px;
  302.         margin-top: 15px;
  303.         -moz-border-radius: 1em;
  304.         border-radius: 1em;
  305.         -webkit-border-radius: 1em;
  306.         background-color: {color:posts};
  307. }
  308.  
  309. #audio{
  310.         margin-left:160px;
  311.         margin-top:-10px;
  312. }
  313.  
  314. #audioc{
  315.         margin-bottom:65px;
  316. }
  317.  
  318. #audioinfo{
  319.         float:left;
  320.         margin-top:3px;
  321.         margin-left:160px;
  322.         margin-bottom:10px;
  323.         padding:5px;  
  324.         width:250px;
  325.         letter-spacing:2px;
  326.         font-family: {font:body};
  327.         font-size:9px;  
  328.         font-style:italic;
  329.         border-left:5px solid #ECEBE3;
  330. }
  331.  
  332. #albumart{
  333.         position:absolute;
  334.         width:150px;
  335.         height:150px;
  336. }
  337.  
  338. #albumart img{
  339.         width:150px;
  340.         height:150px;
  341. }
  342.  
  343. </style>
  344.  
  345. <style type="text/css">{CustomCSS}
  346.  
  347. ::-webkit-scrollbar-thumb:vertical {background-color:{color:sidebar};height:100px;}
  348.  
  349. ::-webkit-scrollbar-thumb:horizontal {background-color:#ccc;height:10px !important;}
  350.  
  351. ::-webkit-scrollbar { height:10px;width:12px; background-color:{color:background};}
  352. </style>
  353.  
  354. </head>
  355.  
  356. <body>
  357.  
  358. <div id="sidebar">
  359.  
  360. <div id="blogtitle"><a href="/">{Title}</a></div>
  361.  
  362. <div id="sidebarimg">
  363. <img src="{image:sidebar}"/></div>
  364.  
  365. {block:Description}<div id="description">{Description}</div>{/block:Description}
  366.  
  367. <div id="pagination">
  368. {block:Pagination}
  369.  
  370. {block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}
  371. {block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}
  372.  
  373. {/block:Pagination}</div>
  374. </div>
  375.  
  376. <div id="navcontainer">
  377.  
  378. <div id="navigation"><a href="/">Home</a></div>
  379. <div id="navigation"><a href="/ask">Message</a></div>
  380. <div id="navigation"><a href="/archive">Archive</a></div>
  381. <div id="navigation"><a href="http://notliketheothers.tumblr.com/tagged/themes">Theme</a></div>
  382. {block:ifLink1}<div id="navigation"><a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}</div>
  383. {block:ifLink2}<div id="navigation"><a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}</div>
  384. {block:ifLink3}<div id="navigation"><a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}</div>
  385. {block:ifLink4}<div id="navigation"><a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}</div>
  386.  
  387. </div>
  388.  
  389. <div id="entries">
  390. {block:Posts}
  391.  
  392. <div id="posts">
  393.  
  394. {block:Text}
  395. {block:Title}
  396. <div id="title"><a href="{Permalink}">{Title}</a></div>
  397. {/block:Title}
  398. <div id="post text">
  399. {Body}
  400. </div>
  401.     {/block:Text}
  402.  
  403. {block:Photo}
  404. <div class="post photo">
  405. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  406. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  407. </div>
  408.     {/block:Photo}
  409.                
  410.     {block:Photoset}
  411. <div class="post photoset">
  412. {Photoset-500}
  413. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  414. </div>
  415.     {/block:Photoset}
  416.  
  417.     {block:Quote}
  418. <div id="quote">"{Quote}"</div>
  419. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  420.     {/block:Quote}
  421.  
  422.     {block:Link}
  423. <div id="link">
  424. <a href="{URL}" class="link" {Target}>{Name}</a></div>
  425. {block:Description}
  426. <div class="description">{Description}</div>
  427. {/block:Description}            
  428.     {/block:Link}
  429.  
  430.     {block:Chat}
  431. <div class="post chat">
  432. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  433. <ul class="chat">
  434. {block:Lines}
  435. <div class="{Alt} user_{UserNumber}">
  436. {block:Label}
  437. <span class="label">{Label}</span>
  438. {/block:Label}
  439. {Line}
  440. </div>
  441. {/block:Lines}
  442. </ul>
  443. </div>
  444.     {/block:Chat}
  445.  
  446.     {block:Video}
  447. <div id="post video">
  448. {Video-500}
  449. {block:Caption}
  450. <div class="caption">{Caption}</div>
  451. {/block:Caption}
  452. </div>
  453.     {/block:Video}
  454.  
  455.     {block:Audio}
  456. <div id="post audio">
  457. {AudioPlayerWhite}
  458. {block:Caption}
  459. <div id="caption">{Caption}</div>
  460. {/block:Caption}
  461. </div>
  462.     {/block:Audio}
  463.  
  464.     {block:Answer}
  465. <div id="question"><b>{Question}</b></div>
  466. <div id="arrow">◥</div>
  467. <br>
  468. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div><br>
  469. {Answer}
  470.     {/block:answer}
  471.  
  472. </div>
  473.  
  474. <div id="bottom">
  475. <div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div><div id="triangle"></div>
  476. <div id="notes">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}{block:NoteCount} | with<a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}
  477. <br>{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  478. </div></div>
  479.  
  480. {/block:Posts}
  481.  
  482.  {block:PostNotes}
  483. <div id="postnotes">{PostNotes}</div>
  484.     {/block:PostNotes}
  485.  
  486. </div>
  487. </div>
  488.  
  489. </body>
  490. </html>
create a new version of this paste RAW Paste Data