Advertisement
macmcdonal

theme 01

May 24th, 2015
532
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.09 KB | None | 0 0
  1. <!----
  2.  
  3. THEME 01 MADE BY NMIMARKS
  4.  
  5. please keep the theme credit intact and do not steal or redistribute
  6.  
  7. enjoy!!
  8.  
  9. ---->
  10.  
  11.  
  12. <html>
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  21.  
  22.  
  23. <meta name="color:background" content="#ffffff"/>
  24. <meta name="color:text" content="#606060"/>
  25. <meta name="color:link" content="#4b4b4b"/>
  26. <meta name="color:hover" content="#dcdcdc"/>
  27. <meta name="color:sidebarlink" content="#b3b3b3"/>
  28. <meta name="color:sidebarlinkhover" content="#878787"/>
  29. <meta name="color:title" content="#000000"/>
  30. <meta name="color:titlehover" content="#dcdcdc"/>
  31. <meta name="color:blockquote" content="#dcdcdc"/>
  32.  
  33. <meta name="text:Link 1 URL" content="" />
  34. <meta name="text:Link 1" content="" />
  35. <meta name="text:Link 2 URL" content="" />
  36. <meta name="text:Link 2" content="" />
  37. <meta name="text:Link 3 URL" content="" />
  38. <meta name="text:Link 3" content="" />
  39.  
  40. <meta name="image:sidebarimage" content=""/>
  41. <meta name="if:roundicon" content="0"/>
  42. <meta name="if:400px" content="0" />
  43.  
  44.  
  45. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  46.  
  47. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:200,
  54. tip_fade_speed:300
  55. }
  56. );
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <style type="text/css">
  62.  
  63. #s-m-t-tooltip {
  64. max-width:300px;
  65. margin:15px;
  66. padding:2px 3px;
  67. border:1px solid #eaeaea;
  68. border-radius:0px;
  69. background:#f9f9f9;
  70. color:#7c7c7c;
  71. z-index:999999;
  72. font-size:9px;
  73. text-transform:lowercase;
  74. font-family:arial, helvetica;
  75. }
  76.  
  77. ::-webkit-scrollbar-thumb {
  78. background-color: #d0d0d0;
  79. height: auto;
  80. border: 2px solid #fbfbfb;
  81. }
  82.  
  83. ::-webkit-scrollbar {
  84. background-color: #ffffff;
  85. height:10px;
  86. width:12px;
  87. border: 5px
  88. solid #fbfbfb;
  89. }
  90.  
  91. body {
  92. font-size: 10px;
  93. font-family: arial, helvetica;
  94. color: {color:text};
  95. background-color: #ffffff;
  96. text-align:left;
  97. word-break:none;
  98. }
  99.  
  100. a {
  101. color: {color:link};
  102. text-decoration: none;
  103. -moz-transition-duration: 0.5s;
  104. -o-transition-duration: 0.5s;
  105. -webkit-transition-duration: 0.5s;
  106. transition-duration: 0.5s;
  107. }
  108.  
  109. a:hover {
  110. color: {color:hover};
  111. -moz-transition-duration: 0.5s;
  112. -o-transition-duration: 0.5s;
  113. -webkit-transition-duration: 0.5s;
  114. transition-duration: 0.5s;
  115. }
  116.  
  117. .container {
  118. width: 1000px;
  119. margin: auto;
  120. }
  121.  
  122. .sidebar1 {
  123. width: 100px;
  124. position:fixed;
  125. margin-top:220px;
  126. margin-left:15px;
  127. float:left;
  128. }
  129.  
  130.  
  131. .sidebar2 {
  132. width:200px;
  133. position:fixed;
  134. margin-left:780px;
  135. margin-top:300px;
  136. float:right;
  137. }
  138.  
  139.  
  140. #sidebarimage {
  141. max-width:100px;
  142. {block:ifroundicon}
  143. border-radius:100px;
  144. {/block:ifroundicon}
  145. }
  146.  
  147. #title {
  148. margin-left:0px;
  149. margin-right:auto;
  150. margin-top:105px;
  151. padding:0px;
  152. background-color:#ffffff;
  153. text-align:left;
  154. color:{color:text};
  155. text-transform:lowercase;
  156. font-size:14.5px;
  157. margin-bottom:10px;
  158. letter-spacing:0px;
  159. font-family: arial, helvetica;
  160. position:fixed;
  161. font-weight:bold;
  162. max-width:110px;
  163. {block:ifroundicon}
  164. max-width:100px;
  165. margin-left:auto;
  166. text-align:center;
  167. {/block:ifroundicon}
  168. }
  169.  
  170. #title a {
  171. color:{color:title};
  172. background-color:transparent;
  173. text-decoration:none;
  174. max-width:110px;
  175. {block:ifroundicon}
  176. max-width:100px;
  177. margin-left:auto;
  178. text-align:center;
  179. {/block:ifroundicon}
  180. -moz-transition-duration: 0.5s;
  181. -o-transition-duration: 0.5s;
  182. -webkit-transition-duration: 0.5s;
  183. transition-duration: 0.5s;
  184. }
  185.  
  186. #title a:hover {
  187. color:{color:titlehover};
  188. box-shadow:none;
  189. letter-spacing:1px;
  190. max-width:110px;
  191. {block:ifroundicon}
  192. max-width:100px;
  193. text-align:center;
  194. {/block:ifroundicon}
  195. -moz-transition-duration: 0.5s;
  196. -o-transition-duration: 0.5s;
  197. -webkit-transition-duration: 0.5s;
  198. transition-duration: 0.5s;
  199. }
  200.  
  201.  
  202. .sidebarlink {
  203. margin-left:auto;
  204. margin-top:-55px;
  205. font-family: arial, helvetica;
  206. font-size: 10px;
  207. position:fixed;
  208. width:200px;
  209. text-align:right;
  210. display:inline-block;
  211. }
  212.  
  213. .sidebarlink a {
  214. color:{color:sidebarlink};
  215. background-color:#f4f4f4;
  216. text-decoration:underline;
  217. -moz-transition-duration: 0.5s;
  218. -o-transition-duration: 0.5s;
  219. -webkit-transition-duration: 0.5s;
  220. transition-duration: 0.5s;
  221. }
  222.  
  223. .sidebarlink a:hover {
  224. color:{color:sidebarlinkhover};
  225. -moz-transition-duration: 0.5s;
  226. -o-transition-duration: 0.5s;
  227. -webkit-transition-duration: 0.5s;
  228. transition-duration: 0.5s;
  229. }
  230.  
  231. .sidebarlink li {
  232. list-style: none;
  233. height:15px;
  234. }
  235.  
  236. .pagination {
  237. margin-top:auto;
  238. margin-left:auto;
  239. text-align:right;
  240. text-transform:lowercase;
  241. font-weight:none;
  242. font-size:9.5px;
  243. text-decoration:none;
  244. background-color:{color:background};
  245. width:200px;
  246. }
  247.  
  248. .pagination a {
  249. padding:0 0px;
  250. text-decoration:none;
  251. background-color:{color:background};
  252. -moz-transition-duration: 0.5s;
  253. -o-transition-duration: 0.5s;
  254. -webkit-transition-duration: 0.5s;
  255. transition-duration: 0.5s;
  256. }
  257.  
  258.  
  259. .postcol {
  260. {block:ifnot400px}
  261. width: 500px;
  262. {/block:ifnot400px}
  263. {block:if400px}
  264. width: 400px;
  265. {/block:if400px}
  266. {block:ifnot400px}
  267. margin-left: 240px;
  268. {/block:ifnot400px}
  269. {block:if400px}
  270. margin-left:290px;
  271. {/block:if400px}
  272.  
  273. }
  274.  
  275. .posts {
  276. margin-bottom: 50px;
  277. margin-top:50px;
  278. background-color: #ffffff;
  279. padding: 20px;
  280. margin-left: -40px;
  281. }
  282.  
  283. .posts h2 {
  284. font-size: 12px;
  285. color: {color:text};
  286. font-weight: bold;
  287. margin: 0px;
  288. }
  289.  
  290. .posts h2 a {
  291. color: {color:link};
  292. font-weight: bold;
  293. -moz-transition-duration: 0.5s;
  294. -o-transition-duration: 0.5s;
  295. -webkit-transition-duration: 0.5s;
  296. transition-duration: 0.5s;
  297. }
  298.  
  299. .posts li {
  300. list-style: square;
  301. }
  302.  
  303. .posts blockquote {
  304. border-left: 1px solid {color:blockquote};
  305. padding-left: 7px;
  306.  
  307. }
  308.  
  309. .posts img, .posts li, .posts blockquote {
  310. {block:ifnot400px}
  311. max-width: 500px;
  312. {/block:ifnot400px}
  313. {block:if400px}
  314. max-width: 400px;
  315. {/block:if400px}
  316. }
  317.  
  318.  
  319. .question {
  320. text-align:left;
  321. text-transform:none;
  322. }
  323.  
  324. .quote {
  325. text-decoration:italic;
  326. }
  327.  
  328.  
  329. .audio {
  330. color:{color:text};
  331. margin-left:auto;
  332. margin-right:auto;
  333. padding:10px;
  334. width:auto;
  335. background-color:#f6f6f6;
  336. font-size:9.5px;
  337. font-family: arial, helvetica;
  338. text-transform:lowercase;
  339. {block:ifnot400px}
  340. max-width: 500px;
  341. {/block:ifnot400px}
  342. {block:if400px}
  343. max-width: 400px;
  344. {/block:if400px}
  345. }
  346.  
  347. .player {
  348. margin-left:auto;
  349. margin-right:auto;
  350. width:auto;
  351. height:15px;
  352. position:relative;
  353. background-color:#000;
  354. padding:10px 9px 10px 11px;
  355. overflow:hidden;
  356. {block:ifnot400px}
  357. max-width: 500px;
  358. {/block:ifnot400px}
  359. {block:if400px}
  360. max-width: 400px;
  361. {/block:if400px}
  362. }
  363.  
  364.  
  365. .cr a {
  366. position:fixed;
  367. bottom:10px;
  368. right:10px;
  369. font:9.5px arial, helvetica;
  370. text-transform:uppercase;
  371. letter-spacing:1px;
  372. background-color:#ebebeb;
  373. padding:10px;
  374. color:{color:link};
  375. -moz-transition-duration: 0.5s;
  376. -o-transition-duration: 0.5s;
  377. -webkit-transition-duration: 0.5s;
  378. transition-duration: 0.5s;
  379. }
  380.  
  381. .cr a:hover {
  382. font-size:15px;
  383. background-color:#000;
  384. color:{color:hover};
  385. }
  386.  
  387. .wholeaudio {
  388. position:relative;
  389. margin-top:10px;
  390. {block:ifnot400px}
  391. max-width: 500px;
  392. {/block:ifnot400px}
  393. {block:if400px}
  394. max-width: 400px;
  395. {/block:if400px}
  396. }
  397.  
  398.  
  399. #datenote {
  400. font-size:10px;
  401. text-align:left;
  402. margin-top:8px;
  403. display:inline-block;
  404. text-transform:lowercase;
  405. {block:ifnot400px}
  406. width: 500px;
  407. {/block:ifnot400px}
  408. {block:if400px}
  409. width: 400px;
  410. {/block:if400px}
  411. }
  412.  
  413. #datenote a {
  414. text-decoration:underline;
  415. -moz-transition-duration: 0.5s;
  416. -o-transition-duration: 0.5s;
  417. -webkit-transition-duration: 0.5s;
  418. transition-duration: 0.5s;
  419. }
  420.  
  421. #reblog {
  422. {block:ifnot400px}
  423. margin-top:-9px;
  424. {/block:ifnot400px}
  425. {block:if400px}
  426. margin-top:-9px;
  427. {/block:if400px}
  428. }
  429.  
  430. #tags {
  431. margin-top:3px;
  432. text-decoration:none;
  433. line-height:120%;
  434. width:500px;
  435. word-break:none;
  436. }
  437.  
  438. #tags a {
  439. background-color:#f9f9f9;
  440. padding: 1px 1px 1px 1px;
  441. -moz-transition-duration: 0.5s;
  442. -o-transition-duration: 0.5s;
  443. -webkit-transition-duration: 0.5s;
  444. transition-duration: 0.5s;
  445. }
  446.  
  447. #tags a:hover {
  448. color:#a7a7a7;
  449. -moz-transition-duration: 0.5s;
  450. -o-transition-duration: 0.5s;
  451. -webkit-transition-duration: 0.5s;
  452. transition-duration: 0.5s;
  453. }
  454. .pagenotes {
  455. margin-bottom:50px;
  456. margin-top:-40px;
  457. {block:IndexPage}
  458. display: none;
  459. {/block:IndexPage}
  460. {block:ifnot400px}
  461. width: 500px;
  462. {/block:ifnot400px}
  463. {block:if400px}
  464. width: 400px;
  465. {/block:if400px}
  466. text-align:left;
  467. text-transform:lowercase;
  468. }
  469.  
  470. .pagenotes img {
  471. display:none;
  472. }
  473.  
  474. .pagenotes li {
  475. list-style-type:none;
  476. padding:5px 0px;
  477. text-align:left;
  478. margin:10px 10px 10px -60px;}
  479.  
  480. #owner {
  481. position:fixed;
  482. font-size:8px;
  483. right:10px;
  484. bottom:15px;
  485. letter-spacing:1px;
  486. }
  487.  
  488. #owner a {
  489. -moz-transition-duration: 0.5s;
  490. -o-transition-duration: 0.5s;
  491. -webkit-transition-duration: 0.5s;
  492. transition-duration: 0.5s;
  493.  
  494. }
  495.  
  496. </style>
  497. </head>
  498.  
  499. <body>
  500.  
  501.  
  502. <div class="container">
  503. <img src="{image:sidebarimage}" id="sidebarimage" class="sidebar1">
  504. <div class="sidebar1"><div id="title"><a href="/">{title}</a></div></div>
  505. <div class="sidebar2">
  506. <div class="sidebarlink"><div class="description">{Description}</div>
  507.  
  508. <ul>
  509. <li><a href="/">index</a></li>
  510. <li><a href="/ask">mssg</a></li>
  511. {block:ifLink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:ifLink1}
  512. {block:ifLink2}<li><a href="{text:Link 2 URL}" >{text:Link 2}</a></li>{/block:ifLink2}
  513. {block:ifLink3}<li><a href="{text:Link 3 URL}" >{text:Link 3}</a></li>{/block:ifLink3}
  514. </ul>
  515. <div class="pagination">
  516. {block:Pagination}
  517. {block:PreviousPage}
  518. <a href="{PreviousPage}">–&nbsp;</a>
  519. {/block:PreviousPage}
  520.  
  521.  
  522. {block:NextPage}
  523. <a href="{NextPage}">+</a>
  524. {/block:NextPage}
  525. {/block:Pagination}
  526. </div>
  527. </div>
  528. </div>
  529.  
  530.  
  531.  
  532. <div class="postcol">
  533. {block:Posts}
  534. <div class="posts">
  535.  
  536.  
  537. {block:Text}
  538. {block:Title}<h2>{Title}</h2>{/block:Title}
  539. {Body}
  540. {/block:Text}
  541.  
  542.  
  543. {block:Answer}
  544. <div class="question">
  545. <b><span style="text-transform:lowercase">{Asker}</span>: {Question}</b>
  546. </div>
  547. {Answer}
  548. {/block:Answer}
  549.  
  550.  
  551. {block:Quote}
  552. <div class="quote">
  553. <div class="quotetext_{Length}">"{Quote}"</div>
  554. {block:Source}<div class="source">{Source}</div>{/block:Source}
  555. </div>
  556. {/block:Quote}
  557.  
  558.  
  559. {block:Link}
  560. <h2><a href="{URL}">{Name}</a></h2>
  561. {block:Description}{Description}{/block:Description}
  562. {/block:Link}
  563.  
  564.  
  565. {block:Chat}
  566. {block:Title}<h2>{Title}</h2>{/block:Title}
  567. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  568. {Line}</li>{/block:Lines}</ul>
  569. {/block:Chat}
  570.  
  571.  
  572. {block:Photo}
  573. {block:ifnot400px}
  574. {LinkOpenTag}
  575. <img src="{PhotoURL-500}">
  576. {LinkCloseTag}
  577. {/block:ifnot400px}
  578. {block:if400px}
  579. {LinkOpenTag}
  580. <img src="{PhotoURL-400}">
  581. {LinkCloseTag}
  582. {/block:if400px}
  583.  
  584. {block:Caption}
  585. {Caption}
  586. {/block:Caption}
  587. {/block:Photo}
  588.  
  589.  
  590. {block:Photoset}
  591. {block:ifnot400px}
  592. {Photoset-500}
  593. {/block:ifnot400px}
  594. {block:if400px}
  595. {Photoset-400}
  596. {/block:if400px}
  597. {block:Caption}
  598. {Caption}
  599. {/block:Caption}
  600. {/block:Photoset}
  601.  
  602.  
  603. {block:Video}
  604. {block:ifnot400px}
  605. {Video-500}
  606. {/block:ifnot400px}
  607. {block:if400px}
  608. {Video-400}
  609. {/block:if400px}
  610. {block:Caption}
  611. {Caption}
  612. {/block:Caption}
  613. {/block:Video}
  614.  
  615.  
  616. {block:Audio}
  617. {block:AudioPlayer}
  618. <div class="wholeaudio">
  619. <div class="player">
  620. {AudioPlayer color="black" width="10px" height="15px"}
  621. </div>
  622. <div class="audio">
  623. {block:TrackName}
  624. <span class="title">track name:</span> {TrackName}
  625. {/block:TrackName}
  626. {block:Artist}
  627. <br><span class="title">artist:</span> {Artist}
  628. {/block:Artist}
  629. </div>
  630. </div>
  631. {/block:AudioPlayer}
  632. {block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}
  633. {/block:Audio}
  634.  
  635.  
  636. {block:Date}
  637. <div id="datenote">
  638. <a href="{Permalink}" title="{TimeAgo}" style="font-weight:bold;">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>&nbsp;
  639. {block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>
  640. {/block:NoteCount}
  641. </div>
  642.  
  643. {block:RebloggedFrom}
  644. <span style="float:right"><div id="reblog"><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> /
  645. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</i></a>
  646. </a></a></div></span>
  647. {/block:RebloggedFrom}
  648.  
  649. <div id="tags">
  650. {block:HasTags}{block:Tags}
  651. <a href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;
  652. {/block:Tags}{/block:HasTags}
  653. </div>
  654.  
  655.  
  656. {/block:Date}
  657. </div>
  658.  
  659. {block:PostNotes}
  660. <div class="pagenotes">
  661. {PostNotes}
  662. </div>
  663. {/block:PostNotes}
  664. {/block:Posts}
  665.  
  666.  
  667. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  668.  
  669. </div>
  670.  
  671. </div>
  672. <div id="owner">
  673. <a href="http://nmimarks.tumblr.com" title="theme">❤</a>
  674. </div>
  675. </body>
  676. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement