Advertisement
Alliecatisallama

Guide you home theme 4 by Seede-r

Dec 16th, 2012
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.99 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--Guide You Home THEME #4 By Seede-r/Alliecatisallama
  9. Please do not use as a base for your own theme or take the code as your own as I worked hard on it and if you steal if you are therefore a peasant and I will hunt you down and force feed you rotten catfood.-->
  10.  
  11. <meta name="color:background" content="#ffffff"/>
  12. <meta name="color:sbbackground" content="#ffffff"/>
  13. <meta name="color:text" content="#838282"/>
  14. <meta name="color:link" content="#b8b8b8"/>
  15. <meta name="color:linkhover" content="#000000"/>
  16. <meta name="color:border" content="#585858"/>
  17. <meta name="color:Scrollbar" content="#000000">
  18. <meta name="image:Sidebar" content=""/>
  19.  
  20. <meta name="text:Link 1" content="link" />
  21. <meta name="text:Link 1 URL" content="/" />
  22. <meta name="text:Link 2" content="link" />
  23. <meta name="text:Link 2 URL" content="/" />
  24. <meta name="text:Link 3" content="link" />
  25. <meta name="text:Link 3 URL" content="/" />
  26. <meta name="text:Link 4" content="link" />
  27. <meta name="text:Link 4 URL" content="/" />
  28.  
  29. <style type="text/css">
  30.  
  31.  
  32. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
  34. ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}
  35.  
  36. body {
  37. background:{color:Background};
  38. margin:2px;
  39. color:{color:text};
  40. font-family:'consolas';
  41. font-size:10px;
  42. line-height:100%;
  43. }
  44.  
  45. a {
  46. text-decoration:none;
  47. outline:none;
  48. -moz-outline-style:none;
  49. color:{color:link};
  50. padding:2px;
  51. -webkit-transition: all 0.7s ease;
  52. -moz-transition: all 0.7s ease;
  53. -o-transition: all 0.7s ease;
  54. }
  55.  
  56. a:hover {color: {color:linkhover};
  57. -webkit-transition: all 0.7s ease;
  58. -moz-transition: all 0.7s ease;
  59. -o-transition: all 0.7s ease;
  60. }
  61.  
  62.  
  63. blockquote {
  64. padding-left:6px;
  65. border-left:1px solid;
  66. margin:0px 2px 0px 5px;
  67. }
  68.  
  69. blockquote blockquote {
  70. padding-left:4px;
  71. border-left:2px solid;
  72. margin:0px 2px 0px 5px;
  73. }
  74.  
  75. h1 {
  76. font-size:13px;
  77. }
  78.  
  79.  
  80.  
  81. .quote {
  82. font-size:10px;
  83. font-style:italic;}
  84.  
  85. .source {
  86. font-size:8px;
  87. padding:2px;
  88. letter-spacing: 1px;
  89. font-style:normal;
  90. text-transform:uppercase;}
  91.  
  92. .chat{
  93. font-size:10px;
  94. text-transform:uppercase;
  95. line-height:12px;
  96. letter-spacing:1px;
  97. }
  98.  
  99. .entries {
  100. padding:10px;
  101. margin-left:200px;
  102. margin-top:50px;
  103. margin-bottom:20px;
  104. -webkit-transition: all 0.7s ease;
  105. -moz-transition: all 0.7s ease;
  106. -o-transition: all 0.7s ease;
  107. }
  108.  
  109.  
  110. #info {
  111. font-size:10px;
  112. line-height:11px;
  113. letter-spacing:0px;
  114. text-align:right;
  115. margin-top:3px;
  116. padding-top: 3px;
  117. border-top: 1px solid {color:border};
  118. margin-bottom:1px;
  119. }
  120.  
  121. .question{
  122. border:1px solid; opacity: 0.7;
  123. padding:2px;
  124. border-color: {color:border};
  125. padding:5px;
  126. }
  127.  
  128. .post {
  129. width:500px;
  130. padding-bottom:0px;
  131. padding-top: 27px;
  132. margin-bottom:14px;
  133. }
  134.  
  135. #sidebar {
  136. width:130px;
  137. position:fixed;
  138. margin-left:800px;
  139. margin-top:160px;
  140. }
  141.  
  142. .links {
  143. width:130px;
  144. position:fixed;
  145. text-align:right;
  146. font-size:9px;
  147. font-family:'consolas';
  148. margin-left:1px;
  149. margin-top:3px;
  150. line-height:9px;
  151. -webkit-transition: all 0.5s ease;
  152. -moz-transition: all 0.5s ease;
  153. -o-transition: all 0.5s ease;
  154. }
  155.  
  156.  
  157. .description {
  158. padding:1px 2px 1px 3px;
  159. text-align:left;
  160. margin-left:0px;
  161. width:100px;
  162. height:146px;
  163. opacity:0;
  164. position:fixed;
  165. margin-top:-150px;
  166. line-height:9px;
  167. font-family:'consolas';
  168. font-size:10px;
  169. background-color:#f2f2f2;
  170. border-right: 1px solid;
  171. border-color: #e5e5e5;
  172. }
  173.  
  174. .pagination{
  175. font-size:12px;
  176. text-align:right;
  177. margin-bottom:3px;
  178. color:{color:text};
  179. }
  180.  
  181. #sidebarimage {
  182. width: 130px;
  183. opacity:1;
  184. -webkit-transition: all 0.7s ease;
  185. -moz-transition: all 0.7s ease;
  186. -o-transition: all 0.7s ease;
  187. }
  188.  
  189. #sidebarimage:hover {opacity:1;
  190. -webkit-transition: all 0.7s ease;
  191. -moz-transition: all 0.7s ease;
  192. -o-transition: all 0.7s ease;
  193. }
  194. #sidebarimage .description{opacity:0;
  195. -webkit-transition: all 0.7s ease;
  196. -moz-transition: all 0.7s ease;
  197. -o-transition: all 0.7s ease;
  198. margin-left:0px;
  199. }
  200.  
  201. #sidebarimage:hover .description{opacity:1;
  202. -webkit-transition: all 0.7s ease-out;
  203. -moz-transition: all 0.7s ease-out;
  204. -o-transition: all 0.7s ease-out;
  205. margin-left:130px;
  206. }
  207.  
  208. #sidebarimage img {
  209. max-width:120px;
  210. border: 1px solid;
  211. padding:4px;
  212. border-color: #e5e5e5;
  213. -webkit-transition: all 0.7s ease;
  214. -moz-transition: all 0.7s ease;
  215. -o-transition: all 0.7s ease;
  216. }
  217.  
  218. #sidebarimage img:hover {
  219. -webkit-transition: all 0.7s ease;
  220. -moz-transition: all 0.7s ease;
  221. -o-transition: all 0.7s ease;
  222. }
  223. #sidebarimage:hover img{
  224. opacity:0.5;
  225. -webkit-transition: all 0.7s ease;
  226. -moz-transition: all 0.7s ease;
  227. -o-transition: all 0.7s ease
  228. }
  229.  
  230.  
  231. .notes img{
  232. width:15px;
  233. }
  234.  
  235. .notes ol, .notes li{
  236. list-style:none;
  237. }
  238.  
  239. #theme {
  240. position: fixed;
  241. bottom: 0px;
  242. right: 0px;
  243. font-family: Arial;
  244. font-size: 8px;
  245. text-transform: uppercase;
  246. text-align: right;
  247. letter-spacing: 1px;
  248. }
  249.  
  250.  
  251. iframe#tumblr_controls {
  252. top: 0% !important;
  253. right:0% !important;
  254. opacity:0.3;
  255. position: fixed !important;
  256. filter:alpha(opacity=30);
  257. -webkit-transition: all 0.7s ease;
  258. -moz-transition: all 0.7s ease;
  259. -o-transition: all 0.7s ease;
  260. }
  261. iframe#tumblr_controls:hover{
  262. top: 0% !important;
  263. right:0% !important;
  264. opacity:0.8;
  265. position: fixed !important;
  266. filter:alpha(opacity=80);
  267. -webkit-transition: all 0.7s ease;
  268. -moz-transition: all 0.7s ease;
  269. -o-transition: all 0.7s ease;
  270. }
  271.  
  272. {CustomCSS}</style>
  273. </head><body>
  274.  
  275. <div id="sidebar">
  276.  
  277. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}</div>
  278.  
  279. {block:IfSidebarImage}<div id="sidebarimage"><img src="{image:sidebar}">
  280.  
  281. <div class="description">{Description}</div></div>{/block:IfSidebarImage}
  282.  
  283. <div class="links">
  284. <a href="/"><u>+home</u></a>
  285. <a href="/ask"><u>+ask</u></a>
  286. {block:IfLink1} <a href="{text:Link 1 URL}"><u>+{text:Link 1}</u></a>{/block:IfLink1}
  287. {block:IfLink2} <a href="{text:Link 2 URL}"><u>+{text:Link 2}</u></a>{/block:IfLink2}
  288. {block:IfLink3} <a href="{text:Link 3 URL}"><u>+{text:Link 3}</u></a>{/block:IfLink3}
  289. {block:IfLink4} <a href="{text:Link 4 URL}"><u>+{text:Link 4}</u></a>{/block:IfLink4}
  290. </div>
  291. </div>
  292.  
  293. <div class="entries">{block:Posts}<div class="post">
  294.  
  295. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  296.  
  297. {block:Photo}<img src="{PhotoURL-500}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  298.  
  299. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  300.  
  301. {block:Quote}<div class="quote">{Quote}<br>{block:Source} — <span class="source">{Source}</span>{/block:Source}</div>{/block:Quote}
  302.  
  303. {block:Link}<h1>&raquo; <a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  304.  
  305. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  306.  
  307. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  308.  
  309. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  310.  
  311. {block:Answer} <div class="post"><br>
  312. <div class="question"><big>{Asker}asked:</big> {Question}</div>{Answer}{/block:Answer}
  313.  
  314. {block:ContentSource}
  315. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  316. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  317. {/block:SourceLogo}
  318. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  319. {/block:ContentSource}
  320.  
  321. <div id="info">
  322. <a href="{Permalink}">{NoteCountWithLabel}</a>/{block:Date} {TimeAgo}{/block:Date}
  323. {block:RebloggedFrom}<a href="{ReblogParentURL}"title="{ReblogParentTitle}">/ via</a> <a href="{ReblogRootURL}"title="{ReblogRoottitle}">/ source</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<em><a href="{TagURL}">{Tag}</a></em>{/block:Tags}{/block:HasTags}</div></div>
  324. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  325. {/block:Posts}</div>
  326.  
  327. <div id="theme"></a><a href="http://seede-r.tumblr.com/"><img src="http://i1065.photobucket.com/albums/u386/AHT_Livingston/Untitled-2.png?t=1344121641"></a></div>
  328.  
  329. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement