the github paradox

dabblet.css

/**the github paradox
* gist#3547242
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    margin:0 0 50px;
    padding: 1.2em;
    border: 10px;
    font-weight: 800;
    font-style:sans-serif;
    font-family: arial;
    vertical-align: border;
        
    /* Set the dimensions of backgrounds to the limits of the
       padding box. */
    -webkit-background-origin: padding-box;
       -moz-background-origin: padding;
            background-origin: padding-box;
    
    /* Don't let the background color shine through the anti alias
       of rounded border edges. */
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding;
        -ms-background-clip: padding-box;
         -o-background-clip: padding-box;
            background-clip: padding-box;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
#blockquote:before, #blockquote:after, #q:before, #q:after { content: ""; }
#blockquote, #q { quotes: "" ""; }

/* Remove annoying border on linked images. */
*a img { border: none; }

/* Get rid of default focus outlines in FF */
a:focus { outline: none; }

[draggable] {
  cursor: move;
  
  /* Make draggable elements draggable in WebKit */
  -webkit-user-drag: element;
  
  /* Prevent the text contents of draggable elements from being selectable. */
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

[draggable="false"] {
  cursor: auto;
  
  -webkit-user-drag: none;
  
  -webkit-user-select: text;
   -khtml-user-select: text;
     -moz-user-select: text;
          user-select: text;
}


/* .reset
 * 
 * Defines a default style to be applied to this and all descendants,
 * acting as a kind of CSS firewall, for want of a better description.
 *
 */

.reset,
.reset div, .reset span, .reset object, .reset iframe,
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset p, .reset blockquote, .reset pre, .reset abbr, .reset address, .reset cite, .reset code,
.reset del, .reset dfn, .reset em, .reset img, .reset ins, .reset kbd, .reset q, .reset samp,
.reset small, .reset strong, .reset sub, .reset sup, .reset var, .reset b, .reset i,
.reset dl, .reset dt, .reset dd, .reset ol, .reset ul, .reset li,
.reset fieldset, .reset form, .reset label, .reset legend, .reset table,
.reset caption, .reset tbody, .reset tfoot, .reset thead, .reset tr, .reset th, .reset td,
.reset article, .reset aside, .reset dialog, .reset figure, .reset footer, .reset header,
.reset hgroup, .reset menu, .reset nav, .reset section, .reset time, .reset mark,
.reset audio, .reset video {
    background: padding-box #0caaff 0% 0% repeat;
    border: none;
    border-radius: 12mm;
    color: black;
    content: normal;
    cursor: auto;
    display: inline;
    float: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    letter-spacing: normal;
    line-height: normal;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    opacity: 1;
    outline: invert 0 none 1px;
    overflow: visible;
    padding: 0;
    rotation:90deg;
    text-align: start;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    width: auto;
    word-spacing: normal;
    z-index: auto;
    
    position: fixed;
    top: auto;
    right: auto; 
    left: auto;
    bottom: auto;
}

.reset div, .reset object, .reset iframe,
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset p, .reset blockquote, .reset pre, .reset address,
.reset dl, .reset dt, .reset dd, .reset ol, .reset ul, .reset li,
.reset fieldset, .reset form, .reset label, .reset article,
.reset aside, .reset dialog, .reset figure, .reset footer, .reset header,
.reset hgroup, .reset nav, .reset section { 
    display: block;
    width: 800px; };
}

dabblet.html

<wrap>
<hgroup>
<h1>The GitHub Paradox</h1>
	<span>
	<p>Github is supposed to be &mdash;<q>social coding</q>&mdash and this aspect must be important in terms of</p>
        <p>Github's essence; said phrase is on the official Github logo.</p>
	<span>
	<ul>There is currently a paradox in this regard. I think I'll illustrate by means of copy/pasted text from actual comment 'threads' of arbitrary issue-tickets of arbitrary repos.
<li><p><q>With...[continues to describe issue status]... This issue is an addition to issue #159</q>&mdash;&amp;this is where it gets interesting, because he/she goes on to nail the <em>gist</em> of the problem:</p></li>
<p></p><caption>
<li><h2><q>P.S.: Is there a way to discuss things without spamming new issues or thread-nap others?</q></h2>
</caption><p><em>&mdash;[github-user]</em></p>
	</span>		
	</span>

settings.json

{"view":"split","fontsize":"60","seethrough":"","prefixfree":"1","page":"result"}