Skip to content

Commit

Permalink
rollback to old styling
Browse files Browse the repository at this point in the history
  • Loading branch information
Marvin Labod committed Jan 31, 2011
1 parent babfa4b commit 6143c92
Show file tree
Hide file tree
Showing 6 changed files with 85 additions and 174 deletions.
156 changes: 54 additions & 102 deletions css/wunderlist.css
View file
Expand Up @@ -37,8 +37,7 @@ background: #fff}
word-wrap: break-word;font-size:18px;letter-spacing:1px;color:#fff; text-shadow: 0px 1px 3px #333;
text-align:center;margin-bottom:13px; padding-bottom:3px}

#content h1 {
display:none;}
#content h1 {margin-top:14px}

#content h2 { font-size:14px; opacity:0.8; margin-top:25px; margin-bottom:10px}
#content h3 { font-size:12px; opacity:0.7; text-align:center; padding-top:16px !important; margin-top:0px}
Expand All @@ -50,8 +49,8 @@ a {color:#393939 }
/* SIDEBAR ----------------------------------------------------------------------------------------------- */

#sidebar {
left:0px;
background:url(/images/sidebar_left.png) right repeat-y;
right:0px;
background:url(/images/sidebar.png) right repeat-y;
width:269px;
height:100%;
top:0px;
Expand All @@ -62,59 +61,55 @@ width:258px;
overflow-y:auto;
overflow-x: hidden;
position:fixed;
left:0px;
right:0px;
bottom:36px;
top:38px}
top:59px}

#top {
/*#top {
padding-top:4px;
position:fixed; top:0px; left:0px; right:0px;
z-index:100; background: -webkit-gradient(linear, left top, left bottom, from(#c8c8c8), to(#aaa));
height:34px; border-bottom:1px solid #515151}

#macmenu {position:absolute; right: 226px; left:280px}

#macmenu a {width:25px;height:25px;display:block;display:inline-block; margin-right:12px;}

#macmenu a.addtaskbutton {background:url(/images/compose.png); }

#macmenu a.sharebutton {background:url(/images/top_share.png); }

#macmenu a.mailbutton {background:url(/images/top_mail.png); }

#macmenu a.cloudbutton {background:url(/images/top_cloud.png); }

#macmenu a.printbutton {background:url(/images/top_print.png); }

#top.blurred {background:#e9e9e9}

/*#sidebar .separator {
#macmenu {position:absolute; right: 226px; left:280px}
#macmenu a {width:25px;height:25px;display:block;display:inline-block; margin-right:12px;}
#macmenu a.addtaskbutton {background:url(/images/compose.png); }
#macmenu a.sharebutton {background:url(/images/top_share.png); }
#macmenu a.mailbutton {background:url(/images/top_mail.png); }
#macmenu a.cloudbutton {background:url(/images/top_cloud.png); }
#macmenu a.printbutton {background:url(/images/top_print.png); }
#top.blurred {background:#e9e9e9}*/

#sidebar .separator {
border-bottom:1px solid #e8e9f0;
height:2px;
width:238px;
right:0px;
position:absolute;
top:56px}*/
top:56px}

#top .searchside {
#sidebar .searchside {
position:absolute;
right:20px;
right:45px;
z-index:2;
width:175px;
top:5px;
width:170px;
padding:0px 14px 0px 18px;
-webkit-box-shadow:inset 0px 1px 2px #666;
margin-left:20px;
margin-top:12px;
-webkit-box-shadow:0px 1px 1px #fff;
border:1px solid #c8cddd;
-webkit-border-radius:15px;
background:#fff url(/images/searchicon.png) 5% 50% no-repeat}

#top .searchside input {
#sidebar .searchside input {
border:none;
background:none;
width:145px;
color:#555;
padding:5px;
margin-left:5px}

#top .searchside .clearsearch {
#sidebar .searchside .clearsearch {
display:none;
position:absolute;
opacity:0.5;
Expand All @@ -128,20 +123,23 @@ right:6px;
height:14px;
width:14px}

#top .searchside:hover .clearsearch {
#sidebar .searchside:hover .clearsearch {
display:block}

#top h3 {
#sidebar h3 {
z-index:1;
position:absolute;
right:0px;
background: -webkit-gradient(linear, left top, left bottom, from(#f6f7f8), to(#e7eaf2));
border-bottom:1px solid #d1d2d4;
padding-left:35px;
width:224px;
padding-bottom:10px}
padding-top:22px;
padding-bottom:10px;
height:26px}

#top h3 .active {background:url(/images/editdone.png)}

#top h3 .add { text-indent: -9999px; float:right; margin: 4px 18px 0 0; background:url(/images/addlist.png); width: 12px; height: 12px; display:block }
#sidebar h3 .active {background:url(/images/editdone.png)}
#sidebar h3 .add { text-indent: -9999px; float:right; margin: 4px 18px 0 0; background:url(/images/addlist.png); width: 12px; height: 12px; display:block }

#sidebar div.deletep { background:url(/icons/delete_active.png); cursor:pointer; margin-right:4px; width:14px; height:14px; float:right; display:none; opacity:0.5}
#sidebar div.deletep:hover {opacity:1.0}
Expand Down Expand Up @@ -226,7 +224,7 @@ background:#e7eaf2;
border-top:1px solid #fff;
bottom: 36px;
position: absolute;
left:0px;
right:0px;
height:32px;
padding-top:10px;
width: 259px;
Expand All @@ -250,47 +248,13 @@ color:#fff}
background:url(/images/bottombar.jpg) repeat-x;
position:fixed;
bottom:0px;
right:0px;
left:0px;
height:36px;
width:100%}

#addlistitem {
opacity:0.7;
background:url(/images/addlist_new.png);
width:25px;
margin-left:6px;
display:block;
height:25px;
cursor:pointer}

#addlistitem:hover {opacity:1.0}

#right {float:right; padding:8px 12px 0px 8px}
#right {float:right; padding:8px 40px 8px 0px}

#left {float: left}

#bottom-filters {
float:left;
border-left:1px solid #797979;
padding-left:60px;
padding-top:9px;
top:0px;
bottom:0px;
position:relative;
height:36px}

#bottom-sidebar {
float:left;
width: 259px;
border-right:1px solid #474c4f;
left:0px;
padding-top:6px;
top:0px;
bottom:0px;
height:36px}

.bottom-noborders { border:none !important}
#left {float: left; padding:9px; padding-right:0px; padding-left:40px}

#left a, #credits {
padding:0px 10px;
Expand Down Expand Up @@ -322,29 +286,16 @@ background:url(/images/bottombar_active.png) top left repeat-x;
-webkit-box-shadow:1px 1px 3px #3e3e3e;
text-shadow: #176ea5 0px 1px 2px}

.togglesidebar {
opacity:0.7;
width:25px;
height:25px;
cursor:pointer;
position:absolute;
background:url(/images/sidebartoggle_new.png);
left:5px;
z-index:1000;
top:5px}

.togglesidebar:hover { opacity:1.0}

#sync {
position:absolute; top:8px; left:34px;
position:fixed; bottom:6px; left:9px;
background:url(/images/sync_green.png);
height:22px; width:22px;
cursor:pointer}

#sync.sync_red {background:url(/images/sync_red.png)}
#sync.sync_red {background:url(/images/sync_red.png); }

#syncing {
position:absolute; bottom:5px; left:5px;
position:fixed; bottom:11px; left:14px;
height:14px;
width:14px;
background-image: url(/images/sync_arrow.png)}
Expand All @@ -360,12 +311,17 @@ span.rotation {
100% {-webkit-transform: rotate(360deg)}
}

.activebackground {width:18px; height:19px; float:right; display:block; opacity:0.5; text-indent: -9999px; margin-right:4px; -webkit-border-radius:3px;}

#bottombar #backgroundList { position:absolute; right:10px; bottom:50px; width:80px; background:rgba(0,0,0,0.8); -moz-border-radius:5px; -moz-border-radius:5px; border-radius:5px}

#bottombar #backgroundList a {width:18px; height:19px; float:right; display:block; opacity:0.5; text-indent: -9999px; margin:4px;}
.togglesidebar {
width:18px;
height:18px;
cursor:pointer;
position:fixed;
background:url(/images/sidebartoggle.png);
right:21px;
z-index:1000;
bottom:10px}

#bottombar #right a {width:18px; height:19px; float:right; display:block; opacity:0.5; text-indent: -9999px; margin-right:5px}
#bottombar #right a:hover, #bottombar #right a.active { cursor:pointer; opacity:1.0}

#bottombar #right a.bgone { background:url(/images/icon_wood.png)}
Expand All @@ -386,7 +342,7 @@ span#credits { float:right; font-weight: bold; padding:2px 5px; cursor:pointer}
padding:20px 20px 20px 20px;
color:#4e4e4e;
overflow:auto;
position:fixed; right:0px; left:259px; bottom: 36px; top:38px}
position:fixed; left:0px; right:259px; bottom: 36px; top:0px}

#content .mainlist, #content .donelist { margin-bottom:12px }

Expand Down Expand Up @@ -549,11 +505,7 @@ font-size:12px}

/* -- Share Functions Of Lists ---------------------------------------------------------------- */

/*-- Final Sharing in Topbar --*/

/*-- Final Sharing in Lists --*/

#listfunctions {position:absolute; right:20px; height:17px; top:0px; z-index:9999999; width:111px; display:none;}
#listfunctions {position:absolute; right:20px; height:17px; top:10px; z-index:999; width:111px}

#listfunctions a { width:17px; height:17px; background:#000; display:block; float:left; opacity:0.5; cursor:pointer; margin-left:10px}
#listfunctions a:hover { opacity:1.0}
Expand Down
44 changes: 11 additions & 33 deletions index.html
View file
Expand Up @@ -54,29 +54,19 @@
<body>

<div id="bghelp"></div>
<div id="top">
<div id="macmenu">
<a href="#" class="addtaskbutton"></a>
<!-- <a href="#" class="trashbutton"></a> -->
<a href="#" class="sharebutton"></a>
<a href="#" class="printbutton"></a>
<a href="#" class="mailbutton"></a>
<a href="#" class="cloudbutton"></a>
</div>
<div class="searchside">
<span class="clearsearch"></span>
<input type="text" id="search"/>
</div>
<!-- <h3>
<a class="add" href="#" title="">add</a>
</h3> -->
</div>
<div id="sidebar">
<h3>
<a class="add" href="#" title="">add</a>
<div class="searchside">
<span class="clearsearch"></span>
<input type="text" id="search"/>
</div>
</h3>
<div id="note">
<div id="cellotape"></div>
<textarea></textarea>
<a id="save-note"></a>
<a id="cancel-note"</a>
<a id="cancel-note"></a>
</div>
<div id="lists"></div>
<div id="notification"><div></div></div>
Expand All @@ -85,32 +75,20 @@
<div id="content"></div>
<div id="bottombar">
<div id="left">
<div id="bottom-sidebar">
<span id="addlistitem"></span>
<span id="sync" class="more"><span id="syncing"></span></span>
</div>
<div id="bottom-filters">

<span class="togglesidebar"></span>

<a id="all" class="roundedleft more"><img src="icons/filterall.png" alt="all"/></a>
<a id="starred" class="more"><img src="icons/filterstar.png" alt="all"/></a>
<a id="done" class="roundedright more"><img src="icons/filterdone.png" alt="all"/></a>

<a id="today" class="roundedleft">Today</a>
<a id="tomorrow">Tomorrow</a>
<a id="thisweek">Next 7 Days</a>
<a id="someday">Someday</a>
<a id="withoutdate" class="roundedright">Without Date</a>

</div>

<div id="login_data">

</div>
</div>
<div id="login_data"></div>
</div>
<div id="right">
<span id="backgroundList"></span>
<span class="togglesidebar"></span>
</div>
</div>
</body>
Expand Down
2 changes: 1 addition & 1 deletion js/backend/wunderlist.sharing.js
View file
Expand Up @@ -53,7 +53,7 @@ sharing.init = function()
sharing.clickedSharingButton = false;

// Called on pressed sharing button
$('#macmenu a.sharebutton').live('click', function()
$('#listfunctions a.list-share').live('click', function()
{
if (Titanium.Network.online == true)
{
Expand Down
8 changes: 4 additions & 4 deletions js/frontend/layout.js
View file
Expand Up @@ -15,7 +15,7 @@ var printShortcutListener = 0;
var syncShortcutListener = 0;

// Tooltip
var tooltip = function() {
tooltip = function() {
$("a.more, span.more, #listfunctions a").live("mouseenter", function(e) {
var content = $(this).attr("rel");
var offset = $(this).offset();
Expand Down Expand Up @@ -88,15 +88,15 @@ function rotate(degree) {
startSyncAnimation = function() {

$('#tooltip').remove();
$("#bottom-sidebar").append("<p id='sync_tooltip'>" + language.data.sync + "</p>");
$("#sync_tooltip").css("bottom",(41) + "px").css("left",(16) + "px").fadeIn("fast");
$("body").append("<p id='sync_tooltip'>" + language.data.sync + "</p>");
$("#sync_tooltip").css("bottom",(41) + "px").css("left",(7) + "px").fadeIn("fast");

rotate(0);
}

stopSyncAnimation = function() {

$("#sync_tooltip").css("bottom",(41) + "px").css("left",(16) + "px").delay("1000").fadeOut("fast", function() {
$("#sync_tooltip").css("bottom",(41) + "px").css("left",(7) + "px").delay("1000").fadeOut("fast", function() {
$(this).remove();
clearTimeout(rotationTimer);
});
Expand Down
6 changes: 3 additions & 3 deletions js/frontend/share.js
View file
Expand Up @@ -2,9 +2,9 @@ var share = share || {};

share.init = function()
{
$('#macmenu a.mailbutton').live("click", share.share_by_email);
$('#macmenu a.cloudbutton').live("click", dialogs.showCloudAppDialog);
$('#macmenu a.printbutton').live("click", share.print);
$('#listfunctions a.list-email').live("click", share.share_by_email);
$('#listfunctions a.list-cloud').live("click", dialogs.showCloudAppDialog);
$('#listfunctions a.list-print').live("click", share.print);

// Open URL on click
$('#cloudtip span.link').live("click", function() {
Expand Down

0 comments on commit 6143c92

Please sign in to comment.