Advertisement
kissingliamsthemes

THEME 6

Jun 30th, 2014
218
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.29 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.  
  9.  
  10. <!-- THEME BY KISSINGLIAMS, THANK YOU FOR USING;
  11. PLEASE DO NOT REMOVE CREDIT OR STEAL THIS THEME! -->
  12.  
  13. <!-- COLORS -->
  14.  
  15. <meta name="color:text" content="#777777"/>
  16. <meta name="color:link" content="#313131"/>
  17. <meta name="color:linkhover" content="#ffffff"/>
  18. <meta name="color:scrollbar" content="#ececec"/>
  19. <meta name="color:selection" content="#000000"/>
  20. <meta name="color:linkbg" content="#ececec"/>
  21. <!-- FONTS -->
  22.  
  23. <meta name="font:title" content="Cambria" />
  24. <meta name="font:body" content="calibri" />
  25. <meta name="font:pagination" content="calibri" />
  26.  
  27. <!-- IMAGES -->
  28.  
  29. <meta name="image:sidebar" content=""/>
  30.  
  31. <!-- LINKS -->
  32.  
  33. <meta name="text:link 1" content="link 1"/>
  34. <meta name="text:link 1 url" content="/" />
  35. <meta name="text:link 2" content="link 2"/>
  36. <meta name="text:link 2 url" content="/" />
  37. <meta name="text:link 3" content="link 3"/>
  38. <meta name="text:link 3 url" content="/" />
  39.  
  40. <!-- TEXT -->
  41.  
  42. <meta name="text:subtitle" content="subtitle"/>
  43.  
  44.  
  45.  
  46. <style type="text/css">
  47.  
  48. ::selection {background: #fff; color:{color:selection};}
  49. ::-moz-selection {background: #fff; color:{color:selection};}
  50. ::-webkit-selection {background: #fff; color:{color:selection};}
  51.  
  52. ::-webkit-scrollbar-thumb {background-color: {color:scrollbar}; border: 3px solid #fff; height:auto; border-bottom:none;}
  53.  
  54. ::-webkit-scrollbar {height:9px;width:9px;background-color:{color:scrollbar}; border:4px solid #fff;}
  55.  
  56. ::selection {background-color:#fff;}
  57.  
  58.  
  59. @import url(http://fonts.googleapis.com/css?family=Grand+Hotel);
  60.  
  61. body, a, a:hover {cursor: url(http://media.tumblr.com/8d531d6c90214f7c87dbff371fc474bc/tumblr_inline_mmsrpsNO3J1qz4rgp.png), auto;}
  62.  
  63.  
  64. /* --- BODY ---*/
  65.  
  66. body {
  67. font-style:none;
  68. background:#fff;
  69. margin:0px; color:{color:text};
  70. font-family:calibri;
  71. font-size:11px;
  72. line-height:100%;
  73. }
  74.  
  75. blockquote {
  76. border-left:2px solid #ddd;
  77. padding-left:2px;
  78. margin:10px;
  79. }
  80.  
  81. a {
  82. color:{color:link}
  83. }
  84.  
  85. a {
  86. text-decoration:none;
  87. -webkit-transition:all .3s ease-in-out;
  88. -moz-transition:all .3s ease-in-out;
  89. -o-transition:all .3s ease-in-out;
  90. -ms-transition:all .3s ease-in-out;
  91. transition:all .3s ease-in-out;
  92. }
  93.  
  94. a:hover {
  95. color:{color:linkhover}
  96. }
  97.  
  98. img {none;}
  99.  
  100.  
  101. h1 , h2 {
  102. font-family: calibri;
  103. text-transform:none;
  104. font-size:9px;
  105. line-height:100%;
  106. letter-spacing:1px;
  107. text-align:left;
  108. text-transform:uppercase;
  109. }
  110.  
  111. #entries {
  112. padding:10px;
  113. width:430px;
  114. margin-left:510px;
  115. margin-top:50px;
  116. position:auto;
  117.  
  118. }
  119.  
  120. #post {
  121. width:400px;
  122. font-style:none;
  123. padding:20px;
  124. padding-bottom:5px;
  125. margin-bottom:10px;
  126. }
  127.  
  128. #post:hover #tags {
  129. opacity:1;
  130. margin-top:0px;
  131. -webkit-transition:all .3s ease-in-out;
  132. -moz-transition:all .3s ease-in-out;
  133. -o-transition:all .3s ease-in-out;
  134. -ms-transition:all .3s ease-in-out;
  135. transition:all .3s ease-in-out;
  136. }
  137.  
  138.  
  139. /* --- SIDEBAR ---*/
  140.  
  141.  
  142. .sidebar {
  143. width:100px;
  144. height:250px;
  145. position:fixed;
  146. margin-left:180px;
  147. margin-top:100px;
  148. }
  149.  
  150.  
  151. .sidebarimage img {
  152. margin-left:80px;
  153. width:120px;
  154. margin-top:0px;
  155. }
  156.  
  157. .sidebar:hover #links {
  158. opacity:1;
  159. -webkit-transition:all .3s ease-in-out;
  160. -moz-transition:all .3s ease-in-out;
  161. -o-transition:all .3s ease-in-out;
  162. -ms-transition:all .3s ease-in-out;
  163. transition:all .3s ease-in-out;
  164. }
  165.  
  166.  
  167. #description {
  168. margin-left: 80px;
  169. margin-top:25px;
  170. width:120px;
  171. line-height: 150%;
  172. text-align:justify;
  173. font-family:calibri;
  174. font-size:10px;
  175. font-style:none;
  176. letter-spacing:0px;
  177. position:fixed;
  178. }
  179.  
  180. #title {
  181. margin-top:10px;
  182. font-family:calibri;
  183. font-size:9px;
  184. letter-spacing:0px;
  185. text-transform:uppercase;
  186. width:120px;
  187. text-align:center;
  188. margin-left:80px;
  189. }
  190.  
  191.  
  192. /* --- LINKS ---*/
  193.  
  194. #links {
  195. font-family: calibri;
  196. margin-top:-12px;
  197. margin-left:80px;
  198. letter-spacing:0px;
  199. width:120px;
  200. position:fixed;
  201. text-align:center;
  202. background:#fff;
  203. opacity:0;
  204. -webkit-transition:all .3s ease-in-out;
  205. -moz-transition:all .3s ease-in-out;
  206. -o-transition:all .3s ease-in-out;
  207. -ms-transition:all .3s ease-in-out;
  208. transition:all .3s ease-in-out;
  209. }
  210.  
  211. #links a {
  212. margin-bottom:1px;
  213. font-size:8px;
  214. padding:2px;
  215. padding-right:6px;
  216. padding-left:6px;
  217. text-align:center;
  218. text-transform:uppercase;
  219. }
  220.  
  221. #links a:hover {
  222. background:{color:linkbg};
  223. }
  224. /* --- POSTS ---*/
  225.  
  226.  
  227.  
  228. #questions {
  229. background-color:#ffffff;
  230. margin-top:5px;
  231. margin-bottom:5px;
  232. font-family: calibri;
  233. font-size:11px;
  234. text-align:center;
  235. }
  236.  
  237. #answer {
  238. font-family:calibri;
  239. font-size:11px;
  240. font-style:none;
  241. text-align:left;
  242. }
  243.  
  244. .note {
  245. padding:0px 20px 0px 20px;
  246. background-color:#FFFFFF;
  247. text-transform:lowercase;
  248. letter-spacing:0px;
  249. font-size: 8px;
  250. font-style:normal;
  251. text-align:left;
  252. line-height:120%;
  253. }
  254.  
  255. .note li {
  256. list-style-type:none;
  257. padding:5px 25px 5px 25px;
  258. text-align:left;
  259. margin-right:30px;
  260. margin-top:-50px;
  261. }
  262.  
  263. #NoteCount {
  264. text-align:center;
  265. margin-top:0px;
  266. padding-top:0px;
  267. padding:0px;
  268. padding-bottom:-10px;
  269. text-transform:uppercase;
  270. font-style:none;
  271. font-size:8px;
  272. line-height:100%;
  273. }
  274.  
  275.  
  276.  
  277. #info {
  278. font-family:calibri;
  279. text-align:left;
  280. margin-top:10px;
  281. padding-top:2px;
  282. padding:2px;
  283. padding-bottom:3px;
  284. text-transform:uppercase;
  285. font-style:none;
  286. font-size:8px;
  287. line-height:100%;
  288. letter-spacing:1px;
  289. border:1px; border-width:1px; border-style:solid; border-color:#ddd; border-left:none; border-right:none;
  290.  
  291. }
  292.  
  293. #sources {
  294. font-family:calibri;
  295. text-align:center;
  296. margin-top:10px;
  297. padding-bottom:-10px;
  298. text-transform:uppercase;
  299. font-style:none;
  300. font-size:8px;
  301. letter-spacing:0px;
  302. }
  303.  
  304. #tags {
  305. font-family:calibri;
  306. text-align:center;
  307. margin-top:0px;
  308. margin-left:0px;
  309. padding-bottom:-5px;
  310. text-transform:uppercase;
  311. font-style:none;
  312. font-size:10px;
  313. letter-spacing:0px;
  314. padding-left:2px;
  315. opacity:0;
  316. -webkit-transition:all .3s ease-in-out;
  317. -moz-transition:all .3s ease-in-out;
  318. -o-transition:all .3s ease-in-out;
  319. -ms-transition:all .3s ease-in-out;
  320. transition:all .3s ease-in-out;
  321. }
  322.  
  323. #audioplayer {
  324. margin-bottom:0px;
  325. margin-left:0px;
  326. position:absolute;
  327. opacity:0.4;
  328. }
  329.  
  330. #caption {
  331. margin-left:0px;
  332. margin-top:30px;
  333. padding-bottom:5px;
  334. font-family:calibri;
  335. }
  336.  
  337. /* --- NAV ---*/
  338.  
  339. #pagi
  340. {
  341. font-size:14px;
  342. margin-top:540px;
  343. margin-left:540px;
  344. width:400px;
  345. height:40px;
  346. padding-top:20px;
  347. font-family:calibri;
  348. text-align:center;
  349. letter-spacing:5px;
  350. position:fixed;
  351. background:#fff;
  352. }
  353.  
  354.  
  355.  
  356.  
  357. /* --- CREDIT ---*/
  358.  
  359.  
  360. #mine {
  361. position:fixed;
  362. width:65px;
  363. font-family:calibri;
  364. font-size:9px;
  365. line-height:150%;
  366. right:0px;
  367. bottom:5px;
  368. text-align:center;
  369. font-style:none;
  370. text-transform:uppercase;
  371. letter-spacing:2px;
  372. height:14px;
  373. padding-bottom:1px;
  374. }
  375.  
  376.  
  377.  
  378.  
  379. {CustomCSS}</style></head><body>
  380.  
  381. <script type="text/javascript">
  382. WebFontConfig = {
  383. google: { families: [ 'Grand+Hotel::latin' ] }
  384. };
  385. (function() {
  386. var wf = document.createElement('script');
  387. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  388. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  389. wf.type = 'text/javascript';
  390. wf.async = 'true';
  391. var s = document.getElementsByTagName('script')[0];
  392. s.parentNode.insertBefore(wf, s);
  393. })(); </script>
  394.  
  395.  
  396.  
  397. <div class="sidebar">
  398.  
  399.  
  400. <div class="sidebarimage"><img src="{image:sidebar}"/></div>
  401.  
  402. <div id="description">{Description}</div>
  403.  
  404. <div id="title">{title}</div>
  405.  
  406. <div id="links">
  407. <a href="{text:link 1 url}">{text:link 1}</a>
  408. <a href="{text:link 2 url}">{text:link 2}</a>
  409. <a href="{text:link 3 url}">{text:link 3}</a>
  410.  
  411. </div>
  412.  
  413. </div>
  414. <div id="pagi"> {block:Pagination}
  415. {block:PreviousPage}
  416. <a href="{PreviousPage}">←</a>
  417. {/block:PreviousPage}
  418.  
  419. {block:JumpPagination length="10"}
  420. {block:CurrentPage}
  421. <span class="current_page">{PageNumber}</span>
  422. {/block:CurrentPage}
  423.  
  424. {block:JumpPage}
  425. <a class="jump_page" href="{URL}">{PageNumber}</a>
  426. {/block:JumpPage}
  427. {/block:JumpPagination}
  428.  
  429. {block:NextPage}
  430. <a href="{NextPage}">→</a>
  431. {/block:NextPage}
  432. {/block:Pagination}
  433. </div>
  434.  
  435.  
  436. <div id="scrollbar">{scrollbar}</div>
  437.  
  438. {block:HasPages}{block:Pages}
  439.  
  440. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  441.  
  442. </div></center></div></a>
  443.  
  444. <div id="entries">{block:Posts}<div id="post">
  445.  
  446. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  447.  
  448. {block:blockquote}{/block:blockquote}
  449.  
  450. {block:Photo}
  451. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  452. {/block:Photo}
  453.  
  454. {block:Photoset}
  455. <center>{Photoset-400}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  456. {/block:Photoset}
  457.  
  458. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  459.  
  460. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  461.  
  462. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}{/block:Chat}
  463.  
  464.  
  465. {block:Audio}<div id= "audioplayer">{AudioPlayergrey}</div><div id="caption">{block:Caption}{Caption}{/block:Caption}{block:Artist}Artist: {Artist}{/block:Artist}<br><br>{block:PlayCount}Played {PlayCount} times{/block:PlayCount}</div>{/block:Audio}
  466.  
  467. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  468.  
  469. {block:Answer}<div id="questions">{Question} - <a href="{askerURL}"></a>{Asker}</div><div id="answer">{Answer}</div>{/block:answer}
  470.  
  471.  
  472. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}</a>
  473.  
  474. {block:NoteCount} <a href="{Permalink}"> / {NoteCountWithLabel} </a>{/block:NoteCount}
  475.  
  476. <div="RebloggedFrom">{block:RebloggedFrom}<a href="{ReblogParentURL}"> / Reblogged from</a>{/block:RebloggedFrom}
  477.  
  478. {block:ContentSource}<a href="{SourceURL}"> / Source </a>{/block:ContentSource}</div>
  479.  
  480. <div id="tags">
  481. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  482.  
  483. </div>
  484. {block:PostNotes}{PostNotes}{/block:PostNotes}
  485. {/block:Posts}</div>
  486.  
  487.  
  488.  
  489.  
  490. <div id="mine"><a href="http://kissingliams.tumblr.com/">KL</a></div>
  491.  
  492.  
  493.  
  494.  
  495.  
  496.  
  497.  
  498. </div>
  499. </body>
  500. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement