API tools faq
paste
Advertisement
maryaciolli

theme holton

maryaciolli
Feb 17th, 2014
627
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.32 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.  
  3. <html>
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9.  
  10. <! - - - - - - - - - - - - - - - - - - - - - - - - - -
  11. new theme ♡
  12. theme by oficinadehtml.tumblr.com
  13. @hollandsrod3n
  14. - - - - - - - - - - - - - - - - - - - - - - - - - - !>
  15.  
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23.  
  24. <!--Default Variables are here, folks-->
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#cccccc"/>
  27. <meta name="color:link" content="#a7a7a7"/>
  28. <meta name="color:links hover" content="#a8a8a8"/>
  29. <meta name="color:title"content="#505050"/>
  30. <meta name="color:scrollbar" content="#d5d5d5" />
  31. <meta name="color:permalink" content="#c5c5c5"/>
  32. <meta name="color:ask and chat" content="#eeeeee"/>
  33.  
  34. <meta name="image:side image" content="http://static.tumblr.com/661658395838efedaa58ec11ee27bb08/jqlwb54/MgImswlzj/tumblr_static_tumblr_static_holland_s1.png"/>
  35.  
  36. <meta name="text:Link 1 URL" content="" />
  37. <meta name="text:Link 1" content="" />
  38. <meta name="text:Link 2 URL" content="" />
  39. <meta name="text:Link 2" content="" />
  40. <meta name="text:Link 3 URL" content="" />
  41. <meta name="text:Link 3" content="" />
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46. #s-m-t-tooltip{
  47. font-size:9px;
  48. position:absolute;
  49. margin-top: 15px;
  50. letter-spacing:1px;
  51. z-index:9999;
  52. background:rgba(255,255,255,1);
  53. border-radius:2px;
  54. color:black;
  55. padding:2px 3px 2px 3px;
  56. -webkit-transition:all 0.3s;
  57. -moz-transition:all 0.3s;
  58. -ms-transition:all 0.3s;
  59. -o-transition:all 0.3s;
  60. transition:all 0.3s;
  61. }
  62.  
  63.  
  64.  
  65. /*scrollbar*/
  66. ::-webkit-scrollbar{height: 5px;
  67. width: 3px;
  68. -webkit-border-radius: 0px;
  69. background-color:{color:background}}
  70. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  71. ::-webkit-scrollbar-track{background-color:{color:background};}
  72.  
  73.  
  74.  
  75.  
  76.  
  77. #credit {position:fixed;
  78. opacity:1;
  79. bottom:5px;
  80. right:10px;
  81. text-transform:uppercase;
  82. padding:5px 5px;
  83. font-size:12px;}
  84.  
  85.  
  86. /*main structure*/
  87. blockquote {
  88. padding:5px 0 5px 15px;
  89. border-left:2px solid {color:text};
  90. margin-left:30px;
  91. }
  92.  
  93.  
  94. body {
  95. background:{color:background};
  96. color:{color:text};
  97. font-family:sans-serif;
  98. font-size:11px;
  99. text-align:justify;
  100. margin:0;
  101. line-height:14px;}
  102.  
  103.  
  104. a {
  105. color:{color:link};
  106. text-decoration:none;
  107. -webkit-transition:all 0.3s;
  108. -moz-transition:all 0.3s;
  109. -ms-transition:all 0.3s;
  110. -o-transition:all 0.3s;
  111. transition:all 0.3s; }
  112.  
  113. a:hover {
  114. color:{color:links hover};
  115. -webkit-transition:all 0.3s;
  116. -moz-transition:all 0.3s;
  117. -ms-transition:all 0.3s;
  118. -o-transition:all 0.3s;
  119. transition:all 0.3s; }
  120.  
  121. img{
  122. opacity:1;
  123. border:none;
  124. text-decoration:none}
  125.  
  126.  
  127. b, strong {
  128. color:{color:title}}
  129. i, em {
  130. color:{color:text}}
  131. p {
  132. margin-top:5px;
  133. margin-bottom:5px}
  134. ol {
  135. list-style:normal;}
  136. ul {
  137. list-style:square;}
  138.  
  139. small {
  140. font-size:8px;}
  141.  
  142. big {
  143. font-size:12px;}
  144.  
  145.  
  146.  
  147.  
  148. #title {font-size:14px;
  149. line-height:18px;
  150. font-weight:bold;
  151. text-align:left;
  152. color:{color:title};}
  153. #title a {color:{color:title};}
  154.  
  155.  
  156.  
  157.  
  158. /*header*/
  159. #headers {
  160. position:fixed;
  161. text-align:left;
  162. top:250px;
  163. opacity:1;
  164. margin-left:-120px;
  165. width:90px;
  166. }
  167.  
  168.  
  169.  
  170.  
  171. #standardlinks {
  172. font-size:9px;
  173. margin-top:3px;
  174. text-align:right;
  175. text-transform:lowercase;
  176. font-weight:normal;
  177. }
  178.  
  179.  
  180. #standardlinks a {
  181. padding:0 2px;
  182. }
  183. #standardlinks a:hover {font-style:italic;
  184. text-decoration:none;}
  185.  
  186.  
  187. #s img {width:90px;
  188. -webkit-transition:all 0.3s;
  189. -moz-transition:all 0.3s;
  190. -ms-transition:all 0.3s;
  191. -o-transition:all 0.3s;
  192. transition:all 0.3s;
  193. }
  194.  
  195. #s img:hover {-webkit-filter: grayscale(0.6);
  196. -webkit-transition:all 0.3s;
  197. -moz-transition:all 0.3s;
  198. -ms-transition:all 0.3s;
  199. -o-transition:all 0.3s;
  200. transition:all 0.3s; }
  201.  
  202. #blogt {font-size:14px;
  203. font-weight:bold;
  204. text-align:center;
  205. color:{color:title};
  206. margin-bottom:3px;}
  207.  
  208. #description {
  209. font-size:9px;
  210. line-height:14px;
  211. border-top:0px solid {color:text};
  212. padding-top:2px;
  213. text-align:justify;
  214. }
  215.  
  216.  
  217. /*pagination*/
  218. #pagination {
  219. text-align:center;
  220. color:{color:blog title};
  221. margin-bottom:8px;
  222. margin-top:6px;
  223. }
  224. #pagination a {
  225. color:{color:blog title};
  226. font-size:10px;
  227. line-height:14px;
  228. font-weight:bold;
  229. }
  230.  
  231. .numbers, .numbers a { -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; padding:2px 4px;}
  232.  
  233. .current {background: #eee; border: 1px solid #eee; color: #b5b5b5;}
  234.  
  235. .numbers:hover, .numbers a:hover {color: #fff; opacity: .6; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s;}
  236.  
  237.  
  238.  
  239. /*container*/
  240. #con {
  241. left:50%;
  242. margin-left:-200px;
  243. position:absolute;
  244. }
  245.  
  246.  
  247.  
  248. /*posts*/
  249.  
  250. #entries {
  251. margin-top:75px;
  252. width:400px;
  253. }
  254.  
  255.  
  256.  
  257. #posts {
  258. width:400px;
  259. {block:IndexPage}
  260. margin-bottom:150px;
  261. {/block:IndexPage}
  262. {block:PermalinkPage}
  263. margin-bottom:50px;
  264. {/block:PermalinkPage}
  265. }
  266. #posts img {
  267. max-width:400px;
  268. }
  269.  
  270.  
  271.  
  272.  
  273. #titlequote{
  274. font-size:14px;
  275. line-height:18px;
  276. letter-spacing:-1px;
  277. font-weight:bold;
  278. text-align:left;
  279. color:{color:title};
  280. }
  281.  
  282.  
  283. #source {text-align:right;
  284. padding-top:5px;
  285. font-size:9px}
  286.  
  287. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  288. .caption img{max-width:100%;}
  289. .caption {width:100%;
  290. text-transform:none;
  291. margin-top:5px;
  292. }
  293.  
  294.  
  295.  
  296. /*audio*/
  297.  
  298. .player {
  299. width:25px;
  300. height:25px;
  301. overflow:hidden;
  302. margin-left:15px;
  303. padding-top:15px;
  304. z-index:2;}
  305.  
  306. .audioinfo {
  307. text-align:right;
  308. z-index:2;
  309. position:absolute;
  310. color:white;
  311. padding-top:17px;
  312. letter-spacing:1px;
  313. width:280px;
  314. margin-left:100px;
  315. }
  316.  
  317.  
  318. .playerback {height:60px;
  319. width:100%;
  320. background-color:black;
  321. }
  322.  
  323.  
  324.  
  325.  
  326.  
  327. /*asks*/
  328. #question {}
  329. .as {
  330. font-weight:none;
  331. margin-right:5px;
  332. letter-spacing:1px;
  333. text-transform:uppercase;
  334. font-size:8px;}
  335. .as a {color:{color:text};}
  336. .q {
  337. background:{color:ask and chat};
  338. padding:5px;
  339. text-align:justify;
  340. }
  341. .a {color:{color:text};
  342. padding:10px 20px;
  343. text-align:justify;}
  344.  
  345.  
  346.  
  347. .chat ol {
  348. padding:0;
  349. line-height:180%;
  350. list-style:none;
  351. }
  352.  
  353. .line.odd {
  354. background-color:{color:ask and chat};
  355. border-radius:2px;
  356. padding:5px;
  357. }
  358.  
  359. .line.even {
  360. background-color:{color:background};
  361. padding:5px;
  362. }
  363.  
  364. .label {font-weight:bold;
  365. padding-right:1px;
  366. letter-spacing:1px;
  367. text-transform:uppercase;
  368. color:{color:title};
  369. }
  370.  
  371.  
  372.  
  373.  
  374.  
  375. /*permalink and notes*/
  376.  
  377.  
  378. #permalink {
  379. margin-bottom:15px;
  380. color:{color:permalink};
  381. font-size:7px;
  382. text-align:right;
  383. letter-spacing:1px;
  384. text-transform:uppercase;
  385. border-top:1px solid {color:permalink}
  386. }
  387. #permalink a {color:{color:permalink};
  388. }
  389.  
  390. .d {background:{color:background};
  391. padding-left:5px;
  392. margin-top:-7px;
  393. right:0px;
  394. position:absolute;}
  395.  
  396. .tags{
  397. display:none;
  398. margin-top:10px;
  399. word-break:break-all;
  400. font-size:9px;
  401.  
  402.  
  403. }
  404. .tags a{
  405. letter-spacing:1px;
  406. padding:0 5px;
  407. color:{color:permalink};
  408. text-transform:none;}
  409.  
  410.  
  411. .pagenotes {
  412. {block:IndexPage}
  413. display: none!important;
  414. {/block:IndexPage}
  415. {block:PermalinkPage}
  416. width:400px;
  417. {/block:PermalinkPage}
  418. text-align:left;
  419. height:250px;
  420. overflow-x:hidden;
  421. overflow-y:auto;
  422.  
  423. }
  424. .pagenotes img {
  425. display:none!important;}
  426. .pagenotes li {
  427. list-style-type:none;
  428. padding:5px 0px;
  429. text-align:left;
  430. margin:0 0 0 -40px;
  431. font-size:8px;
  432. text-transform:uppercase;
  433. border-bottom:1px solid #eee;
  434. }
  435.  
  436. .t {
  437. font-size:11px;
  438. letter-spacing:1px;
  439. color:{color:title};
  440. text-transform:uppercase;}
  441.  
  442.  
  443. .slinks {
  444. width: 90px;
  445. margin-top: 2px;
  446. font-family: sans-serif;
  447. font-size:9px;}
  448.  
  449.  
  450. {CustomCSS}
  451.  
  452.  
  453. </style>
  454.  
  455.  
  456.  
  457.  
  458. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  459.  
  460. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  461.  
  462. <script>
  463.  
  464. (function($){
  465.  
  466. $(document).ready(function(){
  467.  
  468. $("a[title]").style_my_tooltips({
  469.  
  470. tip_follows_cursor:true,
  471.  
  472. tip_delay_time:30,
  473.  
  474. tip_fade_speed:300,
  475.  
  476. attribute:"title"
  477.  
  478. });
  479.  
  480. });
  481.  
  482. })(jQuery);
  483.  
  484. </script>
  485.  
  486.  
  487.  
  488. </head>
  489.  
  490. <body>
  491.  
  492.  
  493. <div id="con">
  494.  
  495. <div id="headers">
  496.  
  497. <div id="blogt">
  498. {Title}
  499. </div>
  500.  
  501. <div id="pagination">
  502. <center>
  503. {block:JumpPagination length="3"}
  504. {block:CurrentPage}<span class="numbers current">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="numbers" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  505. {block:Pagination}{block:NextPage}<a class="next numbers" href="{NextPage}"> » </a>{/block:NextPage}{/block:Pagination}
  506. </center>
  507. </div>
  508.  
  509.  
  510. <div id="s">
  511. <a href="/"><img src="{image:side image}"></a>
  512. </div>
  513.  
  514. <div id="description">{Description}</div>
  515.  
  516. <select class="slinks" onChange="location.href=this.options[this.selectedIndex].value;">
  517. <option>✰ navigation ✰</option>
  518. <option><a href="/">home</a></option>
  519. <option><a href="/ask">inbox</a></option>
  520. <option>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}</option>
  521. <option>{block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}</option>
  522. <option>{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</option>
  523. </select>
  524.  
  525. </div>
  526.  
  527.  
  528.  
  529.  
  530. <div id="entries">
  531.  
  532. {block:Posts}
  533. <div id="posts">
  534. {block:Date}
  535. <div id="permalink">
  536. <span class="d">
  537. <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} <span style="font-family:arial">♥</span> <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}</span>
  538. {block:PermalinkPage}
  539. {block:ContentSource}
  540. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  541. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  542. {/block:SourceLogo}
  543. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  544. {/block:ContentSource}
  545. {block:RebloggedFrom}<span style="float:left"><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}</span>{/block:RebloggedFrom}
  546. {/block:PermalinkPage}</span>
  547. </div>
  548. {/block:Date}
  549.  
  550.  
  551. {block:Quote}
  552.  
  553.  
  554. <div id="titlequote">“ {Quote} ”</div>
  555. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  556. {/block:Quote}
  557.  
  558.  
  559.  
  560. {block:Text}
  561.  
  562. {block:Title}
  563. <div id="title">{Title}</div>{/block:Title}
  564. {Body}
  565.  
  566.  
  567. {/block:Text}
  568.  
  569. {block:Link}
  570.  
  571. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  572.  
  573. {/block:Link}
  574.  
  575. {block:Chat}
  576. {block:Title}
  577. <h1>{Title}</h1>
  578. {/block:Title}
  579. <div class="chat">
  580. <ol>{block:Lines}
  581. <li class="line {Alt}">
  582. {block:Label}
  583. <span class="label">
  584. {Label}</span>
  585. {/block:Label}{Line}</li>
  586. {/block:Lines}
  587. </ol></div>
  588. {/block:Chat}
  589.  
  590. {block:Photo}
  591. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  592. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  593.  
  594.  
  595. {/block:Photo}
  596.  
  597. {block:Photoset}
  598.  
  599. <center>{Photoset-400}</center>
  600. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  601.  
  602.  
  603.  
  604. {/block:Photoset}
  605.  
  606. {block:Video}
  607.  
  608.  
  609.  
  610. {Video-400}
  611. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  612. {/block:Video}
  613.  
  614.  
  615.  
  616. {block:Audio}
  617.  
  618. <div class="audioinfo">
  619. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  620. </div>
  621. <div class="playerback">
  622. <div class="player">{AudioPlayerBlack}</div>
  623. </div>
  624. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  625.  
  626.  
  627. {/block:Audio}
  628.  
  629. {block:Answer}
  630. <div id="question">
  631. <div class="q"><span class="as">{Asker} said:</span>
  632. {Question}</div>
  633. <div class="a">{Answer}</div>
  634. </div>
  635.  
  636. {/block:Answer}
  637.  
  638.  
  639.  
  640. {block:Date}
  641.  
  642.  
  643. {block:Date}
  644. {block:HasTags}<div class="tags"><span style="font-size:10px;">+</span>{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  645. {/block:Date}
  646.  
  647.  
  648.  
  649. </div>
  650.  
  651.  
  652.  
  653.  
  654.  
  655. {block:PermalinkPage}
  656. {/block:PermalinkPage}
  657. <div class="pagenotes">
  658. {block:NoteCount}<div class="t">Notes</div>{/block:NoteCount}
  659. {PostNotes}
  660. </ol>
  661.  
  662.  
  663. </div>
  664. {/block:PostNotes}
  665. {/block:Posts}
  666.  
  667.  
  668.  
  669.  
  670.  
  671. </div>
  672. <div id="credit" data="credit"><a href="http://oficinadehtml.tumblr.com" title="credit (c)">♕</div>
  673.  
  674. </body></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!