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

three

By: mayriella on May 10th, 2012  |  syntax: None  |  size: 10.96 KB  |  hits: 17,618  |  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.  
  5.     .         .                  
  6.     |        _|_           o      
  7.  .-.| .  ..--.|  .-. .,-.  .  .-.
  8. (   | |  |`--.| (   )|   ) | (.-'
  9.  `-'`-`--|`--'`-'`-' |`-'-' `-`--'
  10.          ;           |            
  11.       `-'  
  12.  
  13. THEME 'THREE' BY DYSTOPIE.TUMBLR.COM
  14.  
  15. DO NOT REMOVE THE CREDIT
  16. DO NOT USE AS A BASE
  17. DO NOT CLAIM AS YOURS
  18.  
  19. Features: sidebar description, max sidebar image: 250px, 6 links customized (if you want your links and navigation pages to not fade, change in the code the opacity from 0 to 1), pagination in the navigation.
  20. Live preview: dystopie.tumblr.com/three
  21.  
  22. -->
  23.  
  24. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  25.  
  26. <head>
  27.  
  28. <!-- DEFAULT VARIABLES -->
  29. <meta name="color:background" content="#FFFFFF" />
  30. <meta name="color:scrollbar" content="#EEEEEE" />
  31. <meta name="color:text" content="#C0C0C0" />
  32. <meta name="color:link" content="#C0C0C0" />
  33. <meta name="color:line" content="#EEEEEE" />
  34. <meta name="font:lower" content="georgia" />
  35. <meta name="font:upper" content="courier new" />
  36. <meta name="image:sidebar" content=""/>
  37. <meta name="text:Link1" content="" />
  38. <meta name="text:Link1 Title" content="" />
  39. <meta name="text:Link2" content="" />
  40. <meta name="text:Link2 Title" content="" />
  41. <meta name="text:Link3" content="" />
  42. <meta name="text:Link3 Title" content="" />
  43. <meta name="text:Link4" content="" />
  44. <meta name="text:Link4 Title" content="" />
  45. <meta name="text:Link5" content="" />
  46. <meta name="text:Link5 Title" content="" />
  47. <meta name="text:Link6" content="" />
  48. <meta name="text:Link6 Title" content="" />
  49.  
  50. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  51. <title>{Title}</title>
  52. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53. <link rel="shortcut icon" href="{Favicon}" />
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:5px;}
  58. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:5px !important;}
  59. ::-webkit-scrollbar {height:5px; width:5px; background-color:{color:background};}
  60.  
  61. body {color:{color:text}; background-color:{color:background}; font-family:{font:lower}; font-size:9px; line-height:110%; text-align:justify}
  62.  
  63. a:link, a:active, a:visited{color:{color:link}; text-decoration:none}
  64. a:hover{color:{color:background}; -webkit-transition:0.3s linear;}
  65.  
  66. blockquote {border-left:2px {color:background} solid; padding-left:5px; margin:0px 2px 0px 10px}
  67.  
  68. b, strong{color:{color:text};}
  69. i, em {color:{color:text};}
  70. p{margin-top:5px; margin-bottom:5px}
  71. blockquote {padding:0px; padding-left:5px; margin:0px; border-left:2px solid {color:text}}
  72.  
  73. ::selection {background:{color:text}; color:{color:background};}
  74. ::-moz-selection {background:{color:text}; color:{color:background};}
  75. ::-webkit-selection {background:{color:text}; color:{color:background};}
  76.  
  77. #container {background-color:transparent; width:800px; text-align:center; margin: 0 auto -10px auto}
  78.  
  79. #entries {margin:12px 0 -10px 260px; margin-top:130px; margin-right:50px; float:right; text-align:justify}
  80.  
  81. #entry {margin:0px 0 -5px 0; width:500px; background-color:{color:background}; text-align: justify; padding:15px}
  82.  
  83. h1{color:{color:text}; font:10px {font:upper}; text-transform:uppercase; text-align:left}
  84.  
  85. h2{color:{color:text}; font:10px {font:upper}; text-transform:uppercase; text-align:left}
  86.  
  87. h3{color:{color:text}; font:10px {font:upper}; text-transform:uppercase; margin:0px; text-align:left}
  88.  
  89. #sidebar {width:250px; margin-left:-120px; top:140px; position:fixed;}
  90. #sidebar:hover #link{opacity:1; display:block;}
  91. #desc {text-transform:lowercase; font-family:{font:lower}; font-size:9px; text-align:center;}
  92. .icon img{text-align:center;}
  93. #link {font:10px {font:upper}; text-transform:uppercase; text-align:center; opacity:0; -webkit-transition:0.3s linear;}
  94.  
  95. #pagination {font-color:{color:link}; font:10px trebuchet ms; text-transform:uppercase; text-align:left; text-decoration:none; padding:0px;}
  96. #pagination:hover{font-color:{color:entry};}
  97.  
  98. #border {width:25px; float:left; position:relative;}
  99. #tags {text-transform:lowercase; font-family:{font:lower}; font-size:9px; color:{color:link}; text-align:left;}
  100.  
  101. #posts{width:500px; margin-bottom:30px; background-color:{color:entry};}
  102. #posts:hover #info{opacity:1; display:block;}
  103.  
  104. #info {font:10px {font:upper}; text-transform:uppercase; color:{color:link}; float:left; position:absolute; opacity:0; -webkit-transition:0.3s linear; position:absolute; outline: none;}
  105.  
  106. #questions {background-color:{color:question}; color:{color:text}; padding:10px; font-family:{font:body}; font-size:10px;}
  107. #h {position:fixed; right:0px; bottom:0px; color:{color:body}; text-transform:lowercase; font:10px consolas italic; letter-spacing:1px; padding:5px;}
  108. .audio{background-color:#000000; height:55px;overflow:hidden;}
  109.  
  110. .user_1 {background-color:{color:line}; margin-right:25px; color:{color:text};}
  111. .user_2 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
  112. .user_3 {background-color:{color:line}; margin-right:25px; color:{color:text};}
  113. .user_4 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
  114. .user_5 {background-color:{color:line}; margin-right:25px; color:{color:text};}
  115. .user_6 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
  116. .user_7 {background-color:{color:line}; margin-right:25px; color:{color:text};}
  117. .user_8 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
  118. .user_9 {background-color:{color:line}; margin-right:25px; color:{color:text};}
  119. .user_10 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
  120. .user_11 {background-color:{color:line}; margin-right:25px; color:{color:text};}
  121. .user_12 {background-color:{color:background}; color:{color:text}; margin-right:25px;}
  122. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:5px;}
  123.  
  124. #d {position:fixed; right:0px; bottom:0px; font-size:10px; color:{color:background}; padding:5px; background:{color:line};}
  125.  
  126. .notes img{width:10px; position:relative; top:1px}
  127. ol.notes, .notes li{width:490px; line-height:110%; list-style:none; margin:4px 0 -2px 4px; padding:0px; font-family:{font:lower}; font-size:10px; text-transform:lowercase}
  128.  
  129. html {cursor: url("http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png"), default;}
  130.  
  131. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  132.  
  133. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  134.  
  135. </style>
  136. <style type="text/css">{CustomCSS}</style>
  137. </head>
  138.  
  139. <body>
  140.  
  141. <div id="container">
  142. <div id="d"><a href="http://dystopie.tumblr.com/codes" title="theme by dystopie" target="_blank">©</a></div>
  143. <div id="entries">
  144.  
  145. {block:Posts}
  146. <div id="posts">
  147.  
  148. <div id="entry">
  149.  
  150. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  151. {block:Text}{Body}{/block:Text}
  152.  
  153. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  154.  
  155. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  156. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  157.  
  158. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  159. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  160.  
  161. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  162.  
  163. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  164.  
  165. {block:Answer}<div id="questions"><font face="{font:upper}"><b>{Asker}</b></font>: {Question}</div>
  166. {Answer}{/block:answer}
  167.  
  168. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="55px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  169.  
  170. <div id="border" style="border-top:2px solid #E9A09B;"></div><div id="border" style="border-top:2px solid #E7A998;"></div><div id="border" style="border-top:2px solid #EAC196;"></div><div id="border" style="border-top:2px solid #ECCE9F;"></div><div id="border" style="border-top:2px solid #EBE19C;"></div><div id="border" style="border-top:2px solid #DFDC96;"></div><div id="border" style="border-top:2px solid #C3D69E;"></div><div id="border" style="border-top:2px solid #99CDDE;"></div><div id="border" style="border-top:2px solid #9ACEAF;"></div><div id="border" style="border-top:2px solid #9FCE9F;"></div><div id="border" style="border-top:2px solid #AE97B6;"></div><div id="border" style="border-top:2px solid #C397B9;"></div><div id="border" style="border-top:2px solid #CC95AA;"></div><div id="border" style="border-top:2px solid #C895AA;"></div><div id="border" style="border-top:2px solid #E194A7;"></div><div id="border" style="border-top:2px solid #CBBCB3;"></div><div id="border" style="border-top:2px solid #A8A09C;"></div><div id="border" style="border-top:2px solid #AB9B91;"></div><div id="border" style="border-top:2px solid #B6A195;"></div><div id="border" style="border-top:2px solid #CEB5A4;"></div><br>
  171. <div id="tags">{block:HasTags}#{block:Tags}<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  172. <div id="info"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a> <a href="{Permalink}">{block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</a><br>
  173. {block:RebloggedFrom}via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}orig <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div><BR>
  174. </div></div>
  175. {/block:Posts}
  176.  
  177. {block:PostNotes}{PostNotes}{/block:PostNotes}
  178.  
  179. </div>
  180.  
  181. <div id="sidebar">
  182. <div id="navigation"><div class="icon"><img src="{image:sidebar}"></div>
  183. <br>
  184. <div id="desc"><div id="link">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  185. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  186. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  187. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  188. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  189. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  190. <br>
  191. {Description}</div>
  192. </div>
  193. </div>
  194.  
  195. </div>
  196. </div>
  197.  
  198. </body>
  199. </html>
create a new version of this paste RAW Paste Data