libre-service.eu/pad.libre-service.eu-etherpad
libre-service.eu/pad.libre-service.eu-etherpad
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-01-20 06:29:53 +01:00
Code Issues Projects Releases Wiki Activity

Shift button appearance onto anchor.

Browse source
This commit is contained in:
Chad Weider 2012-02-29 15:29:08 -08:00
parent 089e0227fd
commit 818c3ef40d
2 changed files with 35 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/static/css/pad.css
View file

@ -64,25 +64,18 @@ a img {
height: 32px; height: 32px;
} }
.toolbar ul li { .toolbar ul li {
background: #fff;
background: -webkit-linear-gradient(#fff, #f0f0f0);
background: -moz-linear-gradient(#fff, #f0f0f0);
background: -o-linear-gradient(#fff, #f0f0f0);
background: -ms-linear-gradient(#fff, #f0f0f0);
background: linear-gradient(#fff, #f0f0f0);
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
float: left; float: left;
height: 18px;
margin-left: 2px; margin-left: 2px;
overflow: hidden; }
padding: 4px 5px; .toolbar ul li a:hover {
text-decoration: none;
width: 18px; width: 18px;
} }
.toolbar ul li:hover { .toolbar ul li a span {
position: relative;
top: -2px;
}
.toolbar ul li a:hover {
background: #fff; background: #fff;
background: -webkit-linear-gradient(#f4f4f4, #e4e4e4); background: -webkit-linear-gradient(#f4f4f4, #e4e4e4);
background: -moz-linear-gradient(#f4f4f4, #e4e4e4); background: -moz-linear-gradient(#f4f4f4, #e4e4e4);
@ -90,7 +83,7 @@ a img {
background: -ms-linear-gradient(#f4f4f4, #e4e4e4); background: -ms-linear-gradient(#f4f4f4, #e4e4e4);
background: linear-gradient(#f4f4f4, #e4e4e4); background: linear-gradient(#f4f4f4, #e4e4e4);
} }
.toolbar ul li:active { .toolbar ul li a:active {
background: #eee; background: #eee;
background: -webkit-linear-gradient(#ddd, #fff); background: -webkit-linear-gradient(#ddd, #fff);
background: -moz-linear-gradient(#ddd, #fff); background: -moz-linear-gradient(#ddd, #fff);
@ -106,12 +99,25 @@ a img {
background: inherit; background: inherit;
visibility: hidden; visibility: hidden;
width: 0px; width: 0px;
padding: 5px;
} }
.toolbar ul li a { .toolbar ul li a {
text-decoration: none; background: #fff;
background: -webkit-linear-gradient(#fff, #f0f0f0);
background: -moz-linear-gradient(#fff, #f0f0f0);
background: -o-linear-gradient(#fff, #f0f0f0);
background: -ms-linear-gradient(#fff, #f0f0f0);
background: linear-gradient(#fff, #f0f0f0);
border: 1px solid #ccc;
border-radius: 4px;
color: #ccc; color: #ccc;
display: block; cursor: pointer;
text-align: center; display: inline-block;
height: 18px;
overflow: hidden;
padding: 4px 5px;
text-decoration: none;
width: 18px;
} }
.toolbar ul li a .buttonicon { .toolbar ul li a .buttonicon {
position: relative; position: relative;
@ -1288,7 +1294,7 @@ ul#colorpickerswatches li:hover {
.buttonicon-savedRevision { .buttonicon-savedRevision {
background-position: 0px -493px background-position: 0px -493px
} }
#usericon { #usericon a {
width: 33px !important width: 33px !important
} }
#focusprotector { #focusprotector {
@ -1412,11 +1418,17 @@ input[type=checkbox] {
} }
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.toolbar ul li { .toolbar ul li.separator {
padding: 1px;
}
.toolbar ul li a {
padding: 4px 1px padding: 4px 1px
} }
} }
@media only screen and (min-device-width: 320px) and (max-device-width: 720px) { @media only screen and (min-device-width: 320px) and (max-device-width: 720px) {
.toolbar ul li.separator {
padding: 3px;
}
.toolbar ul li { .toolbar ul li {
padding: 4px 3px padding: 4px 3px
} }

4
src/static/js/pad_userlist.js
View file

@ -724,11 +724,11 @@ var paduserlist = (function()
$("#myswatch").css({'background-color': myUserInfo.colorId}); $("#myswatch").css({'background-color': myUserInfo.colorId});
if ($.browser.msie && parseInt($.browser.version) <= 8) { if ($.browser.msie && parseInt($.browser.version) <= 8) {
$("#usericon").css({'box-shadow': 'inset 0 0 30px ' + myUserInfo.colorId,'background-color': myUserInfo.colorId}); $("#usericon a").css({'box-shadow': 'inset 0 0 30px ' + myUserInfo.colorId,'background-color': myUserInfo.colorId});
} }
else else
{ {
$("#usericon").css({'box-shadow': 'inset 0 0 30px ' + myUserInfo.colorId}); $("#usericon a").css({'box-shadow': 'inset 0 0 30px ' + myUserInfo.colorId});
} }
} }
}; };