Advertisement
tmolinson

sea of flowers theme

Jan 12th, 2013
253
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.29 KB | None | 0 0
  1. <!--theme by skyferrira; remove credit, use as base, or claim as yours and i rip off your head aha!-->
  2.  
  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" xml:lang="en" lang="en">
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:scrollbar" content="#838282"/>
  14. <meta name="color:link hover" content="#838282"/>
  15. <meta name="color:text" content="#838282"/>
  16. <meta name="color:link background" content="#f1f1f1"/>
  17. <meta name="color:info background" content="#f7f7f7"/>
  18. <meta name="color:Link" content="#b8b8b8"/>
  19. <meta name="color:line" content="#b8b8b8"/>
  20.  
  21. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="text:Link 1" content="" />
  24. <meta name="text:Link 1 URL" content="" />
  25. <meta name="text:Link 2" content="" />
  26. <meta name="text:Link 2 URL" content="" />
  27. <meta name="text:Link 3" content="" />
  28. <meta name="text:Link 3 URL" content="" />
  29.  
  30. <head><title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34.  
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
  42. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
  43. ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}
  44.  
  45. a:hover {
  46. -webkit-transition: all 0.8s ease;
  47. -moz-transition: all 0.8s ease;
  48. -o-transition: all 0.8s ease;
  49. color: {color:link hover};
  50. }
  51.  
  52.  
  53. body {
  54. background:{color:background};
  55. margin:0px;
  56. color:{color:text};
  57. font-family:'cambria';
  58. font-style:italic;
  59. font-size:10px;
  60. line-height:100%;
  61. }
  62.  
  63. a {
  64. text-decoration:none;
  65. outline:none;
  66. -moz-outline-style:none;
  67. color:{color:link};
  68. }
  69.  
  70. img {
  71. border:none;
  72. }
  73.  
  74. blockquote {
  75. padding-left:5px;
  76. border-left:2px solid;
  77. }
  78.  
  79. blockquote blockquote {
  80. padding-left:5px;
  81. border-left:2px solid;
  82. }
  83.  
  84. h1 {
  85. font-size:15px;
  86. }
  87.  
  88. #entries {
  89. padding:10px;
  90. width:500px;
  91. margin-left:500px;
  92. margin-top:40px;
  93. }
  94.  
  95. #post {
  96. width:500px;
  97. padding-bottom:20px;
  98. padding-top:5px;
  99. overflow:hidden;
  100. }
  101.  
  102. #title {
  103. font-size:15px;
  104. font-family:cambria;
  105. text-transform:uppercase;
  106. text-align:center;
  107. margin-top:-30px;
  108. margin-left:107px;
  109. }
  110.  
  111. #sidebar {
  112. width:275px;
  113. position:fixed;
  114. margin-left:180px;
  115. margin-top:170px;
  116. }
  117.  
  118.  
  119. #sidebarimage {
  120. width: 85px;
  121.  
  122. }
  123.  
  124. #sidebarimage img {
  125. width:85px;
  126. padding:4px;
  127. border:1px solid {color:line};
  128. -webkit-transition: all 0.8s ease;
  129. -moz-transition: all 0.8s ease;
  130. -o-transition: all 0.8s ease;
  131. }
  132.  
  133. #sidebarimage img:hover{
  134. opacity: 1;
  135. -webkit-transition: opacity 0.8s linear;
  136. opacity: 0.80;}
  137.  
  138. #description {
  139. padding:5px;
  140. margin-left:130px;
  141. margin-top:-50px;
  142. font-family:'helvectia';
  143. text-align:center;
  144. width:107px;
  145. position:fixed;
  146. font-size:10px;
  147. line-height:11px;
  148. text-transform:lowercase;
  149. opacity:.3;
  150. font-style:italic;
  151. border:1px solid {color:line};
  152. -webkit-transition: all 0.8s ease;
  153. -moz-transition: all 0.8s ease;
  154. -o-transition: all 0.8s ease;
  155.  
  156. }
  157.  
  158.  
  159. #description:hover {
  160. padding:5px;
  161. margin-left:130px;
  162. margin-top:-50px;
  163. font-family:'helvectia';
  164. text-align:center;
  165. width:107px;
  166. position:fixed;
  167. opacity:1;
  168. font-size:10px;
  169. line-height:11px;
  170. text-transform:lowercase;
  171. font-style:italic;
  172. border:1px solid {color:line};
  173. -webkit-transition: all 0.8s ease;
  174. -moz-transition: all 0.8s ease;
  175. -o-transition: all 0.8s ease;
  176. }
  177.  
  178.  
  179. .links{
  180. margin-top:-70px;
  181. margin-left:110px;
  182. font-size:8px;
  183. opacity:0.3;
  184. text-transform:uppercase;
  185. padding-left:0px;
  186. letter-spacing:1px;
  187. width:160px;
  188. text-align:center;
  189. -webkit-transition: all 0.6s ease;
  190. -moz-transition: all 0.6s ease;
  191. -o-transition: all 0.8s ease;
  192.  
  193.  
  194. }
  195.  
  196. .links a {
  197. position:justify;
  198. text-align:center;
  199. background:{color:link background};
  200. padding-right:2px;
  201. padding-left:4px;
  202. opacity:1;
  203. padding-top:0px;
  204. padding-bottom:1px;
  205. margin-left:1px;
  206. margin-right:1px;
  207.  
  208. }
  209.  
  210. .links:hover {
  211. margin-top:-70px;
  212. font-size:8px;
  213. opacity:1;
  214. text-transform:uppercase;
  215. padding-left:0px;
  216. letter-spacing:1px;
  217. text-align:center;
  218. -webkit-transition: all 0.8s ease;
  219. -moz-transition: all 0.8s ease;
  220. -o-transition: all 0.8s ease;
  221. }
  222.  
  223.  
  224. #pagination {
  225. font-size:20px;
  226. text-align:center;
  227. }
  228.  
  229. .info {
  230. text-transform:uppercase;
  231. font-family:'calibri';
  232. background: {color:info background};
  233. letter-spacing:1px;
  234. line-height:13px;
  235. font-size:8px;
  236. display:block;
  237. width:500px;
  238. margin-top:2px;
  239. position:absolute;
  240. text-align:center;
  241. border-top: 1px solid {color:line};
  242. background: {color: info background};
  243. }
  244.  
  245. #taggs{
  246. text-transform:lowercase;
  247. background: {color:info background};
  248. font-style:italic;
  249. padding:2px;
  250. padding-top:13px;
  251. text-align:center;
  252. margin-top:3px;
  253. }
  254.  
  255.  
  256. #asker {
  257. float:left;
  258. margin-right:5px;
  259. }
  260.  
  261.  
  262. #credit{
  263. position:fixed;
  264. width:70px;
  265. line-height:150%;
  266. right:-60px;
  267. bottom:5px;
  268. text-align:center;
  269. padding:2px;
  270. font-size:8px;
  271. letter-spacing:1px;
  272. border:1px solid {color:line};
  273. -webkit-transition-duration: 0.8s;
  274. -moz-transition-duration: 0.8s;
  275. -o-transition-duration: 0.8s;
  276. transition-duration: 0.8s;
  277. }
  278.  
  279. #credit:hover {
  280. right:10px;
  281. }
  282.  
  283. {CustomCSS}</style></head><body>
  284.  
  285. <div id="sidebar">
  286.  
  287.  
  288. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></div></a>
  289.  
  290. <div id="description">{Description}</div>
  291.  
  292.  
  293. <div class="links">
  294. {block:PreviousPage}<a href="{PreviousPage}">▬</a>{/block:PreviousPage}
  295. <a href="/">home</a>
  296. {block:IfLink1} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  297. {block:IfLink2} <a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  298. {block:IfLink3} <a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  299. {block:NextPage}<a href="{NextPage}">✚</a>{/block:NextPage}
  300. </div>
  301.  
  302. <div id="title">{title}</div>
  303.  
  304.  
  305. </div>
  306.  
  307. <div id="entries">{block:Posts}<div id="post">
  308.  
  309. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  310.  
  311. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  312.  
  313. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  314.  
  315. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  316.  
  317. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  318.  
  319. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  320.  
  321. {block:Audio}{AudioPlayerGrey}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  322.  
  323. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  324.  
  325. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  326.  
  327.  
  328. <div class="info">
  329. ({NoteCount}) + {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} + ©<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom} </div>
  330.  
  331. <div id="taggs">{block:HasTags}{block:Tags} + <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  332. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  333. </div>{/block:Posts}</div>
  334.  
  335. <div id="credit"><a href="http://www.skyferrira.tumblr.com/" target="_blank">x SKYFERRIRA</div>
  336.  
  337. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement