API tools faq
paste
keciasthemes

theme 08: REVAMPED

keciasthemes
Jul 20th, 2014
738
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.54 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8. THEMES BY KECIA @ ASSCHLIN.
  9. RULES FOR USING MY THEMES.
  10. [1]: do not remove credit / move to another page
  11. [2]: you may edit the theme, but do not steal coding.
  12. [3]: do not use any of my themes as a base code.
  13.  
  14. --------------------------------------------->
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  19. <meta name="description" content="" />
  20. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  21.  
  22.  
  23. <meta name="color:Background" content="#FFFFFF">
  24. <meta name="color: dropdown color" content="#f5f5f5">
  25. <meta name="color:Link" content="#5D5C5C">
  26. <meta name="color:Link Hover" content="#9D9D9D">
  27. <meta name="color:Text" content="#4F4E4E">
  28. <meta name="color:Scrollbar" content="#000000">
  29. <meta name="color:Blockquote" content="#EAEAEA">
  30. <meta name="color:Info Border" content="#F5F5F5">
  31. <meta name="color:Questions Border" content="#FBFBFB">
  32. <meta name="color: 1" content="#D6D5D5">
  33. <meta name="color: 2" content="#D6D5D5">
  34. <meta name="color: 3" content="#D6D5D5">
  35. <meta name="color: 4" content="#D6D5D5">
  36.  
  37. <meta name="image:Sidebar" content=""/>
  38.  
  39. <meta name="if:Show 400px posts" content="0"/>
  40.  
  41. <meta name="text:Extra Links Title" content="navigation"/>
  42.  
  43. <meta name="text:link1" content="">
  44. <meta name="text:link1 url" content="/">
  45. <meta name="text:link2" content="">
  46. <meta name="text:link2 url" content="/">
  47. <meta name="text:link3" content="">
  48. <meta name="text:link3 url" content="/">
  49. <meta name="text:link4" content="">
  50. <meta name="text:link4 url" content="/">
  51. <meta name="text:link5" content="">
  52. <meta name="text:link5 url" content="/">
  53. <meta name="text:link6" content="">
  54. <meta name="text:link6 url" content="/">
  55.  
  56.  
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  58.  
  59. <script type="text/javascript">
  60. jQuery(document).ready(function() {
  61. jQuery(".sub").hide();
  62. //toggle the componenet with class msg_body
  63. jQuery(".cthrough").click(function()
  64. {
  65. jQuery(this).next(".sub").slideToggle(500);
  66. });});
  67. </script>
  68.  
  69. <style type="text/css">
  70.  
  71. ::-webkit-scrollbar {background-color:{color:Background}; height:4px; width:6px}
  72. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px}
  73. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:8px!important}
  74.  
  75.  
  76. h1 {
  77. font-weight:normal;
  78. font-size:9px;
  79. text-align:center;
  80. font-style:italic;
  81. line-height:50%;
  82. letter-spacing:0px;
  83. font-family:arial;
  84. text-transform:none;
  85. color:{color:Text};
  86. }
  87.  
  88. h2 {
  89. font-size:10px;
  90. font-family:calibri;
  91. letter-spacing:0px;
  92. margin-bottom:12px;
  93. padding-bottom:10px;
  94. font-weight:normal;
  95. line-height:90%;
  96. text-transform:lowercase;
  97. color:{color:Text};
  98. margin: 0px;
  99. }
  100.  
  101. pre {
  102. {block:ifNotShow400pxposts}
  103. width:500px;
  104. {/block:ifNotShow400pxposts}
  105. {block:ifShow400pxposts}
  106. width:400px;
  107. {/block:ifShow400pxposts}
  108. text-align: left;
  109. word-wrap: break-word;
  110. color:{color:Text};
  111. }
  112.  
  113. blockquote {
  114. border-left:1px solid {color:Blockquote};
  115. padding-left:6px;
  116. margin:8px;
  117. }
  118.  
  119. body {
  120. color: {color:Text};
  121. background-color:{color:Background};
  122. }
  123.  
  124. a {
  125. color: {color:Link};
  126. text-decoration: none;
  127. -moz-transition-duration: 0.5s;
  128. -o-transition-duration: 0.5s;
  129. -webkit-transition-duration: 0.5s;
  130. transition-duration: 0.5s;
  131. }
  132.  
  133. a:hover {
  134. color: {color:Link Hover};
  135. -moz-transition-duration: 0.5s;
  136. -o-transition-duration: 0.5s;
  137. -webkit-transition-duration: 0.5s;
  138. transition-duration: 0.5s;
  139. }
  140.  
  141.  
  142.  
  143. .sidebar {
  144. width:245px;
  145. position: fixed;
  146. margin-top:70px;
  147. margin-left:10px;
  148. }
  149.  
  150. .sidebarimage {
  151. width:245px;
  152. margin-bottom:4px;
  153. }
  154.  
  155. /* MENU DROPDOWN by FUKUO
  156. you can adjust any of these,
  157. to your liking */
  158.  
  159.  
  160. #menu-dropdown { /* this is the whole box/dropdown*/
  161. width:240px;
  162. height:12px;
  163. padding:5px;
  164. overflow: hidden;
  165. margin:0px auto auto -2px;
  166. -webkit-transition: all 0.7s ease;
  167. -moz-transition: all 0.7s ease;
  168. -o-transition: all 0.7s ease;
  169. }
  170.  
  171. #menu-dropdown:hover {
  172. height:120px; /* adjust this to your liking. more links, higher # */
  173. -webkit-transition: all 0.4s ease;
  174. -moz-transition: all 0.4s ease;
  175. -o-transition: all 0.4s ease;}
  176.  
  177. #menu-dropdown span { /* this is your hover header */
  178. margin:-5px 0 0 -3px;
  179. display:block;
  180. width:245px;
  181. height:34px;
  182. background-color:{color: dropdown color};
  183. height:10px;
  184. padding:5px;
  185. color:{color:Text};
  186. font-family:calibri;
  187. text-transform: uppercase;
  188. font-size:8px;
  189. text-align:center;
  190. }
  191.  
  192. .menubar-drop {
  193. background-color:transparent;
  194. width:245px;
  195. height:200px;
  196. color:{color:Text};
  197. font-family:calibri;
  198. text-transform: uppercase;
  199. font-size:8px;
  200. text-align:center;
  201. padding:3% 1% 9% 3%;
  202. margin:0px 0 0 -7px;
  203. }
  204.  
  205. .menubar-drop a { /* this is your hover links */
  206. display:inline-block;
  207. font-family:calibri;
  208. font-size:8px;
  209. margin-bottom:5px;
  210. width:110px;
  211. padding:5px 5px 5px 5px;
  212. background-color:{color:Blockquote};
  213. text-decoration:none;
  214. color:{color:text};
  215. -webkit-transition: all 0.4s ease;
  216. -moz-transition: all 0.4s ease;
  217. -o-transition: all 0.4s ease;
  218. }
  219.  
  220. .menubar-drop a:hover {
  221. letter-spacing:5px;
  222. text-indent:10px; /* adjust for letter spacing */
  223. background-color:#333;
  224. -webkit-transition: all 0.4s ease;
  225. -moz-transition: all 0.4s ease;
  226. -o-transition: all 0.4s ease;
  227. }
  228.  
  229. .menubar-drop a:hover:nth-child(4n+1) {background-color:{color: 1};}
  230. .menubar-drop a:hover:nth-child(4n+2) {background-color:{color: 2};}
  231. .menubar-drop a:hover:nth-child(4n+3) {background-color:{color: 3};}
  232. .menubar-drop a:hover:nth-child(4n+4) {background-color:{color: 4};}
  233.  
  234. /* MENU DROPDOWN by FUKUO
  235. you can adjust any of these,
  236. to your liking */
  237.  
  238. .description {
  239. width:245px;
  240. padding:2px;
  241. padding-bottom:4px;
  242. line-height:10px;
  243. text-align:center;
  244. font-size:9px;
  245. font-family:arial;
  246. color:{color:Text};
  247. border-top: 1px solid #fafafa;
  248. }
  249.  
  250. .description a {
  251. color:{color:Link};
  252. }
  253.  
  254. .description a:hover {
  255. color:{color:Link Hover};
  256. }
  257.  
  258. .pagination {
  259. font-family:arial;
  260. text-align:center;
  261. font-size:9px;
  262. text-align:center;
  263. }
  264.  
  265. .pagination a {
  266. color:{color:Link};
  267. padding:3px;
  268. -moz-transition-duration: 0.5s;
  269. -o-transition-duration: 0.5s;
  270. -webkit-transition-duration: 0.5s;
  271. transition-duration: 0.5s;
  272. }
  273.  
  274. .pagination a:hover {
  275. color:{color:Link Hover};
  276. text-decoration:underline;
  277. -moz-transition-duration: 0.5s;
  278. -o-transition-duration: 0.5s;
  279. -webkit-transition-duration: 0.5s;
  280. transition-duration: 0.5s;
  281. }
  282.  
  283. .container {
  284. width:900px;
  285. margin: auto;
  286. margin-top:-8px;
  287. }
  288.  
  289. .postscontainer {
  290. {block:ifNotShow400pxposts}
  291. max-width:500px;
  292. {/block:ifNotShow400pxposts}
  293. {block:ifShow400pxposts}
  294. max-width:400px;
  295. {/block:ifShow400pxposts}
  296. margin: auto;
  297. margin-top:-60px;
  298. margin-left:350px;
  299. }
  300.  
  301. .posts {
  302. {block:ifNotShow400pxposts}
  303. width:500px;
  304. {/block:ifNotShow400pxposts}
  305. {block:ifShow400pxposts}
  306. width:400px;
  307. {/block:ifShow400pxposts}
  308. line-height:100%;
  309. font-size:10px;
  310. font-family:calibri;
  311. margin-top:120px;
  312. text-align:justify;
  313. }
  314.  
  315. .posts img {
  316. {block:ifNotShow400pxposts}
  317. max-width:500px;
  318. {/block:ifNotShow400pxposts}
  319. {block:ifShow400pxposts}
  320. max-width:400px;
  321. {/block:ifShow400pxposts}
  322. }
  323.  
  324. .info {
  325. margin-top:20px;
  326. padding-top:3px;
  327. margin-bottom:1px;
  328. text-align:left;
  329. font-size:9px;
  330. font-family:arial;
  331. color:{color:Text};
  332. border-top:1px solid {color:Info Border};
  333. }
  334.  
  335. .info a {
  336. color:{color:Link};
  337. }
  338.  
  339. .info a:hover {
  340. color:{color:Link Hover};
  341. }
  342.  
  343. .tags {
  344. {block:ifNotShow400pxposts}
  345. width:500px;
  346. {/block:ifNotShow400pxposts}
  347. {block:ifShow400pxposts}
  348. width:400px;
  349. {/block:ifShow400pxposts}
  350. opacity: .05;
  351. position:absolute;
  352. margin-top:1px;
  353. line-height:100%;
  354. font-family:arial;
  355. font-size:9px;
  356. text-align:right;
  357. -webkit-transition-duration: 1s;
  358. }
  359.  
  360. .tags a {color:{color:Link};}
  361.  
  362. .tags a:hover {color:{color:Link Hover};}
  363.  
  364. .tags a:hover:nth-child(4n+1) {color:{color: 1};}
  365. .tags a:hover:nth-child(4n+2) {color:{color: 2};}
  366. .tags a:hover:nth-child(4n+3) {color:{color: 3};}
  367. .tags a:hover:nth-child(4n+4) {color:{color: 4};}
  368.  
  369. .posts:hover .tags { opacity: 1; -webkit-transition-duration: 1s;}
  370.  
  371. .postnote {
  372. {block:ifNotShow400pxposts}
  373. width:500px;
  374. {/block:ifNotShow400pxposts}
  375. {block:ifShow400pxposts}
  376. width:400px;
  377. {/block:ifShow400pxposts}
  378. font-family:arial;
  379. text-transform:lowercase;
  380. font-size:9px;
  381. text-align:left;
  382. line-height:90%;
  383. margin-top:40px;
  384. }
  385.  
  386. .pagenotes {
  387. {block:IndexPage}
  388. display: none!important;
  389. {/block:IndexPage}
  390. {block:ifNotShow400pxposts}
  391. width:500px;
  392. {/block:ifNotShow400pxposts}
  393. {block:ifShow400pxposts}
  394. width:400px;
  395. {/block:ifShow400pxposts}
  396. text-align:left;
  397. }
  398.  
  399. .pagenotes img {
  400. display:none;}
  401. .pagenotes li {
  402. list-style-type:none;
  403. padding:5px 0px;
  404. text-align:left;
  405. margin:0 0 0 -40px;
  406. }
  407.  
  408. .music {
  409. width:500px;
  410. {block:ifShow400pxposts}
  411. width:400px;
  412. {/block:ifShow400pxposts}
  413. padding-bottom:10px;
  414. }
  415.  
  416. .albumart {
  417. float:left;
  418. padding:10px 10px 10px 0px;
  419. }
  420.  
  421. .albumart img {
  422. width:30px;
  423. padding: 3px;
  424. margin:2px 7px -3px 6px;
  425. }
  426.  
  427. .playercontainer {
  428. text-align:left;
  429. padding:5px 5px -5px;
  430. width:480px;
  431. }
  432.  
  433. .musicinfo {
  434. padding:10px;
  435. margin-top:9px;
  436. color:{color:Text};
  437. }
  438.  
  439. .quote {
  440. font-size:10px;
  441. font-family:calibri;
  442. letter-spacing:0px;
  443. line-height:90%;
  444. font-weight:normal;
  445. text-align:center;
  446. }
  447.  
  448. .source {
  449. font-family:calibri;
  450. font-size:10px;
  451. font-style:normal;
  452. text-align:center;
  453. line-height:17px;
  454. }
  455.  
  456. .chat ol {
  457. font-size:10px;
  458. font-family:calibri;
  459. line-height:100%;
  460. padding:0px;
  461. list-style:none;
  462. }
  463.  
  464. .label {
  465. font-size:10px;
  466. font-family:calibri;
  467. font-weight:bold;
  468. color:{color:Text};
  469. }
  470.  
  471. .line.odd {
  472. padding:4px;
  473. margin-bottom:2px;
  474. }
  475.  
  476. .line.even {
  477. padding:4px;
  478. margin-bottom:2px;
  479. }
  480.  
  481. .ask {
  482. font-size:10px;
  483. font-family:calibri;
  484. text-align:left;
  485. padding-top:4px;
  486. text-transform:lowercase;
  487. }
  488.  
  489. .question {
  490. {block:ifNotShow400pxposts}
  491. width:500px;
  492. {/block:ifNotShow400pxposts}
  493. {block:ifShow400pxposts}
  494. width:400px;
  495. {/block:ifShow400pxposts}
  496. letter-spacing:0px;
  497. margin-top:3px;
  498. padding-bottom:4px;
  499. text-align:justify;
  500. color:{color:Text};
  501. font-size:10px;
  502. font-family:calibri;
  503. border-bottom: 1px solid {color:Questions Border};
  504. }
  505.  
  506. .answer {
  507. {block:ifNotShow400pxposts}
  508. width:500px;
  509. {/block:ifNotShow400pxposts}
  510. {block:ifShow400pxposts}
  511. width:400px;
  512. {/block:ifShow400pxposts}
  513. letter-spacing:0px;
  514. text-align:justify;
  515. padding-top:5px;
  516. margin-bottom:1px;
  517. font-size:10px;
  518. font-family:calibri;
  519. color:{color:Text};
  520. }
  521.  
  522. .askimg {
  523. padding: 3px;
  524. margin:2px 7px -3px 6px;
  525. }
  526.  
  527. .credit {
  528. position:fixed;
  529. font-family:calibri;
  530. font-size:10px;
  531. font-weight:normal;
  532. line-height:150%;
  533. letter-spacing:0px;
  534. right:5px;
  535. bottom:20px;
  536. text-align:center;
  537. }
  538.  
  539. .credit a {
  540. font-style:normal;
  541. padding:3px;
  542. color:{color:Link};
  543. -moz-transition-duration:0.5s;
  544. -webkit-transition-duration:0.5s;
  545. -o-transition-duration:0.5s;
  546. }
  547.  
  548. </style>
  549. </head>
  550.  
  551. <body>
  552. <div class="container">
  553. <div class="sidebar">
  554. <center><a href="/">
  555. <img src="{image:sidebar}" class="sidebarimage">
  556. </a></center>
  557. <div id="menu-dropdown">
  558. <span>{text:Extra Links Title}</span>
  559. <div class="menubar-drop">
  560. <a href="/">index</a>
  561. <a href="/ask">ask</a>
  562. <a href="{text:link1 url}">{text:link1}</a>
  563. <a href="{text:link2 url}">{text:link2}</a>
  564. <a href="{text:link3 url}">{text:link3}</a>
  565. <a href="{text:link4 url}">{text:link4}</a>
  566. <a href="{text:link5 url}">{text:link5}</a>
  567. <a href="{text:link6 url}">{text:link6}</a>
  568. </div>
  569. </div>
  570.  
  571.  
  572. <div class="description">
  573. {Description}
  574. </div>
  575. {block:Pagination}
  576. <div class="pagination">
  577. {block:PreviousPage}
  578. <a href="{PreviousPage}"> back </a>
  579. {/block:PreviousPage}
  580. /
  581. {block:NextPage}
  582. <a href="{NextPage}"> next </a>
  583. {/block:NextPage}
  584. </div>
  585. {/block:Pagination}
  586. </div>
  587.  
  588.  
  589.  
  590.  
  591. <div class="postscontainer">
  592. {block:Posts}
  593.  
  594. <div class="posts">
  595.  
  596. {block:Text}
  597. {block:Title}<h2>{Title}</h2>{/block:Title}
  598. {Body}
  599. {/block:Text}
  600.  
  601. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  602.  
  603. {/block:Quote}
  604.  
  605. {block:Link}
  606. <h2><a href="{URL}">{Name}</a></h2>
  607. {block:Description}{Description}{/block:Description}
  608. {/block:Link}
  609.  
  610. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  611. </ol></div>{/block:Chat}
  612.  
  613. {block:Answer}<img src="{AskerPortraitURL-48}" width="20px" align="left" class="askimg"> <div class="ask"><span style="text-transform:lowercase;">{Asker} asked:</b></span></div> <div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:answer}
  614.  
  615. {block:Photo}
  616. {LinkOpenTag}{block:ifNotShow400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:ifNotShow400pxposts}
  617. {block:ifShow400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:ifShow400pxposts}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  618. {/block:Photo}
  619.  
  620. {block:Photoset}
  621. {block:ifNotShow400pxposts}{Photoset-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Photoset-400}{/block:ifShow400pxposts}
  622. {block:Caption}{Caption}{/block:Caption}
  623. {/block:Photoset}
  624.  
  625. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  626. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  627. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  628. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  629. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  630.  
  631. {block:Video}
  632. {block:ifNotShow400pxposts}{Video-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Video-400}{/block:ifShow400pxposts}
  633. {block:Caption}{Caption}{/block:Caption}
  634. {/block:Video}
  635.  
  636. {block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} <span style="float:right">
  637. {block:RebloggedFrom}  <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a href="{SourceURL}"></a><a href="{ReblogRootURL}"> / {ReblogRootName}</a>{/block:ContentSource} & <a href="{ReblogURL}">reblog</a>{/block:RebloggedFrom}</div>{/block:Date}
  638.  
  639. {block:HasTags}
  640. <div class="tags">
  641. <span style="float:left"><b>tagged under</b>:</span>
  642. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  643. </div>
  644. {/block:HasTags}
  645.  
  646. <div class="postnote">
  647. {block:PostNotes}{PostNotes}{/block:PostNotes}
  648. </div>
  649. {/block:Posts}
  650.  
  651.  
  652. <div class="credit"><a href="http://asschlinthemes.tumblr.com/">credit</a></div>
  653.  
  654. </div>
  655. </div>
  656. </div>
  657. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!