API tools faq
paste
Advertisement
Guest User

theme 5 ; madonna

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