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

Theme 08

By: notliketheothers on Jan 7th, 2012  |  syntax: None  |  size: 14.33 KB  |  hits: 1,017  |  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:title" content="#ffffff" />
  11. <meta name="color:title border" content="#C0E3F7" />
  12. <meta name="color:background" content="#E4F1F8" />
  13. <meta name="color:sidebar" content="#EBF7FF" />
  14. <meta name="color:sidebarr border" content="#A3EDFC" />
  15. <meta name="color:nav1" content="#3FD9FF" />
  16. <meta name="color:nav2" content="#7CCBFF" />
  17. <meta name="color:nav3" content="#779DEE" />
  18. <meta name="color:nav4" content="#B3BCFF" />
  19. <meta name="color:nav5" content="#B79BF2" />
  20. <meta name="color:nav6" content="#C276F5" />
  21. <meta name="color:nav7" content="#EB6AE5" />
  22. <meta name="color:nav8" content="#FF82B9" />
  23. <meta name="color:navigation link" content="#F1FFFD" />
  24. <meta name="color:navigation link hover" content="#7DEFFA" />
  25. <meta name="color:navigation hover" content="#EBF7FF" />
  26. <meta name="color:text" content="#5CD8F7" />
  27. <meta name="color:posts" content="#EBF7FF" />
  28. <meta name="color:link" content="#57B5FF" />
  29. <meta name="color:link hover" content="#B6F5FA" />
  30. <meta name="color:question back" content="#BEF4FF" />
  31. <meta name="color:question text" content="#20D1FD" />
  32. <meta name="color:notes background" content="#BEF4FF" />
  33.  
  34. <meta name="font:title" content="" />
  35. <meta name="font:body" content="" />
  36.  
  37. <meta name="image:background" content="" />
  38. <meta name="image:sidebar" content="" />
  39. <meta name="image:sidebarr" content="" />
  40. <meta name="image:sidebarr2" content="" />
  41. <meta name="image:sidebarr3" content="" />
  42. <meta name="image:sidebar background" content="" />
  43.  
  44. <meta name="text:Link 1" content="" />
  45. <meta name="text:Link 1 Title" content="" />
  46. <meta name="text:Link 2" content="" />
  47. <meta name="text:Link 2 Title" content="" />
  48. <meta name="text:Link 3" content="" />
  49. <meta name="text:Link 3 Title" content="" />
  50. <meta name="text:Link 4" content="" />
  51. <meta name="text:Link 4 Title" content="" />
  52.  
  53.  
  54. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  55. <title>{Title}</title>
  56. <link rel="shortcut icon" href="{Favicon}" />
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  58. {block:Description}
  59. <meta name="description" content="{MetaDescription}" />
  60. {/block:Description}
  61.  
  62. <style type="text/css">
  63. body{
  64.     background-image: url('{image:background}');
  65.         background-color:{color:background};
  66.         color: {color:text};
  67.         background-attachment:fixed;
  68.         background-repeat:no-repeat;
  69.         background-position:right bottom;
  70.         font-family:{font:body};
  71.         font-size:11px;
  72.         text-align:justify;
  73. }
  74.  
  75. a:link, a:active, a:visited{
  76.         text-decoration:none;
  77.         color:{color:link};
  78.         -webkit-transition-duration:0.8s;
  79.         -moz-transition-duration:0.8s;
  80. }
  81.  
  82. a:hover{
  83.         -webkit-transition-duration:0.8s;
  84.         -moz-transition-duration:0.8s;
  85.         color: {color:link hover};
  86. }
  87.  
  88. blockquote{
  89.         border-left:6px solid {color:pagination};
  90.         padding-left:7px;
  91. }
  92.  
  93. #title{
  94.         font-size: 18px;
  95.         margin-bottom: 5px;
  96.         font-style: italic;
  97.         background-color: {color:background};
  98.         border-bottom: 2px solid {color:title border};
  99.         font-family: "Tabitha";
  100.         color: {color:title};
  101. }
  102.  
  103. #blogtitle{
  104.         font-family: "Tabitha";
  105.         font-size: 18px;
  106.         font-style: italic;
  107.         text-align: center;
  108. }
  109.  
  110. #entries{
  111.         width: 520px;
  112.         top: -10px;
  113.         position: absolute;
  114.         left: 360px;
  115.         padding: 15px;
  116. }
  117.  
  118. #posts{
  119.         overflow:hidden;
  120.         -moz-border-radius: 6px 6px 0px 0px;
  121.         border-radius: 6px 6px 0px 0px;
  122.         -webkit-border-radius: 6px 6px 0px 0px;
  123.         background-color:{color:posts};
  124.         color:{color:text};
  125.         font: {font:body};
  126.     padding: 10px;
  127.     margin-top: 20px;
  128. }
  129.  
  130. #sidebar{
  131.         width: 250px;
  132.         top: 100px;
  133.         height: auto;
  134.         left: 45px;
  135.         padding: 10px;
  136.         position: fixed;
  137.         text-align:center;
  138.         -moz-border-radius: 10px;
  139.         border-radius: 10px;
  140.         -webkit-border-radius: 10px;
  141.         background-color: {color:sidebar};
  142.         font-family: {font:body};
  143.         font-size: 11px;
  144. }
  145.  
  146. #sidebarimg img{
  147.         max-width:250px;
  148.         max-height:auto;
  149.         left: 0px;
  150.         text-align: center;
  151. }
  152.  
  153. #sidebarr{
  154.         width: 250px;
  155.         top: 140px;
  156.         height: auto;
  157.         right: 50px;
  158.         position: fixed;
  159.         text-align:center;
  160.         background-color: {color:sidebar};
  161.         font-family: {font:body};
  162.         font-size: 11px;
  163. }
  164.  
  165. #sidebarr:hover #navigation{
  166.         opacity: 1;
  167.         margin-top: 260px;
  168.         -webkit-transition-duration: 1.0s;
  169.         -moz-transition-duration: 1.0s;
  170. }
  171.  
  172. #sidebarrimg img{
  173.         max-width:250px;
  174.         max-height:auto;
  175.         left: 0px;
  176.         text-align: center;
  177.         display: inline;
  178. }
  179.  
  180. #sidebarrimg2 img{
  181.         max-width:125px;
  182.         max-height:auto;
  183.         left: 0px;
  184.         text-align: center;
  185.         display: inline;
  186.         border-bottom: 8px solid {color:sidebarr border};
  187. }
  188.  
  189. #description{
  190.         margin-top: 5px;
  191.         right: 0px;
  192.         margin-bottom: 5px;
  193.         width: 250px;
  194.         text-align:justify;
  195.         font-family: arial;
  196.         font-size: 9px;
  197.         font-color:{color:text};
  198. }
  199.  
  200. #navigation{
  201.         top: 140px;
  202.         right: 50px;
  203.         width: 250px;
  204.         height: 20px;
  205.         position: fixed;
  206.         opacity: 0;
  207.         display: block;
  208.         -webkit-transition-duration: 1.0s;
  209.         -moz-transition-duration: 1.0s;
  210. }
  211.  
  212. #nav1{
  213.         margin-bottom: 2px;
  214.         background-color: {color:nav1};
  215.         -webkit-transition-duration: 1.0s;
  216.         -moz-transition-duration: 1.0s;
  217. }
  218.  
  219. #nav1:hover{
  220.         background-color: {color:navigation hover};
  221.         -webkit-transition-duration: 1.0s;
  222.         -moz-transition-duration: 1.0s;
  223. }
  224.  
  225. #nav2{
  226.         margin-bottom: 2px;
  227.         background-color: {color:nav2};
  228.         -webkit-transition-duration: 1.0s;
  229.         -moz-transition-duration: 1.0s;
  230. }
  231.  
  232. #nav2:hover{
  233.         background-color: {color:navigation hover};
  234.         -webkit-transition-duration: 1.0s;
  235.         -moz-transition-duration: 1.0s;
  236. }
  237.  
  238. #nav3{
  239.         margin-bottom: 2px;
  240.         background-color: {color:nav3};
  241.         -webkit-transition-duration: 1.0s;
  242.         -moz-transition-duration: 1.0s;
  243. }
  244.  
  245. #nav3:hover{
  246.         background-color: {color:navigation hover};
  247.         -webkit-transition-duration: 1.0s;
  248.         -moz-transition-duration: 1.0s;
  249. }
  250.  
  251. #nav4{
  252.         margin-bottom: 2px;
  253.         background-color: {color:nav4};
  254.         -webkit-transition-duration: 1.0s;
  255.         -moz-transition-duration: 1.0s;
  256. }
  257.  
  258. #nav4:hover{
  259.         background-color: {color:navigation hover};
  260.         -webkit-transition-duration: 1.0s;
  261.         -moz-transition-duration: 1.0s;
  262. }
  263.  
  264. #nav5{
  265.         margin-bottom: 2px;
  266.         background-color: {color:nav5};
  267.         -webkit-transition-duration: 1.0s;
  268.         -moz-transition-duration: 1.0s;
  269. }
  270.  
  271. #nav5:hover{
  272.         background-color: {color:navigation hover};
  273.         -webkit-transition-duration: 1.0s;
  274.         -moz-transition-duration: 1.0s;
  275. }
  276.  
  277. #nav6{
  278.         margin-bottom: 2px;
  279.         background-color: {color:nav6};
  280.         -webkit-transition-duration: 1.0s;
  281.         -moz-transition-duration: 1.0s;
  282. }
  283.  
  284. #nav6:hover{
  285.         background-color: {color:navigation hover};
  286.         -webkit-transition-duration: 1.0s;
  287.         -moz-transition-duration: 1.0s;
  288. }
  289.  
  290. #nav7{
  291.         margin-bottom: 2px;
  292.         background-color: {color:nav7};
  293.         -webkit-transition-duration: 1.0s;
  294.         -moz-transition-duration: 1.0s;
  295. }
  296.  
  297. #nav7:hover{
  298.         background-color: {color:navigation hover};
  299.         -webkit-transition-duration: 1.0s;
  300.         -moz-transition-duration: 1.0s;
  301. }
  302.  
  303. #nav8{
  304.         margin-bottom: 2px;
  305.         background-color: {color:nav8};
  306.         -webkit-transition-duration: 1.0s;
  307.         -moz-transition-duration: 1.0s;
  308. }
  309.  
  310. #nav8:hover{
  311.         background-color: {color:navigation hover};
  312.         -webkit-transition-duration: 1.0s;
  313.         -moz-transition-duration: 1.0s;
  314. }
  315.  
  316. #navigation a{
  317.         font-family:verdana;
  318.         text-transform: lowercase;
  319.         font-size:9px;
  320.         text-align: center;
  321.         letter-spacing:4px;
  322.         color:{color:navigation link};
  323. }
  324.  
  325. #navigation a:hover{
  326.         font-style: italic;
  327.         -webkit-transition-duration: 1.0s;
  328.         -moz-transition-duration: 1.0s;
  329.         color: {color:navigation link hover};
  330. }
  331.  
  332. #navigation:hover{
  333.         -webkit-transition-duration: 0.6s;
  334.         -moz-transition-duration: 0.6s;
  335. }
  336.  
  337. #pagination{
  338.         height: 20px;
  339.         letter-spacing: 3px;
  340.         text-align:center;
  341.         font-family: arial;
  342.         line-height:15px;
  343.         font-size: 30px;
  344.         background-color: {color:sidebar};
  345. }
  346.  
  347. #link{
  348.         font-size:18px;
  349.         font-family: "Tabitha";
  350.         font-style: italic;
  351.         background-color: {color:background};
  352.         border-bottom: 2px solid {color:title border};
  353. }
  354.  
  355. #quote{
  356.         font-size:14px;
  357.         font-style:italic;
  358.         font-family:georgia;
  359. }
  360.  
  361. #source{
  362.         margin-top:3px;
  363.         margin-left:50px;
  364.         margin-bottom:5px;
  365.         font-size:10px;
  366. }
  367.  
  368. .user_1 {
  369.         background-color: {color:text};
  370.         margin-right:25px;
  371.         color: {color:posts};
  372. }
  373.  
  374. .user_2 {
  375.         background-color: {color:background};
  376.         color: {color:text};
  377.         margin-right:25px;
  378. }
  379.  
  380. #question{
  381.         width:485px;
  382.         padding:5px;
  383.         -moz-border-radius: 1em;
  384.         border-radius: 1em;
  385.         -webkit-border-radius: 1em;
  386.         font-family:trebuchet ms;
  387.         font-size:9px;
  388.         text-align:center;
  389.         background-color: {color:question back};
  390.         letter-spacing: 2px;
  391.         color:{color:question text};
  392. }
  393.  
  394. #asker{
  395.         text-align: left;
  396. }
  397.  
  398. #asker img{
  399.         vertical-align:top;
  400.         float:left;
  401.         max-height:15px;
  402.         margin-left: 14px;
  403.         margin-right: 5px;
  404. }
  405.  
  406. #arrow{
  407.         margin-top: -2px;
  408.         margin-left: 10px;
  409.         width: 10px;
  410.         height: 6px;  
  411.         text-align:center;
  412.         color:{color:question back};
  413. }
  414.  
  415. #bottom{
  416.         width: 520px;
  417.         background-color: {color:background};
  418. }
  419.  
  420. #tags{
  421.         margin-right:auto;
  422.         font-family:arial;
  423.         font-size:9px;
  424.         text-align: center;
  425.         letter-spacing:2px;
  426. }
  427.  
  428. #tags a{
  429.         color: {color:link};
  430. }
  431.  
  432. #tags a:hover{
  433.         color: {color:link hover};
  434. }
  435.  
  436. #tagscontainer{
  437.         width:520px;
  438. }
  439.  
  440. #notes{
  441.         text-align:center;
  442.         font-family:arial;
  443.         font-size:9px;
  444.         letter-spacing:2px;
  445.         margin-bottom: 1px;
  446.         -moz-border-radius: 0em 0em 1em 1em;
  447.         border-radius: 0em 0em 1em 1em;
  448.         -webkit-border-radius: 0em 0em 1em 1em;
  449.         border-top: 1px dotted {color:title border};
  450.         background-color: {color:notes background};
  451. }
  452.  
  453. #notes a{
  454.         color: {color:link};
  455. }
  456.  
  457. #notes a:hover{
  458.         color: {color:link hover};
  459. }
  460.  
  461. #notescontainer{
  462.         width: 500px;
  463. }
  464.  
  465. #postnotes{
  466.         width: 500px;
  467.         padding: 8px;
  468.         margin-top: 15px;
  469.         -moz-border-radius: 1em;
  470.         border-radius: 1em;
  471.         -webkit-border-radius: 1em;
  472.         background-color: {color:posts};
  473. }
  474.  
  475. #audio{
  476.         margin-left:160px;
  477.         margin-top:-10px;
  478. }
  479.  
  480. #audioc{
  481.         margin-bottom:65px;
  482. }
  483.  
  484. #audioinfo{
  485.         float:left;
  486.         margin-top:3px;
  487.         margin-left:160px;
  488.         margin-bottom:10px;
  489.         padding:5px;  
  490.         width:250px;
  491.         letter-spacing:2px;
  492.         font-family:georgia;
  493.         font-size:9px;  
  494.         font-style:italic;
  495.         border-left:5px solid #ECEBE3;
  496. }
  497.  
  498. #albumart{
  499.         position:absolute;
  500.         width:150px;
  501.         height:150px;
  502. }
  503.  
  504. #albumart img{
  505.         width:150px;
  506.         height:150px;
  507. }
  508.  
  509. </style>
  510.  
  511. <style type="text/css">{CustomCSS}
  512.  
  513. ::-webkit-scrollbar-thumb:vertical {background-color:{color:notes background};height:100px;}
  514.  
  515. ::-webkit-scrollbar-thumb:horizontal {background-color:#ccc;height:10px !important;}
  516.  
  517. ::-webkit-scrollbar { height:10px;width:12px; background-color:{color:background};}
  518. </style>
  519.  
  520. </head>
  521.  
  522. <body>
  523.  
  524. <div id="sidebar">
  525.  
  526. <div id="blogtitle"><a href="/">{Title}</a></div>
  527.  
  528. <div id="sidebarimg">
  529. <img src="{image:sidebar}"/></div>
  530.  
  531. {block:Description}<div id="description">{Description}</div>{/block:Description}
  532.  
  533. <div id="pagination">
  534. {block:Pagination}
  535.  
  536. {block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}
  537. {block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}
  538.  
  539. {/block:Pagination}</div>
  540. </div>
  541.  
  542. <div id="sidebarr">
  543.  
  544. <div id="sidebarrimg">
  545. <img src="{image:sidebarr}"/></div>
  546. <div id="sidebarrimg2">
  547. <img src="{image:sidebarr2}"/><img src="{image:sidebarr3}"/></div>
  548.  
  549. <div id="navigation">
  550. <div id="nav1"><a href="/">Home</a></div>
  551. <div id="nav2"><a href="/ask">Ask</a></div>
  552. <div id="nav3"><a href="/archive">Archive</a></div>
  553. <div id="nav4"><a href="http://notliketheothers.tumblr.com/tagged/themes">Theme</a></div>
  554. <div id="nav5">{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a><br>{/block:ifLink1}</div>
  555. <div id="nav6">{block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a><br>{/block:ifLink2}</div>
  556. <div id="nav7">{block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a><br>{/block:ifLink3}</div>
  557. <div id="nav8">{block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a><br>{/block:ifLink4}</div>
  558. </div>
  559. </div>
  560.  
  561. <div id="entries">
  562. {block:Posts}
  563.  
  564. <div id="posts">
  565.  
  566. {block:Text}
  567. {block:Title}
  568. <div id="title"><a href="{Permalink}">{Title}</a></div>
  569. {/block:Title}
  570. <div id="post text">
  571. {Body}
  572. </div>
  573.     {/block:Text}
  574.  
  575. {block:Photo}
  576. <div class="post photo">
  577. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  578. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  579. </div>
  580.     {/block:Photo}
  581.                
  582.     {block:Photoset}
  583. <div class="post photoset">
  584. {Photoset-500}
  585. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  586. </div>
  587.     {/block:Photoset}
  588.  
  589.     {block:Quote}
  590. <div id="quote">"{Quote}"</div>
  591. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  592.     {/block:Quote}
  593.  
  594.     {block:Link}
  595. <div id="link">
  596. <a href="{URL}" class="link" {Target}>{Name}</a></div>
  597. {block:Description}
  598. <div class="description">{Description}</div>
  599. {/block:Description}            
  600.     {/block:Link}
  601.  
  602.     {block:Chat}
  603. <div class="post chat">
  604. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  605. <ul class="chat">
  606. {block:Lines}
  607. <div class="{Alt} user_{UserNumber}">
  608. {block:Label}
  609. <span class="label">{Label}</span>
  610. {/block:Label}
  611. {Line}
  612. </div>
  613. {/block:Lines}
  614. </ul>
  615. </div>
  616.     {/block:Chat}
  617.  
  618.     {block:Video}
  619. <div id="post video">
  620. {Video-500}
  621. {block:Caption}
  622. <div class="caption">{Caption}</div>
  623. {/block:Caption}
  624. </div>
  625.     {/block:Video}
  626.  
  627.     {block:Audio}
  628. <div id="post audio">
  629. {AudioPlayerWhite}
  630. {block:Caption}
  631. <div id="caption">{Caption}</div>
  632. {/block:Caption}
  633. </div>
  634.     {/block:Audio}
  635.  
  636.     {block:Answer}
  637. <div id="question"><b>{Question}</b></div>
  638. <div id="arrow">◥</div>
  639. <br>
  640. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div><br>
  641. {Answer}
  642.     {/block:answer}
  643.  
  644. </div>
  645.  
  646. <div id="bottom">
  647. <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}</div>
  648. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  649. </div>
  650.  
  651. {/block:Posts}
  652.  
  653.  {block:PostNotes}
  654. <div id="postnotes">{PostNotes}</div></div>
  655.     {/block:PostNotes}
  656.  
  657. </div>
  658. </div>
  659.  
  660. </body>
  661. </html>
create a new version of this paste RAW Paste Data