/ * http : / / meyerweb . com / eric / tools / css / reset /
v2 . 0 | 20110126
License : none ( public domain )
* /
html , body , div , span , applet , object , iframe ,
h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre ,
a , abbr , acronym , address , big , cite , code ,
del , dfn , em , img , ins , kbd , q , s , samp ,
small , strike , strong , sub , sup , tt , var ,
b , u , i , center ,
dl , dt , dd , ol , ul , li ,
fieldset , form , label , legend ,
table , caption , tbody , tfoot , thead , tr , th , td ,
article , aside , canvas , details , embed ,
figure , figcaption , footer , header , hgroup ,
menu , nav , output , ruby , section , summary ,
time , mark , audio , video {
margin : 0 ;
padding : 0 ;
border : 0 ;
font-size : 100 % ;
font : inherit ;
vertical-align : baseline ;
}
/* HTML5 display-role reset for older browsers */
article , aside , details , figcaption , figure ,
footer , header , hgroup , menu , nav , section {
display : block ;
}
body {
line-height : 1 ;
}
ol , ul {
list-style : none ;
}
blockquote , q {
quotes : none ;
}
blockquote : before , blockquote : after ,
q : before , q : after {
content : '' ;
content : none ;
}
table {
border-collapse : collapse ;
border-spacing : 0 ;
}
< hr / >
< div id = "commentContainer" style = "visibility:hidden;" >
< h2 > Comments < / h2 > < div class = "commentCounter" id = "commentCounter" > 0 < / div >
< div class = "comments" id = "comments" > < / div >
< / div >
< script type = "text/javascript" >
function fetchComments ( ) {
fetch ( "/COMMENTS?article=reset.css.comment" ) . then ( ( data ) = > data . text ( ) )
. then ( ( data ) = > {
data = data . split ( "\n" ) ;
for ( var i = 0 ; i < data . length ; i + + ) {
if ( i = = 0 ) {
document . getElementById ( "commentCounter" ) . innerText = data [ i ]
} else {
document . getElementById ( "comments" ) . innerHTML + = data [ i ] + "<br>"
}
}
document . getElementById ( "commentContainer" ) . style . visibility = "visible"
} )
}
fetchComments ( )
< / script >
