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

Theme 05

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