Advertisement
bellaobrien

the 7 wonders part 2

Jul 12th, 2014
347
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.93 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. <!DOCTYPE html>
  3. <head>
  4.  
  5. <!------- theme "the seven wonders" by
  6. _ _ _
  7. ___| |__ ___ ___| |__ _ __(_) ___
  8. / __| '_ \ / _ \/ __| '_ \| '__| |/ _ \
  9. | (__| | | | __/\__ \ | | | | | | __/
  10. \___|_| |_|\___||___/_| |_|_| |_|\___|
  11.  
  12. PLEASE don't remove the credit. seriously, it's the black little square in the corner and it means alot to me so don't be a jerk :< ---->
  13.  
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21.  
  22. <meta name="color:background" content="#ffffff"/>
  23. <meta name="color:text" content="#000000"/>
  24. <meta name="color:link" content="#000000"/>
  25. <meta name="color:link hover" content="#e735c7" />
  26. <meta name="color:desc border" content="#a4a4a4"/>
  27.  
  28.  
  29. <meta name="image:Sidebar Image" content=""/>
  30. <meta name-"text:blog title" content=""/>
  31.  
  32. <meta name="text:Link 1 URL" content="" />
  33. <meta name="text:Link 1" content="" />
  34. <meta name="text:Link 2 URL" content="" />
  35. <meta name="text:Link 2" content="" />
  36. <meta name="text:Link 3 URL" content="" />
  37. <meta name="text:Link 3" content="" />
  38.  
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40.  
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42.  
  43. <script>
  44.  
  45. (function($){
  46.  
  47. $(document).ready(function(){
  48.  
  49. $("a[title]").style_my_tooltips({
  50.  
  51. tip_follows_cursor:true,
  52.  
  53. tip_delay_time:90,
  54.  
  55. tip_fade_speed:600,
  56.  
  57. attribute:"title"
  58.  
  59. });
  60.  
  61. });
  62.  
  63. })(jQuery);
  64.  
  65. </script>
  66.  
  67. <style type="text/css">
  68.  
  69. ::-webkit-scrollbar {width: 6px; height: 4px; background: #ffffff; }
  70. ::-webkit-scrollbar-thumb { background-color: #000000; -webkit-border-radius: 1ex; }
  71.  
  72. blockquote {padding:5px 0 5px 30px;
  73. border-left:1px solid {color:text};
  74. margin-left:30px;
  75. }
  76.  
  77. body {
  78. background:{color:background};
  79. color:{color:text};
  80. font-family:helvetica;
  81. font-size:11px;
  82. text-align:justify;
  83. margin:0;
  84. line-height:16px;}
  85.  
  86.  
  87. a {
  88.  
  89. text-decoration:none;
  90.  
  91. outline:none;
  92.  
  93. -moz-outline-style:none;
  94.  
  95. color:{color:link};
  96. -moz-transition-duration:0.3s;
  97. -webkit-transition-duration:0.3s;
  98. -o-transition-duration:0.3s;
  99.  
  100. }
  101.  
  102.  
  103.  
  104. a:hover{
  105.  
  106. color:{color:link hover};
  107. -moz-transition-duration:0.3s;
  108. -webkit-transition-duration:0.3s;
  109. -o-transition-duration:0.3s;
  110. }
  111.  
  112.  
  113. img{opacity:1;
  114. border:none;
  115. text-decoration:none}
  116.  
  117.  
  118. small {
  119. font-size:9px;}
  120.  
  121. big {
  122. font-size:12px;}
  123.  
  124.  
  125. #title {
  126. font-size:18px;
  127. line-height:20px;
  128. font-weight:bold;
  129. margin-bottom:10px;
  130. font-family:arial;
  131. text-transform:lowercase;
  132. text-align:center;
  133.  
  134. }
  135.  
  136.  
  137. /*sidebar*/
  138. #sidebar {text-align:left;
  139. position:fixed;
  140. margin-left:-350px;
  141. margin-top:100px;
  142. width:200px;
  143. }
  144.  
  145. #sidebarim {
  146. margin-bottom:0px
  147. }
  148.  
  149. #sidebarim img {
  150. width:200px
  151. }
  152.  
  153. #blogt {
  154. color:{color:blog title};
  155. font-size:18px;
  156. font-weight:bold;
  157. text-transform:lowercase;
  158. text-decoration:underline;
  159. font-family:bebas neue;
  160. letter-spacing:3px;
  161. width:200px;
  162. position:fixed;
  163. text-shadow: 3px 2px #dedede;
  164. }
  165.  
  166. #links {
  167. line-height:18px;
  168. text-transform:lowercase;
  169. text-decoration:none;
  170. font-size:10px;
  171. width:200px;
  172.  
  173. }
  174.  
  175.  
  176. #links a {
  177. margin-right:13px;
  178. display:center;
  179. margin-bottom:10px;
  180. padding:6px 6px 6px 6px 6px;
  181. }
  182.  
  183. .links a hover {
  184. color:{color:link hover};
  185. -webkit-transition: all .5s ease-in-out;
  186. -moz-transition: all .5s ease-in-out;
  187. -o-transition: all .5s ease-in-out;
  188. -ms-transition: all .5s ease-in-out;
  189. transition: all .5s ease-in-out;
  190. }
  191.  
  192.  
  193.  
  194. #description {
  195. font-family:arial;
  196. font-size:10px;
  197. text-align:center;
  198. margin:10px 0;
  199. margin-top:5px;
  200. margin-bottom:5px;
  201. color:#a8a8a8;
  202. line-height:105%;
  203. border-left:1px solid {color:desc border};
  204. }
  205.  
  206.  
  207. /*pagination*/
  208. #pagination {
  209. font-family:arial;
  210. font-size:23px;
  211. margin:50px 0;
  212. text-transform:lowercase;
  213. font-weight:italic;
  214. }
  215. #pagination a {
  216. padding:3px;
  217. color:{color:link};
  218. }
  219.  
  220. /*container*/
  221. #con {
  222. left:60%;
  223. margin-left:-250px;
  224. position:absolute;
  225. }
  226.  
  227.  
  228.  
  229. /*posts*/
  230.  
  231. #entries {
  232. margin-top:75px;
  233. margin-left:30px;
  234. width:500px;
  235. }
  236.  
  237.  
  238.  
  239. #posts {
  240. width:500px;
  241. {block:IndexPage}
  242. margin-bottom:75px;
  243. {/block:IndexPage}
  244. {block:PermalinkPage}
  245. margin-bottom:50px;
  246. {/block:PermalinkPage}
  247.  
  248. }
  249. #posts img {
  250. max-width:500px;
  251. }
  252.  
  253. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  254. .caption {width:100%;
  255. margin-top:10px;
  256.  
  257. }
  258.  
  259. /*permalink and note hover*/
  260.  
  261. #permalink {
  262. margin-top:15px;
  263. font-size:10px;
  264. text-transform:lowercase;
  265. text-align:center;
  266. font-weight:italic;
  267. }
  268.  
  269. #permalink a {margin-right:10px;
  270. }
  271.  
  272.  
  273. .tags {
  274. font-family:helvetica;
  275. text-transform:uppercase;
  276. word-break:break-all;
  277. font-size:9px;
  278. opacity:0;
  279. -moz-transition-duration:0.5s;
  280. -webkit-transition-duration:0.5s;
  281. -o-transition-duration:0.5s;
  282. }
  283.  
  284. #posts:hover .tags {
  285. opacity:1;
  286. -moz-transition-duration:0.5s;
  287. -webkit-transition-duration:0.5s;
  288. -o-transition-duration:0.5s;
  289. }
  290.  
  291. .pagenotes {
  292. {block:IndexPage}
  293. display: none!important;
  294. {/block:IndexPage}
  295. width:500px;
  296. text-align:center;
  297.  
  298.  
  299. }
  300. .pagenotes img {
  301. display:none!important;}
  302. .pagenotes li {
  303. list-style-type:none;
  304. padding:5px 5px;
  305. text-align:center;
  306. margin:0px;
  307. }
  308.  
  309. #s-m-t-tooltip {
  310. max-width:300px;
  311. padding:4px 5px 6px 6px;
  312. margin:20px 0px 0px 20px;
  313. background-color:#000;
  314. font-family:calibri;
  315. font-size:8px;
  316. letter-spacing:1px;
  317. text-transform:uppercase;
  318. color: #fff;
  319. z-index:999999999999999999999999999999999999;
  320. }
  321.  
  322. /*quote*/
  323.  
  324. #titlequote{text-align:left;
  325. font-size:14px;
  326. line-height:18px;
  327. font-weight:bold;
  328. }
  329. #source {
  330. margin-top:15px;
  331. margin-left:15px;}
  332.  
  333. /*audio*/
  334.  
  335. .player {
  336. width:25px;
  337. height:25px;
  338. overflow:hidden;
  339. position:absolute;
  340. background:white;}
  341.  
  342. .audioinfo {
  343. margin-left:50px;
  344. }
  345.  
  346. #question {
  347. background:#f0eded;
  348. padding: 4px 4px 8px 8px;
  349. }
  350.  
  351.  
  352.  
  353. /*chat*/
  354.  
  355. .chat ol {
  356. padding:0;
  357. list-style:none;
  358. }
  359. .line {padding:5px 0;}
  360.  
  361. .label {font-weight:bold;
  362. }
  363.  
  364. /* credit */
  365.  
  366. #credit{
  367. position:fixed;
  368. font-size:10px;
  369. bottom:10px;
  370. right:10px;
  371. color:#000;
  372. font-weight:bold;
  373. -webkit-transition: all .5s ease-in-out;
  374. -moz-transition: all .5s ease-in-out;
  375. -o-transition: all .5s ease-in-out;
  376. -ms-transition: all .5s ease-in-out;
  377. transition: all .5s ease-in-out;
  378.  
  379. }
  380.  
  381.  
  382.  
  383. {CustomCSS}
  384.  
  385.  
  386. </style>
  387.  
  388.  
  389.  
  390. </head>
  391.  
  392. <body>
  393.  
  394. <div id="con">
  395.  
  396. <div id="sidebar">
  397. <div id="blogt">{text:blog title}</div>
  398. <div id="links">
  399. <a href="/" title="home">home</a>
  400. <a href="/ask" title="ask">ask</a>
  401. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  402. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  403. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  404.  
  405. </div>
  406. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  407. <div id="description">{Description}</div>
  408.  
  409.  
  410.  
  411. </div>
  412.  
  413.  
  414.  
  415.  
  416. <div id="entries">
  417.  
  418. {block:Posts}
  419. <div id="posts">
  420.  
  421.  
  422. {block:Quote}
  423.  
  424.  
  425. <div id="titlequote">“{Quote}”</div>
  426. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  427. {/block:Quote}
  428.  
  429.  
  430.  
  431. {block:Text}
  432.  
  433. {block:Title}
  434. <div id="title">{Title}</div>{/block:Title}
  435. {Body}
  436. {/block:Text}
  437.  
  438. {block:Link}
  439. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  440. {/block:Link}
  441.  
  442. {block:Chat}
  443. {block:Title}
  444. <h1>{Title}</h1>
  445. {/block:Title}
  446. <div class="chat">
  447. <ol>{block:Lines}
  448. <li class="line {Alt}">
  449. {block:Label}
  450. <span class="label">
  451. {Label}</span>
  452. {/block:Label}{Line}</li>
  453. {/block:Lines}
  454. </ol></div>
  455. {/block:Chat}
  456.  
  457. {block:Photo}
  458. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  459. {/block:Photo}
  460.  
  461. {block:Photoset}
  462. {Photoset-500}
  463. {/block:Photoset}
  464.  
  465. {block:Video}
  466. {Video-500}
  467. {/block:Video}
  468.  
  469. {block:Audio}
  470. <div class="player">{AudioPlayerWhite}</div>
  471. <div class="audioinfo">
  472. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  473. </div>
  474. {/block:Audio}
  475.  
  476. {block:Answer}
  477. <div id="question"><img src="{AskerPortraitURL-24}"> <b>{Asker}</b> said: "{Question}"</div>
  478. {Answer}
  479. {/block:Answer}
  480.  
  481.  
  482. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  483.  
  484. {block:Date}
  485. <div id="permalink">
  486. <a href="{Permalink}" >{DayofMonth}.{MonthNumber}.{Year}</a>{block:NoteCount}<a href="{Permalink}">♥{NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  487. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  488. </div>
  489. {/block:Date}
  490.  
  491.  
  492.  
  493. </div>
  494.  
  495.  
  496. {block:PostNotes}
  497. <div class="pagenotes">
  498. {PostNotes}
  499. </div>
  500. {/block:PostNotes}
  501.  
  502.  
  503. {/block:Posts}
  504.  
  505. <div id="pagination">
  506. {block:Pagination}
  507. {block:PreviousPage}
  508. <a href="{PreviousPage}">&larr; ← </a>
  509. {/block:PreviousPage}
  510.  
  511.  
  512. {block:NextPage}
  513. <a href="{NextPage}"> → &rarr;</a>
  514. {/block:NextPage}
  515. {/block:Pagination}
  516. </div>
  517.  
  518.  
  519.  
  520. </div>
  521.  
  522. </div>
  523.  
  524.  
  525. {block:ContentSource}
  526. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  527. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  528. {/block:SourceLogo}
  529. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  530. {/block:ContentSource}
  531.  
  532. <!---IF YOU DON'T LIKE THE JUMPING PIKACHU JUST REMOVE THE IMG SOURCE (img src="blah blahdfsdfdsf.gif) BUT PLEASE KEEP THE CREDIT--->
  533.  
  534. <div id="credit"><a href="http://cheshrie.tumblr.com"><img src="http://fc04.deviantart.net/fs30/f/2008/151/5/1/Pikachu_Poke___by_MiniPoke.gif"></a></div>
  535.  
  536. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement