summary.aspx font size:
View Sample
<html>
<head>
<title>Abakada HTML Demo: summary and details Elements</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<style>
details > summary {
   font: 14pt Calibri, sans-serif;
   padding: 10px;
   background-color: #ddc;
   display: block;
   cursor: pointer;
}
details > summary::before {
   content: url('/shared/next.gif'); 
}
details > p {
   font: italic 16pt serif;
   margin: 5 40 10 40; padding: 16px;
   border-radius: 0 0 10px 10px;
   background-color: beige;
   box-shadow: 3px 3px 4px gray;
}
details[open] > summary {
   background-color: khaki;
   font-weight: bold;
}
details[open] > summary::before {
   content: url('/shared/first.gif');
}
details:open > summary {
   background-color: khaki;
   font-weight: bold;
}
details:open > summary::before {
   content: url('/shared/first.gif');
}
</style>
</head>

<body>
<div class="header"><h2>Abakada HTML Demo: <b>summary and details</b> Elements</h2></div>
<hr size=1 width=92%>

<h1>Notable quotes from William Shakespeare</h1>
<p><cite>Capturing the essence of love in his timeless works.</cite></p>

<section style="margin: 0 20">

<details name="quotes">
   <summary>From Sonnet 18, highlighting the beauty and constancy of love.</summary>
   <p>�Shall I compare thee to a summer�s day? Thou art more lovely and more temperate.�
</details>
<details name="quotes">
   <summary>From Hamlet, expressing unwavering love and devotion</summary>
   <p>�Doubt thou the stars are fire; Doubt that the sun doth move;
   <br>Doubt truth to be a liar; But never doubt I love.�
</details>
<details name="quotes">
   <summary>From Much Ado About Nothing, a declaration of deep affection</summary>
   <p>�I do love nothing in the world so well as you ~ is not that strange?�
</details>
<details name="quotes">
   <summary>From The Tempest, a simple yet powerful expression of love and companionship</summary>
   <p>�I would not wish any companion in the world but you,
   <br>nor can imagination form a shape, besides yourself, to like of.�
</details>
<details name="quotes">
   <summary>From A Midsummer Night�s Dream</summary>
   <p>�Love looks not with the eyes, but with the mind;
   <br>And therefore is winged Cupid painted blind.�
</details>

</section>

<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->

</body>
</html>