Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1
/* Cubic Bezier Transition */
2
.mt-comments .mt-comment {
3
  padding: 10px;
4
  margin: 0 0 10px 0; }
5
  .mt-comments .mt-comment .mt-comment-img {
6
    width: 40px;
7
    float: left; }
8
    .mt-comments .mt-comment .mt-comment-img > img {
9
      border-radius: 50% !important; }
10
  .mt-comments .mt-comment .mt-comment-body {
11
    padding-left: 20px;
12
    position: relative;
13
    overflow: hidden; }
14
    .mt-comments .mt-comment .mt-comment-body .mt-comment-info:before,
15
    .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after {
16
      content: " ";
17
      display: table; }
18
    .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after {
19
      clear: both; }
20
    .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author {
21
      display: inline-block;
22
      float: left;
23
      margin: 0px 0px 10px 0;
24
      color: #060606;
25
      font-weight: 600; }
26
    .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-date {
27
      display: inline-block;
28
      float: right;
29
      margin: 0px;
30
      color: #BABABA; }
31
    .mt-comments .mt-comment .mt-comment-body .mt-comment-text {
32
      color: #a6a6a6; }
33
    .mt-comments .mt-comment .mt-comment-body .mt-comment-details {
34
      margin: 10px 0px 0px 0; }
35
      .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status {
36
        text-transform: uppercase;
37
        float: left; }
38
        .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-pending {
39
          color: #B8C0F5; }
40
        .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-approved {
41
          color: #6BD873; }
42
        .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-rejected {
43
          color: red; }
44
      .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions {
45
        display: none;
46
        list-style: none;
47
        margin: 0;
48
        padding: 0;
49
        float: right; }
50
        .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li {
51
          float: left;
52
          padding: 0 5px;
53
          margin: 0; }
54
          .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a {
55
            text-transform: uppercase;
56
            color: #999999; }
57
            .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a:hover {
58
              color: #666666;
59
              text-decoration: none; }
60
  .mt-comments .mt-comment:hover {
61
    background: #f9f9f9; }
62
    .mt-comments .mt-comment:hover .mt-comment-body .mt-comment-details .mt-comment-actions {
63
      display: inline-block; }
64
 
65
.mt-actions .mt-action {
66
  margin: 0px;
67
  padding: 15px 0 15px 0;
68
  border-bottom: 1px solid #f7f8f9; }
69
  .mt-actions .mt-action:last-child {
70
    border-bottom: 0px; }
71
  .mt-actions .mt-action .mt-action-img {
72
    width: 40px;
73
    float: left; }
74
    .mt-actions .mt-action .mt-action-img > img {
75
      border-radius: 50% !important;
76
      margin-bottom: 2px; }
77
  .mt-actions .mt-action .mt-action-body {
78
    padding-left: 15px;
79
    position: relative;
80
    overflow: hidden; }
81
    .mt-actions .mt-action .mt-action-body .mt-action-row {
82
      display: table;
83
      width: 100%; }
84
      .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {
85
        display: table-cell;
86
        vertical-align: top; }
87
        .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon {
88
          display: table-cell;
89
          padding: 6px 20px 6px 6px; }
90
          .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-icon > i {
91
            display: inline-block;
92
            position: relative;
93
            top: 10px;
94
            font-size: 25px;
95
            color: #78E0E8; }
96
        .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details {
97
          display: table-cell;
98
          vertical-align: top; }
99
          .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-author {
100
            color: #060606;
101
            font-weight: 600; }
102
          .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details .mt-action-desc {
103
            margin-bottom: 0;
104
            color: #A6A8A8; }
105
      .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {
106
        vertical-align: top;
107
        display: table-cell;
108
        text-align: center;
109
        width: 150px;
110
        white-space: nowrap;
111
        padding-top: 15px;
112
        color: #A6A8A8; }
113
        .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime .mt-action-dot {
114
          display: inline-block;
115
          width: 10px;
116
          height: 10px;
117
          background-color: red;
118
          border-radius: 50% !important;
119
          margin-left: 5px;
120
          margin-right: 5px; }
121
      .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons {
122
        vertical-align: top;
123
        display: table-cell;
124
        text-align: center;
125
        width: 120px;
126
        white-space: nowrap;
127
        padding-top: 10px; }
128
 
129
@media (max-width: 767px) {
130
  /* 767px */
131
  .mt-actions .mt-action .mt-action-body .mt-action-row {
132
    display: block; }
133
    .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info {
134
      display: block; }
135
    .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-datetime {
136
      display: inline-block;
137
      margin-left: 40px; }
138
    .mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-buttons {
139
      display: inline-block;
140
      float: right; } }
141
 
142
.mt-wiget-1 {
143
  border: 1px solid #e7ecf1;
144
  text-align: center;
145
  border-radius: 4px !important;
146
  position: relative; }
147
  .mt-wiget-1 .mt-icon {
148
    position: absolute;
149
    right: 10px;
150
    top: 10px;
151
    margin: 7px;
152
    font-size: 20px; }
153
    .mt-wiget-1 .mt-icon > a > i {
154
      color: #a1e5e1; }
155
    .mt-wiget-1 .mt-icon > a:hover > i {
156
      color: #79dad5; }
157
  .mt-wiget-1 .mt-img {
158
    display: inline-block;
159
    border-radius: 50% !important;
160
    border: 4px solid #e7ecf1;
161
    margin: 40px 0 30px 0; }
162
    .mt-wiget-1 .mt-img > img {
163
      border: 1px solid trnsparent;
164
      border-radius: 50% !important; }
165
  .mt-wiget-1 .mt-body .mt-username {
166
    text-align: center;
167
    margin: 5px 10px; }
168
  .mt-wiget-1 .mt-body .mt-user-title {
169
    text-align: center;
170
    margin: 10px 10px 10px 10px;
171
    color: #D1D4D6;
172
    font-size: 12px; }
173
  .mt-wiget-1 .mt-body .mt-stats {
174
    margin: 30px 0px 0px 0px; }
175
    .mt-wiget-1 .mt-body .mt-stats .btn-group {
176
      border-top: 1px solid #e7ecf1; }
177
      .mt-wiget-1 .mt-body .mt-stats .btn-group .btn {
178
        padding: 10px 10px;
179
        font-size: 10px;
180
        border-right: 1px solid #e7ecf1; }
181
        .mt-wiget-1 .mt-body .mt-stats .btn-group .btn:hover {
182
          background-color: #e7ecf1; }
183
        .mt-wiget-1 .mt-body .mt-stats .btn-group .btn:last-child {
184
          border: 0; }
185
        .mt-wiget-1 .mt-body .mt-stats .btn-group .btn > i {
186
          position: relative;
187
          top: 3px;
188
          right: 2px;
189
          color: #79dad5;
190
          font-size: 16px; }
191
        .mt-wiget-1 .mt-body .mt-stats .btn-group .btn:first-child {
192
          border-bottom-left-radius: 4px !important; }
193
        .mt-wiget-1 .mt-body .mt-stats .btn-group .btn:last-child {
194
          border-bottom-right-radius: 4px !important; }