Permalink
Browse files

added bsa stuff

  • Loading branch information...
1 parent 0dbd8db commit e692e96bebd3880e9d5c16be419a4aefde4a8193 @impressivewebs committed Jul 19, 2012
Showing with 143 additions and 29 deletions.
  1. +89 −18 css/styles.css
  2. +30 −0 includes/bsa.php
  3. +11 −9 index.php
  4. +13 −2 js/general.js
View
@@ -584,6 +584,9 @@ header {
box-shadow: inset 0 0 10px rgba(0, 0, 0, 1);
}
+ .viewnav li a:focus {
+ }
+
.viewnav li a.selected:link, .viewnav li a.selected:visited {
opacity: 1;
}
@@ -612,14 +615,25 @@ header {
}
* html .globalwidth { zoom: 1; } /* IE6 */
*:first-child+html .globalwidth { zoom: 1; } /* IE7 */
+
+ .clearfix:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: " ";
+ clear: both;
+ height: 0;
+ }
+ * html .clearfix { zoom: 1; } /* IE6 */
+ *:first-child+html .clearfix { zoom: 1; } /* IE7 */
.propsnav {
- padding-bottom: 60px;
+ padding-bottom: 40px; /* was 60 with mid ad */
}
.featureslist {
margin: 0;
- padding: 30px 0 0 0;
+ padding: 20px 0 0 0;
}
.featureslist li {
@@ -745,7 +759,30 @@ header {
.midlink span {
text-decoration: underline;
}
-
+
+ .ap {
+ position: absolute;
+ top: 300px;
+ right: 0;
+ width: 270px;
+ overflow: hidden;
+ border: none;
+ }
+
+ .ap-link:link, .ap-link:visited {
+ font-size: 13px;
+ position: absolute;
+ right: 10px;
+ }
+
+ .one .bsa_it_p a {
+ display: none;
+ }
+
+ .bsa_it_ad a {
+ display: block;
+ }
+
.code {
width: 1066px;
height: 110px;
@@ -776,21 +813,25 @@ pre.code {
.desc {
padding-bottom: 20px;
overflow: hidden;
+ float: left;
+ width: 600px;
+ padding-right: 20px;
}
.ed {
+ padding-top: 30px;
padding-bottom: 40px;
position: relative;
}
.toggle-autosize {
position: absolute;
right: 20px;
- top: 7px;
+ top: 37px;
font-size: 15px;
text-decoration: none;
}
-
+
.codeselect {
font-size: 15px;
text-decoration: none;
@@ -800,15 +841,9 @@ pre.code {
float: left;
}
-.desc {
- float: left;
- width: 610px;
- padding-right: 90px;
-}
-
.spec {
float: left;
- width: 380px;
+ width: 440px;
}
.result {
@@ -1672,10 +1707,27 @@ footer {
/* Media queries */
+@media (max-width: 1550px) {
+
+ .spec {
+ width: 350px;
+ }
+
+}
+
@media (max-width: 1400px) {
.github-ribbon {
display: none;
}
+
+}
+
+@media (max-width: 1385px) {
+
+ .spec {
+ width: 210px;
+ }
+
}
@media (max-width: 1150px) {
@@ -1729,10 +1781,6 @@ footer {
width: 480px;
}
- .spec {
- width: auto;
- }
-
.code {
width: 98%;
}
@@ -1816,7 +1864,7 @@ footer {
clear: left;
float: none;
}
-
+
header {
padding-bottom: 15px;
}
@@ -1854,6 +1902,10 @@ footer {
.featureslist li.colk {
margin-left: 164px;
}
+
+ .fledge {
+ padding-bottom: 40px;
+ }
.demo-left, .demo-right, .tutorials, .polyfills {
width: auto;
@@ -1865,7 +1917,11 @@ footer {
.demo-right {
padding-top: 30px;
}
-
+
+ .ap {
+ top: 370px;
+ }
+
}
@media (max-width: 691px) {
@@ -1939,6 +1995,21 @@ footer {
}
+@media (max-width: 520px) {
+
+ .ap {
+ position: static;
+ margin-left: 20px;
+ margin-top: -20px;
+ margin-bottom: 45px;
+ }
+
+ .ap-link:link, .ap-link:visited {
+ position: static;
+ }
+
+}
+
@media (max-width: 480px) {
html, body {
View
@@ -0,0 +1,30 @@
+<!doctype html>
+
+<html lang="en" class="no-js">
+
+<head>
+<style>
+* {
+ margin: 0;
+ padding: 0;
+}
+</style>
+</head>
+<body>
+<!-- BuySellAds Ad Code -->
+<script type="text/javascript">
+(function(){
+ var bsa = document.createElement('script');
+ bsa.type = 'text/javascript';
+ bsa.async = true;
+ bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
+ (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
+})();
+</script>
+<!-- End BuySellAds Ad Code -->
+
+<!-- BuySellAds Zone Code -->
+<div id="bsap_1277044" class="bsarocks bsap_c39a163a3eecd8aadac62be710ab632f"></div>
+<!-- End BuySellAds Zone Code -->
+</body>
+</html>
View
@@ -29,7 +29,7 @@
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
- <link rel="stylesheet" href="css/styles.css?v=1.5.9.8">
+ <link rel="stylesheet" href="css/styles.css?v=1.6.1.4.6">
<script src="js/modernizr-2.5.3.min.js"></script>
@@ -53,7 +53,7 @@ function recordOutboundLink(link, category, action) {
<h1><a href="http://css3clickchart.com" class="title-link">CSS3 Click Chart</a></h1>
- <ul class="viewnav">
+ <ul class="viewnav clearfix">
<li class="btncommon"><a href="?view=common" class="selected">common stuff</a></li>
<li class="btnedge"><a href="?view=edge">cutting-edge</a></li>
</ul>
@@ -68,15 +68,15 @@ function recordOutboundLink(link, category, action) {
<?php include "includes/common.php"; ?>
</ul>
- <ul id="edgelist" class="featureslist">
+ <ul id="edgelist" class="featureslist fledge">
<?php include "includes/edge.php"; ?>
</ul>
</div><!-- .propsnav -->
- <a href="http://www.impressivewebs.com?src=cc" class="midlink globalwidth" rel="nofollow">
+ <!-- <a href="http://www.impressivewebs.com?src=cc" class="midlink globalwidth" rel="nofollow">
<p>The CSS3 Click Chart is brought to you by <span>Impressive Webs</span>.</p>
- </a>
+ </a> -->
<div class="globalwidth">
@@ -120,8 +120,8 @@ function recordOutboundLink(link, category, action) {
</div><!-- .demo-right -->
- </div>
-
+ </div><!-- demo / support wrapper -->
+
<div class="globalwidth infoboxes ext">
<div id="polyfills" class="polyfills">
@@ -136,12 +136,14 @@ function recordOutboundLink(link, category, action) {
</div><!-- .infoboxes -->
+ <iframe class="ap" id="ap" src="includes/bsa.php"></iframe><!-- .ap -->
+
<footer>
<div class="globalwidth">
<p>Fork the project or offer suggestions for improvements <a href="https://github.com/impressivewebs/CSS3-Click-Chart">on the GitHub page</a></p>
- <p class="cr">Copyright &copy; 2011 by <!--<a href="http://www.impressivewebs.com">-->Louis Lazaris<!--</a>--> | <a href="http://twitter.com/ImpressiveWebs">Follow me on Twitter</a> | <a href="http://www.iconshock.com/html5-icons/">HTML5 icons by Icon Shock</a></p>
+ <p class="cr">Copyright &copy; 2011 by <a href="http://www.impressivewebs.com">Louis Lazaris</a> | <a href="http://twitter.com/ImpressiveWebs">Follow me on Twitter</a> | <a href="http://www.iconshock.com/html5-icons/">HTML5 icons by Icon Shock</a></p>
</div><!-- .footer-inside -->
</footer>
@@ -151,7 +153,7 @@ function recordOutboundLink(link, category, action) {
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
-<script src="js/general.js?ver=1.4.2"></script>
+<script src="js/general.js?ver=1.4.3"></script>
<script>
var _gaq = [['_setAccount', 'UA-1965499-10'], ['_trackPageview']];
View
@@ -61,6 +61,8 @@ var s = null,
s.viewLink = this.href.split('?view=');
Css3clickchart.doView(s.viewLink[1]);
+
+ Css3clickchart.doAdLoad();
return false;
@@ -73,7 +75,9 @@ var s = null,
s.featureURL = this.href.split('?prop=');
location.hash = s.featureURL[1];
-
+
+ Css3clickchart.doAdLoad();
+
return false;
});
@@ -268,7 +272,14 @@ var s = null,
});
- }
+ },
+
+ doAdLoad: function () {
+
+ s = this.settings;
+ $('#ap').attr('src', $('#ap').attr('src'));
+
+ }
};

0 comments on commit e692e96

Please sign in to comment.