Mercurial > libervia-web

comparison public/libervia.css @ 351:c943fd54c90e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
browser_side: heavy refactorisation for microblogs: - RichTextEditor inheritates from BaseTextEditor - stuff related to display/edition have been moved from MicroblogEntry to LightTextEditor and RichTextEditor. Now the editors has two modes for display/edition and the microblog bubble is actually the editor itself. - RichTextEditor's display mode uses a LightTextEditor (this will be used for WYSIWYG edition) - addressing stuff of RichTextEditor have been moved to a child class RichMessageEditor (used for the rich text editor when clicking on the button left to the unibox) - handle blog titles TODO: - fix encode/decode errors when sending special chars - fix images maximal width in the bubble - rich content WYSIWYG edition
author souliane <souliane@mailoo.org>
date Wed, 12 Feb 2014 15:17:04 +0100
parents 83454ba70a9c
children ddb909ab5cbc
comparison
equal deleted inserted replaced
350:f1b9ec412769 351:c943fd54c90e
69 .bubble p { 69 .bubble p {
70 margin: 0.4em 0em; 70 margin: 0.4em 0em;
71 } 71 }
72 72
73 .bubble img { 73 .bubble img {
74 max-width: 100%; 74 # if you set max-width, check that the rich text editor icons are still well displayed
75 } 75 }
76
76 /* styles for displaying rich text - END */ 77 /* styles for displaying rich text - END */
77 78
78 blockquote, q { quotes: none; } 79 blockquote, q { quotes: none; }
79 80
80 blockquote:before, blockquote:after, 81 blockquote:before, blockquote:after,
861 border-radius:10px; 862 border-radius:10px;
862 background: #EDEDED; 863 background: #EDEDED;
863 border-color: #C1C1C1; 864 border-color: #C1C1C1;
864 border-width: 1px; 865 border-width: 1px;
865 border-style: solid; 866 border-style: solid;
867 display: block;
866 } 868 }
867 869
868 .bubble:after { 870 .bubble:after {
869 background: transparent url('media/libervia/bubble_after.png') top right no-repeat; 871 background: transparent url('media/libervia/bubble_after.png') top right no-repeat;
870 border: none; 872 border: none;
1248 1250
1249 a:hover.url { 1251 a:hover.url {
1250 text-decoration: underline 1252 text-decoration: underline
1251 } 1253 }
1252 1254
1253 /* Rich Text Editor */ 1255 /* Rich Text/Message Editor */
1254 1256
1255 .richTextEditor { 1257 .richTextEditor {
1256 width: 100%; 1258 }
1257 margin: 9px 18px; 1259
1260 .richMessageEditor {
1261 width: 100%;
1262 margin: 9px 18px;
1263 }
1264
1265 .richTextTitle {
1266 margin-bottom: 5px;
1267 }
1268
1269 .richTextTitle textarea {
1270 height: 23px;
1271 width: 99%;
1272 margin: auto;
1273 display: block;
1258 } 1274 }
1259 1275
1260 .richTextToolbar { 1276 .richTextToolbar {
1261 } 1277 }
1262 1278
1263 .richTextFormatLabel { 1279 .richTextArea {
1280 width: 100%;
1281 }
1282
1283 .richMessageArea {
1284 width: 100%;
1285 height: 250px;
1286 }
1287
1288 .richTextSyntaxLabel {
1264 text-align: right; 1289 text-align: right;
1265 margin: 14px 0px 0px 14px; 1290 margin: 14px 0px 0px 14px;
1266 font-size: 12px; 1291 font-size: 12px;
1267 }
1268
1269 .richTextArea {
1270 width:100%;
1271 height:250px;
1272 } 1292 }
1273 1293
1274 .richTextToolButton { 1294 .richTextToolButton {
1275 cursor: pointer; 1295 cursor: pointer;
1276 width:26px; 1296 width:26px;
1287 -webkit-transition: color 0.2s linear; 1307 -webkit-transition: color 0.2s linear;
1288 -moz-transition: color 0.2s linear; 1308 -moz-transition: color 0.2s linear;
1289 -o-transition: color 0.2s linear; 1309 -o-transition: color 0.2s linear;
1290 } 1310 }
1291 1311
1292 .richTextTitle {
1293 margin-bottom: 5px;
1294 }
1295
1296 .richTextTitle textarea {
1297 height: 23px;
1298 width: 99%;
1299 margin: auto;
1300 display: block;
1301 }
1302
1303 .richTextIcon { 1312 .richTextIcon {
1304 width:16px; 1313 width:16px;
1305 height:16px; 1314 height:16px;
1306 vertical-align: middle; 1315 vertical-align: middle;
1307 } 1316 }