API tools faq
paste
Advertisement
misscharliepace

Theme 47 by myknightofflowers

misscharliepace
Aug 28th, 2014
303
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.49 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!----------------------------------------------------------------------------
  4.  
  5. *:･ﾟ✧*:･ﾟ✧Theme 44 by myknightofflowers, don't do any of the stuff you aren't supposed to do and have a lovely day*:･ﾟ✧*:･ﾟ✧
  6.  
  7. ------------------------------------------------------------------------------
  8.  
  9. MINOR MAINTENANCE - Don't forget, you need to put your URL where the "____" is on line 280 (use the numbers at the side!) or your askbox will not work
  10.  
  11. ----------------------------------------------------------------------------->
  12.  
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}" />
  17.  
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <meta name="color:text" content="#aaaaaa"/>
  21. <meta name="color:link" content="#ce9b9b"/>
  22. <meta name="color:link hover" content="#ccc"/>
  23.  
  24. <meta name="image:sidebar" content="">
  25.  
  26. <meta name="text:Your URL - for the askbox coding" content=""/>
  27. <meta name="text:III name" content=""/>
  28. <meta name="text:III content" content=""/>
  29. <meta name="text:IV name" content=""/>
  30. <meta name="text:IV content" content=""/>
  31. <meta name="text:V name" content=""/>
  32. <meta name="text:V content" content=""/>
  33.  
  34. <style type="text/css">
  35.  
  36. ::-webkit-scrollbar-thumb:vertical {
  37. background-color:#e5e5e5;
  38. height:5px;}
  39.  
  40. ::-webkit-scrollbar {
  41. height:10px;
  42. width:8px;
  43. background:white;
  44. }
  45.  
  46. body{
  47. font-family:times;
  48. font-size:10px;
  49. text-align:justify;
  50. background-color:#ffffff;
  51. color:{color:text};
  52. margin:0;
  53. }
  54.  
  55. a:link {
  56. -webkit-transition: all 0.5s ease;
  57. -moz-transition: all 0.5s ease;
  58. -o-transition: all 0.5s ease;
  59. text-decoration:none;}
  60. a:visited {text-decoration:none;}
  61. a:hover {
  62. -webkit-transition: all 0.5s ease-in-out;
  63. transition: all 0.5s ease-in-out;
  64. text-decoration:none; color:{color:link hover};
  65. }
  66. a:active {text-decoration:none;}
  67.  
  68. #cent{
  69. width:535px;
  70. margin-left:-275px;
  71. margin-top:310px;
  72. background-color:transparent;
  73. position:relative;
  74. left:50%;
  75. }
  76.  
  77. #post{
  78. opacity:1;
  79. -webkit-transition: all 1s ease-in-out;
  80. transition: all 1s ease-in-out;
  81. padding:15px;
  82. background-color:transparent;
  83. width:500px;
  84. float:left;
  85. margin-top:0px;
  86. position:relative;
  87. }
  88.  
  89. #post:hover {
  90. opacity:0.85;
  91. -webkit-transition: all 1s ease;
  92. -moz-transition: all 1s ease;
  93. -o-transition: all 1s ease;
  94. }
  95.  
  96. #title {
  97. font-size:11px;
  98. text-transform:uppercase;
  99. letter-spacing:0.2em;
  100. font-family:arial;
  101. text-align:center;
  102. }
  103.  
  104. #description {
  105. margin-top:-395px;
  106. margin-left:-155px;
  107. position:relative;
  108. padding:20px;
  109. font-size:10px;
  110. font-family:arial;
  111. width:250px;
  112. height:80px;
  113. left:50%;
  114. text-align:center;
  115. background:white;
  116. text-transform:lowercase;
  117. z-index:1;
  118. }
  119.  
  120. #credit {
  121. margin-top:0px;
  122. margin-left:10px;
  123. position:fixed;
  124. }
  125.  
  126. #noteybit {
  127. text-transform:lowercase;
  128. font-size:8px;
  129. font-family:georgia;
  130. padding:5px;
  131. padding-top:5px;
  132. }
  133.  
  134. #quotee {
  135. font-size:12px;
  136. font-family:georgia;
  137. }
  138.  
  139. #pagination1 {
  140. font-size:60px;
  141. position:fixed;
  142. left:50%;
  143. top:50%;
  144. left:50px;
  145. }
  146.  
  147. #pagination2 {
  148. font-size:60px;
  149. position:fixed;
  150. right:50%;
  151. top:50%;
  152. right:50px;
  153. }
  154.  
  155. hr {
  156. border: 0;
  157. height: 1px;
  158. background:#efefef;
  159. }
  160.  
  161. blockquote {
  162. padding-left: 10px;
  163. border-left: 2px solid #f5f5f5;
  164. }
  165.  
  166. .header {
  167. width:900px;
  168. height:120px;
  169. margin-top:0px;
  170. margin-left:0px;
  171. padding:0;
  172. position:fixed;
  173. }
  174.  
  175. h1 {
  176. font-family:times;
  177. font-size:19px;
  178. font-style:italic;
  179. }
  180.  
  181. table.table1 {
  182. position:relative;
  183. margin-top:0px;
  184. margin-left:-282px;
  185. left:50%;
  186. border:none;
  187. font-size:7px;
  188. font-family:times;
  189. text-transform:uppercase;
  190. letter-spacing:0.5em;
  191. text-align:center;
  192. padding:5px;
  193. }
  194.  
  195. table.table1 td:hover {
  196. -webkit-transition: all 1s ease;
  197. -moz-transition: all 1s ease;
  198. -o-transition: all 1s ease;
  199. background:#fafafa;
  200. }
  201.  
  202. table.table1 td {
  203. -webkit-transition: all 1s ease;
  204. -moz-transition: all 1s ease;
  205. -o-transition: all 1s ease;
  206. padding:5px;
  207. background:white;
  208. }
  209.  
  210. #fade{
  211. display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index:1001;-moz-opacity: 0.7;opacity:0;filter: alpha(opacity=70);}
  212.  
  213. #light{display:none;position:absolute;left:50%;width:500px;height:210px;padding:20px;margin-left:-267px;margin-top: 222px;background:white;z-index:1002;overflow:visible;font-family:arial;font-size:10px;overflow:none;}
  214.  
  215. #fade1{
  216. display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index:1001;-moz-opacity: 0.7;opacity:0;filter: alpha(opacity=70);}
  217. #light1{
  218. display:none;position:absolute;left:50%;width:250px;height:80px;padding:20px;margin-left:-138px;margin-top: 268px;background:white;z-index:1002;overflow:visible;font-family:arial;font-size:10px;text-transform:lowercase;overflow:auto;letter-spacing:0em;}
  219.  
  220. #fade2{
  221. display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index:1001;-moz-opacity: 0.7;opacity:0;filter: alpha(opacity=70);}
  222. #light2{
  223. display:none;position:absolute;left:50%;width:250px;height:80px;padding:20px;margin-left:-138px;margin-top: 268px;background:white;z-index:1002;overflow:visible;font-family:arial;font-size:10px;overflow:auto;letter-spacing:0em;text-transform:lowercase;}
  224.  
  225. #fade3{
  226. display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index:1001;-moz-opacity: 0.7;opacity:0;filter: alpha(opacity=70);}
  227. #light3{
  228. display:none;position:absolute;left:50%;width:250px;height:80px;padding:20px;margin-left:-138px;margin-top: 268px;background:white;z-index:1002;overflow:visible;font-family:arial;font-size:10px;overflow:auto;text-transform:lowercase;letter-spacing:0em;}
  229.  
  230. {CustomCSS}</style>
  231. </head>
  232. <body>
  233.  
  234. <script>
  235. window.document.onkeydown = function (e)
  236. {if (!e){e = event;}if (e.keyCode == 27){lightbox_close();}}
  237. function lightbox_open(){
  238. window.scrollTo(0,0);
  239. document.getElementById('light').style.display='block';
  240. document.getElementById('fade').style.display='block';}
  241. function lightbox_close(){
  242. document.getElementById('light').style.display='none';
  243. document.getElementById('fade').style.display='none';}
  244.  
  245. function lightbox1_open(){
  246. window.scrollTo(0,0);
  247. document.getElementById('light1').style.display='block';
  248. document.getElementById('fade1').style.display='block';}
  249. function lightbox1_close(){
  250. document.getElementById('light1').style.display='none';
  251. document.getElementById('fade1').style.display='none';}
  252.  
  253. function lightbox2_open(){
  254. window.scrollTo(0,0);
  255. document.getElementById('light2').style.display='block';
  256. document.getElementById('fade2').style.display='block';}
  257. function lightbox2_close(){
  258. document.getElementById('light2').style.display='none';
  259. document.getElementById('fade2').style.display='none';}
  260.  
  261. function lightbox3_open(){
  262. window.scrollTo(0,0);
  263. document.getElementById('light3').style.display='block';
  264. document.getElementById('fade3').style.display='block';}
  265. function lightbox3_close(){
  266. document.getElementById('light3').style.display='none';
  267. document.getElementById('fade3').style.display='none';}
  268. </script>
  269.  
  270. <body link="{color:link}" vlink="{color:link}" alink="#999999">
  271.  
  272. <table class="table1">
  273. <tr>
  274.  
  275. <td width="91px"><span title="Home"><a href="/">Home</a></span></td>
  276.  
  277. <td width="91px">
  278. <span title="Ask">
  279. <a href="#" onclick="lightbox_open();">Message</a>
  280. <div id="light"><p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/_________________.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe></p></div>
  281. <div id="fade" onClick="lightbox_close();"></div>
  282. </span>
  283. </td>
  284.  
  285. <td width="91px">
  286. <a href="#" onclick="lightbox1_open();">{text:III name}</a>
  287. <div id="light1">{text:III content}</div>
  288. <div id="fade1" onClick="lightbox1_close();"></div>
  289. </td>
  290.  
  291. <td width="92px">
  292. <a href="#" onclick="lightbox2_open();">{text:IV name}</a>
  293. <div id="light2">{text:IV content}</div>
  294. <div id="fade2" onClick="lightbox2_close();"></div>
  295. </td>
  296.  
  297. <td width="92px">
  298. <a href="#" onclick="lightbox3_open();">{text:V name}</a>
  299. <div id="light3">{text:V content}</div>
  300. <div id="fade3" onClick="lightbox3_close();"></div>
  301. </td>
  302. </tr>
  303. </table>
  304.  
  305. <div id="sidebarimage">
  306. <div class="sidebarimage img">
  307. <img src="{image:sidebar}" height="650" width="100%">
  308. </div></div>
  309.  
  310. <div id="description">
  311. <div id="title"><a href="/">{Title}</a></div>
  312. <p>{Description}</p>
  313. </div>
  314.  
  315.  
  316. <div id="pagination1">
  317. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  318. </div>
  319.  
  320. <div id="pagination2">
  321. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  322. </div>
  323.  
  324. <div style="position:fixed; bottom:0px; right:10px; font-size:7px;">
  325. <a href="http://myknightofflowers.tumblr.com/">T H E M E </a><br><br>
  326. </div>
  327.  
  328. <div id="cent">
  329. {block:Posts}
  330. <div id="post">
  331.  
  332. {block:Text}
  333. <h1>
  334. {block:Title}{Title}{/block:Title}</h1>
  335. <blockquote>{Body}</blockquote>
  336. {/block:Text}
  337.  
  338. {block:Photo}
  339. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>
  340. {/block:Photo}
  341.  
  342. {block:Photoset}
  343. {Photoset-500}
  344. {/block:Photoset}
  345.  
  346. {block:Quote}
  347. <div align="center">
  348. <div id="quotee">
  349. ❝<i>{Quote}</i>❞
  350. </div>
  351. -<br>
  352. <span style="text-transform:uppercase; font-size:8px; letter-spacing:0.2em;">
  353. {block:Source}{Source}{/block:Source}
  354. </span>
  355. </div>
  356. {/block:Quote}
  357.  
  358. {block:Video}
  359. {Video-500}<br>
  360. {PlayCountWithLabel}
  361. {/block:Video}
  362.  
  363. {block:Link}
  364. <h1>
  365. <a href="{URL}" class="link" {Target}>{Name}</a></h1>
  366. {block:Description}{Description}{/block:Description}
  367. {/block:Link}
  368.  
  369. {block:Chat}
  370. {block:Lines}
  371.  
  372. {block:Label}
  373. <br><div style="display:inline; letter-spacing:0.2em; text-transform:uppercase;">{Label}</div>
  374. {/block:Label}
  375. <span style="font-style:italic">{Line}</span>
  376. {/block:Lines}
  377. <br>
  378. {/block:Chat}
  379.  
  380. {block:Audio}
  381. {AudioPlayerWhite}
  382. <br>
  383. {/block:Audio}
  384.  
  385. {block:Answer}
  386. <div style="padding-bottom:10px; border-bottom:double #efefef">
  387. <b>Q:</b> {Question} - ({Asker})
  388. </div>
  389. {Answer}
  390. {/block:Answer}
  391.  
  392. {block:PermalinkPage}
  393. {NoteCountWithLabel}
  394. {block:Caption}
  395. {Caption}
  396. {/block:Caption}
  397. <br><br>
  398. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  399. {/block:PermalinkPage}
  400.  
  401. <div id="noteybit">
  402. <center>
  403. <hr>
  404. <i>
  405. <a href="{Permalink}">{TimeAgo}</a> /
  406. <a href="{Permalink}">{NoteCountWithLabel}</a> /
  407. {block:ContentSource}
  408. <a href="{SourceURL}">Source</a> /
  409. {/block:ContentSource}
  410. {block:RebloggedFrom}
  411. <a href="{ReblogParentURL}">via</a> //
  412. {/block:RebloggedFrom}
  413. {block:Tags} <a href="{TagUrl}">#{Tag}</a> {/block:Tags}
  414. </i>
  415. </center>
  416. </div>
  417. </div>{/block:Posts}
  418.  
  419. </div>
  420. </body>
  421. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!