API tools faq
paste
madysthemes

Theme #12

madysthemes
Feb 24th, 2013
1,585
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.07 KB | None | 0 0
raw download clone embed print report
  1. <!--- theme by inspiredbylou, please don't remove credit! thanks! :)-->
  2. <html>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.  
  7. <!--Default Variables-->
  8. <!--Colors-->
  9. <meta name="color:Background" content="#ffffff"/>
  10. <meta name="color:Text" content="#828282"/>
  11. <meta name="color:Link" content="#8ea089"/>
  12. <meta name="color:Link Hover" content="#e8e8e8"/>
  13. <meta name="color:Border" content="#4d4949"/>
  14.  
  15. <!--Images-->
  16. <meta name="image:Background" content""/>
  17. <meta name="image:Sidebar" content""/>
  18.  
  19. <!--Options-->
  20. <meta name="if:Infinite Scrolling" content=""/>
  21.  
  22. <meta name="text:link1" content="">
  23. <meta name="text:link1url" content="">
  24. <meta name="text:link2" content="">
  25. <meta name="text:link2url" content="">
  26. <meta name="text:link3" content="">
  27. <meta name="text:link3url" content="">
  28. <meta name="text:link4" content="">
  29. <meta name="text:link4url" content="">
  30.  
  31. {block:ifInfiniteScrolling}
  32. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  33. {/block:ifInfiniteScrolling}
  34.  
  35. {block:Description}
  36. <meta name="description" content="{MetaDescription}" />{/block:Description}
  37. <title>
  38. {block:PostSummary}
  39. {PostSummary} - {/block:PostSummary}{Title}</title>
  40. </style>
  41.  
  42. <style type="text/css">
  43.  
  44. img, a img { border: 0px; opacity: .60; filter: alpha(opacity=100); -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; }
  45.  
  46. img:hover, a:hover img {opacity: 80; filter: alpha(opacity=80); -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; }
  47.  
  48. body{
  49. background-color: {color:Background};
  50. background-image: url({image:Background});
  51. background-attachment: fixed;
  52. background-repeat: repeat;
  53. background-position: center;
  54. font-family:calibri;
  55. font-size:10px;
  56. line-height:10px;
  57. color:{color:Text};
  58. }
  59.  
  60. a:link, a:active, a:visited{
  61. color: {color:Link};
  62. text-decoration:none;
  63. }
  64.  
  65. a:hover{
  66. color: {color:Link Hover};
  67. }
  68.  
  69. #container {
  70. margin:auto;
  71. width:700px;
  72. }
  73.  
  74. #entry {
  75. width:500px;
  76. margin-left:220px;
  77. margin-top:45px;
  78. padding:3px;
  79. }
  80.  
  81. #permalink{
  82. position:relative;
  83. margin-top:5px;
  84. padding:2px;
  85. font-size:8px;
  86. text-transform:uppercase;
  87. border-top:2px solid {color:Border};
  88. }
  89.  
  90. #side {
  91. text-align:center;
  92. position:fixed;
  93. width:140px;
  94. margin-top:180px;
  95. margin-left:-30px;
  96. padding:2px;
  97. }
  98.  
  99. #sidebarimage img{
  100. width:125px;
  101. padding:3px;
  102. -webkit-transition: all 0.8s ease;
  103. -moz-transition: all 0.8s ease;
  104. -o-transition: all 0.8s ease;
  105.  
  106. }
  107.  
  108. #links {
  109. margin-top:0px:
  110. width: 250px;
  111. margin-left:0px;
  112. font-size:9px;
  113. text-align:center;
  114. color:{color:link};
  115. display: inline-block;
  116. padding: 3px;
  117. font-family: consolas;
  118. border-top:2px solid {color:Border};
  119. border-bottom:2px solid {color:Border};
  120. }
  121.  
  122.  
  123.  
  124. #description {
  125. padding:6px;
  126. font-size:10px;
  127. font-style:italic;
  128. opacity: 0.8;
  129. text-align:center;
  130. margin-top:-2px;
  131. margin-left:6px;
  132. }
  133.  
  134. #bite
  135. #bite a{
  136. display:block
  137. }
  138. #bite .death {
  139. margin-top:-40px;filter: alpha(opacity = 0);
  140. opacity:0;-webkit-transition: all 0.5s ease-out;
  141. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  142. }
  143.  
  144. #bite:hover .death {
  145. margin-top:2px;
  146. -webkit-transition: all 0.8s ease-out;
  147. -moz-transition: all 0.8s ease-out;
  148. transition: all 0.8s ease-out;
  149. filter: alpha(opacity = 100);
  150. filter: alpha(opacity = 100);
  151. opacity:100;
  152. }
  153.  
  154.  
  155. .posttitle{
  156. font-size: 15px;
  157. line-height: 18px;
  158. font-family: calibri;
  159. }
  160.  
  161. blockquote{
  162. margin-left:10px;
  163. padding-left:4px;
  164. border-left: 3px solid {color:Text};
  165. }
  166.  
  167. .p { padding-top: 5px; }
  168. .ol, ul { margin-left: 10px; padding: 5px; }
  169. .ul { list-style-type: square; }
  170.  
  171. {CustomCSS}
  172. </style>
  173.  
  174. <link rel="shortcut icon" href="{Favicon}">
  175. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  176.  
  177. </head>
  178. <body>
  179. <div id="container">
  180.  
  181. <div id="bite">
  182. <div id="side">
  183.  
  184. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  185.  
  186. <div id="links">
  187. {block:ifLink1}<a href="{text:Link1url}">{text:Link1}</a>{/block:ifLink1}
  188. {block:ifLink2}<a href="{text:Link2url}">{text:Link2}</a>{/block:ifLink2}
  189. {block:ifLink3}<a href="{text:Link3url}">{text:Link3}</a>{/block:ifLink3}
  190. {block:ifLink4}<a href="{text:Link4url}">{text:Link4}</a>{/block:ifLink4}
  191. </div>
  192.  
  193. <div class="death">
  194. <div id="description">{Description}</div></div></div>
  195.  
  196. <br>
  197. {block:ifNotInfiniteScrolling}
  198. <div class="navigate">
  199. {block:Pagination}
  200. {block:PreviousPage}
  201. <a href="{PreviousPage}">« prev</a>
  202. {/block:PreviousPage}
  203. {CurrentPage} out of {TotalPages}
  204. {block:NextPage}
  205. <a href="{NextPage}">next »</a>
  206. {/block:NextPage}
  207. {/block:Pagination}
  208. </div>
  209. {/block:ifNotInfiniteScrolling}
  210. </div>
  211.  
  212. {block:Posts}
  213. <div id="entry">
  214.  
  215. {block:Text}
  216. {block:Title}
  217. <div class="posttitle">{Title}</div>
  218. {/block:Title}
  219. {Body}
  220. {/block:Text}
  221.  
  222. {block:Link}
  223. <div class="posttitle">
  224. <a href="{URL}">{Name}</a>
  225. </div>
  226. {block:Description}{Description}{/block:Description}
  227. {/block:Link}
  228.  
  229. {block:Photo}
  230. <center>
  231. {LinkOpenTag}
  232. <a href="{permalink}">
  233. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  234. {LinkCloseTag}
  235. </center>
  236. {block:Caption}{Caption}{/block:Caption}
  237. {block:ContentSource}
  238. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  239. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  240. {/block:SourceLogo}
  241. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  242. {/block:ContentSource}
  243. {block:ReblogParentURL}
  244. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  245. {/block:ReblogParentURL}
  246. {/block:Photo}
  247.  
  248. {block:Photoset}
  249. {Photoset-500}
  250. {block:Caption}{Caption}{/block:Caption}
  251. {/block:Photoset}
  252.  
  253. {block:Quote}
  254. <div class="posttitle">"{Quote}"</div>
  255. {block:Source}
  256. - {Source}
  257. {/block:Source}
  258. {/block:Quote}
  259.  
  260. {block:Chat}
  261. {block:Title}
  262. <div class="posttitle">
  263. {Title}
  264. </div>
  265. {/block:Title}
  266. {block:Lines}
  267. {block:Label}
  268. <b>{Label} </b>
  269. {/block:Label}
  270. {Line}
  271. <br>
  272. {/block:Lines}
  273. {/block:Chat}
  274.  
  275. {block:Audio}
  276. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  277.  
  278. {block:TrackName}
  279. <b>Title</b>:{TrackName}
  280. {/block:TrackName}
  281. <br>
  282. {block:Artist}
  283. <b>Artist:</b>{Artist}
  284. {/block:Artist}
  285. <br>
  286. {PlayCountWithLabel}
  287. <br>
  288. {block:Caption}{Caption}{/block:Caption}
  289. {/block:Audio}
  290.  
  291. {block:Video}
  292. {Video-500}
  293. {block:Caption}{Caption}{/block:Caption}
  294. {/block:Video}
  295.  
  296. {block:IndexPage}
  297. <div id="permalink">
  298. posted
  299. <a href="{Permalink}"> {TimeAgo}</a>
  300. with
  301. <a href="{Permalink}">{NoteCountWithLabel}</a>
  302. <br>
  303. {block:RebloggedFrom}
  304. VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  305. <br>
  306. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  307. {/block:RebloggedFrom}
  308. <br>
  309. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  310. <br>
  311.  
  312. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  313. {/block:Tags}
  314. {/block:HasTags}
  315. </div>
  316. {/block:IndexPage}
  317.  
  318. {block:PermalinkPage}
  319. <div id="permalink">
  320. posted
  321. <a href="{Permalink}"> {TimeAgo}</a>
  322. with
  323. <a href="{Permalink}">{NoteCountWithLabel}</a>
  324. <br>
  325. VIA: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>
  326. <br>
  327. Source: <a href="{ReblogRootURL}" target="_blank">{ReblogRootURL}</a>
  328. <br>
  329. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  330. <br>
  331. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  332. {/block:Tags}
  333. {/block:HasTags}
  334. </div>
  335. {/block:PermalinkPage}
  336.  
  337. {block:PostNotes}
  338. {PostNotes}
  339. {/block:PostNotes}
  340. </div>
  341. {/block:Posts}
  342.  
  343. <!--- you are really beautiful, please remeber that <3--->
  344.  
  345. <!--- if you remove credit please put in faq, i work hard on my themes--->
  346.  
  347. <div style="font-size: 9px; letter-spacing: 1px; float: left; position: fixed; bottom: 10px; right: 10px; padding: 3px; background: #fff; border-top:1px solid #DADADA; border-right:1px solid #DADADA; border-left:1px solid #DADADA; border-bottom:1px solid #DADADA;text-transform:lowercase;"><a href="http://inspiredbylou.tumblr.com/">©inspiredbylou</a></div>
  348.  
  349. </body>
  350. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!