Advertisement
yuukithemes

october theme

Oct 21st, 2015
2,184
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.41 KB | None | 0 0
  1. <!DOCTYPE html><head>
  2.  
  3. <!-- theme by seaboat/shenpai/probably gonna change url again who knows don't delete credit. NONE OF MY THEMES ARE REDUX EDITS.
  4. (some can share qualities but none are redux)
  5.  
  6. also, if you ever wanna udpate my url to my new one
  7. in case i change url again you're always free to do so.
  8. ask all questions to google -->
  9.  
  10. <title>{title}</title>
  11. <meta name="color:Background" content="#fff">
  12. <meta name="color:Text" content="#828282">
  13. <meta name="color:Link" content="#828282">
  14. <meta name="image:Sidebar" content=""/>
  15. <meta name="color:Link Hover" content="#ffffff">
  16. <meta name="color:Post Info Background" content="#fff">
  17. <meta name="color:Ask Background" content="#fff" />
  18. <meta name="color:Post Background" content="#fff4f9"/>
  19. <meta name="color:Link Hover" content="#000"/>
  20. <meta name="color:Shadow" content="#ffe2ec"/>
  21. <meta name="color:Borders" content="#9b9b9b"/>
  22. <meta name="if:400px" content="1">
  23. <meta name="color:captions" content="#fff9fd"/>
  24. <meta name="if:300px" content="1">
  25. <meta name="image:Background" content="">
  26. <meta name="image:home" content=""/>
  27. <meta name="image:ask" content=""/>
  28. <meta name="image:link1" content=""/>
  29. <meta name="image:link2" content=""/>
  30. <meta name="image:link3" content=""/>
  31. <meta name="text:Sidebar Position" content="-150px" />
  32. <meta name="text:Sidebar Size" content="200px" />
  33. <meta name="text:Sidebar Img Size" content="150px" />
  34. <meta name="text:Link 1 URL" content="" />
  35. <meta name="text:Link 1" content="" />
  36. <meta name="text:Link 2 URL" content="" />
  37. <meta name="text:Link 2" content="" />
  38. <meta name="text:Link 3 URL" content="" />
  39. <meta name="text:Link 3" content="" />
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <style type="text/css">
  42.  
  43. a{
  44. color:{color:Link};}
  45.  
  46. a:hover{
  47. text-shadow: 0 0px 10px {color:Link Hover};
  48. color:{color:link hover}; }
  49.  
  50. h2,h1 {
  51. font-family:helvetica;
  52. font-weight:100;
  53. font-size:13px;}
  54.  
  55. #ask {
  56. padding:5px;
  57. background:{color:ask background}; }
  58.  
  59. #answer{
  60. margin-top:8px;}
  61.  
  62. blockquote {
  63. padding-left:8px;
  64. padding-right:5px;
  65. margin:8px;
  66. border-left:2px solid {color:Text};
  67. word-wrap:break-word;}
  68.  
  69. pre, code {
  70. padding:10px;
  71. box-sizing:border-box;
  72. -moz-box-sizing:border-box;
  73. webkit-box-sizing:border-box;
  74. display:block;
  75. width:100%;
  76. overflow-x:auto;}
  77.  
  78. body{
  79. background:{color:Background};
  80. background-image:url('{image:Background}');
  81. font-size:11px;
  82. background-attachment:fixed;
  83. font-family:arial;
  84. letter-spacing:.02em; color:{color:Text};
  85. line-height:1.5em;
  86. word-wrap:break-word;}
  87.  
  88. .caption {
  89. background:{color:captions};
  90. padding-top:6px;
  91. padding-left:8px;
  92. padding-right:8px;
  93. padding-bottom:4px;
  94. }
  95.  
  96. small,tiny,sub {
  97. font-size:12px;
  98. font-style:normal;}
  99.  
  100. #border {
  101. ;-moz-border-radius: 4px;-webkit-border-radius: 4px;
  102. border-radius: 4px; margin-left:{text:sidebar position};
  103. margin-top:0px;width:{text:sidebar size};
  104. box-shadow:0px 0px 2px 2px {color:shadow};
  105. padding:10px; position:fixed;
  106. border:1px solid {color:borders}; background:white;}
  107.  
  108. /*SIDEBAR*/
  109.  
  110. #title{
  111. margin-bottom:-6px;
  112. margin-top:0px;
  113. text-align:center;}
  114.  
  115. #title img {
  116. margin-top:15px;
  117. background:white;
  118. ;-moz-border-radius: 4px;-webkit-border-radius: 4px;
  119. border-radius: 4px;
  120. width:{text:sidebar img size};
  121. border:1px solid {color:borders};}
  122.  
  123. #links {
  124. text-align:center; margin-top:-5px; line-height:20px;
  125. padding-top:15px; padding-bottom:4px;}
  126.  
  127. #links a {
  128. background:{color:background};
  129. border:1px solid {color:shadow};
  130. padding-top:12px;
  131. line-height:20px;
  132. padding-left:5px;
  133. margin-right:3px;
  134. padding-right:4px;
  135. }
  136.  
  137. #contents {
  138. width:560px;
  139. border:none;
  140. margin:40px auto;}
  141.  
  142. /* page navigation */
  143.  
  144. .pagination{
  145. padding:10px;
  146. margin-top:20px;
  147. font-size:12px;
  148. text-align:center;
  149. margin-left:30px;}
  150.  
  151. .pagination a{
  152. display:inline-block;
  153. margin:0px 2px;
  154. background:white;
  155. display:-moz-inline-stack;
  156. line-height:100%;
  157. padding:5px;}
  158.  
  159. .tumblr_audio_player {
  160. {block:if300px} width:300px; {/block:if300px}
  161. {block:if400px} width:400px; {/block:if400px}
  162. border:1px solid #aaa;
  163. box-shadow:0px 0px 0px 3px {color:background};
  164. height:70px;
  165. overflow:hidden; }
  166.  
  167. .pagination .g{
  168. display:inline-block;
  169. margin:0px 2px;
  170. display:-moz-inline-stack;
  171. line-height:100%;
  172. padding:7px;}
  173.  
  174. .pagination a:hover{
  175. opacity:0.7;}
  176.  
  177. #notes {
  178. {block:if300px} width:300px; {/block:if300px}
  179. {block:if400px} width:400px; {/block:if400px}
  180. padding:23px; max-height:200px; overflow:auto;
  181. line-height:16px; background:white; }
  182.  
  183. #notes img {display:none;}
  184.  
  185. ol.notes { color:{color:Text};}
  186.  
  187. #notes a { color:{color:text};}
  188.  
  189. a { text-decoration:none};
  190.  
  191. #previous, #next, .page-info {
  192. font-size: 12px;
  193. background-color: white;
  194. border: 1px solid #eee;
  195. color: {color:Text};
  196. padding: 5px;
  197. text-decoration: none; }
  198.  
  199. #previous:hover, #next:hover { text-decoration: none; }
  200.  
  201. /*POST CONTAINER*/
  202.  
  203. #uh { margin-top:-10px;}
  204.  
  205. #entries{
  206. margin-left:140px;
  207. {block:if300px} width:300px; {/block:if300px}
  208. {block:if400px} width:400px; {/block:if400px}
  209. margin-bottom:30px;}
  210.  
  211. /*Posts*/
  212.  
  213. #posts{
  214. {block:if300px} width:300px; overflow:hidden;{/block:if300px}
  215. {block:if400px} width:400px; {/block:if400px}
  216. padding:30px; line-height:17px; background:white;
  217. border:1px solid {color:Borders};
  218. margin-bottom:50px; ;-moz-border-radius: 4px;
  219. -webkit-border-radius: 4px;border-radius: 4px;
  220. box-shadow:0px 0px 2px 2px {color:shadow};
  221. margin-bottom:50px;}
  222.  
  223. #posts img { max-width:100%; height:auto;}
  224.  
  225. iframe { max-width:100%;}
  226.  
  227. /*Chat*/
  228.  
  229. .chat li{
  230. border-bottom:1px dotted {color:border};
  231. background:white;
  232. padding:5px;
  233. margin-top:5px}
  234.  
  235. /*POST INFO*/
  236.  
  237. .video-container {
  238. position: center;
  239. overflow: hidden;
  240. }
  241.  
  242. .video-container iframe,
  243. .video-container object,
  244. .video-container embed {
  245. position: center;
  246. {block:if300px} width:300px; {/block:if300px}
  247. {block:if400px} width:400px; {/block:if400px}
  248. background:{color:background};
  249. max-height:400px;
  250. }
  251.  
  252. .video-wrapper {
  253. {block:if300px} width:300px; {/block:if300px}
  254. {block:if400px} width:400px; {/block:if400px}
  255. max-height:400px;
  256. }
  257.  
  258. #postinfo {
  259. padding:5px; background: {color:post info background};-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
  260. border:1px solid {color:shadow};
  261. color: {color:text};margin-top: 10px;}
  262.  
  263. #okie { border:1px solid {color:shadow}; padding:5px; background: {color:post info background};-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
  264. color: {color:text};margin-top: 10px;}
  265.  
  266. #things {
  267. padding:5px; text-align:center; margin-bottom:5px;
  268. margin-top:3px;}
  269.  
  270. #boop { background:{color:post background}; border:1px solid {color:shadow}; padding:10px; border-radius:5px; text-align:center; margin-bottom:6px; font-size:15px;}
  271.  
  272. #boop a { display:block; text-decoration:none;}
  273.  
  274. {CustomCSS}</style></head>
  275.  
  276. <body>
  277. <div id="contents">
  278. <div id="border">
  279. <div style="font-size:20px;text-align:center;margin-top:5px">{title}</div>
  280. <div id="title"><a href="/"><img src="{image:Sidebar}"></a></div>
  281. <div id="things">{description}</div>
  282. <div id="links">
  283. <a href="/"><img src="{image:home}" title="home"></a>
  284. <a href="/ask"><img src="{image:ask}" title="mail"></a>
  285. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"><img src="{image:link1}"></a>{/block:ifLink1}
  286. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"><img src="{image:link2}"></a>{/block:ifLink2}
  287. {block:ifLink3}<a href="{text:Link 3 URL}" {text:Link 3}><img src="{image:link3}"></a> {/block:ifLink3}</div>
  288.  
  289. </div>
  290. <div id="entries">
  291. <div class="post">
  292. <div class="post-content">
  293. <div class="post">
  294. {block:Posts}
  295. <div id="posts">
  296.  
  297. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  298.  
  299. {block:Text}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<div id="uh">{Body}</div>{/block:Text}
  300.  
  301. {block:Quote}<div style="font-weight:100;
  302. font-size:12px;
  303. line-height:18px;
  304. font-family:helvetica;
  305. margin:0 0 10px 0;">"{Quote}"</div>{/block:Quote}
  306.  
  307. {block:Link}<div id="boop"><a href="{URL}">{Name}</a></div>{Description}{/block:Link}{block:Lines}
  308. <div class="{Alt} user_{UserNumber}" style="border-bottom:1px dotted {color:border};background:white;padding:5px;margin-top:5px;">
  309. {block:Label}
  310. <b>{Label}</b> {Line}{/block:Label}
  311. </div>
  312. {/block:Lines}
  313. {/block:Chat}
  314.  
  315. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  316.  
  317. {block:Photoset}{Photoset}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  318.  
  319. {block:Video}
  320. {block:PostTitle}{PostTitle}{/block:PostTitle}
  321. {block:Video}
  322. <div class="video-wrapper">
  323. <div class="video-container">
  324. {block:if300px}
  325. {video-400}
  326. {/block:if300px}
  327. {block:if400px}
  328. {video-400}
  329. {/block:if400px}
  330. </div></div>
  331. {/block:Video}
  332.  
  333. {block:Audio}<center>{AudioPlayer}</center> {/block:Audio}
  334.  
  335. {block:Answer}<div id="ask"><b>{Asker} messaged:</b><span style="padding:4px">{Question}</span></div><div id="answer">{Answer}</div>{/block:Answer}
  336.  
  337. {block:indexpage}<div id="postinfo"><a href="{Permalink}" >posted on {MonthNumber}/{DayOfMonth}{block:Reblog} via {ReblogParentName}{block:RebloggedFromReblog}{/block:RebloggedFromReblog}{/block:Reblog}{block:notreblog} at {12hour}:{minutes}{ampm}{/block:notreblog}</a>
  338. </div>{/block:indexpage}
  339.  
  340. {block:indexpage}
  341. <div id="okie">{timeago} with {NoteCountWithLabel}&nbsp;
  342. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  343. </div>{/block:indexpage}
  344.  
  345. {block:permalinkpage}{block:PostNotes}
  346. <div id="notes">
  347. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br><b>{notecountwithlabel}</b> tagged: {block:Tags} <a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  348. {PostNotes}</div>{block:PostNotes}{/block:permalinkpage}</div>{/block:Posts}{block:IndexPage}<div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="g">✖</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" id="next">→</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}</div></div>
  349.  
  350. <!-- do not touch it. -->
  351. <a href="http://seaboat.tumblr.com/" style="position:fixed; bottom:5px; left:5px; color:gray;">SEABOAT</a>
  352. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement