API tools faq
paste
Advertisement
nhungbuii

Tag list

nhungbuii
Jul 24th, 2016
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. apothecary by solarre
  6.  
  7. -keep credit intact
  8. -don't steal any code
  9. -don't use as a basecode/claim as your own
  10.  
  11. -->
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
  14.  
  15. <title>Tôi muốn tắt nắng đi. Cho màu đừng nhạt mất</title> <!--- pick a title --->
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:1,
  28. tip_fade_speed:100,
  29. attribute:"title"
  30. });
  31. });
  32. })(jQuery);
  33. </script>
  34.  
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  37. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  38.  
  39. <script type="text/javascript">
  40. $(window).load(function(){
  41. var $wall = $('#nav');
  42. $wall.imagesLoaded(function(){
  43. $wall.masonry({
  44. itemSelector: '.column',
  45. isAnimated : true
  46. });
  47. });
  48. });
  49. </script>
  50.  
  51. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  52. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  53.  
  54. </head>
  55. <style type="text/css">
  56. ::-webkit-scrollbar {width:4px; height:auto; background:#fff;}
  57. ::-webkit-scrollbar-corner {background:transparent;}
  58. ::-webkit-scrollbar-thumb:vertical {background:#eee; width:1px; border:1px solid #fff;}
  59. ::-webkit-scrollbar-thumb:horizontal {background:#eee;height:3px !important;}
  60. ::-webkit-scrollbar-increment {width:3px; height:3px; background-color:#fff;}
  61.  
  62. iframe#tumblr_controls, iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  63. position:fixed;
  64. white-space:nowrap;
  65. -webkit-filter: invert(100%);
  66. -moz-filter: invert(100%);
  67. -o-filter: invert(100%);
  68. -ms-filter: invert(100%);
  69. filter: invert(100%);
  70. opacity:.5;
  71. }
  72.  
  73.  
  74.  
  75. #s-m-t-tooltip {
  76. max-width:300px;
  77. padding: 5px 8px;
  78. margin:10px;
  79. background-color:#fff;
  80. font-size:8px;
  81. letter-spacing:1px;
  82. text-transform:uppercase;
  83. color:#777;
  84. border-radius:2px;
  85. border:5px solid #f8f8f8;
  86. z-index:100000000000000000000000000000000000000000;
  87. transition:0.5s ease-in-out;
  88. -webkit-transition:0.5s ease-in-out;
  89. -moz-transition:0.5s ease-in-out;
  90. -ms-transition:0.5s ease-in-out;
  91. -o-transition:0.5s ease-in-out;
  92. }
  93.  
  94. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  95. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  96. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  97.  
  98. .fade-in {
  99. opacity:0;
  100. -webkit-animation:fadeIn ease-in 1;
  101. -moz-animation:fadeIn ease-in 1;
  102. animation:fadeIn ease-in 1;
  103. -webkit-animation-fill-mode:forwards;
  104. -moz-animation-fill-mode:forwards;
  105. animation-fill-mode:forwards;
  106. -webkit-animation-duration:1s;
  107. -moz-animation-duration:1s; animation-duration:1s; }
  108.  
  109. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  110.  
  111. /* color of text selection */
  112. ::selection {background-color:#d3e7ff;color:#fff;text-shadow:none;}
  113. ::-o-selection {background-color:#d3e7ff;color:#fff;text-shadow:none;}
  114. ::-moz-selection {background-color:#d3e7ff;color:#fff;text-shadow:none;}
  115.  
  116.  
  117. body {
  118. font-family: 'Roboto', sans-serif;
  119. background:#f7f7f7;
  120. background-image: url(https://67.media.tumblr.com/8b9eb18dd056013d16b945613a1ca86f/tumblr_oaprj0hsKM1uljon3o1_400.png);
  121. font-size:14px;
  122. line-height:15px;
  123. -moz-font-smoothing:subpixel-antialiased;
  124. -webkit-font-smoothing:subpixel-antialiased;
  125. font-smoothing:subpixel-antialiased;
  126. }
  127.  
  128. a, #nav .column, #sf, #credit {
  129. transition:0.5s ease-in-out;
  130. -webkit-transition:0.5s ease-in-out;
  131. -moz-transition:0.5s ease-in-out;
  132. -ms-transition:0.5s ease-in-out;
  133. -o-transition:0.5s ease-in-out;
  134. }
  135.  
  136. /* link + link hover colors */
  137. a {text-decoration:none;color:#666;-moz-outline-style:none;}
  138. a:hover {color:black;}
  139.  
  140. #contain {
  141. width:700px;
  142. height:auto;
  143. margin:70px auto 0;
  144. padding:10px;
  145. }
  146.  
  147. #words {
  148. width:660px;
  149. padding:30px;
  150. height:auto;
  151. background:#fff;
  152. position:absolute;
  153. margin:60px 0 100px -10px;
  154. z-index:-1;
  155. opacity:1;
  156. }
  157.  
  158. #md {
  159. width:0px;
  160. text-align:center;
  161. margin:10px auto;
  162. }
  163.  
  164. a.links, a.search {
  165. display:inline-block;
  166. position:absolute;
  167. border:1px solid transparent;
  168. padding:5px;
  169. color:#fff;
  170. background:#009ABB; /* color of index + searchbar */
  171. overflow:hidden;
  172. }
  173.  
  174. a.links {width:8.5px; overflow:hidden;font-size:8.5px;margin:0px 0px 0 -24px;border-radius:100% 0 100% 100%;}
  175. a.links:hover {width:50px;border-radius:2px 0 2px 2px;margin:0 0 0 -65px;}
  176. span.in {width:0;height:0;overflow:hidden;letter-spacing:1px;font-size:0;line-height:0;opacity:0;transition:0.4s ease-in-out;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;}
  177. a.links:hover span.in {width:auto;height:auto;font-size:8.5px;opacity:1;-webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;}
  178. a.search:hover {width:140px;border-radius:2px 2px 2px 0;}
  179. a.search {margin:-32px 0px 0 -3.5px;border-radius:100% 100% 100% 0%;height:20px;width:20px;}
  180.  
  181. #title {
  182. color:#777;
  183. width:auto;
  184. text-align:center;
  185. font-size:25px;
  186. margin:60px 0 -25px;
  187. text-transform:uppercase;
  188. opacity:1;
  189. padding-left:0.5em;
  190. line-height:1;
  191. letter-spacing:0.2em;
  192. }
  193.  
  194. #nav .column {
  195. display:block;
  196. float:left;
  197. width:calc((100% - 114px)/3);
  198. /* for 4 columns, change to width:calc((100% - 152px)/4); */
  199. /* for 3 columns, change to width:calc((100% - 114px)/3); */
  200. padding:10px;
  201. margin:8px;
  202. border:1px solid #f1f1f1;
  203. }
  204.  
  205. #nav .column:hover {border-color:#009ABB;} /* border of sectons on hover */
  206.  
  207. h2 {font:oblique 14px calibri;text-transform:uppercase;color:#444;padding-left:5px;}
  208.  
  209. #nav a {
  210. margin-top:10px;
  211. font-size:10px;
  212. text-transform:uppercase;
  213. height:auto;
  214. width:calc(100% - 10px);
  215. padding:5px;
  216. text-align:left;
  217. display: block;
  218. border-bottom:none;
  219. vertical-align: middle;
  220. -webkit-transform: translateZ(0);
  221. transform: translateZ(0);
  222. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  223. -webkit-backface-visibility: hidden;
  224. backface-visibility: hidden;
  225. -moz-osx-font-smoothing: grayscale;
  226. position: relative;
  227. overflow: hidden;
  228. }
  229.  
  230. #nav a:before {
  231. content: "";
  232. position: absolute;
  233. z-index: -1;
  234. left: 0;
  235. right: 100%;
  236. bottom: 0px;
  237. background:#009ABB; /* color of bottom border of links on hover */
  238. height: 1px;
  239. -webkit-transition-property: left, right;
  240. transition-property: left, right;
  241. -webkit-transition-duration: 0.65s;
  242. transition-duration: 0.65s;
  243. -webkit-transition-timing-function: ease-out;
  244. transition-timing-function: ease-out;
  245. }
  246. #nav a:hover:before, #nav a:hover:before, #nav a:active:before {right:0;}
  247.  
  248. #nav .column a:last-child {border:none;}
  249.  
  250. .sfm input {
  251. font-size: 10px;
  252. border: 0px;
  253. text-transform: uppercase;
  254. margin-top: 0px;
  255. color: #fff;
  256. letter-spacing: 1px;
  257. padding: 4px 17px;
  258. font-family: calibri;
  259. outline:none;
  260. text-align:left;
  261. }
  262.  
  263. #sf {
  264. background: url('http://static.tumblr.com/vmteopo/DZvo3eahr/searchw.png') transparent left center no-repeat;
  265. -webkit-filter:brightness(100%);
  266. filter:brightness(100%);
  267. /* for black search icon
  268. background:url('http://static.tumblr.com/vmteopo/R2Do3eapl/searchb.png') transparent left center no-repeat;
  269. delete brightness filters
  270. */
  271. background-size: 15px 10px;
  272. padding-left:25px;
  273. margin-left:2px;
  274. margin-top:-1px;
  275. width:140px;
  276. height:15px;
  277. outline:none;
  278. float:left;
  279. }
  280.  
  281. ::-webkit-input-placeholder {color: inherit;}
  282. :-moz-placeholder {color: inherit; opacity:1;}
  283. ::-moz-placeholder {color: inherit; opacity:1;}
  284. :-ms-input-placeholder {color: inherit;}
  285. input:focus::-webkit-input-placeholder {color: transparent;}
  286. input:focus:-moz-placeholder {color: transparent;}
  287. input:focus::-moz-placeholder {color: transparent;}
  288. input:focus:-ms-input-placeholder { color: transparent;}
  289.  
  290. #return a:hover {border:3px solid transparent;background:#000;color:#fff;}
  291.  
  292. #credit, #credit a {
  293. position:fixed;
  294. bottom:5px;
  295. right:5px;
  296. padding:5px;
  297. line-height:9px;
  298. color:#aaa;
  299. background:#fff;
  300. font-size:9px;
  301. text-decoration:none;
  302. }
  303.  
  304. #credit:hover, #credit a:hover {text-decoration:none;color:#000;}
  305.  
  306. </style></head><body>
  307.  
  308.  
  309. <div id="contain" class="box fade-in one">
  310. <div id="md">
  311. <a href="/" class="links"><i class="fa fa-home"></i><span class="in">&emsp;HOME</span></a>
  312. <a class="search">
  313. <script language="javascript">
  314. function send()
  315. {document.theform.submit()}
  316. </script>
  317. <form action="/search" method="get" class="sfm" name="theform">
  318. <input type="text" name="q" placeholder="search" value="" id="sf" />
  319. </form>
  320. </a>
  321. </div>
  322. <div id="title"><i>Tôi muốn buộc <span style="color:#009abb">gió </span>lại,<br> Cho <span style="color:#009abb">hương</span> đừng bay đi</i><br><br><span style="color:#afd5d5 ;font-size:72px">愛</div>
  323.  
  324. <div id="words">
  325.  
  326. <div id="nav">
  327.  
  328. <!---
  329. link section template:
  330.  
  331. <div class="column">
  332. <h2> title </h2>
  333. <a href="link url">link</a>
  334. <a href="link url">link</a>
  335. <a href="link url">link</a>
  336.  
  337. --->
  338.  
  339. <div class="column">
  340. <h2>#We Sociu</h2>
  341. <a href="/tagged/us" title="10.13">Us</a>
  342. <a href="/tagged/squad" title="just the squads">Squad</a>
  343. <a href="/tagged/teacher" title=":))">Teachers</a>
  344. <a href="/tagged/luubut" title="Nhớ">Lưu bút</a>
  345. <a href="/tagged/anhem" title="Brothers">Anh em</a>
  346. <a href="/tagged/girlz">Girlssszz</a>
  347. <a href="">-</a>
  348. <a href="">-</a>
  349. </div>
  350.  
  351. <div class="column">
  352. <h2>#Timeline</h2>
  353. <a href="/tagged/2015" title="Chúng ta năm đấy">2015</a>
  354. <a href="/tagged/halloween" title="buu u">Halloween</a>
  355. <a href="/tagged/christmas" title="Merry christmas babes">Christmas</a>
  356. <a href="/tagged/LHMX" title="lễ hội mùa xuân">LHMX</a>
  357. <a href="/tagged/hoithao" title="time to shine">Hội Thao</a>
  358. <a href="/tagged/endofyear" title="Cuối năm rồi nhỉ">End of Year</a>
  359. <a href="/tagged/dalat2016" title="Team Đà Lạt">Quẩy Đà Lạt</a>
  360. <a href="/tagged/farewell" title="Mãi yêu">Farewell</a>
  361. </div>
  362.  
  363. <div class="column">
  364. <h2>#Moment</h2>
  365. <a href="/tagged/birthday" title="hpbd">Birthday</a>
  366. <a href="/tagged/wedding">Wedding</a>
  367. <a href="/tagged/hug" title="Body Warmth">Hug</a>
  368. <a href="/tagged/weird" title="Ahihi">Weird</a>
  369. <a href="/tagged/aodai" title="Ahahah">Áo Dài</a>
  370. <a href="/tagged/moments" title="love">Moments..</a>
  371. <a href="/tagged/fb" title="fbtime">Facebook memories</a>
  372. <a href="">-</a>
  373. </div>
  374.  
  375. <div class="column">
  376. <h2>#Ái</h2>
  377. <a href="/tagged/song" title="<3">Song</a>
  378. <a href="/tagged/friends-forever" title="friends forever ha">Friends Forever</a>
  379. <a href="/tagged/video" title="moving frames">Video</a>
  380. <a href="/tagged/:))">:)) :))</a>
  381. <a href="/tagged/tb" title="love">throw back time</a>
  382. <a href="/tagged/quote" title="quote">quote</a>
  383. </div>
  384.  
  385. <div class="column">
  386. <h2>#Bàn có 5 chỗ ngồi</h2>
  387. <a href="/tagged/5-seat-table" title="Bàn có năm chỗ ngồi">5 seat table</a>
  388. <a href="/tagged/vinhhuy" title="Daydream Talking">Vĩnh Huy</a>
  389. <a href="/tagged/vietmy" title="Ducky Dick">Việt Mỹ</a>
  390. <a href="/tagged/dinhdiep" title="Dum Dum">Đình Đình</a>
  391. <a href="/tagged/thangcuu" title="Dam Dang">Thắng K</a>
  392. <a href="/tagged/nhungbui" title="Dodo Bird">Nhung Bui</a>
  393. </div>
  394.  
  395. <div class="column">
  396. <h2>#bàn 1</h2>
  397. <a href="/tagged/khoinguyen15" title="K hôi">Nguyên</a>
  398. <a href="/tagged/minhanhcutoe" title="Minhanhcutoe">Minh Anh</a>
  399. <a href="/tagged/doandoan" title="Quyên">Doãn</a>
  400. <a href="/tagged/ngmita" title="Tài đẹp trai">Tài</a>
  401. <a href="/tagged/minhthao" title="Thảo ahihi">Thảo</a>
  402. <a href="/tagged/nguyenxm.anh" title="Tên 2 đứa dài ngoằng">Nguyên x M.anh</a>
  403. </div>
  404.  
  405. <div class="column">
  406. <h2>Bàn 2</h2></h2>
  407. <a href="/tagged/thanhvy" title="vy heo">Vy</a>
  408. <a href="/tagged/hoangphuoc" title="phước hot boi">Phước</a>
  409. <a href="/tagged/minhtrang" title="trang trần">Minh Trang</a>
  410. <a href="/tagged/aidan" title="Ai Dán">An</a>
  411. <a href="/tagged/phuchuy" title="phuc huy oppa">Phúc Huy</a>
  412. </div>
  413.  
  414. <div class="column">
  415. <h2>#Bàn 3</h2>
  416. <a href="/tagged/nhuhotgon" title="như hot gơn">Như</a>
  417. <a href="/tagged/nghiquach" title="Trẻ trâu">Nghi</a>
  418. <a href="/tagged/ngocmy" title="gấu mẹ">Ngọc Mỹ</a>
  419. <a href="/tagged/ngoc" title="Bò Biển">Ngọc Bò</a>
  420. <a href="/tagged/baminh" title="minh bá">Minh</a>
  421. </div>
  422.  
  423. <div class="column">
  424. <h2>#People of us</h2>
  425. <a href="/tagged/trang chu" title="bé su kem">Trang Chu</a>
  426. <a href="/tagged/vuhuy" title="hot boy america">Vũ Huy</a>
  427. </div>
  428.  
  429. </div>
  430.  
  431. </div>
  432.  
  433. <div id="credit"><a href="http://solarre.tumblr.com" title="solarre">☼</a></div>
  434.  
  435. </body>
  436. </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!