"frame scraps src js parse url"
Bootstrap 3.3.0 Snippet by rayrc

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html id="home" lang="en">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css?family=FontAwesome:300,400,500,800">
<style>
[class*="fontawesome-"]:before{font-family:'FontAwesome',sans-serif}
*{margin:0;padding:5px;margin:auto;color:#111}
html{min-width:640px;min-height:100%;color:#fff;}
body{font-family:'Fira Sans',sans-serif;font-size:1.1rem;font-weight:400;background-color:#333;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
.glyphicon{display:inline-block;color:white;font-size:1.6rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;-webkit-transition:all .2s;transition:all .2s;opacity:1;line-height:inherit}
footer{height:100%;color:#777; background-color: rgba(0,0,0,0.1);text-align:center;vertical-align:bottom;margin-bottom:-20px;border-top:1px solid #e5e5e5;font-size:small;font-weight:400;font-family:'Roboto',sans;text-align:center}
body{z-index:1;width:410px;height:620px}
</style>
</head><body onLoad="resize();">
<script>
Response.AddHeader("X-FRAME-OPTIONS", "SAMEORIGIN");
Response.AddHeader("X-FRAME-OPTIONS", "Allow-From http://bootsnipp.com");
</script>
<script>function resize() {
var height = document.getElementsByTagName("html")[0].scrollHeight;
window.parent.postMessage(["setHeight", height], "*");
}
</script>
<script> $(window).ready(function() {
$(".connect-icons a").hover(function(){
$(".connect-box").toggleClass("color-"+ this.className );
$(".text-"+ this.className).toggleClass("show");
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.TwitterSocialMediaWrapper{height: 244px;overflow-y: scroll;overflow-x: hidden;margin-bottom:20px;border: solid 1px #DCE5EC;}
.TwitterSocialMediaProfileImg
{
height: 35px;
width: 35px;
border:none;
float:left;
border-radius:7px;
display:inline;
vertical-align:middle;
margin-right:5px;
}
.TwitterSocialMediaItem {padding:5px; border: solid 1px #DCE5EC;}
.TwitterSocialMediaTitle{ display:inline-block;padding:1px;}
.TwitterSocialMediaTitle a
{
color: #084476;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.TwitterSocialMediaTitle a:hover
{
color: #B41019;
}
.TwitterSocialMediaTitle span
{
font-size:10px;
color: #8899a6;
text-decoration:none;
}
.TwitterSocialMediaDescription
{
padding:2px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
// check jQuery load.
if ((typeof $) == "function") {
// Begin processing JQuery commands when DOM is first ready
$(document).ready(function () {
// check for CSS Box Model Support
if ($.support.boxModel) {
// Add ToolTip
$("div#PhotoEssayBlock ul#PhotoEssayList li img").each(function () {
// IE7 can't render the tooltip arrow, so AFPS requested it hover over the image instead.
if ($.browser.msie && $.browser.version == "7.0") {
$(this).ToolTip(
{
text: $(this).attr("title"),
additionalClassName: "PhotoEssayToolTip",
offset: { left: 0, top: 98 },
orientation: "top"
});
}
else {
$(this).ToolTip(
{
text: $(this).attr("title"),
additionalClassName: "PhotoEssayToolTip",
offset: { left: 0, top: -5 },
orientation: "top"
});
}
});
// Add ToolTip to Special reports
$("div#SpecialBannerWrapper img").each(function () {
// IE7 can't render the tooltip arrow, so AFPS requested
// it hover over the image instead.
if ($.browser.msie && $.browser.version == "7.0") {
$(this).ToolTip(
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Kit 2 PRO

Questions / Comments: