Advertisement
Guest User

Theme #20 Primadonna

a guest
Aug 18th, 2014
266
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.74 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. THEME BY
  6. ♥ ♥ ♥ OUR FAIRYTALE THEMES ♥ ♥ ♥
  7. PLEASE KEEP THE CREDIT
  8. AND FOLLOW ALL THE RULES.
  9. THANKS, BAE! -->
  10.  
  11.  
  12. <meta name="color:background" content="#ffffff"/>
  13. <meta name="color:text" content="#000000"/>
  14. <meta name="color:link" content="#000000"/>
  15. <meta name="color:link hover" content="#ddd"/>
  16. <meta name="color:border" content="#000000"/>
  17. <meta name="color:hoverlink text" content="#000000"/>
  18. <meta name="color:scrollbar bg" content="#6b6d6d"/>
  19. <meta name="color:tooltip color" content="#6b6d6d"/>
  20. <meta name="color:title color" content="#000000"/>
  21. <meta name="color:blockquote color" content="#000000"/>
  22.  
  23.  
  24.  
  25. <meta name="image:sidebar" content=""/>
  26.  
  27. <meta name="text:title text" content="title">
  28. <meta name="text:Link 1 URL" content="" />
  29. <meta name="text:Link 1" content="link 1" />
  30. <meta name="text:Link 2 URL" content="" />
  31. <meta name="text:Link 2" content="link 2" />
  32. <meta name="text:Link 3 URL" content="" />
  33. <meta name="text:Link 3" content="link 3" />
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41. <head><title>{Title}</title>
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45.  
  46.  
  47. <script language=JavaScript>
  48. <!--
  49.  
  50. //Disable right mouse click Script
  51. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  52. //For full source code, visit http://www.dynamicdrive.com
  53.  
  54. var message="Sorry, right-click disabled!";
  55.  
  56. ///////////////////////////////////
  57. function clickIE4(){
  58. if (event.button==2){
  59. alert(message);
  60. return false;
  61. }
  62. }
  63.  
  64. function clickNS4(e){
  65. if (document.layers||document.getElementById&&!document.all){
  66. if (e.which==2||e.which==3){
  67. alert(message);
  68. return false;
  69. }
  70. }
  71. }
  72.  
  73. if (document.layers){
  74. document.captureEvents(Event.MOUSEDOWN);
  75. document.onmousedown=clickNS4;
  76. }
  77. else if (document.all&&!document.getElementById){
  78. document.onmousedown=clickIE4;
  79. }
  80.  
  81. document.oncontextmenu=new Function("alert(message);return false")
  82.  
  83. // -->
  84. </script>
  85.  
  86.  
  87.  
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92. ::-webkit-scrollbar-thumb {
  93. height:auto;
  94. background-color:{color:scrollbar bg};
  95. }
  96.  
  97. ::-webkit-scrollbar {
  98. height:4px;
  99. width:3px;
  100. padding-right:2px;
  101. background-color:white;
  102. }
  103.  
  104. body {
  105. background:{color:background};
  106. margin:0px;
  107. color:{color:text};
  108. font-family:helvetica;
  109. font-size:10px;
  110. line-height:100%;
  111. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  112. }
  113.  
  114.  
  115. a {
  116. text-decoration:none;
  117. outline:none;
  118. -moz-outline-style:none;
  119. color:{color:link};
  120. -moz-transition-duration:0.8s;
  121. -webkit-transition-duration:0.8s;
  122. -o-transition-duration:0.8s;
  123. }
  124.  
  125. a:hover {
  126. color:{color:link hover};
  127. cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress;
  128. outline:none;
  129. -moz-outline-style:none;
  130. text-decoration:none;
  131. }
  132.  
  133. img {
  134. border:none;
  135. }
  136.  
  137. blockquote {
  138. padding-left:5px;
  139. border-left:2px solid {color:blockquote color};
  140.  
  141. }
  142.  
  143. blockquote blockquote {
  144. padding-left:5px;
  145. border-left:2px solid;
  146. }
  147.  
  148. h1 {
  149. font-size:8px;
  150. text-align:left;
  151. font-family:trebuchet ms;
  152. letter-spacing:1px;
  153. color:{color:text};
  154. }
  155.  
  156. h2 {
  157. font-size:8px;
  158. font-family:trebuchet ms;
  159. text-align:left;
  160. letter-spacing:1px;
  161. color:{color:text};
  162. }
  163.  
  164.  
  165. #sidebar {
  166. width:250px;
  167. position:fixed;
  168. margin-left:205px;
  169. margin-top:190px;
  170. border-right:1px solid;
  171. }
  172.  
  173. #title {
  174. color:{color:title color};
  175. font-family:trebuchet ms;
  176. font-size:16px;
  177. text-transform:lowercase;
  178. font-weight:bold;
  179. padding:4px;
  180. margin-top:-25px;
  181. margin-left:-14px;
  182. position:fixed;
  183. text-align:left;
  184. font-style:italic;
  185. }
  186.  
  187. #title{
  188. letter-spacing:3px;
  189. }
  190.  
  191. #title:hover{
  192. letter-spacing:0px;
  193. }
  194.  
  195. #sidebarimage {
  196. position:fixed;
  197. width:200px;
  198. height:126px;
  199. }
  200.  
  201. #sidebarimage img {
  202. width:210px;
  203. height:115px;
  204. margin-left:-11px;
  205. margin-top:0px;
  206. padding:3px;
  207. -webkit-filter: Grayscale(0%); -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; -o-transition-duration: 0.8s;
  208. }
  209.  
  210.  
  211. #sidebarimage img:hover{-webkit-filter: Grayscale(100%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  212.  
  213.  
  214. #links {
  215. width:200px;
  216. margin-top:120px;
  217. margin-left:-17px;
  218. padding:5px;
  219. padding-top:13px;
  220. font-family:arial;
  221. text-align:left;
  222. word-spacing:1px;
  223. font-size:9px;
  224. font-weight:bold;
  225. display:block;
  226. color:{color:link};
  227. text-transform:lowercase;
  228.  
  229. }
  230.  
  231. #links a {
  232. letter-spacing: 1px;
  233. padding:3px;
  234.  
  235. }
  236.  
  237. #links a:hover {
  238. color:{color:link hover};
  239. letter-spacing:4px;
  240. }
  241.  
  242. #description {
  243. width:208px;
  244. font-size:11px;
  245. padding:5px;
  246. text-align:justify;
  247. letter-spacing:0px;
  248. line-height:200%;
  249. margin-left:-16px;
  250. margin-top:-2px;
  251. text-transform:lowercase;
  252. font-style:italic;
  253. }
  254.  
  255. #s-m-t-tooltip {
  256. max-width:300px;
  257. padding:5px 5px 5px 6px;
  258. margin:20px 0px 0px 20px;
  259. background-color:{color:tooltip color};
  260. font-family:arial;
  261. font-size:9px;
  262. letter-spacing:2px;
  263. text-transform:lowercase;
  264. font-weight:bold;
  265. color:#fff;
  266. z-index:999999999999999999999999999999999999;
  267. }
  268.  
  269. #pagination {
  270. margin-top:680px;
  271. margin-left:750px;
  272. position: fixed;
  273. text-align: left;
  274. letter-spacing:1px;
  275. text-transform: lowercase;
  276. font-weight:bold;
  277. font-family: arial;
  278. font-size: 15px;
  279. height:600px;
  280. font-style:italic;
  281.  
  282.  
  283. }
  284.  
  285. #pagination a {
  286. padding:0 3px;
  287. }
  288.  
  289.  
  290. #entries {
  291. padding:20px;
  292. width:500px;
  293. margin-left:500px;
  294. margin-top:40px;
  295. margin-bottom: -20px;
  296. }
  297.  
  298. #post {
  299. width:500px;
  300. padding-bottom:90px;
  301. }
  302.  
  303. .postinfo {
  304. margin-top:20px;
  305. margin-bottom:1px;
  306. margin-left:-12px;
  307. padding-bottom:4px;
  308. width:500px;
  309. text-align:left;
  310. font-family:arial;
  311. text-transform:lowercase;
  312. font-size:10px;
  313.  
  314. }
  315.  
  316. .postinfo a {
  317. color:{color:link};
  318. }
  319.  
  320. .postinfo a:hover {
  321. color:{color:link hover};
  322. }
  323.  
  324. .tags {
  325. width:500px;
  326. margin-top:4px;
  327. margin-left:-3px;
  328. padding:2px;
  329. font-family:arial;
  330. letter-spacing:0px;
  331. font-size:10px;
  332. text-align:left;
  333.  
  334. }
  335.  
  336. .tags a {
  337. color:{color:text};
  338. }
  339.  
  340. .tags a:hover {
  341. color:{color:link hover};
  342. }
  343.  
  344. .postnote {
  345. width:500px;
  346. margin-top:40px;
  347. font-family:arial;
  348. text-transform:lowercase;
  349. font-style:normal;
  350. letter-spacing:0px;
  351. font-size:10px;
  352. text-align:left;
  353. }
  354.  
  355. #question {
  356. font-size:11px;
  357. font-style:none;
  358. font-family:arial;
  359. letter-spacing:0px;
  360. text-align:left;
  361. padding-top: 7px;
  362. padding-bottom: 7px;
  363. padding-left:9px;
  364. background:#fff;
  365. color:#000 ;
  366.  
  367. }
  368.  
  369. #question a{
  370. color:#000;
  371.  
  372. }
  373.  
  374. .playercontainer {
  375. text-align:left;
  376. padding:10px;
  377. padding-left:0px;
  378. background-color:#fff;
  379. width:480px;
  380. }
  381.  
  382. .musicinfo {
  383. padding-top:7px;
  384. padding-left:50px;
  385. color:#000;
  386. text-align:justify;
  387. }
  388.  
  389.  
  390. #creddd {position:fixed; font-family:silkscreen; text-transform:uppercase;font-size:13px;left:9px;bottom:9px;padding:4px;letter-spacing:1px;}
  391.  
  392. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  393.  
  394.  
  395.  
  396. {CustomCSS}</style></head><body>
  397.  
  398. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  399. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  400. <script>
  401.  
  402. (function($){
  403.  
  404. $(document).ready(function(){
  405.  
  406. $("a[title]").style_my_tooltips({
  407.  
  408. tip_follows_cursor:true,
  409.  
  410. tip_delay_time:50,
  411.  
  412. tip_fade_speed:600,
  413.  
  414. attribute:"title"
  415.  
  416. });
  417.  
  418. });
  419.  
  420. })(jQuery);
  421.  
  422. </script>
  423.  
  424.  
  425.  
  426.  
  427. <div id="sidebar">
  428. <div id="title"><a title="home" href="/"> {text:title text}. </a></div>
  429.  
  430.  
  431. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  432.  
  433. <div id="links">
  434. <a title="mail" href="/ask"> mail </a> |
  435.  
  436. <a title="{text:link 1}" href="{text:link 1 URL}"> {text:link 1} </a> |
  437. <a title="{text:link 2}" href="{text:link 2 URL}"> {text:link 2} </a> |
  438. <a title="{text:link 3}" href="{text:link 3 URL}"> {text:link 3} </a>
  439.  
  440. </div>
  441.  
  442. <div id="description">{Description}
  443.  
  444. </div>
  445.  
  446.  
  447.  
  448. </div>
  449.  
  450.  
  451.  
  452. <div id="pagination">
  453. {block:Pagination}
  454. {block:PreviousPage}
  455. <a href="{PreviousPage}">&larr; back </a>
  456. {/block:PreviousPage}
  457.  
  458.  
  459. {block:NextPage}
  460. <a href="{NextPage}">forth &rarr;</a>
  461. {/block:NextPage}
  462. {/block:Pagination}
  463. </div>
  464.  
  465.  
  466.  
  467. <div id="entries">{block:Posts}<div id="post">
  468.  
  469. {block:Text}<h1>{block:Title}<big><big><center>{Title}</center></big></big>{/block:Title}</h1><i><center>{Body}</center></i>{/block:Text}
  470.  
  471. {block:Quote}<big><b><center>"{Quote}"</center></b></big>{block:Source}<p></p><center>— {Source}</center>{/block:Source}{/block:Quote}
  472.  
  473. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  474.  
  475. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  476.  
  477. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  478.  
  479. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  480.  
  481. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  482.  
  483.  
  484. {block:AudioPlayer}
  485. <div class="playercontainer"> <div style="padding: 5px 0px 5px 5px;width:inherit;background:#fff; border:2px solid #fff; width:30px;overflow:hidden; position:absolute;font-weight:bold;"> {AudioPlayer}</div><div class="musicinfo">{block:TrackName}<span style="#fff">{TrackName}</span>{/block:TrackName}{block:Artist}<br/>{Artist} {/block:Artist}<br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}
  486.  
  487. {block:Answer}<div id="question"><span style="font-size:11px;"><font face="arial"><b>{Asker}:<br></b></font> </span>{Question}<span style="text-transform:none;font-size:11px;font-style:none;"><font face="arial">{Answer}</font></span>{/block:Answer}
  488.  
  489. {block:Date}<div class="postinfo"> <center><a title="posted {TimeAgo} at {12Hour}:{Minutes} {AmPm}" href="{Permalink}"> {12Hour}:{Minutes} {AmPm} </a>   {block:NoteCount} <a title="this post has {NoteCount} notes" href="{Permalink}"> +{NoteCount} </a> {/block:NoteCount}   {block:RebloggedFrom}<a title="{lang:Reblogged from ReblogParentName}" href="{ReblogParentURL}"> via </a>{/block:RebloggedFrom}   {block:ContentSource}<a title="{lang:Originally from ReblogRootName}" href="{SourceURL}"> source </a>{/block:ContentSource}{/block:RebloggedFrom}</center></div>{/block:Date}
  490.  
  491.  
  492. {block:HasTags}
  493. <div class="tags">
  494. <center><i>{block:Tags}<a href="{TagURL}">#{Tag}</a>  {/block:Tags}</i></center></div>
  495. {/block:HasTags}
  496.  
  497. <div class="postnote">
  498. {block:PostNotes}{PostNotes}{/block:PostNotes}
  499. </div>
  500. </div>
  501. {/block:Posts}
  502.  
  503.  
  504.  
  505.  
  506. </div></div></div></div>
  507. </div>
  508.  
  509. <div id="creddd">
  510. <a title="theme made by ourfairytalethemes" href="http://our-fairy-tale-love.tumblr.com//"> &copy; </a>
  511. </div>
  512. </div>
  513.  
  514. <BODY onselectstart="return false;" ondragstart="return false;">
  515.  
  516. </body>
  517. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement