fuwafuwa
/
etherpad-lite
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Redesigned pad editbar + chatbox (bg color)

This commit is contained in:
Robin Buse 2011-08-16 23:40:07 +03:00
parent 5da30a40bf
commit 6f7a9ce77a
1 changed files with 35 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
static/css/pad.css
View File

@ -38,38 +38,36 @@ a img
} }
#editbar #editbar
{ {
background-color: #F3F7F9; background: #f7f7f7;
width: 100%; background: -moz-linear-gradient(#f7f7f7, #f1f1f1 80%);
height: 31px; background: -ms-linear-gradient(#f7f7f7, #f1f1f1 80%);
padding-top: 4px; background: -o-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: -webkit-linear-gradient(#f7f7f7, #f1f1f1 80%);
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
height: 32px;
overflow: hidden; overflow: hidden;
padding-top: 3px;
width: 100%;
} }
#editbar ul li #editbar ul li
{ {
float: left; background: #fff;
margin-left: 2px; background: -moz-linear-gradient(#fff, #f0f0f0);
background-color: #fff; background: -ms-linear-gradient(#fff, #f0f0f0);
background: -o-linear-gradient(#fff, #f0f0f0);
-moz-border-radius: 4px; background: -webkit-linear-gradient(#fff, #f0f0f0);
border-radius: 4px;
border: 1px solid #ccc; border: 1px solid #ccc;
padding: 4px 5px; border-radius: 4px;
height: 18px;
width: 18px;
cursor: pointer; cursor: pointer;
float: left;
height: 18px;
margin-left: 2px;
overflow: hidden; overflow: hidden;
padding: 4px 5px;
background: white; /* fallback for older/unsupporting browsers */ width: 18px;
background: -moz-linear-gradient(top, #eee, white 20%, white 20%);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(20%, white), color-stop(20%, white));
} }
#editbar ul li a #editbar ul li a
@ -84,12 +82,22 @@ a img
top:-2px top:-2px
} }
#editbar ul li:hover #editbar ul li:hover {
{
border: 1px solid #888;
background: #fff; background: #fff;
} }
#editbar ul li:active {
background: #eee;
background: -moz-linear-gradient(#ddd, #fff);
background: -ms-linear-gradient(#ddd, #fff);
background: -o-linear-gradient(#ddd, #fff);
background: -webkit-linear-gradient(#ddd, #fff);
}
input[type="file"] {
color: #fff;
}
#editbar ul li.separator #editbar ul li.separator
{ {
border: inherit; border: inherit;
@ -780,7 +788,7 @@ ul#colorpickerswatches li:hover
width: 180px; width: 180px;
height: 200px; height: 200px;
z-index: 400; z-index: 400;
background-color:#f3f7f9; background-color:#f7f7f7;
border-left: 1px solid #999; border-left: 1px solid #999;
border-right: 1px solid #999; border-right: 1px solid #999;
border-top: 1px solid #999; border-top: 1px solid #999;