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

View File

@ -38,38 +38,36 @@ a img
}
#editbar
#editbar
{
background-color: #F3F7F9;
width: 100%;
height: 31px;
padding-top: 4px;
background: #f7f7f7;
background: -moz-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: -ms-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: -o-linear-gradient(#f7f7f7, #f1f1f1 80%);
background: -webkit-linear-gradient(#f7f7f7, #f1f1f1 80%);
border-bottom: 1px solid #ccc;
height: 32px;
overflow: hidden;
padding-top: 3px;
width: 100%;
}
#editbar ul li
#editbar ul li
{
float: left;
margin-left: 2px;
background-color: #fff;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
background: -moz-linear-gradient(#fff, #f0f0f0);
background: -ms-linear-gradient(#fff, #f0f0f0);
background: -o-linear-gradient(#fff, #f0f0f0);
background: -webkit-linear-gradient(#fff, #f0f0f0);
border: 1px solid #ccc;
padding: 4px 5px;
height: 18px;
width: 18px;
border-radius: 4px;
cursor: pointer;
float: left;
height: 18px;
margin-left: 2px;
overflow: hidden;
background: white; /* fallback for older/unsupporting browsers */
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));
padding: 4px 5px;
width: 18px;
}
#editbar ul li a
@ -84,12 +82,22 @@ a img
top:-2px
}
#editbar ul li:hover
{
border: 1px solid #888;
#editbar ul li:hover {
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
{
border: inherit;
@ -780,7 +788,7 @@ ul#colorpickerswatches li:hover
width: 180px;
height: 200px;
z-index: 400;
background-color:#f3f7f9;
background-color:#f7f7f7;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;