Key Terms Bullets - css
Embed
You can embed this paste into a blog or website with this code:
<iframe class="codetidy" type="text/html" width="100%" src="http://codetidy.com/paste/embed/3012" frameborder="0"></iframe>
<div class
="glossary" title
="Glossary" id
="idp89856">
<div class
="titlepage">
<dl
>
<dt
><span id
="m10383-import-auto-id2867936"></span
><span xmlns
:fo
=
"http://www.w3.org/1999/XSL/Format" class
="glossterm" id
=
"m10383-autoid-cnx2dbk-idp6333976">activity theory</span
></dt
>
<dd
><a id
="idp5534568" class
="indexterm" name
="idp5534568"></a
></dd
>
<dd
>
<p
><span id
="m10383-fs-id1339085"></span
>theory which suggests that for

individuals to enjoy old age and feel satisfied
, they must maintain

activities and find a replacement for the statuses and associated roles they

have
left behind as they aged</p
>
</dd
>
<dt
><span id
="m10383-import-auto-id1008423"></span
><span xmlns
:fo
=
"http://www.w3.org/1999/XSL/Format" class
="glossterm" id
=
"m10383-autoid-cnx2dbk-idp6334944">age stratification theory</span
></dt
>
<dd
><a id
="idp5414632" class
="indexterm" name
="idp5414632"></a
></dd
>
<dd
>
<p
><span id
="m10383-fs-id2869867"></span
>theory which states that members of

society are stratified by age
, just as they are stratified by race
, class
,
and gender</p
>
</dd
>
.glossary {
// End-of-chapter material should start on a new
page 
page-break-before: always;
.title {
/* Change "Glossary" to "Key Terms" */
content: "Key Terms";
color: @green;
border-bottom: 1px solid @green;
font-size: x-large !important
;
padding: 0em !important
;
display: block !important
;
} 
dt
::before{
content: "\25BA \0020" !important
; /*triangle */
}
// Remove
":"
dt
::after {
content: " " !important
;
}
}