API tools faq
paste
Advertisement
legilimens

theme14 - underwater by legilimen (legilimenthemes)

legilimens
Apr 13th, 2014
340
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--------------------------------------------------------------
  5.  
  6. THEME FOURTEEN (UNDERWATER) BY LEGILIMEN
  7. DO NOT USE AS A BASE CODE
  8. DO NOT STEAL CODES
  9. DO NOT MOVE CREDIT TO A SECOND PAGE
  10. for any questions, send me a message! i'm happy to help :)
  11.  
  12. ---------------------------------------------------------->
  13.  
  14. <html>
  15. <head>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <meta name="description" content="{MetaDescription}" />
  19.  
  20.  
  21. <meta name="color:background" content="#ffffff"/>
  22. <meta name="color:text" content="#363535"/>
  23. <meta name="color:link" content="#a0a0a0"/>
  24. <meta name="color:link hover" content="#000000"/>
  25. <meta name="color:scrollbar" content="#D6D5D5">
  26. <meta name="color:scrollbarbg" content="#8fe2f2"/>
  27. <meta name="color:asktext" content="#000000"/>
  28. <meta name="color:askbg" content="#f6f6f6"/>
  29.  
  30. <meta name="text:subtitle" content="close my eyes"/>
  31.  
  32.  
  33. <meta name="text:link1head" content="">
  34. <meta name="text:link1head url" content="/">
  35. <meta name="text:link2head" content="">
  36. <meta name="text:link2head url" content="/">
  37. <meta name="text:link3head" content="">
  38. <meta name="text:link3head url" content="/">
  39. <meta name="text:link4head" content="">
  40. <meta name="text:link4head url" content="/">
  41. <meta name="text:link5head" content="">
  42. <meta name="text:link5head url" content="/">
  43. <meta name="text:link6head" content="">
  44. <meta name="text:link6head url" content="/">
  45.  
  46.  
  47. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  48. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49. <link rel="shortcut icon" href="{Favicon}" />
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. *, body, a, a:hover {cursor: url(http://i1347.photobucket.com/albums/p715/breezeblocks/themes/cursor_zpsc12dc478.png), auto;}
  56.  
  57.  
  58. a {
  59. color:{color:link};
  60. text-decoration:none;
  61. -moz-transition-duration:0.6s;
  62. -webkit-transition-duration:0.6s;
  63. -o-transition-duration:0.6s;
  64. }
  65.  
  66. a:hover {
  67. color:{color:link hover};
  68. text-decoration:underline;
  69. }
  70.  
  71.  
  72. ::-webkit-scrollbar {background-color:{color:scrollbarbg}; height:8px; width:1px}
  73. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  74. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  75.  
  76.  
  77. body {
  78. background-color:{color:background};
  79. font-family:helvetica;
  80. font-weight:lighter;
  81. font-size:9;
  82. }
  83.  
  84. h1 {
  85. font-weight:normal;
  86. font-size:9px;
  87. text-align:center;
  88. font-style:italic;
  89. font-family:arial;
  90. line-height:80%;
  91. letter-spacing:0px;
  92. text-transform:uppercase;
  93. color:{color:text};
  94. }
  95.  
  96. h2 {
  97. font-size:15px;
  98. text-align:center;
  99. line-height:100%;
  100. letter-spacing:-0.5px;
  101. color:{color:text};
  102. font-weight:bold;
  103. padding:10px;
  104. }
  105.  
  106. blockquote {
  107. border-left:1px solid {color:link};
  108. padding-left:20px;
  109. padding-top:10px;
  110. padding-bottom:10px;
  111. margin:10px;
  112. }
  113.  
  114.  
  115. #theme {
  116. background-color:{color:background};
  117. width:700px;
  118. margin: 0 auto -12px auto;
  119. text-align: center;
  120. }
  121.  
  122. #sidebar {
  123. color:{color:text};
  124. width:100px;
  125. height:110%;
  126. padding-left:60px;
  127. padding-right:210px;
  128. margin-top:500px;
  129. margin-left:-250px;
  130. text-align:left;
  131. }
  132.  
  133.  
  134. .links2 {
  135. font-family:helvetica;
  136. margin-top:0px;
  137. margin-bottom:10px;
  138. padding-right:2px;
  139. font-size:9px;
  140. text-transform:uppercase;
  141. letter-spacing:10px;
  142. width:500px;
  143. text-align:center;
  144. line-height:300%;
  145. margin-left:340px;
  146. padding-left:2px;
  147. padding-bottom:0px;
  148. }
  149.  
  150. .links2 a{
  151. padding:1px;
  152. color:{color:link};
  153. letter-spacing:1px;
  154. text-decoration:none;
  155. -moz-transition-duration:.5s;
  156. -webkit-transition-duration:.5s;
  157. -o-transition-duration:.5s;
  158. }
  159.  
  160. .links2 a:hover{
  161. -webkit-filter: blur(1px);
  162. padding:1px;
  163. color:{color:link};
  164. letter-spacing:1px;
  165. text-decoration:none;
  166. -moz-transition-duration:0.5s;
  167. -webkit-transition-duration:0.5s;
  168. -o-transition-duration:0.5s;
  169. }
  170.  
  171.  
  172. #subtitle {
  173. margin-left:245px;
  174. font-family: arial;
  175. text-transform: uppercase;
  176. font-size: 20px;
  177. margin-top: -400px;
  178. width: 700px;
  179. font-weight:lighter;
  180. line-height:90%;
  181. padding-top:50px;
  182. padding-bottom:10px;
  183. text-align:center;
  184. padding-bottom:22px;
  185. }
  186.  
  187. #subtitle a{
  188. letter-spacing:12px;
  189. color: {color:text};
  190. }
  191.  
  192. #subtitle a:hover{
  193. letter-spacing:2px;
  194. opacity:.1;
  195. text-decoration:none;
  196. }
  197.  
  198.  
  199. .desc {
  200. margin-left:490px;
  201. margin-top:0px;
  202. margin-bottom:10px;
  203. text-align:center;
  204. font-style:none;
  205. font-size:9px;
  206. font-family: helvetica;
  207. color:{color:text};
  208. letter-spacing:1px;
  209. line-height:120%;
  210. border-width:2px;
  211. padding-top: 3px;
  212. width:205px;
  213. }
  214. .pagination {
  215. text-transform:uppercase;
  216. letter-spacing:0px;
  217. text-align:center;
  218. font-family:helvetica;
  219. bottom:0;
  220. background-color:rgba(192,192,192,0.3);
  221. opacity:.5;
  222. width:400px;
  223. margin-left:48px;
  224. position:fixed;
  225. text-align:center;
  226. }
  227.  
  228. .pagination a {
  229. color:#000;
  230. }
  231.  
  232. .jump_page {
  233. padding: 4px 8px;
  234. color:#585858;
  235. font-family:helvetica;
  236. font-size:9px;
  237. text-decoration:none;
  238. }
  239.  
  240. .current_page, .jump_page:hover {
  241. padding: 4px 8px;
  242. color: #585858;
  243. font-family:helvetica;
  244. font-size:9px;
  245. font-style:bold;
  246. }
  247.  
  248. #stuffcontainer {
  249. float:left;
  250. margin-left:200px;
  251. margin-top:0px;
  252. margin-bottom:30px;
  253. text-align:justify;
  254. text-transform:none;
  255. background-color:{color:background};
  256. color:{color:text};
  257. margin-bottom: 35px;
  258. }
  259.  
  260. #stuff {
  261. width:400px;
  262. margin-top:200px;
  263. margin-bottom:200px;
  264. text-align:justify;
  265. font-size:9px;
  266. font-family:arial;
  267. line-height:100%;
  268. color:{color:text};
  269. }
  270.  
  271. .caption {
  272. width:350px;
  273. text-align:justify;
  274. line-height:120%;
  275. padding-top:20px;
  276. padding-bottom:20px;
  277. font-family:arial;
  278. text-transform:none;
  279. }
  280.  
  281. .captionholder{
  282. position:absolute;
  283. width:350px;
  284. background:#fff;
  285. margin-left:15px;
  286. margin-top:15px;
  287. padding:0px 10px 5px 10px;
  288. opacity:0;
  289. filter: alpha(opacity = 0);
  290. -moz-transition: all 0.5s;
  291. -webkit-transition: all 0.5s;
  292. -o-transition: all 0.5s;
  293. transition: all 0.5;
  294. }
  295.  
  296. .captionholder blockquote{
  297. padding:5px 0px 5px 10px;
  298. margin:7px 0px 5px 1px;
  299. border-left: 1px solid #{color:Text};
  300. }
  301.  
  302. .photo_entry:hover .captionholder{
  303. opacity:0.8;
  304. filter: alpha(opacity = 80);
  305. -moz-transition: all 0.5s;
  306. -webkit-transition: all 0.5s;
  307. -o-transition: all 0.5s;
  308. transition: all 0.5;
  309. }
  310.  
  311. .entry:hover .captionholder{
  312. opacity:0.8;
  313. filter: alpha(opacity = 80);
  314. -moz-transition: all 0.5s;
  315. -webkit-transition: all 0.5s;
  316. -o-transition: all 0.5s;
  317. transition: all 0.5;
  318. }
  319.  
  320. .permalink{
  321. text-align:right;
  322. font-size:9px;
  323. -moz-transition: all 0.3s;
  324. -webkit-transition: all 0.3s;
  325. -o-transition: all 0.3s;
  326. transition: all 0.3;
  327. }
  328.  
  329. .permalink:hover{
  330. -moz-transition: all 0.3s;
  331. -webkit-transition: all 0.3s;
  332. -o-transition: all 0.3s;
  333. transition: all 0.3;
  334. }
  335.  
  336. .photo_entry{
  337. width:400px;
  338. padding-bottom:5px;
  339. overflow:hidden;
  340. }
  341.  
  342. .photo_entry img{
  343. max-width:400px;
  344. }
  345.  
  346. .photoset_entry{
  347. width:400px;
  348. padding-bottom:5px;
  349. overflow:hidden;
  350. }
  351.  
  352. .photoset_entry img{
  353. max-width:400px;
  354. }
  355.  
  356. .photoset_entry:hover .captionholder{
  357. opacity:0.8;
  358. filter: alpha(opacity = 80);
  359. -moz-transition: all 0.5s;
  360. -webkit-transition: all 0.5s;
  361. -o-transition: all 0.5s;
  362. transition: all 0.5;
  363. }
  364.  
  365. .link{
  366. width:380px;
  367. font-size:15px;
  368. text-align:center;
  369. background:{color:askbg};
  370. line-height:100%;
  371. color:{color:text};
  372. font-weight:bold;
  373. padding:10px;
  374. }
  375.  
  376. .link a{
  377. letter-spacing:-.5;
  378. }
  379.  
  380. .link a:hover{
  381. -webkit-filter: blur(1px);
  382. color:{color:Text};
  383. text-decoration:none;
  384.  
  385. }
  386.  
  387.  
  388. /**Ask Posts**/
  389.  
  390. .ask {
  391. padding:10px;
  392. text-align:right;
  393. color:{color:asktext};
  394. background-color:{color:askbg};
  395. }
  396.  
  397. .ans {
  398. text-align:right;
  399. padding:5px;
  400. color:{color:text};
  401. }
  402.  
  403. /**Audio Posts**/
  404.  
  405. .audio {
  406. height:60px;
  407. padding:5px;
  408. }
  409.  
  410. .audio-album {
  411. position:absolute;
  412. width:50px;
  413. -webkit-transition: opacity 0.6s linear;
  414. opacity: 1;
  415. }
  416.  
  417. .audio-player {
  418. opacity:1;
  419. filter:alpha(opacity=90);
  420. width:25px;
  421. height:25px;
  422. overflow:hidden;
  423. position:absolute;
  424. border:30px;
  425. z-index:2;
  426. margin-left:12px;
  427. margin-top:12px;
  428. opacity:0;
  429. -webkit-transition: all 0.6s ease-out;
  430. -o-transition: all 0.6s ease-out;
  431. -webkit-transition: all 0.6s ease-out;
  432. -moz-transition: all 0.6s ease-out;
  433. }
  434.  
  435. .audio-info {
  436. font-size:15px;
  437. margin-top:4px;
  438. position:relative;
  439. margin-left:70px;
  440. line-height:110%;
  441. padding:2px;
  442. }
  443.  
  444. .audio:hover .audio-player {
  445. opacity:.6;
  446. -webkit-transition: all 0.6s ease-out;
  447. -o-transition: all 0.6s ease-out;
  448. -webkit-transition: all 0.6s ease-out;
  449. -moz-transition: all 0.6s ease-out;
  450. }
  451.  
  452. /**Chat Posts**/
  453.  
  454. .chat ol {
  455. line-height:500%;
  456. }
  457.  
  458. .label {
  459. font-weight:bold;
  460. padding-right:1px;
  461. letter-spacing:1px;
  462. text-transform:uppercase;
  463. }
  464. /**Post Info, Notes**/
  465.  
  466. #postinfo {
  467. font-family:arial;
  468. width:400px;
  469. font-size:7px;
  470. color:{color:link};
  471. text-transform:uppercase;
  472. font-style:normal;
  473. text-align:left;
  474. margin-top:-12px;
  475. opacity:0;
  476. -moz-transition-duration:0.5s;
  477. -webkit-transition-duration:0.5s;
  478. -o-transition-duration:0.5s;
  479. }
  480.  
  481. #postinfo a {
  482. opacity:.5;
  483. }
  484.  
  485. #postinfo a:hover {
  486. opacity:.9;
  487. color:{color:link};
  488. }
  489.  
  490. #tags {
  491. text-transform:lowercase;
  492. height:40px;
  493. overflow:auto;
  494. font-size:7px;
  495. font-family:arial;
  496. text-align:right;
  497. margin-top:-10px;
  498. width:300px;
  499. margin-left:98px;
  500. padding:2px 2px 2px 2px;
  501. font-style:italic;
  502. text-transform:uppercase;
  503. opacity:0;
  504. -moz-transition-duration:0.5s;
  505. -webkit-transition-duration:0.5s;
  506. -o-transition-duration:0.5s;
  507. }
  508.  
  509. #tags a{
  510. opacity:.5;
  511. }
  512.  
  513. #tags a:hover {
  514. opacity:.9;
  515. color:{color:link};
  516. }
  517.  
  518. #stuff:hover #postinfo{
  519. opacity:1;
  520. -moz-transition-duration:0.5s;
  521. -webkit-transition-duration:0.5s;
  522. -o-transition-duration:0.5s;
  523. }
  524.  
  525. #stuff:hover #tags{
  526. opacity:1;
  527. -moz-transition-duration:0.5s;
  528. -webkit-transition-duration:0.5s;
  529. -o-transition-duration:0.5s;
  530. }
  531.  
  532. #postinfo:hover #tags{
  533. color:{color:Text};
  534. }
  535.  
  536. .note {
  537. text-transform:lowercase;
  538. font-style:normal;
  539. letter-spacing:0px;
  540. font-size: 9px;
  541. text-align:left;
  542. line-height:90%;
  543. margin-left:0px;
  544. margin-top: 50px;
  545. }
  546.  
  547. .note li {
  548. list-style-type:none;
  549. padding:10px 10px 10px 10px;
  550. text-align:left;
  551. -moz-transition-duration:0.5s;
  552. -webkit-transition-duration:0.5s;
  553. -o-transition-duration:0.5s;
  554. }
  555.  
  556. .note img{
  557. display:none;
  558. }
  559.  
  560. .note li a{
  561. font-style: none;
  562. padding:10px 10px 10px 10px;
  563. }
  564.  
  565. .note li a:hover{
  566. font-style:none;
  567. background-color: {color:background};
  568. padding:10px 10px 10px 10px;
  569. }
  570.  
  571. #credit {
  572. position:fixed;
  573. font-size:10px;
  574. font-weight:normal;
  575. line-height:150%;
  576. right:10px;
  577. bottom:10px;
  578. text-transform:uppercase;
  579. text-align:center;
  580. letter-spacing: 2px;
  581. }
  582.  
  583. #credit a {
  584. padding:3px;
  585. color:{color:link};
  586. background-color:{color:background};
  587. -moz-transition-duration:0.5s;
  588. -webkit-transition-duration:0.5s;
  589. -o-transition-duration:0.5s;
  590. }
  591.  
  592. #credit a:hover{
  593. -webkit-filter: blur(1px);
  594. -moz-transition-duration:0.5s;
  595. -webkit-transition-duration:0.5s;
  596. -o-transition-duration:0.5s;
  597.  
  598. }
  599.  
  600.  
  601.  
  602. {CustomCSS}
  603.  
  604. #s-m-t-tooltip {
  605. max-width:300px;
  606. padding:2px 2px 2px 2px;
  607. margin:10px 0px 0px 10px;
  608. background-color:#fff;
  609. font-family:arial;
  610. font-style:italic;
  611. font-size:7px;
  612. line-height:8px;
  613. letter-spacing:1px;
  614. text-transform:lowercase;
  615. color:{color:text};
  616. z-index: 100;
  617. }
  618.  
  619. </style></head>
  620. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  621. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  622. <script>
  623. (function($){
  624. $(document).ready(function(){
  625. $("a[title]").style_my_tooltips({
  626. tip_follows_cursor:true,
  627. tip_delay_time:10000,
  628. tip_fade_speed:100,
  629. attribute:"title"
  630. });
  631. });
  632. })(jQuery);
  633. </script>
  634.  
  635.  
  636. <div id="theme">
  637.  
  638. <div id="sidebar">
  639. <div id="subtitle"><a href="/">{text:Subtitle}</a></div>
  640. <div class="desc">
  641. {Description}
  642. </div>
  643. <div class="links2">
  644. {block:IfLink1head}
  645. <a href="{text:link1head url}">{text:link1head}</a>
  646. {/block:IfLink1head}
  647. {block:IfLink2head}
  648. <a href="{text:link2head url}">{text:link2head}</a>
  649. {/block:IfLink2head}
  650. {block:IfLink3head}
  651. <a href="{text:link3head url}">{text:link3head}</a>
  652. {/block:IfLink3head}
  653. {block:IfLink4head}
  654. <a href="{text:link4head url}">{text:link4head}</a>
  655. {/block:IfLink4head}
  656. {block:IfLink5head}
  657. <a href="{text:link5head url}">{text:link5head}</a>
  658. {/block:IfLink5head}
  659. {block:IfLink6head}
  660. <a href="{text:link6head url}">{text:link6head}</a>
  661. {/block:IfLink6head}
  662.  
  663. <div class="pagination"><div style="color:#000;">{block:Pagination}
  664. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  665. {block:JumpPagination length="5"}
  666. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  667. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  668. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  669. {/block:Pagination}</div></center>
  670.  
  671.  
  672. </div>
  673.  
  674. </div></div>
  675.  
  676. <div id="stuffcontainer">
  677.  
  678. {block:Posts}
  679.  
  680. <div id="stuff">
  681.  
  682. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  683.  
  684. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  685.  
  686. {block:Link}<div class="link"><a href="{URL}">{Name}</a></div>
  687. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  688.  
  689. {block:Photo} <div class="photo_entry"> {block:IndexPage}{block:Caption}<div class="captionholder">{Caption} </div>{/block:Caption}{/block:IndexPage} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/>{block:IndexPage}</a>{/block:IndexPage} {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage} </div> {/block:Photo}
  690.  
  691. {block:Photoset} <div class="photoset_entry"> {block:IndexPage}{block:Caption}<div class="captionholder">{Caption} </div>{/block:Caption}{/block:IndexPage} {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{Photoset-400}{block:IndexPage}</a>{/block:IndexPage} {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage} </div> {/block:Photoset}
  692.  
  693. {block:Chat}<div class="chat ol">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}<br>{/block:Lines}{/block:Chat}
  694.  
  695. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  696.  
  697. {block:Answer}<div class="ask"><i>{Asker} asked</i> {Question}</div><div class="ans">{Answer}</div>
  698. <div style= text-align:center;></div>{/block:answer}
  699.  
  700. {block:Audio}
  701. <div class="audio">
  702. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  703. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  704.  
  705. <div class="audio-info">
  706. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  707. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  708. </div></div>
  709. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  710. {/block:Audio}
  711. <br><br>
  712.  
  713. <div id="postinfo">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource} {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}</div> <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a> &nbsp&nbsp&nbsp&nbsp{/block:Tags}{/block:HasTags}</div></div>
  714. <div class="note"> {block:PostNotes}{PostNotes}{/block:PostNotes} </div>
  715. {/block:Posts} </div>
  716.  
  717.  
  718. <div id="credit"><a href="http://legilimen.tumblr.com">LG</a></div>
  719.  
  720. </div>
  721. </div>
  722. </div>
  723. </body>
  724. </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!