Advertisement
gwentee

PRIVATE

Sep 21st, 2014
211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.02 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <head>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.  
  12.  
  13. <meta name="color:background" content="#f0f8fc" />
  14. <meta name="color:text" content="#e3eff5" />
  15. <meta name="color:post" content="#e3eff5" />
  16. <meta name="color:post link" content="#e3eff5" />
  17. <meta name="color:navione" content="#e3eff5" />
  18. <meta name="color:navione hover" content="#e3eff5" />
  19. <meta name="color:navitwo" content="#e3eff5" />
  20. <meta name="color:navitwo hover" content="#e3eff5" />
  21. <meta name="color:navithree" content="#e3eff5" />
  22. <meta name="color:navithree hover" content="#e3eff5" />
  23. <meta name="color:border" context="#413f3f">
  24. <meta name="color:sidebar" content="#e3eff5" />
  25. <meta name="color:title" content="#e3eff5" />
  26. <meta name="color:description" content="#6783a2" />
  27. <meta name="color:links" context="#413f3f">
  28. <meta name="color:links bg" context="#413f3f">
  29. <meta name="color:hover" context="#413f3f">
  30. <meta name="color:text" content="#6783a2" />
  31.  
  32. <meta name="image:sidebar img" content="" />
  33. <meta name="image:background" content="" />
  34.  
  35. <meta name="text:Link1" content="" />
  36. <meta name="text:Link1 Title" content="link 1" />
  37. <meta name="text:Link2" content="" />
  38. <meta name="text:Link2 Title" content="link 2" />
  39. <meta name="text:Link3" content="" />
  40. <meta name="text:Link3 Title" content="link 3" />
  41. <meta name="text:Link4" content="" />
  42. <meta name="text:Link4 Title" content="link 4" />
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Crafty+Girls' rel='stylesheet' type='text/css'>
  47.  
  48. <script type="text/javascript"
  49. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  50. <script>
  51. $(document).ready(function() {
  52. //
  53. $('a.poplight[href^=#]').click(function() {
  54. var popID = $(this).attr('rel'); //Get Popup Name
  55. var popURL = $(this).attr('href'); //Get Popup href to define size
  56. var query= popURL.split('?');
  57. var dim= query[1].split('&');
  58. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  59. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  60. var popMargTop = ($('#' + popID).height() + 80) / 2;
  61. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  62. //Apply Margin to Popup
  63. $('#' + popID).css({
  64. 'margin-top' : -popMargTop,
  65. 'margin-left' : -popMargLeft
  66. });
  67. $('body').append('<div id="fade"></div>');
  68. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  69. return false;
  70. });
  71. $('a.close, #fade').live('click', function() {
  72. $('#fade , .popup_block').fadeOut(function() {
  73. $('#fade, a.close').remove(); //fade them both out
  74. });
  75. return false;
  76. });
  77. });
  78. </script>
  79.  
  80. <script type="text/javascript"
  81. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  82.  
  83. <style type="text/css">
  84.  
  85.  
  86. body {
  87. background: {color:background};
  88. background-image: url('{image:background}');
  89. margin: 0;
  90. padding: 0;
  91. font-family: {font:Body};
  92. color: {color: text};
  93. }
  94.  
  95. a{
  96. text-decoration:none;
  97. color: {color:post link} ;
  98. }
  99.  
  100.  
  101. #title {
  102. font-family: 'Indie Flower', cursive;
  103. color:{color:title};
  104. font-size:18px;
  105. font-style:bold;
  106. text-align:center;
  107. text-decoration:none;
  108. }
  109.  
  110. #subtitle {
  111. font-family: 'Crafty Girls', cursive;
  112. color: {color: text};
  113. font-size: 22px;
  114. }
  115.  
  116. #sidebar {
  117. position:fixed;
  118. margin-top:-350px;
  119. margin-left:150px;
  120. width:250px;
  121. height: 550px;
  122. padding:5px;
  123. background-color:{color:sidebar};
  124. }
  125.  
  126.  
  127. #sidebarpic img {
  128. margin-top:10px;
  129. margin-bottom:20px;
  130. max-width:250px;
  131. height:auto;
  132. text-align:center;
  133. }
  134.  
  135. #description {
  136. margin-top:2px;
  137. width: 250px;
  138. font-size:11px;
  139. text-align:justify;
  140. color:{color:description};
  141. font-family: 'Indie Flower', cursive;
  142. }
  143.  
  144.  
  145. .navibar1{
  146. display:inline-block;
  147. z-index:997;
  148. width: 10px;
  149. height:10px;
  150. margin-top:100px;
  151. margin-right:0px;
  152. -webkit-transition: all 1s ease;
  153. -moz-transition: all 1s ease;
  154. -o-transition: all 1s ease;
  155. }
  156.  
  157.  
  158. .navibar1 a{
  159. font-size:10px;
  160. display:inline-block;
  161. width:30px;
  162. margin-left:50px;
  163. height:30px;
  164. line-height:10px;
  165. background-color: {color:navione};
  166. border:1px solid {color:border};
  167. -moz-border-radius: 34px 34px 34px 34px;
  168. -webkit-border-radius: 34px 34px 34px 34px;
  169. border-radius: 34px 34px 34px 34px;
  170. }
  171.  
  172.  
  173. .navibar1 a:hover{
  174. background-color:{color:navione hover};
  175. border:1px solid {color:navione};
  176. }
  177.  
  178. .navibar2{
  179. display:inline-block;
  180. z-index:997;
  181. width:160px;
  182. height:20px;
  183. margin-top:105px;
  184. margin-right:0px;
  185. -webkit-transition: all 1s ease;
  186. -moz-transition: all 1s ease;
  187. -o-transition: all 1s ease;
  188. }
  189.  
  190.  
  191. .navibar2 a{
  192. font-size:10px;
  193. display:inline-block;
  194. width:30px;
  195. margin-left:50px;
  196. height:30px;
  197. line-height:20px;
  198. background-color:{color:navitwo};
  199. border:1px solid {color:border};
  200. -moz-border-radius: 34px 34px 34px 34px;
  201. -webkit-border-radius: 34px 34px 34px 34px;
  202. border-radius: 34px 34px 34px 34px;
  203. }
  204.  
  205.  
  206. .navibar2 a:hover{
  207. background-color:{color:navitwo hover};
  208. border:1px solid {color:navitwo};
  209. }
  210.  
  211.  
  212. .navibar3{
  213. display:inline-block;
  214. z-index:997;
  215. width:160px;
  216. height:20px;
  217. margin-top:110px;
  218. margin-right:0px;
  219. -webkit-transition: all 1s ease;
  220. -moz-transition: all 1s ease;
  221. -o-transition: all 1s ease;
  222. }
  223.  
  224.  
  225. .navibar3 a{
  226. font-size:10px;
  227. display:inline-block;
  228. width:30px;
  229. margin-left:50px;
  230. height:30px;
  231. line-height:20px;
  232. background-color:{color:navithree};
  233. border:1px solid {color:border};
  234. -moz-border-radius: 34px 34px 34px 34px;
  235. -webkit-border-radius: 34px 34px 34px 34px;
  236. border-radius: 34px 34px 34px 34px;
  237. }
  238.  
  239.  
  240. .navibar3 a:hover{
  241. background-color:{color:navithree hover};
  242. border:1px solid {color:navithree};
  243. }
  244.  
  245. .links {
  246. top: 10px;
  247. }
  248.  
  249. .links a {
  250. display:inline-block;
  251. width: 100px;
  252. margin: 2px;
  253. background:{color:links bg};
  254. text-transform:uppercase;
  255. padding:6px;
  256. font-size:9px;
  257. letter-spacing:2px;
  258. font-family: 'Indie Flower', cursive;
  259. color:{color:links};
  260. }
  261.  
  262. .links a:hover {
  263. background-color:{color:hover};
  264. }
  265.  
  266. #entry {
  267. font-size:14px;
  268. margin-right: 290px;
  269. margin-top:-200px;
  270. float: right;
  271. text-align: justify;
  272. }
  273.  
  274. #post {
  275. font-size:14px;
  276. padding: 5px;
  277. width: 500px;
  278. font-family: 'Indie Flower', cursive;
  279. background-color:{color:post};
  280. color:{color:text};
  281. text-align: justify;
  282. }
  283.  
  284.  
  285. #tabs {
  286. text-align: left;
  287. font-size: 11px;
  288. position:fixed;
  289. color: white; /*change this color for the text color*/
  290. right: 0px;
  291. bottom:-215px;
  292. -webkit-transition: all .5s ease-in-out;
  293. -moz-transition: all .5s ease-in-out;
  294. -o-transition: all .5s ease-in-out;
  295. z-index:999;
  296. }
  297.  
  298. #tabs:hover {bottom:0px;}
  299.  
  300. #tab1 {
  301. background: black; /*change this color for the inner background*/
  302. border-top:none;
  303. padding:5px 0 5px 0;
  304. width:200px;
  305. height:205px;
  306. z-index: 9999;
  307. padding-left:10px;
  308. line-height:12px;
  309. }
  310.  
  311. #tabtit {
  312. background: black; /*change this color for the tab background*/
  313. border-top:none;
  314. color:#777;
  315. border-width:1px;
  316. height:10px;
  317. text-align:center;
  318. padding:2px 0 8px 0;
  319. width: 50px;
  320. }
  321.  
  322. .popup_block{
  323. display:none;
  324. background:#e3eff5;
  325. padding:20px;
  326. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  327. float:left;
  328. position:fixed;
  329. top:50%;left:50%;
  330. z-index: 99999;
  331. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  332. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  333. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  334. }
  335.  
  336. *html #fade {position: absolute;}
  337. *html .popup_block {position: absolute;}
  338. #fade {
  339. display:none;
  340. position:fixed;
  341. left:0px;
  342. top:0px;
  343. width:100%;
  344. height:100%;
  345. z-index:9999;
  346. background:#000; /* change to #fff for solid white */
  347. opacity:0.5; /* change to opacity:1; */
  348. }
  349. {CustomCSS}
  350. </style>
  351. </head>
  352.  
  353. <body>
  354.  
  355. <div class="navibar1">
  356. <a href="/" title="home"></a>
  357. </div>
  358. <br>
  359. <div class="navibar2">
  360. <a href="/faq" title="ask"></a>
  361. </div>
  362. <br>
  363. <div class="navibar3">
  364. <a href="/" title="theme by me"></a>
  365. </div>
  366.  
  367. <div id="sidebar">
  368. <center>
  369. <div id="title">{Title}</div></center>
  370. <div id="sidebarpic"><a href="/"><img src="{image:sidebar img}"/></a></div>
  371. <div id="description">{block:Description}{Description}{/block:Description}</div><br>
  372. <div class="links">
  373. <a href="{text:Link1}">{text:Link1 Title}</a>
  374. <a href="{text:Link2}">{text:Link2 Title}</a>
  375. <a href="{text:Link3}">{text:Link3 Title}</a>
  376. <a href="#?w=300" rel="box1" class="poplight">LINKs</a>
  377. </div>
  378. <center>
  379. {block:PreviousPage}<a href="{PreviousPage}"><font-size="16">«</font></a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"><font-size="16">»</font></a>{/block:NextPage}
  380. </center>
  381. </div>
  382.  
  383. <div id="entry">
  384. {block:Posts}
  385. <div id="post">
  386.  
  387. {block:Text}{Body}{/block:Text}
  388.  
  389. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  390.  
  391. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  392. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  393.  
  394. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  395. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  396.  
  397. {block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  398. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  399.  
  400. {block:Answer}
  401. <div class="question">
  402. <b>{Asker}</b> asked:<br>
  403. {Question}</div>{Answer}
  404. {/block:Answer}
  405.  
  406.  
  407.  
  408. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  409.  
  410. <div id="info">posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} • <a href="{Permalink}">{NoteCount}</a> notes{/block:NoteCount}{block:RebloggedFrom} (<a href="{ReblogParentURL}">{ReblogParentName}</a>
  411. {block:ContentSource} source <a href="{SourceURL}">{SourceLink}</a>){block:ContentSource}{/block:RebloggedFrom}<br>
  412. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><br>
  413. {/block:Posts}
  414.  
  415. {block:PostNotes}{PostNotes}{/block:PostNotes}
  416.  
  417. </div>
  418.  
  419. <div id="tabs">
  420. <img src="http://i1296.photobucket.com/albums/ag15/GWENTEE95/TAOCAN_zps5005e592.png"/>
  421. <div id="tab1">
  422. <!-- below is where your updates will go -->
  423. <center>
  424. Hyuna is a queen and I am not worthy<br>
  425. Jaejoong is also a queen, don't look at me<br>
  426. Proud Xiuharem member<br>
  427. Who let Tao have muscles?<br>
  428. Onew is literal perfection<br>
  429. Raina needs to gtfo out.<br>
  430. Leo more like LeNO<br>
  431. V is an alien and I'm ready for abduction
  432. </center>
  433. <br>
  434. <div style="width:195px; height:14px; margin-left: 0px;
  435. border:1px #A9D5EB; background-color: #6f6e6e";>
  436. <FONT COLOR=#FFFFFF><FONT size=1><b><i>My Blogs</i></b></FONT></FONT>
  437. </div>
  438. <center><a href="http://xiupremebaozi.tumblr.com/">金珉碩</a><br>
  439. <a href="http://fy-exowao.tumblr.com/">fy-exowao</a><br>
  440. <a href="http://infiniteuv.tumblr.com/">infiniteluv</a><br>
  441. <a href="http://exoficsrec.tumblr.com/">exoficsrec</a><br>
  442. <a href="http://exo-daddy-fics.tumblr.com/">Exo-daddy-fics</a></center>
  443. </div></div>
  444. </body>
  445.  
  446.  
  447. <div id="box1" class="popup_block">
  448. <center><div id="subtitle">Networks</div></center>
  449. ☆ <a href="http://exo-noodleclub.tumblr.com/">exo noodle club</a><br>
  450. ☆ <a href="http://kkamsoo.tumblr.com/">kaisoo.net</a><br>
  451. ☆ <a href="http://taorisnet.tumblr.com/">taoris network</a><br>
  452. ☆ <a href="http://thexonet.tumblr.com/">thexonet</a> <br>
  453. ☆ <a href="http://xiuhanet.tumblr.com/">xiuhan network</a><br>
  454. ☆ <a href="http://yehetvirusnetwork.tumblr.com/">yehetvirus</a><br>
  455. ☆ <a href="http://myeveryyou.tumblr.com/">每个你</a><br>
  456. <center><div id="subtitle">Links</div></center><br>
  457. <div class="links">
  458. <a href="/blogroll">Blogroll</a>
  459. <a href="/family">Family</a>
  460. <a href="/otps">Otps</a>
  461. <a href="/tagged/my+edit">Graphics</a>
  462. </div>
  463. </div>
  464.  
  465. </div></div></div></div></div></div></div></div></div></div>
  466. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement