API tools faq
paste
Advertisement
mayayo

theme 5; monstrous

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