Permalink
Browse files

Changed index.php back to index.html

Changed style.css to light.css and moved to css dir
Removed some styling and javascript that I believe would be undesirable for others
Added javascript/cb_plugins.js - allows toggling of stylesheets
  • Loading branch information...
curtisblackwell committed Nov 6, 2010
1 parent f246594 commit f4a60b88d06088fddca73b69ef3a76c2240ab027
View
@@ -1,34 +0,0 @@
-<link rel="stylesheet" href="_cb_changes/style.css" type="text/css" media="screen" />
-<script src="_cb_changes/js/jquery.ba-replacetext.min.js" type="text/javascript"></script>
-<script src="_cb_changes/js/content_edits.js" type="text/javascript"></script>
-
-<pre class="rule changelog">
-/*
- __<a class="no_underline" href="http://curtisblackwell.com" target="_blank">Curtis Blackwell's</a> Changelog__
- 2010.11.04: Initial fork - Changed styling, removed browser compatibility comments and spaces after declarations
- for quicker/easier/more efficient copying + pasting. All changes made externally in order to
- facilitate easy updating, with the following exceptions:
- + Changed index.html to index.php.
- + Included /_cb_changes/index.php at the bottom of /www/index.php.
-*/
-
-
-
-
-</pre>
-
-<pre class="rule changelog">
-/*
- <a class="no_underline" href="http://curtisblackwell.com" target="_blank">Curtis Blackwell's</a> Plans:
- + Change [to clipboard] so that it only copies declarations (and remove .js that removes browser
- compatibility comments).
- + Columns.
- + RGBA.
- + Radial gradients.
- + Non CSS3 things like color and borders.
-*/
-
-
-
-
-</pre>
@@ -1,41 +0,0 @@
-// Change the title tag and name throughout to distinguish between CSS3 Please! and hopefully avoid any conflicts
-$('title').html('&iexcl;CSS3 Por Favor! The Cross-Browser CSS3 Rule Generator, &iexcl;Ahora en Colores Diferentes!');
-
-$('html *').replaceText( /\bCSS3, Please! The Cross-Browser CSS3 Rule Generator\b/gi, '¡CSS3 Por Favor! The Cross-Browser CSS3 Rule Generator,<br /> ¡Ahora en Colores Diferentes!<br /> <a href="http://curtisblackwell.com" target="_blank">Curtis Blackwell&rsquo;s</a> forked version of <a href="http://css3please.com/" target="_blank">CSS3 Please!</a>' );
-
-
-// Change please to por favor
-$('html *').replaceText('please', 'por favor');
-
-$('h1').html('&iexcl;<abbr title="Cascading Style Sheets Level 3">CSS3</abbr>, por favor!');
-
-
-// Remove browser compatibility comments for quicker copy + paste
-$('.rule .comment').not('.rule.footer .comment').each(function(){
- if($(this).html() != '/* */'){
- $(this).remove();
- }
-});
-
-// Removed spaces after declarations
-$('html *').replaceText('; ', ';');
-
-
-/*==REPLACE DEFAULT SANDBOX VALUES==*/
-
-// .box_round
-$('#box_round *').replaceText('12', '7');
-
-// .box_shadow
-$('#box_shadow b[g="1"]').replaceText('0', '1');
-$('#box_shadow b[g="2"]').replaceText('4', '5');
-$('#box_shadow b[g="3"]').replaceText('ffffff', '333');
-
-// .box_gradient
-$('#box_gradient *').replaceText('444444', '45a7f3');
-$('#box_gradient *').replaceText('999999', '007dd1');
-
-// .box_textshadow
-$('#box_textshadow b[g="0"]').replaceText('1', '0');
-$('#box_textshadow b[g="2"]').replaceText('3', '1');
-$('#box_textshadow b[g="3"]').replaceText('888', 'a3d6fd');
@@ -1,9 +0,0 @@
-/*
- * jQuery replaceText - v1.1 - 11/21/2009
- * http://benalman.com/projects/jquery-replacetext-plugin/
- *
- * Copyright (c) 2009 "Cowboy" Ben Alman
- * Dual licensed under the MIT and GPL licenses.
- * http://benalman.com/about/license/
- */
-(function($){$.fn.replaceText=function(b,a,c){return this.each(function(){var f=this.firstChild,g,e,d=[];if(f){do{if(f.nodeType===3){g=f.nodeValue;e=g.replace(b,a);if(e!==g){if(!c&&/</.test(e)){$(f).before(e);d.push(f)}else{f.nodeValue=e}}}}while(f=f.nextSibling)}d.length&&$(d).remove()})}})(jQuery);
@@ -4,42 +4,9 @@ body {
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #ffffff));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')";
+ color: #FF6400;
}
-
-/*==UTILITY==*/
-
-.no_underline {
- border-bottom: none !important;
- text-decoration: none !important;
-}
-
-
-/*==SANDBOX==*/
-
-#sandbox {
- /* Save for after border-editing integration | put in mark-up, not css
- border: 1px solid #007dd1;
- border-bottom-color: #002a47;
- border-top-color: #a1d6ff;*/
- border: none;
-}
-
-#sandbox h1 {
- color: #fff;
- font-size: 47px; /* Fit on one line, don't overlap text */
- text-shadow: 0px -1px 1px #25C;
-}
-
-#sandbox abbr {
- border-bottom: 1px dashed #fff;
- color: #f33;
- text-shadow: 0px -1px 1px #a00;
-}
-
-
-/*==COLORS==*/
-
.rule_wrapper pre.comment .comment, .rule .comment, .commentedout .rule, .commentedout .rule span { color: #50BD2B !important; }
.rule_wrapper:hover pre.comment .comment, .rule_wrapper pre.comment span.comment a:hover, .rule_wrapper pre.comment span.comment a.hover { color: #2d9e06; }
@@ -51,4 +18,6 @@ body {
.rule .value, span.ie .filter { color: saddleBrown; }
-.footer .comment a, .comment a { border-bottom: 1px solid #50BD2B; }
+.footer .comment a, .comment a { border-bottom: 1px solid #50BD2B; }
+
+.rule.comment .comment a { border-bottom: none; }
View
@@ -377,3 +377,13 @@ body .commentclose .comment { color: rgba(0,136,255,.9) !important;}
background:#FF5E99;
color:#fff;
}
+
+/* --------------------------------
+ Curtis Blackwell's Changes
+ blackwell.curtis@gmail.com
+ 11.4.10
+--------------------------------*/
+
+#sandbox { margin-bottom: 20px; }
+
+#sandboxwrap .rule.comment { text-align: right; }
View
@@ -9,6 +9,7 @@
<script src="javascript/jquery-1.4.2.js" type="text/javascript"></script>
<script src="javascript/jquery.plugins.min.js" type="text/javascript"></script>
<script src="javascript/javascript.js" type="text/javascript"></script>
+<script src="javascript/cb_plugins.js" type="text/javascript"></script>
</head>
@@ -26,6 +27,7 @@
This element will receive inline changes as you edit the CSS rules on the left. Enjoy!
</p>
</div>
+ <pre class="rule comment">/* <a class="off">[toggle styling]</a><span class="endcomment"> */</span></pre>
</div>
<pre class="rule">
@@ -205,6 +207,6 @@
</pre>
-<?php include('_cb_changes/index.php'); ?>
+<div id="toggle_style"></div>
</body>
</html>
View
@@ -0,0 +1,20 @@
+// remap jQuery to $
+(function($){
+$(document).ready(function(){
+
+
+ /*==TOGGLE STYLING==*/
+ $('#sandboxwrap .off').click().toggle(
+ // Change to my styling
+ function(){
+ $('#toggle_style').html('<link rel="stylesheet" href="css/light.css" type="text/css" media="screen" />');
+ },
+ // ...and back to original CSS3, please! styling.
+ function(){
+ $('#toggle_style *').remove();
+ }
+ );
+
+
+});
+})(window.jQuery);

0 comments on commit f4a60b8

Please sign in to comment.