EnVisageOnline/Tools/Third-Party/PIXELADMIN/1.3.0/html/assets/stylesheets/widgets.css

789 lines
17 KiB
CSS

.widget-support-tickets .ticket {
padding: 0 0 14px 0;
}
.widget-support-tickets .ticket + .ticket {
padding-top: 13px;
border-top: 1px solid;
border-top-color: #e4e4e4;
}
.widget-support-tickets .ticket:last-child {
padding-bottom: 0;
}
.widget-support-tickets a.ticket-title {
display: block;
font-size: 14px;
padding: 0 90px 0 0;
line-height: 20px;
}
.widget-support-tickets a.ticket-title i {
display: inline-block;
font-size: 11px;
margin: 0 5px 0 0;
top: -1px;
position: relative;
text-decoration: none;
}
.widget-support-tickets a.ticket-title span {
display: inline-block;
color: #aaa;
padding-left: 4px;
text-decoration: none !important;
}
.widget-support-tickets .ticket-label {
display: block;
float: right;
font-size: 10px;
line-height: 18px;
margin: 2px 0 0 0;
padding: 0 5px;
position: relative;
}
.widget-support-tickets .ticket-info {
color: #aaa;
font-size: 12px;
}
.widget-support-tickets .ticket-info a {
color: #555555;
}
.widget-support-tickets .ticket-info a:hover {
color: #888;
}
.panel.widget-support-tickets .ticket,
.panel .widget-support-tickets .ticket {
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
}
.widget-comments .comment {
padding: 0 0 10px 0;
}
.widget-comments .comment + .comment {
padding-top: 10px;
border-top: 1px solid;
border-top-color: #e4e4e4;
}
.widget-comments .comment:last-child {
padding-bottom: 0;
}
.widget-comments .comment-avatar {
display: block;
float: left;
height: 32px;
margin-top: 5px;
width: 32px;
border-radius: 99999px;
}
.widget-comments .comment-body {
margin-left: 45px;
}
.widget-comments .comment-by,
.widget-comments .actions {
color: #aaa;
display: block;
}
.widget-comments .comment-by {
font-style: italic;
}
.widget-comments .comment-by a {
font-style: normal;
}
.widget-comments .comment-text {
padding: 4px 0;
}
.widget-comments .comment-actions i {
display: inline-block;
margin-right: 5px;
text-decoration: none;
}
.widget-comments .comment-actions,
.widget-comments .comment-actions a {
color: #aaa;
font-size: 12px;
}
.widget-comments .comment-actions a {
margin-right: 10px;
display: inline-block;
}
.widget-comments .comment-actions a:hover {
color: #555555;
}
.panel.widget-comments .comment,
.panel .widget-comments .comment {
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
}
.widget-article-comments .comment {
padding-top: 13px;
}
.widget-article-comments .comment:first-child {
padding-top: 0;
}
.widget-article-comments .comment > .comment {
margin-left: 26px !important;
}
.widget-article-comments .comment-avatar {
border-radius: 999999px;
display: block;
float: left;
height: 32px;
position: relative;
width: 32px;
}
.widget-article-comments .comment-heading {
font-size: 12px;
padding-bottom: 2px;
}
.widget-article-comments .comment-heading span {
color: #aaa;
display: inline-block;
font-size: 11px;
margin-left: 5px;
}
.widget-article-comments .comment-body {
float: none;
margin-left: 46px;
position: relative;
}
.widget-article-comments .comment-body:before {
border-color: transparent #e4e4e4 transparent transparent;
border-style: solid;
border-width: 6px 6px 6px 0;
content: "";
display: block;
height: 0px;
left: -6px;
position: absolute;
top: 11px;
width: 0px;
}
.widget-article-comments .comment-text {
border: 1px solid #e4e4e4;
border-radius: 2px;
padding: 7px 12px 8px 12px;
}
.widget-article-comments .comment-footer {
display: block;
font-size: 12px;
padding: 4px 12px 0 12px;
}
.widget-article-comments .comment-footer,
.widget-article-comments .comment-footer a {
color: #aaa;
}
.widget-article-comments .comment-footer a:hover {
color: #555555;
}
.widget-article-comments .comment-footer i {
font-size: 13px;
}
.panel.widget-article-comments .comment,
.panel .widget-article-comments .comment {
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
}
.widget-threads .thread {
padding: 0 0 14px 0;
}
.widget-threads .thread + .thread {
padding-top: 13px;
border-top: 1px solid;
border-top-color: #e4e4e4;
}
.widget-threads .thread:last-child {
padding-bottom: 0;
}
.widget-threads .thread-avatar {
display: block;
float: left;
height: 32px;
margin-top: 2px;
width: 32px;
border-radius: 999999px;
}
.widget-threads .thread-body {
margin-left: 42px;
}
.widget-threads .thread-time {
float: right;
font-size: 12px;
color: #aaa;
}
.widget-threads .thread-info {
color: #aaa;
font-size: 12px;
}
.widget-threads .thread-info a {
color: #555555;
}
.widget-threads .thread-info a:hover {
color: #888;
}
.panel.widget-threads .thread,
.panel .widget-threads .thread {
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
}
.widget-chat .message + .message {
padding-top: 15px;
}
.widget-chat .message-avatar {
display: block;
float: left;
height: 40px;
width: 40px;
border-radius: 2px;
}
.widget-chat .message-body {
margin-left: 55px;
}
.widget-chat .message-heading {
font-size: 12px;
color: #aaa;
}
.widget-chat .message-text {
background: #f4f4f4;
margin-top: 4px;
padding: 10px 15px 12px 15px;
border-radius: 2px;
position: relative;
}
.widget-chat .message-text:before {
border-color: transparent #f4f4f4 transparent transparent;
border-style: solid;
border-width: 6px 6px 6px 0;
content: "";
display: block;
height: 0px;
left: -6px;
position: absolute;
top: 6px;
width: 0px;
}
.widget-chat .message.right .message-avatar {
float: right;
}
.widget-chat .message.right .message-body {
margin-left: 0;
margin-right: 55px;
}
.widget-chat .message.right .message-text:before {
border-color: transparent transparent transparent #f4f4f4;
border-width: 6px 0 6px 6px;
left: auto;
right: -6px;
}
.widget-chat .chat-controls {
width: 100%;
position: relative;
}
.widget-chat .chat-controls .chat-controls-input {
margin-right: 90px;
}
.widget-chat .chat-controls .chat-controls-btn {
position: absolute;
right: 20px;
width: 80px;
top: 10px;
}
.panel.widget-chat .message,
.panel .widget-chat .message {
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
}
.widget-profile .panel-heading {
padding-top: 18px;
padding-bottom: 16px;
overflow: hidden;
position: relative;
}
.widget-profile .panel-heading:before,
.widget-profile .panel-heading:after {
content: " ";
display: table;
}
.widget-profile .panel-heading:after {
clear: both;
}
.widget-profile .widget-profile-avatar {
width: 52px;
height: 52px;
border-radius: 999999px;
float: left;
margin-right: 12px;
}
.widget-profile .widget-profile-header {
float: none;
overflow: hidden;
position: relative;
margin-top: 3px;
}
.widget-profile .widget-profile-header span {
font-size: 18px;
font-weight: 300;
display: inline-block;
}
.widget-profile .widget-profile-bg-icon {
bottom: -23px;
width: 100%;
right: 5px;
text-align: right;
position: absolute;
}
.widget-profile .widget-profile-bg-icon > * {
font-size: 100px;
color: rgba(255, 255, 255, 0.3);
}
.widget-profile .widget-profile-counters {
text-align: center;
}
.widget-profile .widget-profile-counters > div {
padding: 15px 0;
font-size: 11px;
}
.widget-profile .widget-profile-counters > div span {
font-size: 18px;
font-weight: 700;
color: #555;
}
.widget-profile .widget-profile-counters > div + div {
border-left: 1px solid #e4e4e4;
}
.widget-profile .widget-profile-input {
border: none;
border-radius: 0;
}
.widget-profile .widget-profile-text {
padding: 10px 15px;
}
.widget-profile .widget-profile-counters + .widget-profile-input,
.widget-profile .widget-profile-counters + .widget-profile-text,
.widget-profile .widget-profile-input + .widget-profile-counters,
.widget-profile .widget-profile-input + .widget-profile-text,
.widget-profile .widget-profile-text + .widget-profile-input,
.widget-profile .widget-profile-text + .widget-profile-counters {
border-top: 1px solid #e4e4e4 !important;
}
.panel-dark .widget-profile .widget-profile-header,
.panel-dark.widget-profile .widget-profile-header {
color: #fff;
color: rgba(255, 255, 255, 0.8);
}
.panel-dark .widget-profile .widget-profile-header a,
.panel-dark.widget-profile .widget-profile-header a {
color: #fff;
color: rgba(255, 255, 255, 0.8);
}
.panel-dark .widget-profile .widget-profile-header a:hover,
.panel-dark.widget-profile .widget-profile-header a:hover {
color: #fff;
}
.panel-dark .widget-profile .widget-profile-header span,
.panel-dark.widget-profile .widget-profile-header span {
color: #fff;
}
.widget-profile.widget-profile-centered {
text-align: center;
}
.widget-profile.widget-profile-centered .widget-profile-avatar {
width: 70px;
height: 70px;
float: none;
margin: 0 auto 8px auto;
display: block;
}
.ie8 .widget-profile-bg-icon {
display: none !important;
}
.widget-messages .message {
padding: 9px 0;
position: relative;
}
.widget-messages .message:before,
.widget-messages .message:after {
content: " ";
display: table;
}
.widget-messages .message:after {
clear: both;
}
.widget-messages .message > * {
line-height: 19px;
}
.widget-messages .message .action-checkbox,
.widget-messages .message .from {
display: block;
float: left;
}
.widget-messages .message .action-checkbox {
width: 20px;
}
.widget-messages .message .action-checkbox > label,
.widget-messages .message .action-checkbox > input {
display: inline-block;
margin: 0;
position: relative;
}
.widget-messages .message .action-checkbox > label,
.widget-messages .message .action-checkbox > input {
vertical-align: middle;
}
.widget-messages .message .action-checkbox > input,
.widget-messages .message .action-checkbox > label {
top: -1px;
}
.widget-messages .message .from {
min-width: 115px;
max-width: 180px;
width: 25%;
padding-left: 5px;
overflow: hidden;
color: #555555;
}
.widget-messages .message .from:hover {
color: #888;
}
.widget-messages .message .title {
display: block;
float: none;
overflow: hidden;
padding-right: 60px;
}
.widget-messages .message .date {
display: block;
position: absolute;
color: #888;
width: 50px;
right: 0;
text-align: right;
top: 9px;
}
.widget-messages .message .message-title-icon {
font-weight: 400 !important;
color: #555555;
display: inline-block;
margin-right: 7px;
font-size: 14px;
text-decoration: none !important;
}
.widget-messages .message.unread .title {
font-weight: 600;
}
.widget-messages .message + .message {
border-top: 1px solid;
border-top-color: #e4e4e4;
}
.panel.widget-messages .message,
.panel .widget-messages .message {
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
}
.panel.widget-messages .message .date,
.panel .widget-messages .message .date {
right: 20px;
}
.widget-tasks .task {
padding: 8px 0;
position: relative;
background: #fff;
}
.widget-tasks .task:before,
.widget-tasks .task:after {
content: " ";
display: table;
}
.widget-tasks .task:after {
clear: both;
}
.widget-tasks .task .action-checkbox,
.widget-tasks .task .task-title {
display: block;
line-height: 21px;
}
.widget-tasks .task .action-checkbox {
float: left;
width: 20px;
}
.widget-tasks .task .action-checkbox > label,
.widget-tasks .task .action-checkbox > input {
display: inline-block;
margin: 0;
position: relative;
}
.widget-tasks .task .action-checkbox > label,
.widget-tasks .task .action-checkbox > input {
vertical-align: middle;
}
.widget-tasks .task .action-checkbox > input,
.widget-tasks .task .action-checkbox > label {
top: -1px;
}
.widget-tasks .task .task-title {
color: #444;
text-decoration: none;
float: none;
overflow: hidden;
}
.widget-tasks .task .task-title span {
display: inline-block;
color: #aaa;
margin-left: 5px;
font-size: 12px;
font-style: italic;
}
.widget-tasks .task.completed a {
color: #999;
text-decoration: line-through;
}
.widget-tasks .task.completed a span {
display: none;
}
.widget-tasks .task .label {
display: block;
position: absolute;
right: 0;
}
.widget-tasks .task .task-sort-icon {
color: #bbb;
cursor: move;
display: block;
float: left;
position: relative;
margin: -8px 6px -8px 0;
padding: 8px 12px;
line-height: 21px;
}
.widget-tasks .task + .task {
border-top: 1px solid;
border-top-color: #e4e4e4;
}
.widget-tasks .task.ui-sortable-helper {
background: #f1f6f7;
}
.panel.widget-tasks .task,
.panel .widget-tasks .task {
padding-left: 20px;
padding-right: 20px;
margin: 0 -20px;
}
.panel.widget-tasks .task .label,
.panel .widget-tasks .task .label {
right: 20px;
}
.panel.widget-tasks .task .task-sort-icon,
.panel .widget-tasks .task .task-sort-icon {
margin-left: -11px;
}
.widget-rating,
.widget-rating li {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
}
.widget-rating a,
.widget-rating li a {
display: block;
color: #bbb;
text-decoration: none;
text-align: center;
font-size: 15px;
}
.widget-rating a:before,
.widget-rating li a:before {
content: "\f005";
font-family: FontAwesome;
}
.widget-maps {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.widget-maps img {
max-width: none !important;
}
.widget-maps label {
display: inline !important;
width: auto !important;
}
.widget-maps .gmnoprint {
line-height: normal !important;
}
.widget-notifications .notification {
position: relative;
padding: 7px 12px;
}
.widget-notifications .notification + .notification {
border-top: 1px solid #e4e4e4;
}
.widget-notifications .notifications-list {
overflow: hidden;
position: relative;
}
.widget-notifications .notification-title,
.widget-notifications .notification-description,
.widget-notifications .notification-ago {
display: block;
margin-right: 35px;
}
.widget-notifications .notification-title {
font-size: 11px;
font-weight: 700;
padding-bottom: 1px;
}
.widget-notifications .notification-description {
font-size: 11px;
color: #666;
}
.widget-notifications .notification-ago {
font-size: 11px;
font-style: italic;
color: #bbb;
}
.widget-notifications .notification-icon {
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
border-radius: 2px;
position: absolute;
top: 50%;
right: 0;
margin: -13px 12px 0 0;
font-size: 14px;
}
.widget-notifications .notifications-link {
text-align: center;
padding: 8px 0 !important;
border-top: 1px solid #e4e4e4;
display: block;
text-decoration: none !important;
font-size: 10px;
font-weight: 800;
color: #999;
line-height: 18px !important;
height: auto !important;
}
.widget-notifications .notifications-link:hover {
background: #f4f4f4;
color: #555555;
}
.widget-messages-alt .message {
position: relative;
padding: 10px 12px;
}
.widget-messages-alt .message + .message {
border-top: 1px solid #e4e4e4;
}
.widget-messages-alt .messages-list {
overflow: hidden;
position: relative;
}
.widget-messages-alt .message-avatar {
display: block;
width: 32px;
height: 32px;
position: absolute;
border-radius: 999999px;
top: 50%;
margin-top: -16px;
left: 12px;
}
.widget-messages-alt .message-subject,
.widget-messages-alt .message-description,
.widget-messages-alt .message-subject a,
.widget-messages-alt .message-description a {
line-height: 17px !important;
}
.widget-messages-alt .message-subject {
display: block;
padding-left: 42px;
margin-bottom: 2px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.widget-messages-alt .message-description {
display: block;
padding-left: 42px;
font-size: 11px;
color: #aaa;
height: auto !important;
}
.widget-messages-alt .message-description a {
color: #555555;
}
.widget-messages-alt .message-description a:hover {
color: #888;
}
.widget-messages-alt .messages-link {
text-align: center;
padding: 8px 0 !important;
border-top: 1px solid #e4e4e4;
display: block;
text-decoration: none !important;
font-size: 10px;
font-weight: 800;
color: #999;
line-height: 18px !important;
height: auto !important;
}
.widget-messages-alt .messages-link:hover {
background: #f4f4f4;
color: #555555;
}
.widget-followers .follower {
padding: 0 0 10px 0;
position: relative;
}
.widget-followers .follower + .follower {
border-top: 1px solid;
border-top-color: #e4e4e4;
padding-top: 10px;
}
.widget-followers .follower:last-child {
padding-bottom: 0;
}
.widget-followers .follower-avatar {
border-radius: 99999px;
display: block;
float: left;
height: 32px;
margin-right: 10px;
margin-top: 2px;
width: 32px;
}
.widget-followers .follower-controls {
float: right;
margin-top: 4px;
}
.widget-followers .follower-controls .btn > i {
font-size: 14px;
position: relative;
top: 1px;
}
.widget-followers .body {
line-height: 17px;
}
.widget-followers .follower-name {
color: #333;
font-size: 13px;
}
.widget-followers .follower-username {
color: #aaa;
font-size: 12px;
}
.panel.widget-followers .follower,
.panel .widget-followers .follower {
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
}