Advertisement
dawnsalvatore

Theme #073

Jun 28th, 2013
593
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.22 KB | None | 0 0
  1. <!-- theme #073
  2. by dawnsalvatore -->
  3.  
  4. <html>
  5. <head>
  6.  
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.  
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. </head>
  17.  
  18.  
  19. <!-- DEFAULT VARIABLES -->
  20. <meta name="color:Background" content="#ffffff" />
  21. <meta name="color:Border" content="#e0dfdf" />
  22. <meta name="color:Link" content="#e6e4e4" />
  23. <meta name="color:Linkhover" content="#eeeeee" />
  24. <meta name="color:Scrollbar" content="#eeecee" />
  25. <meta name="color:Sbarlink" content="#e6e4e4" />
  26. <meta name="color:Text" content="#c7c7c7" />
  27. <meta name="color:Title" content="#4d4c4b" />
  28.  
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="image:sidebar2" content=""/>
  31. <meta name="image:background" content="" />
  32.  
  33. <meta name="text:Link1" content="" />
  34. <meta name="text:Link1 Title" content="" />
  35. <meta name="text:Link2" content="" />
  36. <meta name="text:Link2 Title" content="" />
  37. <meta name="text:Link3" content="" />
  38. <meta name="text:Link3 Title" content="" />
  39. <meta name="text:Link4" content="" />
  40. <meta name="text:Link4 Title" content="" />
  41.  
  42. <meta name="if:Infinite Scroll" content="1"/>
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48. /* --- SCROLLBAR ---*/
  49. ::-webkit-scrollbar {height: 8px;width: 10px;}
  50. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  51. ::-webkit-scrollbar-track{background-color:{color:background};}
  52.  
  53.  
  54.  
  55. /* --- TOP ---*/
  56. 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;}
  57.  
  58. 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;}
  59.  
  60.  
  61. /* --- BODY ---*/
  62. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:cambria; font-size:9px; line-height:110%; ;}
  63.  
  64. a {color: {color:link}; text-decoration: none; font-weight: normal; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; transition:all 0.7s ease;}
  65.  
  66. a:hover {color: {color:linkhover}; text-decoration: none; font-weight: normal; webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity:0.9;}
  67.  
  68. img {border:none;}
  69.  
  70. h1{color:{color:title}; font-size:11px; line-height:60%;text-transform:uppercase ;font-family:baskerville;}
  71.  
  72. h2 {color:{color:title}; font-size:12px; text-transform:uppercase; letter-spacing: 1px; padding:4px; line-height:50%; font-family:baskerville;}
  73.  
  74. blockquote {border-left:2px solid {color:border}; padding-left:5px; margin-left:8px}
  75.  
  76. blockquote img, blockquote a img {max-width: 490px}
  77.  
  78. b, strong{color:{color:text};}
  79. i, em {border: none; color:{color:text};}
  80. p{margin-top:3px; margin-bottom:3px}
  81.  
  82. .user_1 .label {color:{color:linkhover}; font-weight:bold}
  83. .user_2 .label {color:{color:text}; font-weight:bold}
  84. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  85.  
  86. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  87.  
  88.  
  89. /* --- POSTS ---*/
  90. #entries{ width:535px; margin-left:150px; margin-top:10px; padding-left:12px; padding-top:10px; }
  91.  
  92. #posts{width:500px; overflow:hidden; padding:11px; padding-bottom:5px; }
  93.  
  94. /* --- SIDEBAR ---*/
  95. #sbar {width:175px; margin-top:125px; margin-left:835px; position:fixed;}
  96.  
  97. #sidebarimg img {border-radius:360px; width:175px; text-align:center; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;transition: all 0.3s linear }
  98.  
  99. #sbar:hover #tlinks {opacity:1; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease;-o-transition: all 0.9s ease; margin-top:5px;}
  100. #description { margin-top: 2px; padding:3px; font-size:10px; font-family:georgia; line-height:110%; padding-bottom:4px; border-bottom:1px dashed {color:border};}
  101.  
  102.  
  103. /* --- LINKS ---*/
  104. #tlinks { margin-top:-80px; margin-bottom:-12px; margin-left:0px;
  105. width:180px; height:100px; -webkit-transition: all 0.9s ease; all 0.9s ease-out; -moz-transition: all 0.9s ease; all 1s ease-out; -o-transition: all 0.9s ease; all 0.9s ease-out;opacity: 0; }
  106.  
  107. #tlinks a { width:180px; font-size:10px; font-family:calibri; line-height:12px; margin-bottom: 1px; display:block; overflow: hidden;text-align:center;text-transform: uppercase;background:{color:sbarlink}; }
  108.  
  109. #tlinks a:hover{opacity:0.3; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
  110.  
  111.  
  112. /* --- PAGINATION ---*/
  113. #pagination a {padding: 1px 5px; color: {color:link};font-size:8px}
  114.  
  115. #pagination a:hover {background: {color:background}; font-size:8px;}
  116. #pagination span.pagination_a {padding: 1px 5px; color: {color:link}; font-size:9px}
  117.  
  118. #pagination span.info {padding: 1px 5px; font-size:9px}
  119.  
  120.  
  121. /* --- CREDITS ---*/
  122. #credit {position: fixed; opacity:3; font-family:sans-serif; font-size:10px; letter-spacing:0px; text-align:left; bottom:8px; right:8px; background: none; }
  123.  
  124.  
  125. /* --- INFO ---*/
  126. #info{font-size:9px; text-transform:none; padding:3px; margin-top:5px ; border-top:1px solid {color:border}; }
  127.  
  128. #tags {font-size:8px;}
  129.  
  130. .notes img{width:15px; position:relative; top:1px; border-radius:60px;}
  131.  
  132. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  133.  
  134.  
  135. </style>
  136. <style type="text/css">{CustomCSS}</style>
  137. {block:IfInfiniteScroll} <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  138. {/block:IfInfiniteScroll}
  139. </head>
  140. <body>
  141. <BR>
  142.  
  143.  
  144. <div id="sbar">
  145.  
  146. <center>
  147. <div id="sidebarimg"><img src="{image:sidebar}" onmouseout="this.src='{image:sidebar}';" onmouseover="this.src='{image:sidebar2}';" /> </div> </center><br>
  148. <center> <div id="description">
  149. {Description}</div> <center>
  150. <div id="tlinks">
  151. <a href="/">home </a>
  152. <a href="/ask" > ask </a>
  153. {block:ifLink1}<a href="{text:Link1}"> {text:Link1 Title} </a>{/block:ifLink1}
  154. {block:ifLink2}<a href="{text:Link2}"> {text:Link2 Title} </a>{/block:ifLink2}
  155. {block:ifLink3}<a href="{text:Link3}"> {text:Link3 Title} </a>{/block:ifLink3}
  156. {block:ifLink4}<a href="{text:Link4}"> {text:Link4 Title}</a>{/block:ifLink4}
  157. </div> </center>
  158. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}{/block:Pagination}
  159. {block:JumpPagination length="3"}
  160. {block:CurrentPage}<span class="pagination_a">{PageNumber}</span>{/block:CurrentPage}
  161. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  162. {/block:JumpPagination}
  163. {block:Pagination}{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  164. </div>
  165. </center>
  166. </div>
  167. </div>
  168.  
  169. </div>
  170.  
  171.  
  172.  
  173.  
  174. <div id="credit"><a href="http://salvatoreh.tumblr.com/tagged/theme">© Theme</a></div>
  175.  
  176. <div id="entries">
  177. <div class = "autopagerize_page_element" >
  178. {block:Posts}
  179. <div id="posts">
  180.  
  181. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  182. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  183. {block:Text}{Body}{/block:Text}
  184.  
  185. {block:Link}<a href="{URL}" class="link" {Target}>{Name}&nbsp</a></h1>
  186. {block:Description}{Description}{/block:Description}{/block:Link}
  187.  
  188. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  189. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  190.  
  191. {block:Chat}<ul class="chat">{block:Title}{Title}{/block:Title} {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  192.  
  193.  
  194. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  195.  
  196.  
  197. <center> {block:Answer} {Asker} asked: <i>"{Question}"</i>
  198. {Answer}{/block:answer} </center>
  199.  
  200.  
  201. {block:Audio}
  202. {block:AlbumArt}<img src="{AlbumArtURL}" width="70" height="70">{/block:AlbumArt} <b>Song: </b>{block:TrackName}{TrackName}{/block:TrackName}<br>
  203. <b>Artist: </b>{block:Artist}{Artist}{/block:Artist}<br>
  204. <b>Album: </b>{block:Album}{Album}{/block:Album}<br>
  205. <b>Played: </b>{FormattedPlayCount} times
  206. <br> {AudioPlayerblack}
  207. {block:Caption}
  208. {Caption}
  209. {/block:Caption}
  210. {/block:Audio}
  211.  
  212. <center><div id="info">
  213. {block:Date}{MonthNumber}/{DayOfMonth}/{Year}{/block:Date} · <a href="{Permalink}">{NoteCountWithLabel} </a> · <a href="{ReblogURL}" target="_blank">reblog</a>
  214. {block:ContentSource} (<a href="{SourceURL}"> © </a> {block:RebloggedFrom} <a href="{ReblogParentURL}"> {ReblogParentName} </a>){/block:RebloggedFrom}
  215. {/block:ContentSource}<div id="tags"> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags} </div>
  216. </div></center>
  217.  
  218.  
  219. </div>
  220. </br>
  221. </br>
  222.  
  223. {block:PostNotes}{PostNotes}{/block:PostNotes}
  224.  
  225. {/block:Posts}</div>
  226.  
  227. </div>
  228.  
  229. </body>
  230. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement