Advertisement
oswinoswild

THEME 15 SKELETON

Apr 27th, 2014
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.72 KB | None | 0 0
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!---- THEME 15 BY VILLAINIZES. PLEASE DON'T REMOVE/CHANGE CREDIT OR CLAIM AS YOUR OWN. ENJOY ---->
  4.  
  5.  
  6. <meta name="color:background" content="#ffffff"/>
  7. <meta name="color:text" content="#828282"/>
  8. <meta name="color:link" content="#949494"/>
  9. <meta name="color:link hover" content="e1e1e1"/>
  10. <meta name="color:linksbg" content="#e1e1e1"/>
  11. <meta name="color:border" content="#eaeaea"/>
  12.  
  13. <meta name="image:sidebar" content=""/>
  14.  
  15. <meta name="text:homelink title" content="home">
  16. <meta name="text:link1 url" content="/">
  17. <meta name="text:link1 hover" content="link 1">
  18. <meta name="text:link2 url" content="/">
  19. <meta name="text:link2 hover" content="link 2">
  20. <meta name="text:link3 url" content="/">
  21. <meta name="text:link3 hover" content="link 3">
  22. <meta name="text:link4 url" content="/">
  23. <meta name="text:link4 hover" content="link 4">
  24.  
  25. <head><title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  31.  
  32. <style>
  33. div#qTip {
  34. padding: 3px;
  35. display: none;
  36. text-align: center;
  37. position: absolute;
  38. font-size:9px;
  39. line-height:10px;
  40. font-family:baskerville;
  41. z-index: 1000;
  42. background: {color:background};
  43. border:1px solid {color:border};
  44. color: {color:text};
  45. text-transform:uppercase;
  46. letter-spacing: 1px;
  47. }
  48. </style>
  49.  
  50. <style type="text/css">
  51.  
  52. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  53.  
  54. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:#838282;}
  55. ::-webkit-scrollbar {background-color:#838282;height:7px;width:12px;border:5px solid #fff;}
  56.  
  57. body {
  58. background:{color:background};
  59. margin:0px;
  60. color:{color:text};
  61. font-family:baskerville;
  62. font-size:11px;
  63. line-height:100%;
  64. }
  65.  
  66. a {
  67. text-decoration:none;
  68. outline:none;
  69. -moz-outline-style:none;
  70. color:{color:link};
  71. -moz-transition-duration:0s;
  72. -webkit-transition-duration:0s;
  73. -o-transition-duration:0s;
  74. }
  75.  
  76. a:hover{
  77.  
  78. color:{color:link hover};
  79. -moz-transition-duration:0.5s;
  80. -webkit-transition-duration:0.5s;
  81. -o-transition-duration:0.5s;
  82. }
  83.  
  84. img {
  85. border:none;
  86. }
  87.  
  88. blockquote {
  89. padding-left:5px;
  90. border-left:2px solid;
  91.  
  92. }
  93.  
  94. blockquote blockquote {
  95. padding-left:5px;
  96. border-left:2px solid;
  97. }
  98.  
  99. h1 {
  100. font-size:7px;
  101. text-align:center;
  102. font-family:calibri;
  103. letter-spacing:1px;
  104. color:{color:text};
  105. }
  106.  
  107. h2 {
  108. font-size:7px;
  109. text-align:center;
  110. font-family:calibri;
  111. letter-spacing:1px;
  112. color:{color:text};
  113. }
  114.  
  115.  
  116. #sidebar {
  117. width:100px;
  118. position:fixed;
  119. margin-left:250px;
  120. margin-top:100px;
  121. }
  122.  
  123. #sidebarimage {
  124. position:fixed;
  125. width:100px;
  126. height:100px;
  127. margin-top:30px;
  128. margin-left:5px;
  129. }
  130.  
  131. #sidebarimage img {
  132. width:100px;
  133. height:100px;
  134. }
  135.  
  136. #links {
  137. width:100px;
  138. font-family:baskerville;
  139. margin-top:135px;
  140. padding:5px;
  141. text-align:center;
  142. word-spacing:2px;
  143. font-size:10px;
  144. display:block;
  145. color:{color:link};
  146. background-color:{color:linksbg};
  147. }
  148.  
  149. #links a {
  150. letter-spacing: 1px;
  151. padding:3px;
  152. }
  153.  
  154. #links a:hover{
  155. color:{color:hover};
  156. font-style:none;
  157. -moz-transition-duration:1s;
  158. -webkit-transition-duration:1s;
  159. -o-transition-duration:1s;
  160. }
  161.  
  162. #description {
  163. width:100px;
  164. font-size:9px;
  165. font-family:baskerville;
  166. padding:5px;
  167. text-align:center;
  168. letter-spacing:1px;
  169. line-height:90%;
  170. opacity:0;
  171. -moz-transition-duration:2s;
  172. -webkit-transition-duration:2s;
  173. -o-transition-duration:2s;
  174. }
  175.  
  176. #sidebar:hover #description {
  177. width:100px;
  178. font-size:9px;
  179. font-family:baskerville;
  180. padding:5px;
  181. text-align:center;
  182. letter-spacing:1px;
  183. line-height:90%;
  184. opacity:1;
  185. -moz-transition-duration:2s;
  186. -webkit-transition-duration:2s;
  187. -o-transition-duration:2s;
  188. }
  189.  
  190. #pagination {
  191. text-align:center;
  192. font-size:11px;
  193. margin-top:2px;
  194. margin-left:28px;
  195. width:50px;
  196. font-style:italic;
  197. opacity:0;
  198. -moz-transition-duration:2s;
  199. -webkit-transition-duration:2s;
  200. -o-transition-duration:2s;
  201. }
  202.  
  203. #pagination a:hover {
  204. text-align:center;
  205. font-size:12px;
  206. width:100px;
  207. font-style:italic;
  208. -moz-transition-duration:1s;
  209. -webkit-transition-duration:1s;
  210. -o-transition-duration:1s;
  211. }
  212.  
  213. #sidebar:hover #pagination {
  214. text-align:center;
  215. font-size:10px;
  216. margin-top:2px;
  217. margin-left:28px;
  218. width:50px;
  219. font-style:italic;
  220. opacity:1;
  221. -moz-transition-duration:2s;
  222. -webkit-transition-duration:2s;
  223. -o-transition-duration:2s;
  224. }
  225.  
  226. #entries {
  227. padding:0px;
  228. width:400px;
  229. margin-left:600px;
  230. margin-top:100px;
  231. margin-bottom:50px;
  232. font-size:11px;
  233. }
  234.  
  235. #post {
  236. width:400px;
  237. margin-top:55px;
  238. text-align:justify;
  239. font-size:9px;
  240. line-height:90%;
  241. letter-spacing:1px;
  242. color:{color:text};
  243. outline:1px solid {color:border};
  244. outline-offset:15px;
  245. }
  246.  
  247. #details {
  248. text-align:left;
  249. margin-top:8px;
  250. text-transform:uppercase;
  251. font-size:8px;
  252. font-style:none;
  253. border-top:1px solid {color:border};
  254. }
  255.  
  256. #tags {
  257. font-family:baskerville;
  258. letter-spacing:0px;
  259. text-transform:uppercase;
  260. font-size:8px;
  261. font-style:normal;
  262. margin-top:2px;
  263. text-align:right;
  264. }
  265.  
  266. #tags a {
  267. display:inline-block;
  268. padding:-3px;
  269. text-align:right;
  270. color:{color:Tags};
  271. -webkit-transition: all 0.6s ease-in-out;
  272. -moz-transition: all 0.6s ease-in-out;
  273. -o-transition: all 0.6s ease-in-out;
  274. -ms-transition: all 0.6s ease-in-out;
  275. -transition: all 0.6s ease-in-out;
  276. }
  277.  
  278.  
  279.  
  280. .note {
  281.  
  282. text-transform:lowercase;
  283. font-style:normal;
  284. letter-spacing:0px;
  285. font-size: 8px;
  286. text-align:left;
  287. line-height:90%;
  288. margin-left:-40px;
  289. }
  290.  
  291.  
  292.  
  293. .note li {
  294.  
  295. list-style-type:none;
  296. border-bottom:1px solid {color:border};
  297. padding:10px 25px 10px 25px;
  298. text-align:left;
  299. margin:0px;
  300. -moz-transition-duration:0.5s;
  301. -webkit-transition-duration:0.5s;
  302. -o-transition-duration:0.5s;
  303. }
  304.  
  305.  
  306. ul.chat, .chat ol, .chat li {
  307.  
  308. list-style:none;
  309. margin:0px;
  310. padding:2px;
  311. }
  312.  
  313. #question {
  314. float:left;
  315. padding:1px;
  316. margin-top:-2px;
  317. margin-right:5px;
  318. }
  319.  
  320. #credit {
  321. font-size:12px;
  322. font-family:calibri;
  323. font-style:normal;
  324. color:black;
  325. letter-spacing:1px;
  326. -moz-transition-duration:0s;
  327. -webkit-transition-duration:0s;
  328. -o-transition-duration:0s;
  329. }
  330.  
  331. #credit a {
  332. background-color:#fff;
  333. position:fixed;
  334. right:15px;
  335. bottom:10px
  336. }
  337.  
  338. {CustomCSS}</style></head><body>
  339.  
  340.  
  341.  
  342. <div id="sidebar">
  343.  
  344. <div id="sidebarimage"><a title="{text:homelink title}" href="/"><img src="{image:sidebar}"></a></div>
  345.  
  346. <div id="links">
  347. <a title="{text:link1 hover}" href="{text:link1 url}">I.</a>
  348. <a title="{text:link2 hover}" href="{text:link2 url}">II.</a>
  349. <a title="{text:link3 hover}" href="{text:link3 url}">III.</a>
  350. <a title="{text:link4 hover}" href="{text:link4 url}">IV.</a>
  351. </div>
  352.  
  353. <div id="description">{Description}</div>
  354.  
  355. <div id="pagination">
  356. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">exhale</a>{/block:PreviousPage}
  357. {block:NextPage}<a href="{NextPage}">inhale</a>{/block:NextPage}{/block:Pagination}
  358. </div>
  359.  
  360. </div>
  361.  
  362.  
  363. <div id="entries">{block:Posts}<div id="post">
  364.  
  365. {block:Text}<h1>{block:Title}<big><big>{Title}</big></big>{/block:Title}</h1>{Body}{/block:Text}
  366.  
  367. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  368.  
  369. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  370.  
  371. {block:Quote}<big><b><i>"{Quote}"</i></b></big>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
  372.  
  373. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  374.  
  375. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  376.  
  377. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  378.  
  379. {block:Audio}<div class="audio_container">{block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}</div>
  380. {block:Caption}<div class="caption">{Caption}</div>
  381. {/block:Caption}{/block:Audio}
  382.  
  383. {block:Answer}<div id="question"><img src="{AskerPortraitURL-24}"></div><big><i>{Asker} asked:</big></i><br>{Question}<p>{Answer}{/block:Answer}
  384.  
  385. <div id="details">
  386. <br> <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a> {block:RebloggedFrom} / <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} +<a href="{Permalink}">{NoteCount}</a>
  387. {block:HasTags}<div id="tags">filed under:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  388. {/block:Posts}
  389. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  390. {/block:Posts}</div></div></div>
  391. </div>
  392.  
  393. <div id="credit"><a href="http://villainizes.tumblr.com">©</div>
  394.  
  395. </body>
  396. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement