API tools faq
paste
Advertisement
Guest User

theme 4 ; aches

a guest
Mar 1st, 2014
302
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.95 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <!----
  4.    BASE THEME #1 MADE BY NOTTE-THEMES.TUMBLR.COM
  5.    THEME BY LYIDAMARTINS.TUMBLR.COM
  6.    DO NOT STEAL/REDISTRIBUTE/CLAIM AS OWN/ETC ETC
  7.    YUP
  8.  
  9. -->
  10. <head>
  11.  
  12. <!-- this allows for most features to work, such as if you want to add in infinite scrolling -->
  13. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  14.  
  15.  
  16. <title>{title}</title>
  17. <link rel="shortcut icon" href="{Favicon}" />
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="Description" content="{MetaDescription}" />{/block:Description}
  20.  
  21.  
  22. <!-- ------ DEFAULT VARIABLES ------ -->
  23.  
  24. <meta name="color:Background" content="#e4e4e4" />
  25. <meta name="color:Post Background" content="#faf9f8" />
  26. <meta name="color:Sidebar Background" content="#faf9f8" />
  27.  
  28. <meta name="color:Scrollbar" content="#a4cddf" />
  29. <meta name="color:Scrollbar Background" content="#faf9f8" />
  30.  
  31. <meta name="color:Title" content="#3e819e" />
  32.  
  33. <meta name="color:Text" content="#657474" />
  34. <meta name="color:Bold" content="#2eb4ee" />
  35. <meta name="color:Link" content="#218bb8" />
  36. <meta name="color:Link Hover" content="#1b4456" />
  37. <meta name="color:Italic" content="#89a3ae" />
  38.  
  39.  
  40.  
  41. <meta name="text:Link1" content="" />
  42. <meta name="text:Link1 URL" content="http://"/>
  43.  
  44. <meta name="text:Link2" content="" />
  45. <meta name="text:Link2 URL" content="http://"/>
  46.  
  47. <meta name="text:Link3" content="" />
  48. <meta name="text:Link3 URL" content="http://"/>
  49.  
  50.  <meta name="text:Link4" content="" />
  51. <meta name="text:Link4 URL" content="http://"/>
  52.  
  53. <meta name="if:ShowCaption" content="1" />
  54.  
  55. <meta name="font:Body Font" content="arial">
  56.  
  57. <style type="text/css">
  58.  
  59. /* -------------- SCROLLBAR --------------- */
  60.  
  61. ::-webkit-scrollbar {
  62.     width: 10px;
  63.     background-color: {color:Scrollbar Background};
  64. }
  65.  
  66. ::-webkit-scrollbar-thumb {
  67.     background-color: {color:Scrollbar};
  68. }
  69.  
  70. /* -------------- CONTENT --------------- */
  71.  
  72. img {display:block;}
  73.  
  74. body{
  75.     color:{color:Text};
  76.     font-family:arial;
  77.     font-size: 11px;
  78.     line-height:120%;
  79.     overflow-x:hidden;
  80.     width:150%;
  81.     background-color: {color:Background};
  82.     background-attachment: fixed;
  83.    
  84. }
  85.  
  86. a{
  87.     text-decoration:none;
  88.     outline:none;
  89.     -moz-outline-style:none;
  90.     color: {color:Link};
  91. }
  92.  
  93. a:hover{color: {color:Link Hover};}
  94.  
  95. b, strong{color: {color:Bold};}
  96.  
  97. i, em{color: {color:Italic};}
  98.  
  99. blockquote {
  100.     padding-left: 3px;
  101.     padding-right: 1px;
  102.     margin-left: 20px;
  103. }
  104.  
  105. pre{
  106.     font-size:10px;
  107.     padding:20px;
  108.     white-space: pre-wrap; /* css-3 */
  109.     white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  110.     white-space: -pre-wrap; /* Opera 4-6 */
  111.     white-space: -o-pre-wrap; /* Opera 7 */
  112.     word-wrap: break-word; /* Internet Explorer 5.5+ */
  113. }
  114.  
  115. #content img{display: block; max-width: 100%;}
  116.  
  117. #content{
  118.     height:auto;
  119.     text-align:left;
  120.     position:absolute;
  121.     padding:50px;
  122.     left:400px;
  123.     top:0px;
  124. }
  125.  
  126. /* -------------- POST TITLE --------------- */
  127.  
  128. .title{
  129.     padding:5px;
  130.     font-size: 16px;
  131.     text-transform:uppercase;
  132.     line-height: 100%;
  133.     letter-spacing: 1px;
  134.     text-align:center;
  135. }
  136.  
  137. /* -------------- POST QUESTON/ANSWER --------------- */
  138.  
  139. .qAuthor, .aAuthor{
  140.     background-color:#c8e1ee;
  141.     width:360px;
  142.     text-transform:uppercase;
  143.     text-align:center;
  144.     letter-spacing:3px;
  145.     font-size:13px;
  146.     padding:20px;
  147. }
  148.  
  149. .q, .a{
  150.     padding:40px;
  151.     background-color:#e5f0f5;
  152.     margin-bottom:40px;
  153. }
  154.  
  155. .yourAnswer{
  156.     padding:40px;
  157.     background-color:#e5f0f5;
  158. }
  159.  
  160. /* -------------- POST CHAT LOGS --------------- */
  161.  
  162. .chat .chat1 {margin-left: 0px;}
  163.  
  164. .chat .chat1 .chat2 {
  165.     margin-bottom: 1px;
  166.     padding: 5px;
  167. }
  168.  
  169. .chat .chat1 .chat2 span{
  170.     font-weight: bold;
  171.     text-transform: uppercase;
  172. }
  173.  
  174. /* -------------- POST LINK --------------- */
  175.  
  176. .link{
  177.     font-size: 20px;
  178.     letter-spacing:1px;
  179.     padding:20px;
  180.     text-align:center;
  181.     margin-bottom:10px;
  182. }
  183.  
  184. /* -------------- POST QUOTE --------------- */
  185.  
  186. .quote{
  187.     font-size:30px;
  188.     line-height:120%;
  189. }
  190.  
  191. /* -------------- POST NOTES --------------- */
  192.  
  193. ol.notes{
  194.     padding: 0px;
  195.     margin-top: 10px;
  196.     list-style-type: none;
  197.     width: 395px;
  198.     letter-spacing: 1px;
  199.     font-size:10px;
  200. }
  201.  
  202. ol.notes li.note {
  203.     text-align: left;
  204.     letter-spacing: 1px;
  205.     padding: 5px;
  206. }
  207.  
  208. ol.notes li.note img.avatar{
  209.     display: none !important;
  210. }
  211.  
  212.  
  213. /* -------------- POSTS --------------- */
  214.  
  215. .post{
  216.     overflow:hidden;
  217.     background-color: {color:Post Background};
  218.     background-image: url('{image:PostBgImage}');
  219.     padding:30px;
  220.     width: 400px;
  221. }
  222.  
  223. /* -------------- PERMALINK/TAGS--------------- */
  224.  
  225. .perma{
  226.     margin-top:20px;
  227.     font-size:9px;
  228.     text-transform:uppercase;
  229.     letter-spacing:1px;
  230.     text-align:center;
  231. }
  232.  
  233. .theTags{
  234.     text-transform:uppercase;
  235.     letter-spacing:2px;
  236.     width:440px;
  237.     font-size:8px;
  238.     margin-top:30px;
  239.     background-color: {color:Post Background};
  240.     background-image: url('{image:PostBgImage}');
  241.     padding: 10px;
  242.     overflow:hidden;
  243. }
  244.  
  245. .permaPageInfo{
  246.     background-color: {color:Post Background};
  247.     background-image: url('{image:PostBgImage}');
  248.     padding: 10px;
  249.     width:440px;
  250.     margin-top:30px;
  251. }
  252.  
  253. /* -------------- SIDEBAR --------------- */
  254.  
  255. #sidebar{
  256.     background-color:white;
  257.     width:200px;
  258.     position:fixed;
  259.     top:100px;
  260.     left:70px;
  261.     padding:40px;
  262. }
  263.  
  264. /* -------------- TITLE --------------- */
  265.  
  266. #ttle{
  267.     font-size:30px;
  268.     font-weight:bold;
  269.     text-align:right;
  270.     color:{color:Title};
  271. }
  272.  
  273. /* -------------- DESCRIPTION --------------- */
  274.  
  275. #description{
  276.     line-height:100%;
  277.     font-size:8px;
  278.     letter-spacing:1px;
  279.     margin-top:20px;
  280.     text-align:justify;
  281. }
  282.  
  283. /* -------------- LINKS --------------- */
  284.  
  285. #links {
  286.     position:relative;
  287.     font-size:7px;
  288.     font-family:times;
  289.     text-align:center;
  290.     margin-top:60px;
  291.     margin-left:40px;
  292.     text-align:justify;
  293.     text-transform:uppercase;
  294.     font-style:none;
  295.     letter-spacing:1px;
  296.     line-height:2px;
  297.     color:#99a3a2;
  298.     width:105px;
  299. }
  300.  
  301. #links a {
  302.  
  303.     border-bottom:solid 1px {color:black};
  304.     width:30px;
  305.     padding:10px;
  306.     background-color: white;
  307.     margin-top: 3px;
  308.     display:inline-block;
  309.     text-align:center;
  310.     -moz-transition-duration:0.5s;
  311.     -webkit-transition-duration:0.5s;
  312.     -o-transition-duration:0.3s;
  313. }
  314. /* -------------- PAGINATION --------------- */
  315.  
  316. .pagination{
  317.     padding:10px;
  318.     margin-top:20px;
  319.     font-size:12px;
  320.     text-align:center;
  321. }
  322. .pagination a{
  323.     display:inline-block;
  324.     margin:0px 2px;
  325.     display:-moz-inline-stack;
  326.     line-height:100%;
  327.     padding:5px;
  328. }
  329.  
  330. .pagination .g{
  331.     display:inline-block;
  332.     margin:0px 2px;
  333.     display:-moz-inline-stack;
  334.     line-height:100%;
  335.     padding:7px;
  336. }
  337.  
  338. .pagination a:hover{opacity:0.7;}
  339.  
  340. /*credit*/
  341. #credit {
  342.     bottom:3px;
  343.     position:fixed;
  344.     right:10px;
  345.     float:right;
  346.     font-family:arial;
  347.     color:black;
  348.     font-size:9px;
  349.     letter-spacing:1px;
  350.     text-transform:uppercase;
  351.     padding:5px;
  352.    
  353. }
  354.  
  355. #credit a {
  356.     color:black;
  357.     background-color:white;
  358.     padding:5px;
  359.     -webkit-transition-duration:.8s;
  360.     -moz-transition-duration:.8s;
  361.     -o-transition-duration:.8s;
  362.     -ms-transition-duration:.8s;
  363. }
  364.  
  365. #credit a:hover {
  366.     color:white;
  367.     background-color:#00bdb3;
  368. }
  369.  
  370.  
  371. /* -------------- CUSTOM CSS --------------- */
  372.  
  373. {CustomCSS}
  374.    
  375. </style>
  376.  
  377.  
  378. </head>
  379. <body>
  380.  
  381. <div id="sidebar">
  382.     <div id="ttle">{Title}</div>
  383.     <div id="description">{Description}</div>
  384.    
  385.     <div id="links">
  386.     <a href="/">home</a>
  387.         <a href="/ask" title="ask">
  388.             ask</a>
  389.        
  390.     {block:ifLink1}
  391.         <a href="{text:Link1 URL}" id="{text:Link1}">
  392.             {text:Link1}
  393.         </a>
  394.     {/block:ifLink1}
  395.     {block:ifLink2}
  396.         <a href="{text:Link2 URL}" id="{text:Link2}">
  397.             {text:Link2}
  398.         </a>
  399.     {/block:ifLink2}
  400.        {block:ifLink3}
  401.         <a href="{text:Link3 URL}" id="{text:Link3}">
  402.             {text:Link3}
  403.         </a>
  404.     {/block:ifLink3}
  405.     {block:ifLink4}
  406.         <a href="{text:Link4 URL}" id="{text:Link4}">
  407.             {text:Link4}
  408.         </a>
  409.     {/block:ifLink4}
  410.     {block:HasPages}{block:Pages}<a href="{URL}" id="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}
  411.     </div>
  412.        
  413.     {block:IndexPage}
  414.     <div class="pagination">
  415.         {block:Pagination}
  416.             {block:PreviousPage}
  417.                 <a href="{PreviousPage}">ascend</a>
  418.             {/block:PreviousPage}
  419.             {block:JumpPagination length="4"}
  420.                 {block:CurrentPage}
  421.                     <span class="g">✖</span>
  422.                 {/block:CurrentPage}
  423.                 {block:JumpPage}
  424.                     <a href="{URL}">{PageNumber}</a>
  425.                 {/block:JumpPage}
  426.             {/block:JumpPagination}
  427.             {block:NextPage}
  428.                 <a href="{NextPage}" id="next">descend</a>
  429.             {/block:NextPage}
  430.         {/block:Pagination}
  431.     </div>
  432.     {/block:IndexPage}
  433. </div>
  434.  
  435. <div id="content">
  436.  
  437.  
  438. {block:Posts}
  439.  
  440. <div class="post">
  441.  
  442.  
  443. {block:Title}<div class="title">{Title}</div>{/block:Title}
  444.  
  445.  
  446. {block:Text}
  447.     {Body}
  448. {/block:Text}
  449.  
  450.  
  451. {block:Photo}
  452.     {LinkOpenTag}
  453.         <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" /></a>
  454.     {LinkCloseTag}
  455. {/block:Photo}
  456.  
  457.  
  458. {block:Panorama}
  459.     {LinkOpenTag}
  460.         <a href="{permalink}"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></a>
  461.     {LinkCloseTag}
  462. {/block:Panorama}
  463.  
  464.  
  465. {block:Photoset}
  466.  
  467.             {Photoset-400}
  468.  
  469. {/block:Photoset}
  470.  
  471.  
  472. {block:Quote}
  473.    
  474.     <p><span class="quote">{Quote}</span></p>
  475.    
  476.     <p>{block:Source}-{Source}{/block:Source}</p>
  477.  
  478. {/block:Quote}
  479.  
  480.  
  481. {block:Video}
  482.  
  483.             {Video-400}<br>
  484.             {PlayCountWithLabel}
  485.  
  486. {/block:Video}
  487.  
  488.  
  489. {block:Link}
  490.     <div style="padding:5px;">
  491.         <div class="link">
  492.             <a href="{URL}" {Target}>{Name} </a>
  493.         </div><br>
  494.         {block:Description}{Description}{/block:Description}
  495.     </div>
  496. {/block:Link}
  497.  
  498.  
  499. {block:Chat}
  500.     <div class="chat">
  501.         <div class="chat1">
  502.             {block:Lines}
  503.                 <div class="chat2 {Alt}">
  504.                 {block:Label}
  505.                     <b>{Label}</b>
  506.                 {/block:Label}
  507.                 {Line}</div>
  508.             {/block:Lines}
  509.         </div>
  510.     </div>
  511. {/block:Chat}
  512.  
  513.  
  514. {block:Audio}
  515.  
  516. {block:AudioEmbed}
  517. {AudioEmbed-400}
  518. {/block:AudioEmbed}
  519.  
  520. {/block:Audio}
  521.  
  522.  
  523. {block:Answer}
  524.  
  525.     <div class="qAuthor">
  526.         {Asker}
  527.     </div>    
  528.    
  529.         <div class="q">{Question}</div>
  530.    
  531.     {block:Answerer}
  532.    
  533.         <div class="aAuthor">
  534.             {Answerer}
  535.          </div>    
  536.            
  537.     {/block:Answerer}
  538.    
  539.  
  540.         <div class="a">{Answer}</div>
  541.    
  542. {/block:Answer}
  543.  
  544. {block:ifShowCaption}
  545.     {block:Caption}
  546.         {Caption}
  547.     {/block:Caption}
  548. {/block:ifShowCaption}
  549.  
  550. {block:PermalinkPage}
  551.     {block:ifNotShowCaption}
  552.         {block:Caption}
  553.             {Caption}
  554.         {/block:Caption}
  555.     {/block:ifNotShowCaption}
  556. {/block:PermalinkPage}
  557.  
  558. {block:IndexPage}
  559.  
  560. <!-- POST INFORMATION/PERMALINK -->
  561. <div class="perma">
  562.     {block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
  563.     {block:NotReblog}Posted{/block:NotReblog}
  564.     on
  565.     <a href="{Permalink}"> {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}</a>
  566.     {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  567. </div>
  568.  
  569.  
  570. {/block:IndexPage}
  571.  
  572. </div><!-- END POSTS -->
  573.  
  574.  
  575. {block:IndexPage}
  576.  
  577.  <!-- TAGS -->
  578. {block:HasTags}
  579.  
  580. <div class="theTags">
  581.     {block:Tags}
  582.         <a href="{TagURL}">#{Tag}&nbsp;</a></span>
  583.     {/block:Tags}
  584. </div>
  585.  
  586. {/block:HasTags}
  587.  
  588. {/block:IndexPage}
  589.  
  590.  
  591. {block:PermalinkPage}
  592. <div class="permaPageInfo">
  593.     {block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
  594.     {block:NotReblog}Posted{/block:NotReblog}
  595.     {block:Date}{TimeAgo}{/block:Date}
  596.     {block:NoteCount}
  597.         with {NoteCountWithLabel}
  598.     {/block:NoteCount}
  599.  
  600. {block:RebloggedFrom}
  601.     via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  602.     <br />
  603.     Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  604.     <br />
  605. {/block:RebloggedFrom}
  606.  
  607. {block:HasTags}
  608.     <br><br>
  609.     {block:Tags}
  610.         <a href="{TagURL}">#{Tag}</a>
  611.     {/block:Tags}
  612.     <br><br>
  613. {/block:HasTags}
  614. </div>
  615.  
  616.  
  617. {block:PostNotes}
  618. <div class="permaPageInfo">
  619.     {PostNotes}
  620. </div>
  621. {/block:PostNotes}
  622.  
  623.  
  624. {/block:PermalinkPage}
  625.  
  626. <div style="margin-bottom:40px;"><br /></div>
  627.  
  628. {/block:Posts}
  629.  
  630. </div><!-- END CONTENT -->
  631.  
  632.  <div id="credit">
  633. <a href="http://carstairs.co.vu/">
  634. lydiamartins
  635. </a>
  636.  
  637. </body>
  638. </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!