API tools faq
paste
laeverdeens

Theme 06

laeverdeens
Apr 21st, 2013
6,698
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.91 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3. <script type="text/javascript"
  4. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  5.  
  6. <script>
  7.  
  8.  
  9.  
  10. $(document).ready(function() {
  11.  
  12. //
  13.  
  14.  
  15.  
  16. //When you click on a link with class of poplight and the href starts with a #
  17.  
  18. $('a.poplight[href^=#]').click(function() {
  19.  
  20. var popID = $(this).attr('rel'); //Get Popup Name
  21.  
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23.  
  24.  
  25.  
  26. //Pull Query & Variables from href URL
  27.  
  28. var query= popURL.split('?');
  29.  
  30. var dim= query[1].split('&');
  31.  
  32. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  33.  
  34.  
  35.  
  36. //Fade in the Popup and add close button
  37.  
  38. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');
  39.  
  40.  
  41. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  42.  
  43. var popMargTop = ($('#' + popID).height() + 80) / 2;
  44.  
  45. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  46.  
  47.  
  48.  
  49. //Apply Margin to Popup
  50.  
  51. $('#' + popID).css({
  52.  
  53. 'margin-top' : -popMargTop,
  54.  
  55. 'margin-left' : -popMargLeft
  56.  
  57. });
  58.  
  59.  
  60.  
  61. //Fade in Background
  62.  
  63. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  64.  
  65. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  66.  
  67.  
  68.  
  69. return false;
  70.  
  71. });
  72.  
  73.  
  74.  
  75. //Close Popups and Fade Layer
  76.  
  77. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  78.  
  79. $('#fade , .popup_block').fadeOut(function() {
  80.  
  81. $('#fade, a.close').remove(); //fade them both out
  82.  
  83. });
  84.  
  85. return false;
  86.  
  87. });
  88.  
  89.  
  90.  
  91.  
  92.  
  93. });
  94.  
  95. </script>
  96.  
  97.  
  98.  
  99. <!--
  100. THEME BY CLARAOSMIN
  101.  
  102. -->
  103.  
  104. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  105.  
  106. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  107.  
  108. <!-- DEFAULT VARIABLES -->
  109. <meta name="color:Background" content="#ffffff" />
  110. <meta name="color:posts" content="#ffffff" />
  111. <meta name="color:Text" content="#696969" />
  112. <meta name="color:Linkhover" content="#ffffff"/>
  113. <meta name="color:Link" content="#cc9999" />
  114. <meta name="color:Scrollbar" content="#cc9999" />
  115. <meta name="color:QuestionBg" content="#f8f8f8" />
  116. <meta name="color:SidebarBg" content="#000000" />
  117. <meta name="color:DescBg" content="#fff" />
  118.  
  119. <meta name="text:Link 1 URL" content="">
  120. <meta name="text:Link 1" content="">
  121. <meta name="text:Link 2 URL" content="">
  122. <meta name="text:Link 2" content="">
  123. <meta name="text:Link 3 URL" content="">
  124. <meta name="text:Link 3" content="">
  125.  
  126. <meta name="image:Sidebar" content="" />
  127.  
  128. <title>{Title}</title>
  129. <link rel="shortcut icon" href="{Favicon}">
  130. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  131. {block:Description}
  132. <meta name="description" content="{MetaDescription}" />
  133. {/block:Description}
  134.  
  135. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Kite+One|Playfair+Display:400,400italic|Oswald' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  136.  
  137.  
  138.  
  139.  
  140.  
  141. </head>
  142.  
  143. <style type="text/css">
  144.  
  145. body { background:url('http://assets.tumblr.com/images/x.gif') repeat;
  146. line-height:140%;
  147. font-family: cambria;
  148. font-size:10px;
  149. text-align:justify;
  150. background-color:{color:background};
  151. color:#b5b5b5; }
  152.  
  153. a, a:active, a:visited{
  154. text-decoration: none;
  155. color: {color:link};}
  156.  
  157. small {font-size: 11px; }
  158.  
  159.  
  160. a:hover{
  161. background-color: {color:link}; color:white;
  162. -webkit-transition: all 0.3s ease-in-out;
  163. -moz-transition: all 0.3s ease-in-out;
  164. opacity: 1;
  165. -o-transition: all 0.3s ease-in-out;
  166. -ms-transition: all 0.3s ease-in-out;
  167. transition: all 0.3s ease-in-out;}
  168.  
  169.  
  170. big { font-size: 12px; }
  171.  
  172.  
  173. blockquote {text-align:left;padding-left:10px; border-color:{color:border}; border-left:2px solid #d6d4ce;}
  174. blockquote img{max-width:485px;}
  175.  
  176. /* POSTS */
  177.  
  178. #container {
  179. width: 520px;
  180. margin-left: 360px; padding: 20px; padding-top: 50px; margin-top: -10px;
  181. margin-bottom: 0px;
  182. }
  183.  
  184. .quote { font-size:14px; font-style:italic; text-align:center; }
  185. .source { width:400px; float:center; margin:auto; margin-top:10px; padding-top:5px; text-align:center; border-top:3px double #f1f1f1; }
  186.  
  187. .quote-source { margin-top:-40px; text-align:center; margin-bottom:20px; }
  188. .source { letter-spacing:1px;background-color:#ffffff; padding:5px;}
  189. .quote-border { border-top:3px double #dddddd; padding:10px;margin:20px 0 10px 0; }
  190.  
  191.  
  192. #pagey { font-size: 6px; }
  193. #pagey:a { font-size: 6px; }
  194.  
  195. h1{ font-weight: 500;
  196. font-size: 15px!important; font-family: playfair display; text-transform: lowercase; font-style: italic; line-height: 100%;
  197. }
  198.  
  199.  
  200.  
  201. #post {
  202. margin-bottom: 15px; padding: 10px;
  203. width: 500px;
  204. background-color:{color:background};
  205. color:{color:text};
  206. text-align: justify;
  207. }
  208.  
  209. .iuu{ opacity: 1; color: #747474; margin-bottom: -5px; border-top: 1px solid #f1f1f1; margin-top: -2px;}
  210.  
  211.  
  212. .iuu a { color: #747474; font-family:times; letter-spacing: 0px; text-transform:uppercase; font-size:8px; }
  213. .iuu a:hover { color: #fff; }
  214.  
  215.  
  216.  
  217. .credit {right: 1px;bottom: 5px;text-transform: uppercase; position: fixed; font-size: 8px; right: 7px;}
  218.  
  219.  
  220. /* SIDEBAR */
  221.  
  222. #top {
  223. margin-top:-115px;
  224. width:550px;
  225. margin-left:430px; padding: 30px; padding-bottom: 15px;
  226. position:fixed; background-color: #fff;
  227. }
  228.  
  229. #menu a {
  230. padding:5px; color:#fff; background-color: #030303;
  231. margin:0 10px;
  232. font-size: 8px;
  233. letter-spacing: 1px; font-family: calibri;
  234. text-transform: uppercase;
  235. -webkit-transition: all 0.2s ease-out;
  236. -o-transition: all 0.2s ease-out;
  237. -webkit-transition: all 0.2s ease-out;
  238. -moz-transition: all 0.2s ease-out;
  239. }
  240.  
  241. #blogtitle {background-color: transparent; margin-top:5px; height:auto; padding:4px; font-family:Calibri; font-size:15px; text-transform:lowercase; font-style:none; width:500px; margin-left:6px; margin-bottom: 5px;}
  242.  
  243. #blogtitle a {padding:2px; color: {color:text}; font-size:20px; font-style:italic; font-family: times;}
  244.  
  245. /* AUDIO */
  246.  
  247. .audio {
  248. height:60px;
  249. padding:5px; margin-bottom: 55px; margin-top: 0px;
  250. }
  251.  
  252. .audio-album {
  253. position:absolute;
  254. width:110px; }
  255.  
  256. .audio-player {
  257. opacity:.5;
  258. border:25px solid #fff;
  259. width:25px;
  260. height:25px;
  261. overflow:hidden;
  262. position:absolute;
  263. z-index:2;
  264. margin-left:18px;
  265. margin-top:18px; }
  266.  
  267. .audio-info {
  268. margin-top:0px;
  269. position:relative;
  270. margin-left:120px;
  271. line-height:180%;
  272. padding:4px; }
  273.  
  274.  
  275.  
  276. /* ANSWERS */
  277.  
  278. #question {padding:10px;background-color: {color:questionbg};position: relative;border: 4px solid #f2f2f2;}
  279. #question:after, #demo:before {border: solid transparent;content: ' ';height: 0;left: 100%;position: absolute;width: 0;}
  280. #question:after {border-width: 9px;border-left-color: #f2f2f2;top: 15px;}
  281. #question:before {border-width: 14px;border-left-color: #f2f2f2;top: 10px;}
  282.  
  283.  
  284. .la { opacity: 0; margin-top: -10px; }
  285.  
  286. /* INFO */
  287.  
  288.  
  289. .ask {
  290. text-align:justify;
  291. padding:0px;
  292. line-height:14px;
  293. font-size:10px;
  294. }
  295.  
  296. .ask a:hover {
  297. background-color:transparent;
  298. }
  299.  
  300.  
  301.  
  302.  
  303. /* CONTROLS */
  304.  
  305. iframe#tumblr_controls {
  306. right:3px !important;
  307. position: fixed !important;
  308. -webkit-transition: opacity 0.7s linear;
  309. opacity: 0.2;
  310. -webkit-transition: all 0.8s ease-out;
  311. -moz-transition: all 0.8s ease-out;
  312. transition: all 0.8s ease-out;}
  313.  
  314. iframe#tumblr_controls:hover{
  315. -webkit-transition: opacity 0.7s linear;
  316. opacity: 1;
  317. -webkit-transition: all 0.4s ease-out;
  318. -moz-transition: all 0.4s ease-out;
  319. transition: all 0.4s ease-out;}
  320.  
  321. iframe#tumblr_controls {
  322. top: 0% !important;
  323. right:0% !important;
  324. position: fixed !important;}
  325.  
  326. /* PAGINATION */
  327.  
  328.  
  329.  
  330. .jump_page {
  331. padding:3px;
  332. background-color:#transparent; }
  333.  
  334. .current_page {
  335. padding:3px;
  336. background-color:#transparent;
  337. color:{color:text};}
  338.  
  339. #leftcolumn {
  340. position:fixed;
  341. width:130px;
  342. padding:10px;
  343. margin-left:0px;
  344. text-align:right;
  345. }
  346.  
  347.  
  348.  
  349. /* SCROLLBAR */
  350.  
  351. ::-webkit-scrollbar-thumb:vertical {
  352. background-color:{color:scrollbar};
  353. height:30px;}
  354.  
  355. ::-webkit-scrollbar-thumb:horizontal {
  356. background-color:{color:scrollbar};
  357. height:10px!important;}
  358.  
  359. ::-webkit-scrollbar {
  360. background-color:{color:background};
  361. height:10px;width:08px;}
  362.  
  363.  
  364.  
  365. .links { opacity: 1; margin-left: -5px; width: 215px; border-top: 1px solid #f1f1f1; }
  366.  
  367.  
  368. .links a, .links a:link, .links a:active, .links a:visited {
  369. width: 70px; margin: 2px;
  370. text-align: center; text-transform: lowercase;
  371. font-family: times;
  372. font-size: 9px; font-style: italic;
  373. letter-spacing: 1px; padding: 3px;
  374. color: #fff; margin-top: 5px; line-height: 300%;
  375. }
  376.  
  377. .links a:hover { color: #fff; }
  378.  
  379.  
  380. @font-face { font-family: "justus"; src: url('http://static.tumblr.com/ihkaswt/Botmiprgt/justus-versalitas.ttf'); }
  381.  
  382.  
  383.  
  384. .tags { opacity: 1; color: 747474;
  385. margin-left: -2px; margin-top:5px;text-align: left; text-transform: lowercase; color: #7c7c7c; }
  386.  
  387. .tags a { font-family:times; text-transform: lowercase; font-style: italic; font-size:9px; color: #747474; letter-spacing: 0px;}
  388.  
  389. .tags a:hover {color: #fff; }
  390.  
  391.  
  392.  
  393.  
  394. ol.notes li {
  395. width: 500px; color: {color:text};
  396. padding: 10px; margin-top: -40px; font-family: times;
  397. margin: 0 0 3px -50px;
  398. border-bottom: 1px solid #f2f2f2; }
  399.  
  400.  
  401.  
  402. ol.notes li a {
  403. font-style: italic; }
  404.  
  405. ol.notes li img {
  406. padding-right: 10px;
  407. margin-bottom: -5px;
  408. opacity: 0.85;
  409. filter:alpha(opacity=85); }
  410.  
  411. ol.notes li:hover { border-bottom: 1px solid #f2f2f2; }
  412. ol.notes li img:hover { opacity: 1; filter:alpha(opacity=100); }
  413.  
  414. .nav2 {position: fixed;width: 500px; padding: 10px 20px; background-color: #fff; color: #777; bottom: 0px; margin-left: 350px; text-align: center; font-size: 12px; font-style: italic; font-family: times;}
  415.  
  416. .linksy { margin-top: 35px; margin-left: -26px;}
  417.  
  418. .linksy a{
  419. font-family: times; display: block;
  420. line-height: 20px;
  421. font-size: 7px !important;
  422. text-transform: uppercase;
  423. letter-spacing: 2px; text-align: center;
  424. background-color: white;
  425. width: 167px; padding: 5px;
  426. height: 20px;
  427. color: #1D1D17;
  428. margin-bottom: 3px;}
  429.  
  430. #shipcont { width: 300px; height: 200px; position: fixed; top: 0; }
  431.  
  432. .shiptitle { position: absolute; top: 362px; left: 75px; width: 50px; height: 260px; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; }
  433.  
  434. .shiptitle h3 { font-weight: normal; writing-mode:tb-rl; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg); white-space:nowrap; font-family: justus; font-size: 35px; font-style: italic; color: #414141; }
  435.  
  436.  
  437. .shipmaintext { position: absolute; top: 325px; padding: 25px; left: 70px; width: 145px; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; color: #5f5f5f; font-family: times; font-size: 10px; text-align: justify; background-color: {Color:DescBg}; }
  438.  
  439.  
  440. #pagination{font-family:times; font-size:10px; letter-spacing:1px; margin-top:180px; width:130px; padding:8px; text-align:right; margin-left:80px; position: fixed; color: {Color:DescBg};}
  441.  
  442. {CustomCSS}
  443. </style>
  444.  
  445. <body>
  446.  
  447. <div style="width: 340px; left: 0px; top: 0px; position: fixed; background-color: {Color:SidebarBg}; height: 100%;"></div>
  448.  
  449. <div style="width: 150px; top: 130px; left: 100px; height: 150px; position: fixed; border-radius: 100px; background-image:url({Image:Sidebar}); background-position: top left;"></div>
  450.  
  451.  
  452. <div id="shipcont"><div class="links" style="border-top: 0px solid #f1f1f1; margin-top: 291px; margin-left: 58px;"><center>
  453. <a href="/">home</a>
  454. <a href="/ask">ask</a> <a href="{text:Link 1 URL}">{text:Link 1}</a>
  455.  
  456. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  457. <a href="{text:Link 3 URL}">{text:Link 3}</a> </div>
  458.  
  459. <div class="shipmaintext">
  460. <span>
  461.  
  462. {Description}</span>
  463.  
  464. <center>
  465. </div>
  466.  
  467.  
  468. {block:Pagination}<div id="pagination">
  469. {block:PreviousPage}
  470. <a href="{PreviousPage}"><</a>
  471. {/block:PreviousPage}
  472.  
  473. {CurrentPage} of {TotalPages}
  474.  
  475. {block:NextPage}
  476. <a href="{NextPage}">></a>
  477. {/block:NextPage}
  478. </div> {/block:Pagination}
  479. </div>
  480.  
  481.  
  482.  
  483.  
  484. <div id="container">
  485.  
  486.  
  487. {block:Posts}
  488. <div id="post">
  489.  
  490.  
  491.  
  492. {block:ContentSource}
  493. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  494. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  495. {/block:SourceLogo}
  496. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  497. {/block:ContentSource}
  498.  
  499.  
  500. {block:Text}
  501. {block:Title}<h1>{Title}</h1>{/block:Title}
  502. {Body}
  503. {/block:Text}
  504.  
  505. {block:Photo}
  506. {LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}
  507. {Caption}
  508. {/block:Photo}
  509.  
  510. {block:Photoset}
  511. {Photoset-500}
  512. {Caption}
  513. {/block:Photoset}
  514.  
  515. {block:Quote}
  516. <div class="quote">"{Quote}"</div>
  517. {block:Source}
  518. <div class="source">- {Source}</div>
  519. {/block:Source}
  520. {/block:Quote}
  521.  
  522. {block:Link}
  523. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  524. {block:Description}{Description}{/block:Description}
  525. {/block:Link}
  526.  
  527.  
  528. {block:Video}
  529. {Video-500}
  530. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  531. {/block:Video}
  532.  
  533.  
  534. {block:Chat}
  535. {block:Title}<h1>{Title}</h1>{/block:Title}
  536. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  537. {/block:Chat}
  538.  
  539.  
  540. {block:Answer}
  541. <div class="ask"><div style="color: #555555; padding: 10px; padding-bottom: 8px; background-color: #f7f7f7; text-transform: none; font-family: times; font-style: italic;"><table><td><img src="{AskerPortraitURL-30}" style="border: 8px solid #fff; margin: 1px; margin-right: 5px;"></td><td><font style="font-size: 8px; text-transform: uppercase; width: 64px; line-height: 30%; margin-top: -10px; letter-spacing: 1px;"> {Asker} SAID:</font><br><font style="text-transform: lowercase;">
  542. {Question}</font></td></table>
  543. </div><div style="margin-left: 0px; margin-top: -5px;">
  544. {Answer}</div></div>
  545. {/block:Answer}
  546.  
  547. {block:Audio}
  548. <div class="audio">
  549. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  550. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  551.  
  552. <div class="audio-info">
  553. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  554. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  555. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  556. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  557. </div></div>
  558. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  559. {/block:Audio}
  560.  
  561.  
  562.  
  563. <div style="margin-top: 8px;">
  564.  
  565. <div class="tags" style="line-height: 150%; margin-left: 0px; width: 500px; margin-top: 0px; margin-bottom: 3px; padding-top: 3px; border-top: 1px solid #f1f1f1;">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} &nbsp; </a>
  566. {/block:Tags}{/block:HasTags}</div>
  567.  
  568.  
  569. <div class="iuu" style="margin-bottom: 45px;"><div style="font-family: cambria; font-size: 8px; line-height: 9px; color: #1e1d18; text-align: justify; text-transform: uppercase; letter-spacing: 2px; width: 500px; font-family: times; padding-bottom: 0px; padding-top: 1px; color: #797979; margin-top: 5px;"> <a href="{Permalink}"> {block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}(<font color="#d71732">&hearts;</font>{NoteCount}){/block:NoteCount} </a> <div style="float:right;">{block:RebloggedFrom}
  570.  
  571.  
  572. <div style="float: right; height: 16px; letter-spacing: 3px; margin-left: 10px; margin-right: -10px; padding-bottom: 5px; padding-right: 10px; padding-left: 5px;"><a href="{ReblogParentURL}">VIA</a> <a href="{ReblogRootURL}">(SOURCE)</a></div> {/block:RebloggedFrom} </div></div></div>
  573.  
  574.  
  575. </div> </div>
  576.  
  577.  
  578.  
  579.  
  580. {block:PermalinkPage}{block:PostNotes}<div style="width:500px;"><div style="text-align:left;padding-bottom:10px; ">
  581. <ol class="notes">{PostNotes}</div></div>{/block:PostNotes}{/block:PermalinkPage}
  582.  
  583. {/block:Posts}
  584.  
  585.  
  586. </div>
  587.  
  588.  
  589. </div>
  590. <a href="{ReblogRootURL}" title="{ReblogRootName}"></a>
  591. <div style="float: center;">{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentName}">{ReblogParentName}</a> (© <a href="{ReblogRootURL}" title="{ReblogRootName}">{ReblogRootName}</a>) {/block:RebloggedFrom}</div><div class="credit" style="font-family: calibri; font-size: 8px;"><a href="http://claraosmin.tumblr.com/">CLARAOSMIN</a></div>
  592. </body>
  593. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!