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

four

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