source: RedSur/app/assets/stylesheets/publisher.scss @ 101698b

modelo_minuta
Last change on this file since 101698b was 101698b, checked in by aosorio <aosorio@…>, 8 years ago

Agregado el campo de Hora de Finalización para las Minutas

  • Property mode set to 100755
File size: 18.7 KB
Line 
1#publisher {
2  z-index: 1;
3  color: $text-grey;
4
5  &.closed {
6    #button_container,
7    #location_container,
8    #hide_publisher,
9    #photodropzone_container,
10    .options_and_submit {
11      display: none !important;
12    }
13
14    #publisher_textarea_wrapper { border: 1px solid $border-grey !important; }
15  }
16
17  .mentions-autocomplete-list ul { width: 100% !important; }
18
19  form {
20    margin: 0;
21    #fileInfo { display: none !important; }
22    #hide_publisher {
23      margin-top: 10px;
24    }
25
26    #publisher_spinner {
27      text-align: center;
28    }
29
30    .options_and_submit {
31      #publisher_service_icons {
32        .btn-link { text-decoration: none; }
33        .btn-link.question_mark .entypo { color: $text-grey; }
34        .btn-link.question_mark:hover .entypo { color: $black; }
35        .btn-link.service_icon {
36          padding-left: 5px;
37          padding-right: 5px;
38        }
39        .dim { opacity: 0.3; }
40        .social_media_logos-wordpress-16x16 {
41          display: inline-block;
42          height: 16px;
43          width: 16px;
44        }
45      }
46    }
47
48    #publisher_textarea_wrapper {
49      background-color: white;
50      border-radius: 3px;
51      border: 1px solid $border-dark-grey;
52
53      input[type='text']#status_message_text {
54        border: none;
55        box-shadow: none;
56        margin: none;
57      }
58
59      textarea {
60        border: none;
61        margin: 0;
62        box-shadow: none;
63        resize: none;
64        height: 50px;
65      }
66
67      &.active textarea {
68        min-height: 70px;
69      }
70
71      .help-block {
72        font-size: 13px;
73        line-height: 30px;
74        padding-left: 10px;
75        margin-bottom: 0;
76        color: lighten($text-grey,20%);
77        a { color: lighten($blue,20%); }
78      }
79
80      .mentions-input-box .mentions {
81        line-height: $line-height !important;
82      }
83
84      &.with_attachments .row-fluid#photodropzone_container {
85        border-top: 1px dashed $border-grey;
86      }
87
88      .row-fluid#poll_creator_container {
89        display: none;
90        border-top: 1px dashed $border-grey;
91        padding:4px 6px 4px 6px;
92        box-sizing: border-box;
93        .remove-answer.entypo.cross {
94          display: none;
95          color: lighten($black,75%);
96          &.active { display: block; }
97          &:hover { color: $black; }
98          line-height: 30px;
99          font-size: 18px;
100          cursor: pointer;
101        }
102
103        .remove-responsable.entypo.cross {
104          display: none;
105          color: lighten($black,75%);
106          &.active { display: block; }
107          &:hover { color: $black; }
108          line-height: 30px;
109          font-size: 18px;
110          cursor: pointer;
111        }
112
113        .remove-fecha.entypo.cross {
114          display: none;
115          color: lighten($black,75%);
116          &.active { display: block; }
117          &:hover { color: $black; }
118          line-height: 30px;
119          font-size: 18px;
120          cursor: pointer;
121        }
122
123        .remove-horainicio.entypo.cross {
124          display: none;
125          color: lighten($black,75%);
126          &.active { display: block; }
127          &:hover { color: $black; }
128          line-height: 30px;
129          font-size: 18px;
130          cursor: pointer;
131        }
132
133        .remove-horafinal.entypo.cross {
134          display: none;
135          color: lighten($black,75%);
136          &.active { display: block; }
137          &:hover { color: $black; }
138          line-height: 30px;
139          font-size: 18px;
140          cursor: pointer;
141        }
142
143        .remove-asistente.entypo.cross {
144          display: none;
145          color: lighten($black,75%);
146          &.active { display: block; }
147          &:hover { color: $black; }
148          line-height: 30px;
149          font-size: 18px;
150          cursor: pointer;
151        }
152
153        .remove-asunto.entypo.cross {
154          display: none;
155          color: lighten($black,75%);
156          &.active { display: block; }
157          &:hover { color: $black; }
158          line-height: 30px;
159          font-size: 18px;
160          cursor: pointer;
161        }
162
163        .remove-punto.entypo.cross {
164          display: none;
165          color: lighten($black,75%);
166          &.active { display: block; }
167          &:hover { color: $black; }
168          line-height: 30px;
169          font-size: 18px;
170          cursor: pointer;
171        }
172        .remove-acuerdo.entypo.cross {
173          display: none;
174          color: lighten($black,75%);
175          &.active { display: block; }
176          &:hover { color: $black; }
177          line-height: 30px;
178          font-size: 18px;
179          cursor: pointer;
180        }
181
182        .remove-textfield.entypo.cross {
183          display: none;
184          color: lighten($black,75%);
185          &.active { display: block; }
186          &:hover { color: $black; }
187          line-height: 30px;
188          font-size: 18px;
189          cursor: pointer;
190        }
191
192        .remove-textarea.entypo.cross {
193          display: none;
194          color: lighten($black,75%);
195          &.active { display: block; }
196          &:hover { color: $black; }
197          line-height: 30px;
198          font-size: 18px;
199          cursor: pointer;
200        }
201
202        .remove-textarealarga.entypo.cross {
203          display: none;
204          color: lighten($black,75%);
205          &.active { display: block; }
206          &:hover { color: $black; }
207          line-height: 30px;
208          font-size: 18px;
209          cursor: pointer;
210        }
211
212        .remove-seleccion.entypo.cross {
213          display: none;
214          color: lighten($black,75%);
215          &.active { display: block; }
216          &:hover { color: $black; }
217          line-height: 30px;
218          font-size: 18px;
219          cursor: pointer;
220        }
221       
222        .add-textarea.entypo.plus {
223          //display: none;
224          color: lighten($black,75%);
225          //&.active { display: block; }
226          &:hover { color: $black; }
227          line-height: 30px;
228          font-size: 18px;
229          cursor: pointer;         
230        }
231
232        .responsable {
233          height: 20px;
234          width: 91.5%;
235          border: 1px solid #DDDDDD !important;
236          border-radius: 4px;
237        }
238
239        .fecha {
240          height: 20px;
241          width: 91.5%;
242          border: 1px solid #DDDDDD !important;
243          border-radius: 4px;
244        }
245
246        .horainicio {
247          height: 20px;
248          width: 91.5%;
249          border: 1px solid #DDDDDD !important;
250          border-radius: 4px;
251        }
252
253        .horafinal {
254          height: 20px;
255          width: 91.5%;
256          border: 1px solid #DDDDDD !important;
257          border-radius: 4px;
258        }
259
260        .asistente {
261          height: 80px;
262          width: 91.5%;
263          border: 1px solid #DDDDDD !important;
264          /*border-radius: 4px;*/
265        }
266
267        .punto {
268          height: 200px;
269          width: 91.5%;
270          border: 1px solid #DDDDDD !important;
271          /*border-radius: 4px;*/
272        }
273
274        .acuerdo {
275          height: 200px;
276          width: 91.5%;
277          border: 1px solid #DDDDDD !important;
278          /*border-radius: 4px;*/
279        }
280
281        .asunto {
282          height: 20px;
283          width: 91.5%;
284          border: 1px solid #DDDDDD !important;
285          border-radius: 4px;
286        }
287
288        .textfield {
289          /*height: 80px;*/
290          width: 91.5%;
291          border: 1px solid #DDDDDD !important;
292        }
293
294        .textarea {
295          height: 80px;
296          width: 91.5%;
297          border: 1px solid #DDDDDD !important;
298        }
299
300        .textarealarga {
301          height: 160px;
302          width: 91.5%;
303          border: 1px solid #DDDDDD !important;
304        }
305
306        .poll-responsable-template {
307          /*border: 1px solid green;*/
308          width: 100%;
309          margin-left: 0px;
310        }
311
312        .poll-fecha-template {
313          /*border: 1px solid green;*/
314          width: 100%;
315          margin-left: 0px;
316        }
317
318        .poll-horainicio-template {
319          /*border: 1px solid green;*/
320          width: 100%;
321          margin-left: 0px;
322        }
323
324        .poll-horafinal-template {
325          /*border: 1px solid green;*/
326          width: 100%;
327          margin-left: 0px;
328        }
329
330        .poll-asistente-template {
331          /*border: 1px solid green;*/
332          width: 100%;
333          margin-left: 0px;
334        }
335
336        .poll-asunto-template {
337          /*border: 1px solid green;*/
338          width: 100%;
339          margin-left: 0px;
340        }
341
342        .poll-punto-template {
343          /*border: 1px solid green;*/
344          width: 100%;
345          margin-left: 0px;
346        }
347
348        .poll-acuerdo-template {
349          /*border: 1px solid green;*/
350          width: 100%;
351          margin-left: 0px;
352        }
353
354        .poll-textarea-template {
355          /*border: 1px solid green;*/
356          width: 100%;
357          margin-left: 0px;
358        }
359
360        .poll-textfield-template {
361          /*border: 1px solid green;*/
362          width: 100%;
363          margin-left: 0px;
364        }
365
366        .poll-textarealarga-template {
367          /*border: 1px solid green;*/
368          width: 100%;
369          margin-left: 0px;
370        }
371
372        .poll-seleccion-template {
373          border: 1px solid gray;
374          border-radius: 5px;
375          width: 100%;
376          margin-left: 0px;
377        }
378
379        #boton_agregar_responsable {
380          background-color: #FAFAFA;
381          width: 130px;
382          border: solid 1px #808080;
383          border-radius: 5px;
384          cursor: pointer;
385          text-align: center;
386          padding: 5px;
387          text-decoration: none;
388        }
389        #boton_agregar_responsable:hover {
390          background-color: #FAFAFA;
391          color: #3F8FBA;
392          width: 130px;
393          border: solid 1px #808080;
394          border-radius: 5px;
395          cursor: pointer;
396          text-align: center;
397          padding: 5px;
398          text-decoration: none;
399        }
400        #boton_agregar_fecha {
401          background-color: #FAFAFA;
402          width: 130px;
403          border: solid 1px #808080;
404          border-radius: 5px;
405          cursor: pointer;
406          text-align: center;
407          padding: 5px;
408          text-decoration: none;
409        }
410        #boton_agregar_fecha:hover {
411          background-color: #FAFAFA;
412          color: #3F8FBA;
413          width: 130px;
414          border: solid 1px #808080;
415          border-radius: 5px;
416          cursor: pointer;
417          text-align: center;
418          padding: 5px;
419          text-decoration: none;
420        }
421        #boton_agregar_horainicio {
422          background-color: #FAFAFA;
423          width: 130px;
424          border: solid 1px #808080;
425          border-radius: 5px;
426          cursor: pointer;
427          text-align: center;
428          padding: 5px;
429          text-decoration: none;
430        }
431        #boton_agregar_inicio:hover {
432          background-color: #FAFAFA;
433          color: #3F8FBA;
434          width: 130px;
435          border: solid 1px #808080;
436          border-radius: 5px;
437          cursor: pointer;
438          text-align: center;
439          padding: 5px;
440          text-decoration: none;
441        }
442        #boton_agregar_horafinal {
443          background-color: #FAFAFA;
444          width: 130px;
445          border: solid 1px #808080;
446          border-radius: 5px;
447          cursor: pointer;
448          text-align: center;
449          padding: 5px;
450          text-decoration: none;
451        }
452        #boton_agregar_final:hover {
453          background-color: #FAFAFA;
454          color: #3F8FBA;
455          width: 130px;
456          border: solid 1px #808080;
457          border-radius: 5px;
458          cursor: pointer;
459          text-align: center;
460          padding: 5px;
461          text-decoration: none;
462        }
463        #boton_agregar_asistente {
464          background-color: #FAFAFA;
465          width: 130px;
466          border: solid 1px #808080;
467          border-radius: 5px;
468          cursor: pointer;
469          text-align: center;
470          padding: 5px;
471          text-decoration: none;
472        }
473        #boton_agregar_asistente:hover {
474          background-color: #FAFAFA;
475          color: #3F8FBA;
476          width: 130px;
477          border: solid 1px #808080;
478          border-radius: 5px;
479          cursor: pointer;
480          text-align: center;
481          padding: 5px;
482          text-decoration: none;
483        }
484        #boton_agregar_asunto {
485          background-color: #FAFAFA;
486          width: 130px;
487          border: solid 1px #808080;
488          border-radius: 5px;
489          cursor: pointer;
490          text-align: center;
491          padding: 5px;
492          text-decoration: none;
493        }
494        #boton_agregar_asunto:hover {
495          background-color: #FAFAFA;
496          color: #3F8FBA;
497          width: 130px;
498          border: solid 1px #808080;
499          border-radius: 5px;
500          cursor: pointer;
501          text-align: center;
502          padding: 5px;
503          text-decoration: none;
504        }
505        #boton_agregar_punto {
506          background-color: #FAFAFA;
507          width: 130px;
508          border: solid 1px #808080;
509          border-radius: 5px;
510          cursor: pointer;
511          text-align: center;
512          padding: 5px;
513          text-decoration: none;
514        }
515        #boton_agregar_punto:hover {
516          background-color: #FAFAFA;
517          color: #3F8FBA;
518          width: 130px;
519          border: solid 1px #808080;
520          border-radius: 5px;
521          cursor: pointer;
522          text-align: center;
523          padding: 5px;
524          text-decoration: none;
525        }
526        #boton_agregar_acuerdo {
527          background-color: #FAFAFA;
528          width: 130px;
529          border: solid 1px #808080;
530          border-radius: 5px;
531          cursor: pointer;
532          text-align: center;
533          padding: 5px;
534          text-decoration: none;
535        }
536        #boton_agregar_acuerdo:hover {
537          background-color: #FAFAFA;
538          color: #3F8FBA;
539          width: 130px;
540          border: solid 1px #808080;
541          border-radius: 5px;
542          cursor: pointer;
543          text-align: center;
544          padding: 5px;
545          text-decoration: none;
546        }
547        #boton_agregar_area_texto {
548          background-color: #FAFAFA;
549          width: 130px;
550          border: solid 1px #808080;
551          border-radius: 5px;
552          cursor: pointer;
553          text-align: center;
554          padding: 5px;
555          text-decoration: none;
556        }
557        #boton_agregar_area_texto:hover {
558          background-color: #FAFAFA;
559          color: #3F8FBA;
560          width: 130px;
561          border: solid 1px #808080;
562          border-radius: 5px;
563          cursor: pointer;
564          text-align: center;
565          padding: 5px;
566          text-decoration: none;
567        }
568        #boton_agregar_area_textolarga {
569          background-color: #FAFAFA;
570          width: 130px;
571          border: solid 1px #808080;
572          border-radius: 5px;
573          cursor: pointer;
574          text-align: center;
575          padding: 5px;
576          text-decoration: none;
577        }
578        #boton_agregar_area_textolarga:hover {
579          background-color: #FAFAFA;
580          color: #3F8FBA;
581          width: 130px;
582          border: solid 1px #808080;
583          border-radius: 5px;
584          cursor: pointer;
585          text-align: center;
586          padding: 5px;
587          text-decoration: none;
588        }
589        #boton_agregar_seleccion {
590          background-color: #FAFAFA;
591          width: 130px;
592          border: solid 1px #808080;
593          border-radius: 5px;
594          cursor: pointer;
595          text-align: center;
596          padding: 5px;
597          text-decoration: none;
598        }
599        #boton_agregar_seleccion:hover {
600          background-color: #FAFAFA;
601          color: #3F8FBA;
602          width: 130px;
603          border: solid 1px #808080;
604          border-radius: 5px;
605          cursor: pointer;
606          text-align: center;
607          padding: 5px;
608          text-decoration: none;
609        }
610        #titulos_campos_minuta {
611          /*color: #000000*/
612          font-size: 12px;
613          color: #666666;
614          font-weight: bold;
615        }
616
617        .span1234 {
618          /*border: 1px solid red;*/
619          margin-top: 10px;
620          margin-left: 0px;
621          margin-bottom: 10px;
622        }
623      }
624
625      &.with_location .row-fluid#location_container {
626        height: 30px;
627        #hide_location { display: none !important; }
628        border-top: 1px dashed $border-grey;
629        input[type='text'] {
630          margin-bottom: 0;
631          color: $text-grey;
632        }
633      }
634      &.active .row-fluid#button_container {
635        border-top: 1px solid $border-grey;
636      }
637
638      #photodropzone {
639        margin: 0;
640        > li.publisher_photo {
641          list-style: none;
642          float: left;
643          margin: 8px;
644          height: 80px;
645          width: 80px;
646          overflow: hidden;
647          line-height: 80px;
648          vertical-align: middle;
649
650          img {
651            vertical-align: middle;
652            width: 80px;
653          }
654
655          .x {
656            display: none;
657            width: 50px;
658            height: 50px;
659            border-radius: 25px;
660            text-align: center;
661            background-color: white;
662            color: black;
663            font-size: 50px;
664            line-height: 50px;
665            font-style: bold;
666            position: absolute;
667            z-index: 2;
668            opacity: 0.85;
669            cursor: pointer;
670            top: 15px;
671            left: 15px;
672
673            &:before {
674              content: '\2716';
675              font-family: 'entypo';
676            }
677          }
678
679          &:hover .x {
680            display: inline-block;
681          }
682
683          .progress {
684            width: 100%;
685            height: 20px;
686            margin: 30px 0;
687          }
688
689          .ajax-loader { display: none; }
690        }
691      }
692
693      #upload_error {
694        color: white;
695        font-style: bold;
696        border-top: 1px solid white;
697        background-color: $red;
698        text-align: center;
699      }
700
701      #publisher-images {
702        margin-right: 5px;
703        #file-upload,
704        #locator,
705        #poll_creator,
706        #hide_location {
707          text-decoration: none !important;
708          font-size: 16px;
709          padding: 4px 5px;
710          i {
711            color: $text-grey;
712          }
713          &:hover{
714            i { color: black; }
715          }
716          input[type='file'] {
717            cursor: pointer;
718            &::-webkit-file-upload-button {
719              cursor: pointer;
720            }
721          }
722        }
723        #hide_location {
724          display: none;
725        }
726      }
727      &.with_location #publisher-images {
728        #hide_location { display: inline-block; }
729        #locator { display: none; }
730      }
731
732      .counter {
733        height: 30px;
734        line-height: 30px;
735        position: absolute;
736        right: 100px;
737        bottom: -31px;
738        font-size: 13px;
739      }
740      &.with_location .counter {
741        bottom: -62px;
742      }
743      .warning {
744        color: orange;
745      }
746      .exceeded {
747        color: red;
748      }
749    }
750  }
751
752  .aspect_dropdown {
753    .radio {
754      min-height: 0px;
755      padding-left: 0px;
756    }
757  }
758}
Note: See TracBrowser for help on using the repository browser.