API tools faq
paste
Advertisement
untheme

Vindictive Theme by Untheme

untheme
Sep 28th, 2012
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.53 KB | None | 0 0
raw download clone embed print report
  1. <!-- Theme Esculent, Made By: http://untheme.tumblr.com/, Please don't take off Credit. If you're going to take it off, at least put it in your FAQ. And if not, I'm reporting you. If you edit this theme AT ALL I must have credit for originality. And I'll be checking for that, too. Thank you, I love you. -Aensly -->
  2.  
  3. <html lang="en">
  4. <head>
  5. <!-- DEFAULT VARIABLES -->
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <meta name="text:HoverTitle" content="hover here"/>
  8. <meta name="color:background" content="#79818B"/>
  9. <meta name="color:text" content="#000"/>
  10. <meta name="color:title" content="#000"/>
  11. <meta name="color:link" content="#777"/>
  12. <meta name="color:hover" content="#ccc"/>
  13. <meta name="if:infinite scrolling" content="1"/>
  14. <meta name="if:show arrows" content="0"/">
  15. <meta name="image:sidebar" content="1"/>
  16. <meta name="image:Permalink" content="http://i42.tinypic.com/11lk27b.gif"/>
  17. <meta name="image:Background" content=""/>
  18. <meta name="if:show photo" content="0"/>
  19. <meta name="if:show Permalink" content="0"/>
  20. <meta name="if:show blog title" content="0"/>
  21. <meta name="if:tiny cursor" content="1"/>
  22. <meta name="if:tiny scrollbar" content="1"/>
  23. <meta name="text:Custom Link One" content="/" />
  24. <meta name="text:Custom Link One Title" content="home" />
  25. <meta name="text:Custom Link Two" content="/ask" />
  26. <meta name="text:Custom Link Two Title" content="ask" />
  27. <meta name="text:Custom Link Three" content="/faq" />
  28. <meta name="text:Custom Link Three Title" content="faq" />
  29. <meta name="text:Custom Link Four" content="/etc" />
  30. <meta name="text:Custom Link Four Title" content="etc" />
  31.  
  32. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.  
  34. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  35.  
  36. <style type="text/css">
  37.  
  38. #hovr
  39.  
  40. #hov a {display:block}
  41.  
  42.  
  43. #hov .hovdes {margin-top:-8px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  44.  
  45.  
  46. #hov:hover .hovdes {margin-top:2px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  47.  
  48. {block:iftinycursor}
  49. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  50. {/block:iftinycursor}
  51.  
  52. {block:iftinyscrollbar}
  53. ::-webkit-scrollbar {width: 4px; height: 4px; background: #FFFFFF; }
  54.  
  55. ::-webkit-scrollbar-thumb { background-color: #858585; -webkit-border-radius: 0px; outline:1px solid rgba(0, 0, 0, .1); border:2px solid rgba(0, 0, 0, .05);}
  56. {/block:iftinyscrollbar}
  57.  
  58. body {
  59. margin:0px;
  60. background-color: {color:Background};
  61. background-image:url({image:Background});
  62. background-attachment: fixed;
  63. background-repeat: repeat;}
  64. body, div, p, textarea, submit, input{
  65. font-family: cambria;
  66. font-size: 10px;
  67. line-height:10px;
  68. letter-spacing:px;
  69. color:{color:Text};
  70. }
  71.  
  72. p {
  73. margin:0px;
  74. margin-top:0px;
  75. }
  76.  
  77. a:link, a:active, a:visited{
  78. color: {color:Link};
  79. text-decoration: none;
  80. -webkit-transition: color 0.3s ease-out;
  81. -moz-transition: color 0.3s ease-out;
  82. transition: color 0.3s ease-out;
  83. }
  84.  
  85. a:hover {
  86. color:{color:Hover};
  87. text-decoration: none;
  88. }
  89.  
  90. div#center{
  91. margin:auto;
  92. position:relative;
  93. width:740px;
  94. background-color:;
  95. overflow:auto;
  96. overflow-y:hidden;
  97. }
  98.  
  99. div#content{
  100. float:right;
  101. width:450px;
  102. padding:1px;
  103. padding-top: 0px;
  104. margin-top:1px;
  105. margin-right: 50px;
  106. background-color:white;
  107. }
  108.  
  109. div#sidebar{
  110. position:fixed !important;
  111. width: 275px;
  112. height:auto;
  113. margin: 80px 0px 0px -75px;
  114. padding-top:1px;
  115. padding-left:1px;
  116. padding-right:1px;
  117. padding-bottom:1px;
  118. text-align:center;
  119. background-color: #fff;
  120. border-top-right-radius:13px;
  121. border-bottom-right-radius:13px;
  122. border-top-left-radius:13px;
  123. border-bottom-left-radius:13px;
  124. }
  125.  
  126. div#entry{
  127. width:450px;
  128. margin-top:0px;
  129. padding-left:0px;
  130. padding-right:0px;
  131. padding-top:0px;
  132. padding-bottom:0px;
  133. background-color: #fff;
  134. }
  135.  
  136. .links {
  137. display:inline-block;
  138. width: 45px;
  139. background-color: #e1e1e1;
  140. line-height: 10px;
  141. font-size: 18px;
  142. font-family:learningcurve;
  143. text-transform: lowercase;
  144. padding: 1px;
  145. text-align:center;
  146. -webkit-transition-duration: .3s;
  147. }
  148.  
  149. .links:hover {
  150. background-color: #e1e1e1;
  151. -webkit-transition-duration: .2s;
  152. text-align:right;
  153. }
  154.  
  155. #postnotes{
  156. text-align: justify;
  157. }
  158.  
  159. #postnotes blockquote{
  160. border: 0px;
  161. }
  162.  
  163. .title{
  164. font-family:playdate;
  165. font-size: 15px;
  166. line-height: 20px;
  167. color: {color:Title};
  168. }
  169.  
  170. .blogtitle{
  171. font-family:cedarcursive;
  172. font-size: 30px;
  173. line-height: 30px;
  174. color: {color:Link};
  175. }
  176.  
  177. blockquote{
  178. padding:0px 0px 2px 5px;
  179. margin:0px 0px 2px 1px;
  180. border-left: 1px dotted {color:Text};
  181. }
  182.  
  183. blockquote p, ul{
  184. margin:0px;
  185. padding:0px;
  186. }
  187.  
  188. a img{border: 0px;}
  189. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  190. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  191. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  192. .notes img{width:10px; position:relative; top:3px;
  193. }
  194.  
  195. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  196.  
  197. @font-face { font-family: "playdate"; src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf'); }
  198.  
  199. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  200.  
  201.  
  202.  
  203.  
  204. {block:ifShowPermalink}
  205. .permalink{
  206. opacity:0;
  207. position:absolute;
  208. float:left;
  209. padding-left:15px;
  210. margin-left:-49px;
  211. -moz-transition: all 0.3s ease-out;
  212. -o-transition: all 0.3s ease-out;
  213. -webkit-transition: all 0.3s ease-out;
  214. transition: all 0.3s ease-out;
  215. }
  216. #entry:hover .permalink{
  217. opacity:1;
  218. -moz-transition: all 0.3s ease-out;
  219. -o-transition: all 0.3s ease-out;
  220. -webkit-transition: all 0.3s ease-out;
  221. transition: all 0.3s ease-out;
  222. }
  223. {/block:ifShowPermalink}
  224.  
  225. {block:ifnotShowPermalink}
  226. #entry .permalink2 a{
  227. float: bottom;
  228. color:#000;
  229. }
  230.  
  231. #entry .permalink2{
  232. margin-right: -10px;
  233. width:450px;
  234. position: absolute;
  235. font-family: sueellen;
  236. text-transform:normal;
  237. font-size: 15px;
  238. text-align: center;
  239. overflow:hidden;
  240. opacity: 0.0;
  241. background-color:#eeeeee;
  242. }
  243.  
  244. #entry:hover .permalink2{
  245. margin-right: 250px;
  246. overflow:visible;
  247. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  248. -webkit-transition: all 0.2s linear;
  249. -moz-transition: all 0.2s linear;
  250. transition: all 0.2s linear;
  251. }
  252. {/block:ifnotShowPermalink}
  253.  
  254. @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
  255.  
  256.  
  257. small{font-size: 90%;}
  258.  
  259. .video2 embed, .post div.video object {width:450px !important; height:200px !important;}
  260.  
  261. {CustomCSS}
  262. </style>
  263. <link rel="shortcut icon" href="{Favicon}">
  264. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  265. <meta name="viewport" content="width=820" />
  266. </head>
  267. <body>
  268.  
  269. <div id="center">
  270. <div id="sidebar">
  271. {block:ifshowblogtitle}<center><span class=blogtitle><a href="/">
  272. {Title}
  273. </a></span></center>{/block:ifshowblogtitle}
  274.  
  275. <div class="links">{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}</div>
  276. <div class="links">{block:ifCustomLinkTwoTitle}<a href="{text:custom link two}"> {text:custom link two title}</a>{/block:ifCustomLinkTwoTitle}</div>
  277. <div class="links">{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}</div>
  278. <div class="links">{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}"> {text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}</div>
  279. <div class="links"><a href="http://untheme.tumblr.com">credit</a></div>
  280.  
  281. {block:ifshowphoto}
  282. <center></center>
  283. <a href="/"><img src="{image:sidebar}" width=275px></a>{/block:ifshowphoto}
  284.  
  285. <div id="hov">
  286.  
  287. {text:HoverTitle}
  288.  
  289. <div class="hovdes">
  290. {description}
  291. <center>{block:ifshowarrows}
  292. {block:PreviousPage}<a href="{PreviousPage}"><font size="1">&larr;</font></a>{/block:PreviousPage}
  293. {block:NextPage}<a href="{NextPage}"><font size="1">&rarr;</font></a>{/block:NextPage}
  294. {/block:ifshowarrows}</center>
  295. </div></div></div>
  296.  
  297.  
  298. <div id="content">
  299. {block:Posts}
  300.  
  301. <div id="entry">
  302. {block:ifShowPermalink}<a href="{Permalink}"><span class="permalink"><img src="{image:permalink}"></span></a>{/block:ifShowPermalink}
  303.  
  304. {block:ifnotShowPermalink}<div class="permalink2">
  305. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:ifnotShowPermalink}
  306.  
  307. {block:Text}
  308. {block:Title}<span class="title">{Title}</span>{/block:Title}
  309. <span class="entrytext">{Body}</span></a>
  310.  
  311. {/block:Text}
  312.  
  313. {block:Link}
  314. <a href="{URL}" class="title">{Name}</a>
  315. {block:Description}{Description}{/block:Description}
  316. {block:Link}
  317.  
  318. {block:Photo}
  319. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}
  320. {/block:Photo}
  321.  
  322. {block:Quote}
  323. <span class="title">{Quote}</span>
  324. {block:Source}{Source}{/block:Source}
  325. {/block:Quote}
  326.  
  327. {block:Chat}
  328. {block:Title}<span class="title">{Title}</span>{/block:Title}
  329. <ul class="chat">
  330. {block:Lines}
  331. <li class="user_{UserNumber}">
  332. {block:Label}
  333. <span class="label">{Label}</span>
  334. {/block:Label}
  335.  
  336. {Line}
  337. </li>
  338. {/block:Lines}
  339. </ul>
  340.  
  341. {/block:Chat}
  342.  
  343. {block:Audio}
  344. <center><div style="width:375px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  345. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></centeR><BR>
  346. {block:Caption}{Caption}{/block:Caption}
  347. {/block:Audio}
  348.  
  349. {block:Video}
  350. <center>
  351. <div class="video2">{Video-400}</div><BR>
  352. {block:Caption}{Caption}</a>{/block:Caption}</center>
  353. {block:Video}
  354.  
  355. {block:PostNotes}
  356. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  357. <div id="postnotes">{PostNotes}</div>
  358.  
  359. {/block:PostNotes}
  360. </div>
  361. {/block:Posts}
  362. </div></div>
  363.  
  364. <a href="http://untheme.tumblr.com/">©<a/>
  365.  
  366. </div>
  367. </body>
  368. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!