API tools faq
paste
Advertisement
kawaiibuu

Flat OS

kawaiibuu
Jun 13th, 2014
9,920
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.65 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10. <!--
  11. Flat OS
  12. made by softwaring.tumblr.com
  13. avaliable at jubileethemes.tumblr.com
  14. do not remove theme credits
  15. -->
  16. <a href="http://jubileethemes.tumblr.com" style="position: fixed; bottom: 10px; left: 10px; background: rgba({RGBcolor:post background}, 0.5); padding: 2px; text-transform: uppercase; font-size: 8px;">theme</a>
  17. <meta name="color:background" content="#FFF"/>
  18. <meta name="color:post background" content="#FFF"/>
  19. <meta name="color:text" content="#000"/>
  20. <meta name="color:links" content="#000"/>
  21. <meta name="color:borders" content="#000"/>
  22.  
  23. <meta name="if:show tags" content="1"/>
  24. <meta name="if:sidebar avatar" content="0"/>
  25. <meta name="if:sidebar" content="0"/>
  26. <meta name="if:two column" content="1"/>
  27. <meta name="if:three column" content="0"/>
  28.  
  29. <meta name="image:background" content=""/>
  30. <meta name="image:avatar" content="http://static.tumblr.com/mqkrxog/vFrn6zfbx/halftone.png"/>
  31.  
  32. <meta name="text:caption background opacity" content="0.8" />
  33. <meta name="text:post background opacity" content="1" />
  34. <meta name="text:links title" content="links.zip" />
  35. <meta name="text:popup info" content="more info here" />
  36. <meta name="text:Link 1 title" content="I" />
  37. <meta name="text:Link 1 url" content="" />
  38. <meta name="text:Link 2 title" content="II" />
  39. <meta name="text:Link 2 url" content="" />
  40. <meta name="text:Link 3 title" content="III" />
  41. <meta name="text:Link 3 url" content="" />
  42. <meta name="text:Link 4 title" content="IV" />
  43. <meta name="text:Link 4 url" content="" />
  44. <meta name="text:Link 5 title" content="V" />
  45. <meta name="text:Link 5 url" content="" />
  46. <meta name="text:Link 6 title" content="VI" />
  47. <meta name="text:Link 6 url" content="" />
  48.  
  49.  
  50. <style type="text/css">
  51. body { background: {color:background} url({image:background})top left fixed repeat; background-size: cover; font-size: 10px; font-family: 'Open Sans', sans-serif; color: {color:text}; letter-spacing: 1px; line-height: 12px; text-align: center;}
  52. /** only works in chrome **/
  53. ::selection { background: transparent; color: transparent; text-shadow: 2px 2px rgba({RGBcolor:text}, 0.7); }
  54. ::-moz-selection { background: transparent; color: transparent; text-shadow: 2px 2px rgba({RGBcolor:text}, 0.7); }
  55. ::-webkit-selection { background: transparent; color: transparent; text-shadow: 2px 2px rgba({RGBcolor:text}, 0.7); }
  56. #wrapper { width: 300px;{block:iftwocolumn} width: 590px; {block:iftwocolumn} {block:ifthreecolumn} width: 860px; {block:ifthreecolumn} {block:ifsidebar}margin: 50px auto auto auto;{/block:ifsidebar} {block:ifnotsidebar}margin: 150px auto auto auto;{/block:ifnotsidebar}}
  57. #post { width: 250px; margin: 50px 10px 75px 10px; {block:iftwocolumn} margin: 10px; {block:iftwocolumn} {block:ifthreecolumn} margin: 10px; {block:ifthreecolumn} padding: 0px 5px 5px 5px; border: 1px solid {color:borders}; background: rgba({RGBcolor:post background}, {text:post background opacity});; overflow: hidden; color: {color:text}; {block:PermalinkPage} width: 500px; {/block:PermalinkPage}}
  58. {block:ifnotsidebar}
  59. #side {{block:IndexPage} width: 240px; {block:iftwocolumn} width: 522px; {block:iftwocolumn} {block:ifthreecolumn} width: 804px; {block:ifthreecolumn} {/block:IndexPage} {block:PermalinkPage} width: 490px; {/block:PermalinkPage} margin: 10px; padding: 5px; border: 1px solid {color:borders}; background: rgba({RGBcolor:post background}, {text:post background opacity}); overflow: hidden; position: fixed; margin-top: -120px; z-index: 999;}{/block:ifnotsidebar}{block:ifsidebar}
  60. #side { width: 150px; margin: 10px; padding: 5px; border: 1px solid {color:borders}; background: rgba({RGBcolor:post background}, {text:post background opacity}); overflow: hidden; position: fixed; margin-top: 220px; margin-left: -195px; z-index: 999;}{/block:ifsidebar}
  61. #post img {width:100%; outline: 1px solid {color:borders};}
  62. .audio { background: white; padding: 5px; color: black; text-transform: uppercase; outline: 1px solid {color:borders};}
  63. .posttitle { background: transparent; padding: 10px; text-transform: uppercase; }
  64. .body { text-align: justify; padding: 10px;}
  65. a { color: {color:links}; text-decoration: none;
  66. }
  67. blockquote { text-align: justify; padding: 5px; margin: 0px;}
  68. ul, li { padding: 5px; margin: 10px; text-align: justify;}
  69. .titlebar { padding: 6px; margin: 5px 0px 0px 0px; text-transform: uppercase; text-align: left; font-size: 9px; }
  70. .tags { padding: 5px; background: {color:permalink}; margin: 5px 0px 0px 0px; text-transform: uppercase; text-align: center; font-size: 9px; }
  71. .permaa { text-transform: uppercase; padding-top: 5px;}
  72. .blogtitle { text-transform: uppercase; font-size: 14px; padding-bottom: 10px; }
  73. ol.notes img { display:none; }
  74. .photoset { text-align: center; border-top: 1px solid {color:borders}; }
  75. .caption { position: absolute; padding: 10px; width: 220px; background: rgba({RGBcolor:post background}, {text:caption background opacity}); {block:PermalinkPage} display: none; {/block:PermalinkPage} outline: 1px solid {color:borders}; margin-top: 5px; margin-left: 5px; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
  76. #post:hover .caption { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
  77. .poplight { text-transform: uppercase; }
  78. #fade { display: none; background: {color:background} url({image:background})top left fixed repeat; background-size: cover; position: fixed; left: 0; top: 0; opacity: 0.95; width: 100%; height: 100%; z-index: 9999; }
  79. .popup_block{ display: none; padding: 10px; border: 1px solid {color:borders}; background: {color:post background}; overflow: hidden; float: left; position: fixed; top: 40%; left: 51.5%; z-index: 99999; }
  80. .popup_block a { padding: 15px; }
  81. img.btn_close { display: none; }
  82. *html #fade { position: absolute; }
  83. *html .popup_block { position: absolute; }
  84. .pnotes { height: 250px; overflow-y: auto; margin-left: -5px; }
  85. #s-m-t-tooltip { z-index: 99999999; letter-spacing: 1.5px; padding: 5px 15px; text-align:center; color: {color:text}; word-break: break-word; font-family: consolas; max-width: 150px; font-size: 10px; text-transform:uppercase; display:block; margin:10px 10px 10px 15px; border: 1px solid {color:borders}; background: {color:post background}; }
  86. .ava {position: fixed; width: 160px; padding: 5px; border: 1px solid {color:borders}; margin-left: -195px; {block:ifnotsidebaravatar}display: none;{/block:ifnotsidebaravatar} background: {color:post background}; }
  87. .ava img { width: 100%; outline: 1px solid {color:borders}; }
  88. {CustomCSS}
  89. </style>
  90. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  91. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  92. <script>
  93. (function($){
  94. $(document).ready(function(){
  95. $("[title]").style_my_tooltips();
  96. });
  97. })(jQuery);
  98. </script>
  99. <script type="text/javascript"
  100. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  101. <script>
  102. $(document).ready(function() {
  103. $('.x').click(function() {
  104. $('#side').hide() });
  105. $('.x1').click(function() {
  106. $('.ava').hide() });
  107. });
  108. </script>
  109. <script>
  110. $(document).ready(function() {
  111. //
  112. $('a.poplight[href^=#]').click(function() {
  113. var popID = $(this).attr('rel'); //Get Popup Name
  114. var popURL = $(this).attr('href'); //Get Popup href to define size
  115. var query= popURL.split('?');
  116. var dim= query[1].split('&');
  117. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  118. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  119. var popMargTop = ($('#' + popID).height() + 80) / 2;
  120. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  121. //Apply Margin to Popup
  122. $('#' + popID).css({
  123. 'margin-top' : -popMargTop,
  124. 'margin-left' : -popMargLeft
  125. });
  126. $('body').append('<div id="fade"></div>');
  127. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  128. return false;
  129. });
  130. $('a.close, #fade').live('click', function() {
  131. $('#fade , .popup_block').fadeOut(function() {
  132. $('#fade, a.close').remove(); //fade them both out
  133. });
  134. return false;
  135. });
  136. });
  137. </script>
  138. <!-- this is jquery it makes the theme work, leave this alone -->
  139. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  140. <script type="text/javascript" src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  141. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/4Wjm5wj58/disassemble_v3.js"></script>
  142. <!-- this is a hosted font from google -->
  143. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
  144. <!-- font awesome to change the font awesome icons go to http://fontawesome.io/icons/ -->
  145. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  146. </head>
  147. <body>
  148. <div id="wrapper">
  149. <div class="ava"><i class="fa fa-picture-o" style="font-size: 14px; float: left;"></i> <a class="x1" style="cursor:pointer;" title="close"><i class="fa fa-times" style="margin-top: -2px;
  150. padding: 1px; font-size: 12px;
  151. float: right;
  152. margin-bottom: 10px;"></i></a>
  153. <img src="{image:avatar}"/>
  154. </div>
  155. <div id="side" style="text-align: justify; padding: 10px;"> <a class="x" style="cursor:pointer;" title="close"><i class="fa fa-times" style="margin-top: -5px;
  156. padding: 1px; font-size: 12px;
  157. float: right;
  158. margin-bottom: 10px;"></i></a>
  159. <div class="blogtitle"><i class="fa fa-user"></i> <a href="/">{title}</a><br></div>
  160. <div class="body" style="padding: 5px;">{description}</div>
  161. <center><a href="#?w=500" rel="03" class="poplight"><i class="fa fa-th-list"></i> {text:links title}</a></center>
  162. </div>
  163. <div id="03" class="popup_block"><i class="fa fa-file-word-o" style="font-size: 14px; float: left;" ></i> <br><br>
  164. {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title}{block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}{block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}{block:iflink4title}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4title}{block:iflink5title}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5title}{block:iflink6title}<a href="{text:link 6 url}">{text:link 6 title}</a>{/block:iflink6title}<br><br>
  165. {text:popup info}
  166. </div>
  167. {block:Posts}
  168. <!-- the area below removes the VIA and SOURCES of posts -->
  169. {block:ContentSource}
  170. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  171. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  172. {/block:SourceLogo}
  173. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  174. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  175. <div id="post">
  176. <div class="titlebar">
  177. {block:Text}<i class="fa fa-pencil-square-o" style=" float: left; margin-top: -1px; font-size: 14px; margin-right: 5px;"></i> Notepad{/block:Text}
  178. {block:Photoset}<i class="fa fa-folder-open-o" style=" float: left; margin-top: -1px; font-size: 14px; margin-right: 5px;"></i> Photo Folder{/block:Photoset}
  179. {block:Quote}<i class="fa fa-pencil-square-o" style=" float: left; margin-top: -1px; font-size: 14px; margin-right: 5px;"></i> Notepad{/block:Quote}
  180. {block:Link}<i class="fa fa-pencil-square-o" style=" float: left; margin-top: -1px; font-size: 14px; margin-right: 5px;"></i> Notepad{/block:Link}
  181. {block:Video}<i class="fa fa-folder-open-o" style=" float: left; margin-top: -1px; font-size: 14px; margin-right: 5px;"></i> Video File{/block:Video}
  182. {block:Audio}<i class="fa fa-music" style=" float: left; margin-top: -1px; font-size: 14px; margin-right: 5px;"></i> Audio.MP3{/block:Audio}
  183. {block:Photo}<i class="fa fa-picture-o" style=" float: left; margin-top: -1px; font-size: 14px; margin-right: 5px;"></i> Photo File{/block:Photo}
  184. {block:Panorama}<i class="fa fa-picture-o" style=" float: left; margin-top: -1px; font-size: 14px; margin-right: 5px;"></i> Panorama.PNG{/block:Panorama}
  185. {block:Chat}<i class="fa fa-comments-o" style=" float: left; margin-top: -1px; font-size: 14px; margin-right: 5px;"></i> Yahoo! Chat{/block:Chat}
  186. {block:Answer}<i class="fa fa-thumbs-o-up" style=" float: left; margin-top: -1px; font-size: 14px; margin-right: 5px;"></i> Unknown File{/block:Answer}<br>
  187. <a href="{Permalink}" title="{NoteCountwithLabel}"><i class="fa fa-times" style="margin-top: -18px;
  188. padding: 1px; font-size: 12px;
  189. float: right;
  190. margin-bottom: 10px;"></i></a>
  191. </div>
  192.  
  193. {block:Text}
  194. {block:Title}<div class="posttitle">{title}</div>{/block:Title}
  195. <div class="body">{body}
  196. </div>
  197. {/block:Text}
  198.  
  199. {block:Link}
  200. <div class="posttitle"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  201. {block:Description}
  202. <div class="body">{Description}</div>
  203. {/block:Description}
  204. {/block:Link}
  205.  
  206. {block:Panorama}
  207. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  208. {/block:Panorama}
  209.  
  210. {block:Quote}
  211. <div class="body">
  212. {Quote}
  213. {block:Source}
  214. <p>&mdash; {Source}</p>
  215. {/block:Source}</div>
  216. {/block:Quote}
  217.  
  218. {block:Answer}
  219. <div class="body">
  220. <big>{Question}</big><br>- {Asker}<br> {Answer}
  221. </div>
  222. {/block:Answer}
  223.  
  224. {block:Photo}
  225. {block:IndexPage}<div class="caption">
  226. <a href="{ReblogURL}" target="_blank" class="details" title="reblog" style="float: right;" ><i class="fa fa-times-circle" style="margin-top: -3px; font-size: 14px;"></i></a>
  227. <i class="fa fa-exclamation-triangle" style=" font-size: 14px; float: left;"></i>
  228.  
  229. {block:caption}{caption}{/block:caption}
  230. <div class="permaa"><br>
  231. <a href="{Permalink}">{block:Date} {ShortMonth} {DayofMonth} {ShortYear} {/block:Date}</a>
  232. </div>
  233.  
  234.  
  235. </div>{/block:IndexPage}
  236. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  237. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  238. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  239. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  240. {block:IndexPage}</a>{/block:IndexPage}
  241. {/block:Photo}
  242.  
  243. {block:Chat}
  244. <div class="body">
  245. {block:Title}
  246. {Title}
  247. {/block:Title}
  248. {block:Lines}
  249. {block:Label}
  250. <b>{Label}</b>
  251. {/block:Label}
  252. {Line}<br>
  253. {/block:Lines}
  254.  
  255. </div>
  256. {/block:Chat}
  257.  
  258. {block:Video}
  259. {Video-250}
  260. {/block:Video}
  261.  
  262. {block:Photoset}
  263. {block:IndexPage}<div class="photoset">
  264. <div class="caption">
  265. <a href="{ReblogURL}" target="_blank" class="details" title="reblog" style="float: right;" ><i class="fa fa-times-circle" style="margin-top: -3px; font-size: 14px;"></i></a>
  266. <i class="fa fa-exclamation-triangle" style=" font-size: 14px; float: left;"></i>
  267.  
  268. {block:caption}{caption}{/block:caption}
  269. <div class="permaa">
  270. {block:Date} {ShortMonth} {DayofMonth} {ShortYear} {/block:Date}
  271. </div>
  272.  
  273.  
  274. </div>
  275. {Photoset-250}</div>{/block:IndexPage}
  276. {block:PermalinkPage} {Photoset-500} {/block:PermalinkPage}
  277. {/block:Photoset}
  278.  
  279. {block:Audio}
  280. <div class="audio">
  281. {block:AlbumArt}<img src="{AlbumArtURL}" style="outline: 0;">{/block:AlbumArt}
  282. {AudioPlayerWhite}
  283. {block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}
  284. </div>
  285. {/block:Audio}
  286.  
  287.  
  288. {block:HasTags}{block:ifshowtags}
  289. <div class="tags"><i class="fa fa-tags" style="float: left; font-size: 14px;"></i>
  290. {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}
  291. </div>{/block:ifshowtags}
  292. {/block:HasTags}
  293.  
  294. {block:PermalinkPage}
  295. Posted {TimeAgo} with {NoteCountWithLabel}<br>{block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  296. {block:PostNotes}
  297. <div class="pnotes">{PostNotes}</div>{/block:PostNotes}
  298. {/block:PermalinkPage}
  299. </div>
  300.  
  301. {/block:Posts}
  302. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a>{/block:NextPage}</div>
  303. </body>
  304. </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!