Skip to content

Commit

Permalink
rounded corners, logos, fixed icons, etc.
Browse files Browse the repository at this point in the history
  • Loading branch information
Becky Bianco authored and Becky Bianco committed Apr 6, 2011
1 parent a582368 commit a8ef7d7
Show file tree
Hide file tree
Showing 11 changed files with 401 additions and 45 deletions.
120 changes: 120 additions & 0 deletions .tmp_index.html.26494~
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>BucketList</title>

<link rel="stylesheet" href="css/bucketList.css" type="text/css">

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script src="3rdparty/jquery_1.4.2/jquery_libraries/ui/jquery.ui.core.js"></script>
<script src="3rdparty/jquery_1.4.2/jquery_libraries/ui/jquery.ui.widget.js"></script>
<script src="3rdparty/jquery_1.4.2/jquery_libraries/ui/jquery.ui.mouse.js"></script>
<script src="3rdparty/jquery_1.4.2/jquery_libraries/ui/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="3rdparty/jquery_1.4.2/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="3rdparty/jquery_1.4.2/jquery_libraries/jquery-ui-1.8.5.custom.min.js"></script>

<script type="text/javascript" src="js/bucketList.js"></script>

<script type="text/javascript" language="JavaScript">
var currentView = "welcome";
</script>
</head>


<body>
<div id="container">

<div id="rightSide">

<div id="taskInfo">

<div id="welcome" style="margin: 10px">
<img src="img/nobucketLogo.gif" style="height:80%"></img>
</div>
<div id="notesBox"></div>
<!--
<div id="b1t0n" class="hiddenFloat">
<h3 id="b1t0name"> Information about 6.033</h3>

<button type="button" id="b1t0i1" class="stickyButton hidden" onclick="addSticky('1', '0', '1')"></button>
<textarea class="new note"
id="b1t0n1"
onfocus="noteFocus('1', '0', '1')"
onblur="noteBlur('1', '0', '1')"
onkeypress="ifEnter('#b1t0n1', event)"> New Note</textarea><br>
</div>

<div id="b1t1n" class="hiddenFloat">
<h3 id="b1t1name"> Information about DP1</h3>

<button type="button" id="b1t1i1" class="stickyButton hidden" onclick="addSticky('1', '1', '1')"></button>
<textarea class="new note"
id="b1t1n1"
onfocus="noteFocus('1', '1', '1')"
onblur="noteBlur('1', '1', '1')"
onkeypress="ifEnter('#b1t1n1', event)"> New Note</textarea><br>
</div> -->
<div id="extras">
<div id="dueOptions">
</div>
<div id="collabsBar">
</div>
</div>

</div> <!-- END taskInfo -->

<div id="bulletin">
</div> <!-- END bulletin -->

</div> <!-- END rightSide -->


<div id="list">
Tamara Fleisher
<img src="img/logo.gif" id="logo"></img>

<div id="accordion" style="font-size:62.5%;">

<div class="bucketGroup">
<!--
<h3><a href="#" id="b1name" onclick="setInfo('1', '0')">6.033</a></h3>
<div id="b1" class="bucket">
<input type="checkbox" id="b1c1">
<textarea class="task"
id="b1t1"
onfocus="taskFocus('1', '1')"
onblur="taskBlur('1', '1')"
onkeypress="ifEnter('#b1t1', event)"
onkeyup="taskType('1', '1')">DP1</textarea><br>

<input type="checkbox" class="hidden" id="b1c2">
<textarea class="new"
id="b1t2"
onfocus="taskFocus('2', '1')"
onblur="taskBlur('2', '1')"
onkeypress="ifEnter('#b1t2', event)"
onkeyup="taskType('2', '1')">New Task</textarea><br>
</div> <!-- END bucket -- >
-->
</div> <!-- END bucketGroup -->
</div> <!-- END accordion -->

<br>
<button type="button" class="newBucket" onclick="bucketName()">New Bucket</button><br>
<div id="bucketName" class="hidden">
Bucket Name:<br>
<textarea id="name"
onblur="addBucket()"
onkeypress="ifEnter('#name', event)"></textarea><br>
</div>
</div> <!-- END list -->

<div class="clear"></div>

</div> <!-- END container -->
</body>


</html>
193 changes: 193 additions & 0 deletions css/.tmp_bucketList.css.html30468~
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,193 @@
<html><h1>The H1 tag looks like this</h1>
<p>The paragraph tag after an H1 tag looks like this</p>
<h2>The H2 tag looks like this</h2>
<p>The paragraph tag after an H2 tag looks like this</p>
<h3>The H3 tag looks like this</h3>
<p>The paragraph tag after an H3 tag looks like this</p>
<h4>The H4 tag looks like this</h4>
<p>The paragraph tag after an H4 tag looks like this</p>
<h5>The H5 tag looks like this</h5>
<p>The paragraph tag after an H5 tag looks like this</p>
<ol>
<li><strong>This is a strong element in an ordered list</strong></li>
<li><i>This is an italic element in an ordered list</i></li>
<li><b>This is a bold element in an ordered list</b></li>
<li><em>This is an emphasized element in an ordered list</em></li>
<li>This is a regular element in an ordered list</li>
</ol>
<ul>
<li><strong>This is a strong element in an unordered list</strong></li>
<li><i>This is an italic element in an unordered list</i></li>
<li><b>This is a bold element in an unordered list</b></li>
<li><em>This is an emphasized element in an unordered list</em></li>
<li>This is a regular element in an unordered list</li>
</ul>
<blockquote>The block quote element looks like this</blockquote>
<pre>The pre element looks like this</pre>
<code>The code element looks like this</code>
<br/>
<span>The span element looks like this</span>
<br/>
<a href="#">The anchor element looks like this</a>
<br/>
<br/>
<div style="float:left;margin:20px;width:200px;">Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this. Text inside a div that is 200 pixels wide looks like this.</div>
<div style="float:left;margin:20px;width:400px;">Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this. Text inside a div that is 400 pixels wide looks like this.</div>
<div style="float:left;margin:20px;width:600px;">Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this. Text inside a div that is 600 pixels wide looks like this.</div><style>#container {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ddd;
border: 1px solid gray;
-moz-border-radius: 15px;
border-radius: 15px;
height: 100%;
}

#list {
height: 100%;
width: 20%;
clear: left;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #e6dcaf;
background-image: url('../img/featured_transparent_fade.png');
background-size: 100%;
}

#rightSide {
float: right;
height: 100%;
width: 80%;
background-color: #d8d6e0;
background-image: url('../img/background-fade.gif');
background-size: 100%;
-moz-border-radius: 15px;
border-radius: 15px;
}

#bulletin {
background-image: url('../img/bulletin.jpg');
background-repeat: repeat;
background-size: 100%;
-moz-border-radius: 15px;
border-radius: 15px;
height: 65%;
}

#taskInfo {
background-color: transparent;
overflow-y: auto;
height: 35%;
}

h2 {
text-align: center;
}

button.newBucket {
display: block;
width: 65%;
height: 30px;
margin: 0px auto;
}

#bucketName {
text-align: center;
}

#notesBox{
float: left;
width: 70%;
}

#extras {
float:right;
font-size:10pt;
margin:10px;
}

.dueOptBox {
border: 2px ridge gray;
}

.sticky {
width: 100px;
height: 128px;
position: absolute;
background-image: url('../img/sticky.gif');
background-repeat: no-repeat;
background-size: 100%;
padding-left: 25px;
padding-top: 28px;
padding-right: 20px;
cursor: pointer;
}

.collabsBox {
border: 5px solid gray;
}

#accordian {
}

textarea {
border: none;
width: 80%;
height: 1.6em;
resize: none;
cursor: text;
}

textarea:focus {
outline: none;
}

textarea.new {
color: #aaa;
background-color: trasparent;
display:inline-block;
}

textarea.real {
color: black;
display:inline-block;
}

textarea.note {
height: 2em;
border-bottom: dashed 1px;
border-color:-moz-use-text-color;
}

textarea.stickyNote {
background: transparent;
height: inherit;
width: inherit;
}

button.disabled {
visibility: hidden;
}

.hidden {
visibility:hidden;
}

.hiddenFloat {
display: none;
float: left;
}

.bucket {
position: auto;
}

.noteButton {
float: right;

}

.clear {
clear: both;
line-height: 0px;
}
</style></html>
Loading

0 comments on commit a8ef7d7

Please sign in to comment.