Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <a class='button'onclick='document.getElementById('myModal').style.top='80px';'>News Comment</a>
- <div class='modal-dialog' id='myModal'>
- <div class='modal-content'>
- <div class='modal-header'>
- <button aria-hidden='true' class='close' data-dismiss='modal' id='closex' onclick='document.getElementById('myModal').style.top='-500px';' type='button'>×</button>
- <h4 class='modal-title' id='myModalLabel'>
- Nhận Xét Mới Nhất</h4>
- </div>
- <div class='modal-body'>
- <script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script>
- <script style=text/javascript>
- var a_rc = 5;
- var m_rc = false;
- var n_rc = true;
- var o_rc = 100;
- </script>
- <script src=http://blog.bomkhung.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script>
- <style type="text/css">
- .rcw-comments a {
- text-transform: capitalize;
- }
- .rcw-comments {
- border-bottom: 1px dotted;
- padding-top: 7px!important;
- padding-bottom: 7px!important;
- }
- </style>
- </div>
- </div></div>
- <style>/* CSS Dialog Khusus */
- #mydonasi{position:fixed;top:-500px;z-index:10;transition:0.4s all ease-in-out;}
- #myModal{position:fixed;top:-550px;z-index:10;transition:0.4s all ease-in-out;}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (max-width:480px){.modal-dialog{top:0!important;left:0!important}}@media screen and (max-width:320px){.modal-dialog{top:0!important;left:0!important}}.modal-dialog{position:fixed;top:50px;left:300px;width:auto;margin:10px;width:700px;max-width:100%}.modal-content{position:relative;background-color:#3B5998;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);outline:none;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-header{min-height:16.42857143px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.modal-title{margin:0;font-size:150%!important;margin-bottom:-10px!important}.modal-body{position:relative;padding:20px;text-align:left;}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}</style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement