Advertisement
juststays

theme #5

Apr 21st, 2013
1,154
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.02 KB | None | 0 0
  1. <!--- theme 5 by juststays--->
  2.  
  3. <head>
  4.  
  5. <html>
  6. <!--- basic variables--->
  7. <meta name="color:background" content="#ffffff" />
  8. <meta name="color:font" content="#272727" />
  9. <meta name="color:link" content="#575656" />
  10. <meta name="color:link hover" content="#272727" />
  11. <meta name="color:scrollbar" content="#ffffff" />
  12. <meta name="color:bold" content="#202020" />
  13.  
  14. <meta name="image:sidebar image" content="" />
  15.  
  16. <meta name="text:link1" content="" />
  17. <meta name="text:link1url" content="" />
  18. <meta name="text:link2" content="" />
  19. <meta name="text:link2url" content="" />
  20. <meta name="text:link3" content="" />
  21. <meta name="text:link3url" content="" />
  22. <meta name="text:link4" content="" />
  23. <meta name="text:link4url" content="" />
  24.  
  25.  
  26. <head><title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. </head>
  32.  
  33. <style type="text/css">
  34.  
  35. @font face(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);
  36.  
  37. ::-webkit-scrollbar {width: 5px; height:auto; background:{color:background}}
  38. ::-webkit-scrollbar-corner {padding:2px;background:{color:background}}
  39. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
  40. ::-webkit-scrollbar-button:horizontal {width: 3px; height: 5px; display: block; background:{color:scrollbar}}
  41. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  42. ::-webkit-scrollbar-thumb:horizontal {background: {color:background};}
  43. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  44.  
  45. body {
  46. background:{color:background};
  47. margin:0px;
  48. font-family: times;
  49. font-size:9px;
  50. text-transform:none;
  51. letter-spacing:1px;
  52. color:{color:font};
  53. line-height:100%;}
  54.  
  55. b, bold {
  56. color:{color:bold};
  57. font-weight:bold;}
  58.  
  59. em, italic {
  60. font-style:italic;}
  61.  
  62. a {
  63. color:{color:link};
  64. text-decoration:none;
  65. -moz-transition:0.3s ease-in;
  66. -webkit-transition: 0.3s ease-in;
  67. -o-transition:0.3s ease-in;
  68. transition:0.3s ease-in;}
  69.  
  70. a:hover {
  71. color:{color:link hover};
  72. font-style:none;}
  73.  
  74. #posts {
  75. margin-left:530px;
  76. margin-top:60px;
  77. text-align: justify;}
  78.  
  79. #post {
  80. margin-top:85px;
  81. width:500px;
  82. text-align: justify;
  83. padding:5px;}
  84.  
  85. #sidebar {
  86. width:160px;
  87. margin-left:220px;
  88. margin-top:90px;
  89. position: fixed;
  90. line-height:8px;}
  91.  
  92. #sidelinks {
  93. margin-top:15px;
  94. width:115px;
  95. line-height:10px;
  96. font-family: calibri;
  97. font-style: none;
  98. font-size:8px;
  99. text-transform:uppercase;
  100. text-align:center;
  101. letter-spacing:1px;
  102. color:{color:link};}
  103.  
  104. #pagination {
  105. margin-top:15px;
  106. width:115px;
  107. font-size:8px;
  108. text-align:center;
  109. word-spacing:2px;}
  110.  
  111. #title {
  112. font-size:12px;
  113. text-transform:uppercase;}
  114.  
  115. #credit {
  116. font-size:7px;
  117. font-family:georgia;
  118. letter-spacing:1px;
  119. position:fixed;
  120. right:0px;
  121. bottom:1px;
  122. text-transform:uppercase;}
  123.  
  124. #info {
  125. font-size:8px;
  126. font-family: calibri;
  127. text-transform:uppercase;
  128. letter-spacing:1px;
  129. text-align:left;}
  130.  
  131. .tags {
  132. font-style:normal;
  133. width:500px;
  134. font-family: calibri;
  135. text-transform:uppercase;
  136. letter-spacing:1px;
  137. font-style:normal;
  138. color:{color:tags};
  139. letter-spacing:1px;
  140. line-height:100%;
  141. font-size:8px;
  142. margin-top:2px;
  143. text-align:left;
  144. }
  145.  
  146.  
  147. </style></head><body>
  148.  
  149. <div id="sidebar">
  150.  
  151. <center><a href="/"><img src="{image:sidebar image}"width:"160px";></a><br>
  152.  
  153. <div id="sidelinks">
  154. {block:ifLink1}<a href="{text:link1url}">{text:link1}</a>{/block:ifLink1}
  155. {block:ifLink2} <a href="{text:link2url}">{text:link2}</a>{/block:ifLink2}
  156. {block:ifLink3} <a href="{text:link3url}">{text:link3}</a>{/block:ifLink3}
  157. {block:ifLink4} <a href="{text:link4url}">{text:link4}</a>{/block:ifLink4}
  158. </div>
  159. <br><br><br>
  160.  
  161. {block:Description}{Description}{/block:Description}<br>
  162.  
  163. <br>
  164.  
  165. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">&laquo; </a>{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</div>
  166.  
  167. </div></div>
  168.  
  169. <div id="posts">
  170.  
  171. {block:Posts}
  172.  
  173. <div id="post">
  174.  
  175. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  176.  
  177. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  178.  
  179. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  180.  
  181. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  182.  
  183. {block:Link}<t><div id="title"><a href="{URL}" {Target}>{Name}</div></a></t>{block:Description}{Description}{/block:Description}{/block:Link}
  184.  
  185. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  186.  
  187. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  188.  
  189. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  190.  
  191. {block:Answer}
  192. <div style="background-color:#f9f9f9;padding:4px;"><img src="{AskerPortraitURL-16}">
  193. {Asker}: {Question}
  194. </div>
  195. {Answer}
  196. {/block:Answer}
  197.  
  198. <br><br>
  199.  
  200. <center><div id="info">{block:Date}<a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date} {block:NoteCount}| <a href="{Permalink}"> {NoteCountWithLabel}</a> {/block:NoteCount}<br>
  201. {block:HasTags}
  202. <div class="tags">
  203. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}{/block:HasTags}
  204. </div>
  205.  
  206. {block:PostNotes}
  207. <div class="post">
  208. {PostNotes}
  209. </div>
  210. {/block:PostNotes}
  211.  
  212. </div>{/block:Posts}</div>
  213.  
  214. {block:ContentSource}
  215. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  216. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  217. {/block:SourceLogo}
  218. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  219. {/block:ContentSource}
  220.  
  221. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  222.  
  223. <div id="credit"><a href="http://www.juststays.tumblr.com" target="_blank">©juststays</a></div>
  224.  
  225. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement