Advertisement
dawnsalvatore

Theme #071

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