-\r
-.hovercard {\r
- position: absolute;\r
- top: 0;\r
- left: 0;\r
- z-index: 1040;\r
- display: none;\r
- /*max-width: 276px;*/\r
- max-width: 400px;\r
- padding: 1px;\r
- text-align: left;\r
- background-color: #ffffff;\r
- background-clip: padding-box;\r
- border: 1px solid #cccccc;\r
- border: 1px solid rgba(0, 0, 0, 0.2);\r
- border-radius: 200px;\r
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r
- white-space: normal;\r
-}\r
-.hovercard.top {\r
- margin-top: -10px;\r
-}\r
-.hovercard.right {\r
- margin-left: 10px;\r
-}\r
-.hovercard.bottom {\r
- margin-top: 10px;\r
-}\r
-.hovercard.left {\r
- margin-left: -10px;\r
-}\r
-.hovercard-title {\r
- margin: 0;\r
- padding: 8px 14px;\r
- font-size: 14px;\r
- font-weight: normal;\r
- line-height: 18px;\r
- background-color: #f7f7f7;\r
- border-bottom: 1px solid #ebebeb;\r
- border-radius: 199px 199px 0 0;\r
- display: none;\r
-}\r
-.hovercard-content {\r
- color: #777;\r
- padding: 0;\r
-}\r
-.hovercard > .arrow,\r
-.hovercard > .arrow:after {\r
- position: absolute;\r
- display: block;\r
- width: 0;\r
- height: 0;\r
- border-color: transparent;\r
- border-style: solid;\r
-}\r
-.hovercard > .arrow {\r
- border-width: 11px;\r
-}\r
-.hovercard > .arrow:after {\r
- border-width: 10px;\r
- content: "";\r
-}\r
-.hovercard.top > .arrow {\r
- left: 50%;\r
- margin-left: -11px;\r
- border-bottom-width: 0;\r
- border-top-color: #999999;\r
- border-top-color: rgba(0, 0, 0, 0.25);\r
- bottom: -11px;\r
-}\r
-.hovercard.top > .arrow:after {\r
- content: " ";\r
- bottom: 1px;\r
- margin-left: -10px;\r
- border-bottom-width: 0;\r
- border-top-color: #ffffff;\r
-}\r
-.hovercard.right > .arrow {\r
- top: 50%;\r
- left: -11px;\r
- margin-top: -11px;\r
- border-left-width: 0;\r
- border-right-color: #999999;\r
- border-right-color: rgba(0, 0, 0, 0.25);\r
-}\r
-.hovercard.right > .arrow:after {\r
- content: " ";\r
- left: 1px;\r
- bottom: -10px;\r
- border-left-width: 0;\r
- border-right-color: #ffffff;\r
-}\r
-.hovercard.bottom > .arrow {\r
- left: 50%;\r
- margin-left: -11px;\r
- border-top-width: 0;\r
- border-bottom-color: #999999;\r
- border-bottom-color: rgba(0, 0, 0, 0.25);\r
- top: -11px;\r
-}\r
-.hovercard.bottom > .arrow:after {\r
- content: " ";\r
- top: 1px;\r
- margin-left: -10px;\r
- border-top-width: 0;\r
- border-bottom-color: #ffffff;\r
-}\r
-.hovercard.left > .arrow {\r
- top: 50%;\r
- right: -11px;\r
- margin-top: -11px;\r
- border-right-width: 0;\r
- border-left-color: #999999;\r
- border-left-color: rgba(0, 0, 0, 0.25);\r
-}\r
-.hovercard.left > .arrow:after {\r
- content: " ";\r
- right: 1px;\r
- border-right-width: 0;\r
- border-left-color: #ffffff;\r
- bottom: -10px;\r
-}\r
-\r
-.right-aligned {\r
- float: right !important;\r
-}\r
-.left-align {\r
- float: left !important;\r
-}\r
-.hidden {\r
- display: none !important;\r
- visibility: hidden !important;\r
-}\r
-.hovercard h1,\r
-.hovercard .h1,\r
-.hovercard h2,\r
-.hovercard .h2,\r
-.hovercard h3,\r
-.hovercard .h3 {\r
- margin: 0;\r
- padding: 0;\r
-}\r
-.hovercard h3 {\r
- font-size: 24px;\r
-}\r
-.hovercard h4,\r
-.hovercard .h4,\r
-.hovercard h5,\r
-.hovercard .h5,\r
-.hovercard h6,\r
-.hovercard .h6 {\r
- margin: 0;\r
- padding: 0;\r
-}\r
-.hovercard h4.text-center {\r
- margin-top: 10px;\r
- margin-bottom: 5px;\r
-}\r
-.hovercard sup {\r
- top: 0;\r
-}\r
-.hovercard small,\r
-.hovercard .small {\r
- font-size: 85%;\r
-}\r
-.hovercard ul,\r
-.hovercard ol {\r
- margin: 0;\r
- padding: 0;\r
- margin-bottom: 0;\r
-}\r
-.hovercard a:hover,\r
-.hovercard a:active,\r
-.hovercard a:focus,\r
-.hovercard a:visited {\r
- text-decoration: none !important;\r
-}\r
-\r
-\r
-/* Basic hovercard */\r
-.basic-content {\r
- padding: 9px;\r
-}\r
-.image-wrapper {\r
- background: #fff;\r
- border: 2px #fff solid;\r
- display: block;\r
- overflow: hidden;\r
-}\r
-.image-wrapper > a,\r
-.image-wrapper > span {\r
- background-size: 100% !important;\r
-}\r
-.image-wrapper.medium > a,\r
-.image-wrapper.medium > span {\r
- content: " ";\r
- display: block;\r
-}\r
-.image-wrapper.medium > a img {\r
- height: 80px;\r
- width: 80px;\r
- margin-bottom: 0;\r
-}\r
-.hovercard {\r
- -webkit-border-radius: 4px;\r
- -moz-border-radius: 4px;\r
- border-radius: 4px;\r
- /*max-width: 250px;*/\r
- max-width: 400px;\r
- width: 350px;\r
- -webkit-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);\r
- -moz-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);\r
- box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);\r
- border: 1px solid rgba(0, 0, 0, 0);\r
-}\r
-.hovercard a:hover {\r
- text-decoration: none;\r
-}\r
-.hovercard.right > .arrow {\r
- border-right-color: rgba(0, 0, 0, 0.05);\r
-}\r
-.hovercard.left > .arrow {\r
- border-left-color: rgba(0, 0, 0, 0.05);\r
-}\r
-.hovercard.bottom > .arrow {\r
- border-bottom-color: rgba(0, 0, 0, 0.05);\r
-}\r
-.hovercard.top > .arrow {\r
- border-top-color: rgba(0, 0, 0, 0.05);\r
-}\r
-.advance-hovercard + .hovercard {\r
- max-width: 445px;\r
-}\r
-.advance-hovercard + .hovercard .hovercard-content {\r
- padding: 5px;\r
-}\r
-\r
-.basic-hovercard + .hovercard {\r
- max-width: 445px;\r
-}\r
-.basic-hovercard + .hovercard .hovercard-content {\r
- padding: 5px;\r
-}\r
-\r
-.hover-card-header {\r
- width: 100%;\r
-}\r
-.hover-card-header h4 {\r
- display: block;\r
-\r
-}\r
-.hover-card-header h4 a {\r
- font-size: 18px;\r
- font-weight: bold;\r
- letter-spacing: 0.03rem;\r
-}\r
-.hover-card-details {\r
- width: 100%;\r
-}\r
-.hover-card-pic {\r
- margin-top: 0px;\r
- display: block;\r
-}\r
-.hover-card-pic .image-wrapper {\r
- margin-right: 0.75em;\r
- float: left;\r
- position: relative;\r
-}\r
-.hover-card-content {\r
- list-style-type: none;\r
- width: 100%;\r
- display: block;\r
- background: #fff;\r
- padding: 0.3em 0 1em;\r
-}\r
-.hover-card-content .profile-details {\r
- font-size: 13px;\r
-}\r
-.hover-card-content .profile-addr {\r
- overflow: hidden;\r
- display: block;\r
- text-overflow: ellipsis;\r
-}\r
-.hover-card-actions {\r
- display: flex;\r
-}\r
-.hover-card-actions-connection {\r
- margin-left: 30px;\r
-}\r
-.hovercard .hovercard-content .hover-card-actions a.btn {\r
- display: inline-block;\r
-}\r
-.hover-card-footer {\r
- background-color: #f7f7f7;\r
- border-top: 1px solid #ebebeb;\r
- padding: 0 10px;\r
-}\r
-\r
+.hovercard {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1040;
+ display: none;
+ max-width: 400px;
+ padding: 1px;
+ text-align: left;
+ background-color: #ffffff;
+ background-clip: padding-box;
+ border: 1px solid #cccccc;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 200px;
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+ white-space: normal;
+}
+
+.hovercard.top {
+ margin-top: -10px;
+}
+
+.hovercard.right {
+ margin-left: 10px;
+}
+
+.hovercard.bottom {
+ margin-top: 10px;
+}
+
+.hovercard.left {
+ margin-left: -10px;
+}
+
+.hovercard-title {
+ margin: 0;
+ padding: 8px 14px;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 18px;
+ background-color: #f7f7f7;
+ border-bottom: 1px solid #ebebeb;
+ border-radius: 199px 199px 0 0;
+ display: none;
+}
+
+.hovercard-content {
+ padding: 0;
+}
+
+.hovercard > .arrow,
+.hovercard > .arrow:after {
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+}
+
+.hovercard > .arrow {
+ border-width: 11px;
+}
+
+.hovercard > .arrow:after {
+ border-width: 10px;
+ content: "";
+}
+
+.hovercard.top > .arrow {
+ left: 50%;
+ margin-left: -11px;
+ border-bottom-width: 0;
+ border-top-color: #999999;
+ border-top-color: rgba(0, 0, 0, 0.25);
+ bottom: -11px;
+}
+
+.hovercard.top > .arrow:after {
+ content: " ";
+ bottom: 1px;
+ margin-left: -10px;
+ border-bottom-width: 0;
+ border-top-color: #ffffff;
+}
+
+.hovercard.right > .arrow {
+ top: 50%;
+ left: -11px;
+ margin-top: -11px;
+ border-left-width: 0;
+ border-right-color: #999999;
+ border-right-color: rgba(0, 0, 0, 0.25);
+}
+
+.hovercard.right > .arrow:after {
+ content: " ";
+ left: 1px;
+ bottom: -10px;
+ border-left-width: 0;
+ border-right-color: #ffffff;
+}
+
+.hovercard.bottom > .arrow {
+ left: 50%;
+ margin-left: -11px;
+ border-top-width: 0;
+ border-bottom-color: #999999;
+ border-bottom-color: rgba(0, 0, 0, 0.25);
+ top: -11px;
+}
+
+.hovercard.bottom > .arrow:after {
+ content: " ";
+ top: 1px;
+ margin-left: -10px;
+ border-top-width: 0;
+ border-bottom-color: #ffffff;
+}
+
+.hovercard.left > .arrow {
+ top: 50%;
+ right: -11px;
+ margin-top: -11px;
+ border-right-width: 0;
+ border-left-color: #999999;
+ border-left-color: rgba(0, 0, 0, 0.25);
+}
+
+.hovercard.left > .arrow:after {
+ content: " ";
+ right: 1px;
+ border-right-width: 0;
+ border-left-color: #ffffff;
+ bottom: -10px;
+}
+
+.right-aligned {
+ float: right !important;
+}
+
+.left-align {
+ float: left !important;
+}
+
+.hidden {
+ display: none !important;
+ visibility: hidden !important;
+}
+
+.hovercard h1,
+.hovercard .h1,
+.hovercard h2,
+.hovercard .h2,
+.hovercard h3,
+.hovercard .h3 {
+ margin: 0;
+ padding: 0;
+}
+
+.hovercard h3 {
+ font-size: 24px;
+}
+
+.hovercard h4,
+.hovercard .h4,
+.hovercard h5,
+.hovercard .h5,
+.hovercard h6,
+.hovercard .h6 {
+ margin: 0;
+ padding: 0;
+}
+
+.hovercard h4.text-center {
+ margin-top: 10px;
+ margin-bottom: 5px;
+}
+
+.hovercard sup {
+ top: 0;
+}
+
+.hovercard small,
+.hovercard .small {
+ font-size: 85%;
+}
+
+.hovercard ul,
+.hovercard ol {
+ margin: 0;
+ padding: 0;
+ margin-bottom: 0;
+}
+
+.hovercard a:hover,
+.hovercard a:active,
+.hovercard a:focus,
+.hovercard a:visited {
+ text-decoration: none !important;
+}
+
+/* Basic hovercard */
+.basic-content {
+ padding: 9px;
+}
+
+.image-wrapper {
+ display: block;
+ overflow: hidden;
+}
+
+.image-wrapper > a,
+.image-wrapper > span {
+ background-size: 100% !important;
+}
+
+.image-wrapper.medium > a,
+.image-wrapper.medium > span {
+ content: " ";
+ display: block;
+}
+
+.image-wrapper.medium > a img {
+ height: 80px;
+ width: 80px;
+ margin-bottom: 0;
+}
+
+.hovercard {
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ /*max-width: 250px;*/
+ max-width: 400px;
+ width: 350px;
+ -webkit-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 10px 100px rgba(0, 0, 0, 0.25);
+ border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.hovercard a:hover {
+ text-decoration: none;
+}
+
+.hovercard.right > .arrow {
+ border-right-color: rgba(0, 0, 0, 0.05);
+}
+
+.hovercard.left > .arrow {
+ border-left-color: rgba(0, 0, 0, 0.05);
+}
+
+.hovercard.bottom > .arrow {
+ border-bottom-color: rgba(0, 0, 0, 0.05);
+}
+
+.hovercard.top > .arrow {
+ border-top-color: rgba(0, 0, 0, 0.05);
+}
+
+.advance-hovercard + .hovercard {
+ max-width: 445px;
+}
+
+.advance-hovercard + .hovercard .hovercard-content {
+ padding: 5px;
+}
+
+.basic-hovercard + .hovercard {
+ max-width: 445px;
+}
+
+.basic-hovercard + .hovercard .hovercard-content {
+ padding: 5px;
+}
+
+.hover-card-header {
+ width: 100%;
+}
+
+.hover-card-header h4 {
+ display: block;
+}
+
+.hover-card-header h4 a {
+ font-size: 18px;
+ font-weight: bold;
+ letter-spacing: 0.03rem;
+}
+
+.hover-card-details {
+ width: 100%;
+}
+
+.hover-card-pic {
+ margin-top: 0px;
+ display: block;
+}
+
+.hover-card-pic .image-wrapper {
+ margin-right: 0.75em;
+ float: left;
+ position: relative;
+}
+
+.hover-card-content {
+ list-style-type: none;
+ width: 100%;
+ display: block;
+ padding: 0.3em 0 1em;
+}
+
+.hover-card-content .profile-details {
+ font-size: 13px;
+}
+
+.hover-card-content .profile-addr {
+ overflow: hidden;
+ display: block;
+ text-overflow: ellipsis;
+}
+
+.hover-card-actions {
+ display: flex;
+}
+
+.hover-card-actions-connection {
+ margin-left: 10px;
+}
+
+.hovercard .hovercard-content .hover-card-actions a.btn {
+ display: inline-block;
+}
+
+.hover-card-footer {
+ background-color: #f7f7f7;
+ border-top: 1px solid #ebebeb;
+ padding: 0 10px;
+}
projects / friendica.git / blobdiff