API tools faq
paste
madysthemes

Theme #11

madysthemes
Feb 20th, 2013
914
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.04 KB | None | 0 0
raw download clone embed print report
  1. <!--please keep credit, themes are hard to make :) -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13.  
  14. <meta name="color:background" content="#fff" />
  15. <meta name="color:post" content="#fff" />
  16. <meta name="color:description" content="#717171" />
  17. <meta name="color:text" content="#7e7e7e" />
  18. <meta name="image:Sidebar" content="" />
  19. <meta name="color:link" content="#bababa">
  20. <meta name="image:background" content="" />
  21. <meta name="color:border" content="#676767">
  22.  
  23. <meta name="text:link1" content="">
  24. <meta name="text:link1url" content="">
  25. <meta name="text:link2" content="">
  26. <meta name="text:link2url" content="">
  27. <meta name="text:link3" content="">
  28. <meta name="text:link3url" content="">
  29. <meta name="text:link4" content="">
  30. <meta name="text:link4url" content="">
  31.  
  32.  
  33. <style type="text/css">
  34.  
  35.  
  36.  
  37. body {
  38. background: {color:background};
  39. background-image: url('{image:background}');
  40. margin: 0;
  41. padding: 0;
  42. font-family: 'cambria', sans-serif;
  43. }
  44.  
  45.  
  46. a{
  47. text-decoration:none;
  48. color:{color:link};
  49. }
  50.  
  51.  
  52.  
  53.  
  54. #title {
  55. font-family: 'cambria', sans-serif;
  56. color:{color:text};
  57. font-size:18px;
  58. font-style:bold;
  59. text-align:center;
  60. text-decoration:none;
  61. }
  62.  
  63. /* --- SIDEBAR --- */
  64.  
  65. #sidebarimg {
  66. widthg:145px;
  67. text-align:center;
  68. opacity:1;
  69. -webkit-transition: all 0.7s ease;
  70. -moz-transition: all 0.7s ease;
  71. -o-transition: all 0.7s ease;
  72. }
  73.  
  74. #sidebarimg:hover {opacity:1;
  75. -webkit-transition: all 0.9s ease;
  76. -moz-transition: all 0.9s ease;
  77. -o-transition: all 0.9s ease;
  78. }
  79.  
  80. #sidebarimg:hover
  81. .description{
  82. position:center;
  83. opacity:1;
  84. -webkit-transition: all 0.5s ease;
  85. -moz-transition: all 0.5s ease;
  86. -o-transition: all 0.5s ease;
  87. top:250px;
  88. margin-left:0px;
  89. }
  90.  
  91. #sidebarimg img {
  92. border: 2px solid {color:border};
  93. padding: 3px;
  94. width:145px;
  95. border-radius:2px;
  96. -webkit-transition: all 0.7s ease;
  97. -moz-transition: all 0.7s ease;
  98. -o-transition: all 0.7s ease;
  99. }
  100.  
  101.  
  102. .description {
  103. text-align:center;
  104. width:145px;
  105. opacity:0;
  106. position:fixed;
  107. top:250px;
  108. -webkit-transition: all 0.7s ease;
  109. -moz-transition: all 0.7s ease;
  110. -o-transition: all 0.7s ease;
  111. font-size: 10px;
  112. font-family: calibri;
  113. color: {color:link};
  114. letter-spacing: 1px;
  115. border: 1px solid {color:link};
  116. padding: 5px;
  117. background: #fff;
  118. }
  119.  
  120.  
  121.  
  122.  
  123. #sidebar {
  124. position:fixed;
  125. margin-top:200px;
  126. margin-left:150px;
  127. width:150px;
  128. padding:5px;
  129. }
  130.  
  131.  
  132.  
  133. #entry {
  134. font-size:10px;
  135. margin-right: 250px;
  136. margin-top:40px;
  137. float: right;
  138. text-align: justify;
  139. }
  140.  
  141. #post {
  142. font-size:10px;
  143. padding: 30px;
  144. width: 500px;
  145. margin-bottom:20px;
  146. background-color:{color:post};
  147. color:{color:text};
  148. text-align: justify;
  149. border: solid 1px {color:border}
  150. }
  151.  
  152. #links {
  153. margin-top:0px:
  154. width: 230px;
  155. margin-left:0px;
  156. font-size:9px;
  157. text-align:center;
  158. color:{color:link};
  159. display: inline-block;
  160. padding: 3px;
  161. font-family: consolas;
  162.  
  163. }
  164.  
  165. {CustomCSS}
  166. </style>
  167. </head>
  168.  
  169. <body>
  170. <div id="sidebar">
  171. <center>
  172. <div id="sidebarimg">
  173. <img src="{image:Sidebar}" >
  174. <div class="description">{Description}</div>
  175. </div>
  176.  
  177.  
  178. <div id="links">
  179. {block:ifLink1}<a href="{text:Link1url}">{text:Link1}</a>{/block:ifLink1}
  180. {block:ifLink2}<a href="{text:Link2url}">{text:Link2}</a>{/block:ifLink2}
  181. {block:ifLink3}<a href="{text:Link3url}">{text:Link3}</a>{/block:ifLink3}
  182. {block:ifLink4}<a href="{text:Link4url}">{text:Link4}</a>{/block:ifLink4}
  183. </div>
  184.  
  185.  
  186. <center>
  187. {block:PreviousPage}<a href="{PreviousPage}"><font-size="12">«</font></a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"><font-size="12">»</font></a>{/block:NextPage}
  188. </center>
  189. </div>
  190.  
  191. <div id="entry">
  192. {block:Posts}
  193. <div id="post">
  194.  
  195. {block:Text}{Body}{/block:Text}
  196.  
  197. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  198.  
  199. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  200. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  201.  
  202. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  203. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  204.  
  205. {block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  206. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  207.  
  208. {block:Answer}
  209. <div class="question">
  210. <b>{Asker}</b> asked:<br>
  211. {Question}</div>{Answer}
  212. {/block:Answer}
  213.  
  214.  
  215.  
  216. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  217.  
  218.  
  219. <div id="info">posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} • <a href="{Permalink}">{NoteCount}</a> notes{/block:NoteCount}{block:RebloggedFrom} (<a href="{ReblogParentURL}">{ReblogParentName}</a>
  220. {block:ContentSource} source <a href="{SourceURL}">{SourceLink}</a>){block:ContentSource}{/block:RebloggedFrom}<br>
  221.  
  222.  
  223. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><br>
  224. {/block:Posts}
  225.  
  226.  
  227. {block:PostNotes}{PostNotes}{/block:PostNotes}
  228.  
  229. </div>
  230.  
  231. <!--- you are really beautiful, please remeber that <3--->
  232.  
  233. <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/">theme</a></div>
  234.  
  235. </body>
  236.  
  237. </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!