SHARE
TWEET

Mini 5SOS - theme 03

irwxns Mar 21st, 2014 780 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.    
  4.     <head><title>{Title}</title>
  5.     <link rel="shortcut icon" href="{Favicon}">
  6.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.    
  9.  
  10.  
  11. <!-- theme by
  12. .-./`) .-------.    .--.      .--. _____     __  ,---.   .--.   .-'''-.  
  13. \ .-.')|  _ _   \   |  |_     |  | \   _\   /  / |    \  |  |  / _     \
  14. / `-' \| ( ' )  |   | _( )_   |  | .-./ ). /  '  |  ,  \ |  | (`' )/`--'
  15.  `-'`"`|(_ o _) /   |(_ o _)  |  | \ '_ .') .'   |  |\_ \|  |(_ o _).    
  16.  .---. | (_,_).' __ | (_,_) \ |  |(_ (_) _) '    |  _( )_\  | (_,_). '.  
  17.  |   | |  |\ \  |  ||  |/    \|  |  /    \   \   | (_ o _)  |.---.  \  :
  18.  |   | |  | \ `'   /|  '  /\  `  |  `-'`-'    \  |  (_,_)\  |\    `-'  |
  19.  |   | |  |  \    / |    /  \    | /  /   \    \ |  |    |  | \       /  
  20.  '---' ''-'   `'-'  `---'    `---`'--'     '----''--'    '--'  `-...-'  
  21.                                                                          
  22. PLEASE DO NOT REMOVE CREDIT!
  23.  -->
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#a8a8a8"/>
  27. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  28. <meta name="color:DescriptionText" content="#b8b8b8"/>
  29. <meta name="color:Border" content="#dddddd"/>
  30. <meta name="color:Hover" content="#f2f2f2"/>
  31. <meta name="color:Scrollbar" content="#000000"/>
  32. <meta name="color:ScrollbarBg" content="#ffffff"/>
  33. <meta name="color:Post Links" content="#c0bfbf"/>
  34.  
  35. <meta name="image:Sidebar" content=""/>
  36. <meta name="image:Background" content=""/>
  37.  
  38. <meta name="text:linkA" content="">
  39. <meta name="text:linkA url" content="/">
  40.  
  41. <meta name="text:linkB" content="">
  42. <meta name="text:linkB url" content="/">
  43.  
  44. <meta name="text:linkC" content="">
  45. <meta name="text:linkC url" content="/">
  46.  
  47. <meta name="text:linkD" content="">
  48. <meta name="text:linkD url" content="/">
  49.  
  50. <style type="text/css">
  51.  
  52. ::-webkit-scrollbar-thumb {
  53. height:auto;
  54. background-color:{color:Scrollbar};
  55. }
  56.  
  57. ::-webkit-scrollbar {
  58. height:9px;
  59. width:4px;
  60. background-color:{color:ScrollbarBg};
  61. }
  62.  
  63. body {
  64. background:{color:background};
  65. margin:0px;
  66. color:{color:text};
  67. font-family:calibri;
  68. font-size:10px;
  69. line-height:100%;
  70. letter-spacing:0px;
  71. text-align:justify;
  72. background-image:url('{image:Background}');
  73. }
  74.      
  75. a {
  76. text-decoration:none;
  77. outline:none;
  78. -moz-outline-style:none;
  79. color:{color:Post Links};
  80. }
  81.      
  82. img {
  83.     border:none;
  84. }
  85.      
  86. blockquote {
  87. padding-left:5px;
  88. border-left:2px solid;
  89. }
  90.        
  91. blockquote blockquote {
  92. padding-left:5px;
  93. border-left:2px solid;
  94. }
  95.      
  96. h1 {
  97. font-size:8px;
  98. letter-spacing:2px;
  99. text-transform:uppercase;
  100. font-family:'CAMBRIA';
  101. font-style:none;
  102. line-height:10px;
  103. text-align:left;
  104. padding:0px;
  105. }
  106.      
  107. a:hover {
  108. color:#000000;
  109. -moz-transition-duration:0.3s;
  110. -webkit-transition-duration:0.3s;
  111. -o-transition-duration:0.3s;
  112. }
  113.  
  114.  
  115. /*ENTRIES*/
  116.  
  117. #entries {
  118. padding:10px;
  119. width:500px;
  120. margin-left:600px;
  121. margin-top:5px;
  122. font-size:10px;
  123. font-family:'arial';
  124. letter-spacing:0px;
  125. }
  126.      
  127. #post {
  128. width:500px;
  129. padding-bottom:40px;
  130. padding:25px;
  131. margin-top:50px;
  132. }
  133.  
  134. /*SIDEBAR*/
  135.  
  136. #sidebar {
  137. position:fixed;
  138. margin-left:100px;
  139. margin-top:50px;
  140. margin-left:365px;
  141. }
  142.      
  143. #sidebarimage {
  144. width 245px;
  145. }
  146.      
  147. #sidebarimage img {
  148. width:245px;
  149. margin-top:164px;
  150. padding:3px;
  151. margin-left:-113px;
  152. }
  153.  
  154. .links {
  155. width:200px;
  156. font-family:'calibri';
  157. padding: 1px;
  158. text-align:center;
  159. text-transform:uppercase;
  160. position:fixed;
  161. margin-top:8px;
  162. margin-left:-85px;
  163. }
  164.      
  165. .links a {
  166. width:94px;
  167. padding:3px;
  168. font-size:8px;
  169. letter-spacing:0px;
  170. color:{color:Sidebar Links};
  171. }
  172.      
  173. .links a:hover {
  174.     color:{color:Hover};
  175.    padding: 5px;
  176.  -webkit-transition:all 0.5s ease-in-out;
  177.   -moz-transition:all 0.5s ease-in-out;
  178.   -o-transition:all 0.5s ease-in-out;
  179.   transition:all 0.5s ease-in-out;
  180. }  
  181.  
  182. #description {
  183. text-align:justify;
  184. font-family:'calibri';
  185. width:240px;
  186. margin-top:60px;
  187. margin-left:-112px;
  188. font-size:9.5px;
  189. position:fixed;
  190. text-transform:none;
  191. color:{color:#6E6E6E};
  192. }
  193.  
  194. #pagination {
  195. font-style:bold;
  196. padding:2px;
  197. font-family:'arial';
  198. letter-spacing:0px;
  199. font-size:9px;
  200. text-align:center;
  201. padding:2px;
  202. margin-top:10px;
  203. text-transform:lowercase;
  204. }
  205.  
  206.  
  207. /*POST INFO*/
  208.  
  209. #info {  
  210. width:500px;
  211. text-align:left;
  212. font-family:'calibri';
  213. margin-top:3px;
  214. margin-left:px;
  215. letter-spacing:1px;
  216. font-size:8px;
  217. font-style:none;
  218. padding:1px;
  219. line-height:10px;
  220. text-transform:uppercase;
  221. border-top:3px solid;
  222. border-color:{color:#000000};
  223. }
  224.    
  225. #info a {
  226. text-align:center;
  227. color:{color:Post Links};
  228. }
  229.    
  230. #info a:hover {
  231. -moz-transition-duration:0.3s;
  232. -webkit-transition-duration:0.3s;
  233. -o-transition-duration:0.3s;
  234. color:{color:Hover}
  235. }
  236.  
  237. #tags {
  238. float:left;
  239. width:489px;
  240. margin-top:-7px;
  241. margin-left:-5px;
  242. text-align:left;
  243. font-size:7px;
  244. padding:5px;
  245. font-size:8px;
  246. opacity:1;
  247. transition-duration: 0.5s;
  248. -moz-transition-duration: 0.5s;
  249. -webkit-transition-duration: 0.5s;
  250. -o-transition-duration: 0.5s
  251. color:{color:Post Links};
  252. }
  253.    
  254. #tags a {
  255. letter-spacing:0px;
  256. font-size:8px;
  257. text-align:center;
  258. font-family:'CALIBRI';
  259. text-decoration:none;
  260. display:inline-block;
  261. color:#ddd;
  262. }
  263.  
  264. #tags a:hover {
  265. background-color:#fff;
  266. -moz-transition-duration:0.3s;
  267. -webkit-transition-duration:0.3s;
  268. -o-transition-duration:0.3s;
  269. color:{color:Hover};
  270. }
  271.  
  272. /*QUESTION*/
  273.  
  274. #asker {
  275. color:#fcfcfc;
  276. padding:10px;
  277. font-family:'arial';
  278. font-size:11px;
  279. letter-spacing:0px;
  280. text-align:left;
  281. margin-top:0px;
  282. text-transform:lowercase;
  283. line-height:100%;
  284. background-color:#000000
  285. }
  286.  
  287. /*CREDIT*/
  288.  
  289. #credit {
  290.     right:3px;
  291.     bottom:6px;
  292.     position:fixed; }
  293.  
  294. #s-m-t-tooltip {
  295.  
  296. max-width:300px;
  297.  
  298. padding:1px 2px 3px 2px;
  299.  
  300. margin:20px 0px 0px 20px;
  301.  
  302. background-color:#transparent; /* change the background color */
  303.  
  304. border:1px double #000;  
  305.  
  306. font-family:calibri; /* change the font */
  307.  
  308. font-size:9px; /* change the font size */
  309.  
  310. letter-spacing:1px; /* change the letter spacing */
  311.  
  312. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  313.  
  314. color:#000; /* change the text color */
  315.  
  316. z-index:999999999999999999999999999999999999;
  317.  
  318. }
  319.  
  320. {CustomCSS}</style></head><body>
  321.  
  322. <script>
  323.  
  324. (function($){
  325.  
  326. $(document).ready(function(){
  327.  
  328. $("a[title]").style_my_tooltips({
  329.  
  330. tip_follows_cursor:true,
  331.  
  332. tip_delay_time:90,
  333.  
  334. tip_fade_speed:600,
  335.  
  336. attribute:"title"
  337.  
  338. });
  339.  
  340. });
  341.  
  342. })(jQuery);
  343.  
  344. </script>
  345.  
  346. <div id="sidebar">
  347. <div id="sidebarimage">
  348. <img src="{image:Sidebar}">
  349. </a>
  350. </div>
  351.  
  352. <div class="links">
  353.  
  354.  <a class="tooltip" href="{text:LinkA url}" title="{text:LinkA}"><img src="https://31.media.tumblr.com/2700c0980441512486848ed373c58562/tumblr_inline_n1y3m4B98i1rm4fqu.png"></a>
  355.  
  356.   <a class="tooltip" href="{text:LinkB url}" title="{text:LinkB}"><img src="https://31.media.tumblr.com/0096c62084e45d4b2bad19cc3a15d1ce/tumblr_inline_n1y3lwx9uC1rm4fqu.png"></a>
  357.  
  358.   <a class="tooltip" href="{text:LinkC url}" title="{text:LinkC}"><img src="https://31.media.tumblr.com/07f3895e27f513f7082203e47e169ad7/tumblr_inline_n1y3m0PZOD1rm4fqu.png"></a>
  359.  
  360.     <a class="tooltip" href="{text:LinkD url}" title="{text:LinkD}"><img src="https://31.media.tumblr.com/9bc544ee4f37cda6774ff9fbabc10ca4/tumblr_inline_n1y3lsFerb1rm4fqu.png"></a>
  361.  
  362. </div>
  363.  
  364. <div id="description">{Description}
  365.  
  366. {block:Pagination}
  367. <div id="pagination">
  368. {block:PreviousPage}<a href="{PreviousPage}">swim</a>{/block:PreviousPage}
  369. — {block:NextPage}<a href="{NextPage}">sink</a>{/block:NextPage}
  370. </div>
  371. {/block:Pagination}
  372. </div>
  373. </div>
  374. </div>
  375.  
  376. <div id="entries">
  377. {block:Posts}
  378. <div id="post">
  379.  
  380. {block:Text}
  381. <h1>{block:Title}{Title}{/block:Title}</h1>
  382. {Body}{/block:Text}
  383.  
  384. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  385. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  386.  
  387. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  388. {/block:Caption}{/block:Photoset}
  389.  
  390. {block:Quote}<h2>"{Quote}"</h2>
  391. {block:Source}<div class="qsource"> —{Source}</div>
  392. {/block:Source}{/block:Quote}
  393.  
  394. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  395.  
  396. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  397.  
  398. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  399. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  400. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  401. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  402. {/block:Audio}<br>
  403.  
  404. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  405.  
  406. {block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  407.    
  408. <div id="info">
  409. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  410. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  411. & {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  412. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  413. with {NoteCountWithLabel}<a style="color:#ff84b0;"> ♡ </a></a>
  414. {block:HasTags} <div id="tags">
  415.  
  416. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  417. </div>{block:HasTags}
  418. </div>
  419. </div>
  420. {/block:Posts}
  421. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  422. {/block:Posts}</div></div></div>
  423. <br><br><br><br>
  424.  
  425. <div id="credit" data="credit"><a href="http://irwxns.tumblr.com"><img src="https://24.media.tumblr.com/25fdacc41c6c4abca030eb900a020a15/tumblr_my6adljDBB1sqc3bro1_500.png" width="48px" height="45px"></a></div>
  426. </div>
  427. </div>
  428.  
  429.  
  430.        
  431.     </body></html>
RAW Paste Data
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
 
Top