Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans&display=swap" rel="stylesheet">
​
<script type="text/javascript" src="https://web.archive.org/web/20220728134353/https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".about_body").hide();
$(".about_head").click(function() {
$(this).next(".about_body").slideToggle('active');
});
});
</script>
<style type="text/css">
@font-face {
font-family:'antre';
src: url(https://dl.dropbox.com/s/xaspbkonff6y9uf/antre.otf);
}
​
.about_list {
width: 200px;
padding: 0px;
background: #ffe6ec;
box-shadow: 0 0 7px 10px #ffe6ec;
margin-top: 1px;
margin-left: 1px;
top: 20px;
left: 20px;
position: fixed;
z-index: 1;
}
​
.about_head {
font-family:'antre';
text-shadow: -1px 0 #ffa9c2, 0 1px #000, 1px 0 #000, 0 -1px #ffa9c2;
font-size: 1.5em;
text-align: center;
color: #fff;
height:1em;
}
​
.about_body {
font-family: 'DM Sans', sans-serif;
font-size: 0.875em;
color: #424242;
text-align: center;
display: none;
height: 130px;
overflow: auto;
text-align: left;
padding-top: 10px;
line-height: 1.25em;
}
​
mark {
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,212,222,1) 93%);
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
border: 1px solid #e3c3ca;
border-radius: 1em;
}
​
@media only screen and (max-width: 600px) {
.about_body {
height: 118px;
}
}
</style>
​
<body>
<div class="about_list">
<p class="about_head">UPDATE LOG</p>
<div class="about_body">
<mark>text</mark> text text text text text text text
<br><br>
<mark>text</mark> text text text text text text text
<br><br>
<mark>text</mark> text text text text text text text
</div>
</div>
</body>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers