API tools faq
paste
Advertisement
xariaaaa

[THEME] ʙʀᴏᴋᴇɴ ʀᴏsᴇs

xariaaaa
May 15th, 2016
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.80 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!-- ʙᴀsᴇ ʙʏ ᴇɴᴛᴇʀᴘʀɪᴢᴇʀ. ᴛʜᴇᴍᴇ ʙʏ ᴀʀɪᴀsʀᴘʜ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ɪᴛ! ᴇᴅɪᴛɪɴɢ ɪs ᴀʟᴏᴡᴇᴅ, ʙᴜᴛ ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛɪɴɢ ɪɴᴛᴀᴄᴛ. -->
  9.  
  10. <style type="text/css">
  11.  
  12. /* GASARA */
  13. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  14.  
  15. /* DARLESTON */
  16. @font-face { font-family: "darleston"; src: url('https://dl.dropboxusercontent.com/s/pon2nz49g2gofuu/Darleston.otf') }
  17.  
  18. /* ASPEX */
  19. @font-face { font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF') }
  20.  
  21. *, body, a {cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  22.  
  23. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  24.  
  25. ::-webkit-scrollbar-thumb {
  26. height: auto;
  27. background-color: #f1d2c6;
  28. }
  29.  
  30. ::-webkit-scrollbar {
  31. height:9px;
  32. width:4px;
  33. background-color: #fff1ec;
  34. }
  35.  
  36.  
  37. body {
  38. background: #fff1ec;
  39. }
  40.  
  41. a {
  42. text-decoration:none;
  43. outline:none;
  44. -moz-outline-style:none;
  45. color: #f1d2c6;
  46. }
  47.  
  48. pre, code {
  49. font-family: "Gasara";
  50. font-size: 8px;
  51. color: #f1d2c6;
  52. letter-spacing: 1px;
  53. text-align: center;
  54. border-left: 2px solid #f1d2c6;
  55. border-bottom: 1px solid #f1d2c6;
  56. padding: 5px;
  57. }
  58.  
  59. img {
  60. border:none;
  61. }
  62.  
  63. blockquote, blockquote blockquote {
  64. margin-left: 5px;
  65. padding: 5px;
  66. border-left: 1px solid #f1d2c6;
  67. border-bottom: 1px dotted #f1d2c6;
  68. }
  69.  
  70. blockquote img {
  71. max-width: 240px;
  72. height: auto;
  73. opacity: 0.3;
  74. -webkit-transition: opacity 0.7s linear;
  75. -webkit-transition: all 0.7s ease-out;
  76. -moz-transition: all 0.7s ease-out;
  77. transition: all 0.7s ease-out;
  78. }
  79.  
  80. blockquote blockquote img {
  81. max-width: 180px;
  82. height: auto;
  83. opacity: 0.3;
  84. -webkit-transition: opacity 0.7s linear;
  85. -webkit-transition: all 0.7s ease-out;
  86. -moz-transition: all 0.7s ease-out;
  87. transition: all 0.7s ease-out;
  88. }
  89.  
  90. blockquote img:hover, blockquote blockquote img:hover {
  91. opacity: 1;
  92. -webkit-transition: opacity 0.7s linear;
  93. -webkit-transition: all 0.7s ease-out;
  94. -moz-transition: all 0.7s ease-out;
  95. transition: all 0.7s ease-out;
  96. }
  97.  
  98. h2 {
  99. font-family: "Bebas neue";
  100. font-size: 30px;
  101. line-height: 33px;
  102. letter-spacing: 1px;
  103. font-weight: 100;
  104. color: #f1d2c6;
  105. text-align: justify;
  106. }
  107.  
  108. /* ENTRIES */
  109.  
  110. #entries {
  111. width: 260px;
  112. height: 100%;
  113. float: right;
  114. margin-top: 20px;
  115. margin-right: 100px;
  116. }
  117.  
  118. /* POSTS */
  119.  
  120. #post {
  121. width: 250px;
  122. padding: 10px;
  123. margin-bottom: 30px;
  124. text-align: justify;
  125. font-family: Calibri;
  126. font-size: 11px;
  127. line-height: 13px;
  128. color: #cdcdcd;
  129. }
  130.  
  131. .posttext a {
  132. font-size: 8px;
  133. color: #f1d2c6;
  134. font-family: "Gasara";
  135. }
  136.  
  137. .posttitle {
  138. font-family: "Bebas Neue";
  139. font-size: 30px;
  140. line-height: 33px;
  141. color: #f1d2c6;
  142. text-align: justify;
  143. }
  144.  
  145. .photopost, .photosetpost, .video {
  146. opacity: 0.3;
  147. -webkit-transition: opacity 0.7s linear;
  148. -webkit-transition: all 0.7s ease-out;
  149. -moz-transition: all 0.7s ease-out;
  150. transition: all 0.7s ease-out;
  151. }
  152.  
  153. .photopost:hover, .photosetpost:hover, .video:hover {
  154. opacity: 0.9;
  155. -webkit-transition: opacity 0.7s linear;
  156. -webkit-transition: all 0.7s ease-out;
  157. -moz-transition: all 0.7s ease-out;
  158. transition: all 0.7s ease-out;
  159. }
  160.  
  161. .quote {
  162. font-family: "Bebas Neue";
  163. font-size: 25px;
  164. text-align: justify;
  165. letter-spacing: 1px;
  166. line-height: 28px;
  167. color: #f1d2c6;
  168. }
  169.  
  170. .source {
  171. font-family: "Gasara";
  172. font-size: 8px;
  173. text-align: right;
  174. }
  175.  
  176. .asker {
  177. font-family: "Darleston";
  178. font-size: 30px;
  179. letter-spacing: -1px;
  180. color: #f1d2c6;
  181. text-align: right;
  182. }
  183.  
  184. .question {
  185. font-family: "gasara"
  186. font-size: 8px;
  187. padding: 10px;
  188. text-align: justify;
  189. border-left: 1px solid #f1d2c6;
  190. border-bottom: 1px solid #f1d2c6;
  191. border-top: 1px dotted #f1d2c6;
  192. border-right: 1px dotted #f1d2c6;
  193. }
  194.  
  195. /* Audio */
  196. .audio {
  197. padding: 0;
  198. }
  199.  
  200. .audio_container {
  201. overflow: hidden;
  202. position: relative;
  203. width: 100px;
  204. }
  205.  
  206. .soundcloud_audio_player {
  207. width: 100%;
  208. }
  209.  
  210. .tumblr_audio_player {
  211. width: 100%;
  212. }
  213.  
  214. #info {
  215. font-family: "Calibri";
  216. font-size: 10px;
  217. text-transform: uppercase;
  218. text-align: center;
  219. }
  220.  
  221. #info a {
  222. font-family: "Gasara";
  223. font-size: 8px;
  224. }
  225.  
  226. #wrapper {
  227. height: 600px;
  228. width: 500px;
  229. float: left;
  230. position: fixed;
  231. left: 100px;
  232. bottom: 0px;
  233. }
  234.  
  235. .princess {
  236. height: 600px;
  237. width: 340px;
  238. margin-left: 0px;
  239. margin-top: 0px;
  240. z-index: 999;
  241. }
  242.  
  243. .tit1 {
  244. margin-left: 242px;
  245. margin-top: -600px;
  246. letter-spacing: 1px;
  247. height: 60px;
  248. width: 300px;
  249. font-family: "Bebas neue";
  250. font-size: 60px;
  251. color: #f1d2c6;
  252. text-shadow: 3px 3px 10px #ffffff;
  253. }
  254.  
  255. .forjimin {
  256. margin-top: -10px;
  257. height: 60px;
  258. width: 170px;
  259. margin-left: 240px;
  260. font-family: "Gasara";
  261. font-size: 8px;
  262. line-height: 11px;
  263. color: #f1d2c6;
  264. padding: 5px;
  265. text-align: justify;
  266. }
  267.  
  268. .trafficlights {
  269. margin-top: -62px;
  270. margin-left: 420px;
  271. height: 70px;
  272. width: 70px;
  273. }
  274.  
  275. .img1 {
  276. height: 50px;
  277. width: 250px;
  278. margin-top: 10px;
  279. margin-left: 244px;
  280. z-index:-9999;
  281. position: relative;
  282. }
  283.  
  284. .desc1 {
  285. height: 70px;
  286. width: 245px;
  287. margin-left: 245px;
  288. font-family: "Gasara";
  289. font-size: 8px;
  290. line-height: 11px;
  291. color: #f1d2c6;
  292. padding: 5px;
  293. text-align: justify;
  294. }
  295.  
  296. .links {
  297. margin-left: 255px;
  298. font-family: "Calibri";
  299. font-size: 22px;
  300. color: #f1e1db;
  301. }
  302.  
  303. .quotee {
  304. margin-left: 245px;
  305. margin-top: 10px;
  306. font-family: "Aspex";
  307. font-size: 13px;
  308. line-height: 20px;
  309. color: #f1d2c6;
  310. letter-spacing: --1px;
  311. text-align: justify;
  312. text-transform: uppercase;
  313. }
  314.  
  315. .friends {
  316. width: 250px;
  317. height: 65px;
  318. margin-left: 250px;
  319. }
  320.  
  321. .friends img {
  322. margin-right: 10px;
  323. border: 3px solid #f1d2c6;
  324. border-radius: 50%;
  325. -webkit-transition:all 0.7s ease-in-out;
  326. -moz-transition:all 0.7s ease-in-out;
  327. -o-transition:all 0.7s ease-in-out;
  328. -ms-transition:all 0.7s ease-in-out;
  329. transition:all 0.7s ease-in-out;
  330. }
  331.  
  332. .friends img:hover {
  333. opacity: 0.1;
  334. transform: rotate(360deg);
  335. transform: scale(0.5);
  336. -webkit-transition:all 0.7s ease-in-out;
  337. -moz-transition:all 0.7s ease-in-out;
  338. -o-transition:all 0.7s ease-in-out;
  339. -ms-transition:all 0.7s ease-in-out;
  340. transition:all 0.7s ease-in-out;
  341. }
  342.  
  343. .pagi {
  344. margin-top: 30px;
  345. font-size: 20px;
  346. color: #f1d2c6;
  347. font-family: "Bebas Neue";
  348. width: 250px;
  349. text-align: center;
  350. }
  351.  
  352. #cred {
  353. font-family: "Gasara";
  354. font-size: 8px;
  355. position: fixed;
  356. bottom: 10px;
  357. left: 10px;
  358. }
  359.  
  360. /* Hover Title Style */
  361.  
  362. #s-m-t-tooltip{
  363. max-width:250px;
  364. margin-top:15px;
  365. margin-left: 15px;
  366. padding-left: 4px;
  367. padding-right: 4px;
  368. z-index: 9999999;
  369. background-color: #ffffff;
  370. color: #f1d2c6;
  371. font-family: "gasara";
  372. font-size:8px;
  373. letter-spacing:0px;
  374. text-transform:uppercase;
  375. text-align:center;
  376. line-height: 14px;
  377. border-left: 3px solid #ffd3d3;
  378. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  379. }
  380.  
  381. </style>
  382.  
  383. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  384. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  385. <script>
  386. (function($){
  387. $(document).ready(function(){
  388. $("[title],a[title],img[title]").style_my_tooltips({
  389. tip_follows_cursor:true,
  390. tip_delay_time:100,
  391. tip_fade_speed:300,
  392. attribute:"title"
  393. });
  394. });
  395. })(jQuery);
  396. </script>
  397.  
  398. </head>
  399. <body>
  400.  
  401. <div id="wrapper">
  402. <div class="princess"><img src="http://i.imgur.com/8hf2ThF.png" /></div>
  403. <div class="tit1"><a href="/">BROKEN ROSE</a></div>
  404. <div class="forjimin">
  405. It's not about how many times I see your smile or how many times I get shy around you. It's about the fuzzy feeling in my stomach and the warm safeness of your embrace. All because I'll remember how you kissed me, under the lamp post, <a href="/tagged/- & sweetest cookie *" title="Back on Sixth Street hearing you whisper through the phone... 'Wait for me to come home'.">박 지 민</a>.
  406. </div>
  407. <div class="trafficlights">
  408. <a href="/tagged/- & fifteen o three o eight *" title="Lets dance under the moonlight, on a small beach, where only I can see you, with me in your loving arms. "><img src="http://i.imgur.com/1bvrzic.gif" /></a>
  409. </div>
  410. <div class="img1">
  411. <a href="/cvancessonig" title="CVANCESS @INSTAGRAM"><img src="http://i.imgur.com/3pqV6Xc.png" /></a>
  412. </div>
  413. <div class="desc1">
  414. A girl who's life isn't as flowy as her hair or as bright as her smile but she fights through all with kindness and sweetness because sorrows can't reach her anymore. A girl who's laughter makes the room lighter and who's tears bring all down. She doesn't let all get close to her heart, but she treats all with the same kindess, she sees beyond the hardships of her own. <b>CGV</b> ;
  415. </div>
  416. <div class="links">
  417. <a href="/ask" title="Inbox">하나</a> »
  418. <a href="/i" title="Profile">두</a> »
  419. <a href="/ii" title="Background">세</a> »
  420. <a href="/iii" title="Navigation">사</a> »
  421. <a href="/iv" title="Mun Note">다섯</a>
  422. </div>
  423. <div class="img1">
  424. <a href="/cvancessonyt" title="CVANESS @YOUTUBE"><img src="http://i.imgur.com/Ecr2tjA.png" /></a>
  425. </div>
  426. <div class="desc1">
  427. Standing maybe not-so-tall on her tip toes, she would bend and shift without breaking, her smile and thin body gave it all away, the grace with which she walks and, maybe, her fluid way of moving. She's more than your usual girl, she's more than just a sweetheart you'd call out when you're in need of a friend. She's not the same, her eyes wear differently as her body floats.
  428. </div>
  429. <div class="img1">
  430. <a href="/cgv" title="CHRISTINE G. VANCE, SOLOIST"><img src="http://i.imgur.com/zfjFH0w.png" /></a>
  431. </div>
  432. <div class="quotee">
  433. Love is like little roses; sweet, fragrant, so petite.
  434. </div>
  435. <div class="friends">
  436. <marquee behavior="scroll" direction="left" scrollamount="3" onmouseover="this.stop();" onmouseout="this.start();">
  437. <a href="http://gttkwng.tumblr.com/" title=""><img src="http://i.imgur.com/iSQj8eG.jpg" /></a>
  438. <a href="http://jiminontheblog.tumblr.com/" title=""><img src="http://i.imgur.com/okZtukI.jpg" /></a>
  439. <a href="http://obaeli.tumblr.com/" title=""><img src="http://i.imgur.com/q7SVz1Q.jpg" /></a>
  440. <a href="http://syndicts.tumblr.com/" title=""><img src="http://i.imgur.com/09O6TZK.png" /></a>
  441. <a href="http://tekau.tumblr.com/" title=""><img src="http://i.imgur.com/JZ41Sm6.jpg" /></a>
  442. <a href="http://duanyien.co.vu/" title=""><img src="http://i.imgur.com/3Leus51.jpg" /></a>
  443. </marquee>
  444. </div>
  445. </div>
  446.  
  447.  
  448. <div id="entries">
  449. {block:Posts}
  450. <div id="post">
  451.  
  452. <!-- TEXT POSTS -->
  453. {block:Text}
  454. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  455. <div class="posttext">{Body}</div>
  456. {/block:Text}
  457.  
  458. <!-- PHOTO POSTS -->
  459. {block:Photo}
  460. <div class="photopost">{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}
  461. <div class="posttext">{block:Caption}{Caption}{/block:Caption}</div></div>
  462. {/block:Photo}
  463.  
  464. <!-- PHOTOSET POSTS -->
  465. {block:Photoset}
  466. <div class="photosetpost">{Photoset-250} {block:Caption}{Caption}{/block:Caption}</div>
  467. {/block:Photoset}
  468.  
  469. <!-- QUOTE POSTS -->
  470. {block:Quote}
  471. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  472. <div class="quote">{Quote}</div>
  473. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  474. {/block:Quote}
  475.  
  476. <!-- LINK POSTS -->
  477. {block:Link}
  478. <div class="posttitle">a href="{URL}" {Target}>{Name}</a></div>
  479. {block:Description}{Description}{/block:Description}
  480. {/block:Link}
  481.  
  482. <!-- CHAT POSTS -->
  483. {block:Chat}
  484. <div class="posttile">{block:Title}{Title}{/block:Title}</div>
  485. <div class="posttext">
  486. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  487. {/block:Chat}
  488.  
  489.  
  490. <!-- ASK POST -->
  491. {block:Answer}
  492. <div class="asker">{Asker}</div>
  493. <div class="question">{Question}</div>
  494. {Answer}
  495. {/block:Answer}
  496.  
  497. <!-- AUDIO POST -->
  498. {block:Audio}
  499. <div class="audioContainer">
  500. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  501. </div>
  502. <div class="posttext">{block:Caption}{Caption}{/block:Caption}</div>
  503. {/block:Audio}
  504.  
  505. <!-- VIDEO POST -->
  506. {block:Video}
  507. <div class="video">{Video-250}</div>
  508. <div class="posttext">{block:Caption}{Caption}{/block:Caption}</div>
  509. {/block:Video}
  510.  
  511. <!-- POST PERMA -->
  512. <div id="info">
  513. {block:Date}{TimeAgo}{/block:Date} // <a href="{Permalink}">
  514. {NoteCountWithLabel}</a><br>
  515. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  516. </div>
  517. </div>
  518. {block:PostNotes}{PostNotes}{/block:PostNotes}
  519. {/block:Posts}
  520.  
  521. <div class="pagi">
  522. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} // {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  523. </div>
  524. </div>
  525. <div id="cred">
  526. <a href="#" title="Theme coded by mun, please do not steal the code! Made for Google Chrome, 1366 x 768.">CREDIT</a>
  527. </div>
  528. </body></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!