2012-04-27 17:08:06 +00:00
|
|
|
/* CSS Reset */
|
2012-06-25 23:56:08 +00:00
|
|
|
@import "../base";
|
2012-04-27 02:03:01 +00:00
|
|
|
|
2012-04-27 17:08:06 +00:00
|
|
|
html,body,p,h1,ul,li,table,tr,th,td {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
ins {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
table {
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
border-spacing: 0;
|
|
|
|
|
}
|
|
|
|
|
body {
|
|
|
|
|
color: #000;
|
|
|
|
|
background: #f7f7f7;
|
|
|
|
|
}
|
|
|
|
|
body,h1 {
|
|
|
|
|
font: 13px/16px Arial, sans-serif;
|
|
|
|
|
}
|
|
|
|
|
a {
|
|
|
|
|
color: #01c;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Page styles */
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
font: 26px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
margin-bottom: 12px;
|
|
|
|
|
color: #111;
|
|
|
|
|
text-shadow: 0 1px #f7f7f7;
|
|
|
|
|
}
|
|
|
|
|
h1 > span {
|
|
|
|
|
color: #444;
|
|
|
|
|
font-weight: 200;
|
|
|
|
|
margin-left: 6px;
|
|
|
|
|
}
|
|
|
|
|
#head {
|
|
|
|
|
background: #ddd;
|
|
|
|
|
background: -webkit-gradient(linear,0 0,0 100%,from(#e7e7e7),to(#d0d0d0));
|
|
|
|
|
background: -moz-linear-gradient(#e7e7e7, #d0d0d0);
|
|
|
|
|
background: -ms-linear-gradient(#e7e7e7, #d0d0d0);
|
|
|
|
|
background: -o-linear-gradient(#e7e7e7, #d0d0d0);
|
|
|
|
|
background: linear-gradient(#e7e7e7, #d0d0d0);
|
|
|
|
|
-webkit-box-shadow: inset 0 1px #f7f7f7, 0 1px #888, 0 2px #e7e7e7;
|
|
|
|
|
-moz-box-shadow: inset 0 1px #f7f7f7, 0 1px #888, 0 2px #e7e7e7;
|
|
|
|
|
box-shadow: inset 0 1px #f7f7f7, 0 1px #888, 0 2px #e7e7e7;
|
|
|
|
|
padding: 12px 16px;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.completed [contenteditable] {
|
|
|
|
|
text-decoration: line-through;
|
|
|
|
|
}
|
|
|
|
|
[contenteditable]:focus {
|
|
|
|
|
outline: none;
|
|
|
|
|
}
|
|
|
|
|
[contenteditable]:hover:before,
|
|
|
|
|
[contenteditable]:focus:before {
|
|
|
|
|
content: "";
|
|
|
|
|
}
|
|
|
|
|
[contenteditable]:before {
|
|
|
|
|
z-index: -1;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: -4px;
|
|
|
|
|
display: block;
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
