/* add ellipsis on text overflow */\r
/* this work on safari, opera, ie, chrome. */\r
/* firefox users have to wait support or we */\r
- /* can use a jquery plugin http://bit.ly/zJskg */\r
+ /* can use a jquery addon http://bit.ly/zJskg */\r
text-overflow: ellipsis;\r
-o-text-overflow: ellipsis;\r
width: 100%;\r
background-repeat: repeat-x;*/\r
padding: 5px 5px 0px;\r
height: 32px;\r
-\r
}\r
+.wall-item-tools a {\r
+ border-radius: 8px;\r
+ padding: 2px;\r
+ background-position: center;\r
+}\r
+.wall-item-tools a.active {\r
+ background-color: rgba(59, 101, 164, 0.5);\r
+}\r
+\r
.wall-item-author {\r
/* margin-top: 10px;*/\r
margin-top: 0px;\r
-webkit-border-radius: 10px;\r
}\r
\r
+.pager .disabled {\r
+ display: none;\r
+}\r
\r
.pager_first,\r
.pager_last,\r
}\r
\r
\r
-#plugin-settings-link, #account-settings-link {\r
+#addon-settings-link, #account-settings-link {\r
margin-bottom: 10px;\r
}\r
\r
text-align: right;\r
}\r
\r
-#adminpage #pluginslist {\r
+#adminpage #addonslist {\r
margin: 0px; padding: 0px;\r
}\r
-#adminpage .plugin {\r
+#adminpage .addon {\r
list-style: none;\r
display: block;\r
border: 1px solid #888888;\r
margin-bottom: 5px;\r
clear: left;\r
}\r
-#adminpage .plugin .desc { margin-left: 2.5em;}\r
-#adminpage .toggleplugin {\r
+#adminpage .addon .desc { margin-left: 2.5em;}\r
+#adminpage .toggleaddon {\r
float:left;\r
margin-right: 1em;\r
}\r
.icon.like {\r
display: block; width: 26px; height: 28px;/*31 33*/\r
margin-right: 7px;\r
- background-size: 100% 100%;\r
+ background-size: 26px 28px;\r
background-image: url('images/approve.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
\r
.icon.link {\r
display: block; width: 22px; height: 24px;\r
- background-size: 100% 100%;\r
+ background-size: 22px 24px;\r
background-image: url('images/link.png');\r
background-repeat: no-repeat;\r
\r
/*.globe { background-position: 0px -16px;}*/\r
.icon.globe {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/globe.png');\r
background-repeat: no-repeat;\r
}\r
/*.noglobe { background-position: -16px -16px;}*/\r
.icon.noglobe {\r
display: block; width: 24px; height: 24px;\r
- background-size: 100% 100%;\r
+ background-size: 24px 24px;\r
background-image: url('images/noglobe.png');\r
background-repeat: no-repeat;\r
}\r
.small-pencil { background-position: -96px -16px;}*/\r
.icon.pencil {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/pencil.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
}\r
.icon.small-pencil {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/pencil.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
.icon.recycle {\r
display: block;\r
width: 28px; height: 27px;/*33 32*/\r
- background-size: 100% 100%;\r
+ background-size: 28px 27px;\r
background-image: url('images/recycle.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
/* display: block;*/\r
display: none;\r
width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/remote-link.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
.icon.lock {\r
display: block; width: 17px; height: 25px;\r
margin-top: 1px;\r
- background-size: 100% 100%;\r
+ background-size: 17px 25px;\r
background-image: url('images/lock.png');\r
background-repeat: no-repeat;\r
}\r
.icon.unlock {\r
display: block; width: 17px; height: 28px;\r
margin-top: -2px;\r
- background-size: 100% 100%;\r
+ background-size: 17px 28px;\r
background-image: url('images/unlock.png');\r
background-repeat: no-repeat;\r
}\r
/*.attach { background-position: -80px -32px; }*/\r
.icon.attach {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/paperclip.png');\r
background-repeat: no-repeat;\r
}\r
/*.starred { background-position: -16px -48px; }*/\r
.icon.starred {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/star-yellow.png');\r
background-repeat: no-repeat;\r
}\r
/*.unstarred { background-position: -32px -48px; }*/\r
.icon.unstarred {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/star.png');\r
background-repeat: no-repeat;\r
\r
/*.tagged { background-position: -48px -48px; }*/\r
.icon.tagged {\r
display: block; width: 28px; height: 28px;\r
- background-size: 100% 100%;\r
+ background-size: 28px 28px;\r
background-image: url('images/tag.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
\r
.filer-icon {\r
display: block; width: 24px; height: 24px;\r
- background-size: 100% 100%;\r
+ background-size: 24px 24px;\r
background-image: url('images/folder.png');\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
\r
.event-icon {\r
display: block; width: 33px; height: 33px;\r
- background-size: 100% 100%;\r
+ background-size: 33px 33px;\r
background-repeat: no-repeat;\r
opacity: 0.5;\r
}\r
.acpopupitem.selected {\r
color: #FFFFFF; background: #3465A4;\r
}\r
+ul.acpopup {\r
+ list-style: none;\r
+ float: left;\r
+ min-width: 160px;\r
+ padding: 5px 0;\r
+ margin: 2px 0 0;\r
+}\r
+nav .acpopup {\r
+ width: 290px;\r
+ margin-left: -35px;\r
+ max-height: 450px;\r
+ max-width: 300px;\r
+ overflow-y: auto;\r
+ overflow-x: hidden;\r
+ margin-top: 0px;\r
+}\r
+img.acpopup-img {\r
+ float: left;\r
+ width: 36px;\r
+ height: 36px;\r
+ margin-right: 5px;\r
+ vertical-align: middle;\r
+}\r
+.acpopup-contactname {\r
+ padding-top: 2px;\r
+ font-weight: bold;\r
+ line-height: 1em;\r
+ white-space: nowrap;\r
+ overflow: hidden;\r
+ text-overflow: ellipsis;\r
+ display: block;\r
+}\r
+.acpopup-sub-text {\r
+ color: #777;\r
+ font-size: 0.833em;\r
+ line-height: 1em;\r
+ overflow: hidden;\r
+ text-overflow: ellipsis;\r
+ display: block;\r
+}\r
+.textcomplete-item a {\r
+ color: inherit;\r
+ overflow: hidden;\r
+ text-overflow: ellipsis;\r
+ clear: both;\r
+ white-space: nowrap;\r
+ padding: 3px 20px;\r
+ display: block;\r
+}\r
+.textcomplete-item a:hover {\r
+ text-decoration: none;\r
+}\r
+.textcomplete-item.active {\r
+ color: #FFFFFF; background: #3465A4;\r
+}\r
+.active a .acpopup-sub-text {\r
+ color: #fff;\r
+}\r
\r
/* popup notifications */\r
div.jGrowl div.notice {\r