dawnsalvatore

Theme #032

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