dawnsalvatore

Theme #057

Jan 23rd, 2013
727
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.17 KB | None | 0 0
  1. <!-- theme #057 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="#ffffff" />
  16. <meta name="color:Title" content="#4d4c4b" />
  17. <meta name="color:Text" content="#c7c7c7" />
  18. <meta name="color:Link" content="#b1b0b0" />
  19. <meta name="color:Linkhover" content="#db4545" />
  20. <meta name="color:Border" content="#ececec" />
  21. <meta name="color:Scrollbar" content="#b2b6b6" />
  22. <meta name="color:Box" content="#fdfdfd"/>
  23.  
  24. <meta name="image:sidebar" content=""/>
  25. <meta name="image:background" content="" />
  26.  
  27. <meta name="text:Link1" content="" />
  28. <meta name="text:Link1 Title" content="" />
  29. <meta name="text:Link2" content="" />
  30. <meta name="text:Link2 Title" content="" />
  31. <meta name="text:Link3" content="" />
  32. <meta name="text:Link3 Title" content="" />
  33. <meta name="text:Link4" content="" />
  34. <meta name="text:Link4 Title" content="" />
  35. <meta name="text:Link5" content="" />
  36. <meta name="text:Link5 Title" content="" />
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41. ::-webkit-scrollbar {height: 6px;width: 8px;}
  42. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  43. ::-webkit-scrollbar-track{background-color:{color:background};}
  44.  
  45. 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;}
  46.  
  47. 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;}
  48.  
  49. 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}
  50.  
  51. a:link, a:visited, a:active {
  52. color: {color:Link};
  53. text-decoration: none;
  54. font-weight: normal;
  55. -webkit-transition:all 0.5s ease-out;
  56. -moz-transition:all 0.5s ease-out;
  57. transition:all 0.5s ease-out;}
  58.  
  59. a:hover {
  60. color: {color:linkhover};
  61. text-decoration: none;
  62. font-weight: normal;
  63. -webkit-transition: all 0.3s ease-out;
  64. -moz-transition: all 0.3s ease-out;
  65. transition: all 0.3s ease-out;}
  66.  
  67.  
  68.  
  69. #entries{margin-left:500px; margin-top:5px; width:540px; font-family: consolas}
  70.  
  71.  
  72. #sbar {max-width:200px; margin-top:125px; margin-left:200px; position:fixed; overflow:hidden; background-color: {color:transparent}; padding: 5px}
  73. #sbar:hover { opacity:1;
  74. -webkit-transition: all 0.9s ease;
  75. -moz-transition: all 0.9s ease;
  76. -o-transition: all 0.9s ease;}
  77.  
  78. #sbar:hover #tbar { margin-top:25px;
  79. margin-left: 0px;
  80. height:auto;}
  81.  
  82. #sidebarimg img {width:175px ; text-align:center;}
  83.  
  84. #tbar { position:absolute;
  85. margin-top:25px;
  86. margin-left: -200px;
  87. width:70px;
  88. height:100px;
  89. -webkit-transition: all 0.9s ease; all 0.9s ease-out;
  90. -moz-transition: all 0.9s ease; all 1s ease-out;
  91. -o-transition: all 0.9s ease; all 0.9s ease-out;}
  92.  
  93.  
  94. #tlinks { width:190px; font-size:9px; font-family:calibri; line-height:16px; margin-bottom: 3px; float: left; display:block; overflow: hidden;text-align:center;text-transform: uppercase;background:{color:box};opacity: 1; }
  95.  
  96. #tlinks:hover { opacity:0.3;
  97. -webkit-transition: all 0.2s ease;
  98. -moz-transition: all 0.2s ease;
  99. -o-transition: all 0.2s ease;}
  100.  
  101.  
  102. #posts{width:500px; overflow:hidden; padding:12px; padding-bottom:7px}
  103. #posts:hover #tags {
  104. opacity: 1;
  105. display: block;
  106. margin-left:505px;
  107. -webkit-transition: opacity 0.5s linear;
  108. -webkit-transition: all 0.5s ease-in-out;
  109. -moz-transition: all 0.5s ease-in-out;
  110. -o-transition: all 0.5s ease-in-out;}
  111.  
  112. #description { margin-top: -10px; display: block; padding:15px; font-size:9px; color: {color:text}; font-family:consolas; line-height: 11px;}
  113.  
  114. #credit {position: fixed; opacity:3; font-family:sans-serif; font-size:10px; letter-spacing:0px; text-align:left; bottom:8px; right:8px; background: none; }
  115.  
  116. #pagination a {
  117. margin: 0 1px 0 0;
  118. padding: 1px 3px;
  119. color: {color:link};
  120. text-decoration: none;
  121. font-size:8px}
  122. #pagination a:hover {
  123. background: {color:background};
  124. border: none;}
  125. #pagination span.pagination_a {
  126. margin: 0 1px 0 0;
  127. padding: 1px 3px;
  128. color: {color:link};
  129. text-decoration: none;}
  130. #pagination span.info {
  131. margin: 0 1px 0 0;
  132. padding: 1px 3px;
  133. color: {color:font};
  134. text-decoration: none;}
  135.  
  136. h1{color:{color:title}; font-family:consolas; font-size:14px; line-height:17px; letter-spacing:0px; font-weight:normal; text-transform:uppercase; margin:0px; padding:0px; text-align:left}
  137.  
  138. h2{color:{color:title}; font-family:consolas; font-size:13px; line-height:14px; letter-spacing:0px; font-weight:normal; text-transform:uppercase; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  139.  
  140. #info{display:block; font-size:8px; text-align:none; margin-top:-10px; text-transform:uppercase; border-top:.5px solid {color:border};}
  141.  
  142. #tags {float: left; position:absolute; width: 200px; opacity: 0; font-family: cambria; font-size:9px; color:{color:text}; text-transform: lowercase; margin-left:450px; margin-top:0px; line-height:12px; -webkit-transition: opacity 0.5s linear;
  143. -webkit-transition: all 0.5s ease-in-out;
  144. -moz-transition: all 0.5s ease-in-out;
  145. -o-transition: all 0.5s ease-in-out;}
  146.  
  147. blockquote {border-left:2px {color:border} solid; padding-left:5px; margin:0px 2px 0px 10px}
  148. blockquote img, blockquote a img {max-width: 490px}
  149.  
  150. b, strong{color:{color:text};}
  151. i, em {border: none; color:{color:text};}
  152. p{margin-top:3px; margin-bottom:3px}
  153.  
  154.  
  155.  
  156. .user_1 .label {color:{color:hover}; font-weight:bold}
  157. .user_2 .label {color:{color:text}; font-weight:bold}
  158. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  159.  
  160. .notes img{width:10px; position:relative; top:1px;}
  161. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  162. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  163.  
  164. .bordinha {border-radius: 360px;}
  165.  
  166. </style>
  167. <style type="text/css">{CustomCSS}</style>
  168. </head>
  169.  
  170. <body>
  171. <BR>
  172.  
  173.  
  174. <div id="sbar">
  175. <div id="tbar">
  176.  
  177. <a href="/" id="tlinks">refresh</a> <br>
  178. <a href="/ask" id="tlinks">message</a> <br>
  179. {block:ifLink1}<a href="{text:Link1}" id="tlinks">{text:Link1 Title}</a>{/block:ifLink1}<br>
  180. {block:ifLink2}<a href="{text:Link2}" id="tlinks">{text:Link2 Title}</a>{/block:ifLink2} <br>
  181. {block:ifLink3}<a href="{text:Link3}" id="tlinks">{text:Link3 Title}</a>{/block:ifLink3} <br>
  182. {block:ifLink4}<a href="{text:Link4}" id="tlinks">{text:Link4 Title}</a>{/block:ifLink4} <br>
  183. {block:ifLink5}<a href="{text:Link5}" id="tlinks">{text:Link5 Title}</a>{/block:ifLink5}
  184. </div>
  185. <center> <div id="sidebarimg"><img src="{image:sidebar}"class="bordinha"/></div></center><br>
  186.  
  187. <center> <div id="description">
  188. {Description}</div>
  189. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  190. {block:JumpPagination length="4"}
  191. {block:CurrentPage}<span class="pagination_a">{PageNumber}</span>{/block:CurrentPage}
  192. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  193. {/block:JumpPagination}
  194. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  195. </div>
  196. </center>
  197. </div>
  198. </div>
  199.  
  200. </div>
  201.  
  202.  
  203.  
  204.  
  205. <div id="credit"><a href="http://salvatoreh.tumblr.com/tagged/theme">© Theme</a></div>
  206.  
  207. <div id="entries">
  208. {block:Posts}
  209. <div id="posts">
  210.  
  211.  
  212. <div id="tags"> {block:HasTags}{block:Tags}# <a href="{TagURL}"> {Tag}</a><br> {/block:Tags}{/block:HasTags}</div>
  213.  
  214. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  215. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  216. {block:Text}{Body}{/block:Text}
  217.  
  218. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  219. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  220.  
  221. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  222. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  223.  
  224. {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}
  225.  
  226. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  227.  
  228.  
  229. {block:Answer}<div id="questions"><b>{Asker}</b> asked: <i>{Question}</i></div><br>
  230. {Answer}{/block:answer}
  231. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  232.  
  233. <br><center><div id="info"> POSTED <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo} </a>{/block:Date} WITH <a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a></center>
  234. </div>
  235.  
  236.  
  237. </br></br>
  238.  
  239. {block:PostNotes}{PostNotes}{/block:PostNotes}
  240.  
  241. {/block:Posts}
  242.  
  243. </div>
  244.  
  245. </body>
  246. </html>
Advertisement
Add Comment
Please, Sign In to add comment