Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme 10

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