API tools faq
paste
Advertisement
realjunko

Girls love theme

realjunko
Mar 29th, 2014
1,379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.70 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!————————————————————
  6.  
  7. girls love theme by realjunko
  8.  
  9. please dont remove credit thank u
  10.  
  11. (✿ﾉ◡‿◡)ﾉ *:･ﾟ✧*:･ﾟ✧
  12. ---------------------->
  13.  
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17. <head>
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23.  
  24. <meta name="font: Body" content="Helvetica" />
  25.  
  26. <meta name="color:Background" content="#fff" />
  27. <meta name="color:Description" content="#908d8d" />
  28. <meta name="color:Title" content="#eabce0" />
  29. <meta name="color:Body" content="#908d8d" />
  30. <meta name="color:borders" content="#e2dede" />
  31. <meta name="color:Link" content="#8d8c8d" />
  32. <meta name="color:Link Hover" conten"
  33. <meta name="image:Background" content="" />
  34. <meta name="image:sidebar" content="" />
  35.  
  36.  
  37. <meta name="if:Three More Links" content="1"/>
  38. <meta name="if:Lace Banner" content="1"/>
  39. <meta name="if:show captions" content="0">
  40. <meta name="if:faded posts" content="1"/>
  41.  
  42.  
  43. <meta name="text:Sidebar image title" content="/" />
  44.  
  45. <meta name="text:Link1 title" content="/" />
  46. <meta name="text:Link1 URL" content="/" />
  47. <meta name="text:Link2 title" content="/" />
  48. <meta name="text:Link2 URL" content="/" />
  49. <meta name="text:Link3 title" content="/" />
  50. <meta name="text:Link3 URL" content="/" />
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_ltsft1v1g21r1b4vq.gif"/>
  58.  
  59.  
  60.  
  61. <style type="text/css">
  62. a {color:;text-decoration:none;-webkit-tra... all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  63.  
  64. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  65.  
  66. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  67.  
  68. #biter
  69.  
  70. #bite a {display:block}
  71.  
  72. #bite .death {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  73.  
  74. #bite:hover .death {margin-top:0px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.5s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  75.  
  76.  
  77.  
  78. #mary {
  79. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  80. repeat:repeat-x;
  81. left:0;
  82. width:100%;
  83. margin-top: -2px;
  84. height:18px;
  85. position: fixed;
  86. z-index: 1;
  87. opacity:1;
  88. }
  89. #mary2 {
  90. background-color: #fff;
  91. repeat:repeat-x;
  92. left:0;
  93. width:100%;
  94. margin-top: -30px;
  95. height:30px;
  96. position: fixed;
  97. z-index: 1;
  98. opacity:1;
  99. }
  100.  
  101. body {
  102. background: {color:Background};
  103. background-image: url('{image:Background}');
  104. position:absolute;
  105. font-size:12px;
  106. font-family: {font:Body};
  107. color:{color:Body};
  108. }
  109.  
  110. blockquote {
  111. border-left: 3px solid #eee;
  112. padding:5px;
  113. padding-left:10px;
  114. text-align: justify;
  115. }
  116.  
  117. blockquote img {
  118. max-width: 100%;
  119. display: block;
  120. margin-bottom: 5px;
  121. }
  122.  
  123. blockquote blockquote {
  124. margin: 10px;
  125. padding: 10px;
  126. }
  127.  
  128. a {
  129. text-decoration:none;
  130. outline:none;
  131. color:{color:Link};
  132. -webkit-transition: all 0.5s ease-in-out;
  133. -moz-transition: all 0.5s ease-in-out;
  134. -o-transition: all 0.5s ease-in-out;
  135. }
  136.  
  137. a:hover {
  138. color:{color:Link Hover};
  139. -webkit-transition: all 0.5s ease-in-out;
  140. -moz-transition: all 0.5s ease-in-out;
  141. -o-transition: all 0.5s ease-in-out;
  142. }
  143.  
  144. h1 {
  145. font-family:{font:Body};
  146. text-align:center;
  147. }
  148.  
  149. h2 {
  150. font-family:tahoma;
  151. text-transform:uppercase;
  152. padding:5px;
  153. color:{color:Link};
  154. }
  155.  
  156. #title {
  157. font-family:{font:Title};
  158. color:{color:title};
  159.  
  160. font-weight:bold;
  161. font-size:35px;
  162. text-align:center;
  163. text-decoration:none;
  164. -webkit-transition: all 0.5s ease-in-out;
  165. -moz-transition: all 0.5s ease-in-out;
  166. -o-transition: all 0.5s ease-in-out;
  167. }
  168.  
  169.  
  170. #sidebar {
  171. position:fixed;
  172. top:200px;
  173. left:100px;
  174. width:200px;
  175. padding:3px;
  176.  
  177.  
  178. }
  179.  
  180. #sidebar img {
  181. width:190px;
  182. height:auto;
  183. text-align:center;
  184. padding:5px;
  185.  
  186. }
  187.  
  188. #description {
  189. padding:10px;
  190. color:{color:Description};
  191. font-size:9px;
  192. text-align:center;
  193. font-family:{font:Body};
  194. }
  195.  
  196. #pagination {
  197. background:black;
  198. color:white;
  199. }
  200.  
  201. #links {
  202. text-align:center;
  203. }
  204.  
  205.  
  206. #links a{
  207. display:inline-block;
  208. background:white;
  209. padding:3px;
  210. color:{color:Link};
  211. -webkit-transition: all 0.2s ease-in-out;
  212. -moz-transition: all 0.2s ease-in-out;
  213. -o-transition: all 0.2s ease-in-out;
  214. }
  215.  
  216. #links a:hover{
  217. color:{color:Background};
  218. background:{color:Link Hover};
  219. -webkit-transition: all 0.5s ease-in-out;
  220. -moz-transition: all 0.5s ease-in-out;
  221. -o-transition: all 0.5s ease-in-out;
  222. }
  223.  
  224.  
  225. #entries {
  226. font-size:10px;
  227. margin-left: 500px;
  228. margin-top:40px;
  229. float: right;
  230. text-align: justify;
  231.  
  232. }
  233.  
  234. #post {
  235. font-size:10px;
  236. padding: 5px;
  237. margin-bottom:30px;
  238. width: 250px;
  239. color:{color:Body};
  240. text-align: left;
  241. overflow:hidden;
  242. border:double {color:borders};
  243. }
  244.  
  245. #info {
  246. padding: 5px;
  247. border-top:1px solid black;
  248.  
  249. }
  250.  
  251. #post ul {
  252. margin: 20px 0 12px 12px;
  253. list-style: hiragana;
  254. }
  255. /* faded images */
  256.  
  257. img{
  258. {block:iffadedposts}
  259. -webkit-transition: opacity 0.8s linear;
  260. opacity: 0.7;
  261. {/block:iffadedposts}
  262. }
  263.  
  264.  
  265. img:hover{
  266. {block:iffadedposts}
  267. -webkit-transition: opacity 0.8s linear;
  268. opacity: .9;
  269. -webkit-filter:none;
  270. {/block:iffadedposts}
  271. }
  272.  
  273. iframe.photoset {
  274. {block:iffadedposts}
  275. -webkit-transition: opacity 0.8s linear;
  276. opacity: 0.7;
  277. {/block:iffadedposts}
  278. }
  279.  
  280. iframe.photoset:hover {
  281. {block:iffadedposts}
  282. -webkit-transition: opacity 0.8s linear;
  283. opacity: .9;
  284. -webkit-filter:none;
  285. {/block:iffadedposts}
  286. }
  287.  
  288. #info {
  289. padding: 5px;
  290. border-top:1px #c0bfbf;
  291. }
  292.  
  293. ol.notes {
  294. padding: 0 20px;
  295. line-height: 15px;
  296. list-style-type: katakana;
  297. background: transparent;
  298. letter-spacing: 0px;
  299. margin-top: 0px;
  300. }
  301.  
  302. ol.notes li.note {
  303. padding: 7px 0;
  304. text-align: left;
  305. letter-spacing: 0px;
  306. }
  307.  
  308. ol.notes li.note:first-child {
  309. padding-top: 15px;
  310. }
  311.  
  312. #credit a{
  313. position:fixed;
  314. right:3px;
  315. bottom:3px;
  316. padding:4px;
  317. background:white;
  318. font-size:11px;
  319. color:black;
  320. -moz-transition-duration:1s;
  321. -webkit-transition-duration:1s;
  322. -o-transition-duration:1s;
  323. }
  324.  
  325. #credit a:hover {
  326. opacity:1;
  327. color:white;
  328. background:black;
  329. -moz-transition-duration:1s;
  330. -webkit-transition-duration:1s;
  331. -o-transition-duration:1s;
  332. }
  333.  
  334.  
  335. /* Tooltip */
  336.  
  337. #s-m-t-tooltip{
  338. max-width:300px;
  339. margin-top:25px;
  340. margin-left:15px;
  341. padding-left:5px;
  342. padding-right:5px;
  343. padding-top:0px;
  344. padding-bottom:0px;
  345. z-index:999999;
  346. border:4px double {color:Border};
  347. background-color:{color:Posts};
  348. color:{color:Text};
  349. font-family:calibri;
  350. font-size:8px;
  351. letter-spacing:1px;
  352. text-transform:uppercase;
  353. line-height:13px;
  354. }
  355. </style>
  356. <style type="text/css">{CustomCSS}</style>
  357.  
  358.  
  359. </head>
  360. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  361. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  362. <script>
  363. (function($){
  364. $(document).ready(function(){
  365. $("[title],a[title],img[title]").style_my_tooltips({
  366. tip_follows_cursor:true,
  367. tip_delay_time:100,
  368. tip_fade_speed:250,
  369. attribute:"title"
  370. });
  371. });
  372. })(jQuery);
  373. </script>
  374.  
  375. <body>
  376.  
  377.  
  378. {block:iflacebanner}
  379. <div id="mary"></div>
  380. <div id="mary2"></div>
  381. {/block:iflacebanner}
  382. <div id="sidebar">
  383. <div id="title">{Title}</div>
  384.  
  385. <a href="/"><img title="{text:sidebar image title}" src="{image:Sidebar}"/></a>
  386. <div id="description">
  387. {block:Description}{Description}{/block:Description}
  388.  
  389.  
  390.  
  391.  
  392. <div id="links">
  393. <a title="home" href="/">♔</a>
  394. <a title="message" href="/ask">✉</a>
  395.  
  396. {block:ifthreemorelinks}<a title="{text:link1 title}" href="{text:Link1 URL}">✧</a>
  397. <a title="{text:link2 title}" href="{text:Link2 URL}">☁</a>
  398. <a title="{text:link3 title}" href="{text:Link3 URL}">+</a>{/block:ifthreemorelinks}
  399. </div>
  400. <p></p>
  401. <center>
  402. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}">⇨</a>{/block:NextPage}</center>
  403. </div>
  404. </div>
  405.  
  406.  
  407. <div id="entries">
  408. {block:Posts}
  409. <div id="post">
  410. <div id="bite">
  411.  
  412. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  413.  
  414. {block:Quote}<h3>“{Quote}” </h3>
  415. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  416.  
  417. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  418. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  419.  
  420. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:ifshowcaptions}
  421. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  422. {/block:ifshowcaptions}
  423.  
  424. {block:ifnotshowcaptions}{block:permalinkpage}
  425. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  426. {/block:permalinkpage}{/block:ifnotshowcaptions}{/block:Photo}
  427. {block:Photoset}<center>{Photoset-250}</center>{block:ifshowcaptions}
  428. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  429. {/block:ifshowcaptions}
  430.  
  431. {block:ifnotshowcaptions}{block:permalinkpage}
  432. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  433. {/block:permalinkpage}{/block:ifnotshowcaptions}{/block:Photoset}
  434.  
  435. {block:Chat}{block:Title}<h1>{Title}</h1><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  436. {block:Video}{Video-250}{block:ifshowcaptions}
  437. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  438. {/block:ifshowcaptions}
  439.  
  440. {block:ifnotshowcaptions}{block:permalinkpage}
  441. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  442. {/block:permalinkpage}{/block:ifnotshowcaptions}{/block:Video}
  443.  
  444.  
  445.  
  446.  
  447. {block:Audio}
  448. {block:AudioPlayer}
  449. {AudioPlayerWhite}
  450. {/block:AudioPlayer}
  451. {block:AlbumArt}
  452. <img src="{AlbumArtURL}" width="200px"/>
  453. {/block:AlbumArt}
  454. <br>
  455. {block:TrackName}Track: {TrackName}{/block:TrackName}<br>
  456. {block:Artist}Artist: {Artist}{/block:Artist}<br>
  457. {block:Album}Album: {Album}{/block:Album}<br>
  458. {block:Playcount}Play count: {FormattedPlayCount}{/block:Playcount}
  459. {block:ifshowcaptions}
  460. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  461. {/block:ifshowcaptions}
  462.  
  463. {block:ifnotshowcaptions}{block:permalinkpage}
  464. {block:Caption}<div class="texto">{Caption}</div>{/block:Caption}
  465. {/block:permalinkpage}{/block:ifnotshowcaptions}
  466. {/block:Audio}
  467.  
  468. {block:Answer}
  469. <img src="{AskerPortraitURL-30}">
  470. {Asker} asked: {Question}<br>
  471. {Answer}{/block:Answer}
  472.  
  473.  
  474.  
  475. <div id="info">
  476.  
  477.  
  478.  
  479.  
  480. <div class="death">
  481. <div align="center">
  482.  
  483.  
  484. </div> {block:NoteCount} {Notecount}%{/block:NoteCount}{/block:NoteCount} <a href="{reblogurl}">↺</a>
  485. <br>
  486. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  487. </div>
  488. </div>
  489. </div>
  490. {/block:Posts}
  491.  
  492. {block:PostNotes}{PostNotes}{/block:PostNotes}
  493.  
  494. </div>
  495.  
  496.  
  497. <div id="credit"><a href="http://jolyene.tumblr.com"><img title='theme made by jolyene' src='http://static.tumblr.com/rltvkjt/5c3lo4f0m/tumblr_lkl5s8ay6f1qfamg6.gif'</a></div>
  498. </body>
  499. </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!