Permalink
Browse files

re-enabled User CSS editing

  • Loading branch information...
funkatron committed Dec 17, 2010
1 parent f523c58 commit 08e471ed091bf5956ff7b0db97a7b1679f3782fd
Showing with 57 additions and 51 deletions.
  1. +52 −39 html/css_edit.html
  2. +3 −10 html/utilitywindow.css
  3. +2 −2 index.html
View
@@ -8,20 +8,33 @@
<title>User CSS Editor</title>
<link rel="stylesheet" href="utilitywindow.css" type="text/css" media="screen" title="no title" charset="utf-8">
+
+
<style type="text/css" media="screen">
#css {
- border:2px solid #AAA;
- -khtml-border-radius:10px;
- padding:5px;
+ border: none;
+ border-top: 1px solid #999;
+ border-bottom: 1px solid #999;
+ padding: 5px;
+ font-family: AnonymousPro, Anonymous, Inconsolata, Consolas, Monaco, "Courier New", monospaced;
+ line-height: 1.5em;
+ }
+ #content {
+ margin-top: 34px;
+ padding: 10px 0px;
+ }
+ #buttons {
+ text-align:right;
}
</style>
<script src="app:/vendors/air/AIRAliases.js" type="text/javascript" charset="utf-8"></script>
<script src="app:/vendors/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="app:/vendors/jquery.dimensions.js" type="text/javascript" charset="utf-8"></script>
+ <script src="app:/vendors/jquery/jquery.textarea.js"></script> <!-- $.tabby() -->
<script src="app:/app/spaz.js" type="text/javascript" charset="utf-8"></script>
- <script src="app:/apps/libs/spaz.sys.js" type="text/javascript" charset="utf-8"></script>
- <script src="app:/apps/libs/spaz.debug.js" type="text/javascript" charset="utf-8"></script>
+ <script src="app:/app/libs/spaz.sys.js" type="text/javascript" charset="utf-8"></script>
+ <script src="app:/app/libs/spaz.debug.js" type="text/javascript" charset="utf-8"></script>
<script src="app:/app/views/spaz.themes.js" type="text/javascript" charset="utf-8"></script>
<script src="app:/spazcore/spazcore-air.js" type="text/javascript" charset="utf-8"></script>
@@ -32,19 +45,19 @@
<script type="text/javascript" charset="utf-8">
function resizeTextarea() {
- $('#css').height($(window).height()-$("#css").offset().top-35);
- $('#css').width($('#content').width()-15);
+ $('#css').height($(window).height()-$("#css").offset().top-50);
+ $('#css').width($('#content').width()-5);
}
function getUserCSS() {
- $('#css').val( $(window.opener.document.getElementById('UserCSSOverride')).text() )
- // alert(window.opener.document.getElementById('UserCSSOverride').innerText)
+ $('#css').val( $(window.opener.document.getElementById('UserCSSOverride')).text() );
+ sch.debug(window.opener.document.getElementById('UserCSSOverride').innerText);
}
function setUserCSS() {
- // alert($('#css')[0].outerHTML);
- // alert('hi! '+$('#css').val())
+ sch.debug($('#css')[0].outerHTML);
+ sch.debug('hi! '+$('#css').val());
$(window.opener.document.getElementById('UserCSSOverride')).text( $('#css').val() );
@@ -54,32 +67,30 @@
Spaz.Sys.setFileContents(csspath, $('#css').val() );
// getUserCSS()
- // alert(window.opener.document.getElementById('UserCSSOverride').innerText)
+ sch.debug(window.opener.document.getElementById('UserCSSOverride').innerText);
}
- $(window).resize(
- function() {
- resizeTextarea()
- }
- )
-
- $(document).ready(
- function() {
- resizeTextarea();
- getUserCSS()
- }
+
+ $(document).ready(function() {
+ $('#save').click(
+ function() {
+ $('#css').val();
+ }
+ );
- )
+ $('#reset').click(getUserCSS);
- // $('#save').click(
- // function() {
- // $('#css').val()
- // }
- // );
- // $('#reset').click(getUserCSS);
- // $('#css').change(setUserCSS);
+ $('#css').change(setUserCSS);
+ $(window).resize(function() {
+ resizeTextarea();
+ });
+
+ resizeTextarea();
+ getUserCSS();
+ $('#css').tabby();
+ });
</script>
@@ -90,14 +101,16 @@
<h1>User CSS Editor</h1>
<div id="content">
<form action="poop" method="get">
- <div id="buttons">
- <input type="button" name="save" value="Save" id="save" onclick="setUserCSS()" />
- <input type="button" name="reset" value="Reset" id="reset" onclick="getUserCSS()" />
- <a class="clickable" onClick="sc.helpers.openInBrowser('http://funkatron.com/spaziki/User-CSS-Hacks/')" title="Load the Spaziki CSS hacks page">Get &amp; share CSS hacks</a>
- <!-- <span style="color:red">CSS Does Not Get Saved Yet</span> -->
- </div>
- <!-- <input type="text" name="csscode" value="" id="css" /> -->
- <textarea name="csscode" id="css">hi</textarea>
+ <textarea name="csscode" id="css" cols="120" rows="30">
+ /* User CSS Overrides */
+
+ </textarea>
+ <div id="buttons">
+ <a class="clickable" onClick="sc.helpers.openInBrowser('http://getspaz.com/csshacks')" title="Load the Spaziki CSS hacks page">Get &amp; share CSS hacks</a>
+ <input type="button" name="reset" value="Reset" id="reset" onclick="getUserCSS()" />
+ <input type="button" name="save" value="Save" id="save" onclick="setUserCSS()" />
+ <!-- <span style="color:red">CSS Does Not Get Saved Yet</span> -->
+ </div>
</form>
</div>
</body>
View
@@ -4,18 +4,12 @@
body {
padding:0px;
margin:0px;
- font-family:Tahoma, Arial, Helvetica, sans-serif;
- background-color: #FFFF9B;
- background-image: url('img/body-bg.png');
- background-repeat:repeat-x;
- background-position: center bottom;
- -webkit-background-size:100% 100%;
+ font-family:Myriad Pro, Tahoma, Arial, Helvetica, sans-serif;
font-size:.8em;
color:#444444;
- height:100%;
bottom:0px;
top:0px;
-
+ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
overflow:auto;
}
@@ -39,7 +33,7 @@ h1 {
width:100%;
top:0px;
height:25px;
- background-image: url('img/spaz-icon-alpha.png');
+ background-image: url('../images/spaz-icon-alpha.png');
background-repeat: no-repeat;
background-position: 90% 40%;
}
@@ -64,7 +58,6 @@ h2 {
bottom:0px;
top:0px;
overflow:auto;
-
}
div.formrow {
View
@@ -573,8 +573,8 @@ <h2 class="CollapsiblePanelTab" tabindex="0">
<fieldset>
<legend>Theme</legend>
<div class="formrow">
- <label><strong>User CSS is currently disabled</strong></label>
- <div style="display:none">
+ <label>User CSS Overrides</label>
+ <div>
<!-- <input disabled="disabled" type="text" name="user-stylesheet" value="" id="prefs-user-stylesheet" /> -->
<input type="button" name="user-stylesheet-button" value="Load from file" id="prefs-user-stylesheet-button" onclick="Spaz.Themes.browseForUserCss()" />
<input type="button" name="user-stylesheet-edit" value="Edit User CSS" id="prefs-user-stylesheet-edit" onclick="Spaz.UI.showCSSEdit()" />

0 comments on commit 08e471e

Please sign in to comment.