Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5035 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5035 Rev 5042
Línea 1... Línea -...
1 
.img-circle {
 - 
 
2 
  border-radius: 50%;
 - 
 
3 
}
 - 
 
4 
 
 - 
 
5 
img {
 - 
 
6 
  vertical-align: middle;
 - 
 
7 
  border: 0;
 - 
 
8 
}
 - 
 
9 
 
 - 
 
10 
b,
 - 
 
11 
strong {
 - 
 
12 
  font-weight: bold;
 - 
 
13 
}
 - 
 
14 
 
 - 
 
15 
ul {
 - 
 
16 
  list-style: none;
 - 
 
17 
}
 - 
 
18 
 
 - 
 
19 
ul,
 - 
 
20 
ol {
 - 
 
21 
  margin-top: 0;
 - 
 
22 
}
 - 
 
23 
 
 - 
 
24 
.m-t-10 {
 - 
 
25 
  margin-top: 10px !important;
 - 
 
26 
}
 - 
 
27 
 
 - 
 
28 
.m-b-10 {
 - 
 
29 
  bottom: 10px !important;
 - 
 
30 
}
 - 
 
31 
 
 - 
 
32 
.text-left {
 - 
 
33 
  text-align: left;
 - 
 
34 
}
 - 
 
35 
 
 - 
 
36 
.text-right {
 - 
 
37 
  text-align: right;
 - 
 
38 
}
 - 
 
39 
 
 - 
 
40 
p {
 - 
 
41 
  line-height: 20px;
 - 
 
42 
}
 - 
 
43 
 
 - 
 
44 
.clearfix:after {
 - 
 
45 
  clear: both;
 - 
 
46 
}
 - 
 
47 
 
 - 
 
48 
.clearfix:before,
 - 
 
49 
.clearfix:after {
 - 
 
50 
  content: " ";
 - 
 
51 
  display: table;
 - 
 
52 
}
 - 
 
53 
 
 - 
 
54 
.chat-helper {
 - 
 
55 
  border-top-left-radius: $border-radius;
 - 
 
56 
  border-top-right-radius: $border-radius;
 - 
 
57 
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
 - 
 
58 
  display: grid !important;
 - 
 
59 
  grid-template-rows: auto 1fr;
 - 
 
60 
  max-height: 25rem;
 - 
 
61 
  height: fit-content;
 - 
 
62 
  width: 235px;
 - 
 
63 
  .chat_options {
 - 
 
64 
    border-bottom: 1px solid $border-primary;
 - 
 
65 
    overflow: hidden;
 - 
 
66 
    position: relative;
 - 
 
67 
    a {
 - 
 
68 
      border-left: 1px solid $border-primary;
 - 
 
69 
      color: $font-color;
 - 
 
70 
      padding: 3px 8px 3px 3px;
 - 
 
71 
      border: 0;
 - 
 
72 
      font-size: 0.9rem;
 - 
 
73 
      cursor: pointer;
 - 
 
74 
      font-weight: bold;
 - 
 
75 
      white-space: nowrap;
 - 
 
76 
      overflow: hidden;
 - 
 
77 
      text-overflow: ellipsis;
 - 
 
78 
    }
 - 
 
79 
    .drupalchat-usermenu {
 - 
 
80 
      height: 37px;
 - 
 
81 
      display: inline-block;
 - 
 
82 
      cursor: pointer;
 - 
 
83 
      width: 22%;
 - 
 
84 
    }
 - 
 
85 
    .drupalchat-usermenu .drupalchat-usermenu-img {
 - 
 
86 
      color: #333;
 - 
 
87 
      padding-top: 8px;
 - 
 
88 
      padding-left: 0;
 - 
 
89 
      font-size: 22px;
 - 
 
90 
    }
 - 
 
91 
    .drupalchat-usermenu a {
 - 
 
92 
      display: block;
 - 
 
93 
      position: absolute;
 - 
 
94 
      height: 37px;
 - 
 
95 
      width: 10%;
 - 
 
96 
      border: 0;
 - 
 
97 
      padding: 0;
 - 
 
98 
      margin-left: 26px;
 - 
 
99 
    }
 - 
 
100 
    span.status-1 {
 - 
 
101 
      background: url(../img/online.png) no-repeat left;
 - 
 
102 
    }
 - 
 
103 
    .drupalchat-self-profile .drupalchat-self-profile-div .drupalchat-self-profile-img {
 - 
 
104 
      margin: 3px 0 4px 4px;
 - 
 
105 
      height: 28px;
 - 
 
106 
      width: 28px;
 - 
 
107 
      border-radius: 28px;
 - 
 
108 
    }
 - 
 
109 
  }
 - 
 
110 
  .drupalchat_search {
 - 
 
111 
    background: #f9f9f9;
 - 
 
112 
    border-bottom: 1px solid #eee;
 - 
 
113 
    overflow: hidden;
 - 
 
114 
    position: relative;
 - 
 
115 
  }
 - 
 
116 
}
 - 
 
117 
 
 - 
 
118 
.contacts-list {
 - 
 
119 
  width: 100%;
 - 
 
120 
  overflow-y: auto;
 - 
 
121 
  background-color: $bg-color;
 - 
 
122 
  max-height: 250px;
 - 
 
123 
  .contacts-list__item {
 - 
 
124 
    align-items: center;
 - 
 
125 
    display: flex;
 - 
 
126 
    height: auto;
 - 
 
127 
    padding: 0.2rem 1rem;
 - 
 
128 
    gap: 0.5rem;
 - 
 
129 
    img {
 - 
 
130 
      height: 36px;
 - 
 
131 
      width: 36px;
 - 
 
132 
      border-radius: 50%;
 - 
 
133 
    }
 - 
 
134 
    .contacts-list__item-content {
 - 
 
135 
      display: flex;
 - 
 
136 
      flex-direction: column;
 - 
 
137 
      gap: 0.5rem;
 - 
 
138 
    }
 - 
 
139 
    span {
 - 
 
140 
      font-size: 0.9rem;
 - 
 
141 
      cursor: pointer;
 - 
 
142 
      font-weight: bold;
 - 
 
143 
      white-space: nowrap;
 - 
 
144 
      overflow: hidden;
 - 
 
145 
      text-overflow: ellipsis;
 - 
 
146 
      max-width: 20ch;
 - 
 
147 
    }
 - 
 
148 
  }
 - 
 
149 
}
 - 
 
150 
 
 - 
 
151 
.chatbox .panel {
 1 
.chatbox .panel {
152 
  background: $bg-color;
 2 
  background: $bg-color;
153 
  border: 1px solid $border-primary;
 3 
  border: 1px solid $border-primary;
154 
  border-top-left-radius: $border-radius;
 4 
  border-top-left-radius: $border-radius;
155 
  border-top-right-radius: $border-radius;
 5 
  border-top-right-radius: $border-radius;
156 
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
 6 
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
157 
  margin: 0;
 7 
  margin: 0;
158 
}
 8 
}
Línea 159... Línea -...
159 
 
 - 
 
160 
.chatboxblink {
 - 
 
161 
  border-right: 1px solid #00b0ff;
 - 
 
162 
  border-left: 1px solid #00b0ff;
 - 
 
163 
  background: transparent linear-gradient(to bottom, #00b0ff 0px, #00b0ff 100%) repeat scroll 0 0;
 - 
 
164 
  color: #fff !important;
 - 
 
165 
}
 - 
 
166 
 
 - 
 
167 
.chatboxblink .header-elements .status b,
 - 
 
168 
.chatboxblink .header-elements a {
 - 
 
169 
  color: #fff !important;
 - 
 
170 
}
 - 
 
171 
 
 9 
 
172 
.chatbox .panel-heading {
 10 
.chatbox .panel-heading {
173 
  background-color: $bg-color-secondary;
 11 
  background-color: $bg-color-secondary;
174 
  padding: 10px 15px;
 12 
  padding: 10px 15px;
175 
  border-bottom: 1px solid $border-primary;
 13 
  border-bottom: 1px solid $border-primary;
Línea 773... Línea 611...
773 
 
 611 
 
774 
.block-wchat .btn-emoji {
 612 
.block-wchat .btn-emoji {
775 
  margin-right: 10px !important;
 613 
  margin-right: 10px !important;
Línea 776... Línea -...
776 
}
 - 
 
777 
 
 - 
 
778 
.block-wchat .icon-send {
 - 
 
779 
  margin-left: 10px !important;
 - 
 
780 
}
 - 
 
781 
 
 - 
 
782 
.block-wchat .icon-send {
 - 
 
783 
  opacity: 0.9;
 - 
 
784 
  margin-left: 20px;
 - 
 
785 
  margin-bottom: 8px;
 - 
 
786 
}
 - 
 
787 
 
 - 
 
788 
.icon-send {
 - 
 
789 
  background-position: -3451px -3512px;
 - 
 
790 
}
 614 
}
791 
 
 615 
 
792 
.chatbox {
 616 
.chatbox {
793 
  width: 260px;
 617 
  width: 260px;
794 
  display: none;
 618 
  display: none;
Línea 795... Línea -...
795 
  z-index: 10;
 - 
 
796 
}
 - 
 
797 
 
 - 
 
798 
abbr {
 - 
 
799 
  border-bottom: medium none;
 - 
 
800 
  text-decoration: none;
 619 
  z-index: 10;
Línea 801... Línea 620...
801 
}
 620 
}
802 
 
 621 
 
803 
/* Tooltip text */
 622 
/* Tooltip text */
Línea 899... Línea 718...
899 
.customtab2 li:hover a {
 718 
.customtab2 li:hover a {
900 
  color: #333333;
 719 
  color: #333333;
901 
  border-bottom: 1px solid #333;
 720 
  border-bottom: 1px solid #333;
902 
}
 721 
}
Línea 903... Línea -...
903 
 
 - 
 
904 
/*Contact List*/
 - 
 
905 
 
 - 
 
906 
#react-chat {
 - 
 
907 
  bottom: 0;
 - 
 
908 
  margin: 0;
 - 
 
909 
  padding: 0;
 - 
 
910 
  right: 5%;
 - 
 
911 
  position: fixed;
 - 
 
912 
  z-index: 1000;
 - 
 
913 
  display: flex;
 - 
 
914 
  flex-direction: row-reverse;
 - 
 
915 
  align-items: flex-end;
 - 
 
916 
  gap: 1rem;
 - 
 
917 
  font-family: Arial, sans-serif;
 - 
 
918 
  button {
 - 
 
919 
    background: transparent;
 - 
 
920 
    border: none;
 - 
 
921 
    margin: 0;
 - 
 
922 
    padding: 0;
 - 
 
923 
    outline: none;
 - 
 
924 
  }
 - 
 
925 
}
 - 
 
926 
 
 - 
 
927 
ul li a.localhost.subpanel_toggle.active {
 - 
 
928 
  color: #222222;
 - 
 
929 
  font-weight: normal;
 - 
 
930 
}
 - 
 
931 
 
 - 
 
932 
ul li a.localhost.subpanel_toggle {
 - 
 
933 
  color: #ffffff;
 - 
 
934 
  font-weight: bold;
 - 
 
935 
}
 - 
 
936 
 
 722 
 
937 
#showhidechatlist {
 723 
#showhidechatlist {
938 
  display: flex;
 724 
  display: flex;
939 
  flex-direction: column;
 725 
  flex-direction: column;
Línea 969... Línea 755...
969 
}
 755 
}
Línea 970... Línea 756...
970 
 
 756 
 
971 
.subpanel_title span.min {
 757 
.subpanel_title span.min {
972 
  padding: 0;
 758 
  padding: 0;
973 
}
 - 
 
974 
 
 - 
 
975 
.statuso.Online {
 - 
 
976 
  color: rgb(66, 183, 42);
 - 
 
977 
}
 - 
 
978 
 
 - 
 
979 
.statuso.Offline {
 - 
 
980 
  color: gray;
 - 
 
981 
}
 - 
 
982 
 
 - 
 
983 
/*Contact List*/
 - 
 
984 
.userfiles {
 - 
 
985 
  max-width: 156px;
 - 
 
986 
  padding: 4px 0 4px 0;
 - 
 
987 
  border-radius: 7px;
 - 
 
988 
  cursor: pointer;
 - 
 
989 
}
 - 
 
990 
 
 - 
 
991 
.lightbox {
 - 
 
992 
  position: fixed;
 - 
 
993 
  top: 0;
 - 
 
994 
  left: 0;
 - 
 
995 
  width: 100%;
 - 
 
996 
  height: 100%;
 - 
 
997 
  background-color: rgba(0, 0, 0, 0.82);
 - 
 
998 
  text-align: center;
 - 
 
999 
  z-index: 10000;
 - 
 
1000 
  p {
 - 
 
1001 
    text-align: right;
 - 
 
1002 
    color: #fff;
 - 
 
1003 
    margin-right: 20px;
 - 
 
1004 
    font-size: 12px;
 - 
 
1005 
  }
 - 
 
1006 
  #content {
 - 
 
1007 
    vertical-align: middle;
 - 
 
1008 
    padding-left: 20%;
 - 
 
1009 
    padding-right: 20%;
 - 
 
1010 
  }
 - 
 
1011 
  #gcontent {
 - 
 
1012 
    vertical-align: middle;
 - 
 
1013 
    padding-left: 40%;
 - 
 
1014 
    padding-right: 50%;
 - 
 
1015 
  }
 - 
 
1016 
  #content img {
 - 
 
1017 
    box-shadow: 0 0 25px #111;
 - 
 
1018 
    max-width: 100%;
 - 
 
1019 
    max-height: 550px;
 - 
 
1020 
    border: 10px solid #95d9cc;
 - 
 
1021 
    border-radius: 10px;
 - 
 
1022 
  }
 - 
 
1023 
}
 - 
 
1024 
 
 - 
 
1025 
.statusIN {
 - 
 
1026 
  margin-left: 5px;
 - 
 
1027 
}
 - 
 
1028 
 
 - 
 
1029 
.statusIN:hover {
 - 
 
1030 
  cursor: pointer;
 -