dawnsalvatore

Theme #028

Sep 27th, 2012
627
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.48 KB | None | 0 0
  1. <!-- theme #028 by dawnsalvatore -->
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. </head>
  12.  
  13.  
  14. <!-- DEFAULT VARIABLES -->
  15.  
  16. <meta name="color:background" content="#fafffd" />
  17. <meta name="color:box" content="#f3fafc" />
  18. <meta name="color:title" content="#768b91" />
  19. <meta name="color:text" content="#a5a7a6" />
  20. <meta name="color:link" content="#b5c1c4" />
  21. <meta name="color:lhover" content="#e1eef1" />
  22. <meta name="color:border" content="#e1eef1" />
  23. <meta name="color:scrollbar" content="#dcf2f7" />
  24. <meta name="color:scrollbg" content="#f3fcf7" />
  25. <meta name="color:boxlinks" content="#dcf2f7" />
  26. <meta name="color:boxhover" content="#f3fcf7" />
  27.  
  28.  
  29. <meta name="font:title" content="calibri" />
  30. <meta name="font:body" content="calibri" />
  31.  
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:background" content="" />
  34.  
  35. <meta name="text:Link1" content="" />
  36. <meta name="text:Link1 Title" content="" />
  37. <meta name="text:Link2" content="" />
  38. <meta name="text:Link2 Title" content="" />
  39. <meta name="text:Link3" content="" />
  40. <meta name="text:Link3 Title" content="" />
  41. <meta name="text:Link4" content="" />
  42. <meta name="text:Link4 Title" content="" />
  43. <meta name="text:Link5" content="" />
  44. <meta name="text:Link5 Title" content="" />
  45. <meta name="text:Link6" content="" />
  46. <meta name="text:Link6 Title" content="" />
  47. <meta name="text:Link7" content="" />
  48. <meta name="text:Link7 Title" content="" />
  49.  
  50.  
  51.  
  52.  
  53. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  54.  
  55. <style type="text/css">
  56.  
  57. <script type="text/javascript"
  58. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  59. </script>
  60. <script type="text/javascript" language="javascript">
  61. $(function () {
  62. $('#scrlBotm').click(function () {
  63. $('html, body').animate({
  64. scrollTop: $(document).height()
  65. },
  66. 1500);
  67. return false;
  68. });
  69.  
  70. $('#scrlTop').click(function () {
  71. $('html, body').animate({
  72. scrollTop: '0px'
  73. },
  74. 1500);
  75. return false;
  76. });
  77. });
  78. </script>
  79.  
  80.  
  81. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg}}
  82.  
  83. ::-webkit-scrollbar-corner {background:{color:scrollbg}}
  84.  
  85. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
  86.  
  87. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:scrollbar}}
  88.  
  89. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
  90.  
  91. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
  92.  
  93. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
  94.  
  95. ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
  96.  
  97. ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4pt}
  98.  
  99. iframe#tumblr_controls { right:3px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  100.  
  101. 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;}
  102.  
  103.  
  104. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:{font:body}; font-size:10px; line-height:120%; text-align:justify}
  105.  
  106. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  107. a:hover{opacity:1; padding:0px; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0s ease-out; transition:all 0s ease-out; color:{color:lhover};}
  108.  
  109.  
  110.  
  111. #entries{margin-left:540px; width:520px;}
  112. #entries:hover #tags {
  113. opacity: 1;
  114. display: block;
  115. margin-left:505px;
  116. -webkit-transition: opacity 0.5s linear;
  117. -webkit-transition: all 0.5s ease-in-out;
  118. -moz-transition: all 0.5s ease-in-out;
  119. -o-transition: all 0.5s ease-in-out;}
  120.  
  121.  
  122. #sidebarimg img {max-width: 230px; max-height:230px ; text-align:center}
  123.  
  124. #sbar {max-width:255px; margin-top:75px; margin-left:220px; position:fixed; overflow:hidden; background-color: {color:transparent}; border-left:0px solid; border-right:0px solid; padding:3px;}
  125.  
  126. #tbar {width:300px; margin-left:40px; position:fixed; overflow:hidden; background-color: transparent; border-left:0px solid; border-right:0px solid; padding:3px}
  127.  
  128. #tlinks {margin-top:90px}
  129. #tlinks a {width: 50px; height:40px; font-family: georgia; font-size: 9px; line-height:40px; display:block; text-align: center; background-color:{color:boxlinks}; color:{color:link}; padding: 0px; letter-spacing: 0px; text-transform:lowercase;}
  130. #tlinks a:hover {opacity:90%; background-color:{color:boxhover}}
  131.  
  132.  
  133.  
  134.  
  135. #posts{width:505px; overflow:hidden; border-left:0px solid; border-right:0px solid; padding:3px;}
  136.  
  137.  
  138.  
  139.  
  140.  
  141. h1{color:{color:title}; font-family:caviar; font-size:16px; line-height:17px; letter-spacing:0px; font-weight:normal; text-transform:uppercase; margin:0px; padding:0px; text-align:left}
  142.  
  143. h2{color:{color:title}; font-family:caviar; font-size:15px; line-height:14px; letter-spacing:0px; font-weight:normal; text-transform:uppercase; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  144.  
  145. #info{display:block; font-size:9px; text-align:none; border-top:1px solid; padding-right:0px; opacity: 1;}
  146.  
  147.  
  148. #tags {float: left; position:absolute;padding-top: 2px; width: 200px; opacity: 0; font-family: oxygen mono, sans-serif; font-size:9px; color:{color:text}; text-transform: lowercase; margin-left:420px; margin-top:-5px; padding: 5px; line-height:11px; -webkit-transition: opacity 0.5s linear;
  149. -webkit-transition: all 0.5s ease-in-out;
  150. -moz-transition: all 0.5s ease-in-out;
  151. -o-transition: all 0.5s ease-in-out;}
  152.  
  153.  
  154.  
  155. #questions {background-color:{color:transparent}; color: {color:text}; padding:10px; margin-bottom:0px; font-family:caviar; font-size:11px}
  156. #questions a {color:{color:link}}
  157.  
  158. #question { padding:12px;
  159. background-color: {color:box};
  160. position: relative;}
  161.  
  162. #question:after, #demo:before { border: solid transparent;
  163. content: ' ';
  164. height: 0; left: 100%;
  165. position: absolute;
  166. width: 0;}
  167.  
  168. #question:after { border-width: 7px;
  169. border-left-color: {color:box};
  170. top: 12px;}
  171.  
  172. #question:before { border-width: 10px;
  173. border-left-color: {color:box};
  174. top: 10px;}
  175.  
  176.  
  177.  
  178.  
  179.  
  180. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  181. blockquote img, blockquote a img {max-width: 490px}
  182.  
  183. b, strong{color:{color:title};}
  184. i, em {border: none}
  185. p{margin-top:3px; margin-bottom:3px}
  186.  
  187. img a{color:{color:info}}
  188. .audio{background-color:black; display:block;}
  189.  
  190.  
  191. .user_1 .label {color:{color:lhover}; font-weight:bold}
  192. .user_2 .label {color:{color:text}; font-weight:bold}
  193. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  194.  
  195.  
  196. .borderimage
  197. {border: 3px solid {color:border}; background-color: transparent; padding:0px; margin:1px;}
  198.  
  199. #border {
  200. position:fixed;
  201. margin-top:-2px;
  202. position:absolute;
  203. margin-bottom:5px;
  204. text-align:right;
  205. margin-left:20px;
  206. font-size:32px;
  207. color:{color:border};
  208.  
  209. .notes img{width:10px; position:relative; top:1px;}
  210. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  211. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  212.  
  213.  
  214.  
  215.  
  216. </style>
  217. <style type="text/css">{CustomCSS}</style>
  218. </head>
  219.  
  220. <body>
  221.  
  222. <a id="scrlTop" title="back to top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><font size="4px">top</font></a>
  223. <BR>
  224.  
  225. <div id="tbar"><div id="tlinks">
  226. <center>{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}<BR>
  227. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2} <BR>
  228. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3} <BR>
  229. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4} <BR>
  230. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}<br></center></div></div>
  231. <div id="sbar">
  232.  
  233.  
  234. <br>
  235. <font size=2> <center> H<a href="/">ome </a>
  236. M<a href="/ask">essage </a>
  237. T<a href="http://salvatoreh.tumblr.com/tagged/theme">heme </a></center> </font>
  238. <center><div id="sidebarimg"><img src="{image:sidebar}""border="0" class="borderimage"/>
  239. <div id="border">◥</div>
  240. </div> </center>
  241.  
  242.  
  243. <br> <br>
  244. <center>{block:Description}{Description}{/block:Description}<br></center>
  245. <br>
  246. <center> <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div></center>
  247.  
  248.  
  249. </div>
  250. <BR>
  251. </div>
  252.  
  253.  
  254.  
  255.  
  256. <div id="entries">
  257. {block:Posts}
  258. <div id="posts">
  259.  
  260.  
  261. <div id="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a><br> {/block:Tags}{/block:HasTags}</div>
  262.  
  263. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  264. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  265. {block:Text}{Body}{/block:Text}
  266.  
  267. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  268. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  269.  
  270. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  271. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  272.  
  273. {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}
  274.  
  275. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  276.  
  277.  
  278. {block:Answer}
  279. <img align="right" src="{AskerPortraitURL-40}"> <div id="question" style="width:420px;">{Asker}: {Question}</div> <BR>
  280. {Answer}
  281. {/block:Answer}
  282.  
  283. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  284.  
  285.  
  286. <br><center><div id="info">posted <a href="{Permalink}"> {TimeAgo}</a>{/block:Date}{block:NoteCount} with<a href="{Permalink}"> {NoteCount} notes</a>{/block:NoteCount}</center>
  287. </div>
  288.  
  289.  
  290.  
  291.  
  292.  
  293.  
  294. </br></br>
  295.  
  296. {block:PostNotes}{PostNotes}{/block:PostNotes}
  297.  
  298. {/block:Posts}
  299.  
  300. </div>
  301.  
  302. </body>
  303. </html>
Advertisement
Add Comment
Please, Sign In to add comment