Forum upgraded Nov 20, 2017

[ConstanceJill]

I think the only thing that really bothers me with the new appearance of quoting boxes is that there is a big opening quotation mark, but no closing one.

[tomos]

Re colour/s
another option would be the blue-grey + orange/ish type theme

-tomos (November 22, 2017, 05:57 AM)

here a couple of variations:


1) Shadow around quote removed, orangeish colour highlight - width reduced on the left:

Forum upgraded Nov 20, 2017


2) a lighter shade of blue in quote (I didnt do that very well: I couldnt just make it brighter - it changed colour as well); and the orangeish colour highlight - width reduced on the left:

Forum upgraded Nov 20, 2017

FWIW my vote would be for something like #1 above

[cranioscopical]

I prefer the quotation marks to be inside the panel.

What do you mean?

-mouser (November 21, 2017, 07:19 PM)

(Also, to me the super-large opening quotation mark is indicative of a pull quote which doesn't quite suit this context.)

Don't miss the exciting next episode… "The Comma"

[mouser]

I prefer the quotation marks to be inside the panel.

Aren't they already the way you prefer them? Were they ever otherwise?

I see you what you mean about them possibly suggesting a "pull-quote".. That hadn't occurred to me..

[Tuxman]

The quotation is rather small here. My poor eyes! 

Forum upgraded Nov 20, 2017

[mouser]

You need to Ctrl+F5 refresh on the page so the new css file is loaded.

[Tuxman]

Ah. I thought this was the first time I visit DC on this machine. 
Fixed! 

[cranioscopical]

Aren't they already the way you prefer them? Were they ever otherwise?

-mouser (November 22, 2017, 05:32 PM)

Nope, perhaps it's terminology. In reply #27 one set of marks is entirely within the white space, which I prefer (the first of the lower two examples).

Also, if one looks at a topic with a run of accumulated quote/response contributions, the quotations appear to look more important than the responses.

I think skwire's view (previous format was better) has considerable merit.
 

[rgdot]

the quotations appear to look more important than the responses.

-cranioscopical (November 23, 2017, 09:08 AM)

I get this impression as well

[wraith808]

I think skwire's view (previous format was better) has considerable merit.

-cranioscopical (November 23, 2017, 09:08 AM)

Perhaps there's no way to easily go back to the previous format?  I would think that if he has not already considered that rather than making changes to the CSS, then perhaps that is a reason that it has less than considerable merit?

[mouser]

It's easy to go back or change it in lots of ways -- it's just css.
I'm just thinking we need SOME improvement over the old style.  I kind of like this one but I'm still cogitating on the suggestions.
What would be nice is if someone made some alternative css styles for it and shared. Then we could see which we liked best.

[wraith808]

It's easy to go back or change it in lots of ways -- it's just css.
I'm just thinking we need SOME improvement over the old style.  I kind of like this one but I'm still cogitating on the suggestions.
What would be nice is if someone made some alternative css styles for it and shared. Then we could see which we liked best.

-mouser (November 23, 2017, 11:22 AM)

So perhaps remove the quote, make the right and left bars something that goes more with the style of the site, and make the font a bit lighter?  Which CSS file is it?  Or can you just post the current CSS?

I see this in https://www.donation.../css/index.css?fin20

Code: CSS [Select]

1. /* A quote, perhaps from another post. */
2. .REN_DISABLE_blockquote.bbc_standard_quote, REN_DISABLE_blockquote.bbc_alternate_quote
3. {
4.         font-size: x-small;
5.         color: #000;
6.         line-height: 1.4em;
7.         background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat;
8.         border-top: 2px solid #99A;
9.         border-bottom: 2px solid #99A;
10.         padding: 1.1em 1.4em;
11.         margin: 0.1em 0 0.3em 0;
12.         overflow: auto;
13. }

Is that the CSS that would have to be played with?

[mouser]

Here's the css in question -- note that the first set is overridden mostly by the second set:

Code: CSS [Select]

1. /*
2.  fancy block quote
3.  https://codepen.io/maxds/pen/DcveB
4. */
5.  
6.  
7. blockquote {
8.   display:inline-block;
9.   background: #fff;
10.   padding: 15px 20px 15px 45px;
11.   margin: 5px 0 20px;
12.   position: relative;
13.  
14.   /*Font*/
15.   font-family: Georgia, serif;
16.   font-size: 120%;
17.   line-height: 1.2;
18.   color: #666;
19.   text-align: justify;
20.  
21.   /*Borders - (Optional)*/
22.   border-left: 15px solid #c76c0c;
23.   border-right: 2px solid #c76c0c;
24.  
25.   /*Box Shadow - (Optional)*/
26.   -moz-box-shadow: 2px 2px 15px #ccc;
27.   -webkit-box-shadow: 2px 2px 15px #ccc;
28.   box-shadow: 2px 2px 15px #ccc;
29. }
30.  
31. blockquote::before{
32.   content: "\201C"; /*Unicode for Left Double Quote*/
33.   /*Font*/
34.   font-family: Georgia, serif;
35.   font-size: 60px;
36.   font-weight: bold;
37.   color: #999;
38.   /*Positioning*/
39.   position: absolute;
40.   left: 10px;
41.   top:5px;
42. }
43.  
44. blockquote::after{
45.   /*Reset to make sure*/
46.   content: "";
47. }
48.  
49. blockquote a{
50.   text-decoration: none;
51.   background: #eee;
52.   cursor: pointer;
53.   padding: 0 3px;
54.   color: #c76c0c;
55. }
56.  
57. blockquote a:hover{
58.  color: #666;
59. }
60.  
61. blockquote em{
62.   font-style: italic;
63. }
64.  
65. .dcblockquotefrom {
66.         font-size: 125%;
67.         font-style: italic;
68.         font-wight: bold;
69.         text-align: right;
70. }
71.  
72. .dcblockquotefrom_extra {
73.         font-size: 75%;
74.         background-color: clear;
75. }
76. .dcblockquotefrom_extra a {
77.         background: none;
78. }

Code: CSS [Select]

1. /*
2. We are OVERRIDING the settings in shared/dcstyles.css here for forum specific look
3. */
4.  
5.  
6. blockquote {
7.   display:inline-block;
8.   background: #fff;
9.   padding: 10px 10px 10px 22px;
10.   margin: 5px 0 10px;
11.   position: relative;
12.  
13.   /*Font*/
14.   font-size: 100%;
15.   color: #666;
16.   text-align: justify;
17.  
18.   /*Borders - (Optional)*/
19.  
20.   border-left: 10px solid #c76c0c;
21.   border-right: 2px solid #c76c0c;
22.  
23. /*
24.   border-left: 10px solid #7bb4e1;
25.   border-right: 2px solid #7bb4e1;  
26. */
27.  
28.   /*Box Shadow - (Optional)*/
29.   -moz-box-shadow: 2px 2px 15px #ccc;
30.   -webkit-box-shadow: 2px 2px 15px #ccc;
31.   box-shadow: 2px 2px 15px #ccc;
32. }
33.  
34. blockquote::before{
35.   content: "\201C"; /*Unicode for Left Double Quote*/
36.   /*Font*/
37.   font-family: Georgia, serif;
38.   font-size: 25px;
39.   font-weight: bold;
40.   color: #999;
41.   /*Positioning*/
42.   position: absolute;
43.   left: 6px;
44.   top: -1px;
45. }
46.  
47. blockquote::after{
48.   /*Reset to make sure*/
49.   content: "";
50. }
51.  
52. blockquote a{
53.   text-decoration: none;
54.   background: #eee;
55.   cursor: pointer;
56.   padding: 0 3px;
57.   /* color: #c76c0c;*/
58. }
59.  
60. blockquote a:hover{
61.  color: #666;
62. }
63.  
64. blockquote em{
65.   font-style: italic;
66. }
67.  
68. .dcblockquotefrom {
69.         font-size: 100%;
70.         font-style: italic;
71.         font-wight: bold;
72.         text-align: right;
73.         margin-top: 4px;
74. }
75.  
76. .dcblockquotefrom_extra {
77.         font-size: 95%;
78.         background-color: clear;
79. }
80. .dcblockquotefrom_extra a {
81.         background: none;
82. }

[Deozaan]

Attachment numbering has been changed from starting at 1 to starting at 0.

This means any post that had only a single image attachment and displayed it in-line with (attach=1) now shows [invalid attachment].

[mouser]

Should be fixed now -- let me know if you spot any other oddities!

[Deozaan]

Fast work!

[IainB]

This is an example of how multiple quotes look when used in an ordered bulleted list:

• 1st bullet point:
  

  Should be fixed now -- let me know if you spot any other oddities!
  

  -mouser (November 26, 2017, 09:09 PM)

  
  
• 2nd bullet point:
  

  Should be fixed now -- let me know if you spot any other oddities!
  

  -mouser (November 26, 2017, 09:09 PM)

  
  
• 3rd bullet point:
  

  Should be fixed now -- let me know if you spot any other oddities!
  

  -mouser (November 26, 2017, 09:09 PM)

  
  
• 4th bullet point:
  

  Should be fixed now -- let me know if you spot any other oddities!
  

  -mouser (November 26, 2017, 09:09 PM)

...and in an ordered numbered list:

• 1st bullet point:
  

  Should be fixed now -- let me know if you spot any other oddities!
  

  -mouser (November 26, 2017, 09:09 PM)

  
  
• 2nd bullet point:
  

  Should be fixed now -- let me know if you spot any other oddities!
  

  -mouser (November 26, 2017, 09:09 PM)

  
  
• 3rd bullet point:
  

  Should be fixed now -- let me know if you spot any other oddities!
  

  -mouser (November 26, 2017, 09:09 PM)

  
  
• 4th bullet point:
  

  Should be fixed now -- let me know if you spot any other oddities!
  

  -mouser (November 26, 2017, 09:09 PM)

________________________________________________
Not bad. Seems like an improvement over the former quote style. The graphic of the LH vertical brown bar might be a bit obtrusive (dominant/distracting) though.
From a publishing and reading ergonomics and perception perspective and as a general rule, though they might "look nice" (and I think they do), the insertion of irrelevant (to the meaning of the text) graphic objects should be done sparingly, because such objects will tend to clutter and use up valuable whitespace, whilst providing little or no additional value to the page or text meaning itself, and being a potential visual distraction. This could tend to make the page less efficient for ease/speed of reading and comprehension. That's why I made use of a lot of them - i,e., to see how it all actually appeared on the page. The reader can thus more easily come to their own judgement from the example.
Minimising the size (width/height) of such objects could help to make them less obtrusive.

I think that what I write above probably echoes some of the comments already made by others in this thread.

It would be different where (say) the objects were being used as a visual cue to repeatedly distinguish between certain categories/groups of information in a textbook, on separate pages. Textbooks make use of that quite a lot, and once the categorisation system being used is understood by the reader, the general effect is that of improved/optimised ease/speed of reading and comprehension, and it makes for easier reference searching/checking as well. However, we are not writing textbooks in this case.

Just a thought: If the quotes could be given a unique (on that page) reference number - e.g. as in the little square-bracketed reference numbering used in Wikipedia - then that could also be useful, as they could then be used as hyperlinks and (optionally) footnotes, in wiki-style, or as required. It might also make it a lot easier to compile collections of related posts/notes onto one page, from disparate pages/threads - something that I occasionally do and which currently seems rather cumbersome to do on this forum.

[Nod5]

Does the forum support inline code formatting? Like what wrapping a part of a line in single backticks does in GitHub comments.

[Deozaan]

Does the forum support inline code formatting? Like what wrapping a part of a line in single backticks does in GitHub comments.

-Nod5 (February 02, 2018, 07:53 AM)

Yes, use <code> but change the brackets to square braces. [ ]

Or click the icon that has a pound symbol on it.

[mouser]

There is a drop-down labeled "code-highlighting" that will allow you to apply syntax highlighting for a given language to a block of text.

[Nod5]

Deozaan & mouser:
Not code blocks, I mean a way to make e.g. only the word apple in this sentence appear as code without any linebreaks.
See https://github.com/a...down-Cheatsheet#code