Advertisement
l0verushh

Jackie and Wilson - theme

Jun 29th, 2016
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.98 KB | None | 0 0
  1.   <!-----THEME BY sratqueen ... DO NOT STEAL and DO NOT REMOVE CREDITS PLEASE ----->
  2.  
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  13.  
  14.  
  15. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  16.  
  17.  
  18. <meta name="text:sidebar image" content="http://i.imgur.com/atWvavg.png"/>
  19. <meta name="text:sidebar title" content="jackie and wilson"/>
  20. <meta name="text:sidebar text" content="won't it be great to find a place to escape sometime"/>
  21.  
  22.  
  23. <meta name="text:nav title" content="navigation"/>
  24.  
  25.  
  26. <meta name="text:Link 1 name" content=""/>
  27. <meta name="text:Link 1" content=""/>
  28.  
  29. <meta name="text:Link 2 name" content=""/>
  30. <meta name="text:Link 2" content=""/>
  31.  
  32. <meta name="text:Link 3 name" content=""/>
  33. <meta name="text:Link 3" content=""/>
  34.  
  35. <meta name="text:Link 4 name" content=""/>
  36. <meta name="text:Link 4" content=""/>
  37.  
  38. <meta name="text:Link 5 name" content=""/>
  39. <meta name="text:Link 5" content=""/>
  40.  
  41. <meta name="text:Link 6 name" content=""/>
  42. <meta name="text:Link 6" content=""/>
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51. <title>{Title}</title>
  52. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53. <link rel="shortcut icon" href="{Favicon}" />
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58.  
  59.  
  60. /*------------TEXTS------------*/
  61.  
  62.  
  63. body {
  64. background-color:#ffffff;
  65. background-image:url("");
  66. background-repeat:repeat;
  67. font-family:'lucida sans unicode';
  68. text-transform: none;
  69. font-size:9px;
  70. color:#333;
  71. letter-spacing:0px;}
  72.  
  73. br{line-height:-2px;}
  74. img{border:none;}
  75.  
  76.  
  77. b,strong{
  78.     font-weight:bold;
  79. color:#283350;}
  80.  
  81. i,em{
  82. font-style:italic;
  83. color:#9e9e9c;}
  84.  
  85. u{text-decoration:underline;
  86. border-bottom:1px solid #c1e8e3;}
  87.  
  88. a {
  89. color:#283350;
  90. font-weight:bold;
  91. text-decoration:none;
  92. -webkit-transition:all 0.5s ease-out;
  93. -moz-transition:all 0.5s ease-out;
  94. transition: all 0.5s ease-out;}
  95.  
  96. a:hover {color:#CCCCCC;
  97. text-decoration:none;
  98. -webkit-transition:all 0.5s ease-in;
  99. -moz-transition:all 0.5s ease-in;
  100. transition: all 0.5s ease-in;}
  101.  
  102.  
  103. h1{font-family:lucida sans unicode;
  104. color:#fff;
  105. font-size:10px;
  106. text-align:right;
  107. text-transform:uppercase;
  108. padding:1px;
  109. letter-spacing:0px;
  110. line-height:13px;
  111. background: #333;
  112. }
  113.  
  114.  
  115.  
  116. h2.luke{
  117.     font-family: lucida sans unicode;
  118. color:#333;
  119. font-size:8px;
  120. text-align:center;
  121. padding:0;
  122. text-transform:uppercase;
  123. font-weight:normal;
  124. letter-spacing:3px;
  125. line-height:10px;
  126. margin-top:0px;
  127. }
  128.  
  129. h2.ashton{
  130.     font-family: century gothic;
  131. color:#c8cf41;
  132. font-size:8px;
  133. text-align:center;
  134. text-transform:uppercase;
  135. font-weight:normal;
  136. letter-spacing:2px;
  137. line-height:10px;
  138. margin-top:-2px;
  139. background: #F2F2F2;
  140. border-right:5px solid #a35fba;
  141. border-left:5px solid #a35fba;
  142. -webkit-border-radius:14px;
  143. border-radius: 14px;
  144. }
  145.  
  146. a.hozier{font-family:lucida sans unicode;
  147. color:#c1e8e3;
  148. background:#FFF;
  149. font-size:8px;
  150. display:block;
  151. padding:1px;
  152. text-align:center;
  153. text-transform:uppercase;
  154. font-weight:normal;
  155. letter-spacing:0px;
  156. margin:0;
  157. }
  158.  
  159.  
  160.  
  161. a.hozier:hover{
  162.     color:#FFF;
  163. background:#c1e8e3;
  164. display:block;
  165. -webkit-transition:all 0.3s ease-out;
  166. -moz-transition:all 0.3s ease-out;
  167. transition: all 0.3s ease-out;}
  168.  
  169.  
  170.  
  171. #quote{ padding:5px;
  172. background:#efefef;
  173. color:#6E6E6E;
  174. border: 1px solid #DDD;}
  175.  
  176. #ask{
  177. color:#6E6E6E;}
  178.  
  179. #answer{ padding-left:5px;
  180. color:#f7be61;}
  181.  
  182.  
  183.  
  184. /*------------DIVS------------*/
  185.  
  186.  
  187. #container{
  188. margin-top:30px;
  189. margin-left:80px;
  190. position:absolute;
  191. padding:0px;
  192. width:650px;
  193. background-image:url('');
  194. }
  195.  
  196.  
  197.  
  198. .textinfo {
  199.     margin-top:6px;
  200.     border-top:1px #ccc solid;
  201.     padding-bottom:5px;
  202.     font-size:8px;
  203. }
  204.  
  205. #content {
  206.     padding:10px;
  207.     width:450px;
  208.     margin-left:200px;
  209.     margin-top:0px;
  210.     font-size:10px;
  211.     margin-bottom:50px;
  212. }
  213.  
  214. #post {
  215.     width:450px;
  216.     padding-bottom:20px;
  217.     margin-top:50px;
  218.     background-color:{color:Post};
  219. }
  220.  
  221. #post img{max-width:450px;}
  222.  
  223. #sidebar{
  224.     width:150px;
  225.     padding:3px;
  226.     color: #333;
  227.     background:#fff;
  228.     position:absolute;
  229.     padding:0px;
  230.         margin-top:350px;
  231.     display:block;
  232.     text-align:justify;
  233.     border: none;
  234. }
  235.  
  236. .sideimg{
  237.     border: none;
  238.  
  239. }
  240.  
  241.  
  242.  
  243.  
  244.  
  245. /*------------OTHERS------------*/
  246.  
  247.  
  248.  
  249. #audio {
  250.     background: #000000;
  251.     width: 400px;
  252.     display: block;
  253. }
  254. .caption {
  255.     text-align: right;
  256.     font:9px;
  257.     line-height:8px;
  258.     display:none;
  259.         margin:0px;
  260.     padding:0px;
  261. }
  262. .caption img {
  263.     max-width:400px;
  264. }
  265.  
  266.  
  267. #s-m-t-tooltip{
  268.   max-width:40px;
  269.   z-index:10;
  270.   margin:14px;
  271.   padding:2px;
  272.   background:#DDD;
  273.   font-family:'Pixel';
  274.   font-size:8px;
  275.   line-height:9px;
  276.   color:#afafaf;
  277. }
  278.  
  279.  
  280. #info a, #note a{
  281.     color:#;
  282.     font-weight:normal;
  283.     text-decoration:none;
  284. }
  285. #note{
  286.     width:100%;
  287.     padding:0px;
  288.     margin:0px;
  289.     font: 8px courier new;
  290.     color:#;
  291.     border-top:2px solid #;
  292. }
  293.  
  294.  
  295. ol.notes {
  296.     padding: 0px;
  297.     margin: 15px 0px;
  298.     list-style-type: none;
  299. }
  300.  
  301. .navigation {}
  302.  
  303. @font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  304.  
  305. </style>
  306.  
  307.  
  308. </head>
  309.  
  310.  
  311. <!-----THEME BY sratqueen ... DO NOT STEAL and DO NOT REMOVE CREDITS PLEASE ----->
  312.  
  313.  
  314. <body>
  315.  
  316. <div id="container">
  317.  
  318.  
  319. <div id="sidebar">
  320.  
  321.  
  322. <h2 class="luke">{text:sidebar title}</h2>
  323. <p><img src="{text:sidebar image}" class="sideimg" />
  324. {text:sidebar text}</p>
  325.  
  326. <p><center>
  327. {block:Pagination}
  328. {block:NextPage}<a href="{NextPage}">Older</a>{/block:NextPage} -
  329. {block:PreviousPage}<a href="{PreviousPage}"> Newer</a>{/block:PreviousPage}
  330. {/block:Pagination}</center>
  331. </p>
  332.  
  333. <p>
  334. <a class="hozier" href="{text:link 1}">{text:link 1 name}</a>
  335. <a class="hozier" href="{text:link 2}">{text:link 2 name}</a>
  336. <a class="hozier" href="{text:link 3}">{text:link 3 name}</a>
  337. <a class="hozier" href="{text:link 4}">{text:link 4 name}</a>
  338. <a class="hozier" href="{text:link 5}">{text:link 5 name}</a>
  339. <a class="hozier" href="http://sratqueen.tumblr.com">theme</a>
  340.  
  341. </p>
  342.  
  343. </div>
  344.  
  345.  
  346.  
  347.  
  348.  
  349. <div id="content">
  350. {block:Posts}
  351. <div id="post">
  352.  
  353. {block:Text}
  354.     {Body}
  355. {/block:Text}
  356.  
  357.  
  358.  
  359. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  360.  
  361.  
  362. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  363.  
  364.  
  365.  
  366. {block:Quote}
  367.     <div id="quote">{Quote}</div>
  368.     {block:Source}<div align="center">- {Source}</div>{/block:Source} <p>       </P>
  369. {/block:Quote}
  370.  
  371. {block:Link}
  372.     <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  373.     {block:Description}{Description}{/block:Description}       
  374. {/block:Link}
  375.  
  376. {block:Chat}
  377.     <h1>{block:Title}{Title}{/block:Title}</h1>
  378.     {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  379. {/block:Chat}
  380.  
  381.  
  382. {block:Audio}
  383.     <div id="audio">{AudioPlayerBlack}</div>
  384. {/block:Audio}
  385.  
  386.  
  387.  
  388. {block:Video}
  389.     {Video-400}
  390. {/block:Video}
  391.  
  392.  
  393. {block:Answer}
  394.     {Asker} asked: <div id="ask"> {Question}</div>
  395.     <div id="answer">{Answer}</div>
  396. {/block:Answer}
  397.  
  398. <div class="textinfo">
  399.  posted <a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  400.  {/block:Posts}</div>
  401.  
  402.  
  403. {block:PermalinkPage}
  404.     <div style="padding:5px;">{block:PostNotes}
  405. {block:HasTags}tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}<br />
  406.         {PostNotes}
  407.     {/block:PostNotes}</div>
  408. {/block:permalinkpage}
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415.  
  416.  
  417. </div>
  418. </div>
  419.  
  420.  
  421. </div>
  422. </body>
  423. </html>
  424. <!-----THEME BY sratqueen ... DO NOT STEAL and DO NOT REMOVE CREDITS PLEASE ----->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement