Advertisement
sailorslayer

Vessels Theme

Oct 15th, 2013
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.32 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.  
  3.  
  4. <!--
  5. this theme was created by sailorslayer.tumblr.com feel free to use and edit the theme to fit your needs but keep credit intact
  6. -->
  7.  
  8.  
  9. <html>
  10. <head>
  11.  
  12.  
  13. <meta name="color:background" content="#EDD9FA"/>
  14. <meta name="color:posts" content="#E7CDF7"/>
  15. <meta name="color:sidebar" content="#E7CDF7"/>
  16. <meta name="color:navbar" content="#9B1BD1"/>
  17. <meta name="color:border" content="#7908BF"/>
  18. <meta name="color:question" content="#AB63F7"/>
  19. <meta name="color:text" content="#B236FF"/>
  20. <meta name="color:link" content="#317DF7"/>
  21. <meta name="color:hover" content="#D79BFA"/>
  22.  
  23. <meta name="font:title" content="arial" />
  24. <meta name="font:body" content="arial" />
  25. <meta name="font:links" content="arial" />
  26.  
  27. <meta name="image:background" content="/"/>
  28. <meta name="image:title" content="http://static.tumblr.com/a964d86aadcc576bb0b6adbe3d70c8b2/yidacpy/EZ3muoxeb/tumblr_static_pn.gif"/>
  29. <meta name="image:sideimg1" content="http://static.tumblr.com/143f8b4fc0e8bd512e1a3286b82f9e0c/yidacpy/eW7muowm3/tumblr_static_themegif.gif"/>
  30. <meta name="image:sideimg2" content="http://static.tumblr.com/6dc051fae952fc8e4c65530ca7ad5f4d/yidacpy/9vOmuown2/tumblr_static_themegif2.gif"/>
  31.  
  32.  
  33.  
  34.  
  35. <meta name="text:ask url"content="/ask" />
  36. <meta name="text:submiturl" content="/submit" />
  37. <meta name="text:navi url"content="/navi" />
  38.  
  39.  
  40.  
  41.  
  42.  
  43. <!-- links -->
  44.  
  45.  
  46. <meta name="image:ask" content="/">
  47. <meta name="image:navi" content="/">
  48. <meta name="image:submit" content="/">
  49.  
  50.  
  51.  
  52.  
  53. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  54. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  55. <link rel="shortcut icon" href="{Favicon}" />
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  57.  
  58.  
  59. </head><style>
  60.  
  61. ::-webkit-scrollbar {
  62.  
  63. height: 10px;
  64.  
  65. width: 3px;
  66.  
  67. background: {color:background};
  68.  
  69. }
  70.  
  71. ::-webkit-scrollbar-thumb {
  72.  
  73. background-image:url(URL OF THE IMAGE HERE);
  74.  
  75. border:0px solid {color:posts};
  76.  
  77. -webkit-border-radius: 5ex;
  78.  
  79. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  80.  
  81. }
  82.  
  83. ::-webkit-scrollbar-corner {
  84.  
  85. background: {color:posts};
  86.  
  87. }
  88.  
  89.  
  90. body {
  91. color: {color:text};
  92. background-color: {color:background};
  93. background-image: url('{image:background}');
  94. background-attachment: fixed;
  95. font-family: {font:body};
  96. font-size: 12px;
  97. text-align: justify;
  98. }
  99.  
  100.  
  101.  
  102. #title {
  103. margin-top:-10px;
  104. width: 900px;
  105. height: 100px;
  106. margin-left:10px;
  107. background-color:{color:background};
  108. position:fixed;
  109. }
  110.  
  111. <!--RIGHT SIDE-->
  112.  
  113. #stuff {
  114. position:fixed;
  115. margin-top: 75px;
  116. margin-left:806px;
  117. }
  118.  
  119. #sideimg1 {
  120. position: fixed;
  121. width: 400px;
  122. height: 250px;
  123. margin-left: 803px;
  124. margin-top: 110px;
  125.  
  126. }
  127.  
  128. #sideimg2 {
  129. position: fixed;
  130. width: 400px;
  131. height: 250px;
  132. margin-left: 806px;
  133. margin-top: 510px;
  134.  
  135. }
  136. #pagenavigation {
  137. postion:fixed;
  138.  
  139.  
  140. font-size: 22px;
  141. font-color:{color:link}
  142. }
  143.  
  144. #description {
  145. position: fixed;
  146. width: 400px;
  147. height: 125px;
  148. background-color: {color:posts};
  149. margin-left: 803px;
  150. margin-top: 370px;
  151. border: 0px double {color:background};
  152. overflow:auto;
  153. padding-left:5px;
  154. padding-bottom:2px;
  155. }
  156. <!--LEFT SIDE-->
  157.  
  158.  
  159.  
  160.  
  161. #sidebarli
  162. {
  163. width:150px;
  164. margin-top:210px;
  165. margin-left:1px;
  166. position:fixed;
  167. }
  168.  
  169. #submit{
  170. width:150px;
  171. margin-top:90px;
  172. margin-left:1px;
  173. position:fixed;
  174.  
  175. }
  176.  
  177.  
  178. #navi{
  179. width:150px;
  180. margin-top:165px;
  181. margin-left:1px;
  182. position:fixed;
  183. }
  184.  
  185. #ask{
  186. width:150px;
  187. margin-top:125px;
  188. margin-left:1px;
  189. position:fixed;
  190. }
  191.  
  192.  
  193.  
  194.  
  195. a {
  196. color:{color:link};
  197. text-decoration:underline;
  198. -moz-transition-duration:0.5s;
  199. -webkit-transition-duration:0.5s;
  200. -o-transition-duration:0.5s;
  201. }
  202.  
  203. a:hover {
  204. color:{color:hover};
  205. text-decoration:italics;
  206. -moz-transition-duration:0.5s;
  207. -webkit-transition-duration:0.5s;
  208. -o-transition-duration:0.5s;
  209. }
  210.  
  211.  
  212. #tags {
  213. float:left;
  214. width:489px;
  215. margin-top:-7px;
  216. margin-left:5px;
  217. text-align:left;
  218. font-size:10px;
  219. padding:5px;
  220. font-size:8px;
  221. opacity:1;
  222. transition-duration: 0.5s;
  223. -moz-transition-duration: 0.5s;
  224. -webkit-transition-duration: 0.5s;
  225. -o-transition-duration: 0.5s
  226. color:{color:background};
  227. }
  228.  
  229.  
  230.  
  231.  
  232. #entries {
  233. padding:2px;
  234. width:500px;
  235. margin-left:150px;
  236. margin-top:5px;
  237. font-size:12px;
  238. font-family: {font:body};
  239. letter-spacing:0px;
  240. }
  241.  
  242. #post {
  243. width:500px;
  244. padding-bottom:10px;
  245. padding:20px;
  246. margin-top:20px;
  247. background-color:{color:postbg};
  248. }
  249. border:0px double {color:border};
  250.  
  251. }
  252.  
  253.  
  254. #info {
  255. width:495px;
  256. margin-top:20px;
  257. margin-bottom: 2px;
  258. padding:2px;
  259. margin-left:-5px;
  260. font-size:9px;
  261. color:{color:text};
  262. background-color: {color:posts};
  263. text-transform:lowercase;
  264. font-style:normal;
  265. letter-spacing:2px;
  266. text-align:right;
  267. border:2px double {color:border};
  268. }
  269.  
  270. #info a {
  271. color:{color:text};
  272. text-align:center;
  273. letter-spacing:1px;
  274. font-style:normal;
  275. }
  276.  
  277. #info a:hover {
  278. color:{color:hover};
  279. }
  280.  
  281. .ask {
  282. padding:10px;
  283. text-align:left;
  284. color:{color:text};
  285. background-color:{color:posts};
  286. border-bottom:3px solid {color:border};
  287. }
  288.  
  289. .ans {
  290. text-align:left;
  291. padding:10px;
  292. color:{color:text};
  293. }
  294.  
  295. #credit {
  296. position:fixed;
  297. font-size:22px;
  298. right:10px;
  299. bottom:10px;
  300. text-align:center;
  301. }
  302.  
  303. #credit a {
  304. padding:3px;
  305. color:{color:text};
  306. background-color:transparent;
  307. -moz-transition-duration:0.5s;
  308. -webkit-transition-duration:0.5s;
  309. -o-transition-duration:0.5s;
  310. }
  311.  
  312. b, strong {color:{color:text}}
  313. i, em {color:{color:text}}
  314. p {margin-top:5px; margin-bottom:5px}
  315. blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 20px}
  316.  
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324. </style>
  325.  
  326. <body>
  327.  
  328. <div id="stuff">
  329.  
  330. <div id="title"><a href="/"><img src="{image:title}"></a></div>
  331. <div id="leftsb"><img src="{image:leftsb}"></div>
  332. <div id="rightsb"><img src="{image:rightsb}"></div>
  333.  
  334. <div id="sideimg1"><img src="{image:sideimg1}"></div>
  335. <div id="sideimg2"><img src="{image:sideimg2}"></div>
  336.  
  337.  
  338. <div id="description"><br>{block:Description}<center><div id="pagination">{block:Pagination}{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}</div></center>{Description}{/block:Description}<br></div>
  339.  
  340.  
  341. <div id="sidebarli">
  342. <div id="navi">
  343. <a href="/navi"><img src="{image:navi}"></a><br><br></div>
  344. <div id="submit">
  345. <a href="/submit"><img src="{image:submit}"></a></br><br></div>
  346. <div id="ask">
  347. <a href="/ask"><img src="{image:ask}"></a><br><br></div>
  348.  
  349.  
  350.  
  351. </div>
  352. </div>
  353. </div
  354. </div>
  355.  
  356. </div>
  357. <div id="entries">{block:Posts}<div id="post">
  358.  
  359. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  360.  
  361. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  362.  
  363. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  364.  
  365. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  366.  
  367. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  368.  
  369. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  370.  
  371. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  372.  
  373. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  374.  
  375. {block:Answer}<div class="ask"><b><u>{Asker}</u></b> asked - <code><i>"{Question}"</i></code></div><div class="ans">{Answer}</div>{/block:answer}
  376.  
  377. <div id="info">
  378. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  379. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  380. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br></div>{block:HasTags}<div id="tags">
  381.  
  382. {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  383. </div>{block:HasTags}
  384.  
  385. </div>
  386. {block:PostNotes}{PostNotes}{/block:PostNotes}
  387. {/block:Posts}</div>
  388.  
  389. </body>
  390.  
  391. <div id="credit"><a href="http://sailorslayer.tumblr.com/">&dagger;</a></div>
  392. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement