Advertisement
kissingliamsthemes

THEME 7

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