Advertisement
Maliklmore

Current Theme

Aug 5th, 2013
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.83 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  5.  
  6. <style>
  7.  
  8. div#qTip {
  9.  
  10. display: none;
  11.  
  12. text-align: center;
  13.  
  14. position: absolute;
  15.  
  16. font-size:9px;
  17.  
  18. line-height:10px;
  19.  
  20. font-family:cambria;
  21.  
  22. text-transform:uppercase;
  23.  
  24. z-index: 1000;
  25.  
  26. background: white;
  27.  
  28. color: #acc2c7;
  29.  
  30. text-transform:normal;
  31.  
  32. letter-spacing: 1px;
  33.  
  34. }
  35. </style>
  36.  
  37.  
  38. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  39. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  40. <head><title>{Title}</title>
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  45.  
  46.  
  47. <meta name="color:Background" content="#ffffff"/>
  48. <meta name="color:Sidebar" content="#ffffff"/>
  49. <meta name="color:Text" content="#a8a8a8"/>
  50. <meta name="color:Link" content="#b8b8b8"/>
  51. <meta name="color:Tags" content="f0f0f0"/>
  52. <meta name="color:Hover" content="#f2f2f2"/>
  53. <meta name="color:Line" content="#f2f2f2"/>
  54. <meta name="color:Border" content="#e4e4e4"/>
  55. <meta name="color:Post" content="#ffffff"/>
  56. <meta name="color:Answer" content="#f8f8f8"/>
  57. <meta name="image:sidebar" content=""/>
  58. <meta name="image:sidebar2" content=""/>
  59. <meta name="image:updates tab" content=""/>
  60. <meta name="image:bg" content=""/>
  61. <meta name="image:Link1" content=""/>
  62. <meta name="image:Link2" content=""/>
  63. <meta name="image:Link3" content=""/>
  64. <meta name="image:Link4" content=""/>
  65. <meta name="image:Link5" content=""/>
  66. <meta name="text:Name" content=""/>
  67. <meta name="text:About Link" content=""/>
  68. <meta name="text:Link 1" content="" />
  69. <meta name="text:Link 1 Text" content="Link1" />
  70. <meta name="text:Link 2" content="" />
  71. <meta name="text:Link 3" content="" />
  72. <meta name="text:Link 3 Text" content="Link3" />
  73. <meta name="text:Link 4" content="" />
  74. <meta name="text:Link 4 Text" content="Link4" />
  75. <meta name="text:Link 5" content="" />
  76. <meta name="text:Link 5 Text" content="Link5" />
  77. <meta name="text:Link 2 Text" content="Link2" />
  78. <meta name="color:scrollbarbg" content="ffffff"/>
  79.  
  80.  
  81. <style type="text/css">
  82.  
  83. /* --- SCROLLBAR ---*/
  84.  
  85. ::-webkit-scrollbar {
  86. width: 5px;height: 5px;}
  87. ::-webkit-scrollbar-button:start:decrement,
  88. ::-webkit-scrollbar-button:end:increment {
  89. height: 6px;display: block;background-color: {color:white};}
  90. ::-webkit-scrollbar-track-piece {
  91. background-color: {color:scrollbarbg};}
  92. ::-webkit-scrollbar-thumb:vertical {
  93. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  94.  
  95.  
  96.  
  97.  
  98.  
  99. /* --- BODY ---*/
  100.  
  101. body {
  102. background:{color:background};
  103. margin:0px;
  104. color:{color:text};
  105. font-family:Calibri;
  106. font-size:9px;
  107. line-height:100%;
  108. }
  109.  
  110. a {
  111. text-decoration:none;
  112. outline:none;
  113. -moz-outline-style:none;
  114. color:{color:link};
  115. }
  116.  
  117. img {
  118. border:none;
  119. }
  120.  
  121. blockquote {
  122. padding-left:5px;
  123. border-left:2px solid;
  124. }
  125.  
  126. blockquote blockquote {
  127. padding-left:5px;
  128. border-left:2px solid;
  129. }
  130.  
  131. h1 {
  132. font-size:9px;
  133. text-transform:uppercase;
  134. }
  135.  
  136. a:hover {
  137. opacity:10;
  138. color:{color:hover};
  139. -webkit-transition: all 0.7s ease;
  140. -moz-transition: all 0.7s ease;
  141. -o-transition: all 0.7s ease
  142. }
  143.  
  144.  
  145. /* --- POST ENTRIES ---*/
  146.  
  147.  
  148. #entries {
  149. padding:10px;
  150. width:500px;
  151. margin-left:450px;
  152. margin-top:40px;
  153. font-size:10px;
  154. }
  155.  
  156. /* --- BODY: POSTS ---*/
  157.  
  158.  
  159. #post {
  160. width:500px;
  161. padding-bottom:20px;
  162. padding:10px;
  163. margin-top:15px;
  164. background-color:{color:Post};
  165. }
  166.  
  167. /* --- SIDEBAR IMAGE ---*/
  168.  
  169.  
  170. #sidebar {
  171. width:250px;
  172. height:35%;
  173. position:fixed;
  174. margin-left:120px;
  175. margin-top:160px;
  176. opacity:.80;
  177. background-color:{color:Sidebar};
  178. }
  179.  
  180. #sidebarimage img {
  181. -webkit-transition: all 0.6s ease-in-out;
  182. -moz-transition: all 0.6s ease-in-out;
  183. -o-transition: all 0.6s ease-in-out;
  184. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  185. margin-left:50px;
  186. opacity:1;
  187. width:100px;
  188. padding:2px;
  189. -webkit-filter: Grayscale(100%);
  190. background-color:{color:Sidebar};
  191. }
  192.  
  193. #sidebar:hover #sidebarimage img {
  194. -webkit-filter: Grayscale(0%);
  195. }
  196.  
  197.  
  198. #sidebarimage2 img {
  199. -webkit-transition: all 0.6s ease-in-out;
  200. -moz-transition: all 0.6s ease-in-out;
  201. -o-transition: all 0.6s ease-in-out;
  202. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  203. margin-left:50px;
  204. margin-top:5px;
  205. opacity:1;
  206. width:100px;
  207. padding:2px;
  208. -webkit-filter: Grayscale(100%);
  209. background-color:{color:Sidebar};
  210. }
  211.  
  212. #sidebar:hover #sidebarimage2 img {
  213. -webkit-filter: Grayscale(0%);
  214. }
  215.  
  216.  
  217. /* --- SIDEBAR LINKS ---*/
  218.  
  219. #links {
  220. width:28px;
  221. height:165px;
  222. padding: 9px;
  223. font-size:1px;
  224. font-family:'calibri';
  225. text-align:center;
  226. margin-top:-228px;
  227. margin-left:0px;
  228. text-align:center;
  229. text-transform:uppercase;
  230. position:fixed;
  231. padding-bottom:7px;
  232. background:transparent;
  233. }
  234.  
  235. .links a {
  236. font-size: 8px;
  237. }
  238.  
  239. .links a:hover {
  240. color:{color:Hover}
  241. }
  242.  
  243. #links a:hover {
  244. color:#000;
  245. }
  246.  
  247. #link1 img {
  248. width:30px;
  249. padding-bottom:3px;
  250. -webkit-transition: all 0.4s ease-in-out;
  251. -moz-transition: all 0.4s ease-in-out;
  252. -o-transition: all 0.4s ease-in-out;
  253. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  254. }
  255.  
  256. #link1 img:hover {
  257. transform: rotate(360deg);
  258. -ms-transform: rotate(360deg);
  259. -webkit-transform: rotate(360deg);
  260. -o-transform: rotate(360deg);
  261. -moz-transform: rotate(360deg);
  262. -webkit-transition: all 0.4s ease-in-out;
  263. -moz-transition: all 0.4s ease-in-out;
  264. -o-transition: all 0.4s ease-in-out;
  265. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  266. }
  267.  
  268.  
  269. #link2 img {
  270. width:30px;
  271. padding-bottom:4px;
  272. -webkit-transition: all 0.4s ease-in-out;
  273. -moz-transition: all 0.4s ease-in-out;
  274. -o-transition: all 0.4s ease-in-out;
  275. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  276. }
  277.  
  278. #link2 img:hover {
  279. transform: rotate(360deg);
  280. -ms-transform: rotate(360deg);
  281. -webkit-transform: rotate(360deg);
  282. -o-transform: rotate(360deg);
  283. -moz-transform: rotate(360deg);
  284. -webkit-transition: all 0.4s ease-in-out;
  285. -moz-transition: all 0.4s ease-in-out;
  286. -o-transition: all 0.4s ease-in-out;
  287. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  288. }
  289.  
  290. #link3 img {
  291. width:30px;
  292. padding-bottom:4px;
  293. -webkit-transition: all 0.4s ease-in-out;
  294. -moz-transition: all 0.4s ease-in-out;
  295. -o-transition: all 0.4s ease-in-out;
  296. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  297. }
  298.  
  299. #link3 img:hover {
  300. transform: rotate(360deg);
  301. -ms-transform: rotate(360deg);
  302. -webkit-transform: rotate(360deg);
  303. -o-transform: rotate(360deg);
  304. -moz-transform: rotate(360deg);
  305. -webkit-transition: all 0.6s ease-in-out;
  306. -webkit-transition: all 0.4s ease-in-out;
  307. -moz-transition: all 0.4s ease-in-out;
  308. -o-transition: all 0.4s ease-in-out;
  309. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  310. }
  311.  
  312. #link4 img {
  313. width:30px;
  314. padding-bottom:3px;
  315. -webkit-transition: all 0.4s ease-in-out;
  316. -moz-transition: all 0.4s ease-in-out;
  317. -o-transition: all 0.4s ease-in-out;
  318. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  319. }
  320.  
  321. #link4 img:hover {
  322. transform: rotate(360deg);
  323. -ms-transform: rotate(360deg);
  324. -webkit-transform: rotate(360deg);
  325. -o-transform: rotate(360deg);
  326. -moz-transform: rotate(360deg);
  327. -webkit-transition: all 0.6s ease-in-out;
  328. -webkit-transition: all 0.4s ease-in-out;
  329. -moz-transition: all 0.4s ease-in-out;
  330. -o-transition: all 0.4s ease-in-out;
  331. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  332. }
  333.  
  334. #link5 img {
  335. width:30px;
  336. padding-bottom:3px;
  337. -webkit-transition: all 0.4s ease-in-out;
  338. -moz-transition: all 0.4s ease-in-out;
  339. -o-transition: all 0.4s ease-in-out;
  340. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  341. }
  342.  
  343. #link5 img:hover {
  344. transform: rotate(360deg);
  345. -ms-transform: rotate(360deg);
  346. -webkit-transform: rotate(360deg);
  347. -o-transform: rotate(360deg);
  348. -moz-transform: rotate(360deg);
  349. -webkit-transition: all 0.6s ease-in-out;
  350. -webkit-transition: all 0.4s ease-in-out;
  351. -moz-transition: all 0.4s ease-in-out;
  352. -o-transition: all 0.4s ease-in-out;
  353. -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
  354. }
  355.  
  356.  
  357.  
  358. /* --- DESCRIPTION ---*/
  359.  
  360. #description {
  361. opacity:1;
  362. letter-spacing:2px;
  363. word-spacing:5px;
  364. position:fixed;
  365. font-family:cambria;
  366. line-height:100%;
  367. font-size:10px;
  368. width:70px;
  369. margin-top:-200px;
  370. padding:10px;
  371. margin-left:150px;
  372. text-align:justify;
  373. color:{color:text};
  374. -webkit-transition: all 0.6s ease-in-out;
  375. -moz-transition: all 0.6s ease-in-out;
  376. -o-transition: all 0.6s ease-in-out;
  377. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
  378. }
  379.  
  380.  
  381. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  382. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  383.  
  384. /* --- PAGINATION---*/
  385.  
  386.  
  387. #pagination {
  388. color:pink;
  389. width:100px;
  390. font-size:9px;
  391. text-align:center;
  392. margin-left:50px;
  393. margin-top:10px;
  394. position:fixed;
  395. font-family:consolas;
  396. letter-spacing:0px;
  397. }
  398.  
  399. /* --- POST INFO ---*/
  400.  
  401.  
  402. #info {
  403. text-align:right;
  404. margin-top:10px;
  405. text-transform:uppercase;
  406. font-size:8px;
  407. font-style:none;
  408. border-top:1px solid {color:Line}
  409. }
  410.  
  411. /* --- POST TAGS---*/
  412.  
  413.  
  414. #tags {
  415. font-family:cambria;
  416. letter-spacing:0px;
  417. text-transform:lowercase;
  418. font-size:10px;
  419. font-style:italic;
  420. margin-top:4px;
  421. text-align:right;
  422. }
  423.  
  424. #tags
  425. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  426. -webkit-transition: all 0.6s ease-in-out;
  427. -moz-transition: all 0.6s ease-in-out;
  428. -o-transition: all 0.6s ease-in-out;
  429. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  430.  
  431.  
  432. /* --- QUESTIONS ---*/
  433.  
  434. #asker {
  435. padding:5px;
  436. font-family:cambria;
  437. letter-spacing:1px;
  438. text-align:left;
  439. margin-left:10px;
  440. border-left:3px #eee solid;
  441. background-color:{color:background}
  442. }
  443.  
  444. #omg {
  445. text-align: center;
  446. font-size: 10px;
  447. position:fixed;
  448. left:15px;
  449. top:-40px;
  450. -webkit-transition: all .5s ease-in-out;
  451. -moz-transition: all .5s ease-in-out;
  452. -o-transition: all .5s ease-in-out;
  453. z-index:999;
  454. }
  455.  
  456. #omg:hover {top:0px;}
  457.  
  458. #lol {
  459. border-right-style:solid;
  460. border-bottom-style:solid;
  461. border-left-style:solid;
  462. border-width:1px;
  463. border-color:#FFFFFF;
  464. padding: 0px 0 0px 0;
  465. background: #fff;
  466. width:150px;
  467. height:auto;
  468. z-index: 9999;
  469. }
  470.  
  471. #loltab img {
  472. text-align: center;
  473. color:#454545;
  474. height:30px;
  475. padding: 2px 0 8px 0;
  476. background:#fff;
  477. width:100px;
  478. height:auto;
  479. }
  480.  
  481.  
  482. {CustomCSS}</style>
  483.  
  484. <link rel="shortcut icon" href="{text:favicon link}">
  485. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  486. <meta name="viewport" content="width=720" />
  487.  
  488. </head><body>
  489.  
  490. <div id="omg">
  491. <div id="lol"> <center>
  492. <p>
  493. <center> <b>
  494. U P D A T E S
  495. <br>
  496. Put all your information for the updates tab here!!
  497. <br><br>
  498. </center></div>
  499. <div id="loltab">
  500. <img src="{image:updates tab}"></div>
  501. </div>
  502.  
  503. <div id="sidebar">
  504. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  505. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  506.  
  507.  
  508. <div id="description">
  509. <a href="{text:About Link}"><div style="color:#acc2c7;"><center><big>+{text:Name}</big></center></div></a><br>
  510. {Description}
  511. </div>
  512.  
  513.  
  514. <div id="links">
  515. <div id="link1"><a href="{text:Link 1}" title={text:Link 1 Text}>{text:Link 1 Text}<img src="{image:link1}"</a>}</div>
  516. <div id="link2"><a href="{text:Link 2}" title={text:Link 2 Text}>{text:Link 2 Text}<img src="{image:link2}"</a></div>
  517. <div id="link3"><a href="{text:Link 3}" title={text:Link 3 Text}>{text:Link 3 Text}<img src="{image:link3}"</a></div>
  518. <div id="link4"><a href="{text:Link 4}" title={text:Link 4 Text}>{text:Link 4 Text}<img src="{image:link4}"</a></div>
  519. <div id="link5"><a href="{text:Link 5}" title={text:Link 5 Text}>{text:Link 5 Text}<img src="{image:link5}"</a></div>
  520. </div>
  521.  
  522.  
  523. {block:Pagination}<div id="pagination">
  524. {block:PreviousPage}<a href="{PreviousPage}">present</a>&nbsp;|{/block:PreviousPage}
  525. {block:NextPage}<a href="{NextPage}">past</a>{/block:NextPage}
  526. </div>{/block:Pagination}
  527.  
  528. </div>
  529.  
  530. <div id="entries">{block:Posts}<div id="post">
  531.  
  532. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  533.  
  534. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{/block:Photo}
  535.  
  536. {block:Photoset}{Photoset-500}{/block:Photoset}
  537.  
  538. {block:Quote}{Quote}{/block:Quote}
  539.  
  540. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  541.  
  542. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  543.  
  544. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  545. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  546. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  547. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  548. {/block:Audio}
  549.  
  550. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  551.  
  552. {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;">{Asker} sent something and i probs screamed: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  553.  
  554. <div id="info">
  555. <br>posted <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>
  556. {block:HasTags}<div id="tags">More Like This:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  557. {/block:Posts}
  558. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  559. {/block:Posts}</div></div></div>
  560.  
  561.  
  562. <!--
  563. THEME MAKER CREDIT
  564. -->
  565.  
  566. <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family:cambria;"><a href="http://themesbymaliklmore.tumblr.com/">MALIKLMORE</a></center></div>
  567.  
  568.  
  569. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement