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

Theme 01

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