API tools faq
paste
madysthemes

Theme #12 (with update box)

madysthemes
Feb 24th, 2013
1,409
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.45 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. <meta name="text:updates" content="">
  31.  
  32. {block:ifInfiniteScrolling}
  33. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  34. {/block:ifInfiniteScrolling}
  35.  
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />{/block:Description}
  38. <title>
  39. {block:PostSummary}
  40. {PostSummary} - {/block:PostSummary}{Title}</title>
  41. </style>
  42.  
  43. <style type="text/css">
  44.  
  45. 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; }
  46.  
  47. 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; }
  48.  
  49. body{
  50. background-color: {color:Background};
  51. background-image: url({image:Background});
  52. background-attachment: fixed;
  53. background-repeat: repeat;
  54. background-position: center;
  55. font-family:calibri;
  56. font-size:10px;
  57. line-height:10px;
  58. color:{color:Text};
  59. }
  60.  
  61. a:link, a:active, a:visited{
  62. color: {color:Link};
  63. text-decoration:none;
  64. }
  65.  
  66. a:hover{
  67. color: {color:Link Hover};
  68. }
  69.  
  70. #container {
  71. margin:auto;
  72. width:700px;
  73. }
  74.  
  75. #entry {
  76. width:500px;
  77. margin-left:220px;
  78. margin-top:45px;
  79. padding:3px;
  80. }
  81.  
  82. #permalink{
  83. position:relative;
  84. margin-top:5px;
  85. padding:2px;
  86. font-size:8px;
  87. text-transform:uppercase;
  88. border-top:2px solid {color:Border};
  89. }
  90.  
  91. #side {
  92. text-align:center;
  93. position:fixed;
  94. width:140px;
  95. margin-top:180px;
  96. margin-left:-30px;
  97. padding:2px;
  98. }
  99.  
  100. #sidebarimage img{
  101. width:125px;
  102. padding:3px;
  103. -webkit-transition: all 0.8s ease;
  104. -moz-transition: all 0.8s ease;
  105. -o-transition: all 0.8s ease;
  106.  
  107. }
  108.  
  109. #links {
  110. margin-top:0px:
  111. width: 250px;
  112. margin-left:0px;
  113. font-size:9px;
  114. text-align:center;
  115. color:{color:link};
  116. display: inline-block;
  117. padding: 3px;
  118. font-family: consolas;
  119. border-top:2px solid {color:Border};
  120. border-bottom:2px solid {color:Border};
  121. }
  122.  
  123.  
  124.  
  125. #description {
  126. padding:6px;
  127. font-size:10px;
  128. font-style:italic;
  129. opacity: 0.8;
  130. text-align:center;
  131. margin-top:-2px;
  132. margin-left:6px;
  133. }
  134.  
  135. #bite
  136. #bite a{
  137. display:block
  138. }
  139. #bite .death {
  140. margin-top:-40px;filter: alpha(opacity = 0);
  141. opacity:0;-webkit-transition: all 0.5s ease-out;
  142. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  143. }
  144.  
  145. #bite:hover .death {
  146. margin-top:2px;
  147. -webkit-transition: all 0.8s ease-out;
  148. -moz-transition: all 0.8s ease-out;
  149. transition: all 0.8s ease-out;
  150. filter: alpha(opacity = 100);
  151. filter: alpha(opacity = 100);
  152. opacity:100;
  153. }
  154.  
  155.  
  156. .posttitle{
  157. font-size: 15px;
  158. line-height: 18px;
  159. font-family: calibri;
  160. }
  161.  
  162. blockquote{
  163. margin-left:10px;
  164. padding-left:4px;
  165. border-left: 3px solid {color:Text};
  166. }
  167.  
  168. .p { padding-top: 5px; }
  169. .ol, ul { margin-left: 10px; padding: 5px; }
  170. .ul { list-style-type: square; }
  171.  
  172. #updates {
  173. text-align: center;
  174. font-size: 11px;
  175. position:fixed;
  176. left:5px;
  177. top:-111px;
  178. -webkit-transition: all .5s ease-in-out;
  179. -moz-transition: all .5s ease-in-out;
  180. -o-transition: all .5s ease-in-out;
  181. z-index:999;
  182. }
  183.  
  184. #updates:hover {top:0px;}
  185.  
  186. #update {
  187. border-right-style:solid;
  188. border-bottom-style:solid;
  189. border-left-style:solid;
  190. border-width:1px;
  191. border-color:#E0E0E0;
  192. padding: 5px 0 5px 0;
  193. background: #fff;
  194. width:150px;
  195. height:100px;
  196. border-bottom-right-radius: 2px;
  197. -moz-border-radius-bottomright: 2px;
  198. -webkit-border-bottom-right-radius: 2px;
  199. z-index: 9999;
  200. }
  201.  
  202. #updatestab {
  203. border-top-style:none;
  204. border-right-style:solid;
  205. border-bottom-style:solid;
  206. border-left-style:solid;
  207. border-width:1px;
  208. border-color:#E0E0E0;
  209. text-align: center;
  210. height:10px;
  211. padding: 2px 0 8px 0;
  212. background:#fff;
  213. border-bottom-left-radius: 2px;
  214. -moz-border-radius-bottomleft: 2px;
  215. -webkit-border-bottom-left-radius: 2px;
  216. border-bottom-right-radius: 2px;
  217. -moz-border-radius-bottomright: 2px;
  218. -webkit-border-bottom-right-radius: 2px;
  219. width: 120px;
  220. }
  221.  
  222. {CustomCSS}
  223. </style>
  224.  
  225. <link rel="shortcut icon" href="{Favicon}">
  226. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  227.  
  228. </head>
  229. <body>
  230. <div id="updates">
  231. <div id="update"> <center>
  232. <!---you can add your updates here instead if you want just remove the {text:updates} and type what you want there :)--->
  233. {text:updates}
  234. <!----if you have questions with this just ask!--->
  235. </center></div>
  236. <div id="updatestab">updates</div>
  237. </div>
  238. <div id="container">
  239.  
  240. <div id="bite">
  241. <div id="side">
  242.  
  243. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  244.  
  245. <div id="links">
  246. {block:ifLink1}<a href="{text:Link1url}">{text:Link1}</a>{/block:ifLink1}
  247. {block:ifLink2}<a href="{text:Link2url}">{text:Link2}</a>{/block:ifLink2}
  248. {block:ifLink3}<a href="{text:Link3url}">{text:Link3}</a>{/block:ifLink3}
  249. {block:ifLink4}<a href="{text:Link4url}">{text:Link4}</a>{/block:ifLink4}
  250. </div>
  251.  
  252. <div class="death">
  253. <div id="description">{Description}</div></div></div>
  254.  
  255. <br>
  256. {block:ifNotInfiniteScrolling}
  257. <div class="navigate">
  258. {block:Pagination}
  259. {block:PreviousPage}
  260. <a href="{PreviousPage}">« prev</a>
  261. {/block:PreviousPage}
  262. {CurrentPage} out of {TotalPages}
  263. {block:NextPage}
  264. <a href="{NextPage}">next »</a>
  265. {/block:NextPage}
  266. {/block:Pagination}
  267. </div>
  268. {/block:ifNotInfiniteScrolling}
  269. </div>
  270.  
  271. {block:Posts}
  272. <div id="entry">
  273.  
  274. {block:Text}
  275. {block:Title}
  276. <div class="posttitle">{Title}</div>
  277. {/block:Title}
  278. {Body}
  279. {/block:Text}
  280.  
  281. {block:Link}
  282. <div class="posttitle">
  283. <a href="{URL}">{Name}</a>
  284. </div>
  285. {block:Description}{Description}{/block:Description}
  286. {/block:Link}
  287.  
  288. {block:Photo}
  289. <center>
  290. {LinkOpenTag}
  291. <a href="{permalink}">
  292. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  293. {LinkCloseTag}
  294. </center>
  295. {block:Caption}{Caption}{/block:Caption}
  296. {block:ContentSource}
  297. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  298. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  299. {/block:SourceLogo}
  300. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  301. {/block:ContentSource}
  302. {block:ReblogParentURL}
  303. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  304. {/block:ReblogParentURL}
  305. {/block:Photo}
  306.  
  307. {block:Photoset}
  308. {Photoset-500}
  309. {block:Caption}{Caption}{/block:Caption}
  310. {/block:Photoset}
  311.  
  312. {block:Quote}
  313. <div class="posttitle">"{Quote}"</div>
  314. {block:Source}
  315. - {Source}
  316. {/block:Source}
  317. {/block:Quote}
  318.  
  319. {block:Chat}
  320. {block:Title}
  321. <div class="posttitle">
  322. {Title}
  323. </div>
  324. {/block:Title}
  325. {block:Lines}
  326. {block:Label}
  327. <b>{Label} </b>
  328. {/block:Label}
  329. {Line}
  330. <br>
  331. {/block:Lines}
  332. {/block:Chat}
  333.  
  334. {block:Audio}
  335. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  336.  
  337. {block:TrackName}
  338. <b>Title</b>:{TrackName}
  339. {/block:TrackName}
  340. <br>
  341. {block:Artist}
  342. <b>Artist:</b>{Artist}
  343. {/block:Artist}
  344. <br>
  345. {PlayCountWithLabel}
  346. <br>
  347. {block:Caption}{Caption}{/block:Caption}
  348. {/block:Audio}
  349.  
  350. {block:Video}
  351. {Video-500}
  352. {block:Caption}{Caption}{/block:Caption}
  353. {/block:Video}
  354.  
  355. {block:IndexPage}
  356. <div id="permalink">
  357. posted
  358. <a href="{Permalink}"> {TimeAgo}</a>
  359. with
  360. <a href="{Permalink}">{NoteCountWithLabel}</a>
  361.  
  362. {block:RebloggedFrom}
  363. VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  364.  
  365. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  366. {/block:RebloggedFrom}
  367. <br>
  368. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  369.  
  370.  
  371. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  372. {/block:Tags}
  373. {/block:HasTags}
  374. </div>
  375. {/block:IndexPage}
  376.  
  377. {block:PermalinkPage}
  378. <div id="permalink">
  379. posted
  380. <a href="{Permalink}"> {TimeAgo}</a>
  381. with
  382. <a href="{Permalink}">{NoteCountWithLabel}</a>
  383. <br>
  384. VIA: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>
  385. <br>
  386. Source: <a href="{ReblogRootURL}" target="_blank">{ReblogRootURL}</a>
  387. <br>
  388. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  389. <br>
  390. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  391. {/block:Tags}
  392. {/block:HasTags}
  393. </div>
  394. {/block:PermalinkPage}
  395.  
  396. {block:PostNotes}
  397. {PostNotes}
  398. {/block:PostNotes}
  399. </div>
  400. {/block:Posts}
  401.  
  402. <!--- you are really beautiful, please remeber that <3--->
  403.  
  404. <!--- if you remove credit please put in faq, i work hard on my themes--->
  405.  
  406. <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>
  407.  
  408. </body>
  409. </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!