1 .marco_trabajo {2 width:80%;3 font-size:12px;4 }5 6 /**************************************************************************/7 /* ELEMENTOS COMUNES */8 /**************************************************************************/ 9 10 .boton {11 display:block;12 float:left;13 width:32px;14 height:32px;15 overflow:hidden;16 margin:4px;17 border:solid white 1px;18 }19 20 .boton:hover {21 border-top:solid silver 1px;22 border-left:solid silver 1px;23 border-right:solid black 1px;24 border-bottom:solid black 1px;25 }26 27 28 29 /* iconos de los botones */30 .b_insertar { background-image:url('http://antena.treeweb.es/iconos/picol/32/arrow_full_left_32.png'); }31 .b_mover_arriba { background-image:url('http://antena.treeweb.es/iconos/picol/32/arrow_sans_up_32.png'); }32 .b_mover_abajo { background-image:url('http://antena.treeweb.es/iconos/picol/32/arrow_sans_down_32.png'); }33 34 .b_insertar_texto { background-image:url('http://antena.treeweb.es/iconos/picol/32/text_32.png'); }35 .b_insertar_lista { background-image:url('http://antena.treeweb.es/iconos/picol/32/list_32.png'); }36 .b_insertar_imagen { background-image:url('http://antena.treeweb.es/iconos/picol/32/image_32.png'); }37 38 .b_formato_texto_alinear_izquierda { background-image:url('http://antena.treeweb.es/iconos/picol/32/text_align_left_32.png'); }39 .b_guardar { background-image:url('http://antena.treeweb.es/iconos/picol/32/floppy_disk_32.png'); }40 41 42 43 44 /**************************************************************************/45 /* INTERBARRA */46 /**************************************************************************/ 47 48 .interbarra {49 border-top:solid red 1px;50 overflow:auto;51 }52 53 .interbarra .vertical {54 float:right;55 width:42px;56 }57 58 .interbarra .horizontal {59 height:0px;60 margin-right:42px;61 overflow:hidden;62 background-color:pink;63 }64 65 .interbarra .horizontal .boton {66 border:solid pink 1px;67 }68 69 .interbarra .horizontal .boton:hover {70 border-top:solid silver 1px;71 border-left:solid silver 1px;72 border-right:solid black 1px;73 border-bottom:solid black 1px;74 }75 76 /**************************************************************************/77 /* ZONA DE EDICIÓN */78 /**************************************************************************/ 79 80 .zona_edicion {81 margin-right:42px;82 overflow:hidden;83 }84 85 .zona_edicion .barra {86 background-color:blue;87 display:none;88 }89 90 .zona_edicion .etiquetas {91 display:none;92 }93 94 .zona_edicion .etiquetas INPUT{95 border:solid black 1px;96 }97 98 .zona_edicion .etiquetas .etiqueta {99 border:solid navy 1px;100 background-color:lightblue;101 color:navy;102 text-decoration:none;103 padding:2px;104 }105 106 .zona_edicion .etiquetas .etiqueta:hover {107 background-color:white;108 }109 110 111 112 /**************************************************************************/113 /* EDICIÓN DE TEXTO */114 /**************************************************************************/ 115 116 .edicion_texto .edicion TEXTAREA {117 border:solid black 0px;118 width:100%;119 height:150px;120 background-color:#FAFAFF;121 }122 123 /**************************************************************************/124 /* EDICIÓN DE IMAGEN */125 /**************************************************************************/ 126 127 .edicion_imagen .edicion IMG {128 display:block;129 margin:0 auto 0 auto;130 }131 132 .edicion_imagen .edicion .imagen {133 background-color:#FAFAFF;134 }135 136 .edicion_imagen .etiquetas TABLE {137 width:100%;138 }139 140 .edicion_imagen .etiquetas TABLE INPUT{141 width:100%;142 }143 144 145 146 147 Enlace
El enlace para compartir es: